tamagui 1.96.0 → 1.97.1

package/dist/native.js

@@ -680,9 +680,12 @@ var require_AnimatePresence_native = __commonJS({
           children: child
         }, getChildKey(child));
       }), presentChildren.current = childrenToRender, /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_jsx_runtime6.Fragment, {
-        children: exiting.size ? childrenToRender : childrenToRender.map(function(child) {
-          return /* @__PURE__ */ (0, import_react4.cloneElement)(child);
-        })
+        children: exiting.size ? childrenToRender : (
+          // biome-ignore lint/correctness/useJsxKeyInIterable: <explanation>
+          childrenToRender.map(function(child) {
+            return /* @__PURE__ */ (0, import_react4.cloneElement)(child);
+          })
+        )
       });
     };
     AnimatePresence.displayName = "AnimatePresence";
@@ -8491,20 +8494,24 @@ var require_Theme_native = __commonJS({
           });
         } catch {
         }
-      return process.env.NODE_ENV === "development" && props.debug === "visualize" && (finalChildren = /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_ThemeDebug.ThemeDebug, {
+      process.env.NODE_ENV === "development" && props.debug === "visualize" && (finalChildren = /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_ThemeDebug.ThemeDebug, {
         themeState,
         themeProps: props,
         children: finalChildren
-      })), getThemedChildren(themeState, finalChildren, props, isRoot);
+      }));
+      var stateRef = (0, import_react4.useRef)({
+        hasEverThemed: !1
+      });
+      return getThemedChildren(themeState, finalChildren, props, isRoot, stateRef);
     });
     Theme2.displayName = "Theme";
     Theme2.avoidForwardRef = !0;
     function getThemedChildren(themeState, children, props) {
-      var isRoot = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : !1, themeManager = themeState.themeManager, isNewTheme = themeState.isNewTheme;
+      var isRoot = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : !1, stateRef = arguments.length > 4 ? arguments[4] : void 0, themeManager = themeState.themeManager, isNewTheme = themeState.isNewTheme;
       if (!themeManager)
         throw new Error(process.env.NODE_ENV === "development" ? "\u274C No theme found, either incorrect name, potential duplicate tamagui deps, or TamaguiProvider not providing themes." : "\u274C 005");
-      var shallow = props.shallow, forceClassName = props.forceClassName, hasEverThemed = (0, import_react4.useRef)(!1), shouldRenderChildrenWithTheme = isNewTheme || props.inverse || hasEverThemed.current || forceClassName || isRoot;
-      if (shouldRenderChildrenWithTheme && (hasEverThemed.current = !0), !shouldRenderChildrenWithTheme)
+      var shallow = props.shallow, forceClassName = props.forceClassName, shouldRenderChildrenWithTheme = isNewTheme || "inverse" in props || "theme" in props || stateRef.current.hasEverThemed || forceClassName || isRoot;
+      if (shouldRenderChildrenWithTheme && (stateRef.current.hasEverThemed = !0), !shouldRenderChildrenWithTheme)
         return children;
       var next = children;
       shallow && (next = import_react4.Children.toArray(children).map(function(child) {
@@ -9787,7 +9794,7 @@ If you meant to do this, you can disable this warning - either change untilMeasu
         if (groupName && subGroupContext && (content = /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_ComponentContext.ComponentContext.Provider, _object_spread_props8(_object_spread9({}, componentContext), {
           groups: subGroupContext,
           children: content
-        }))), process.env.NODE_ENV === "development" && time && time(_templateObject19()), content = disableTheme ? content : (0, import_Theme.getThemedChildren)(themeState, content, themeStateProps, !1), process.env.NODE_ENV === "development" && time && time(_templateObject20()), process.env.NODE_ENV === "development" && props.debug === "visualize" && (content = /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_ThemeDebug.ThemeDebug, {
+        }))), process.env.NODE_ENV === "development" && time && time(_templateObject19()), content = disableTheme ? content : (0, import_Theme.getThemedChildren)(themeState, content, themeStateProps, !1, stateRef), process.env.NODE_ENV === "development" && time && time(_templateObject20()), process.env.NODE_ENV === "development" && props.debug === "visualize" && (content = /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_ThemeDebug.ThemeDebug, {
           themeState,
           themeProps: props,
           children: content
@@ -17615,7 +17622,7 @@ var require_Accordion_native = __commonJS({
       }, contentProps), {
         ref: forwardedRef
       }));
-    }), HeightAnimator = import_web.View.styleable(function(props) {
+    }), HeightAnimator = import_web.View.styleable(function(props, ref) {
       var itemContext = useAccordionItemContext(), children = props.children, rest = _object_without_properties5(props, [
         "children"
       ]), _React_useState = _sliced_to_array(React2.useState(0), 2), height = _React_useState[0], setHeight = _React_useState[1];
@@ -17629,6 +17636,7 @@ var require_Accordion_native = __commonJS({
         nativeEvent.layout.height && setHeight(nativeEvent.layout.height);
       });
       return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_web.View, _object_spread_props8(_object_spread9({
+        ref,
         height
       }, rest), {
         children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_web.View, {
@@ -20253,7 +20261,7 @@ var require_SheetImplementationCustom_native = __commonJS({
           var startY = at.current, release = function(param) {
             var vy = param.vy, dragAt = param.dragAt;
             isExternalDrag = !1, previouslyScrolling = !1, setPanning(!1);
-            for (var at2 = dragAt + startY, end = at2 + frameSize * vy * 0.2, closestPoint = 0, dist = 1 / 0, i = 0; i < positions.length; i++) {
+            for (var at2 = dragAt + startY, end = at2 + frameSize * vy * 0.2, closestPoint = 0, dist = Number.POSITIVE_INFINITY, i = 0; i < positions.length; i++) {
               var position2 = positions[i], curDist = end > position2 ? end - position2 : position2 - end;
               curDist < dist && (dist = curDist, closestPoint = i);
             }
@@ -20996,6 +21004,7 @@ var require_createSheet_native = __commonJS({
             !disableHideBottomOverflow && // @ts-ignore
             /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Frame, _object_spread_props8(_object_spread9({}, props), {
               componentName: "SheetCover",
+              // biome-ignore lint/correctness/noChildrenProp: <explanation>
               children: null,
               position: "absolute",
               bottom: "-100%",
@@ -28041,7 +28050,7 @@ var require_ListItem_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(ListItem_exports);
-    var import_jsx_runtime6 = require("react/jsx-runtime"), import_font_size = require_index_native40(), import_get_font_sized2 = require_index_native21(), import_get_token2 = require_index_native18(), import_helpers = require_index_native7(), import_helpers_tamagui = require_index_native41(), import_stacks3 = require_index_native20(), import_text2 = require_index_native22(), import_web = require_index_native13(), import_react4 = require("react");
+    var import_jsx_runtime6 = require("react/jsx-runtime"), import_font_size = require_index_native40(), import_get_font_sized2 = require_index_native21(), import_get_token2 = require_index_native18(), import_helpers = require_index_native7(), import_helpers_tamagui = require_index_native41(), import_stacks3 = require_index_native20(), import_text2 = require_index_native22(), import_web = require_index_native13();
     function _array_like_to_array2(arr, len) {
       (len == null || len > arr.length) && (len = arr.length);
       for (var i = 0, arr2 = new Array(len); i < len; i++)
@@ -30789,10 +30798,10 @@ var require_Popper_native = __commonJS({
       }, [
         isMounted
       ]);
-      var show = !0, setShow = void 0;
+      var show = !0;
       if (import_constants4.isAndroid) {
-        var ref;
-        ref = _sliced_to_array(React2.useState(!1), 2), show = ref[0], setShow = ref[1], React2.useEffect(function() {
+        var _React_useState1 = _sliced_to_array(React2.useState(!1), 2), show_ = _React_useState1[0], setShow = _React_useState1[1];
+        show = show_, React2.useEffect(function() {
           finalHasFloatingValue && setShow(!0);
         }, [
           finalHasFloatingValue,
@@ -31917,9 +31926,159 @@ var require_index_native59 = __commonJS({
   }
 });
 
-// ../roving-focus/dist/cjs/RovingFocusGroup.native.js
-var require_RovingFocusGroup_native = __commonJS({
-  "../roving-focus/dist/cjs/RovingFocusGroup.native.js"(exports2, module2) {
+// ../radio-group/dist/cjs/RadioGroup.native.js
+var require_RadioGroup_native = __commonJS({
+  "../radio-group/dist/cjs/RadioGroup.native.js"(exports2, module2) {
+    "use strict";
+    var __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __hasOwnProp2 = Object.prototype.hasOwnProperty, __export2 = function(target, all) {
+      for (var name in all)
+        __defProp2(target, name, {
+          get: all[name],
+          enumerable: !0
+        });
+    }, __copyProps2 = function(to, from, except, desc) {
+      var _iteratorNormalCompletion = !0, _didIteratorError = !1, _iteratorError = void 0;
+      if (from && typeof from == "object" || typeof from == "function")
+        try {
+          for (var _loop = function() {
+            var key = _step.value;
+            !__hasOwnProp2.call(to, key) && key !== except && __defProp2(to, key, {
+              get: function() {
+                return from[key];
+              },
+              enumerable: !(desc = __getOwnPropDesc2(from, key)) || desc.enumerable
+            });
+          }, _iterator = __getOwnPropNames2(from)[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = !0)
+            _loop();
+        } catch (err) {
+          _didIteratorError = !0, _iteratorError = err;
+        } finally {
+          try {
+            !_iteratorNormalCompletion && _iterator.return != null && _iterator.return();
+          } finally {
+            if (_didIteratorError)
+              throw _iteratorError;
+          }
+        }
+      return to;
+    }, __toCommonJS2 = function(mod) {
+      return __copyProps2(__defProp2({}, "__esModule", {
+        value: !0
+      }), mod);
+    }, RadioGroup_exports = {};
+    __export2(RadioGroup_exports, {
+      RadioGroupFrame: function() {
+        return RadioGroupFrame;
+      },
+      RadioGroupIndicatorFrame: function() {
+        return RadioGroupIndicatorFrame;
+      },
+      RadioGroupItemFrame: function() {
+        return RadioGroupItemFrame;
+      }
+    });
+    module2.exports = __toCommonJS2(RadioGroup_exports);
+    var import_core12 = require_index_native16(), import_get_token2 = require_index_native18(), import_stacks3 = require_index_native20(), RADIO_GROUP_ITEM_NAME = "RadioGroupItem", RadioGroupItemFrame = (0, import_core12.styled)(import_stacks3.ThemeableStack, {
+      name: RADIO_GROUP_ITEM_NAME,
+      tag: "button",
+      variants: {
+        unstyled: {
+          false: {
+            size: "$true",
+            borderRadius: 1e3,
+            backgroundColor: "$background",
+            alignItems: "center",
+            justifyContent: "center",
+            borderWidth: 1,
+            borderColor: "$borderColor",
+            padding: 0,
+            hoverStyle: {
+              borderColor: "$borderColorHover",
+              backgroundColor: "$backgroundHover"
+            },
+            focusStyle: {
+              borderColor: "$borderColorHover",
+              backgroundColor: "$backgroundHover"
+            },
+            focusVisibleStyle: {
+              outlineStyle: "solid",
+              outlineWidth: 2,
+              outlineColor: "$outlineColor"
+            },
+            pressStyle: {
+              borderColor: "$borderColorFocus",
+              backgroundColor: "$backgroundFocus"
+            }
+          }
+        },
+        disabled: {
+          true: {
+            pointerEvents: "none",
+            userSelect: "none",
+            cursor: "not-allowed",
+            hoverStyle: {
+              borderColor: "$borderColor",
+              backgroundColor: "$background"
+            },
+            pressStyle: {
+              borderColor: "$borderColor",
+              backgroundColor: "$backgroundColor"
+            },
+            focusVisibleStyle: {
+              outlineWidth: 0
+            }
+          }
+        },
+        size: {
+          "...size": function(value, param) {
+            var props = param.props, _props_scaleSize, size3 = Math.floor((0, import_core12.getVariableValue)((0, import_get_token2.getSize)(value)) * ((_props_scaleSize = props.scaleSize) !== null && _props_scaleSize !== void 0 ? _props_scaleSize : 0.5));
+            return {
+              width: size3,
+              height: size3
+            };
+          }
+        }
+      },
+      defaultVariants: {
+        unstyled: process.env.TAMAGUI_HEADLESS === "1"
+      }
+    }), RADIO_GROUP_INDICATOR_NAME = "RadioGroupIndicator", RadioGroupIndicatorFrame = (0, import_core12.styled)(import_stacks3.ThemeableStack, {
+      name: RADIO_GROUP_INDICATOR_NAME,
+      variants: {
+        unstyled: {
+          false: {
+            width: "33%",
+            height: "33%",
+            borderRadius: 1e3,
+            backgroundColor: "$color",
+            pressTheme: !0
+          }
+        }
+      },
+      defaultVariants: {
+        unstyled: process.env.TAMAGUI_HEADLESS === "1"
+      }
+    }), RADIO_GROUP_NAME = "RadioGroup", RadioGroupFrame = (0, import_core12.styled)(import_stacks3.ThemeableStack, {
+      name: RADIO_GROUP_NAME,
+      variants: {
+        orientation: {
+          horizontal: {
+            flexDirection: "row",
+            spaceDirection: "horizontal"
+          },
+          vertical: {
+            flexDirection: "column",
+            spaceDirection: "vertical"
+          }
+        }
+      }
+    });
+  }
+});
+
+// ../radio-headless/dist/cjs/BubbleInput.native.js
+var require_BubbleInput_native2 = __commonJS({
+  "../radio-headless/dist/cjs/BubbleInput.native.js"(exports2, module2) {
     "use strict";
     var __create2 = Object.create, __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __getProtoOf2 = Object.getPrototypeOf, __hasOwnProp2 = Object.prototype.hasOwnProperty, __export2 = function(target, all) {
       for (var name in all)
@@ -31968,17 +32127,14 @@ var require_RovingFocusGroup_native = __commonJS({
       return __copyProps2(__defProp2({}, "__esModule", {
         value: !0
       }), mod);
-    }, RovingFocusGroup_native_exports = {};
-    __export2(RovingFocusGroup_native_exports, {
-      RovingFocusGroup: function() {
-        return RovingFocusGroup;
-      },
-      createRovingFocusGroupScope: function() {
-        return createRovingFocusGroupScope;
+    }, BubbleInput_exports = {};
+    __export2(BubbleInput_exports, {
+      BubbleInput: function() {
+        return BubbleInput;
       }
     });
-    module2.exports = __toCommonJS2(RovingFocusGroup_native_exports);
-    var import_jsx_runtime6 = require("react/jsx-runtime"), import_core12 = require_index_native16(), import_helpers = require_index_native7(), import_react4 = __toESM2(require("react"));
+    module2.exports = __toCommonJS2(BubbleInput_exports);
+    var import_jsx_runtime6 = require("react/jsx-runtime"), import_react4 = __toESM2(require("react")), import_use_previous = require_index_native46();
     function _define_property9(obj, key, value) {
       return key in obj ? Object.defineProperty(obj, key, {
         value,
@@ -32032,39 +32188,59 @@ var require_RovingFocusGroup_native = __commonJS({
         key = sourceKeys[i], !(excluded.indexOf(key) >= 0) && (target[key] = source[key]);
       return target;
     }
-    var ITEM_NAME = "RovingFocusGroupItem", RovingFocusGroupItem = /* @__PURE__ */ import_react4.default.forwardRef(function(_param, _ref) {
-      var children = _param.children, props = _object_without_properties5(_param, [
-        "children"
-      ]);
-      return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_core12.Stack, _object_spread_props8(_object_spread9({}, props), {
-        children
-      }));
-    });
-    RovingFocusGroupItem.displayName = ITEM_NAME;
-    var GROUP_NAME = "RovingFocusGroup", RovingFocusGroup = (0, import_helpers.withStaticProperties)(/* @__PURE__ */ import_react4.default.forwardRef(function(_param, _ref) {
-      var children = _param.children, props = _object_without_properties5(_param, [
-        "children"
-      ]);
-      return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_core12.Stack, _object_spread_props8(_object_spread9({}, props), {
-        children
+    var BubbleInput = function(props) {
+      var checked = props.checked, _props_bubbles = props.bubbles, bubbles = _props_bubbles === void 0 ? !0 : _props_bubbles, control = props.control, isHidden = props.isHidden, accentColor = props.accentColor, inputProps = _object_without_properties5(props, [
+        "checked",
+        "bubbles",
+        "control",
+        "isHidden",
+        "accentColor"
+      ]), ref = import_react4.default.useRef(null), prevChecked = (0, import_use_previous.usePrevious)(checked);
+      return import_react4.default.useEffect(function() {
+        var input = ref.current, inputProto = window.HTMLInputElement.prototype, descriptor = Object.getOwnPropertyDescriptor(inputProto, "checked"), setChecked = descriptor.set;
+        if (prevChecked !== checked && setChecked) {
+          var event = new Event("click", {
+            bubbles
+          });
+          setChecked.call(input, checked), input.dispatchEvent(event);
+        }
+      }, [
+        prevChecked,
+        checked,
+        bubbles
+      ]), /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("input", _object_spread_props8(_object_spread9({
+        type: "radio",
+        defaultChecked: checked
+      }, inputProps), {
+        tabIndex: -1,
+        ref,
+        "aria-hidden": isHidden,
+        style: _object_spread9({}, isHidden ? {
+          // ...controlSize,
+          position: "absolute",
+          pointerEvents: "none",
+          opacity: 0,
+          margin: 0
+        } : {
+          appearance: "auto",
+          accentColor
+        }, props.style)
       }));
-    }), {
-      Item: RovingFocusGroupItem
-    });
-    RovingFocusGroup.displayName = GROUP_NAME;
-    var createRovingFocusGroupScope = function() {
-      return function() {
-        return {};
-      };
     };
   }
 });
 
-// ../roving-focus/dist/cjs/index.native.js
-var require_index_native60 = __commonJS({
-  "../roving-focus/dist/cjs/index.native.js"(exports2, module2) {
+// ../radio-headless/dist/cjs/utils.native.js
+var require_utils_native3 = __commonJS({
+  "../radio-headless/dist/cjs/utils.native.js"(exports2, module2) {
     "use strict";
-    var __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __hasOwnProp2 = Object.prototype.hasOwnProperty, __copyProps2 = function(to, from, except, desc) {
+    var __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __hasOwnProp2 = Object.prototype.hasOwnProperty, __export2 = function(target, all) {
+      for (var name in all)
+        __defProp2(target, name, {
+          get: all[name],
+          enumerable: !0
+        });
+    }, __copyProps2 = function(to, from, except, desc) {
       var _iteratorNormalCompletion = !0, _didIteratorError = !1, _iteratorError = void 0;
       if (from && typeof from == "object" || typeof from == "function")
         try {
@@ -32089,27 +32265,32 @@ var require_index_native60 = __commonJS({
           }
         }
       return to;
-    }, __reExport2 = function(target, mod, secondTarget) {
-      return __copyProps2(target, mod, "default"), secondTarget && __copyProps2(secondTarget, mod, "default");
     }, __toCommonJS2 = function(mod) {
       return __copyProps2(__defProp2({}, "__esModule", {
         value: !0
       }), mod);
-    }, src_exports2 = {};
-    module2.exports = __toCommonJS2(src_exports2);
-    __reExport2(src_exports2, require_RovingFocusGroup_native(), module2.exports);
+    }, utils_exports = {};
+    __export2(utils_exports, {
+      getState: function() {
+        return getState;
+      }
+    });
+    module2.exports = __toCommonJS2(utils_exports);
+    function getState(checked) {
+      return checked ? "checked" : "unchecked";
+    }
   }
 });
 
-// ../radio-group/dist/cjs/RadioGroup.native.js
-var require_RadioGroup_native = __commonJS({
-  "../radio-group/dist/cjs/RadioGroup.native.js"(exports2, module2) {
+// ../radio-headless/dist/cjs/useRadioGroup.native.js
+var require_useRadioGroup_native = __commonJS({
+  "../radio-headless/dist/cjs/useRadioGroup.native.js"(exports2, module2) {
     "use strict";
     function _type_of(obj) {
       "@swc/helpers - typeof";
       return obj && typeof Symbol < "u" && obj.constructor === Symbol ? "symbol" : typeof obj;
     }
-    var __create2 = Object.create, __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __getProtoOf2 = Object.getPrototypeOf, __hasOwnProp2 = Object.prototype.hasOwnProperty, __export2 = function(target, all) {
+    var __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __hasOwnProp2 = Object.prototype.hasOwnProperty, __export2 = function(target, all) {
       for (var name in all)
         __defProp2(target, name, {
           get: all[name],
@@ -32140,33 +32321,24 @@ var require_RadioGroup_native = __commonJS({
           }
         }
       return to;
-    }, __toESM2 = function(mod, isNodeMode, target) {
-      return target = mod != null ? __create2(__getProtoOf2(mod)) : {}, __copyProps2(
-        // If the importer is in node compatibility mode or this is not an ESM
-        // file that has been converted to a CommonJS file using a Babel-
-        // compatible transform (i.e. "__esModule" has not been set), then set
-        // "default" to the CommonJS "module.exports" for node compatibility.
-        isNodeMode || !mod || !mod.__esModule ? __defProp2(target, "default", {
-          value: mod,
-          enumerable: !0
-        }) : target,
-        mod
-      );
     }, __toCommonJS2 = function(mod) {
       return __copyProps2(__defProp2({}, "__esModule", {
         value: !0
       }), mod);
-    }, RadioGroup_exports = {};
-    __export2(RadioGroup_exports, {
-      RadioGroup: function() {
-        return RadioGroup;
+    }, useRadioGroup_exports = {};
+    __export2(useRadioGroup_exports, {
+      useRadioGroup: function() {
+        return useRadioGroup;
       },
-      createRadioGroupScope: function() {
-        return createRadioGroupScope;
+      useRadioGroupItem: function() {
+        return useRadioGroupItem;
+      },
+      useRadioGroupItemIndicator: function() {
+        return useRadioGroupItemIndicator;
       }
     });
-    module2.exports = __toCommonJS2(RadioGroup_exports);
-    var import_jsx_runtime6 = require("react/jsx-runtime"), import_compose_refs = require_index_native10(), import_constants4 = require_index_native6(), import_core12 = require_index_native16(), import_create_context = require_index_native26(), import_focusable3 = require_index_native44(), import_get_token2 = require_index_native18(), import_helpers = require_index_native7(), import_label = require_index_native45(), import_roving_focus = require_index_native60(), import_stacks3 = require_index_native20(), import_use_controllable_state = require_index_native9(), import_use_previous = require_index_native46(), React2 = __toESM2(require("react"));
+    module2.exports = __toCommonJS2(useRadioGroup_exports);
+    var import_jsx_runtime6 = require("react/jsx-runtime"), import_compose_refs = require_index_native10(), import_constants4 = require_index_native6(), import_focusable3 = require_index_native44(), import_helpers = require_index_native7(), import_label = require_index_native45(), import_use_controllable_state = require_index_native9(), import_react4 = require("react"), import_BubbleInput = require_BubbleInput_native2(), import_utils3 = require_utils_native3();
     function _array_like_to_array2(arr, len) {
       (len == null || len > arr.length) && (len = arr.length);
       for (var i = 0, arr2 = new Array(len); i < len; i++)
@@ -32267,117 +32439,43 @@ var require_RadioGroup_native = __commonJS({
           return _array_like_to_array2(o, minLen);
       }
     }
-    var RADIO_GROUP_NAME = "RadioGroup", ARROW_KEYS = [
+    function useRadioGroup(params) {
+      var valueProp = params.value, onValueChange = params.onValueChange, defaultValue = params.defaultValue, required = params.required, disabled = params.disabled, name = params.name, native = params.native, accentColor = params.accentColor, orientation = params.orientation, ref = params.ref, _useControllableState = _sliced_to_array((0, import_use_controllable_state.useControllableState)({
+        prop: valueProp,
+        defaultProp: defaultValue,
+        onChange: onValueChange
+      }), 2), value = _useControllableState[0], setValue = _useControllableState[1];
+      return {
+        providerValue: {
+          value,
+          onChange: setValue,
+          required,
+          disabled,
+          name,
+          native,
+          accentColor
+        },
+        frameAttrs: {
+          role: "radiogroup",
+          "aria-orientation": orientation,
+          "data-disabled": disabled ? "" : void 0
+        },
+        rovingFocusGroupAttrs: {
+          orientation,
+          loop: !0
+        }
+      };
+    }
+    var ARROW_KEYS = [
       "ArrowUp",
       "ArrowDown",
       "ArrowLeft",
       "ArrowRight"
-    ], _createContextScope = _sliced_to_array((0, import_create_context.createContextScope)(RADIO_GROUP_NAME), 2), createRadioGroupContext = _createContextScope[0], createRadioGroupScope = _createContextScope[1], _createRadioGroupContext = _sliced_to_array(createRadioGroupContext(RADIO_GROUP_NAME), 2), RadioGroupProvider = _createRadioGroupContext[0], useRadioGroupContext = _createRadioGroupContext[1], getState = function(checked) {
-      return checked ? "checked" : "unchecked";
-    }, RADIO_GROUP_INDICATOR_NAME = "RadioGroupIndicator", RadioIndicatorFrame = (0, import_core12.styled)(import_stacks3.ThemeableStack, {
-      name: RADIO_GROUP_INDICATOR_NAME,
-      variants: {
-        unstyled: {
-          false: {
-            width: "33%",
-            height: "33%",
-            borderRadius: 1e3,
-            backgroundColor: "$color",
-            pressTheme: !0
-          }
-        }
-      },
-      defaultVariants: {
-        unstyled: process.env.TAMAGUI_HEADLESS === "1"
-      }
-    }), RadioIndicator = RadioIndicatorFrame.extractable(/* @__PURE__ */ React2.forwardRef(function(props, forwardedRef) {
-      var __scopeRadioGroupItem = props.__scopeRadioGroupItem, forceMount = props.forceMount, disabled = props.disabled, indicatorProps = _object_without_properties5(props, [
-        "__scopeRadioGroupItem",
-        "forceMount",
-        "disabled"
-      ]), checked = useRadioGroupItemContext(RADIO_GROUP_INDICATOR_NAME, __scopeRadioGroupItem).checked;
-      return forceMount || checked ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(RadioIndicatorFrame, _object_spread_props8(_object_spread9({
-        "data-state": getState(checked),
-        "data-disabled": disabled ? "" : void 0
-      }, indicatorProps), {
-        ref: forwardedRef
-      })) : null;
-    }));
-    RadioIndicator.displayName = RADIO_GROUP_INDICATOR_NAME;
-    var RADIO_GROUP_ITEM_NAME = "RadioGroupItem", _createRadioGroupContext1 = _sliced_to_array(createRadioGroupContext(RADIO_GROUP_NAME), 2), RadioGroupItemProvider = _createRadioGroupContext1[0], useRadioGroupItemContext = _createRadioGroupContext1[1], RadioGroupItemFrame = (0, import_core12.styled)(import_stacks3.ThemeableStack, {
-      name: RADIO_GROUP_ITEM_NAME,
-      tag: "button",
-      variants: {
-        unstyled: {
-          false: {
-            size: "$true",
-            borderRadius: 1e3,
-            backgroundColor: "$background",
-            alignItems: "center",
-            justifyContent: "center",
-            borderWidth: 1,
-            borderColor: "$borderColor",
-            padding: 0,
-            hoverStyle: {
-              borderColor: "$borderColorHover",
-              backgroundColor: "$backgroundHover"
-            },
-            focusStyle: {
-              borderColor: "$borderColorHover",
-              backgroundColor: "$backgroundHover"
-            },
-            focusVisibleStyle: {
-              outlineStyle: "solid",
-              outlineWidth: 2,
-              outlineColor: "$outlineColor"
-            },
-            pressStyle: {
-              borderColor: "$borderColorFocus",
-              backgroundColor: "$backgroundFocus"
-            }
-          }
-        },
-        disabled: {
-          true: {
-            pointerEvents: "none",
-            userSelect: "none",
-            cursor: "not-allowed",
-            hoverStyle: {
-              borderColor: "$borderColor",
-              backgroundColor: "$background"
-            },
-            pressStyle: {
-              borderColor: "$borderColor",
-              backgroundColor: "$backgroundColor"
-            },
-            focusVisibleStyle: {
-              outlineWidth: 0
-            }
-          }
-        },
-        size: {
-          "...size": function(value, param) {
-            var props = param.props, _props_scaleSize, size3 = Math.floor((0, import_core12.getVariableValue)((0, import_get_token2.getSize)(value)) * ((_props_scaleSize = props.scaleSize) !== null && _props_scaleSize !== void 0 ? _props_scaleSize : 0.5));
-            return {
-              width: size3,
-              height: size3
-            };
-          }
-        }
-      },
-      defaultVariants: {
-        unstyled: process.env.TAMAGUI_HEADLESS === "1"
-      }
-    }), RadioGroupItem = RadioGroupItemFrame.extractable(/* @__PURE__ */ React2.forwardRef(function(props, forwardedRef) {
-      var __scopeRadioGroup = props.__scopeRadioGroup, value = props.value, ariaLabelledby = props.labelledBy, itemDisabled = props.disabled, itemProps = _object_without_properties5(props, [
-        "__scopeRadioGroup",
-        "value",
-        "labelledBy",
-        "disabled"
-      ]), _useRadioGroupContext = useRadioGroupContext(RADIO_GROUP_ITEM_NAME, __scopeRadioGroup), groupValue = _useRadioGroupContext.value, disabled = _useRadioGroupContext.disabled, required = _useRadioGroupContext.required, onChange = _useRadioGroupContext.onChange, name = _useRadioGroupContext.name, native = _useRadioGroupContext.native, accentColor = _useRadioGroupContext.accentColor, _React_useState = _sliced_to_array(React2.useState(null), 2), button = _React_useState[0], setButton = _React_useState[1], hasConsumerStoppedPropagationRef = React2.useRef(!1), ref = React2.useRef(null), composedRefs = (0, import_compose_refs.useComposedRefs)(forwardedRef, function(node) {
+    ], useRadioGroupItem = function(params) {
+      var radioGroupContext = params.radioGroupContext, value = params.value, ariaLabelledby = params.labelledBy, itemDisabled = params.disabled, refProp = params.ref, id = params.id, onPress = params.onPress, onKeyDown = params.onKeyDown, onFocus = params.onFocus, _useContext = (0, import_react4.useContext)(radioGroupContext), groupValue = _useContext.value, disabled = _useContext.disabled, required = _useContext.required, onChange = _useContext.onChange, name = _useContext.name, native = _useContext.native, accentColor = _useContext.accentColor, _useState = _sliced_to_array((0, import_react4.useState)(null), 2), button = _useState[0], setButton = _useState[1], hasConsumerStoppedPropagationRef = (0, import_react4.useRef)(!1), ref = (0, import_react4.useRef)(null), composedRefs = (0, import_compose_refs.useComposedRefs)(refProp, function(node) {
         return setButton(node);
-      }, ref), isArrowKeyPressedRef = React2.useRef(!1), isFormControl = import_constants4.isWeb ? button ? !!button.closest("form") : !0 : !1, checked = groupValue === value, labelId = (0, import_label.useLabelContext)(button), labelledBy = ariaLabelledby || labelId;
-      React2.useEffect(function() {
+      }, ref), isArrowKeyPressedRef = (0, import_react4.useRef)(!1), isFormControl = import_constants4.isWeb ? button ? !!button.closest("form") : !0 : !1, checked = groupValue === value, labelId = (0, import_label.useLabelContext)(button), labelledBy = ariaLabelledby || labelId;
+      (0, import_react4.useEffect)(function() {
         if (import_constants4.isWeb) {
           var handleKeyDown = function(event) {
             ARROW_KEYS.includes(event.key) && (isArrowKeyPressedRef.current = !0);
@@ -32388,9 +32486,9 @@ var require_RadioGroup_native = __commonJS({
             document.removeEventListener("keydown", handleKeyDown), document.removeEventListener("keyup", handleKeyUp);
           };
         }
-      }, []), React2.useEffect(function() {
-        if (props.id && !disabled)
-          return (0, import_focusable3.registerFocusable)(props.id, {
+      }, []), (0, import_react4.useEffect)(function() {
+        if (id && !disabled)
+          return (0, import_focusable3.registerFocusable)(id, {
             focusAndSelect: function() {
               onChange == null || onChange(value);
             },
@@ -32398,182 +32496,565 @@ var require_RadioGroup_native = __commonJS({
             }
           });
       }, [
-        props.id,
+        id,
         value,
         disabled
       ]);
       var isDisabled = disabled || itemDisabled;
-      return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(RadioGroupItemProvider, {
+      return {
+        providerValue: {
+          checked
+        },
         checked,
-        scope: __scopeRadioGroup,
-        children: import_constants4.isWeb && native ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BubbleInput, {
+        isFormControl,
+        bubbleInput: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_BubbleInput.BubbleInput, _object_spread9({
+          isHidden: !native,
           control: button,
           bubbles: !hasConsumerStoppedPropagationRef.current,
           name,
           value,
           checked,
           required,
+          disabled: isDisabled
+        }, import_constants4.isWeb && native && {
+          accentColor,
+          id
+        })),
+        native,
+        frameAttrs: _object_spread9(_object_spread_props8(_object_spread9({
+          "data-state": (0, import_utils3.getState)(checked),
+          "data-disabled": isDisabled ? "" : void 0,
+          role: "radio",
+          "aria-labelledby": labelledBy,
+          "aria-checked": checked,
+          "aria-required": required,
           disabled: isDisabled,
-          id: props.id,
-          accentColor
-        }) : /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, {
-          children: [
-            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_roving_focus.RovingFocusGroup.Item, {
-              __scopeRovingFocusGroup: RADIO_GROUP_NAME,
-              asChild: "except-style",
-              focusable: !isDisabled,
-              active: checked,
-              children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(RadioGroupItemFrame, _object_spread9(_object_spread_props8(_object_spread9(
-                {
-                  // theme={checked ? 'active' : undefined}
-                  "data-state": getState(checked),
-                  "data-disabled": isDisabled ? "" : void 0,
-                  role: "radio",
-                  "aria-labelledby": labelledBy,
-                  "aria-checked": checked,
-                  "aria-required": required,
-                  disabled: isDisabled,
-                  ref: composedRefs
-                },
-                import_constants4.isWeb && {
-                  type: "button",
-                  value
-                },
-                // allow them to override all but the handlers that already compose:
-                itemProps
-              ), {
-                onPress: (0, import_helpers.composeEventHandlers)(props.onPress, function(event) {
-                  checked || onChange == null || onChange(value), isFormControl && (hasConsumerStoppedPropagationRef.current = event.isPropagationStopped(), hasConsumerStoppedPropagationRef.current || event.stopPropagation());
-                })
-              }), import_constants4.isWeb && {
-                onKeyDown: (0, import_helpers.composeEventHandlers)(props.onKeyDown, function(event) {
-                  event.key === "Enter" && event.preventDefault();
-                }),
-                onFocus: (0, import_helpers.composeEventHandlers)(itemProps.onFocus, function() {
-                  if (isArrowKeyPressedRef.current) {
-                    var _ref_current;
-                    (_ref_current = ref.current) === null || _ref_current === void 0 || _ref_current.click();
-                  }
-                })
-              }))
-            }),
-            isFormControl && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BubbleInput, {
-              isHidden: !0,
-              control: button,
-              bubbles: !hasConsumerStoppedPropagationRef.current,
-              name,
-              value,
-              checked,
-              required,
-              disabled: isDisabled
-            })
-          ]
-        })
-      });
-    })), BubbleInput = function(props) {
-      var checked = props.checked, _props_bubbles = props.bubbles, bubbles = _props_bubbles === void 0 ? !0 : _props_bubbles, control = props.control, isHidden = props.isHidden, accentColor = props.accentColor, inputProps = _object_without_properties5(props, [
-        "checked",
-        "bubbles",
-        "control",
-        "isHidden",
-        "accentColor"
-      ]), ref = React2.useRef(null), prevChecked = (0, import_use_previous.usePrevious)(checked);
-      return React2.useEffect(function() {
-        var input = ref.current, inputProto = window.HTMLInputElement.prototype, descriptor = Object.getOwnPropertyDescriptor(inputProto, "checked"), setChecked = descriptor.set;
-        if (prevChecked !== checked && setChecked) {
-          var event = new Event("click", {
-            bubbles
-          });
-          setChecked.call(input, checked), input.dispatchEvent(event);
+          ref: composedRefs
+        }, import_constants4.isWeb && {
+          type: "button",
+          value
+        }), {
+          id,
+          onPress: (0, import_helpers.composeEventHandlers)(onPress, function(event) {
+            checked || onChange == null || onChange(value), isFormControl && (hasConsumerStoppedPropagationRef.current = event.isPropagationStopped(), hasConsumerStoppedPropagationRef.current || event.stopPropagation());
+          })
+        }), import_constants4.isWeb && {
+          onKeyDown: (0, import_helpers.composeEventHandlers)(onKeyDown, function(event) {
+            event.key === "Enter" && event.preventDefault();
+          }),
+          onFocus: (0, import_helpers.composeEventHandlers)(onFocus, function() {
+            if (isArrowKeyPressedRef.current) {
+              var _ref_current;
+              (_ref_current = ref.current) === null || _ref_current === void 0 || _ref_current.click();
+            }
+          })
+        }),
+        rovingFocusGroupAttrs: {
+          asChild: "expect-style",
+          focusable: !isDisabled,
+          active: checked
         }
-      }, [
-        prevChecked,
+      };
+    };
+    function useRadioGroupItemIndicator(params) {
+      var radioGroupItemContext = params.radioGroupItemContext, disabled = params.disabled, rest = _object_without_properties5(params, [
+        "radioGroupItemContext",
+        "disabled"
+      ]), checked = (0, import_react4.useContext)(radioGroupItemContext).checked;
+      return _object_spread9({
         checked,
-        bubbles
-      ]), /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("input", _object_spread_props8(_object_spread9({
-        type: "radio",
-        defaultChecked: checked
-      }, inputProps), {
-        tabIndex: -1,
-        ref,
-        "aria-hidden": isHidden,
-        style: _object_spread9({}, isHidden ? {
-          // ...controlSize,
-          position: "absolute",
-          pointerEvents: "none",
-          opacity: 0,
-          margin: 0
-        } : {
-          appearance: "auto",
-          accentColor
-        }, props.style)
+        "data-state": (0, import_utils3.getState)(checked),
+        "data-disabled": disabled ? "" : void 0
+      }, rest);
+    }
+  }
+});
+
+// ../radio-headless/dist/cjs/index.native.js
+var require_index_native60 = __commonJS({
+  "../radio-headless/dist/cjs/index.native.js"(exports2, module2) {
+    "use strict";
+    var __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __hasOwnProp2 = Object.prototype.hasOwnProperty, __copyProps2 = function(to, from, except, desc) {
+      var _iteratorNormalCompletion = !0, _didIteratorError = !1, _iteratorError = void 0;
+      if (from && typeof from == "object" || typeof from == "function")
+        try {
+          for (var _loop = function() {
+            var key = _step.value;
+            !__hasOwnProp2.call(to, key) && key !== except && __defProp2(to, key, {
+              get: function() {
+                return from[key];
+              },
+              enumerable: !(desc = __getOwnPropDesc2(from, key)) || desc.enumerable
+            });
+          }, _iterator = __getOwnPropNames2(from)[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = !0)
+            _loop();
+        } catch (err) {
+          _didIteratorError = !0, _iteratorError = err;
+        } finally {
+          try {
+            !_iteratorNormalCompletion && _iterator.return != null && _iterator.return();
+          } finally {
+            if (_didIteratorError)
+              throw _iteratorError;
+          }
+        }
+      return to;
+    }, __reExport2 = function(target, mod, secondTarget) {
+      return __copyProps2(target, mod, "default"), secondTarget && __copyProps2(secondTarget, mod, "default");
+    }, __toCommonJS2 = function(mod) {
+      return __copyProps2(__defProp2({}, "__esModule", {
+        value: !0
+      }), mod);
+    }, src_exports2 = {};
+    module2.exports = __toCommonJS2(src_exports2);
+    __reExport2(src_exports2, require_useRadioGroup_native(), module2.exports);
+    __reExport2(src_exports2, require_utils_native3(), module2.exports);
+  }
+});
+
+// ../roving-focus/dist/cjs/RovingFocusGroup.native.js
+var require_RovingFocusGroup_native = __commonJS({
+  "../roving-focus/dist/cjs/RovingFocusGroup.native.js"(exports2, module2) {
+    "use strict";
+    var __create2 = Object.create, __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __getProtoOf2 = Object.getPrototypeOf, __hasOwnProp2 = Object.prototype.hasOwnProperty, __export2 = function(target, all) {
+      for (var name in all)
+        __defProp2(target, name, {
+          get: all[name],
+          enumerable: !0
+        });
+    }, __copyProps2 = function(to, from, except, desc) {
+      var _iteratorNormalCompletion = !0, _didIteratorError = !1, _iteratorError = void 0;
+      if (from && typeof from == "object" || typeof from == "function")
+        try {
+          for (var _loop = function() {
+            var key = _step.value;
+            !__hasOwnProp2.call(to, key) && key !== except && __defProp2(to, key, {
+              get: function() {
+                return from[key];
+              },
+              enumerable: !(desc = __getOwnPropDesc2(from, key)) || desc.enumerable
+            });
+          }, _iterator = __getOwnPropNames2(from)[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = !0)
+            _loop();
+        } catch (err) {
+          _didIteratorError = !0, _iteratorError = err;
+        } finally {
+          try {
+            !_iteratorNormalCompletion && _iterator.return != null && _iterator.return();
+          } finally {
+            if (_didIteratorError)
+              throw _iteratorError;
+          }
+        }
+      return to;
+    }, __toESM2 = function(mod, isNodeMode, target) {
+      return target = mod != null ? __create2(__getProtoOf2(mod)) : {}, __copyProps2(
+        // If the importer is in node compatibility mode or this is not an ESM
+        // file that has been converted to a CommonJS file using a Babel-
+        // compatible transform (i.e. "__esModule" has not been set), then set
+        // "default" to the CommonJS "module.exports" for node compatibility.
+        isNodeMode || !mod || !mod.__esModule ? __defProp2(target, "default", {
+          value: mod,
+          enumerable: !0
+        }) : target,
+        mod
+      );
+    }, __toCommonJS2 = function(mod) {
+      return __copyProps2(__defProp2({}, "__esModule", {
+        value: !0
+      }), mod);
+    }, RovingFocusGroup_native_exports = {};
+    __export2(RovingFocusGroup_native_exports, {
+      RovingFocusGroup: function() {
+        return RovingFocusGroup;
+      },
+      createRovingFocusGroupScope: function() {
+        return createRovingFocusGroupScope;
+      }
+    });
+    module2.exports = __toCommonJS2(RovingFocusGroup_native_exports);
+    var import_jsx_runtime6 = require("react/jsx-runtime"), import_core12 = require_index_native16(), import_helpers = require_index_native7(), import_react4 = __toESM2(require("react"));
+    function _define_property9(obj, key, value) {
+      return key in obj ? Object.defineProperty(obj, key, {
+        value,
+        enumerable: !0,
+        configurable: !0,
+        writable: !0
+      }) : obj[key] = value, obj;
+    }
+    function _object_spread9(target) {
+      for (var i = 1; i < arguments.length; i++) {
+        var source = arguments[i] != null ? arguments[i] : {}, ownKeys22 = Object.keys(source);
+        typeof Object.getOwnPropertySymbols == "function" && (ownKeys22 = ownKeys22.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+          return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+        }))), ownKeys22.forEach(function(key) {
+          _define_property9(target, key, source[key]);
+        });
+      }
+      return target;
+    }
+    function ownKeys8(object, enumerableOnly) {
+      var keys = Object.keys(object);
+      if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        enumerableOnly && (symbols = symbols.filter(function(sym) {
+          return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+        })), keys.push.apply(keys, symbols);
+      }
+      return keys;
+    }
+    function _object_spread_props8(target, source) {
+      return source = source ?? {}, Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys8(Object(source)).forEach(function(key) {
+        Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+      }), target;
+    }
+    function _object_without_properties5(source, excluded) {
+      if (source == null)
+        return {};
+      var target = _object_without_properties_loose5(source, excluded), key, i;
+      if (Object.getOwnPropertySymbols) {
+        var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+        for (i = 0; i < sourceSymbolKeys.length; i++)
+          key = sourceSymbolKeys[i], !(excluded.indexOf(key) >= 0) && Object.prototype.propertyIsEnumerable.call(source, key) && (target[key] = source[key]);
+      }
+      return target;
+    }
+    function _object_without_properties_loose5(source, excluded) {
+      if (source == null)
+        return {};
+      var target = {}, sourceKeys = Object.keys(source), key, i;
+      for (i = 0; i < sourceKeys.length; i++)
+        key = sourceKeys[i], !(excluded.indexOf(key) >= 0) && (target[key] = source[key]);
+      return target;
+    }
+    var ITEM_NAME = "RovingFocusGroupItem", RovingFocusGroupItem = /* @__PURE__ */ import_react4.default.forwardRef(function(_param, _ref) {
+      var children = _param.children, props = _object_without_properties5(_param, [
+        "children"
+      ]);
+      return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_core12.Stack, _object_spread_props8(_object_spread9({}, props), {
+        children
       }));
-    }, RadioGroupFrame = (0, import_core12.styled)(import_stacks3.ThemeableStack, {
-      name: RADIO_GROUP_NAME,
-      variants: {
-        orientation: {
-          horizontal: {
-            flexDirection: "row",
-            spaceDirection: "horizontal"
-          },
-          vertical: {
-            flexDirection: "column",
-            spaceDirection: "vertical"
+    });
+    RovingFocusGroupItem.displayName = ITEM_NAME;
+    var GROUP_NAME = "RovingFocusGroup", RovingFocusGroup = (0, import_helpers.withStaticProperties)(/* @__PURE__ */ import_react4.default.forwardRef(function(_param, _ref) {
+      var children = _param.children, props = _object_without_properties5(_param, [
+        "children"
+      ]);
+      return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_core12.Stack, _object_spread_props8(_object_spread9({}, props), {
+        children
+      }));
+    }), {
+      Item: RovingFocusGroupItem
+    });
+    RovingFocusGroup.displayName = GROUP_NAME;
+    var createRovingFocusGroupScope = function() {
+      return function() {
+        return {};
+      };
+    };
+  }
+});
+
+// ../roving-focus/dist/cjs/index.native.js
+var require_index_native61 = __commonJS({
+  "../roving-focus/dist/cjs/index.native.js"(exports2, module2) {
+    "use strict";
+    var __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __hasOwnProp2 = Object.prototype.hasOwnProperty, __copyProps2 = function(to, from, except, desc) {
+      var _iteratorNormalCompletion = !0, _didIteratorError = !1, _iteratorError = void 0;
+      if (from && typeof from == "object" || typeof from == "function")
+        try {
+          for (var _loop = function() {
+            var key = _step.value;
+            !__hasOwnProp2.call(to, key) && key !== except && __defProp2(to, key, {
+              get: function() {
+                return from[key];
+              },
+              enumerable: !(desc = __getOwnPropDesc2(from, key)) || desc.enumerable
+            });
+          }, _iterator = __getOwnPropNames2(from)[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = !0)
+            _loop();
+        } catch (err) {
+          _didIteratorError = !0, _iteratorError = err;
+        } finally {
+          try {
+            !_iteratorNormalCompletion && _iterator.return != null && _iterator.return();
+          } finally {
+            if (_didIteratorError)
+              throw _iteratorError;
           }
         }
+      return to;
+    }, __reExport2 = function(target, mod, secondTarget) {
+      return __copyProps2(target, mod, "default"), secondTarget && __copyProps2(secondTarget, mod, "default");
+    }, __toCommonJS2 = function(mod) {
+      return __copyProps2(__defProp2({}, "__esModule", {
+        value: !0
+      }), mod);
+    }, src_exports2 = {};
+    module2.exports = __toCommonJS2(src_exports2);
+    __reExport2(src_exports2, require_RovingFocusGroup_native(), module2.exports);
+  }
+});
+
+// ../radio-group/dist/cjs/createRadioGroup.native.js
+var require_createRadioGroup_native = __commonJS({
+  "../radio-group/dist/cjs/createRadioGroup.native.js"(exports2, module2) {
+    "use strict";
+    var __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __hasOwnProp2 = Object.prototype.hasOwnProperty, __export2 = function(target, all) {
+      for (var name in all)
+        __defProp2(target, name, {
+          get: all[name],
+          enumerable: !0
+        });
+    }, __copyProps2 = function(to, from, except, desc) {
+      var _iteratorNormalCompletion = !0, _didIteratorError = !1, _iteratorError = void 0;
+      if (from && typeof from == "object" || typeof from == "function")
+        try {
+          for (var _loop = function() {
+            var key = _step.value;
+            !__hasOwnProp2.call(to, key) && key !== except && __defProp2(to, key, {
+              get: function() {
+                return from[key];
+              },
+              enumerable: !(desc = __getOwnPropDesc2(from, key)) || desc.enumerable
+            });
+          }, _iterator = __getOwnPropNames2(from)[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = !0)
+            _loop();
+        } catch (err) {
+          _didIteratorError = !0, _iteratorError = err;
+        } finally {
+          try {
+            !_iteratorNormalCompletion && _iterator.return != null && _iterator.return();
+          } finally {
+            if (_didIteratorError)
+              throw _iteratorError;
+          }
+        }
+      return to;
+    }, __toCommonJS2 = function(mod) {
+      return __copyProps2(__defProp2({}, "__esModule", {
+        value: !0
+      }), mod);
+    }, createRadioGroup_exports = {};
+    __export2(createRadioGroup_exports, {
+      createRadioGroup: function() {
+        return createRadioGroup;
       }
-    }), RadioGroup = (0, import_helpers.withStaticProperties)(RadioGroupFrame.extractable(/* @__PURE__ */ React2.forwardRef(function(props, forwardedRef) {
-      var __scopeRadioGroup = props.__scopeRadioGroup, valueProp = props.value, defaultValue = props.defaultValue, onValueChange = props.onValueChange, _props_disabled = props.disabled, disabled = _props_disabled === void 0 ? !1 : _props_disabled, _props_required = props.required, required = _props_required === void 0 ? !1 : _props_required, name = props.name, orientation = props.orientation, native = props.native, accentColor = props.accentColor, radioGroupProps = _object_without_properties5(props, [
-        "__scopeRadioGroup",
-        "value",
-        "defaultValue",
-        "onValueChange",
-        "disabled",
-        "required",
-        "name",
-        "orientation",
-        "native",
-        "accentColor"
-      ]), _useControllableState = _sliced_to_array((0, import_use_controllable_state.useControllableState)({
-        prop: valueProp,
-        defaultProp: defaultValue,
-        onChange: onValueChange
-      }), 2), value = _useControllableState[0], setValue = _useControllableState[1];
-      return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(RadioGroupProvider, {
-        scope: __scopeRadioGroup,
+    });
+    module2.exports = __toCommonJS2(createRadioGroup_exports);
+    var import_jsx_runtime6 = require("react/jsx-runtime"), import_core12 = require_index_native16(), import_RadioGroup = require_RadioGroup_native(), import_radio_headless = require_index_native60(), import_roving_focus = require_index_native61(), import_react4 = require("react");
+    function _define_property9(obj, key, value) {
+      return key in obj ? Object.defineProperty(obj, key, {
         value,
-        required,
-        onChange: setValue,
-        disabled,
-        name,
-        native,
-        accentColor,
-        children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_roving_focus.RovingFocusGroup, {
-          __scopeRovingFocusGroup: RADIO_GROUP_NAME,
+        enumerable: !0,
+        configurable: !0,
+        writable: !0
+      }) : obj[key] = value, obj;
+    }
+    function _object_spread9(target) {
+      for (var i = 1; i < arguments.length; i++) {
+        var source = arguments[i] != null ? arguments[i] : {}, ownKeys22 = Object.keys(source);
+        typeof Object.getOwnPropertySymbols == "function" && (ownKeys22 = ownKeys22.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+          return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+        }))), ownKeys22.forEach(function(key) {
+          _define_property9(target, key, source[key]);
+        });
+      }
+      return target;
+    }
+    function ownKeys8(object, enumerableOnly) {
+      var keys = Object.keys(object);
+      if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        enumerableOnly && (symbols = symbols.filter(function(sym) {
+          return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+        })), keys.push.apply(keys, symbols);
+      }
+      return keys;
+    }
+    function _object_spread_props8(target, source) {
+      return source = source ?? {}, Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys8(Object(source)).forEach(function(key) {
+        Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+      }), target;
+    }
+    function _object_without_properties5(source, excluded) {
+      if (source == null)
+        return {};
+      var target = _object_without_properties_loose5(source, excluded), key, i;
+      if (Object.getOwnPropertySymbols) {
+        var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+        for (i = 0; i < sourceSymbolKeys.length; i++)
+          key = sourceSymbolKeys[i], !(excluded.indexOf(key) >= 0) && Object.prototype.propertyIsEnumerable.call(source, key) && (target[key] = source[key]);
+      }
+      return target;
+    }
+    function _object_without_properties_loose5(source, excluded) {
+      if (source == null)
+        return {};
+      var target = {}, sourceKeys = Object.keys(source), key, i;
+      for (i = 0; i < sourceKeys.length; i++)
+        key = sourceKeys[i], !(excluded.indexOf(key) >= 0) && (target[key] = source[key]);
+      return target;
+    }
+    var ensureContext = function(x) {
+      x.context || (x.context = RadioGroupContext);
+    }, RadioGroupContext = /* @__PURE__ */ (0, import_react4.createContext)({}), RadioGroupItemContext = /* @__PURE__ */ (0, import_react4.createContext)({
+      checked: !1,
+      disabled: !1
+    });
+    function createRadioGroup(createProps) {
+      var disableActiveTheme = createProps.disableActiveTheme, _createProps_Frame = createProps.Frame, Frame = _createProps_Frame === void 0 ? import_RadioGroup.RadioGroupFrame : _createProps_Frame, _createProps_Indicator = createProps.Indicator, Indicator = _createProps_Indicator === void 0 ? import_RadioGroup.RadioGroupIndicatorFrame : _createProps_Indicator, _createProps_Item = createProps.Item, Item = _createProps_Item === void 0 ? import_RadioGroup.RadioGroupItemFrame : _createProps_Item;
+      ensureContext(Frame), ensureContext(Indicator), ensureContext(Item);
+      var RadioGroupImp = Frame.styleable(function(props, ref) {
+        var value = props.value, defaultValue = props.defaultValue, onValueChange = props.onValueChange, _props_required = props.required, required = _props_required === void 0 ? !1 : _props_required, _props_disabled = props.disabled, disabled = _props_disabled === void 0 ? !1 : _props_disabled, name = props.name, native = props.native, accentColor = props.accentColor, _props_orientation = props.orientation, orientation = _props_orientation === void 0 ? "vertical" : _props_orientation, rest = _object_without_properties5(props, [
+          "value",
+          "defaultValue",
+          "onValueChange",
+          "required",
+          "disabled",
+          "name",
+          "native",
+          "accentColor",
+          "orientation"
+        ]), _useRadioGroup = (0, import_radio_headless.useRadioGroup)({
           orientation,
-          loop: !0,
-          children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(RadioGroupFrame, _object_spread9({
-            role: "radiogroup",
-            "aria-orientation": orientation,
-            ref: forwardedRef,
-            orientation,
-            "data-disabled": disabled ? "" : void 0
-          }, radioGroupProps))
-        })
+          name,
+          defaultValue,
+          value,
+          onValueChange,
+          required,
+          disabled,
+          native,
+          accentColor
+        }), providerValue = _useRadioGroup.providerValue, frameAttrs = _useRadioGroup.frameAttrs, rovingFocusGroupAttrs = _useRadioGroup.rovingFocusGroupAttrs;
+        return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(RadioGroupContext.Provider, {
+          value: providerValue,
+          children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_roving_focus.RovingFocusGroup, _object_spread_props8(_object_spread9({}, rovingFocusGroupAttrs), {
+            children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_RadioGroup.RadioGroupFrame, _object_spread9(_object_spread_props8(_object_spread9({}, frameAttrs), {
+              ref
+            }), rest))
+          }))
+        });
+      }), RadioGroupItemImp = Item.styleable(function(props, ref) {
+        var value = props.value, labelledBy = props.labelledBy, onPress = props.onPress, onKeyDown = props.onKeyDown, disabled = props.disabled, id = props.id, rest = _object_without_properties5(props, [
+          "value",
+          "labelledBy",
+          "onPress",
+          "onKeyDown",
+          "disabled",
+          "id"
+        ]), _useRadioGroupItem = (0, import_radio_headless.useRadioGroupItem)({
+          radioGroupContext: RadioGroupContext,
+          value,
+          id,
+          labelledBy,
+          disabled,
+          onPress,
+          onKeyDown
+        }), providerValue = _useRadioGroupItem.providerValue, bubbleInput = _useRadioGroupItem.bubbleInput, rovingFocusGroupAttrs = _useRadioGroupItem.rovingFocusGroupAttrs, frameAttrs = _useRadioGroupItem.frameAttrs, isFormControl = _useRadioGroupItem.isFormControl, native = _useRadioGroupItem.native;
+        return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(RadioGroupItemContext.Provider, {
+          value: providerValue,
+          children: import_core12.isWeb && native ? bubbleInput : /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, {
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_roving_focus.RovingFocusGroup.Item, _object_spread_props8(_object_spread9({}, rovingFocusGroupAttrs), {
+                children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_RadioGroup.RadioGroupItemFrame, _object_spread9(_object_spread_props8(_object_spread9({}, frameAttrs), {
+                  ref
+                }), rest))
+              })),
+              isFormControl && bubbleInput
+            ]
+          })
+        });
       });
-    })), {
-      Indicator: RadioIndicator,
-      Item: RadioGroupItem
+      RadioGroupItemImp.displayName = "RadioGroupItem";
+      var RadioIndicator = Indicator.styleable(function(props, forwardedRef) {
+        var forceMount = props.forceMount, disabled = props.disabled, indicatorProps = _object_without_properties5(props, [
+          "forceMount",
+          "disabled"
+        ]), _useRadioGroupItemIndicator = (0, import_radio_headless.useRadioGroupItemIndicator)({
+          radioGroupItemContext: RadioGroupItemContext,
+          disabled
+        }), checked = _useRadioGroupItemIndicator.checked, useIndicatorRest = _object_without_properties5(_useRadioGroupItemIndicator, [
+          "checked"
+        ]);
+        return forceMount || checked ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Indicator, _object_spread9(_object_spread_props8(_object_spread9({}, useIndicatorRest), {
+          ref: forwardedRef
+        }), indicatorProps)) : null;
+      });
+      RadioIndicator.displayName = "RadioIndicator";
+      var RadioGroup = (0, import_core12.withStaticProperties)(RadioGroupImp, {
+        Item: RadioGroupItemImp,
+        Indicator: RadioIndicator
+      });
+      return RadioGroup.displayName = "RadioGroup", RadioGroup;
+    }
+  }
+});
+
+// ../radio-group/dist/cjs/RadioGroupStyledContext.native.js
+var require_RadioGroupStyledContext_native = __commonJS({
+  "../radio-group/dist/cjs/RadioGroupStyledContext.native.js"(exports2, module2) {
+    "use strict";
+    var __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __hasOwnProp2 = Object.prototype.hasOwnProperty, __export2 = function(target, all) {
+      for (var name in all)
+        __defProp2(target, name, {
+          get: all[name],
+          enumerable: !0
+        });
+    }, __copyProps2 = function(to, from, except, desc) {
+      var _iteratorNormalCompletion = !0, _didIteratorError = !1, _iteratorError = void 0;
+      if (from && typeof from == "object" || typeof from == "function")
+        try {
+          for (var _loop = function() {
+            var key = _step.value;
+            !__hasOwnProp2.call(to, key) && key !== except && __defProp2(to, key, {
+              get: function() {
+                return from[key];
+              },
+              enumerable: !(desc = __getOwnPropDesc2(from, key)) || desc.enumerable
+            });
+          }, _iterator = __getOwnPropNames2(from)[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = !0)
+            _loop();
+        } catch (err) {
+          _didIteratorError = !0, _iteratorError = err;
+        } finally {
+          try {
+            !_iteratorNormalCompletion && _iterator.return != null && _iterator.return();
+          } finally {
+            if (_didIteratorError)
+              throw _iteratorError;
+          }
+        }
+      return to;
+    }, __toCommonJS2 = function(mod) {
+      return __copyProps2(__defProp2({}, "__esModule", {
+        value: !0
+      }), mod);
+    }, RadioGroupStyledContext_exports = {};
+    __export2(RadioGroupStyledContext_exports, {
+      RadioGroupStyledContext: function() {
+        return RadioGroupStyledContext;
+      }
+    });
+    module2.exports = __toCommonJS2(RadioGroupStyledContext_exports);
+    var import_core12 = require_index_native16(), RadioGroupStyledContext = (0, import_core12.createStyledContext)({
+      size: "$true",
+      scaleIcon: 1
     });
-    RadioGroup.displayName = RADIO_GROUP_NAME;
   }
 });
 
 // ../radio-group/dist/cjs/index.native.js
-var require_index_native61 = __commonJS({
+var require_index_native62 = __commonJS({
   "../radio-group/dist/cjs/index.native.js"(exports2, module2) {
     "use strict";
-    var __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __hasOwnProp2 = Object.prototype.hasOwnProperty, __copyProps2 = function(to, from, except, desc) {
+    var __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __hasOwnProp2 = Object.prototype.hasOwnProperty, __export2 = function(target, all) {
+      for (var name in all)
+        __defProp2(target, name, {
+          get: all[name],
+          enumerable: !0
+        });
+    }, __copyProps2 = function(to, from, except, desc) {
       var _iteratorNormalCompletion = !0, _didIteratorError = !1, _iteratorError = void 0;
       if (from && typeof from == "object" || typeof from == "function")
         try {
@@ -32605,8 +33086,21 @@ var require_index_native61 = __commonJS({
         value: !0
       }), mod);
     }, src_exports2 = {};
+    __export2(src_exports2, {
+      RadioGroup: function() {
+        return RadioGroup;
+      }
+    });
     module2.exports = __toCommonJS2(src_exports2);
+    var import_RadioGroup = require_RadioGroup_native(), import_createRadioGroup = require_createRadioGroup_native();
+    __reExport2(src_exports2, require_createRadioGroup_native(), module2.exports);
     __reExport2(src_exports2, require_RadioGroup_native(), module2.exports);
+    __reExport2(src_exports2, require_RadioGroupStyledContext_native(), module2.exports);
+    var RadioGroup = (0, import_createRadioGroup.createRadioGroup)({
+      Frame: import_RadioGroup.RadioGroupFrame,
+      Indicator: import_RadioGroup.RadioGroupIndicatorFrame,
+      Item: import_RadioGroup.RadioGroupItemFrame
+    });
   }
 });
 
@@ -32688,7 +33182,7 @@ var require_Separator_native = __commonJS({
 });
 
 // ../separator/dist/cjs/index.native.js
-var require_index_native62 = __commonJS({
+var require_index_native63 = __commonJS({
   "../separator/dist/cjs/index.native.js"(exports2, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __hasOwnProp2 = Object.prototype.hasOwnProperty, __copyProps2 = function(to, from, except, desc) {
@@ -32729,7 +33223,7 @@ var require_index_native62 = __commonJS({
 });
 
 // ../use-debounce/dist/cjs/index.native.js
-var require_index_native63 = __commonJS({
+var require_index_native64 = __commonJS({
   "../use-debounce/dist/cjs/index.native.js"(exports2, module2) {
     "use strict";
     function _type_of(obj) {
@@ -34088,7 +34582,7 @@ var require_Select_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(Select_exports);
-    var import_jsx_runtime6 = require("react/jsx-runtime"), import_adapt = require_index_native25(), import_compose_refs = require_index_native10(), import_constants4 = require_index_native6(), import_core12 = require_index_native16(), import_get_token2 = require_index_native18(), import_helpers = require_index_native7(), import_list_item = require_index_native54(), import_portal2 = require_index_native30(), import_separator = require_index_native62(), import_focusable3 = require_index_native44(), import_sheet = require_index_native34(), import_stacks3 = require_index_native20(), import_text2 = require_index_native22(), import_use_controllable_state = require_index_native9(), React2 = __toESM2(require("react")), import_use_debounce = require_index_native63(), import_constants22 = require_constants_native4(), import_context = require_context_native(), import_SelectContent = require_SelectContent_native(), import_SelectImpl = require_SelectImpl_native(), import_SelectItem = require_SelectItem_native(), import_SelectItemText = require_SelectItemText_native(), import_SelectScrollButton = require_SelectScrollButton_native(), import_SelectTrigger = require_SelectTrigger_native(), import_SelectViewport = require_SelectViewport_native(), import_useSelectBreakpointActive = require_useSelectBreakpointActive_native();
+    var import_jsx_runtime6 = require("react/jsx-runtime"), import_adapt = require_index_native25(), import_compose_refs = require_index_native10(), import_constants4 = require_index_native6(), import_core12 = require_index_native16(), import_get_token2 = require_index_native18(), import_helpers = require_index_native7(), import_list_item = require_index_native54(), import_portal2 = require_index_native30(), import_separator = require_index_native63(), import_focusable3 = require_index_native44(), import_sheet = require_index_native34(), import_stacks3 = require_index_native20(), import_text2 = require_index_native22(), import_use_controllable_state = require_index_native9(), React2 = __toESM2(require("react")), import_use_debounce = require_index_native64(), import_constants22 = require_constants_native4(), import_context = require_context_native(), import_SelectContent = require_SelectContent_native(), import_SelectImpl = require_SelectImpl_native(), import_SelectItem = require_SelectItem_native(), import_SelectItemText = require_SelectItemText_native(), import_SelectScrollButton = require_SelectScrollButton_native(), import_SelectTrigger = require_SelectTrigger_native(), import_SelectViewport = require_SelectViewport_native(), import_useSelectBreakpointActive = require_useSelectBreakpointActive_native();
     function _array_like_to_array2(arr, len) {
       (len == null || len > arr.length) && (len = arr.length);
       for (var i = 0, arr2 = new Array(len); i < len; i++)
@@ -34512,7 +35006,7 @@ var require_Select_native = __commonJS({
 });
 
 // ../select/dist/cjs/index.native.js
-var require_index_native64 = __commonJS({
+var require_index_native65 = __commonJS({
   "../select/dist/cjs/index.native.js"(exports2, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __hasOwnProp2 = Object.prototype.hasOwnProperty, __copyProps2 = function(to, from, except, desc) {
@@ -35718,7 +36212,7 @@ var require_Slider_native = __commonJS({
 });
 
 // ../slider/dist/cjs/index.native.js
-var require_index_native65 = __commonJS({
+var require_index_native66 = __commonJS({
   "../slider/dist/cjs/index.native.js"(exports2, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __hasOwnProp2 = Object.prototype.hasOwnProperty, __export2 = function(target, all) {
@@ -36014,7 +36508,7 @@ var require_useSwitch_native = __commonJS({
 });
 
 // ../switch-headless/dist/cjs/index.native.js
-var require_index_native66 = __commonJS({
+var require_index_native67 = __commonJS({
   "../switch-headless/dist/cjs/index.native.js"(exports2, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __hasOwnProp2 = Object.prototype.hasOwnProperty, __copyProps2 = function(to, from, except, desc) {
@@ -36289,7 +36783,7 @@ var require_createSwitch_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(createSwitch_exports);
-    var import_jsx_runtime6 = require("react/jsx-runtime"), import_core12 = require_index_native16(), import_switch_headless = require_index_native66(), import_use_controllable_state = require_index_native9(), React2 = __toESM2(require("react")), import_react_native4 = require("react-native"), import_StyledContext = require_StyledContext_native(), import_Switch = require_Switch_native();
+    var import_jsx_runtime6 = require("react/jsx-runtime"), import_core12 = require_index_native16(), import_switch_headless = require_index_native67(), import_use_controllable_state = require_index_native9(), React2 = __toESM2(require("react")), import_react_native4 = require("react-native"), import_StyledContext = require_StyledContext_native(), import_Switch = require_Switch_native();
     function _array_like_to_array2(arr, len) {
       (len == null || len > arr.length) && (len = arr.length);
       for (var i = 0, arr2 = new Array(len); i < len; i++)
@@ -36496,7 +36990,7 @@ var require_createSwitch_native = __commonJS({
 });
 
 // ../switch/dist/cjs/index.native.js
-var require_index_native67 = __commonJS({
+var require_index_native68 = __commonJS({
   "../switch/dist/cjs/index.native.js"(exports2, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __hasOwnProp2 = Object.prototype.hasOwnProperty, __export2 = function(target, all) {
@@ -36619,7 +37113,7 @@ var require_Tabs_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(Tabs_exports);
-    var import_jsx_runtime6 = require("react/jsx-runtime"), import_compose_refs = require_index_native10(), import_constants4 = require_index_native6(), import_get_button_sized2 = require_index_native19(), import_group = require_index_native51(), import_helpers = require_index_native7(), import_roving_focus = require_index_native60(), import_stacks3 = require_index_native20(), import_use_controllable_state = require_index_native9(), import_use_direction = require_index_native23(), import_web = require_index_native13(), React2 = __toESM2(require("react"));
+    var import_jsx_runtime6 = require("react/jsx-runtime"), import_compose_refs = require_index_native10(), import_constants4 = require_index_native6(), import_get_button_sized2 = require_index_native19(), import_group = require_index_native51(), import_helpers = require_index_native7(), import_roving_focus = require_index_native61(), import_stacks3 = require_index_native20(), import_use_controllable_state = require_index_native9(), import_use_direction = require_index_native23(), import_web = require_index_native13(), React2 = __toESM2(require("react"));
     function _array_like_to_array2(arr, len) {
       (len == null || len > arr.length) && (len = arr.length);
       for (var i = 0, arr2 = new Array(len); i < len; i++)
@@ -36970,7 +37464,7 @@ var require_Tabs_native = __commonJS({
 });
 
 // ../tabs/dist/cjs/index.native.js
-var require_index_native68 = __commonJS({
+var require_index_native69 = __commonJS({
   "../tabs/dist/cjs/index.native.js"(exports2, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __hasOwnProp2 = Object.prototype.hasOwnProperty, __copyProps2 = function(to, from, except, desc) {
@@ -37464,7 +37958,7 @@ var require_replaceTheme_native = __commonJS({
 });
 
 // ../theme/dist/cjs/index.native.js
-var require_index_native69 = __commonJS({
+var require_index_native70 = __commonJS({
   "../theme/dist/cjs/index.native.js"(exports2, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __hasOwnProp2 = Object.prototype.hasOwnProperty, __export2 = function(target, all) {
@@ -37830,7 +38324,7 @@ var require_ToggleGroup_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(ToggleGroup_exports);
-    var import_jsx_runtime6 = require("react/jsx-runtime"), import_constants4 = require_index_native6(), import_focusable3 = require_index_native44(), import_font_size = require_index_native40(), import_get_token2 = require_index_native18(), import_group = require_index_native51(), import_helpers = require_index_native7(), import_helpers_tamagui = require_index_native41(), import_roving_focus = require_index_native60(), import_use_controllable_state = require_index_native9(), import_use_direction = require_index_native23(), import_web = require_index_native13(), import_react4 = __toESM2(require("react")), import_Toggle = require_Toggle_native();
+    var import_jsx_runtime6 = require("react/jsx-runtime"), import_constants4 = require_index_native6(), import_focusable3 = require_index_native44(), import_font_size = require_index_native40(), import_get_token2 = require_index_native18(), import_group = require_index_native51(), import_helpers = require_index_native7(), import_helpers_tamagui = require_index_native41(), import_roving_focus = require_index_native61(), import_use_controllable_state = require_index_native9(), import_use_direction = require_index_native23(), import_web = require_index_native13(), import_react4 = __toESM2(require("react")), import_Toggle = require_Toggle_native();
     function _array_like_to_array2(arr, len) {
       (len == null || len > arr.length) && (len = arr.length);
       for (var i = 0, arr2 = new Array(len); i < len; i++)
@@ -38169,7 +38663,7 @@ var require_ToggleGroup_native = __commonJS({
 });
 
 // ../toggle-group/dist/cjs/index.native.js
-var require_index_native70 = __commonJS({
+var require_index_native71 = __commonJS({
   "../toggle-group/dist/cjs/index.native.js"(exports2, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __hasOwnProp2 = Object.prototype.hasOwnProperty, __copyProps2 = function(to, from, except, desc) {
@@ -38322,7 +38816,7 @@ var require_TooltipSimple_native = __commonJS({
 });
 
 // ../tooltip/dist/cjs/index.native.js
-var require_index_native71 = __commonJS({
+var require_index_native72 = __commonJS({
   "../tooltip/dist/cjs/index.native.js"(exports2, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __hasOwnProp2 = Object.prototype.hasOwnProperty, __copyProps2 = function(to, from, except, desc) {
@@ -38364,7 +38858,7 @@ var require_index_native71 = __commonJS({
 });
 
 // ../use-window-dimensions/dist/cjs/index.native.js
-var require_index_native72 = __commonJS({
+var require_index_native73 = __commonJS({
   "../use-window-dimensions/dist/cjs/index.native.js"(exports2, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __hasOwnProp2 = Object.prototype.hasOwnProperty, __export2 = function(target, all) {
@@ -38523,7 +39017,7 @@ var require_VisuallyHidden_native = __commonJS({
 });
 
 // ../visually-hidden/dist/cjs/index.native.js
-var require_index_native73 = __commonJS({
+var require_index_native74 = __commonJS({
   "../visually-hidden/dist/cjs/index.native.js"(exports2, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __hasOwnProp2 = Object.prototype.hasOwnProperty, __copyProps2 = function(to, from, except, desc) {
@@ -38663,25 +39157,25 @@ __reExport(src_exports, __toESM(require_index_native58()), module.exports);
 __reExport(src_exports, __toESM(require_index_native57()), module.exports);
 __reExport(src_exports, __toESM(require_index_native30()), module.exports);
 __reExport(src_exports, __toESM(require_index_native59()), module.exports);
-__reExport(src_exports, __toESM(require_index_native61()), module.exports);
-__reExport(src_exports, __toESM(require_index_native33()), module.exports);
-__reExport(src_exports, __toESM(require_index_native64()), module.exports);
 __reExport(src_exports, __toESM(require_index_native62()), module.exports);
+__reExport(src_exports, __toESM(require_index_native33()), module.exports);
+__reExport(src_exports, __toESM(require_index_native65()), module.exports);
+__reExport(src_exports, __toESM(require_index_native63()), module.exports);
 __reExport(src_exports, __toESM(require_index_native38()), module.exports);
 __reExport(src_exports, __toESM(require_index_native34()), module.exports);
-__reExport(src_exports, __toESM(require_index_native65()), module.exports);
+__reExport(src_exports, __toESM(require_index_native66()), module.exports);
 __reExport(src_exports, __toESM(require_index_native20()), module.exports);
-__reExport(src_exports, __toESM(require_index_native67()), module.exports);
 __reExport(src_exports, __toESM(require_index_native68()), module.exports);
-__reExport(src_exports, __toESM(require_index_native22()), module.exports);
 __reExport(src_exports, __toESM(require_index_native69()), module.exports);
+__reExport(src_exports, __toESM(require_index_native22()), module.exports);
 __reExport(src_exports, __toESM(require_index_native70()), module.exports);
 __reExport(src_exports, __toESM(require_index_native71()), module.exports);
+__reExport(src_exports, __toESM(require_index_native72()), module.exports);
 __reExport(src_exports, __toESM(require_index_native9()), module.exports);
-__reExport(src_exports, __toESM(require_index_native63()), module.exports);
+__reExport(src_exports, __toESM(require_index_native64()), module.exports);
 __reExport(src_exports, __toESM(require_index_native()), module.exports);
-__reExport(src_exports, __toESM(require_index_native72()), module.exports);
 __reExport(src_exports, __toESM(require_index_native73()), module.exports);
+__reExport(src_exports, __toESM(require_index_native74()), module.exports);
 
 // src/createTamagui.ts
 var import_core = __toESM(require_index_native16()), createTamagui = process.env.NODE_ENV !== "development" ? import_core.createTamagui : function(conf) {