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

package/dist/jsx/Toggle.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","Toggle_exports","Toggle","ToggleFrame","context","module","exports","import_jsx_runtime","require","import_helpers","import_stacks","import_use_controllable_state","import_web","React","createStyledContext","color","toggledStyle","NAME","styled","ThemeableStack","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","forwardRef","forwardedRef","pressed","pressedProp","defaultPressed","onPressedChange","buttonProps","setPressed","useControllableState","prop","onChange","defaultProp","_props_onPress"],"sources":["../../src/Toggle.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","Toggle_exports","Toggle","ToggleFrame","module","exports","import_jsx_runtime","require","import_helpers","import_use_controllable_state","import_web","React","import_context","NAME","styled","View","render","context","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","forwardRef","props","forwardedRef","active","activeProp","defaultActive","onActiveChange","activeTheme","buttonProps","setActive","useControllableState","prop","onChange","defaultProp","_props_onPress","jsx","theme","disabled"],"sources":["../../src/Toggle.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/jsx/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/jsx/ToggleGroup.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/ToggleGroup.tsx"],
-  "mappings": "AAAA,SAAS,aAAa;AACtB,SAAS,yBAAyB;AAClC,SAAS,mBAAmB;AAC5B,SAAS,eAAe;AAExB,SAAS,OAAO,oBAAoB;AACpC,SAAS,4BAA4B;AACrC,SAAS,wBAAwB;AACjC,SAAS,wBAAwB;AACjC,SAAS,4BAA4B;AACrC,SAAS,oBAAoB;AAE7B,SAAS,qBAAqB,kBAAkB,QAAQ,gBAAgB;AACxE,OAAO,WAAW;AAGlB,SAAS,QAAQ,aAAa,WAAW,qBAAqB;AAkFxD;AAhFN,MAAM,oBAAoB,eAMpB,yBAAyB,mBAEzB,uBAAuB,eAIvB,EAAE,UAAU,wBAAwB,IACxC,oBAAiD,GAE7C,EAAE,UAAU,oBAAoB,kBAAkB,sBAAsB,IAC5E,oBAA6C,GAczC,kBAAkB,YAAY;AAAA,EAClC,CAAC,OAAO,iBAAiB;AACvB,UAAM,eAAe,2BAA2B,MAAM,kBAAkB,GAClE,UAAU,sBAAsB,MAAM,kBAAkB,GACxD,gBAAgB,cAAc,iBAAiB,MAAM,kBAAkB,GACvE,UAAU,cAAc,MAAM,SAAS,MAAM,KAAK,GAClD,eAAe,MAAM,gBAAgB,cAAc,cACnD,QAAS,MAAc,SAAS,cAAc,OAC9C,EAAE,mBAAmB,cAAc,GAAG,GAAG,KAAK,IAAI,OAClD,WAAW,QAAQ,YAAY,MAAM,YAAY,IACjD,iBAAiB,aAAa,EAAE,SAAS,CAAC,GAC1C,OAAO,MAAM,QAAQ,QAAQ,MAE7B,YAAiC,MAAM,WACzC,CAAC,IACD;AAAA,MACE,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,SAAS,iBAAiB,IAAI,IAAI;AAAA,IACpC,GAEE,YACH,OAAO,QAAS,WAAW,OAAO,MAAM,YAAY,IAAsB,KAAK,KAE5E,QAAQ,SAAS,GACjB,eAAgB,cAAmC,OAEnD,gBAAgB,iBAAiB;AAAA,MACrC,MAAM;AAAA,MACN,QAHkB,WAAW,eAAe,eAAe,UAGrC,MAAM;AAAA,IAC9B,CAAC,GAGK,WADY,MAAM,SAAS,QAAQ,MAAM,QAAQ,EAC5B,IAAI,CAAC,UAC1B,MAAM,qBAAqB,CAAC,MAAM,eAAe,KAAK,IACjD,QAEF,MAAM,aAAa,cAAc,KAAK,GAAG,EAAE,QAAQ,QAAQ,CAAQ,CAC3E,GAEK,cAAc;AAAA,MAClB;AAAA,MACA;AAAA,MACA,GAAG;AAAA,MACH,GAAG;AAAA,MACH;AAAA,MACA;AAAA,IACF,GAEM,QACJ;AAAA,MAAC;AAAA;AAAA,QACE,GAAG;AAAA,QACJ,KAAK;AAAA,QAEL,UAAU,WAAW,KAAK;AAAA,QAC1B;AAAA,QACC,GAAG;AAAA;AAAA,IACN;AAGF,WACE,oBAAC,2BAAwB,OAAO,MAAM,oBACpC,8BAAC,cAAc,UAAd,EAAuB,OAAc,cACnC,kBAAQ,cACP;AAAA,MAAC,iBAAiB;AAAA,MAAjB;AAAA,QACC,SAAQ;AAAA,QACR,yBAAyB,MAAM,sBAAsB;AAAA,QACrD,WAAW,CAAC;AAAA,QACZ,QAAQ;AAAA,QAEP;AAAA;AAAA,IACH,IAEA,OAEJ,GACF;AAAA,EAEJ;AACF;AACA,gBAAgB,cAAc;AAe9B,MAAM,sBAAsB,MAAM,WAGhC,CAAC,OAAO,iBAAiB;AACzB,QAAM,EAAE,oBAAoB,OAAO,GAAG,UAAU,IAAI,OAE9C,eAAe,2BAA2B,kBAAkB,GAC5D,cAAc;AAAA,IAClB,gBAAgB;AAAA,EAClB,GACM,YAAY,aAAa,SAAS,WAAW,cAAc;AAEjE,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACH,GAAG;AAAA,MACJ,KAAK;AAAA,MACL,iBAAiB,CAAC,YAAY;AAC5B,QAAI,UACF,aAAa,eAAe,KAAK,IAEjC,aAAa,iBAAiB,KAAK;AAAA,MAEvC;AAAA;AAAA,EACF;AAEJ,CAAC,GAoBK,cAAc;AAAA,EAClB,MAAM;AAAA,IACJ,CAAC,OAAO,iBAAiB;AACvB,YAAM,EAAE,MAAM,GAAG,iBAAiB,IAAI;AAatC,UAXK,SACH,MAAM,UAAU,MAAM;AACpB,YAAK,MAAM;AACX,iBAAO,kBAAkB,MAAM,IAAI;AAAA;AAAA;AAAA,YAGjC,OAAO,MAAM;AAAA,YAAC;AAAA,UAChB,CAAC;AAAA,MACH,GAAG,CAAC,MAAM,EAAE,CAAC,GAGX,SAAS;AAEX,eAAO,oBAAC,yBAAuB,GADX,kBAC2B,KAAK,cAAc;AAGpE,UAAI,SAAS;AAEX,eAAO,oBAAC,2BAAyB,GADX,kBAC6B,KAAK,cAAc;AAGxE,YAAM,IAAI,MAAM,uCAAuC,iBAAiB,IAAI;AAAA,IAC9E;AAAA,EACF;AAAA,EACA;AAAA,IACE,MAAM;AAAA,EACR;AACF;AAEA,YAAY,cAAc;AAY1B,MAAM;AAAA,EACJ,UAAU;AAAA,EACV,kBAAkB;AACpB,IAAI,oBAAkD,GAsBhD,wBAAwB,MAAM,WAGlC,CAAC,OAAgD,iBAAiB;AAClE,QAAM;AAAA,IACJ,OAAO;AAAA,IACP;AAAA,IACA,gBAAgB,MAAM;AAAA,IAAC;AAAA,IACvB,sBAAsB;AAAA,IACtB,GAAG;AAAA,EACL,IAAI,OAEE,CAAC,OAAO,QAAQ,IAAI,qBAAqB;AAAA,IAC7C,MAAM;AAAA,IACN,aAAa;AAAA,IACb,UAAU;AAAA,EACZ,CAAC;AAED,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAO,MAAM;AAAA,MACb,MAAK;AAAA,MACL,OAAO,QAAQ,CAAC,KAAK,IAAI,CAAC;AAAA,MAC1B,cAAc;AAAA,MACd,gBAAgB;AAAA,MAChB,kBAAkB,MAAM;AAAA,QACtB,MAAO,sBAAsB,OAAO,SAAS,EAAE;AAAA,QAC/C,CAAC,UAAU,mBAAmB;AAAA,MAChC;AAAA,MAEA,8BAAC,mBAAiB,GAAG,wBAAwB,KAAK,cAAc;AAAA;AAAA,EAClE;AAEJ,CAAC,GAmBK,0BAA0B,MAAM,WAGpC,CAAC,OAAkD,iBAAiB;AACpE,QAAM;AAAA,IACJ,OAAO;AAAA,IACP;AAAA,IACA,gBAAgB,MAAM;AAAA,IAAC;AAAA,IACvB;AAAA,IACA,GAAG;AAAA,EACL,IAAI,OAEE,CAAC,QAAQ,CAAC,GAAG,QAAQ,IAAI,qBAAqB;AAAA,IAClD,MAAM;AAAA,IACN,aAAa;AAAA,IACb,UAAU;AAAA,EACZ,CAAC,GAEK,uBAAuB,MAAM;AAAA,IACjC,CAAC,cAAsB,SAAS,CAAC,YAAY,CAAC,MAAM,CAAC,GAAG,WAAW,SAAS,CAAC;AAAA,IAC7E,CAAC,QAAQ;AAAA,EACX,GAEM,yBAAyB,MAAM;AAAA,IACnC,CAAC,cACC,SAAS,CAAC,YAAY,CAAC,MAAM,UAAU,OAAO,CAACA,WAAUA,WAAU,SAAS,CAAC;AAAA,IAC/E,CAAC,QAAQ;AAAA,EACX;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAO,MAAM;AAAA,MACb,MAAK;AAAA,MACL;AAAA,MACA,cAAc;AAAA,MACd,gBAAgB;AAAA,MAChB,kBAAkB;AAAA,MAElB,8BAAC,mBAAiB,GAAG,0BAA0B,KAAK,cAAc;AAAA;AAAA,EACpE;AAEJ,CAAC;AAED,YAAY,cAAc;AAY1B,MAAM,8BAA8B,OAAO,OAAO;AAAA,EAChD,MAAM;AAAA,EAEN,UAAU;AAAA,IACR,UAAU;AAAA,MACR,OAAO;AAAA,QACL,iBAAiB;AAAA,MACnB;AAAA,IACF;AAAA,EACF;AAAA,EAEA,iBAAiB;AAAA,IACf,UAAU,QAAQ,IAAI,qBAAqB;AAAA,EAC7C;AACF,CAAC,GAYK,kBAAkB,4BAA4B,UAGlD,CAAC,OAA0C,iBAAiB;AAC5D,QAAM;AAAA,IACJ;AAAA,IACA,WAAW;AAAA,IACX,cAAc;AAAA,IACd;AAAA,IACA,cAAc;AAAA,IACd,OAAO;AAAA,IACP,WAAW;AAAA,IACX,MAAM,WAAW;AAAA,IACjB,aAAa;AAAA,IACb;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,IAAI,OACE,YAAY,aAAa,GAAG,GAC5B,cAAoC;AAAA,IACxC,MAAM;AAAA,IACN,KAAK;AAAA,IACL,GAAG;AAAA,EACL,GACM,eAAe;AAAA,IACnB,QAAQ,UAAU;AAAA,MAChB,OAAO;AAAA,IACT,CAAC;AAAA,EACH,GACM,OAAO,KAAK,MAAM,eAAe,IAAI;AAE3C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAO;AAAA,MACP;AAAA,MACA;AAAA,MACA;AAAA,MAEA,8BAAC,cAAc,UAAd,EAAuB,OAAc,cACnC,wBACC;AAAA,QAAC;AAAA;AAAA,UACC,SAAQ;AAAA,UACR,yBAAyB,sBAAsB;AAAA,UAC/C;AAAA,UACA,KAAK;AAAA,UACL;AAAA,UAEA;AAAA,YAAC;AAAA;AAAA,cACC,oBAAkB;AAAA,cAClB;AAAA,cAEA,KAAK;AAAA,cACL,iBAAe,WAAW,KAAK;AAAA,cAC/B;AAAA,cACC,GAAG;AAAA;AAAA,UACN;AAAA;AAAA,MACF,IAEA;AAAA,QAAC;AAAA;AAAA,UACC,oBAAkB;AAAA,UAClB,KAAK;AAAA,UACL;AAAA,UACA,iBAAe,WAAW,KAAK;AAAA,UAC/B;AAAA,UACC,GAAG;AAAA;AAAA,MACN,GAEJ;AAAA;AAAA,EACF;AAEJ,CAAC;",
+  "mappings": "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",
   "names": ["value"]
 }

