tamagui 1.75.8 → 1.76.0

package/dist/native.js

@@ -3250,6 +3250,8 @@ current`, {
         return;
       let styles = Array.isArray(cur) ? cur : [cur];
       for (let style of styles) {
+        if (!style)
+          continue;
         let isRNW = style.$$css;
         Object.assign(isRNW ? styleState.classNames : styleState.style, style);
       }
@@ -8475,7 +8477,7 @@ var require_SizableText_native = __commonJS({
       fontFamily: "$body",
       variants,
       defaultVariants: {
-        unstyled: !1
+        unstyled: process.env.TAMAGUI_HEADLESS === "1"
       }
     });
   }
@@ -8952,7 +8954,7 @@ var require_Accordion_native = __commonJS({
         }
       },
       defaultVariants: {
-        unstyled: !1
+        unstyled: process.env.TAMAGUI_HEADLESS === "1"
       }
     }), AccordionTrigger = AccordionTriggerFrame.styleable(function(props, forwardedRef) {
       let { __scopeAccordion, ...triggerProps } = props, accordionContext = useAccordionContext(__scopeAccordion), itemContext = useAccordionItemContext(__scopeAccordion), collapsibleContext = useAccordionCollapsibleContext(__scopeAccordion);
@@ -8977,7 +8979,7 @@ var require_Accordion_native = __commonJS({
         }
       },
       defaultVariants: {
-        unstyled: !1
+        unstyled: process.env.TAMAGUI_HEADLESS === "1"
       }
     }), AccordionContent = AccordionContentFrame.styleable(function(props, forwardedRef) {
       let { __scopeAccordion, ...contentProps } = props, accordionContext = useAccordionContext(__scopeAccordion), itemContext = useAccordionItemContext(__scopeAccordion);
@@ -10659,7 +10661,7 @@ var require_Sheet_native = __commonJS({
         }
       },
       defaultVariants: {
-        unstyled: !1
+        unstyled: process.env.TAMAGUI_HEADLESS === "1"
       }
     }), Overlay = (0, import_core13.styled)(import_stacks3.ThemeableStack, {
       name: import_constants.SHEET_OVERLAY_NAME,
@@ -10685,7 +10687,7 @@ var require_Sheet_native = __commonJS({
         }
       },
       defaultVariants: {
-        unstyled: !1
+        unstyled: process.env.TAMAGUI_HEADLESS === "1"
       }
     }), Frame = (0, import_core13.styled)(import_stacks3.YStack, {
       name: import_constants.SHEET_NAME,
@@ -10703,7 +10705,7 @@ var require_Sheet_native = __commonJS({
         }
       },
       defaultVariants: {
-        unstyled: !1
+        unstyled: process.env.TAMAGUI_HEADLESS === "1"
       }
     }), Sheet = (0, import_createSheet.createSheet)({
       Frame,
@@ -10874,7 +10876,7 @@ var require_Dialog_native = __commonJS({
         }
       },
       defaultVariants: {
-        unstyled: !1
+        unstyled: process.env.TAMAGUI_HEADLESS === "1"
       }
     }), DialogPortalItem = (props) => {
       let themeName = (0, import_core13.useThemeName)(), context = useDialogContext(PORTAL_NAME, props.__scopeDialog);
@@ -10960,7 +10962,7 @@ var require_Dialog_native = __commonJS({
       },
       defaultVariants: {
         size: "$true",
-        unstyled: !1
+        unstyled: process.env.TAMAGUI_HEADLESS === "1"
       }
     }), DialogContent = DialogContentFrame.extractable(
       React2.forwardRef(
@@ -11135,7 +11137,7 @@ var require_Dialog_native = __commonJS({
         }
       },
       defaultVariants: {
-        unstyled: !1
+        unstyled: process.env.TAMAGUI_HEADLESS === "1"
       }
     }), DialogClose = DialogCloseFrame.styleable(
       (props, forwardedRef) => {
@@ -11912,10 +11914,10 @@ var require_useCurrentColor_native = __commonJS({
     });
     module2.exports = __toCommonJS2(useCurrentColor_exports);
     var import_web = require_index_native9(), useCurrentColor = (colorProp) => {
-      var _a;
+      var _a, _b;
       let theme = (0, import_web.useTheme)();
       return (0, import_web.getVariable)(
-        colorProp || ((_a = theme[colorProp]) == null ? void 0 : _a.get("web")) || theme.color.get("web")
+        colorProp || ((_a = theme[colorProp]) == null ? void 0 : _a.get("web")) || ((_b = theme.color) == null ? void 0 : _b.get("web"))
       );
     };
   }
@@ -12060,7 +12062,7 @@ var require_Button_native = __commonJS({
         }
       },
       defaultVariants: {
-        unstyled: !1
+        unstyled: process.env.TAMAGUI_HEADLESS === "1"
       }
     }), ButtonText = (0, import_web.styled)(import_text2.SizableText, {
       name: "Button",
@@ -12079,7 +12081,7 @@ var require_Button_native = __commonJS({
         }
       },
       defaultVariants: {
-        unstyled: !1
+        unstyled: process.env.TAMAGUI_HEADLESS === "1"
       }
     }), ButtonIcon = (props) => {
       let { children, scaleIcon = 1 } = props, { size: size2, color } = (0, import_react2.useContext)(ButtonContext), iconSize = (typeof size2 == "number" ? size2 * 0.5 : (0, import_font_size.getFontSize)(size2)) * scaleIcon;
@@ -12123,7 +12125,7 @@ var require_Button_native = __commonJS({
         Text3,
         { children: propsIn.children, fontFamily, fontSize, textProps },
         Text3 === ButtonText && propsActive.unstyled !== !0 ? {
-          unstyled: !1,
+          unstyled: process.env.TAMAGUI_HEADLESS === "1",
           size: size2
         } : void 0
       ), inner = (0, import_web.spacedChildren)({
@@ -12220,7 +12222,7 @@ var require_Card_native = __commonJS({
         }
       },
       defaultVariants: {
-        unstyled: !1
+        unstyled: process.env.TAMAGUI_HEADLESS === "1"
       }
     }), CardHeader = (0, import_web.styled)(import_stacks3.ThemeableStack, {
       name: "CardHeader",
@@ -12240,7 +12242,7 @@ var require_Card_native = __commonJS({
         }
       },
       defaultVariants: {
-        unstyled: !1
+        unstyled: process.env.TAMAGUI_HEADLESS === "1"
       }
     }), CardFooter = (0, import_web.styled)(CardHeader, {
       name: "CardFooter",
@@ -12255,7 +12257,7 @@ var require_Card_native = __commonJS({
         }
       },
       defaultVariants: {
-        unstyled: !1
+        unstyled: process.env.TAMAGUI_HEADLESS === "1"
       }
     }), CardBackground = (0, import_web.styled)(import_stacks3.ThemeableStack, {
       name: "CardBackground",
@@ -12271,7 +12273,7 @@ var require_Card_native = __commonJS({
         }
       },
       defaultVariants: {
-        unstyled: !1
+        unstyled: process.env.TAMAGUI_HEADLESS === "1"
       }
     }), Card = (0, import_web.withStaticProperties)(CardFrame, {
       Header: CardHeader,
@@ -12485,7 +12487,7 @@ var require_Label_native = __commonJS({
         }
       },
       defaultVariants: {
-        unstyled: !1
+        unstyled: process.env.TAMAGUI_HEADLESS === "1"
       }
     }), LabelComponent = React2.forwardRef(
       (props, forwardedRef) => {
@@ -12742,7 +12744,7 @@ var require_Checkbox_native = __commonJS({
         }
       },
       defaultVariants: {
-        unstyled: !1
+        unstyled: process.env.TAMAGUI_HEADLESS === "1"
       }
     }), [createCheckboxContext, createCheckboxScope] = (0, import_create_context.createContextScope)(CHECKBOX_NAME), [CheckboxProvider, useCheckboxContext] = createCheckboxContext(CHECKBOX_NAME), CheckboxComponent = CheckboxFrame.styleable(function(props, forwardedRef) {
       let {
@@ -13513,7 +13515,7 @@ var require_Group_native = __commonJS({
         })
       },
       defaultVariants: {
-        unstyled: !1
+        unstyled: process.env.TAMAGUI_HEADLESS === "1"
       }
     });
     function createGroup(verticalDefault) {
@@ -13737,7 +13739,7 @@ var require_ListItem_native = __commonJS({
         }
       },
       defaultVariants: {
-        unstyled: !1
+        unstyled: process.env.TAMAGUI_HEADLESS === "1"
       }
     }), ListItemText = (0, import_web.styled)(import_text2.SizableText, {
       name: "ListItemText",
@@ -13754,7 +13756,7 @@ var require_ListItem_native = __commonJS({
         }
       },
       defaultVariants: {
-        unstyled: !1
+        unstyled: process.env.TAMAGUI_HEADLESS === "1"
       }
     }), ListItemSubtitle = (0, import_web.styled)(ListItemText, {
       name: "ListItemSubtitle",
@@ -13777,7 +13779,7 @@ var require_ListItem_native = __commonJS({
         }
       },
       defaultVariants: {
-        unstyled: !1
+        unstyled: process.env.TAMAGUI_HEADLESS === "1"
       }
     }), ListItemTitle = (0, import_web.styled)(ListItemText, {
       name: "ListItemTitle"
@@ -15178,7 +15180,7 @@ var require_Popper_native = __commonJS({
         }
       },
       defaultVariants: {
-        unstyled: !1
+        unstyled: process.env.TAMAGUI_HEADLESS === "1"
       }
     }), PopperContent = React2.forwardRef(function(props, forwardedRef) {
       let { __scopePopper, ...rest } = props, { strategy, placement, refs, x, y, getFloatingProps, size: size2, isMounted, update } = usePopperContext(__scopePopper), contentRefs = (0, import_compose_refs.useComposedRefs)(refs.setFloating, forwardedRef), contents = React2.useMemo(() => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
@@ -15215,7 +15217,7 @@ var require_Popper_native = __commonJS({
         }
       },
       defaultVariants: {
-        unstyled: !1
+        unstyled: process.env.TAMAGUI_HEADLESS === "1"
       }
     }), PopperArrowOuterFrame = (0, import_core13.styled)(import_stacks3.YStack, {
       name: "PopperArrowOuter",
@@ -15232,7 +15234,7 @@ var require_Popper_native = __commonJS({
         }
       },
       defaultVariants: {
-        unstyled: !1
+        unstyled: process.env.TAMAGUI_HEADLESS === "1"
       }
     }), opposites = {
       top: "bottom",
@@ -15300,35 +15302,6 @@ var require_index_native54 = __commonJS({
   }
 });
 
-// ../../node_modules/react-freeze/dist/index.js
-var require_dist2 = __commonJS({
-  "../../node_modules/react-freeze/dist/index.js"(exports) {
-    function _interopDefault(ex) {
-      return ex && typeof ex == "object" && "default" in ex ? ex.default : ex;
-    }
-    var React2 = require("react"), React__default = _interopDefault(React2);
-    function Suspender(_ref) {
-      var freeze = _ref.freeze, children = _ref.children, promiseCache = React2.useRef({}).current;
-      if (freeze && !promiseCache.promise)
-        throw promiseCache.promise = new Promise(function(resolve) {
-          promiseCache.resolve = resolve;
-        }), promiseCache.promise;
-      if (freeze)
-        throw promiseCache.promise;
-      return promiseCache.promise && (promiseCache.resolve(), promiseCache.promise = void 0), React__default.createElement(React2.Fragment, null, children);
-    }
-    function Freeze(_ref2) {
-      var freeze = _ref2.freeze, children = _ref2.children, _ref2$placeholder = _ref2.placeholder, placeholder = _ref2$placeholder === void 0 ? null : _ref2$placeholder;
-      return React__default.createElement(React2.Suspense, {
-        fallback: placeholder
-      }, React__default.createElement(Suspender, {
-        freeze
-      }, children));
-    }
-    exports.Freeze = Freeze;
-  }
-});
-
 // ../popover/dist/cjs/useFloatingContext.native.js
 var require_useFloatingContext_native = __commonJS({
   "../popover/dist/cjs/useFloatingContext.native.js"(exports, module2) {
@@ -15382,7 +15355,7 @@ var require_Popover_native = __commonJS({
       usePopoverContext: () => usePopoverContext
     });
     module2.exports = __toCommonJS2(Popover_exports);
-    var import_polyfill_dev = require_polyfill_dev(), import_adapt = require_index_native24(), import_animate = require_index_native52(), import_aria_hidden = require_index_native26(), import_compose_refs = require_index_native5(), import_core13 = require_index_native15(), import_floating = require_index_native53(), import_focus_scope = require_index_native28(), import_popper = require_index_native54(), import_portal2 = require_index_native29(), import_remove_scroll = require_index_native30(), import_sheet = require_index_native34(), import_stacks3 = require_index_native19(), import_use_controllable_state = require_index_native12(), React2 = __toESM2(require("react")), import_react_freeze = require_dist2(), import_react_native4 = require("react-native"), import_useFloatingContext = require_useFloatingContext_native(), import_jsx_runtime6 = require("react/jsx-runtime"), POPOVER_SCOPE = "PopoverScope", PopoverContext = (0, import_core13.createStyledContext)({}), usePopoverContext = PopoverContext.useStyledContext, PopoverAnchor = React2.forwardRef(function(props, forwardedRef) {
+    var import_polyfill_dev = require_polyfill_dev(), import_adapt = require_index_native24(), import_animate = require_index_native52(), import_aria_hidden = require_index_native26(), import_compose_refs = require_index_native5(), import_core13 = require_index_native15(), import_floating = require_index_native53(), import_popper = require_index_native54(), import_portal2 = require_index_native29(), import_remove_scroll = require_index_native30(), import_sheet = require_index_native34(), import_stacks3 = require_index_native19(), import_use_controllable_state = require_index_native12(), React2 = __toESM2(require("react")), import_react_native4 = require("react-native"), import_useFloatingContext = require_useFloatingContext_native(), import_jsx_runtime6 = require("react/jsx-runtime"), POPOVER_SCOPE = "PopoverScope", PopoverContext = (0, import_core13.createStyledContext)({}), usePopoverContext = PopoverContext.useStyledContext, PopoverAnchor = React2.forwardRef(function(props, forwardedRef) {
       let { __scopePopover, ...rest } = props, context = usePopoverContext(__scopePopover), { onCustomAnchorAdd, onCustomAnchorRemove } = context || {};
       return React2.useEffect(() => (onCustomAnchorAdd(), () => onCustomAnchorRemove()), [onCustomAnchorAdd, onCustomAnchorRemove]), /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
         import_popper.PopperAnchor,
@@ -15497,6 +15470,7 @@ var require_Popover_native = __commonJS({
           }
         )), /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_portal2.PortalItem, { hostName: `${context.id}PopoverContents`, children: content });
       }
+      let freeze = !!(isFullyHidden && freezeContentsWhenHidden);
       return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
         import_animate.Animate,
         {
@@ -15507,50 +15481,31 @@ var require_Popover_native = __commonJS({
             setIsFullyHidden(!0);
           },
           children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-            FreezeToLastContents,
+            import_popper.PopperContent,
             {
-              freeze: !!(isFullyHidden && freezeContentsWhenHidden),
+              __scopePopper: __scopePopover || POPOVER_SCOPE,
+              "data-state": getState(open),
+              id: context.contentId,
+              ref: forwardedRef,
+              ...contentProps,
               children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-                import_popper.PopperContent,
+                import_remove_scroll.RemoveScroll,
                 {
-                  __scopePopper: __scopePopover || POPOVER_SCOPE,
-                  "data-state": getState(open),
-                  id: context.contentId,
-                  ref: forwardedRef,
-                  ...contentProps,
-                  children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-                    import_remove_scroll.RemoveScroll,
-                    {
-                      enabled: disableRemoveScroll ? !1 : open,
-                      allowPinchZoom: !0,
-                      removeScrollBar: !1,
-                      style: {
-                        display: "contents"
-                      },
-                      children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-                        import_focus_scope.FocusScope,
-                        {
-                          loop: !0,
-                          enabled: disableFocusScope ? !1 : open,
-                          trapped: trapFocus,
-                          onMountAutoFocus: onOpenAutoFocus,
-                          onUnmountAutoFocus: onCloseAutoFocus,
-                          children: contents
-                        }
-                      )
-                    }
-                  )
-                },
-                context.contentId
+                  enabled: disableRemoveScroll ? !1 : open,
+                  allowPinchZoom: !0,
+                  removeScrollBar: !1,
+                  style: {
+                    display: "contents"
+                  },
+                  children: contents
+                }
               )
-            }
+            },
+            context.contentId
           )
         }
       );
-    }), FreezeToLastContents = (props) => {
-      let last = React2.useRef();
-      return props.freeze || (last.current = props.children), /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react_freeze.Freeze, { placeholder: last.current, ...props });
-    }, PopoverClose = React2.forwardRef(function(props, forwardedRef) {
+    }), PopoverClose = React2.forwardRef(function(props, forwardedRef) {
       let { __scopePopover, ...rest } = props, context = usePopoverContext(__scopePopover);
       return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
         import_stacks3.YStack,
@@ -15584,6 +15539,8 @@ var require_Popover_native = __commonJS({
           onOpenChange,
           __scopePopover,
           keepChildrenMounted,
+          hoverable,
+          disableFocus,
           ...restProps
         } = props, id = React2.useId(), { when, AdaptProvider } = (0, import_adapt.useAdaptParent)({
           Contents: React2.useCallback(() => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_portal2.PortalHost, { name: `${id}PopoverContents` }), [])
@@ -15591,16 +15548,22 @@ var require_Popover_native = __commonJS({
           prop: openProp,
           defaultProp: defaultOpen || !1,
           onChange: onOpenChange
-        }), breakpointActive = useSheetBreakpointActive(sheetBreakpoint), floatingContext = (0, import_useFloatingContext.useFloatingContext)({ open, setOpen, breakpointActive }), popoverContext = {
+        }), sheetActive = useSheetBreakpointActive(sheetBreakpoint), floatingContext = (0, import_useFloatingContext.useFloatingContext)({
+          open,
+          setOpen,
+          disable: sheetActive,
+          hoverable,
+          disableFocus
+        }), popoverContext = {
           id,
           sheetBreakpoint,
           contentId: React2.useId(),
           triggerRef,
           open,
-          breakpointActive,
+          breakpointActive: sheetActive,
           onOpenChange: setOpen,
           onOpenToggle: (0, import_core13.useEvent)(() => {
-            open && breakpointActive || setOpen(!open);
+            open && sheetActive || setOpen(!open);
           }),
           hasCustomAnchor,
           onCustomAnchorAdd: React2.useCallback(() => setHasCustomAnchor(!0), []),
@@ -15705,7 +15668,7 @@ var require_Progress_native = __commonJS({
         }
       },
       defaultVariants: {
-        unstyled: !1
+        unstyled: process.env.TAMAGUI_HEADLESS === "1"
       }
     }), ProgressIndicator = ProgressIndicatorFrame.styleable(function(props, forwardedRef) {
       let { __scopeProgress, ...indicatorProps } = props, context = useProgressContext(INDICATOR_NAME, __scopeProgress), pct = context.max - (context.value ?? 0), x = -(context.width === 0 ? 300 : context.width) * (pct / 100);
@@ -15763,7 +15726,7 @@ var require_Progress_native = __commonJS({
         }
       },
       defaultVariants: {
-        unstyled: !1
+        unstyled: process.env.TAMAGUI_HEADLESS === "1"
       }
     }), Progress = (0, import_core13.withStaticProperties)(
       ProgressFrame.styleable(function(props, forwardedRef) {
@@ -15859,7 +15822,7 @@ var require_RadioGroup_native = __commonJS({
         }
       },
       defaultVariants: {
-        unstyled: !1
+        unstyled: process.env.TAMAGUI_HEADLESS === "1"
       }
     }), RadioIndicator = RadioIndicatorFrame.extractable(
       React2.forwardRef(
@@ -15943,7 +15906,7 @@ var require_RadioGroup_native = __commonJS({
         }
       },
       defaultVariants: {
-        unstyled: !1
+        unstyled: process.env.TAMAGUI_HEADLESS === "1"
       }
     }), RadioGroupItem = RadioGroupItemFrame.extractable(
       React2.forwardRef(
@@ -16512,7 +16475,7 @@ var require_SelectItemText_native = __commonJS({
         }
       },
       defaultVariants: {
-        unstyled: !1
+        unstyled: process.env.TAMAGUI_HEADLESS === "1"
       }
     }), SelectItemText = SelectItemTextFrame.styleable(function(props, forwardedRef) {
       let { __scopeSelect, className, ...itemTextProps } = props, context = (0, import_context.useSelectContext)(ITEM_TEXT_NAME, __scopeSelect), itemParentContext = (0, import_context.useSelectItemParentContext)(ITEM_TEXT_NAME, __scopeSelect), ref = React2.useRef(null), composedRefs = (0, import_compose_refs.useComposedRefs)(forwardedRef, ref), itemContext = (0, import_SelectItem.useSelectItemContext)(ITEM_TEXT_NAME, __scopeSelect), contents = React2.useRef();
@@ -17406,7 +17369,7 @@ var require_Slider_native = __commonJS({
         }
       },
       defaultVariants: {
-        unstyled: !1
+        unstyled: process.env.TAMAGUI_HEADLESS === "1"
       }
     }), SliderTrack = React2.forwardRef(
       (props, forwardedRef) => {
@@ -17486,7 +17449,7 @@ var require_Slider_native = __commonJS({
         }
       },
       defaultVariants: {
-        unstyled: !1
+        unstyled: process.env.TAMAGUI_HEADLESS === "1"
       }
     }), SliderThumb = SliderThumbFrame.styleable(function(props, forwardedRef) {
       let { __scopeSlider, index, size: sizeProp, ...thumbProps } = props, context = (0, import_constants.useSliderContext)(THUMB_NAME, __scopeSlider), orientation = (0, import_constants.useSliderOrientationContext)(THUMB_NAME, __scopeSlider), [thumb, setThumb] = React2.useState(null), composedRefs = (0, import_compose_refs.useComposedRefs)(
@@ -17691,7 +17654,7 @@ var require_SwitchContext_native = __commonJS({
       disabled: !1,
       size: void 0,
       frameWidth: 0,
-      unstyled: !1
+      unstyled: process.env.TAMAGUI_HEADLESS === "1"
     });
   }
 });
@@ -17739,7 +17702,7 @@ var require_Switch_native = __commonJS({
         }
       },
       defaultVariants: {
-        unstyled: !1
+        unstyled: process.env.TAMAGUI_HEADLESS === "1"
       }
     }), getSwitchHeight = (val) => Math.round((0, import_core13.getVariableValue)((0, import_get_token2.getSize)(val)) * 0.65), getSwitchWidth = (val) => getSwitchHeight(val) * 2, SwitchFrame = (0, import_core13.styled)(import_stacks3.YStack, {
       name: "Switch",
@@ -17777,7 +17740,7 @@ var require_Switch_native = __commonJS({
         }
       },
       defaultVariants: {
-        unstyled: !1
+        unstyled: process.env.TAMAGUI_HEADLESS === "1"
       }
     });
   }
@@ -17833,7 +17796,7 @@ var require_createSwitch_native = __commonJS({
           Thumb,
           {
             ...(unstyledProp ?? unstyledContext ?? !1) === !1 && {
-              unstyled: !1,
+              unstyled: process.env.TAMAGUI_HEADLESS === "1",
               size: sizeProp ?? sizeContext ?? "$true",
               ...!disableActiveTheme && {
                 theme: checked ? "active" : null
@@ -18177,7 +18140,7 @@ var require_Tabs_native = __commonJS({
         }
       },
       defaultVariants: {
-        unstyled: !1
+        unstyled: process.env.TAMAGUI_HEADLESS === "1"
       }
     }), TabsTrigger = TabsTriggerFrame.extractable(
       React2.forwardRef(
@@ -18647,7 +18610,7 @@ var require_Toggle_native = __commonJS({
         }
       },
       defaultVariants: {
-        unstyled: !1
+        unstyled: process.env.TAMAGUI_HEADLESS === "1"
       }
     }), Toggle = React2.forwardRef(function(props, forwardedRef) {
       let {
@@ -18859,7 +18822,7 @@ var require_ToggleGroup_native = __commonJS({
         }
       },
       defaultVariants: {
-        unstyled: !1
+        unstyled: process.env.TAMAGUI_HEADLESS === "1"
       }
     }), ToggleGroupImpl = ToggleGroupImplElementFrame.extractable(
       import_react2.default.forwardRef(
@@ -19475,7 +19438,7 @@ var import_jsx_runtime3 = require("react/jsx-runtime"), defaultStyles = {
     }
   },
   defaultVariants: {
-    unstyled: !1
+    unstyled: process.env.TAMAGUI_HEADLESS === "1"
   }
 }), Input = InputFrame.styleable((propsIn, ref) => {
   let props = useInputProps(propsIn, ref);
@@ -19565,7 +19528,7 @@ var import_jsx_runtime5 = require("react/jsx-runtime"), TextAreaFrame = (0, impo
     }
   },
   defaultVariants: {
-    unstyled: !1
+    unstyled: process.env.TAMAGUI_HEADLESS === "1"
   }
 }), TextArea = TextAreaFrame.styleable((propsIn, ref) => {
   let props = useInputProps(propsIn, ref), linesProp = {
@@ -19585,7 +19548,7 @@ var import_core11 = __toESM(require_index_native15()), Text2 = (0, import_core11
     }
   },
   defaultVariants: {
-    unstyled: !1
+    unstyled: process.env.TAMAGUI_HEADLESS === "1"
   }
 });