@tamagui/toggle-group 3.0.18 → 3.1.1

package/dist/cjs/ToggleGroup.cjs

@@ -44,7 +44,8 @@ const TOGGLE_GROUP_ITEM_NAME = "ToggleGroupItem";
 const TOGGLE_GROUP_CONTEXT = "ToggleGroup";
 const { Provider: ToggleGroupItemProvider } = (0, import_web.createStyledContext)();
 const { Provider: ToggleGroupContext, useStyledContext: useToggleGroupContext } = (0, import_web.createStyledContext)({});
-const ToggleGroupItem = (0, import_web.createStyledHOC)(import_Toggle.ToggleFrame, (props, forwardedRef) => {
+const ToggleGroupItem = (0, import_web.createStyledHOC)(import_Toggle.ToggleFrame, (propsIn, forwardedRef) => {
+	const props = propsIn;
 	const valueContext = useToggleGroupValueContext(props.__scopeToggleGroup);
 	const context = useToggleGroupContext(props.__scopeToggleGroup);
 	const toggleContext = import_context.context.useStyledContext(props.__scopeToggleGroup);
@@ -163,7 +164,8 @@ const ToggleGroupImplMultiple = (0, import_compose_refs.createRefComponent)((pro
 	});
 });
 const ToggleGroupFrame = (0, import_web.styled)(import_web.View, { displayName: TOGGLE_GROUP_NAME });
-const ToggleGroupImpl = (0, import_web.createStyledHOC)(ToggleGroupFrame, (props, forwardedRef) => {
+const ToggleGroupImpl = (0, import_web.createStyledHOC)(ToggleGroupFrame, (propsIn, forwardedRef) => {
+	const props = propsIn;
 	const { __scopeToggleGroup, disabled = false, orientation = "horizontal", dir, rovingFocus = true, loop = true, color, ...toggleGroupProps } = props;
 	const direction = (0, import_use_direction.useDirection)(dir);
 	const content = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToggleGroupFrame, {

package/dist/cjs/ToggleGroup.native.cjs

@@ -46,7 +46,8 @@ var TOGGLE_GROUP_ITEM_NAME = "ToggleGroupItem";
 var TOGGLE_GROUP_CONTEXT = "ToggleGroup";
 var { Provider: ToggleGroupItemProvider } = (0, import_web.createStyledContext)();
 var { Provider: ToggleGroupContext, useStyledContext: useToggleGroupContext } = (0, import_web.createStyledContext)({});
-var ToggleGroupItem = (0, import_web.createStyledHOC)(import_Toggle.ToggleFrame, function(props, forwardedRef) {
+var ToggleGroupItem = (0, import_web.createStyledHOC)(import_Toggle.ToggleFrame, function(propsIn, forwardedRef) {
+	var props = propsIn;
 	var valueContext = useToggleGroupValueContext(props.__scopeToggleGroup);
 	var context = useToggleGroupContext(props.__scopeToggleGroup);
 	var toggleContext = import_context.context.useStyledContext(props.__scopeToggleGroup);
@@ -179,7 +180,8 @@ var ToggleGroupImplMultiple = (0, import_compose_refs.createRefComponent)(functi
 	});
 });
 var ToggleGroupFrame = (0, import_web.styled)(import_web.View, { displayName: TOGGLE_GROUP_NAME });
-var ToggleGroupImpl = (0, import_web.createStyledHOC)(ToggleGroupFrame, function(props, forwardedRef) {
+var ToggleGroupImpl = (0, import_web.createStyledHOC)(ToggleGroupFrame, function(propsIn, forwardedRef) {
+	var props = propsIn;
 	var { __scopeToggleGroup, disabled = false, orientation = "horizontal", dir, rovingFocus = true, loop = true, color, ...toggleGroupProps } = props;
 	var direction = (0, import_use_direction.useDirection)(dir);
 	var content = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToggleGroupFrame, {

package/dist/cjs/ToggleGroup.native.js

@@ -46,7 +46,8 @@ var TOGGLE_GROUP_ITEM_NAME = "ToggleGroupItem";
 var TOGGLE_GROUP_CONTEXT = "ToggleGroup";
 var { Provider: ToggleGroupItemProvider } = (0, import_web.createStyledContext)();
 var { Provider: ToggleGroupContext, useStyledContext: useToggleGroupContext } = (0, import_web.createStyledContext)({});
-var ToggleGroupItem = (0, import_web.createStyledHOC)(import_Toggle.ToggleFrame, function(props, forwardedRef) {
+var ToggleGroupItem = (0, import_web.createStyledHOC)(import_Toggle.ToggleFrame, function(propsIn, forwardedRef) {
+	var props = propsIn;
 	var valueContext = useToggleGroupValueContext(props.__scopeToggleGroup);
 	var context = useToggleGroupContext(props.__scopeToggleGroup);
 	var toggleContext = import_context.context.useStyledContext(props.__scopeToggleGroup);
@@ -179,7 +180,8 @@ var ToggleGroupImplMultiple = (0, import_compose_refs.createRefComponent)(functi
 	});
 });
 var ToggleGroupFrame = (0, import_web.styled)(import_web.View, { displayName: TOGGLE_GROUP_NAME });
-var ToggleGroupImpl = (0, import_web.createStyledHOC)(ToggleGroupFrame, function(props, forwardedRef) {
+var ToggleGroupImpl = (0, import_web.createStyledHOC)(ToggleGroupFrame, function(propsIn, forwardedRef) {
+	var props = propsIn;
 	var { __scopeToggleGroup, disabled = false, orientation = "horizontal", dir, rovingFocus = true, loop = true, color, ...toggleGroupProps } = props;
 	var direction = (0, import_use_direction.useDirection)(dir);
 	var content = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToggleGroupFrame, {

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

@@ -1 +1 @@
-{"version":3,"file":"ToggleGroup.native.js","names":[],"sources":["cjs/ToggleGroup.native.js"],"sourcesContent":["\"use strict\";\nvar __create = Object.create;\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __getProtoOf = Object.getPrototypeOf;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n  for (var name in all)\n    __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n  if (from && typeof from === \"object\" || typeof from === \"function\") {\n    for (let key of __getOwnPropNames(from))\n      if (!__hasOwnProp.call(to, key) && key !== except)\n        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n  }\n  return to;\n};\nvar __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(\n  // If the importer is in node compatibility mode or this is not an ESM\n  // file that has been converted to a CommonJS file using a Babel-\n  // compatible transform (i.e. \"__esModule\" has not been set), then set\n  // \"default\" to the CommonJS \"module.exports\" for node compatibility.\n  isNodeMode || !mod || !mod.__esModule ? __defProp(target, \"default\", { value: mod, enumerable: true }) : target,\n  mod\n));\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar ToggleGroup_exports = {};\n__export(ToggleGroup_exports, {\n  ToggleGroup: () => ToggleGroup\n});\nmodule.exports = __toCommonJS(ToggleGroup_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_compose_refs = require(\"@tamagui/compose-refs\");\nvar import_constants = require(\"@tamagui/constants\");\nvar import_focusable = require(\"@tamagui/focusable\");\nvar import_helpers = require(\"@tamagui/helpers\");\nvar import_roving_focus = require(\"@tamagui/roving-focus\");\nvar import_use_controllable_state = require(\"@tamagui/use-controllable-state\");\nvar import_use_direction = require(\"@tamagui/use-direction\");\nvar import_web = require(\"@tamagui/web\");\nvar import_react = __toESM(require(\"react\"), 1);\nvar import_Toggle = require(\"./Toggle\");\nvar import_context = require(\"./context\");\nvar TOGGLE_GROUP_NAME = \"ToggleGroup\";\nvar TOGGLE_GROUP_ITEM_NAME = \"ToggleGroupItem\";\nvar TOGGLE_GROUP_CONTEXT = \"ToggleGroup\";\nvar { Provider: ToggleGroupItemProvider } = (0, import_web.createStyledContext)();\nvar { Provider: ToggleGroupContext, useStyledContext: useToggleGroupContext } = (0, import_web.createStyledContext)({});\nvar ToggleGroupItem = (0, import_web.createStyledHOC)(import_Toggle.ToggleFrame, function(props, forwardedRef) {\n  var valueContext = useToggleGroupValueContext(props.__scopeToggleGroup);\n  var context = useToggleGroupContext(props.__scopeToggleGroup);\n  var toggleContext = import_context.context.useStyledContext(props.__scopeToggleGroup);\n  var active = valueContext === null || valueContext === void 0 ? void 0 : valueContext.value.includes(props.value);\n  var color = props.color || toggleContext.color;\n  var disabled = context.disabled || props.disabled || false;\n  var inner = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToggleGroupItemImpl, {\n    ref: forwardedRef,\n    // on the roving path the group owns the tab order, so the item carries no\n    // tabIndex of its own: Slot overlays child props over the roving Item's,\n    // so a tabIndex here wins the merge and puts every toggle back in the tab\n    // order. off that path nothing else makes the toggle focusable.\n    ...context.rovingFocus ? null : {\n      tabIndex: disabled ? -1 : 0\n    },\n    ...props,\n    active,\n    disabled\n  });\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToggleGroupItemProvider, {\n    scope: props.__scopeToggleGroup,\n    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_context.context.Provider, {\n      color,\n      active,\n      children: context.rovingFocus ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_roving_focus.RovingFocusGroup.Item, {\n        asChild: \"except-style\",\n        __scopeRovingFocusGroup: props.__scopeToggleGroup || TOGGLE_GROUP_CONTEXT,\n        tabIndex: disabled ? -1 : 0,\n        active,\n        children: inner\n      }) : inner\n    })\n  });\n});\nToggleGroupItem.displayName = TOGGLE_GROUP_ITEM_NAME;\nvar ToggleGroupItemImpl = (0, import_compose_refs.createRefComponent)(function(props, forwardedRef) {\n  var { __scopeToggleGroup, value, ...itemProps } = props;\n  var valueContext = useToggleGroupValueContext(__scopeToggleGroup);\n  var singleProps = {\n    \"aria-pressed\": void 0\n  };\n  var typeProps = valueContext.type === \"single\" ? singleProps : void 0;\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Toggle.Toggle, {\n    ...typeProps,\n    ...itemProps,\n    ref: forwardedRef,\n    onActiveChange: function onActiveChange(pressed) {\n      if (pressed) {\n        valueContext.onItemActivate(value);\n      } else {\n        valueContext.onItemDeactivate(value);\n      }\n    }\n  });\n});\nvar ToggleGroup = (0, import_helpers.withStaticProperties)((0, import_compose_refs.createRefComponent)(function(props, forwardedRef) {\n  var { type, ...toggleGroupProps } = props;\n  if (!import_constants.isWeb) {\n    import_react.default.useEffect(function() {\n      if (!props.id) return;\n      return (0, import_focusable.registerFocusable)(props.id, {\n        focus: function focus() {\n        }\n      });\n    }, [\n      props.id\n    ]);\n  }\n  if (type === \"single\") {\n    var singleProps = toggleGroupProps;\n    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToggleGroupImplSingle, {\n      ...singleProps,\n      ref: forwardedRef\n    });\n  }\n  if (type === \"multiple\") {\n    var multipleProps = toggleGroupProps;\n    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToggleGroupImplMultiple, {\n      ...multipleProps,\n      ref: forwardedRef\n    });\n  }\n  throw new Error(`Missing prop \\`type\\` expected on \\`${TOGGLE_GROUP_NAME}\\``);\n}), {\n  Item: ToggleGroupItem\n});\nToggleGroup.displayName = TOGGLE_GROUP_NAME;\nvar { Provider: ToggleGroupValueProvider, useStyledContext: useToggleGroupValueContext } = (0, import_web.createStyledContext)();\nvar ToggleGroupImplSingle = (0, import_compose_refs.createRefComponent)(function(props, forwardedRef) {\n  var { value: valueProp, defaultValue, onValueChange = function() {\n  }, disableDeactivation = false, children, ...toggleGroupSingleProps } = props;\n  var [value, setValue] = (0, import_use_controllable_state.useControllableState)({\n    prop: valueProp,\n    defaultProp: defaultValue,\n    onChange: onValueChange\n  });\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToggleGroupValueProvider, {\n    scope: props.__scopeToggleGroup,\n    type: \"single\",\n    value: value ? [\n      value\n    ] : [],\n    defaultValue: value,\n    onItemActivate: setValue,\n    onItemDeactivate: import_react.default.useCallback(function() {\n      return disableDeactivation ? null : setValue(\"\");\n    }, [\n      setValue,\n      disableDeactivation\n    ]),\n    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToggleGroupImpl, {\n      ...toggleGroupSingleProps,\n      ref: forwardedRef,\n      children\n    })\n  });\n});\nvar ToggleGroupImplMultiple = (0, import_compose_refs.createRefComponent)(function(props, forwardedRef) {\n  var { value: valueProp, defaultValue, onValueChange = function() {\n  }, disableDeactivation, children, ...toggleGroupMultipleProps } = props;\n  var [value = [], setValue] = (0, import_use_controllable_state.useControllableState)({\n    prop: valueProp,\n    defaultProp: defaultValue,\n    onChange: onValueChange\n  });\n  var handleButtonActivate = import_react.default.useCallback(function(itemValue) {\n    return setValue(function() {\n      var prevValue = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : [];\n      return [\n        ...prevValue,\n        itemValue\n      ];\n    });\n  }, [\n    setValue\n  ]);\n  var handleButtonDeactivate = import_react.default.useCallback(function(itemValue) {\n    return setValue(function() {\n      var prevValue = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : [];\n      return prevValue.filter(function(value2) {\n        return value2 !== itemValue;\n      });\n    });\n  }, [\n    setValue\n  ]);\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToggleGroupValueProvider, {\n    scope: props.__scopeToggleGroup,\n    type: \"multiple\",\n    value,\n    defaultValue: value,\n    onItemActivate: handleButtonActivate,\n    onItemDeactivate: handleButtonDeactivate,\n    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToggleGroupImpl, {\n      ...toggleGroupMultipleProps,\n      ref: forwardedRef,\n      children\n    })\n  });\n});\nvar ToggleGroupFrame = (0, import_web.styled)(import_web.View, {\n  displayName: TOGGLE_GROUP_NAME\n});\nvar ToggleGroupImpl = (0, import_web.createStyledHOC)(ToggleGroupFrame, function(props, forwardedRef) {\n  var { __scopeToggleGroup, disabled = false, orientation = \"horizontal\", dir, rovingFocus = true, loop = true, color, ...toggleGroupProps } = props;\n  var direction = (0, import_use_direction.useDirection)(dir);\n  var content = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToggleGroupFrame, {\n    role: \"group\",\n    ref: forwardedRef,\n    \"data-disabled\": disabled ? \"\" : void 0,\n    ...toggleGroupProps\n  });\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToggleGroupContext, {\n    scope: __scopeToggleGroup,\n    rovingFocus,\n    disabled,\n    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_context.context.Provider, {\n      color,\n      children: rovingFocus ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_roving_focus.RovingFocusGroup, {\n        asChild: \"except-style\",\n        __scopeRovingFocusGroup: __scopeToggleGroup || TOGGLE_GROUP_CONTEXT,\n        orientation,\n        dir: direction,\n        loop,\n        children: content\n      }) : content\n    })\n  });\n});\n//# sourceMappingURL=ToggleGroup.js.map\n"],"mappings":"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"}
+{"version":3,"file":"ToggleGroup.native.js","names":[],"sources":["cjs/ToggleGroup.native.js"],"sourcesContent":["\"use strict\";\nvar __create = Object.create;\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __getProtoOf = Object.getPrototypeOf;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n  for (var name in all)\n    __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n  if (from && typeof from === \"object\" || typeof from === \"function\") {\n    for (let key of __getOwnPropNames(from))\n      if (!__hasOwnProp.call(to, key) && key !== except)\n        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n  }\n  return to;\n};\nvar __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(\n  // If the importer is in node compatibility mode or this is not an ESM\n  // file that has been converted to a CommonJS file using a Babel-\n  // compatible transform (i.e. \"__esModule\" has not been set), then set\n  // \"default\" to the CommonJS \"module.exports\" for node compatibility.\n  isNodeMode || !mod || !mod.__esModule ? __defProp(target, \"default\", { value: mod, enumerable: true }) : target,\n  mod\n));\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar ToggleGroup_exports = {};\n__export(ToggleGroup_exports, {\n  ToggleGroup: () => ToggleGroup\n});\nmodule.exports = __toCommonJS(ToggleGroup_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_compose_refs = require(\"@tamagui/compose-refs\");\nvar import_constants = require(\"@tamagui/constants\");\nvar import_focusable = require(\"@tamagui/focusable\");\nvar import_helpers = require(\"@tamagui/helpers\");\nvar import_roving_focus = require(\"@tamagui/roving-focus\");\nvar import_use_controllable_state = require(\"@tamagui/use-controllable-state\");\nvar import_use_direction = require(\"@tamagui/use-direction\");\nvar import_web = require(\"@tamagui/web\");\nvar import_react = __toESM(require(\"react\"), 1);\nvar import_Toggle = require(\"./Toggle\");\nvar import_context = require(\"./context\");\nvar TOGGLE_GROUP_NAME = \"ToggleGroup\";\nvar TOGGLE_GROUP_ITEM_NAME = \"ToggleGroupItem\";\nvar TOGGLE_GROUP_CONTEXT = \"ToggleGroup\";\nvar { Provider: ToggleGroupItemProvider } = (0, import_web.createStyledContext)();\nvar { Provider: ToggleGroupContext, useStyledContext: useToggleGroupContext } = (0, import_web.createStyledContext)({});\nvar ToggleGroupItem = (0, import_web.createStyledHOC)(import_Toggle.ToggleFrame, function(propsIn, forwardedRef) {\n  var props = propsIn;\n  var valueContext = useToggleGroupValueContext(props.__scopeToggleGroup);\n  var context = useToggleGroupContext(props.__scopeToggleGroup);\n  var toggleContext = import_context.context.useStyledContext(props.__scopeToggleGroup);\n  var active = valueContext === null || valueContext === void 0 ? void 0 : valueContext.value.includes(props.value);\n  var color = props.color || toggleContext.color;\n  var disabled = context.disabled || props.disabled || false;\n  var inner = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToggleGroupItemImpl, {\n    ref: forwardedRef,\n    // on the roving path the group owns the tab order, so the item carries no\n    // tabIndex of its own: Slot overlays child props over the roving Item's,\n    // so a tabIndex here wins the merge and puts every toggle back in the tab\n    // order. off that path nothing else makes the toggle focusable.\n    ...context.rovingFocus ? null : {\n      tabIndex: disabled ? -1 : 0\n    },\n    ...props,\n    active,\n    disabled\n  });\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToggleGroupItemProvider, {\n    scope: props.__scopeToggleGroup,\n    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_context.context.Provider, {\n      color,\n      active,\n      children: context.rovingFocus ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_roving_focus.RovingFocusGroup.Item, {\n        asChild: \"except-style\",\n        __scopeRovingFocusGroup: props.__scopeToggleGroup || TOGGLE_GROUP_CONTEXT,\n        tabIndex: disabled ? -1 : 0,\n        active,\n        children: inner\n      }) : inner\n    })\n  });\n});\nToggleGroupItem.displayName = TOGGLE_GROUP_ITEM_NAME;\nvar ToggleGroupItemImpl = (0, import_compose_refs.createRefComponent)(function(props, forwardedRef) {\n  var { __scopeToggleGroup, value, ...itemProps } = props;\n  var valueContext = useToggleGroupValueContext(__scopeToggleGroup);\n  var singleProps = {\n    \"aria-pressed\": void 0\n  };\n  var typeProps = valueContext.type === \"single\" ? singleProps : void 0;\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Toggle.Toggle, {\n    ...typeProps,\n    ...itemProps,\n    ref: forwardedRef,\n    onActiveChange: function onActiveChange(pressed) {\n      if (pressed) {\n        valueContext.onItemActivate(value);\n      } else {\n        valueContext.onItemDeactivate(value);\n      }\n    }\n  });\n});\nvar ToggleGroup = (0, import_helpers.withStaticProperties)((0, import_compose_refs.createRefComponent)(function(props, forwardedRef) {\n  var { type, ...toggleGroupProps } = props;\n  if (!import_constants.isWeb) {\n    import_react.default.useEffect(function() {\n      if (!props.id) return;\n      return (0, import_focusable.registerFocusable)(props.id, {\n        focus: function focus() {\n        }\n      });\n    }, [\n      props.id\n    ]);\n  }\n  if (type === \"single\") {\n    var singleProps = toggleGroupProps;\n    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToggleGroupImplSingle, {\n      ...singleProps,\n      ref: forwardedRef\n    });\n  }\n  if (type === \"multiple\") {\n    var multipleProps = toggleGroupProps;\n    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToggleGroupImplMultiple, {\n      ...multipleProps,\n      ref: forwardedRef\n    });\n  }\n  throw new Error(`Missing prop \\`type\\` expected on \\`${TOGGLE_GROUP_NAME}\\``);\n}), {\n  Item: ToggleGroupItem\n});\nToggleGroup.displayName = TOGGLE_GROUP_NAME;\nvar { Provider: ToggleGroupValueProvider, useStyledContext: useToggleGroupValueContext } = (0, import_web.createStyledContext)();\nvar ToggleGroupImplSingle = (0, import_compose_refs.createRefComponent)(function(props, forwardedRef) {\n  var { value: valueProp, defaultValue, onValueChange = function() {\n  }, disableDeactivation = false, children, ...toggleGroupSingleProps } = props;\n  var [value, setValue] = (0, import_use_controllable_state.useControllableState)({\n    prop: valueProp,\n    defaultProp: defaultValue,\n    onChange: onValueChange\n  });\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToggleGroupValueProvider, {\n    scope: props.__scopeToggleGroup,\n    type: \"single\",\n    value: value ? [\n      value\n    ] : [],\n    defaultValue: value,\n    onItemActivate: setValue,\n    onItemDeactivate: import_react.default.useCallback(function() {\n      return disableDeactivation ? null : setValue(\"\");\n    }, [\n      setValue,\n      disableDeactivation\n    ]),\n    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToggleGroupImpl, {\n      ...toggleGroupSingleProps,\n      ref: forwardedRef,\n      children\n    })\n  });\n});\nvar ToggleGroupImplMultiple = (0, import_compose_refs.createRefComponent)(function(props, forwardedRef) {\n  var { value: valueProp, defaultValue, onValueChange = function() {\n  }, disableDeactivation, children, ...toggleGroupMultipleProps } = props;\n  var [value = [], setValue] = (0, import_use_controllable_state.useControllableState)({\n    prop: valueProp,\n    defaultProp: defaultValue,\n    onChange: onValueChange\n  });\n  var handleButtonActivate = import_react.default.useCallback(function(itemValue) {\n    return setValue(function() {\n      var prevValue = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : [];\n      return [\n        ...prevValue,\n        itemValue\n      ];\n    });\n  }, [\n    setValue\n  ]);\n  var handleButtonDeactivate = import_react.default.useCallback(function(itemValue) {\n    return setValue(function() {\n      var prevValue = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : [];\n      return prevValue.filter(function(value2) {\n        return value2 !== itemValue;\n      });\n    });\n  }, [\n    setValue\n  ]);\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToggleGroupValueProvider, {\n    scope: props.__scopeToggleGroup,\n    type: \"multiple\",\n    value,\n    defaultValue: value,\n    onItemActivate: handleButtonActivate,\n    onItemDeactivate: handleButtonDeactivate,\n    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToggleGroupImpl, {\n      ...toggleGroupMultipleProps,\n      ref: forwardedRef,\n      children\n    })\n  });\n});\nvar ToggleGroupFrame = (0, import_web.styled)(import_web.View, {\n  displayName: TOGGLE_GROUP_NAME\n});\nvar ToggleGroupImpl = (0, import_web.createStyledHOC)(ToggleGroupFrame, function(propsIn, forwardedRef) {\n  var props = propsIn;\n  var { __scopeToggleGroup, disabled = false, orientation = \"horizontal\", dir, rovingFocus = true, loop = true, color, ...toggleGroupProps } = props;\n  var direction = (0, import_use_direction.useDirection)(dir);\n  var content = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToggleGroupFrame, {\n    role: \"group\",\n    ref: forwardedRef,\n    \"data-disabled\": disabled ? \"\" : void 0,\n    ...toggleGroupProps\n  });\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToggleGroupContext, {\n    scope: __scopeToggleGroup,\n    rovingFocus,\n    disabled,\n    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_context.context.Provider, {\n      color,\n      children: rovingFocus ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_roving_focus.RovingFocusGroup, {\n        asChild: \"except-style\",\n        __scopeRovingFocusGroup: __scopeToggleGroup || TOGGLE_GROUP_CONTEXT,\n        orientation,\n        dir: direction,\n        loop,\n        children: content\n      }) : content\n    })\n  });\n});\n//# sourceMappingURL=ToggleGroup.js.map\n"],"mappings":"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"}

package/dist/esm/ToggleGroup.mjs

@@ -16,7 +16,8 @@ const TOGGLE_GROUP_ITEM_NAME = "ToggleGroupItem";
 const TOGGLE_GROUP_CONTEXT = "ToggleGroup";
 const { Provider: ToggleGroupItemProvider } = createStyledContext();
 const { Provider: ToggleGroupContext, useStyledContext: useToggleGroupContext } = createStyledContext({});
-const ToggleGroupItem = createStyledHOC(ToggleFrame, (props, forwardedRef) => {
+const ToggleGroupItem = createStyledHOC(ToggleFrame, (propsIn, forwardedRef) => {
+	const props = propsIn;
 	const valueContext = useToggleGroupValueContext(props.__scopeToggleGroup);
 	const context$1 = useToggleGroupContext(props.__scopeToggleGroup);
 	const toggleContext = context.useStyledContext(props.__scopeToggleGroup);
@@ -135,7 +136,8 @@ const ToggleGroupImplMultiple = createRefComponent((props, forwardedRef) => {
 	});
 });
 const ToggleGroupFrame = styled(View, { displayName: TOGGLE_GROUP_NAME });
-const ToggleGroupImpl = createStyledHOC(ToggleGroupFrame, (props, forwardedRef) => {
+const ToggleGroupImpl = createStyledHOC(ToggleGroupFrame, (propsIn, forwardedRef) => {
+	const props = propsIn;
 	const { __scopeToggleGroup, disabled = false, orientation = "horizontal", dir, rovingFocus = true, loop = true, color, ...toggleGroupProps } = props;
 	const direction = useDirection(dir);
 	const content = /* @__PURE__ */ jsx(ToggleGroupFrame, {

package/dist/esm/ToggleGroup.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ToggleGroup.js","names":["context","ToggleContext"],"sources":["esm/ToggleGroup.js"],"sourcesContent":["import { createRefComponent } from \"@tamagui/compose-refs\";\nimport { isWeb } from \"@tamagui/constants\";\nimport { registerFocusable } from \"@tamagui/focusable\";\nimport { withStaticProperties } from \"@tamagui/helpers\";\nimport { RovingFocusGroup } from \"@tamagui/roving-focus\";\nimport { useControllableState } from \"@tamagui/use-controllable-state\";\nimport { useDirection } from \"@tamagui/use-direction\";\nimport { createStyledHOC, createStyledContext, styled, View } from \"@tamagui/web\";\nimport React from \"react\";\nimport { Toggle, ToggleFrame } from \"./Toggle\";\nimport { context as ToggleContext } from \"./context\";\nimport { jsx } from \"react/jsx-runtime\";\nconst TOGGLE_GROUP_NAME = \"ToggleGroup\";\nconst TOGGLE_GROUP_ITEM_NAME = \"ToggleGroupItem\";\nconst TOGGLE_GROUP_CONTEXT = \"ToggleGroup\";\nconst { Provider: ToggleGroupItemProvider } = createStyledContext();\nconst { Provider: ToggleGroupContext, useStyledContext: useToggleGroupContext } = createStyledContext({});\nconst ToggleGroupItem = createStyledHOC(\n  ToggleFrame,\n  (props, forwardedRef) => {\n    const valueContext = useToggleGroupValueContext(props.__scopeToggleGroup);\n    const context = useToggleGroupContext(props.__scopeToggleGroup);\n    const toggleContext = ToggleContext.useStyledContext(props.__scopeToggleGroup);\n    const active = valueContext?.value.includes(props.value);\n    const color = props.color || toggleContext.color;\n    const disabled = context.disabled || props.disabled || false;\n    const inner = /* @__PURE__ */ jsx(\n      ToggleGroupItemImpl,\n      {\n        ref: forwardedRef,\n        ...context.rovingFocus ? null : { tabIndex: disabled ? -1 : 0 },\n        ...props,\n        active,\n        disabled\n      }\n    );\n    return /* @__PURE__ */ jsx(ToggleGroupItemProvider, { scope: props.__scopeToggleGroup, children: /* @__PURE__ */ jsx(ToggleContext.Provider, { color, active, children: context.rovingFocus ? /* @__PURE__ */ jsx(\n      RovingFocusGroup.Item,\n      {\n        asChild: \"except-style\",\n        __scopeRovingFocusGroup: props.__scopeToggleGroup || TOGGLE_GROUP_CONTEXT,\n        tabIndex: disabled ? -1 : 0,\n        active,\n        children: inner\n      }\n    ) : inner }) });\n  }\n);\nToggleGroupItem.displayName = TOGGLE_GROUP_ITEM_NAME;\nconst ToggleGroupItemImpl = createRefComponent((props, forwardedRef) => {\n  const { __scopeToggleGroup, value, ...itemProps } = props;\n  const valueContext = useToggleGroupValueContext(__scopeToggleGroup);\n  const singleProps = { \"aria-pressed\": void 0 };\n  const typeProps = valueContext.type === \"single\" ? singleProps : void 0;\n  return /* @__PURE__ */ jsx(\n    Toggle,\n    {\n      ...typeProps,\n      ...itemProps,\n      ref: forwardedRef,\n      onActiveChange: (pressed) => {\n        if (pressed) {\n          valueContext.onItemActivate(value);\n        } else {\n          valueContext.onItemDeactivate(value);\n        }\n      }\n    }\n  );\n});\nconst ToggleGroup = withStaticProperties(\n  createRefComponent(\n    (props, forwardedRef) => {\n      const { type, ...toggleGroupProps } = props;\n      if (!isWeb) {\n        React.useEffect(() => {\n          if (!props.id) return;\n          return registerFocusable(props.id, {\n            focus: () => {\n            }\n          });\n        }, [props.id]);\n      }\n      if (type === \"single\") {\n        const singleProps = toggleGroupProps;\n        return /* @__PURE__ */ jsx(ToggleGroupImplSingle, { ...singleProps, ref: forwardedRef });\n      }\n      if (type === \"multiple\") {\n        const multipleProps = toggleGroupProps;\n        return /* @__PURE__ */ jsx(ToggleGroupImplMultiple, { ...multipleProps, ref: forwardedRef });\n      }\n      throw new Error(`Missing prop \\`type\\` expected on \\`${TOGGLE_GROUP_NAME}\\``);\n    }\n  ),\n  {\n    Item: ToggleGroupItem\n  }\n);\nToggleGroup.displayName = TOGGLE_GROUP_NAME;\nconst {\n  Provider: ToggleGroupValueProvider,\n  useStyledContext: useToggleGroupValueContext\n} = createStyledContext();\nconst ToggleGroupImplSingle = createRefComponent((props, forwardedRef) => {\n  const {\n    value: valueProp,\n    defaultValue,\n    onValueChange = () => {\n    },\n    disableDeactivation = false,\n    children,\n    ...toggleGroupSingleProps\n  } = props;\n  const [value, setValue] = useControllableState({\n    prop: valueProp,\n    defaultProp: defaultValue,\n    onChange: onValueChange\n  });\n  return /* @__PURE__ */ jsx(\n    ToggleGroupValueProvider,\n    {\n      scope: props.__scopeToggleGroup,\n      type: \"single\",\n      value: value ? [value] : [],\n      defaultValue: value,\n      onItemActivate: setValue,\n      onItemDeactivate: React.useCallback(\n        () => disableDeactivation ? null : setValue(\"\"),\n        [setValue, disableDeactivation]\n      ),\n      children: /* @__PURE__ */ jsx(ToggleGroupImpl, { ...toggleGroupSingleProps, ref: forwardedRef, children })\n    }\n  );\n});\nconst ToggleGroupImplMultiple = createRefComponent((props, forwardedRef) => {\n  const {\n    value: valueProp,\n    defaultValue,\n    onValueChange = () => {\n    },\n    disableDeactivation,\n    children,\n    ...toggleGroupMultipleProps\n  } = props;\n  const [value = [], setValue] = useControllableState({\n    prop: valueProp,\n    defaultProp: defaultValue,\n    onChange: onValueChange\n  });\n  const handleButtonActivate = React.useCallback(\n    (itemValue) => setValue((prevValue = []) => [...prevValue, itemValue]),\n    [setValue]\n  );\n  const handleButtonDeactivate = React.useCallback(\n    (itemValue) => setValue((prevValue = []) => prevValue.filter((value2) => value2 !== itemValue)),\n    [setValue]\n  );\n  return /* @__PURE__ */ jsx(\n    ToggleGroupValueProvider,\n    {\n      scope: props.__scopeToggleGroup,\n      type: \"multiple\",\n      value,\n      defaultValue: value,\n      onItemActivate: handleButtonActivate,\n      onItemDeactivate: handleButtonDeactivate,\n      children: /* @__PURE__ */ jsx(ToggleGroupImpl, { ...toggleGroupMultipleProps, ref: forwardedRef, children })\n    }\n  );\n});\nconst ToggleGroupFrame = styled(View, {\n  displayName: TOGGLE_GROUP_NAME\n});\nconst ToggleGroupImpl = createStyledHOC(\n  ToggleGroupFrame,\n  (props, forwardedRef) => {\n    const {\n      __scopeToggleGroup,\n      disabled = false,\n      orientation = \"horizontal\",\n      dir,\n      rovingFocus = true,\n      loop = true,\n      color,\n      ...toggleGroupProps\n    } = props;\n    const direction = useDirection(dir);\n    const content = /* @__PURE__ */ jsx(\n      ToggleGroupFrame,\n      {\n        role: \"group\",\n        ref: forwardedRef,\n        \"data-disabled\": disabled ? \"\" : void 0,\n        ...toggleGroupProps\n      }\n    );\n    return /* @__PURE__ */ jsx(\n      ToggleGroupContext,\n      {\n        scope: __scopeToggleGroup,\n        rovingFocus,\n        disabled,\n        children: /* @__PURE__ */ jsx(ToggleContext.Provider, { color, children: rovingFocus ? /* @__PURE__ */ jsx(\n          RovingFocusGroup,\n          {\n            asChild: \"except-style\",\n            __scopeRovingFocusGroup: __scopeToggleGroup || TOGGLE_GROUP_CONTEXT,\n            orientation,\n            dir: direction,\n            loop,\n            children: content\n          }\n        ) : content })\n      }\n    );\n  }\n);\nexport {\n  ToggleGroup\n};\n//# sourceMappingURL=ToggleGroup.js.map\n"],"mappings":"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"}
+{"version":3,"file":"ToggleGroup.js","names":["context","ToggleContext"],"sources":["esm/ToggleGroup.js"],"sourcesContent":["import { createRefComponent } from \"@tamagui/compose-refs\";\nimport { isWeb } from \"@tamagui/constants\";\nimport { registerFocusable } from \"@tamagui/focusable\";\nimport { withStaticProperties } from \"@tamagui/helpers\";\nimport { RovingFocusGroup } from \"@tamagui/roving-focus\";\nimport { useControllableState } from \"@tamagui/use-controllable-state\";\nimport { useDirection } from \"@tamagui/use-direction\";\nimport { createStyledHOC, createStyledContext, styled, View } from \"@tamagui/web\";\nimport React from \"react\";\nimport { Toggle, ToggleFrame } from \"./Toggle\";\nimport { context as ToggleContext } from \"./context\";\nimport { jsx } from \"react/jsx-runtime\";\nconst TOGGLE_GROUP_NAME = \"ToggleGroup\";\nconst TOGGLE_GROUP_ITEM_NAME = \"ToggleGroupItem\";\nconst TOGGLE_GROUP_CONTEXT = \"ToggleGroup\";\nconst { Provider: ToggleGroupItemProvider } = createStyledContext();\nconst { Provider: ToggleGroupContext, useStyledContext: useToggleGroupContext } = createStyledContext({});\nconst ToggleGroupItem = createStyledHOC(\n  ToggleFrame,\n  (propsIn, forwardedRef) => {\n    const props = propsIn;\n    const valueContext = useToggleGroupValueContext(props.__scopeToggleGroup);\n    const context = useToggleGroupContext(props.__scopeToggleGroup);\n    const toggleContext = ToggleContext.useStyledContext(props.__scopeToggleGroup);\n    const active = valueContext?.value.includes(props.value);\n    const color = props.color || toggleContext.color;\n    const disabled = context.disabled || props.disabled || false;\n    const inner = /* @__PURE__ */ jsx(\n      ToggleGroupItemImpl,\n      {\n        ref: forwardedRef,\n        ...context.rovingFocus ? null : { tabIndex: disabled ? -1 : 0 },\n        ...props,\n        active,\n        disabled\n      }\n    );\n    return /* @__PURE__ */ jsx(ToggleGroupItemProvider, { scope: props.__scopeToggleGroup, children: /* @__PURE__ */ jsx(ToggleContext.Provider, { color, active, children: context.rovingFocus ? /* @__PURE__ */ jsx(\n      RovingFocusGroup.Item,\n      {\n        asChild: \"except-style\",\n        __scopeRovingFocusGroup: props.__scopeToggleGroup || TOGGLE_GROUP_CONTEXT,\n        tabIndex: disabled ? -1 : 0,\n        active,\n        children: inner\n      }\n    ) : inner }) });\n  }\n);\nToggleGroupItem.displayName = TOGGLE_GROUP_ITEM_NAME;\nconst ToggleGroupItemImpl = createRefComponent((props, forwardedRef) => {\n  const { __scopeToggleGroup, value, ...itemProps } = props;\n  const valueContext = useToggleGroupValueContext(__scopeToggleGroup);\n  const singleProps = { \"aria-pressed\": void 0 };\n  const typeProps = valueContext.type === \"single\" ? singleProps : void 0;\n  return /* @__PURE__ */ jsx(\n    Toggle,\n    {\n      ...typeProps,\n      ...itemProps,\n      ref: forwardedRef,\n      onActiveChange: (pressed) => {\n        if (pressed) {\n          valueContext.onItemActivate(value);\n        } else {\n          valueContext.onItemDeactivate(value);\n        }\n      }\n    }\n  );\n});\nconst ToggleGroup = withStaticProperties(\n  createRefComponent(\n    (props, forwardedRef) => {\n      const { type, ...toggleGroupProps } = props;\n      if (!isWeb) {\n        React.useEffect(() => {\n          if (!props.id) return;\n          return registerFocusable(props.id, {\n            focus: () => {\n            }\n          });\n        }, [props.id]);\n      }\n      if (type === \"single\") {\n        const singleProps = toggleGroupProps;\n        return /* @__PURE__ */ jsx(ToggleGroupImplSingle, { ...singleProps, ref: forwardedRef });\n      }\n      if (type === \"multiple\") {\n        const multipleProps = toggleGroupProps;\n        return /* @__PURE__ */ jsx(ToggleGroupImplMultiple, { ...multipleProps, ref: forwardedRef });\n      }\n      throw new Error(`Missing prop \\`type\\` expected on \\`${TOGGLE_GROUP_NAME}\\``);\n    }\n  ),\n  {\n    Item: ToggleGroupItem\n  }\n);\nToggleGroup.displayName = TOGGLE_GROUP_NAME;\nconst {\n  Provider: ToggleGroupValueProvider,\n  useStyledContext: useToggleGroupValueContext\n} = createStyledContext();\nconst ToggleGroupImplSingle = createRefComponent((props, forwardedRef) => {\n  const {\n    value: valueProp,\n    defaultValue,\n    onValueChange = () => {\n    },\n    disableDeactivation = false,\n    children,\n    ...toggleGroupSingleProps\n  } = props;\n  const [value, setValue] = useControllableState({\n    prop: valueProp,\n    defaultProp: defaultValue,\n    onChange: onValueChange\n  });\n  return /* @__PURE__ */ jsx(\n    ToggleGroupValueProvider,\n    {\n      scope: props.__scopeToggleGroup,\n      type: \"single\",\n      value: value ? [value] : [],\n      defaultValue: value,\n      onItemActivate: setValue,\n      onItemDeactivate: React.useCallback(\n        () => disableDeactivation ? null : setValue(\"\"),\n        [setValue, disableDeactivation]\n      ),\n      children: /* @__PURE__ */ jsx(ToggleGroupImpl, { ...toggleGroupSingleProps, ref: forwardedRef, children })\n    }\n  );\n});\nconst ToggleGroupImplMultiple = createRefComponent((props, forwardedRef) => {\n  const {\n    value: valueProp,\n    defaultValue,\n    onValueChange = () => {\n    },\n    disableDeactivation,\n    children,\n    ...toggleGroupMultipleProps\n  } = props;\n  const [value = [], setValue] = useControllableState({\n    prop: valueProp,\n    defaultProp: defaultValue,\n    onChange: onValueChange\n  });\n  const handleButtonActivate = React.useCallback(\n    (itemValue) => setValue((prevValue = []) => [...prevValue, itemValue]),\n    [setValue]\n  );\n  const handleButtonDeactivate = React.useCallback(\n    (itemValue) => setValue((prevValue = []) => prevValue.filter((value2) => value2 !== itemValue)),\n    [setValue]\n  );\n  return /* @__PURE__ */ jsx(\n    ToggleGroupValueProvider,\n    {\n      scope: props.__scopeToggleGroup,\n      type: \"multiple\",\n      value,\n      defaultValue: value,\n      onItemActivate: handleButtonActivate,\n      onItemDeactivate: handleButtonDeactivate,\n      children: /* @__PURE__ */ jsx(ToggleGroupImpl, { ...toggleGroupMultipleProps, ref: forwardedRef, children })\n    }\n  );\n});\nconst ToggleGroupFrame = styled(View, {\n  displayName: TOGGLE_GROUP_NAME\n});\nconst ToggleGroupImpl = createStyledHOC(\n  ToggleGroupFrame,\n  (propsIn, forwardedRef) => {\n    const props = propsIn;\n    const {\n      __scopeToggleGroup,\n      disabled = false,\n      orientation = \"horizontal\",\n      dir,\n      rovingFocus = true,\n      loop = true,\n      color,\n      ...toggleGroupProps\n    } = props;\n    const direction = useDirection(dir);\n    const content = /* @__PURE__ */ jsx(\n      ToggleGroupFrame,\n      {\n        role: \"group\",\n        ref: forwardedRef,\n        \"data-disabled\": disabled ? \"\" : void 0,\n        ...toggleGroupProps\n      }\n    );\n    return /* @__PURE__ */ jsx(\n      ToggleGroupContext,\n      {\n        scope: __scopeToggleGroup,\n        rovingFocus,\n        disabled,\n        children: /* @__PURE__ */ jsx(ToggleContext.Provider, { color, children: rovingFocus ? /* @__PURE__ */ jsx(\n          RovingFocusGroup,\n          {\n            asChild: \"except-style\",\n            __scopeRovingFocusGroup: __scopeToggleGroup || TOGGLE_GROUP_CONTEXT,\n            orientation,\n            dir: direction,\n            loop,\n            children: content\n          }\n        ) : content })\n      }\n    );\n  }\n);\nexport {\n  ToggleGroup\n};\n//# sourceMappingURL=ToggleGroup.js.map\n"],"mappings":"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"}

package/dist/esm/ToggleGroup.native.js

@@ -16,7 +16,8 @@ var TOGGLE_GROUP_ITEM_NAME = "ToggleGroupItem";
 var TOGGLE_GROUP_CONTEXT = "ToggleGroup";
 var { Provider: ToggleGroupItemProvider } = createStyledContext();
 var { Provider: ToggleGroupContext, useStyledContext: useToggleGroupContext } = createStyledContext({});
-var ToggleGroupItem = createStyledHOC(ToggleFrame, function(props, forwardedRef) {
+var ToggleGroupItem = createStyledHOC(ToggleFrame, function(propsIn, forwardedRef) {
+	var props = propsIn;
 	var valueContext = useToggleGroupValueContext(props.__scopeToggleGroup);
 	var context$1 = useToggleGroupContext(props.__scopeToggleGroup);
 	var toggleContext = context.useStyledContext(props.__scopeToggleGroup);
@@ -149,7 +150,8 @@ var ToggleGroupImplMultiple = createRefComponent(function(props, forwardedRef) {
 	});
 });
 var ToggleGroupFrame = styled(View, { displayName: TOGGLE_GROUP_NAME });
-var ToggleGroupImpl = createStyledHOC(ToggleGroupFrame, function(props, forwardedRef) {
+var ToggleGroupImpl = createStyledHOC(ToggleGroupFrame, function(propsIn, forwardedRef) {
+	var props = propsIn;
 	var { __scopeToggleGroup, disabled = false, orientation = "horizontal", dir, rovingFocus = true, loop = true, color, ...toggleGroupProps } = props;
 	var direction = useDirection(dir);
 	var content = /* @__PURE__ */ jsx(ToggleGroupFrame, {

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

@@ -1 +1 @@
-{"version":3,"file":"ToggleGroup.native.js","names":["context","ToggleContext"],"sources":["esm/ToggleGroup.native.js"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { createRefComponent } from \"@tamagui/compose-refs\";\nimport { isWeb } from \"@tamagui/constants\";\nimport { registerFocusable } from \"@tamagui/focusable\";\nimport { withStaticProperties } from \"@tamagui/helpers\";\nimport { RovingFocusGroup } from \"@tamagui/roving-focus\";\nimport { useControllableState } from \"@tamagui/use-controllable-state\";\nimport { useDirection } from \"@tamagui/use-direction\";\nimport { createStyledHOC, createStyledContext, styled, View } from \"@tamagui/web\";\nimport React from \"react\";\nimport { Toggle, ToggleFrame } from \"./Toggle\";\nimport { context as ToggleContext } from \"./context\";\nvar TOGGLE_GROUP_NAME = \"ToggleGroup\";\nvar TOGGLE_GROUP_ITEM_NAME = \"ToggleGroupItem\";\nvar TOGGLE_GROUP_CONTEXT = \"ToggleGroup\";\nvar { Provider: ToggleGroupItemProvider } = createStyledContext();\nvar { Provider: ToggleGroupContext, useStyledContext: useToggleGroupContext } = createStyledContext({});\nvar ToggleGroupItem = createStyledHOC(ToggleFrame, function(props, forwardedRef) {\n  var valueContext = useToggleGroupValueContext(props.__scopeToggleGroup);\n  var context = useToggleGroupContext(props.__scopeToggleGroup);\n  var toggleContext = ToggleContext.useStyledContext(props.__scopeToggleGroup);\n  var active = valueContext === null || valueContext === void 0 ? void 0 : valueContext.value.includes(props.value);\n  var color = props.color || toggleContext.color;\n  var disabled = context.disabled || props.disabled || false;\n  var inner = /* @__PURE__ */ _jsx(ToggleGroupItemImpl, {\n    ref: forwardedRef,\n    // on the roving path the group owns the tab order, so the item carries no\n    // tabIndex of its own: Slot overlays child props over the roving Item's,\n    // so a tabIndex here wins the merge and puts every toggle back in the tab\n    // order. off that path nothing else makes the toggle focusable.\n    ...context.rovingFocus ? null : {\n      tabIndex: disabled ? -1 : 0\n    },\n    ...props,\n    active,\n    disabled\n  });\n  return /* @__PURE__ */ _jsx(ToggleGroupItemProvider, {\n    scope: props.__scopeToggleGroup,\n    children: /* @__PURE__ */ _jsx(ToggleContext.Provider, {\n      color,\n      active,\n      children: context.rovingFocus ? /* @__PURE__ */ _jsx(RovingFocusGroup.Item, {\n        asChild: \"except-style\",\n        __scopeRovingFocusGroup: props.__scopeToggleGroup || TOGGLE_GROUP_CONTEXT,\n        tabIndex: disabled ? -1 : 0,\n        active,\n        children: inner\n      }) : inner\n    })\n  });\n});\nToggleGroupItem.displayName = TOGGLE_GROUP_ITEM_NAME;\nvar ToggleGroupItemImpl = createRefComponent(function(props, forwardedRef) {\n  var { __scopeToggleGroup, value, ...itemProps } = props;\n  var valueContext = useToggleGroupValueContext(__scopeToggleGroup);\n  var singleProps = {\n    \"aria-pressed\": void 0\n  };\n  var typeProps = valueContext.type === \"single\" ? singleProps : void 0;\n  return /* @__PURE__ */ _jsx(Toggle, {\n    ...typeProps,\n    ...itemProps,\n    ref: forwardedRef,\n    onActiveChange: function onActiveChange(pressed) {\n      if (pressed) {\n        valueContext.onItemActivate(value);\n      } else {\n        valueContext.onItemDeactivate(value);\n      }\n    }\n  });\n});\nvar ToggleGroup = withStaticProperties(createRefComponent(function(props, forwardedRef) {\n  var { type, ...toggleGroupProps } = props;\n  if (!isWeb) {\n    React.useEffect(function() {\n      if (!props.id) return;\n      return registerFocusable(props.id, {\n        focus: function focus() {\n        }\n      });\n    }, [\n      props.id\n    ]);\n  }\n  if (type === \"single\") {\n    var singleProps = toggleGroupProps;\n    return /* @__PURE__ */ _jsx(ToggleGroupImplSingle, {\n      ...singleProps,\n      ref: forwardedRef\n    });\n  }\n  if (type === \"multiple\") {\n    var multipleProps = toggleGroupProps;\n    return /* @__PURE__ */ _jsx(ToggleGroupImplMultiple, {\n      ...multipleProps,\n      ref: forwardedRef\n    });\n  }\n  throw new Error(`Missing prop \\`type\\` expected on \\`${TOGGLE_GROUP_NAME}\\``);\n}), {\n  Item: ToggleGroupItem\n});\nToggleGroup.displayName = TOGGLE_GROUP_NAME;\nvar { Provider: ToggleGroupValueProvider, useStyledContext: useToggleGroupValueContext } = createStyledContext();\nvar ToggleGroupImplSingle = createRefComponent(function(props, forwardedRef) {\n  var { value: valueProp, defaultValue, onValueChange = function() {\n  }, disableDeactivation = false, children, ...toggleGroupSingleProps } = props;\n  var [value, setValue] = useControllableState({\n    prop: valueProp,\n    defaultProp: defaultValue,\n    onChange: onValueChange\n  });\n  return /* @__PURE__ */ _jsx(ToggleGroupValueProvider, {\n    scope: props.__scopeToggleGroup,\n    type: \"single\",\n    value: value ? [\n      value\n    ] : [],\n    defaultValue: value,\n    onItemActivate: setValue,\n    onItemDeactivate: React.useCallback(function() {\n      return disableDeactivation ? null : setValue(\"\");\n    }, [\n      setValue,\n      disableDeactivation\n    ]),\n    children: /* @__PURE__ */ _jsx(ToggleGroupImpl, {\n      ...toggleGroupSingleProps,\n      ref: forwardedRef,\n      children\n    })\n  });\n});\nvar ToggleGroupImplMultiple = createRefComponent(function(props, forwardedRef) {\n  var { value: valueProp, defaultValue, onValueChange = function() {\n  }, disableDeactivation, children, ...toggleGroupMultipleProps } = props;\n  var [value = [], setValue] = useControllableState({\n    prop: valueProp,\n    defaultProp: defaultValue,\n    onChange: onValueChange\n  });\n  var handleButtonActivate = React.useCallback(function(itemValue) {\n    return setValue(function() {\n      var prevValue = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : [];\n      return [\n        ...prevValue,\n        itemValue\n      ];\n    });\n  }, [\n    setValue\n  ]);\n  var handleButtonDeactivate = React.useCallback(function(itemValue) {\n    return setValue(function() {\n      var prevValue = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : [];\n      return prevValue.filter(function(value2) {\n        return value2 !== itemValue;\n      });\n    });\n  }, [\n    setValue\n  ]);\n  return /* @__PURE__ */ _jsx(ToggleGroupValueProvider, {\n    scope: props.__scopeToggleGroup,\n    type: \"multiple\",\n    value,\n    defaultValue: value,\n    onItemActivate: handleButtonActivate,\n    onItemDeactivate: handleButtonDeactivate,\n    children: /* @__PURE__ */ _jsx(ToggleGroupImpl, {\n      ...toggleGroupMultipleProps,\n      ref: forwardedRef,\n      children\n    })\n  });\n});\nvar ToggleGroupFrame = styled(View, {\n  displayName: TOGGLE_GROUP_NAME\n});\nvar ToggleGroupImpl = createStyledHOC(ToggleGroupFrame, function(props, forwardedRef) {\n  var { __scopeToggleGroup, disabled = false, orientation = \"horizontal\", dir, rovingFocus = true, loop = true, color, ...toggleGroupProps } = props;\n  var direction = useDirection(dir);\n  var content = /* @__PURE__ */ _jsx(ToggleGroupFrame, {\n    role: \"group\",\n    ref: forwardedRef,\n    \"data-disabled\": disabled ? \"\" : void 0,\n    ...toggleGroupProps\n  });\n  return /* @__PURE__ */ _jsx(ToggleGroupContext, {\n    scope: __scopeToggleGroup,\n    rovingFocus,\n    disabled,\n    children: /* @__PURE__ */ _jsx(ToggleContext.Provider, {\n      color,\n      children: rovingFocus ? /* @__PURE__ */ _jsx(RovingFocusGroup, {\n        asChild: \"except-style\",\n        __scopeRovingFocusGroup: __scopeToggleGroup || TOGGLE_GROUP_CONTEXT,\n        orientation,\n        dir: direction,\n        loop,\n        children: content\n      }) : content\n    })\n  });\n});\nexport {\n  ToggleGroup\n};\n//# sourceMappingURL=ToggleGroup.js.map\n"],"mappings":"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"}
+{"version":3,"file":"ToggleGroup.native.js","names":["context","ToggleContext"],"sources":["esm/ToggleGroup.native.js"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { createRefComponent } from \"@tamagui/compose-refs\";\nimport { isWeb } from \"@tamagui/constants\";\nimport { registerFocusable } from \"@tamagui/focusable\";\nimport { withStaticProperties } from \"@tamagui/helpers\";\nimport { RovingFocusGroup } from \"@tamagui/roving-focus\";\nimport { useControllableState } from \"@tamagui/use-controllable-state\";\nimport { useDirection } from \"@tamagui/use-direction\";\nimport { createStyledHOC, createStyledContext, styled, View } from \"@tamagui/web\";\nimport React from \"react\";\nimport { Toggle, ToggleFrame } from \"./Toggle\";\nimport { context as ToggleContext } from \"./context\";\nvar TOGGLE_GROUP_NAME = \"ToggleGroup\";\nvar TOGGLE_GROUP_ITEM_NAME = \"ToggleGroupItem\";\nvar TOGGLE_GROUP_CONTEXT = \"ToggleGroup\";\nvar { Provider: ToggleGroupItemProvider } = createStyledContext();\nvar { Provider: ToggleGroupContext, useStyledContext: useToggleGroupContext } = createStyledContext({});\nvar ToggleGroupItem = createStyledHOC(ToggleFrame, function(propsIn, forwardedRef) {\n  var props = propsIn;\n  var valueContext = useToggleGroupValueContext(props.__scopeToggleGroup);\n  var context = useToggleGroupContext(props.__scopeToggleGroup);\n  var toggleContext = ToggleContext.useStyledContext(props.__scopeToggleGroup);\n  var active = valueContext === null || valueContext === void 0 ? void 0 : valueContext.value.includes(props.value);\n  var color = props.color || toggleContext.color;\n  var disabled = context.disabled || props.disabled || false;\n  var inner = /* @__PURE__ */ _jsx(ToggleGroupItemImpl, {\n    ref: forwardedRef,\n    // on the roving path the group owns the tab order, so the item carries no\n    // tabIndex of its own: Slot overlays child props over the roving Item's,\n    // so a tabIndex here wins the merge and puts every toggle back in the tab\n    // order. off that path nothing else makes the toggle focusable.\n    ...context.rovingFocus ? null : {\n      tabIndex: disabled ? -1 : 0\n    },\n    ...props,\n    active,\n    disabled\n  });\n  return /* @__PURE__ */ _jsx(ToggleGroupItemProvider, {\n    scope: props.__scopeToggleGroup,\n    children: /* @__PURE__ */ _jsx(ToggleContext.Provider, {\n      color,\n      active,\n      children: context.rovingFocus ? /* @__PURE__ */ _jsx(RovingFocusGroup.Item, {\n        asChild: \"except-style\",\n        __scopeRovingFocusGroup: props.__scopeToggleGroup || TOGGLE_GROUP_CONTEXT,\n        tabIndex: disabled ? -1 : 0,\n        active,\n        children: inner\n      }) : inner\n    })\n  });\n});\nToggleGroupItem.displayName = TOGGLE_GROUP_ITEM_NAME;\nvar ToggleGroupItemImpl = createRefComponent(function(props, forwardedRef) {\n  var { __scopeToggleGroup, value, ...itemProps } = props;\n  var valueContext = useToggleGroupValueContext(__scopeToggleGroup);\n  var singleProps = {\n    \"aria-pressed\": void 0\n  };\n  var typeProps = valueContext.type === \"single\" ? singleProps : void 0;\n  return /* @__PURE__ */ _jsx(Toggle, {\n    ...typeProps,\n    ...itemProps,\n    ref: forwardedRef,\n    onActiveChange: function onActiveChange(pressed) {\n      if (pressed) {\n        valueContext.onItemActivate(value);\n      } else {\n        valueContext.onItemDeactivate(value);\n      }\n    }\n  });\n});\nvar ToggleGroup = withStaticProperties(createRefComponent(function(props, forwardedRef) {\n  var { type, ...toggleGroupProps } = props;\n  if (!isWeb) {\n    React.useEffect(function() {\n      if (!props.id) return;\n      return registerFocusable(props.id, {\n        focus: function focus() {\n        }\n      });\n    }, [\n      props.id\n    ]);\n  }\n  if (type === \"single\") {\n    var singleProps = toggleGroupProps;\n    return /* @__PURE__ */ _jsx(ToggleGroupImplSingle, {\n      ...singleProps,\n      ref: forwardedRef\n    });\n  }\n  if (type === \"multiple\") {\n    var multipleProps = toggleGroupProps;\n    return /* @__PURE__ */ _jsx(ToggleGroupImplMultiple, {\n      ...multipleProps,\n      ref: forwardedRef\n    });\n  }\n  throw new Error(`Missing prop \\`type\\` expected on \\`${TOGGLE_GROUP_NAME}\\``);\n}), {\n  Item: ToggleGroupItem\n});\nToggleGroup.displayName = TOGGLE_GROUP_NAME;\nvar { Provider: ToggleGroupValueProvider, useStyledContext: useToggleGroupValueContext } = createStyledContext();\nvar ToggleGroupImplSingle = createRefComponent(function(props, forwardedRef) {\n  var { value: valueProp, defaultValue, onValueChange = function() {\n  }, disableDeactivation = false, children, ...toggleGroupSingleProps } = props;\n  var [value, setValue] = useControllableState({\n    prop: valueProp,\n    defaultProp: defaultValue,\n    onChange: onValueChange\n  });\n  return /* @__PURE__ */ _jsx(ToggleGroupValueProvider, {\n    scope: props.__scopeToggleGroup,\n    type: \"single\",\n    value: value ? [\n      value\n    ] : [],\n    defaultValue: value,\n    onItemActivate: setValue,\n    onItemDeactivate: React.useCallback(function() {\n      return disableDeactivation ? null : setValue(\"\");\n    }, [\n      setValue,\n      disableDeactivation\n    ]),\n    children: /* @__PURE__ */ _jsx(ToggleGroupImpl, {\n      ...toggleGroupSingleProps,\n      ref: forwardedRef,\n      children\n    })\n  });\n});\nvar ToggleGroupImplMultiple = createRefComponent(function(props, forwardedRef) {\n  var { value: valueProp, defaultValue, onValueChange = function() {\n  }, disableDeactivation, children, ...toggleGroupMultipleProps } = props;\n  var [value = [], setValue] = useControllableState({\n    prop: valueProp,\n    defaultProp: defaultValue,\n    onChange: onValueChange\n  });\n  var handleButtonActivate = React.useCallback(function(itemValue) {\n    return setValue(function() {\n      var prevValue = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : [];\n      return [\n        ...prevValue,\n        itemValue\n      ];\n    });\n  }, [\n    setValue\n  ]);\n  var handleButtonDeactivate = React.useCallback(function(itemValue) {\n    return setValue(function() {\n      var prevValue = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : [];\n      return prevValue.filter(function(value2) {\n        return value2 !== itemValue;\n      });\n    });\n  }, [\n    setValue\n  ]);\n  return /* @__PURE__ */ _jsx(ToggleGroupValueProvider, {\n    scope: props.__scopeToggleGroup,\n    type: \"multiple\",\n    value,\n    defaultValue: value,\n    onItemActivate: handleButtonActivate,\n    onItemDeactivate: handleButtonDeactivate,\n    children: /* @__PURE__ */ _jsx(ToggleGroupImpl, {\n      ...toggleGroupMultipleProps,\n      ref: forwardedRef,\n      children\n    })\n  });\n});\nvar ToggleGroupFrame = styled(View, {\n  displayName: TOGGLE_GROUP_NAME\n});\nvar ToggleGroupImpl = createStyledHOC(ToggleGroupFrame, function(propsIn, forwardedRef) {\n  var props = propsIn;\n  var { __scopeToggleGroup, disabled = false, orientation = \"horizontal\", dir, rovingFocus = true, loop = true, color, ...toggleGroupProps } = props;\n  var direction = useDirection(dir);\n  var content = /* @__PURE__ */ _jsx(ToggleGroupFrame, {\n    role: \"group\",\n    ref: forwardedRef,\n    \"data-disabled\": disabled ? \"\" : void 0,\n    ...toggleGroupProps\n  });\n  return /* @__PURE__ */ _jsx(ToggleGroupContext, {\n    scope: __scopeToggleGroup,\n    rovingFocus,\n    disabled,\n    children: /* @__PURE__ */ _jsx(ToggleContext.Provider, {\n      color,\n      children: rovingFocus ? /* @__PURE__ */ _jsx(RovingFocusGroup, {\n        asChild: \"except-style\",\n        __scopeRovingFocusGroup: __scopeToggleGroup || TOGGLE_GROUP_CONTEXT,\n        orientation,\n        dir: direction,\n        loop,\n        children: content\n      }) : content\n    })\n  });\n});\nexport {\n  ToggleGroup\n};\n//# sourceMappingURL=ToggleGroup.js.map\n"],"mappings":"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"}

package/dist/jsx/ToggleGroup.mjs

@@ -16,7 +16,8 @@ const TOGGLE_GROUP_ITEM_NAME = "ToggleGroupItem";
 const TOGGLE_GROUP_CONTEXT = "ToggleGroup";
 const { Provider: ToggleGroupItemProvider } = createStyledContext();
 const { Provider: ToggleGroupContext, useStyledContext: useToggleGroupContext } = createStyledContext({});
-const ToggleGroupItem = createStyledHOC(ToggleFrame, (props, forwardedRef) => {
+const ToggleGroupItem = createStyledHOC(ToggleFrame, (propsIn, forwardedRef) => {
+	const props = propsIn;
 	const valueContext = useToggleGroupValueContext(props.__scopeToggleGroup);
 	const context$1 = useToggleGroupContext(props.__scopeToggleGroup);
 	const toggleContext = context.useStyledContext(props.__scopeToggleGroup);
@@ -135,7 +136,8 @@ const ToggleGroupImplMultiple = createRefComponent((props, forwardedRef) => {
 	});
 });
 const ToggleGroupFrame = styled(View, { displayName: TOGGLE_GROUP_NAME });
-const ToggleGroupImpl = createStyledHOC(ToggleGroupFrame, (props, forwardedRef) => {
+const ToggleGroupImpl = createStyledHOC(ToggleGroupFrame, (propsIn, forwardedRef) => {
+	const props = propsIn;
 	const { __scopeToggleGroup, disabled = false, orientation = "horizontal", dir, rovingFocus = true, loop = true, color, ...toggleGroupProps } = props;
 	const direction = useDirection(dir);
 	const content = /* @__PURE__ */ jsx(ToggleGroupFrame, {

package/dist/jsx/ToggleGroup.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ToggleGroup.js","names":["context","ToggleContext"],"sources":["jsx/ToggleGroup.js"],"sourcesContent":["import { createRefComponent } from \"@tamagui/compose-refs\";\nimport { isWeb } from \"@tamagui/constants\";\nimport { registerFocusable } from \"@tamagui/focusable\";\nimport { withStaticProperties } from \"@tamagui/helpers\";\nimport { RovingFocusGroup } from \"@tamagui/roving-focus\";\nimport { useControllableState } from \"@tamagui/use-controllable-state\";\nimport { useDirection } from \"@tamagui/use-direction\";\nimport { createStyledHOC, createStyledContext, styled, View } from \"@tamagui/web\";\nimport React from \"react\";\nimport { Toggle, ToggleFrame } from \"./Toggle\";\nimport { context as ToggleContext } from \"./context\";\nimport { jsx } from \"react/jsx-runtime\";\nconst TOGGLE_GROUP_NAME = \"ToggleGroup\";\nconst TOGGLE_GROUP_ITEM_NAME = \"ToggleGroupItem\";\nconst TOGGLE_GROUP_CONTEXT = \"ToggleGroup\";\nconst { Provider: ToggleGroupItemProvider } = createStyledContext();\nconst { Provider: ToggleGroupContext, useStyledContext: useToggleGroupContext } = createStyledContext({});\nconst ToggleGroupItem = createStyledHOC(\n  ToggleFrame,\n  (props, forwardedRef) => {\n    const valueContext = useToggleGroupValueContext(props.__scopeToggleGroup);\n    const context = useToggleGroupContext(props.__scopeToggleGroup);\n    const toggleContext = ToggleContext.useStyledContext(props.__scopeToggleGroup);\n    const active = valueContext?.value.includes(props.value);\n    const color = props.color || toggleContext.color;\n    const disabled = context.disabled || props.disabled || false;\n    const inner = /* @__PURE__ */ jsx(\n      ToggleGroupItemImpl,\n      {\n        ref: forwardedRef,\n        ...context.rovingFocus ? null : { tabIndex: disabled ? -1 : 0 },\n        ...props,\n        active,\n        disabled\n      }\n    );\n    return /* @__PURE__ */ jsx(ToggleGroupItemProvider, { scope: props.__scopeToggleGroup, children: /* @__PURE__ */ jsx(ToggleContext.Provider, { color, active, children: context.rovingFocus ? /* @__PURE__ */ jsx(\n      RovingFocusGroup.Item,\n      {\n        asChild: \"except-style\",\n        __scopeRovingFocusGroup: props.__scopeToggleGroup || TOGGLE_GROUP_CONTEXT,\n        tabIndex: disabled ? -1 : 0,\n        active,\n        children: inner\n      }\n    ) : inner }) });\n  }\n);\nToggleGroupItem.displayName = TOGGLE_GROUP_ITEM_NAME;\nconst ToggleGroupItemImpl = createRefComponent((props, forwardedRef) => {\n  const { __scopeToggleGroup, value, ...itemProps } = props;\n  const valueContext = useToggleGroupValueContext(__scopeToggleGroup);\n  const singleProps = { \"aria-pressed\": void 0 };\n  const typeProps = valueContext.type === \"single\" ? singleProps : void 0;\n  return /* @__PURE__ */ jsx(\n    Toggle,\n    {\n      ...typeProps,\n      ...itemProps,\n      ref: forwardedRef,\n      onActiveChange: (pressed) => {\n        if (pressed) {\n          valueContext.onItemActivate(value);\n        } else {\n          valueContext.onItemDeactivate(value);\n        }\n      }\n    }\n  );\n});\nconst ToggleGroup = withStaticProperties(\n  createRefComponent(\n    (props, forwardedRef) => {\n      const { type, ...toggleGroupProps } = props;\n      if (!isWeb) {\n        React.useEffect(() => {\n          if (!props.id) return;\n          return registerFocusable(props.id, {\n            focus: () => {\n            }\n          });\n        }, [props.id]);\n      }\n      if (type === \"single\") {\n        const singleProps = toggleGroupProps;\n        return /* @__PURE__ */ jsx(ToggleGroupImplSingle, { ...singleProps, ref: forwardedRef });\n      }\n      if (type === \"multiple\") {\n        const multipleProps = toggleGroupProps;\n        return /* @__PURE__ */ jsx(ToggleGroupImplMultiple, { ...multipleProps, ref: forwardedRef });\n      }\n      throw new Error(`Missing prop \\`type\\` expected on \\`${TOGGLE_GROUP_NAME}\\``);\n    }\n  ),\n  {\n    Item: ToggleGroupItem\n  }\n);\nToggleGroup.displayName = TOGGLE_GROUP_NAME;\nconst {\n  Provider: ToggleGroupValueProvider,\n  useStyledContext: useToggleGroupValueContext\n} = createStyledContext();\nconst ToggleGroupImplSingle = createRefComponent((props, forwardedRef) => {\n  const {\n    value: valueProp,\n    defaultValue,\n    onValueChange = () => {\n    },\n    disableDeactivation = false,\n    children,\n    ...toggleGroupSingleProps\n  } = props;\n  const [value, setValue] = useControllableState({\n    prop: valueProp,\n    defaultProp: defaultValue,\n    onChange: onValueChange\n  });\n  return /* @__PURE__ */ jsx(\n    ToggleGroupValueProvider,\n    {\n      scope: props.__scopeToggleGroup,\n      type: \"single\",\n      value: value ? [value] : [],\n      defaultValue: value,\n      onItemActivate: setValue,\n      onItemDeactivate: React.useCallback(\n        () => disableDeactivation ? null : setValue(\"\"),\n        [setValue, disableDeactivation]\n      ),\n      children: /* @__PURE__ */ jsx(ToggleGroupImpl, { ...toggleGroupSingleProps, ref: forwardedRef, children })\n    }\n  );\n});\nconst ToggleGroupImplMultiple = createRefComponent((props, forwardedRef) => {\n  const {\n    value: valueProp,\n    defaultValue,\n    onValueChange = () => {\n    },\n    disableDeactivation,\n    children,\n    ...toggleGroupMultipleProps\n  } = props;\n  const [value = [], setValue] = useControllableState({\n    prop: valueProp,\n    defaultProp: defaultValue,\n    onChange: onValueChange\n  });\n  const handleButtonActivate = React.useCallback(\n    (itemValue) => setValue((prevValue = []) => [...prevValue, itemValue]),\n    [setValue]\n  );\n  const handleButtonDeactivate = React.useCallback(\n    (itemValue) => setValue((prevValue = []) => prevValue.filter((value2) => value2 !== itemValue)),\n    [setValue]\n  );\n  return /* @__PURE__ */ jsx(\n    ToggleGroupValueProvider,\n    {\n      scope: props.__scopeToggleGroup,\n      type: \"multiple\",\n      value,\n      defaultValue: value,\n      onItemActivate: handleButtonActivate,\n      onItemDeactivate: handleButtonDeactivate,\n      children: /* @__PURE__ */ jsx(ToggleGroupImpl, { ...toggleGroupMultipleProps, ref: forwardedRef, children })\n    }\n  );\n});\nconst ToggleGroupFrame = styled(View, {\n  displayName: TOGGLE_GROUP_NAME\n});\nconst ToggleGroupImpl = createStyledHOC(\n  ToggleGroupFrame,\n  (props, forwardedRef) => {\n    const {\n      __scopeToggleGroup,\n      disabled = false,\n      orientation = \"horizontal\",\n      dir,\n      rovingFocus = true,\n      loop = true,\n      color,\n      ...toggleGroupProps\n    } = props;\n    const direction = useDirection(dir);\n    const content = /* @__PURE__ */ jsx(\n      ToggleGroupFrame,\n      {\n        role: \"group\",\n        ref: forwardedRef,\n        \"data-disabled\": disabled ? \"\" : void 0,\n        ...toggleGroupProps\n      }\n    );\n    return /* @__PURE__ */ jsx(\n      ToggleGroupContext,\n      {\n        scope: __scopeToggleGroup,\n        rovingFocus,\n        disabled,\n        children: /* @__PURE__ */ jsx(ToggleContext.Provider, { color, children: rovingFocus ? /* @__PURE__ */ jsx(\n          RovingFocusGroup,\n          {\n            asChild: \"except-style\",\n            __scopeRovingFocusGroup: __scopeToggleGroup || TOGGLE_GROUP_CONTEXT,\n            orientation,\n            dir: direction,\n            loop,\n            children: content\n          }\n        ) : content })\n      }\n    );\n  }\n);\nexport {\n  ToggleGroup\n};\n//# sourceMappingURL=ToggleGroup.js.map\n"],"mappings":"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"}
+{"version":3,"file":"ToggleGroup.js","names":["context","ToggleContext"],"sources":["jsx/ToggleGroup.js"],"sourcesContent":["import { createRefComponent } from \"@tamagui/compose-refs\";\nimport { isWeb } from \"@tamagui/constants\";\nimport { registerFocusable } from \"@tamagui/focusable\";\nimport { withStaticProperties } from \"@tamagui/helpers\";\nimport { RovingFocusGroup } from \"@tamagui/roving-focus\";\nimport { useControllableState } from \"@tamagui/use-controllable-state\";\nimport { useDirection } from \"@tamagui/use-direction\";\nimport { createStyledHOC, createStyledContext, styled, View } from \"@tamagui/web\";\nimport React from \"react\";\nimport { Toggle, ToggleFrame } from \"./Toggle\";\nimport { context as ToggleContext } from \"./context\";\nimport { jsx } from \"react/jsx-runtime\";\nconst TOGGLE_GROUP_NAME = \"ToggleGroup\";\nconst TOGGLE_GROUP_ITEM_NAME = \"ToggleGroupItem\";\nconst TOGGLE_GROUP_CONTEXT = \"ToggleGroup\";\nconst { Provider: ToggleGroupItemProvider } = createStyledContext();\nconst { Provider: ToggleGroupContext, useStyledContext: useToggleGroupContext } = createStyledContext({});\nconst ToggleGroupItem = createStyledHOC(\n  ToggleFrame,\n  (propsIn, forwardedRef) => {\n    const props = propsIn;\n    const valueContext = useToggleGroupValueContext(props.__scopeToggleGroup);\n    const context = useToggleGroupContext(props.__scopeToggleGroup);\n    const toggleContext = ToggleContext.useStyledContext(props.__scopeToggleGroup);\n    const active = valueContext?.value.includes(props.value);\n    const color = props.color || toggleContext.color;\n    const disabled = context.disabled || props.disabled || false;\n    const inner = /* @__PURE__ */ jsx(\n      ToggleGroupItemImpl,\n      {\n        ref: forwardedRef,\n        ...context.rovingFocus ? null : { tabIndex: disabled ? -1 : 0 },\n        ...props,\n        active,\n        disabled\n      }\n    );\n    return /* @__PURE__ */ jsx(ToggleGroupItemProvider, { scope: props.__scopeToggleGroup, children: /* @__PURE__ */ jsx(ToggleContext.Provider, { color, active, children: context.rovingFocus ? /* @__PURE__ */ jsx(\n      RovingFocusGroup.Item,\n      {\n        asChild: \"except-style\",\n        __scopeRovingFocusGroup: props.__scopeToggleGroup || TOGGLE_GROUP_CONTEXT,\n        tabIndex: disabled ? -1 : 0,\n        active,\n        children: inner\n      }\n    ) : inner }) });\n  }\n);\nToggleGroupItem.displayName = TOGGLE_GROUP_ITEM_NAME;\nconst ToggleGroupItemImpl = createRefComponent((props, forwardedRef) => {\n  const { __scopeToggleGroup, value, ...itemProps } = props;\n  const valueContext = useToggleGroupValueContext(__scopeToggleGroup);\n  const singleProps = { \"aria-pressed\": void 0 };\n  const typeProps = valueContext.type === \"single\" ? singleProps : void 0;\n  return /* @__PURE__ */ jsx(\n    Toggle,\n    {\n      ...typeProps,\n      ...itemProps,\n      ref: forwardedRef,\n      onActiveChange: (pressed) => {\n        if (pressed) {\n          valueContext.onItemActivate(value);\n        } else {\n          valueContext.onItemDeactivate(value);\n        }\n      }\n    }\n  );\n});\nconst ToggleGroup = withStaticProperties(\n  createRefComponent(\n    (props, forwardedRef) => {\n      const { type, ...toggleGroupProps } = props;\n      if (!isWeb) {\n        React.useEffect(() => {\n          if (!props.id) return;\n          return registerFocusable(props.id, {\n            focus: () => {\n            }\n          });\n        }, [props.id]);\n      }\n      if (type === \"single\") {\n        const singleProps = toggleGroupProps;\n        return /* @__PURE__ */ jsx(ToggleGroupImplSingle, { ...singleProps, ref: forwardedRef });\n      }\n      if (type === \"multiple\") {\n        const multipleProps = toggleGroupProps;\n        return /* @__PURE__ */ jsx(ToggleGroupImplMultiple, { ...multipleProps, ref: forwardedRef });\n      }\n      throw new Error(`Missing prop \\`type\\` expected on \\`${TOGGLE_GROUP_NAME}\\``);\n    }\n  ),\n  {\n    Item: ToggleGroupItem\n  }\n);\nToggleGroup.displayName = TOGGLE_GROUP_NAME;\nconst {\n  Provider: ToggleGroupValueProvider,\n  useStyledContext: useToggleGroupValueContext\n} = createStyledContext();\nconst ToggleGroupImplSingle = createRefComponent((props, forwardedRef) => {\n  const {\n    value: valueProp,\n    defaultValue,\n    onValueChange = () => {\n    },\n    disableDeactivation = false,\n    children,\n    ...toggleGroupSingleProps\n  } = props;\n  const [value, setValue] = useControllableState({\n    prop: valueProp,\n    defaultProp: defaultValue,\n    onChange: onValueChange\n  });\n  return /* @__PURE__ */ jsx(\n    ToggleGroupValueProvider,\n    {\n      scope: props.__scopeToggleGroup,\n      type: \"single\",\n      value: value ? [value] : [],\n      defaultValue: value,\n      onItemActivate: setValue,\n      onItemDeactivate: React.useCallback(\n        () => disableDeactivation ? null : setValue(\"\"),\n        [setValue, disableDeactivation]\n      ),\n      children: /* @__PURE__ */ jsx(ToggleGroupImpl, { ...toggleGroupSingleProps, ref: forwardedRef, children })\n    }\n  );\n});\nconst ToggleGroupImplMultiple = createRefComponent((props, forwardedRef) => {\n  const {\n    value: valueProp,\n    defaultValue,\n    onValueChange = () => {\n    },\n    disableDeactivation,\n    children,\n    ...toggleGroupMultipleProps\n  } = props;\n  const [value = [], setValue] = useControllableState({\n    prop: valueProp,\n    defaultProp: defaultValue,\n    onChange: onValueChange\n  });\n  const handleButtonActivate = React.useCallback(\n    (itemValue) => setValue((prevValue = []) => [...prevValue, itemValue]),\n    [setValue]\n  );\n  const handleButtonDeactivate = React.useCallback(\n    (itemValue) => setValue((prevValue = []) => prevValue.filter((value2) => value2 !== itemValue)),\n    [setValue]\n  );\n  return /* @__PURE__ */ jsx(\n    ToggleGroupValueProvider,\n    {\n      scope: props.__scopeToggleGroup,\n      type: \"multiple\",\n      value,\n      defaultValue: value,\n      onItemActivate: handleButtonActivate,\n      onItemDeactivate: handleButtonDeactivate,\n      children: /* @__PURE__ */ jsx(ToggleGroupImpl, { ...toggleGroupMultipleProps, ref: forwardedRef, children })\n    }\n  );\n});\nconst ToggleGroupFrame = styled(View, {\n  displayName: TOGGLE_GROUP_NAME\n});\nconst ToggleGroupImpl = createStyledHOC(\n  ToggleGroupFrame,\n  (propsIn, forwardedRef) => {\n    const props = propsIn;\n    const {\n      __scopeToggleGroup,\n      disabled = false,\n      orientation = \"horizontal\",\n      dir,\n      rovingFocus = true,\n      loop = true,\n      color,\n      ...toggleGroupProps\n    } = props;\n    const direction = useDirection(dir);\n    const content = /* @__PURE__ */ jsx(\n      ToggleGroupFrame,\n      {\n        role: \"group\",\n        ref: forwardedRef,\n        \"data-disabled\": disabled ? \"\" : void 0,\n        ...toggleGroupProps\n      }\n    );\n    return /* @__PURE__ */ jsx(\n      ToggleGroupContext,\n      {\n        scope: __scopeToggleGroup,\n        rovingFocus,\n        disabled,\n        children: /* @__PURE__ */ jsx(ToggleContext.Provider, { color, children: rovingFocus ? /* @__PURE__ */ jsx(\n          RovingFocusGroup,\n          {\n            asChild: \"except-style\",\n            __scopeRovingFocusGroup: __scopeToggleGroup || TOGGLE_GROUP_CONTEXT,\n            orientation,\n            dir: direction,\n            loop,\n            children: content\n          }\n        ) : content })\n      }\n    );\n  }\n);\nexport {\n  ToggleGroup\n};\n//# sourceMappingURL=ToggleGroup.js.map\n"],"mappings":"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"}

package/dist/jsx/ToggleGroup.native.cjs

@@ -46,7 +46,8 @@ var TOGGLE_GROUP_ITEM_NAME = "ToggleGroupItem";
 var TOGGLE_GROUP_CONTEXT = "ToggleGroup";
 var { Provider: ToggleGroupItemProvider } = (0, import_web.createStyledContext)();
 var { Provider: ToggleGroupContext, useStyledContext: useToggleGroupContext } = (0, import_web.createStyledContext)({});
-var ToggleGroupItem = (0, import_web.createStyledHOC)(import_Toggle.ToggleFrame, function(props, forwardedRef) {
+var ToggleGroupItem = (0, import_web.createStyledHOC)(import_Toggle.ToggleFrame, function(propsIn, forwardedRef) {
+	var props = propsIn;
 	var valueContext = useToggleGroupValueContext(props.__scopeToggleGroup);
 	var context = useToggleGroupContext(props.__scopeToggleGroup);
 	var toggleContext = import_context.context.useStyledContext(props.__scopeToggleGroup);
@@ -179,7 +180,8 @@ var ToggleGroupImplMultiple = (0, import_compose_refs.createRefComponent)(functi
 	});
 });
 var ToggleGroupFrame = (0, import_web.styled)(import_web.View, { displayName: TOGGLE_GROUP_NAME });
-var ToggleGroupImpl = (0, import_web.createStyledHOC)(ToggleGroupFrame, function(props, forwardedRef) {
+var ToggleGroupImpl = (0, import_web.createStyledHOC)(ToggleGroupFrame, function(propsIn, forwardedRef) {
+	var props = propsIn;
 	var { __scopeToggleGroup, disabled = false, orientation = "horizontal", dir, rovingFocus = true, loop = true, color, ...toggleGroupProps } = props;
 	var direction = (0, import_use_direction.useDirection)(dir);
 	var content = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToggleGroupFrame, {

package/dist/jsx/ToggleGroup.native.js

@@ -46,7 +46,8 @@ var TOGGLE_GROUP_ITEM_NAME = "ToggleGroupItem";
 var TOGGLE_GROUP_CONTEXT = "ToggleGroup";
 var { Provider: ToggleGroupItemProvider } = (0, import_web.createStyledContext)();
 var { Provider: ToggleGroupContext, useStyledContext: useToggleGroupContext } = (0, import_web.createStyledContext)({});
-var ToggleGroupItem = (0, import_web.createStyledHOC)(import_Toggle.ToggleFrame, function(props, forwardedRef) {
+var ToggleGroupItem = (0, import_web.createStyledHOC)(import_Toggle.ToggleFrame, function(propsIn, forwardedRef) {
+	var props = propsIn;
 	var valueContext = useToggleGroupValueContext(props.__scopeToggleGroup);
 	var context = useToggleGroupContext(props.__scopeToggleGroup);
 	var toggleContext = import_context.context.useStyledContext(props.__scopeToggleGroup);
@@ -179,7 +180,8 @@ var ToggleGroupImplMultiple = (0, import_compose_refs.createRefComponent)(functi
 	});
 });
 var ToggleGroupFrame = (0, import_web.styled)(import_web.View, { displayName: TOGGLE_GROUP_NAME });
-var ToggleGroupImpl = (0, import_web.createStyledHOC)(ToggleGroupFrame, function(props, forwardedRef) {
+var ToggleGroupImpl = (0, import_web.createStyledHOC)(ToggleGroupFrame, function(propsIn, forwardedRef) {
+	var props = propsIn;
 	var { __scopeToggleGroup, disabled = false, orientation = "horizontal", dir, rovingFocus = true, loop = true, color, ...toggleGroupProps } = props;
 	var direction = (0, import_use_direction.useDirection)(dir);
 	var content = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToggleGroupFrame, {

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

@@ -1 +1 @@
-{"version":3,"file":"ToggleGroup.native.js","names":[],"sources":["jsx/ToggleGroup.native.js"],"sourcesContent":["\"use strict\";\nvar __create = Object.create;\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __getProtoOf = Object.getPrototypeOf;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n  for (var name in all)\n    __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n  if (from && typeof from === \"object\" || typeof from === \"function\") {\n    for (let key of __getOwnPropNames(from))\n      if (!__hasOwnProp.call(to, key) && key !== except)\n        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n  }\n  return to;\n};\nvar __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(\n  // If the importer is in node compatibility mode or this is not an ESM\n  // file that has been converted to a CommonJS file using a Babel-\n  // compatible transform (i.e. \"__esModule\" has not been set), then set\n  // \"default\" to the CommonJS \"module.exports\" for node compatibility.\n  isNodeMode || !mod || !mod.__esModule ? __defProp(target, \"default\", { value: mod, enumerable: true }) : target,\n  mod\n));\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar ToggleGroup_exports = {};\n__export(ToggleGroup_exports, {\n  ToggleGroup: () => ToggleGroup\n});\nmodule.exports = __toCommonJS(ToggleGroup_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_compose_refs = require(\"@tamagui/compose-refs\");\nvar import_constants = require(\"@tamagui/constants\");\nvar import_focusable = require(\"@tamagui/focusable\");\nvar import_helpers = require(\"@tamagui/helpers\");\nvar import_roving_focus = require(\"@tamagui/roving-focus\");\nvar import_use_controllable_state = require(\"@tamagui/use-controllable-state\");\nvar import_use_direction = require(\"@tamagui/use-direction\");\nvar import_web = require(\"@tamagui/web\");\nvar import_react = __toESM(require(\"react\"), 1);\nvar import_Toggle = require(\"./Toggle\");\nvar import_context = require(\"./context\");\nvar TOGGLE_GROUP_NAME = \"ToggleGroup\";\nvar TOGGLE_GROUP_ITEM_NAME = \"ToggleGroupItem\";\nvar TOGGLE_GROUP_CONTEXT = \"ToggleGroup\";\nvar { Provider: ToggleGroupItemProvider } = (0, import_web.createStyledContext)();\nvar { Provider: ToggleGroupContext, useStyledContext: useToggleGroupContext } = (0, import_web.createStyledContext)({});\nvar ToggleGroupItem = (0, import_web.createStyledHOC)(import_Toggle.ToggleFrame, function(props, forwardedRef) {\n  var valueContext = useToggleGroupValueContext(props.__scopeToggleGroup);\n  var context = useToggleGroupContext(props.__scopeToggleGroup);\n  var toggleContext = import_context.context.useStyledContext(props.__scopeToggleGroup);\n  var active = valueContext === null || valueContext === void 0 ? void 0 : valueContext.value.includes(props.value);\n  var color = props.color || toggleContext.color;\n  var disabled = context.disabled || props.disabled || false;\n  var inner = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToggleGroupItemImpl, {\n    ref: forwardedRef,\n    // on the roving path the group owns the tab order, so the item carries no\n    // tabIndex of its own: Slot overlays child props over the roving Item's,\n    // so a tabIndex here wins the merge and puts every toggle back in the tab\n    // order. off that path nothing else makes the toggle focusable.\n    ...context.rovingFocus ? null : {\n      tabIndex: disabled ? -1 : 0\n    },\n    ...props,\n    active,\n    disabled\n  });\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToggleGroupItemProvider, {\n    scope: props.__scopeToggleGroup,\n    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_context.context.Provider, {\n      color,\n      active,\n      children: context.rovingFocus ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_roving_focus.RovingFocusGroup.Item, {\n        asChild: \"except-style\",\n        __scopeRovingFocusGroup: props.__scopeToggleGroup || TOGGLE_GROUP_CONTEXT,\n        tabIndex: disabled ? -1 : 0,\n        active,\n        children: inner\n      }) : inner\n    })\n  });\n});\nToggleGroupItem.displayName = TOGGLE_GROUP_ITEM_NAME;\nvar ToggleGroupItemImpl = (0, import_compose_refs.createRefComponent)(function(props, forwardedRef) {\n  var { __scopeToggleGroup, value, ...itemProps } = props;\n  var valueContext = useToggleGroupValueContext(__scopeToggleGroup);\n  var singleProps = {\n    \"aria-pressed\": void 0\n  };\n  var typeProps = valueContext.type === \"single\" ? singleProps : void 0;\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Toggle.Toggle, {\n    ...typeProps,\n    ...itemProps,\n    ref: forwardedRef,\n    onActiveChange: function onActiveChange(pressed) {\n      if (pressed) {\n        valueContext.onItemActivate(value);\n      } else {\n        valueContext.onItemDeactivate(value);\n      }\n    }\n  });\n});\nvar ToggleGroup = (0, import_helpers.withStaticProperties)((0, import_compose_refs.createRefComponent)(function(props, forwardedRef) {\n  var { type, ...toggleGroupProps } = props;\n  if (!import_constants.isWeb) {\n    import_react.default.useEffect(function() {\n      if (!props.id) return;\n      return (0, import_focusable.registerFocusable)(props.id, {\n        focus: function focus() {\n        }\n      });\n    }, [\n      props.id\n    ]);\n  }\n  if (type === \"single\") {\n    var singleProps = toggleGroupProps;\n    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToggleGroupImplSingle, {\n      ...singleProps,\n      ref: forwardedRef\n    });\n  }\n  if (type === \"multiple\") {\n    var multipleProps = toggleGroupProps;\n    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToggleGroupImplMultiple, {\n      ...multipleProps,\n      ref: forwardedRef\n    });\n  }\n  throw new Error(`Missing prop \\`type\\` expected on \\`${TOGGLE_GROUP_NAME}\\``);\n}), {\n  Item: ToggleGroupItem\n});\nToggleGroup.displayName = TOGGLE_GROUP_NAME;\nvar { Provider: ToggleGroupValueProvider, useStyledContext: useToggleGroupValueContext } = (0, import_web.createStyledContext)();\nvar ToggleGroupImplSingle = (0, import_compose_refs.createRefComponent)(function(props, forwardedRef) {\n  var { value: valueProp, defaultValue, onValueChange = function() {\n  }, disableDeactivation = false, children, ...toggleGroupSingleProps } = props;\n  var [value, setValue] = (0, import_use_controllable_state.useControllableState)({\n    prop: valueProp,\n    defaultProp: defaultValue,\n    onChange: onValueChange\n  });\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToggleGroupValueProvider, {\n    scope: props.__scopeToggleGroup,\n    type: \"single\",\n    value: value ? [\n      value\n    ] : [],\n    defaultValue: value,\n    onItemActivate: setValue,\n    onItemDeactivate: import_react.default.useCallback(function() {\n      return disableDeactivation ? null : setValue(\"\");\n    }, [\n      setValue,\n      disableDeactivation\n    ]),\n    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToggleGroupImpl, {\n      ...toggleGroupSingleProps,\n      ref: forwardedRef,\n      children\n    })\n  });\n});\nvar ToggleGroupImplMultiple = (0, import_compose_refs.createRefComponent)(function(props, forwardedRef) {\n  var { value: valueProp, defaultValue, onValueChange = function() {\n  }, disableDeactivation, children, ...toggleGroupMultipleProps } = props;\n  var [value = [], setValue] = (0, import_use_controllable_state.useControllableState)({\n    prop: valueProp,\n    defaultProp: defaultValue,\n    onChange: onValueChange\n  });\n  var handleButtonActivate = import_react.default.useCallback(function(itemValue) {\n    return setValue(function() {\n      var prevValue = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : [];\n      return [\n        ...prevValue,\n        itemValue\n      ];\n    });\n  }, [\n    setValue\n  ]);\n  var handleButtonDeactivate = import_react.default.useCallback(function(itemValue) {\n    return setValue(function() {\n      var prevValue = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : [];\n      return prevValue.filter(function(value2) {\n        return value2 !== itemValue;\n      });\n    });\n  }, [\n    setValue\n  ]);\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToggleGroupValueProvider, {\n    scope: props.__scopeToggleGroup,\n    type: \"multiple\",\n    value,\n    defaultValue: value,\n    onItemActivate: handleButtonActivate,\n    onItemDeactivate: handleButtonDeactivate,\n    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToggleGroupImpl, {\n      ...toggleGroupMultipleProps,\n      ref: forwardedRef,\n      children\n    })\n  });\n});\nvar ToggleGroupFrame = (0, import_web.styled)(import_web.View, {\n  displayName: TOGGLE_GROUP_NAME\n});\nvar ToggleGroupImpl = (0, import_web.createStyledHOC)(ToggleGroupFrame, function(props, forwardedRef) {\n  var { __scopeToggleGroup, disabled = false, orientation = \"horizontal\", dir, rovingFocus = true, loop = true, color, ...toggleGroupProps } = props;\n  var direction = (0, import_use_direction.useDirection)(dir);\n  var content = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToggleGroupFrame, {\n    role: \"group\",\n    ref: forwardedRef,\n    \"data-disabled\": disabled ? \"\" : void 0,\n    ...toggleGroupProps\n  });\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToggleGroupContext, {\n    scope: __scopeToggleGroup,\n    rovingFocus,\n    disabled,\n    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_context.context.Provider, {\n      color,\n      children: rovingFocus ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_roving_focus.RovingFocusGroup, {\n        asChild: \"except-style\",\n        __scopeRovingFocusGroup: __scopeToggleGroup || TOGGLE_GROUP_CONTEXT,\n        orientation,\n        dir: direction,\n        loop,\n        children: content\n      }) : content\n    })\n  });\n});\n//# sourceMappingURL=ToggleGroup.js.map\n"],"mappings":"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"}
+{"version":3,"file":"ToggleGroup.native.js","names":[],"sources":["jsx/ToggleGroup.native.js"],"sourcesContent":["\"use strict\";\nvar __create = Object.create;\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __getProtoOf = Object.getPrototypeOf;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n  for (var name in all)\n    __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n  if (from && typeof from === \"object\" || typeof from === \"function\") {\n    for (let key of __getOwnPropNames(from))\n      if (!__hasOwnProp.call(to, key) && key !== except)\n        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n  }\n  return to;\n};\nvar __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(\n  // If the importer is in node compatibility mode or this is not an ESM\n  // file that has been converted to a CommonJS file using a Babel-\n  // compatible transform (i.e. \"__esModule\" has not been set), then set\n  // \"default\" to the CommonJS \"module.exports\" for node compatibility.\n  isNodeMode || !mod || !mod.__esModule ? __defProp(target, \"default\", { value: mod, enumerable: true }) : target,\n  mod\n));\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar ToggleGroup_exports = {};\n__export(ToggleGroup_exports, {\n  ToggleGroup: () => ToggleGroup\n});\nmodule.exports = __toCommonJS(ToggleGroup_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_compose_refs = require(\"@tamagui/compose-refs\");\nvar import_constants = require(\"@tamagui/constants\");\nvar import_focusable = require(\"@tamagui/focusable\");\nvar import_helpers = require(\"@tamagui/helpers\");\nvar import_roving_focus = require(\"@tamagui/roving-focus\");\nvar import_use_controllable_state = require(\"@tamagui/use-controllable-state\");\nvar import_use_direction = require(\"@tamagui/use-direction\");\nvar import_web = require(\"@tamagui/web\");\nvar import_react = __toESM(require(\"react\"), 1);\nvar import_Toggle = require(\"./Toggle\");\nvar import_context = require(\"./context\");\nvar TOGGLE_GROUP_NAME = \"ToggleGroup\";\nvar TOGGLE_GROUP_ITEM_NAME = \"ToggleGroupItem\";\nvar TOGGLE_GROUP_CONTEXT = \"ToggleGroup\";\nvar { Provider: ToggleGroupItemProvider } = (0, import_web.createStyledContext)();\nvar { Provider: ToggleGroupContext, useStyledContext: useToggleGroupContext } = (0, import_web.createStyledContext)({});\nvar ToggleGroupItem = (0, import_web.createStyledHOC)(import_Toggle.ToggleFrame, function(propsIn, forwardedRef) {\n  var props = propsIn;\n  var valueContext = useToggleGroupValueContext(props.__scopeToggleGroup);\n  var context = useToggleGroupContext(props.__scopeToggleGroup);\n  var toggleContext = import_context.context.useStyledContext(props.__scopeToggleGroup);\n  var active = valueContext === null || valueContext === void 0 ? void 0 : valueContext.value.includes(props.value);\n  var color = props.color || toggleContext.color;\n  var disabled = context.disabled || props.disabled || false;\n  var inner = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToggleGroupItemImpl, {\n    ref: forwardedRef,\n    // on the roving path the group owns the tab order, so the item carries no\n    // tabIndex of its own: Slot overlays child props over the roving Item's,\n    // so a tabIndex here wins the merge and puts every toggle back in the tab\n    // order. off that path nothing else makes the toggle focusable.\n    ...context.rovingFocus ? null : {\n      tabIndex: disabled ? -1 : 0\n    },\n    ...props,\n    active,\n    disabled\n  });\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToggleGroupItemProvider, {\n    scope: props.__scopeToggleGroup,\n    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_context.context.Provider, {\n      color,\n      active,\n      children: context.rovingFocus ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_roving_focus.RovingFocusGroup.Item, {\n        asChild: \"except-style\",\n        __scopeRovingFocusGroup: props.__scopeToggleGroup || TOGGLE_GROUP_CONTEXT,\n        tabIndex: disabled ? -1 : 0,\n        active,\n        children: inner\n      }) : inner\n    })\n  });\n});\nToggleGroupItem.displayName = TOGGLE_GROUP_ITEM_NAME;\nvar ToggleGroupItemImpl = (0, import_compose_refs.createRefComponent)(function(props, forwardedRef) {\n  var { __scopeToggleGroup, value, ...itemProps } = props;\n  var valueContext = useToggleGroupValueContext(__scopeToggleGroup);\n  var singleProps = {\n    \"aria-pressed\": void 0\n  };\n  var typeProps = valueContext.type === \"single\" ? singleProps : void 0;\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Toggle.Toggle, {\n    ...typeProps,\n    ...itemProps,\n    ref: forwardedRef,\n    onActiveChange: function onActiveChange(pressed) {\n      if (pressed) {\n        valueContext.onItemActivate(value);\n      } else {\n        valueContext.onItemDeactivate(value);\n      }\n    }\n  });\n});\nvar ToggleGroup = (0, import_helpers.withStaticProperties)((0, import_compose_refs.createRefComponent)(function(props, forwardedRef) {\n  var { type, ...toggleGroupProps } = props;\n  if (!import_constants.isWeb) {\n    import_react.default.useEffect(function() {\n      if (!props.id) return;\n      return (0, import_focusable.registerFocusable)(props.id, {\n        focus: function focus() {\n        }\n      });\n    }, [\n      props.id\n    ]);\n  }\n  if (type === \"single\") {\n    var singleProps = toggleGroupProps;\n    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToggleGroupImplSingle, {\n      ...singleProps,\n      ref: forwardedRef\n    });\n  }\n  if (type === \"multiple\") {\n    var multipleProps = toggleGroupProps;\n    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToggleGroupImplMultiple, {\n      ...multipleProps,\n      ref: forwardedRef\n    });\n  }\n  throw new Error(`Missing prop \\`type\\` expected on \\`${TOGGLE_GROUP_NAME}\\``);\n}), {\n  Item: ToggleGroupItem\n});\nToggleGroup.displayName = TOGGLE_GROUP_NAME;\nvar { Provider: ToggleGroupValueProvider, useStyledContext: useToggleGroupValueContext } = (0, import_web.createStyledContext)();\nvar ToggleGroupImplSingle = (0, import_compose_refs.createRefComponent)(function(props, forwardedRef) {\n  var { value: valueProp, defaultValue, onValueChange = function() {\n  }, disableDeactivation = false, children, ...toggleGroupSingleProps } = props;\n  var [value, setValue] = (0, import_use_controllable_state.useControllableState)({\n    prop: valueProp,\n    defaultProp: defaultValue,\n    onChange: onValueChange\n  });\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToggleGroupValueProvider, {\n    scope: props.__scopeToggleGroup,\n    type: \"single\",\n    value: value ? [\n      value\n    ] : [],\n    defaultValue: value,\n    onItemActivate: setValue,\n    onItemDeactivate: import_react.default.useCallback(function() {\n      return disableDeactivation ? null : setValue(\"\");\n    }, [\n      setValue,\n      disableDeactivation\n    ]),\n    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToggleGroupImpl, {\n      ...toggleGroupSingleProps,\n      ref: forwardedRef,\n      children\n    })\n  });\n});\nvar ToggleGroupImplMultiple = (0, import_compose_refs.createRefComponent)(function(props, forwardedRef) {\n  var { value: valueProp, defaultValue, onValueChange = function() {\n  }, disableDeactivation, children, ...toggleGroupMultipleProps } = props;\n  var [value = [], setValue] = (0, import_use_controllable_state.useControllableState)({\n    prop: valueProp,\n    defaultProp: defaultValue,\n    onChange: onValueChange\n  });\n  var handleButtonActivate = import_react.default.useCallback(function(itemValue) {\n    return setValue(function() {\n      var prevValue = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : [];\n      return [\n        ...prevValue,\n        itemValue\n      ];\n    });\n  }, [\n    setValue\n  ]);\n  var handleButtonDeactivate = import_react.default.useCallback(function(itemValue) {\n    return setValue(function() {\n      var prevValue = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : [];\n      return prevValue.filter(function(value2) {\n        return value2 !== itemValue;\n      });\n    });\n  }, [\n    setValue\n  ]);\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToggleGroupValueProvider, {\n    scope: props.__scopeToggleGroup,\n    type: \"multiple\",\n    value,\n    defaultValue: value,\n    onItemActivate: handleButtonActivate,\n    onItemDeactivate: handleButtonDeactivate,\n    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToggleGroupImpl, {\n      ...toggleGroupMultipleProps,\n      ref: forwardedRef,\n      children\n    })\n  });\n});\nvar ToggleGroupFrame = (0, import_web.styled)(import_web.View, {\n  displayName: TOGGLE_GROUP_NAME\n});\nvar ToggleGroupImpl = (0, import_web.createStyledHOC)(ToggleGroupFrame, function(propsIn, forwardedRef) {\n  var props = propsIn;\n  var { __scopeToggleGroup, disabled = false, orientation = \"horizontal\", dir, rovingFocus = true, loop = true, color, ...toggleGroupProps } = props;\n  var direction = (0, import_use_direction.useDirection)(dir);\n  var content = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToggleGroupFrame, {\n    role: \"group\",\n    ref: forwardedRef,\n    \"data-disabled\": disabled ? \"\" : void 0,\n    ...toggleGroupProps\n  });\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToggleGroupContext, {\n    scope: __scopeToggleGroup,\n    rovingFocus,\n    disabled,\n    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_context.context.Provider, {\n      color,\n      children: rovingFocus ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_roving_focus.RovingFocusGroup, {\n        asChild: \"except-style\",\n        __scopeRovingFocusGroup: __scopeToggleGroup || TOGGLE_GROUP_CONTEXT,\n        orientation,\n        dir: direction,\n        loop,\n        children: content\n      }) : content\n    })\n  });\n});\n//# sourceMappingURL=ToggleGroup.js.map\n"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/toggle-group",
-  "version": "3.0.18",
+  "version": "3.1.1",
   "license": "MIT",
   "source": "src/index.ts",
   "files": [
@@ -35,23 +35,23 @@
     "clean:build": "tamagui-build clean:build"
   },
   "dependencies": {
-    "@tamagui/compose-refs": "3.0.18",
-    "@tamagui/constants": "3.0.18",
-    "@tamagui/create-context": "3.0.18",
-    "@tamagui/focusable": "3.0.18",
-    "@tamagui/font-size": "3.0.18",
-    "@tamagui/get-token": "3.0.18",
-    "@tamagui/helpers": "3.0.18",
-    "@tamagui/helpers-tamagui": "3.0.18",
-    "@tamagui/roving-focus": "3.0.18",
-    "@tamagui/stacks": "3.0.18",
-    "@tamagui/use-controllable-state": "3.0.18",
-    "@tamagui/use-direction": "3.0.18",
-    "@tamagui/web": "3.0.18"
+    "@tamagui/compose-refs": "3.1.1",
+    "@tamagui/constants": "3.1.1",
+    "@tamagui/create-context": "3.1.1",
+    "@tamagui/focusable": "3.1.1",
+    "@tamagui/font-size": "3.1.1",
+    "@tamagui/get-token": "3.1.1",
+    "@tamagui/helpers": "3.1.1",
+    "@tamagui/helpers-tamagui": "3.1.1",
+    "@tamagui/roving-focus": "3.1.1",
+    "@tamagui/stacks": "3.1.1",
+    "@tamagui/use-controllable-state": "3.1.1",
+    "@tamagui/use-direction": "3.1.1",
+    "@tamagui/web": "3.1.1"
   },
   "devDependencies": {
-    "@tamagui/build": "3.0.18",
-    "react": "19.2.3"
+    "@tamagui/build": "3.1.1",
+    "react": "19.3.0"
   },
   "peerDependencies": {
     "react": ">=19"
@@ -62,5 +62,5 @@
     "url": "git+https://github.com/tamagui/tamagui.git",
     "directory": "code/ui/toggle-group"
   },
-  "releaseSourceCommit": "e7ebeed9d446eee3e0eda4b0dd5e55dd8ec46bf7"
+  "releaseSourceCommit": "9c48b9263440e4062a9302751b7f8b2d24a3bbed"
 }

package/src/ToggleGroup.tsx

@@ -29,7 +29,7 @@ const { Provider: ToggleGroupItemProvider } =
 const { Provider: ToggleGroupContext, useStyledContext: useToggleGroupContext } =
   createStyledContext<ToggleGroupContextValue>({})
 
-type ToggleGroupItemProps = GetProps<typeof ToggleFrame> & {
+type ToggleGroupItemExtraProps = {
   activeStyle?: ToggleProps['activeStyle']
   activeTheme?: ToggleProps['activeTheme']
   value: string
@@ -37,9 +37,12 @@ type ToggleGroupItemProps = GetProps<typeof ToggleFrame> & {
   disabled?: boolean
 }
 
+type ToggleGroupItemProps = GetProps<typeof ToggleFrame> & ToggleGroupItemExtraProps
+
 const ToggleGroupItem = createStyledHOC(
   ToggleFrame,
-  (props: ScopedProps<ToggleGroupItemProps>, forwardedRef) => {
+  (propsIn: ScopedProps<ToggleGroupItemExtraProps>, forwardedRef) => {
+    const props: ScopedProps<ToggleGroupItemProps> = propsIn
     const valueContext = useToggleGroupValueContext(props.__scopeToggleGroup)
     const context = useToggleGroupContext(props.__scopeToggleGroup)
     const toggleContext = ToggleContext.useStyledContext(props.__scopeToggleGroup)
@@ -308,7 +311,7 @@ const ToggleGroupFrame = styled(View, {
   displayName: TOGGLE_GROUP_NAME,
 })
 
-type ToggleGroupImplProps = GetProps<typeof ToggleGroupFrame> & {
+type ToggleGroupImplExtraProps = {
   orientation?: 'horizontal' | 'vertical'
   rovingFocus?: boolean
   dir?: RovingFocusGroupProps['dir']
@@ -316,9 +319,12 @@ type ToggleGroupImplProps = GetProps<typeof ToggleGroupFrame> & {
   color?: string
 }
 
+type ToggleGroupImplProps = GetProps<typeof ToggleGroupFrame> & ToggleGroupImplExtraProps
+
 const ToggleGroupImpl = createStyledHOC(
   ToggleGroupFrame,
-  (props: ScopedProps<ToggleGroupImplProps>, forwardedRef) => {
+  (propsIn: ScopedProps<ToggleGroupImplExtraProps>, forwardedRef) => {
+    const props: ScopedProps<ToggleGroupImplProps> = propsIn
     const {
       __scopeToggleGroup,
       disabled = false,

package/types/Toggle.d.ts

@@ -1,19 +1,8 @@
 import type { GetProps, StylePiece, TamaguiElement } from '@tamagui/web';
-import * as React from 'react';
-export declare const ToggleFrame: React.FunctionComponent<Omit<import("@tamagui/web").StackNonStyleProps, "active" | "defaultActiveStyle"> & Omit<import("@tamagui/web").WithThemeValues<Omit<import("@tamagui/web").StackStyleBase, "active" | "defaultActiveStyle">> & import("@tamagui/web").WithFlatVariantValues<{
+export declare const ToggleFrame: import("@tamagui/web").TamaguiComponent<import("@tamagui/web").TamaDefer, TamaguiElement, import("@tamagui/web").StackNonStyleProps, import("@tamagui/web").StackStyleBase, {
     active?: boolean | undefined;
     defaultActiveStyle?: boolean | undefined;
-}> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase>>, keyof import("@tamagui/web").StackNonStyleProps> & {
-    ref?: React.Ref<TamaguiElement> | undefined;
-}> & import("@tamagui/web").StaticComponentObject<import("@tamagui/web").TamaDefer, TamaguiElement, import("@tamagui/web").StackNonStyleProps, import("@tamagui/web").StackStyleBase, {
-    active?: boolean | undefined;
-    defaultActiveStyle?: boolean | undefined;
-}, import("@tamagui/web").StaticConfigPublic> & Omit<import("@tamagui/web").StaticConfigPublic, "staticConfig"> & {
-    __tama: [import("@tamagui/web").TamaDefer, TamaguiElement, import("@tamagui/web").StackNonStyleProps, import("@tamagui/web").StackStyleBase, {
-        active?: boolean | undefined;
-        defaultActiveStyle?: boolean | undefined;
-    }, import("@tamagui/web").StaticConfigPublic];
-};
+}, import("@tamagui/web").StaticConfigPublic>;
 type ToggleFrameProps = GetProps<typeof ToggleFrame>;
 type ToggleItemExtraProps = {
     orientation?: 'horizontal' | 'vertical';

package/types/Toggle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Toggle.d.ts","sourceRoot":"","sources":["../src/Toggle.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,cAAc,CAAA;AAExE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAgB9B,eAAO,MAAM,WAAW;;;;;;;;;;;;;CAYtB,CAAA;AAEF,KAAK,gBAAgB,GAAG,QAAQ,CAAC,OAAO,WAAW,CAAC,CAAA;AAEpD,KAAK,oBAAoB,GAAG;IAC1B,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAA;IACvC,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,cAAc,CAAC,CAAC,MAAM,EAAE,OAAO,GAAG,IAAI,CAAA;IACtC,WAAW,CAAC,EAAE,UAAU,GAAG,IAAI,CAAA;IAC/B,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;CAC5B,CAAA;AAED,MAAM,MAAM,WAAW,GAAG,gBAAgB,GAAG,oBAAoB,CAAA;AAEjE,eAAO,MAAM,MAAM,2EAmClB,CAAA"}
+{"version":3,"file":"Toggle.d.ts","sourceRoot":"","sources":["../src/Toggle.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,cAAc,CAAA;AAkBxE,eAAO,MAAM,WAAW;;;6CAYtB,CAAA;AAEF,KAAK,gBAAgB,GAAG,QAAQ,CAAC,OAAO,WAAW,CAAC,CAAA;AAEpD,KAAK,oBAAoB,GAAG;IAC1B,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAA;IACvC,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,cAAc,CAAC,CAAC,MAAM,EAAE,OAAO,GAAG,IAAI,CAAA;IACtC,WAAW,CAAC,EAAE,UAAU,GAAG,IAAI,CAAA;IAC/B,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;CAC5B,CAAA;AAED,MAAM,MAAM,WAAW,GAAG,gBAAgB,GAAG,oBAAoB,CAAA;AAEjE,eAAO,MAAM,MAAM,2EAmClB,CAAA"}

package/types/ToggleGroup.d.ts

@@ -3,13 +3,14 @@ import type { GetProps, TamaguiElement } from '@tamagui/web';
 import React from 'react';
 import type { ToggleProps } from './Toggle';
 import { ToggleFrame } from './Toggle';
-type ToggleGroupItemProps = GetProps<typeof ToggleFrame> & {
+type ToggleGroupItemExtraProps = {
     activeStyle?: ToggleProps['activeStyle'];
     activeTheme?: ToggleProps['activeTheme'];
     value: string;
     id?: string;
     disabled?: boolean;
 };
+type ToggleGroupItemProps = GetProps<typeof ToggleFrame> & ToggleGroupItemExtraProps;
 type ScopedProps<P> = P & {
     __scopeToggleGroup?: string;
 };
@@ -27,26 +28,14 @@ interface ToggleGroupGeneralProps extends ToggleGroupImplProps {
     disableDeactivation?: boolean;
 }
 type ToggleGroupProps = ToggleGroupSingleProps | ToggleGroupMultipleProps | ToggleGroupGeneralProps;
-declare const ToggleGroup: ((props: ScopedProps<ToggleGroupProps> & import("@tamagui/compose-refs").RefProp<TamaguiElement>) => React.ReactNode) & {
-    displayName?: string;
-    propTypes?: any;
-} & {
-    Item: import("@tamagui/web").TamaguiComponent<import("@tamagui/web").TamaDefer, TamaguiElement, Omit<import("@tamagui/web").StackNonStyleProps, "__scopeToggleGroup" | "active" | "activeStyle" | "activeTheme" | "defaultActiveStyle" | "value" | keyof import("@tamagui/web").StackNonStyleProps | keyof import("@tamagui/web").StackStyleBase> & Omit<import("@tamagui/web").StackNonStyleProps, "active" | "defaultActiveStyle"> & Omit<import("@tamagui/web").WithThemeValues<Omit<import("@tamagui/web").StackStyleBase, "active" | "defaultActiveStyle">> & import("@tamagui/web").WithFlatVariantValues<{
-        active?: boolean | undefined;
-        defaultActiveStyle?: boolean | undefined;
-    }> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase>>, keyof import("@tamagui/web").StackNonStyleProps> & {
-        activeStyle?: ToggleProps['activeStyle'];
-        activeTheme?: ToggleProps['activeTheme'];
-        value: string;
-        id?: string;
-        disabled?: boolean;
-    } & {
+declare const ToggleGroup: import("@tamagui/helpers").Combined<import("@tamagui/compose-refs").RefComponent<TamaguiElement, ScopedProps<ToggleGroupProps>>, {
+    Item: import("@tamagui/web").TamaguiComponent<import("@tamagui/web").TamaDefer, TamaguiElement, Omit<import("@tamagui/web").StackNonStyleProps, "__scopeToggleGroup" | keyof ToggleGroupItemExtraProps> & ToggleGroupItemExtraProps & {
         __scopeToggleGroup?: string;
     }, import("@tamagui/web").StackStyleBase, Omit<{
         active?: boolean | undefined;
         defaultActiveStyle?: boolean | undefined;
-    }, "__scopeToggleGroup" | "active" | "activeStyle" | "activeTheme" | "defaultActiveStyle" | "value" | keyof import("@tamagui/web").StackNonStyleProps | keyof import("@tamagui/web").StackStyleBase>, import("@tamagui/web").StaticConfigPublic>;
-};
+    }, "__scopeToggleGroup" | keyof ToggleGroupItemExtraProps>, import("@tamagui/web").StaticConfigPublic>;
+}>;
 interface ToggleGroupImplSingleProps extends ToggleGroupImplProps {
     /** The controlled stateful value of the item that is pressed. */
     value?: string;
@@ -67,18 +56,15 @@ interface ToggleGroupImplMultipleProps extends ToggleGroupImplProps {
     disableDeactivation?: boolean;
 }
 type RovingFocusGroupProps = React.ComponentPropsWithoutRef<typeof RovingFocusGroup>;
-declare const ToggleGroupFrame: React.FunctionComponent<Omit<import("@tamagui/web").StackNonStyleProps, never> & Omit<import("@tamagui/web").WithThemeValues<Omit<import("@tamagui/web").StackStyleBase, never>> & import("@tamagui/web").WithFlatVariantValues<{}> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase>>, keyof import("@tamagui/web").StackNonStyleProps> & {
-    ref?: React.Ref<TamaguiElement> | undefined;
-}> & import("@tamagui/web").StaticComponentObject<import("@tamagui/web").TamaDefer, TamaguiElement, import("@tamagui/web").StackNonStyleProps, import("@tamagui/web").StackStyleBase, {}, import("@tamagui/web").StaticConfigPublic> & Omit<import("@tamagui/web").StaticConfigPublic, "staticConfig"> & {
-    __tama: [import("@tamagui/web").TamaDefer, TamaguiElement, import("@tamagui/web").StackNonStyleProps, import("@tamagui/web").StackStyleBase, {}, import("@tamagui/web").StaticConfigPublic];
-};
-type ToggleGroupImplProps = GetProps<typeof ToggleGroupFrame> & {
+declare const ToggleGroupFrame: import("@tamagui/web").TamaguiComponent<import("@tamagui/web").TamaDefer, TamaguiElement, import("@tamagui/web").StackNonStyleProps, import("@tamagui/web").StackStyleBase, {}, import("@tamagui/web").StaticConfigPublic>;
+type ToggleGroupImplExtraProps = {
     orientation?: 'horizontal' | 'vertical';
     rovingFocus?: boolean;
     dir?: RovingFocusGroupProps['dir'];
     loop?: RovingFocusGroupProps['loop'];
     color?: string;
 };
+type ToggleGroupImplProps = GetProps<typeof ToggleGroupFrame> & ToggleGroupImplExtraProps;
 export { ToggleGroup };
 export type { ToggleGroupItemProps, ToggleGroupMultipleProps, ToggleGroupProps, ToggleGroupSingleProps, };
 //# sourceMappingURL=ToggleGroup.d.ts.map

package/types/ToggleGroup.d.ts.map

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