package/dist/jsx/ToggleGroup.mjs

@@ -1,16 +1,15 @@
 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.mjs";
+import { Toggle, ToggleFrame } from "./Toggle.mjs";
+import { context as ToggleContext } from "./context.mjs";
 import { jsx } from "react/jsx-runtime";
 const TOGGLE_GROUP_NAME = "ToggleGroup",
   TOGGLE_GROUP_ITEM_NAME = "ToggleGroupItem",
@@ -21,17 +20,17 @@ const TOGGLE_GROUP_NAME = "ToggleGroup",
   {
     Provider: ToggleGroupContext,
     useStyledContext: useToggleGroupContext
-  } = createStyledContext(),
+  } = 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,
+      active = valueContext?.value.includes(props.value),
       color = props.color || toggleContext.color,
       {
         disablePassStyles,
-        toggledStyle: _,
         ...rest
       } = props,
       disabled = context.disabled || props.disabled || !1,
@@ -39,46 +38,26 @@ const TOGGLE_GROUP_NAME = "ToggleGroup",
         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(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, {
+        size,
         color,
-        toggledStyle,
+        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
       })
@@ -100,7 +79,7 @@ const ToggleGroupItemImpl = React.forwardRef((props, forwardedRef) => {
       ...typeProps,
       ...itemProps,
       ref: forwardedRef,
-      onPressedChange: pressed => {
+      onActiveChange: pressed => {
         pressed ? valueContext.onItemActivate(value) : valueContext.onItemDeactivate(value);
       }
     });
@@ -212,7 +191,7 @@ const ToggleGroupImplElementFrame = styled(Group, {
         unstyled = !1,
         size: sizeProp = "$true",
         sizeAdjust = 0,
-        toggledStyle,
+        activeStyle,
         color,
         ...toggleGroupProps
       } = props,
@@ -221,40 +200,39 @@ const ToggleGroupImplElementFrame = styled(Group, {
         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, {
-          asChild: "except-style",
-          __scopeRovingFocusGroup: __scopeToggleGroup || TOGGLE_GROUP_CONTEXT,
-          orientation,
-          dir: direction,
-          loop,
-          children: /* @__PURE__ */jsx(ToggleGroupImplElementFrame, {
-            "aria-orientation": orientation,
+      };
+    return /* @__PURE__ */jsx(SizableContext.Provider, {
+      size: sizeProp,
+      children: /* @__PURE__ */jsx(ToggleGroupContext, {
+        scope: __scopeToggleGroup,
+        rovingFocus,
+        disabled,
+        size: sizeProp,
+        children: /* @__PURE__ */jsx(ToggleContext.Provider, {
+          size: sizeProp,
+          color,
+          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,
+              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
         })
       })
     });

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","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","defaultVariants","process","env","TAMAGUI_HEADLESS","orientation","dir","loop","sizeProp","sizeAdjust","direction","role","adjustedSize","shift","Math","round"],"sources":["../../src/ToggleGroup.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["isWeb","registerFocusable","Group","useGroupItem","withStaticProperties","RovingFocusGroup","SizableContext","useControllableState","useDirection","createStyledContext","styled","React","Toggle","ToggleFrame","context","ToggleContext","jsx","TOGGLE_GROUP_NAME","TOGGLE_GROUP_ITEM_NAME","TOGGLE_GROUP_CONTEXT","Provider","ToggleGroupItemProvider","ToggleGroupContext","useStyledContext","useToggleGroupContext","size","ToggleGroupItem","styleable","props","forwardedRef","valueContext","useToggleGroupValueContext","__scopeToggleGroup","toggleContext","active","value","includes","color","disablePassStyles","rest","disabled","groupItemProps","inner","ToggleGroupItemImpl","ref","tabIndex","scope","children","rovingFocus","Item","asChild","__scopeRovingFocusGroup","focusable","displayName","forwardRef","itemProps","singleProps","typeProps","type","onActiveChange","pressed","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","unstyled","false","backgroundColor","defaultVariants","process","env","TAMAGUI_HEADLESS","orientation","dir","loop","sizeProp","sizeAdjust","activeStyle","direction","commonProps","role"],"sources":["../../src/ToggleGroup.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/jsx/ToggleGroup.native.js

@@ -39,17 +39,16 @@ module.exports = __toCommonJS(ToggleGroup_exports);
 var import_jsx_runtime = require("react/jsx-runtime"),
   import_constants = require("@tamagui/constants"),
   import_focusable = require("@tamagui/focusable"),
-  import_font_size = require("@tamagui/font-size"),
-  import_get_token = require("@tamagui/get-token"),
   import_group = require("@tamagui/group"),
   import_helpers = require("@tamagui/helpers"),
-  import_helpers_tamagui = require("@tamagui/helpers-tamagui"),
   import_roving_focus = require("@tamagui/roving-focus"),
+  import_sizable_context = require("@tamagui/sizable-context"),
   import_use_controllable_state = require("@tamagui/use-controllable-state"),
   import_use_direction = require("@tamagui/use-direction"),
   import_web = require("@tamagui/web"),
   import_react = __toESM(require("react"), 1),
   import_Toggle = require("./Toggle.native.js"),
+  import_context = require("./context.native.js"),
   TOGGLE_GROUP_NAME = "ToggleGroup",
   TOGGLE_GROUP_ITEM_NAME = "ToggleGroupItem",
   TOGGLE_GROUP_CONTEXT = "ToggleGroup",
@@ -59,17 +58,17 @@ var import_jsx_runtime = require("react/jsx-runtime"),
   {
     Provider: ToggleGroupContext,
     useStyledContext: useToggleGroupContext
-  } = (0, import_web.createStyledContext)(),
+  } = (0, import_web.createStyledContext)({
+    size: void 0
+  }),
   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,
+      toggleContext = import_context.context.useStyledContext(props.__scopeToggleGroup),
+      active = valueContext?.value.includes(props.value),
       color = props.color || toggleContext.color,
       {
         disablePassStyles,
-        toggledStyle: _,
         ...rest
       } = props,
       disabled = context.disabled || props.disabled || !1,
@@ -78,51 +77,27 @@ var import_jsx_runtime = require("react/jsx-runtime"),
       }),
       _props_size,
       size = (_props_size = props.size) !== null && _props_size !== void 0 ? _props_size : context.size,
-      sizeProps = props.unstyled ? {} : {
-        width: void 0,
-        height: void 0,
-        padding: (0, import_web.getVariableValue)(size) * 0.6
-      },
-      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: activeColor || theme.color
-      }),
-      childrens = import_react.default.Children.toArray(props.children),
-      children = childrens.map(function (child) {
-        return props.disablePassStyles || ! /* @__PURE__ */import_react.default.isValidElement(child) ? child : /* @__PURE__ */import_react.default.cloneElement(getThemedIcon(child), {
-          active: pressed
-        });
-      }),
-      commonProps = {
-        pressed,
-        disabled,
-        ...sizeProps,
-        ...rest,
-        children,
-        toggledStyle
-      },
       inner = /* @__PURE__ */(0, import_jsx_runtime.jsx)(ToggleGroupItemImpl, {
-        ...commonProps,
+        ...groupItemProps,
         ref: forwardedRef,
+        size,
         // focusable={!disabled}
         tabIndex: disabled ? -1 : 0,
+        ...rest,
         disabled,
-        ...groupItemProps
+        active
       });
     return /* @__PURE__ */(0, import_jsx_runtime.jsx)(ToggleGroupItemProvider, {
       scope: props.__scopeToggleGroup,
-      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Toggle.context.Provider, {
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_context.context.Provider, {
+        size,
         color,
-        toggledStyle,
+        active,
         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,
+          active,
           children: inner
         }) : inner
       })
@@ -144,7 +119,7 @@ var ToggleGroupItemImpl = /* @__PURE__ */import_react.default.forwardRef(functio
       ...typeProps,
       ...itemProps,
       ref: forwardedRef,
-      onPressedChange: function (pressed) {
+      onActiveChange: function (pressed) {
         pressed ? valueContext.onItemActivate(value) : valueContext.onItemDeactivate(value);
       }
     });
@@ -276,7 +251,7 @@ var ToggleGroupImplElementFrame = (0, import_web.styled)(import_group.Group, {
         unstyled = !1,
         size: sizeProp = "$true",
         sizeAdjust = 0,
-        toggledStyle,
+        activeStyle,
         color,
         ...toggleGroupProps
       } = props,
@@ -285,41 +260,39 @@ var ToggleGroupImplElementFrame = (0, import_web.styled)(import_group.Group, {
         role: "group",
         dir: direction,
         ...toggleGroupProps
-      },
-      adjustedSize = (0, import_web.getVariableValue)((0, import_get_token.getSize)(sizeProp, {
-        shift: sizeAdjust
-      })),
-      size = Math.round(adjustedSize * 0.45);
-    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(ToggleGroupContext, {
-      scope: __scopeToggleGroup,
-      rovingFocus,
-      disabled,
-      size,
-      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,
-          dir: direction,
-          loop,
-          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(ToggleGroupImplElementFrame, {
-            "aria-orientation": orientation,
+      };
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_sizable_context.SizableContext.Provider, {
+      size: sizeProp,
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(ToggleGroupContext, {
+        scope: __scopeToggleGroup,
+        rovingFocus,
+        disabled,
+        size: sizeProp,
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_context.context.Provider, {
+          size: sizeProp,
+          color,
+          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,
+              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
         })
       })
     });