tamagui 1.75.9 → 1.77.0

package/dist/native.js

@@ -1726,7 +1726,7 @@ var require_createMediaStyle_native = __commonJS({
           // @ts-ignore
           prefixes[mediaKey]
         ), prefix = groupMediaKey ? `@container ${containerName}` : "@media";
-        groupMediaKey && (styleInner = styleRule), styleInner.includes(prefix) ? styleRule = styleInner.replace("{", ` and ${mediaQuery} {`) : styleRule = `${prefix} ${mediaQuery}{${precedenceImportancePrefix}${styleInner}}`, groupMediaKey && (styleRule = `@supports (contain: inline-size) {${styleRule}}`);
+        groupMediaKey && (styleInner = styleRule), styleInner.includes(prefix) ? styleRule = styleInner.replace("{", ` and ${mediaQuery} {`) : styleRule = `${prefix} ${mediaQuery}{${precedenceImportancePrefix}${styleInner}}`, groupMediaKey && (styleRule = `@supports (contain: ${conf.settings.webContainerType || "inline-size"}) {${styleRule}}`);
       }
       return {
         property,
@@ -2423,6 +2423,30 @@ var require_getStylesAtomic_native = __commonJS({
   }
 });
 
+// ../web/dist/cjs/helpers/log.native.js
+var require_log_native = __commonJS({
+  "../web/dist/cjs/helpers/log.native.js"(exports, module2) {
+    "use strict";
+    var __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __hasOwnProp2 = Object.prototype.hasOwnProperty, __export2 = (target, all) => {
+      for (var name in all)
+        __defProp2(target, name, { get: all[name], enumerable: !0 });
+    }, __copyProps2 = (to, from, except, desc) => {
+      if (from && typeof from == "object" || typeof from == "function")
+        for (let key of __getOwnPropNames2(from))
+          !__hasOwnProp2.call(to, key) && key !== except && __defProp2(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc2(from, key)) || desc.enumerable });
+      return to;
+    }, __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: !0 }), mod), log_exports = {};
+    __export2(log_exports, {
+      log: () => log
+    });
+    module2.exports = __toCommonJS2(log_exports);
+    function log(...args) {
+      if (process.env.NODE_ENV !== "production")
+        return console.log(...args);
+    }
+  }
+});
+
 // ../web/dist/cjs/helpers/expandStyle.native.js
 var require_expandStyle_native = __commonJS({
   "../web/dist/cjs/helpers/expandStyle.native.js"(exports, module2) {
@@ -2847,7 +2871,7 @@ var require_getSplitStyles_native = __commonJS({
       useSplitStyles: () => useSplitStyles
     });
     module2.exports = __toCommonJS2(getSplitStyles_exports);
-    var import_constants = require_index_native2(), import_helpers = require_index_native4(), import_react2 = require("react"), import_config = require_config_native(), import_accessibilityDirectMap = require_accessibilityDirectMap_native(), import_isDevTools = require_isDevTools_native(), import_useMedia = require_useMedia_native(), import_createMediaStyle = require_createMediaStyle_native(), import_expandStyles = require_expandStyles_native(), import_getGroupPropParts = require_getGroupPropParts_native(), import_getStylesAtomic = require_getStylesAtomic_native(), import_insertStyleRule = require_insertStyleRule_native(), import_normalizeValueWithProperty = require_normalizeValueWithProperty_native(), import_propMapper = require_propMapper_native(), import_pseudoDescriptors = require_pseudoDescriptors_native(), fontFamilyKey = "fontFamily", IS_STATIC = process.env.IS_STATIC === "is_static", conf, PROP_SPLIT = "-", getSplitStyles = (props, staticConfig, theme, themeName, componentState, styleProps, parentSplitStyles, context, elementType, debug) => {
+    var import_constants = require_index_native2(), import_helpers = require_index_native4(), import_react2 = require("react"), import_config = require_config_native(), import_accessibilityDirectMap = require_accessibilityDirectMap_native(), import_isDevTools = require_isDevTools_native(), import_useMedia = require_useMedia_native(), import_createMediaStyle = require_createMediaStyle_native(), import_expandStyles = require_expandStyles_native(), import_getGroupPropParts = require_getGroupPropParts_native(), import_getStylesAtomic = require_getStylesAtomic_native(), import_insertStyleRule = require_insertStyleRule_native(), import_log = require_log_native(), import_normalizeValueWithProperty = require_normalizeValueWithProperty_native(), import_propMapper = require_propMapper_native(), import_pseudoDescriptors = require_pseudoDescriptors_native(), fontFamilyKey = "fontFamily", IS_STATIC = process.env.IS_STATIC === "is_static", conf, PROP_SPLIT = "-", getSplitStyles = (props, staticConfig, theme, themeName, componentState, styleProps, parentSplitStyles, context, elementType, debug) => {
       var _a, _b, _c, _e, _f, _g;
       conf = conf || (0, import_config.getConfig)(), import_constants.isWeb && styleProps.isAnimated && conf.animations.isReactNative && !styleProps.noNormalize && (styleProps.noNormalize = "values");
       let { shorthands } = conf, {
@@ -2874,7 +2898,7 @@ var require_getSplitStyles_native = __commonJS({
         context,
         debug
       };
-      process.env.NODE_ENV === "development" && debug && debug !== "profile" && import_constants.isClient && (console.groupCollapsed("getSplitStyles (collapsed)"), console.info({
+      process.env.NODE_ENV === "development" && debug && debug !== "profile" && import_constants.isClient && (console.groupCollapsed("getSplitStyles (collapsed)"), (0, import_log.log)({
         props,
         staticConfig,
         shouldDoClasses,
@@ -2943,7 +2967,7 @@ var require_getSplitStyles_native = __commonJS({
         isHOC && (parentStaticConfig == null ? void 0 : parentStaticConfig.variants) && keyInit in parentStaticConfig.variants || (inlineProps == null ? void 0 : inlineProps.has(keyInit)), parentVariant = (_a = parentStaticConfig == null ? void 0 : parentStaticConfig.variants) == null ? void 0 : _a[keyInit], isHOCShouldPassThrough = !!(isHOC && (isShorthand || isValidStyleKeyInit || isMediaOrPseudo || parentVariant || keyInit in skipProps)), shouldPassThrough = shouldPassProp || isHOCShouldPassThrough;
         if (process.env.NODE_ENV === "development" && debug === "verbose" && (console.groupCollapsed(
           `\u{1F539}\u{1F539}\u{1F539}\u{1F539} ${keyOg}${keyInit !== keyOg ? ` (shorthand for ${keyInit})` : ""} ${shouldPassThrough ? "(pass)" : ""} \u{1F539}\u{1F539}\u{1F539}\u{1F539}`
-        ), console.info({ isVariant, valInit, shouldPassProp }), import_constants.isClient && console.info({
+        ), (0, import_log.log)({ isVariant, valInit, shouldPassProp }), import_constants.isClient && (0, import_log.log)({
           variants,
           variant: variants == null ? void 0 : variants[keyInit],
           isVariant,
@@ -2960,7 +2984,7 @@ var require_getSplitStyles_native = __commonJS({
         if (next && (styleState.fontFamily = next), process.env.NODE_ENV === "development" && debug === "verbose") {
           console.groupCollapsed("  \u{1F4A0} expanded", keyInit, valInit);
           try {
-            !import_constants.isServer && import_isDevTools.isDevTools && (console.info({
+            !import_constants.isServer && import_isDevTools.isDevTools && ((0, import_log.log)({
               expanded,
               styleProps,
               componentState,
@@ -2971,7 +2995,7 @@ var require_getSplitStyles_native = __commonJS({
               theme,
               usedKeys: { ...usedKeys },
               curProps: { ...styleState.curProps }
-            }), console.info("expanded", expanded, `
+            }), (0, import_log.log)("expanded", expanded, `
 usedKeys`, { ...usedKeys }, `
 current`, {
               ...style
@@ -2984,7 +3008,7 @@ current`, {
           for (let [key, val] of expanded)
             if (!(val == null || key in usedKeys)) {
               if (isPseudo = key in import_helpers.validPseudoKeys, isMedia = !isPseudo && !isValidStyleKeyInit && (0, import_useMedia.isMediaKey)(key), isMediaOrPseudo = !!(isMedia || isPseudo), isVariant = variants && key in variants, (inlineProps != null && inlineProps.has(key) || IS_STATIC && inlineWhenUnflattened != null && inlineWhenUnflattened.has(key)) && (viewProps[key] = props[key] ?? val), styleProps.noExpand && isPseudo || isHOC && (isMediaOrPseudo || ((_b = parentStaticConfig == null ? void 0 : parentStaticConfig.variants) == null ? void 0 : _b[keyInit]))) {
-                passDownProp(viewProps, key, val, isMediaOrPseudo), process.env.NODE_ENV === "development" && debug === "verbose" && (console.groupCollapsed(` - passing down prop ${key}`), console.info({ val, after: { ...viewProps[key] } }), console.groupEnd());
+                passDownProp(viewProps, key, val, isMediaOrPseudo), process.env.NODE_ENV === "development" && debug === "verbose" && (console.groupCollapsed(` - passing down prop ${key}`), (0, import_log.log)({ val, after: { ...viewProps[key] } }), console.groupEnd());
                 continue;
               }
               if (isPseudo) {
@@ -3007,12 +3031,12 @@ current`, {
                 }
                 if (shouldDoClasses && !isEnter && !isExit) {
                   let pseudoStyles = (0, import_getStylesAtomic.generateAtomicStyles)(pseudoStyleObject, descriptor);
-                  process.env.NODE_ENV === "development" && debug === "verbose" && (console.groupCollapsed("pseudo (classes)", key), console.info({ pseudoStyleObject, pseudoStyles }), console.groupEnd());
+                  process.env.NODE_ENV === "development" && debug === "verbose" && (console.groupCollapsed("pseudo (classes)", key), (0, import_log.log)({ pseudoStyleObject, pseudoStyles }), console.groupEnd());
                   for (let psuedoStyle of pseudoStyles)
                     `${psuedoStyle.property}${PROP_SPLIT}${descriptor.name}` in usedKeys || psuedoStyle.identifier;
                 } else {
                   let descriptorKey = descriptor.stateKey || descriptor.name, pseudoState = componentState[descriptorKey], isDisabled = isExit ? !styleProps.isExiting : !pseudoState;
-                  import_constants.isWeb && !import_constants.isClient && isEnter && (isDisabled = !1), process.env.NODE_ENV === "development" && debug === "verbose" && (console.groupCollapsed("pseudo", key, { isDisabled }), console.info(pseudoStyleObject, {
+                  import_constants.isWeb && !import_constants.isClient && isEnter && (isDisabled = !1), process.env.NODE_ENV === "development" && debug === "verbose" && (console.groupCollapsed("pseudo", key, { isDisabled }), (0, import_log.log)(pseudoStyleObject, {
                     isDisabled,
                     descriptorKey,
                     descriptor,
@@ -3029,7 +3053,7 @@ current`, {
                       }
                     } else {
                       let curImportance = usedKeys[pkey] || 0, shouldMerge = importance >= curImportance;
-                      shouldMerge && (pseudos ||= {}, pseudos[key] ||= {}, pseudos[key][pkey] = val2, mergeStyle(styleState, pkey, val2)), process.env.NODE_ENV === "development" && debug === "verbose" && console.info("    subKey", pkey, shouldMerge, {
+                      shouldMerge && (pseudos ||= {}, pseudos[key] ||= {}, pseudos[key][pkey] = val2, mergeStyle(styleState, pkey, val2)), process.env.NODE_ENV === "development" && debug === "verbose" && (0, import_log.log)("    subKey", pkey, shouldMerge, {
                         importance,
                         curImportance,
                         pkey,
@@ -3065,7 +3089,7 @@ current`, {
                   // TODO try true like pseudo
                   !1
                 ), mediaKeyShort = key.slice(1);
-                process.env.NODE_ENV === "development" && debug === "verbose" && console.info(`  \u{1F4FA} ${key}`, {
+                process.env.NODE_ENV === "development" && debug === "verbose" && (0, import_log.log)(`  \u{1F4FA} ${key}`, {
                   key,
                   val,
                   mediaStyle,
@@ -3082,7 +3106,7 @@ current`, {
                       usedKeys,
                       !0
                     );
-                    importance && (space = val.space, usedKeys.space = importance, process.env.NODE_ENV === "development" && debug === "verbose" && console.info(
+                    importance && (space = val.space, usedKeys.space = importance, process.env.NODE_ENV === "development" && debug === "verbose" && (0, import_log.log)(
                       `Found more important space for current media ${mediaKeyShort}: ${val} (importance: ${importance})`
                     ));
                   }
@@ -3097,7 +3121,7 @@ current`, {
                       !1,
                       priority
                     );
-                    `${style2.property}${PROP_SPLIT}${mediaKeyShort}` in usedKeys || out.identifier;
+                    process.env.NODE_ENV === "development" && debug === "verbose" && (0, import_log.log)("\u{1F4FA} media style:", out), `${style2.property}${PROP_SPLIT}${mediaKeyShort}` in usedKeys || out.identifier;
                   }
                 } else {
                   let isThemeMedia = isMedia === "theme", isGroupMedia = isMedia === "group";
@@ -3167,7 +3191,7 @@ current`, {
           if (process.env.NODE_ENV === "development" && debug === "verbose") {
             console.groupCollapsed(" \u2714\uFE0F expand complete", keyInit);
             try {
-              console.info("style", { ...style }), console.info("transforms", { ...transforms }), console.info("viewProps", { ...viewProps });
+              (0, import_log.log)("style", { ...style }), (0, import_log.log)("transforms", { ...transforms }), (0, import_log.log)("viewProps", { ...viewProps });
             } catch {
             }
             console.groupEnd();
@@ -3199,7 +3223,7 @@ current`, {
           let overrideFace = (_g = (_f = faceInfo[style.fontWeight]) == null ? void 0 : _f[style.fontStyle || "normal"]) == null ? void 0 : _g.val;
           overrideFace && (style.fontFamily = overrideFace, styleState.fontFamily = overrideFace, delete style.fontWeight, delete style.fontStyle);
         }
-        process.env.NODE_ENV === "development" && debug && debug !== "profile" && console.info(`Found fontFamily native: ${style.fontFamily}`, faceInfo);
+        process.env.NODE_ENV === "development" && debug && debug !== "profile" && (0, import_log.log)(`Found fontFamily native: ${style.fontFamily}`, faceInfo);
       }
       if (className && (classNames.className = className), process.env.NODE_ENV === "development" && debug === "verbose" && import_isDevTools.isDevTools) {
         console.groupCollapsed("  \u{1F539} ===>");
@@ -3215,7 +3239,7 @@ current`, {
             parentSplitStyles
           };
           for (let key in logs)
-            console.info(key, logs[key]);
+            (0, import_log.log)(key, logs[key]);
         } catch {
         }
         console.groupEnd();
@@ -3686,6 +3710,13 @@ If this is intended and you are using Tamagui without any themes, you can disabl
                   return Reflect.get(val, subkey);
                 }
               });
+            if (process.env.NODE_ENV === "development" && process.env.TAMAGUI_FEAT_THROW_ON_MISSING_THEME_VALUE === "1")
+              throw new Error(
+                `[tamagui] No theme key "${key}" found in theme ${name}. 
+  Keys in theme: ${Object.keys(
+                  theme
+                ).join(", ")}`
+              );
           }
           return Reflect.get(_, key);
         }
@@ -4081,7 +4112,7 @@ var require_createComponent_native = __commonJS({
       spacedChildren: () => spacedChildren2
     });
     module2.exports = __toCommonJS2(createComponent_exports);
-    var import_compose_refs = require_index_native5(), import_constants = require_index_native2(), import_helpers = require_index_native4(), import_use_did_finish_ssr = require_index_native6(), import_react2 = __toESM2(require("react")), import_config = require_config_native(), import_constants2 = require_constants_native2(), import_ComponentContext = require_ComponentContext_native(), import_createVariable = require_createVariable_native(), import_defaultComponentState = require_defaultComponentState_native(), import_createShallowSetState = require_createShallowSetState_native(), import_getSplitStyles = require_getSplitStyles_native(), import_mergeProps = require_mergeProps_native(), import_proxyThemeVariables = require_proxyThemeVariables_native(), import_themeable = require_themeable_native(), import_useMedia = require_useMedia_native(), import_useTheme = require_useTheme_native(), import_setupHooks = require_setupHooks_native(), import_Slot = require_Slot_native(), import_Theme = require_Theme_native(), import_ThemeDebug = require_ThemeDebug_native(), import_jsx_runtime6 = require("react/jsx-runtime"), tamaguiConfig, AnimatedText, AnimatedView, initialTheme, time, debugKeyListeners, startVisualizer, mouseUps = /* @__PURE__ */ new Set();
+    var import_compose_refs = require_index_native5(), import_constants = require_index_native2(), import_helpers = require_index_native4(), import_use_did_finish_ssr = require_index_native6(), import_react2 = __toESM2(require("react")), import_config = require_config_native(), import_constants2 = require_constants_native2(), import_ComponentContext = require_ComponentContext_native(), import_createVariable = require_createVariable_native(), import_defaultComponentState = require_defaultComponentState_native(), import_createShallowSetState = require_createShallowSetState_native(), import_getSplitStyles = require_getSplitStyles_native(), import_log = require_log_native(), import_mergeProps = require_mergeProps_native(), import_proxyThemeVariables = require_proxyThemeVariables_native(), import_themeable = require_themeable_native(), import_useMedia = require_useMedia_native(), import_useTheme = require_useTheme_native(), import_setupHooks = require_setupHooks_native(), import_Slot = require_Slot_native(), import_Theme = require_Theme_native(), import_ThemeDebug = require_ThemeDebug_native(), import_jsx_runtime6 = require("react/jsx-runtime"), tamaguiConfig, AnimatedText, AnimatedView, initialTheme, time, debugKeyListeners, startVisualizer, mouseUps = /* @__PURE__ */ new Set();
     if (typeof document < "u") {
       let cancelTouches = () => {
         mouseUps.forEach((x) => x()), mouseUps.clear();
@@ -4115,7 +4146,7 @@ var require_createComponent_native = __commonJS({
       (0, import_config.onConfiguredOnce)((conf) => {
         if (config = conf, !tamaguiConfig && (tamaguiConfig = conf, !initialTheme)) {
           let next = conf.themes[Object.keys(conf.themes)[0]];
-          initialTheme = (0, import_proxyThemeVariables.proxyThemeVariables)(next), process.env.NODE_ENV === "development" && (initialTheme || console.info("Warning: Missing theme"));
+          initialTheme = (0, import_proxyThemeVariables.proxyThemeVariables)(next), process.env.NODE_ENV === "development" && (initialTheme || (0, import_log.log)("Warning: Missing theme"));
         }
       });
       let {
@@ -4126,7 +4157,7 @@ var require_createComponent_native = __commonJS({
         validStyles: validStyles2 = {},
         variants = {}
       } = staticConfig, defaultComponentClassName = `is_${staticConfig.componentName}`, defaultProps = staticConfig.defaultProps;
-      process.env.NODE_ENV === "development" && (_a = staticConfig.defaultProps) != null && _a.debug && process.env.IS_STATIC !== "is_static" && console.info(`\u{1F41B} [${staticConfig.componentName || "Component"}]`, {
+      process.env.NODE_ENV === "development" && (_a = staticConfig.defaultProps) != null && _a.debug && process.env.IS_STATIC !== "is_static" && (0, import_log.log)(`\u{1F41B} [${staticConfig.componentName || "Component"}]`, {
         staticConfig,
         defaultProps,
         defaultPropsKeyOrder: defaultProps ? Object.keys(defaultProps) : []
@@ -4231,7 +4262,7 @@ var require_createComponent_native = __commonJS({
               "background: green; color: white;"
             ), import_constants.isServer || (console.groupCollapsed(
               `Info (collapsed): ${state.press || state.pressIn ? "PRESSED " : ""}${state.hover ? "HOVERED " : ""}${state.focus ? "FOCUSED" : " "}`
-            ), console.info({
+            ), (0, import_log.log)({
               propsIn,
               props,
               state,
@@ -4285,14 +4316,7 @@ var require_createComponent_native = __commonJS({
           keys: mediaListeningKeys
         });
         let isAnimatedReactNativeWeb = hasAnimationProp && isReactNative;
-        if (process.env.NODE_ENV === "development" && debugProp && debugProp !== "profile" && (console.groupCollapsed(">>>"), console.info(
-          "props in",
-          propsIn,
-          "mapped to",
-          props,
-          "in order",
-          Object.keys(props)
-        ), console.info("splitStyles", splitStyles), console.info("media", { shouldListenForMedia, isMediaArray, mediaListeningKeys }), console.info("className", Object.values(splitStyles.classNames)), import_constants.isClient && console.info("ref", hostRef, "(click to view)"), console.groupEnd(), debugProp === "break"))
+        if (process.env.NODE_ENV === "development" && debugProp && debugProp !== "profile" && (console.groupCollapsed(">>>"), (0, import_log.log)("props in", propsIn, "mapped to", props, "in order", Object.keys(props)), (0, import_log.log)("splitStyles", splitStyles), (0, import_log.log)("media", { shouldListenForMedia, isMediaArray, mediaListeningKeys }), (0, import_log.log)("className", Object.values(splitStyles.classNames)), import_constants.isClient && (0, import_log.log)("ref", hostRef, "(click to view)"), console.groupEnd(), debugProp === "break"))
           debugger;
         let {
           viewProps: viewPropsIn,
@@ -4470,7 +4494,7 @@ If you meant to do this, you can disable this warning - either change untilMeasu
           delayPressOut: viewProps.delayPressOut,
           focusable: viewProps.focusable ?? !0,
           minPressDuration: 0
-        }), process.env.NODE_ENV === "development" && time && time`events`, process.env.NODE_ENV === "development" && debugProp === "verbose" && console.info("events", { events, isHoverable, attachPress }), (_k = (_j = import_setupHooks.hooks).useEvents) == null || _k.call(_j, viewProps, events, splitStyles, setStateShallow, staticConfig);
+        }), process.env.NODE_ENV === "development" && time && time`events`, process.env.NODE_ENV === "development" && debugProp === "verbose" && (0, import_log.log)("events", { events, isHoverable, attachPress }), (_k = (_j = import_setupHooks.hooks).useEvents) == null || _k.call(_j, viewProps, events, splitStyles, setStateShallow, staticConfig);
         let direction = props.spaceDirection || "both";
         process.env.NODE_ENV === "development" && time && time`hooks`;
         let content = !children || asChild ? children : spacedChildren2({
@@ -4521,10 +4545,10 @@ If you meant to do this, you can disable this warning - either change untilMeasu
         if (process.env.NODE_ENV === "development" && debugProp && debugProp !== "profile") {
           console.groupCollapsed(`render <${typeof elementType == "string" ? elementType : "Component"} /> with props`);
           try {
-            console.info("viewProps", viewProps), console.info("viewPropsOrder", Object.keys(viewProps));
+            (0, import_log.log)("viewProps", viewProps), (0, import_log.log)("viewPropsOrder", Object.keys(viewProps));
             for (let key in viewProps)
-              console.info(" - ", key, viewProps[key]);
-            console.info("children", content), typeof window < "u" && console.info({
+              (0, import_log.log)(" - ", key, viewProps[key]);
+            (0, import_log.log)("children", content), typeof window < "u" && (0, import_log.log)({
               viewProps,
               state,
               styleProps,
@@ -4676,7 +4700,7 @@ If you meant to do this, you can disable this warning - either change untilMeasu
           })
         ));
       }
-      return process.env.NODE_ENV === "development" && props.debug && console.info("  Spaced children", final, props), final;
+      return process.env.NODE_ENV === "development" && props.debug && (0, import_log.log)("  Spaced children", final, props), final;
     }
     function createSpacer({ key, direction, space, spaceFlex }) {
       return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
@@ -5195,12 +5219,15 @@ ${runtimeStyles}`;
       !defaultFontName && configIn.fonts && (defaultFontName = Object.keys(configIn.fonts)[0]), (defaultFontName == null ? void 0 : defaultFontName[0]) === "$" && (defaultFontName = defaultFontName.slice(1));
       let defaultFont = `$${defaultFontName}`, config = {
         fonts: {},
-        settings: {},
         onlyAllowShorthands: !1,
         fontLanguages: [],
         animations: {},
         media: {},
         ...configIn,
+        settings: {
+          webContainerType: "size",
+          ...configIn.settings
+        },
         tokens,
         // vite made this into a function if it wasn't set
         shorthands,
@@ -8477,7 +8504,7 @@ var require_SizableText_native = __commonJS({
       fontFamily: "$body",
       variants,
       defaultVariants: {
-        unstyled: !1
+        unstyled: process.env.TAMAGUI_HEADLESS === "1"
       }
     });
   }
@@ -8954,7 +8981,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);
@@ -8979,7 +9006,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);
@@ -10661,7 +10688,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,
@@ -10687,7 +10714,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,
@@ -10705,7 +10732,7 @@ var require_Sheet_native = __commonJS({
         }
       },
       defaultVariants: {
-        unstyled: !1
+        unstyled: process.env.TAMAGUI_HEADLESS === "1"
       }
     }), Sheet = (0, import_createSheet.createSheet)({
       Frame,
@@ -10876,7 +10903,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);
@@ -10962,7 +10989,7 @@ var require_Dialog_native = __commonJS({
       },
       defaultVariants: {
         size: "$true",
-        unstyled: !1
+        unstyled: process.env.TAMAGUI_HEADLESS === "1"
       }
     }), DialogContent = DialogContentFrame.extractable(
       React2.forwardRef(
@@ -11137,7 +11164,7 @@ var require_Dialog_native = __commonJS({
         }
       },
       defaultVariants: {
-        unstyled: !1
+        unstyled: process.env.TAMAGUI_HEADLESS === "1"
       }
     }), DialogClose = DialogCloseFrame.styleable(
       (props, forwardedRef) => {
@@ -11914,10 +11941,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"))
       );
     };
   }
@@ -12062,7 +12089,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",
@@ -12081,7 +12108,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;
@@ -12125,7 +12152,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)({
@@ -12222,7 +12249,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",
@@ -12242,7 +12269,7 @@ var require_Card_native = __commonJS({
         }
       },
       defaultVariants: {
-        unstyled: !1
+        unstyled: process.env.TAMAGUI_HEADLESS === "1"
       }
     }), CardFooter = (0, import_web.styled)(CardHeader, {
       name: "CardFooter",
@@ -12257,7 +12284,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",
@@ -12273,7 +12300,7 @@ var require_Card_native = __commonJS({
         }
       },
       defaultVariants: {
-        unstyled: !1
+        unstyled: process.env.TAMAGUI_HEADLESS === "1"
       }
     }), Card = (0, import_web.withStaticProperties)(CardFrame, {
       Header: CardHeader,
@@ -12487,7 +12514,7 @@ var require_Label_native = __commonJS({
         }
       },
       defaultVariants: {
-        unstyled: !1
+        unstyled: process.env.TAMAGUI_HEADLESS === "1"
       }
     }), LabelComponent = React2.forwardRef(
       (props, forwardedRef) => {
@@ -12744,7 +12771,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 {
@@ -13515,7 +13542,7 @@ var require_Group_native = __commonJS({
         })
       },
       defaultVariants: {
-        unstyled: !1
+        unstyled: process.env.TAMAGUI_HEADLESS === "1"
       }
     });
     function createGroup(verticalDefault) {
@@ -13739,7 +13766,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",
@@ -13756,7 +13783,7 @@ var require_ListItem_native = __commonJS({
         }
       },
       defaultVariants: {
-        unstyled: !1
+        unstyled: process.env.TAMAGUI_HEADLESS === "1"
       }
     }), ListItemSubtitle = (0, import_web.styled)(ListItemText, {
       name: "ListItemSubtitle",
@@ -13779,7 +13806,7 @@ var require_ListItem_native = __commonJS({
         }
       },
       defaultVariants: {
-        unstyled: !1
+        unstyled: process.env.TAMAGUI_HEADLESS === "1"
       }
     }), ListItemTitle = (0, import_web.styled)(ListItemText, {
       name: "ListItemTitle"
@@ -15180,7 +15207,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)(
@@ -15217,7 +15244,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",
@@ -15234,7 +15261,7 @@ var require_Popper_native = __commonJS({
         }
       },
       defaultVariants: {
-        unstyled: !1
+        unstyled: process.env.TAMAGUI_HEADLESS === "1"
       }
     }), opposites = {
       top: "bottom",
@@ -15302,35 +15329,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) {
@@ -15384,7 +15382,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_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_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,
@@ -15509,50 +15507,41 @@ 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,
+                  enabled: disableRemoveScroll ? !1 : open,
+                  allowPinchZoom: !0,
+                  removeScrollBar: !1,
+                  style: {
+                    display: "contents"
+                  },
                   children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-                    import_remove_scroll.RemoveScroll,
+                    import_focus_scope.FocusScope,
                     {
-                      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
-                        }
-                      )
+                      loop: !0,
+                      enabled: disableFocusScope ? !1 : open,
+                      trapped: trapFocus,
+                      onMountAutoFocus: onOpenAutoFocus,
+                      onUnmountAutoFocus: onCloseAutoFocus,
+                      children: contents
                     }
                   )
-                },
-                context.contentId
+                }
               )
-            }
+            },
+            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,
@@ -15566,9 +15555,9 @@ var require_Popover_native = __commonJS({
           )
         }
       );
-    }), PopoverArrow = React2.forwardRef(function(props, forwardedRef) {
-      let { __scopePopover, ...rest } = props;
-      return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+    }), PopoverArrow = import_popper.PopperArrow.styleable(function(props, forwardedRef) {
+      let { __scopePopover, ...rest } = props, context = usePopoverContext(__scopePopover);
+      return useSheetBreakpointActive(context.sheetBreakpoint) ? null : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
         import_popper.PopperArrow,
         {
           __scopePopper: __scopePopover || POPOVER_SCOPE,
@@ -15586,6 +15575,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` }), [])
@@ -15593,16 +15584,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), []),
@@ -15707,7 +15704,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);
@@ -15765,7 +15762,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) {
@@ -15861,7 +15858,7 @@ var require_RadioGroup_native = __commonJS({
         }
       },
       defaultVariants: {
-        unstyled: !1
+        unstyled: process.env.TAMAGUI_HEADLESS === "1"
       }
     }), RadioIndicator = RadioIndicatorFrame.extractable(
       React2.forwardRef(
@@ -15945,7 +15942,7 @@ var require_RadioGroup_native = __commonJS({
         }
       },
       defaultVariants: {
-        unstyled: !1
+        unstyled: process.env.TAMAGUI_HEADLESS === "1"
       }
     }), RadioGroupItem = RadioGroupItemFrame.extractable(
       React2.forwardRef(
@@ -16514,7 +16511,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();
@@ -17408,7 +17405,7 @@ var require_Slider_native = __commonJS({
         }
       },
       defaultVariants: {
-        unstyled: !1
+        unstyled: process.env.TAMAGUI_HEADLESS === "1"
       }
     }), SliderTrack = React2.forwardRef(
       (props, forwardedRef) => {
@@ -17488,7 +17485,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)(
@@ -17693,7 +17690,7 @@ var require_SwitchContext_native = __commonJS({
       disabled: !1,
       size: void 0,
       frameWidth: 0,
-      unstyled: !1
+      unstyled: process.env.TAMAGUI_HEADLESS === "1"
     });
   }
 });
@@ -17741,7 +17738,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",
@@ -17779,7 +17776,7 @@ var require_Switch_native = __commonJS({
         }
       },
       defaultVariants: {
-        unstyled: !1
+        unstyled: process.env.TAMAGUI_HEADLESS === "1"
       }
     });
   }
@@ -17835,7 +17832,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
@@ -18179,7 +18176,7 @@ var require_Tabs_native = __commonJS({
         }
       },
       defaultVariants: {
-        unstyled: !1
+        unstyled: process.env.TAMAGUI_HEADLESS === "1"
       }
     }), TabsTrigger = TabsTriggerFrame.extractable(
       React2.forwardRef(
@@ -18649,7 +18646,7 @@ var require_Toggle_native = __commonJS({
         }
       },
       defaultVariants: {
-        unstyled: !1
+        unstyled: process.env.TAMAGUI_HEADLESS === "1"
       }
     }), Toggle = React2.forwardRef(function(props, forwardedRef) {
       let {
@@ -18861,7 +18858,7 @@ var require_ToggleGroup_native = __commonJS({
         }
       },
       defaultVariants: {
-        unstyled: !1
+        unstyled: process.env.TAMAGUI_HEADLESS === "1"
       }
     }), ToggleGroupImpl = ToggleGroupImplElementFrame.extractable(
       import_react2.default.forwardRef(
@@ -19477,7 +19474,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);
@@ -19567,7 +19564,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 = {
@@ -19587,7 +19584,7 @@ var import_core11 = __toESM(require_index_native15()), Text2 = (0, import_core11
     }
   },
   defaultVariants: {
-    unstyled: !1
+    unstyled: process.env.TAMAGUI_HEADLESS === "1"
   }
 });