tamagui 1.88.13 → 1.88.14

package/dist/native.js

@@ -241,7 +241,6 @@ var require_PresenceChild_native = __commonJS({
          * we want to make a new context value to ensure they get re-rendered
          * so they can detect that layout change.
          */
-        // eslint-disable-next-line react-hooks/exhaustive-deps
         presenceAffectsLayout ? void 0 : [isPresent, exitVariant, enterVariant]
       );
       return React2.useMemo(() => {
@@ -1301,7 +1300,7 @@ var require_insertStyleRule_native = __commonJS({
           continue;
         }
         let total = track(identifier, remove);
-        remove ? total === 0 && delete allSelectors[identifier] : identifier in allSelectors || (!identifier.startsWith("_transform") || addTransform(identifier, cssRule.cssText, cssRule)) && (allSelectors[identifier] = cssRule.cssText);
+        remove ? total === 0 && delete allSelectors[identifier] : identifier in allSelectors || (!identifier.startsWith("_transform-") || addTransform(identifier, cssRule.cssText, cssRule)) && (allSelectors[identifier] = cssRule.cssText);
       }
       return scannedCache.set(sheet2, cacheKey), dedupedThemes;
     }
@@ -1343,7 +1342,7 @@ var require_insertStyleRule_native = __commonJS({
       };
       for (let selector of selectors) {
         let matches = selector.match(/(.t_(light|dark))?[\s]?(.t_([a-z0-9_]+))[\s]*$/i) || [], [_0, _1, scheme, _2, name] = matches, themeName = name && scheme && scheme !== name ? `${scheme}_${name}` : name || scheme;
-        dedupedEntry.names.includes(themeName) || themeName === "light_dark" || dedupedEntry.names.push(themeName);
+        !themeName || dedupedEntry.names.includes(themeName) || themeName === "light_dark" || themeName === "dark_light" || dedupedEntry.names.push(themeName);
       }
       return dedupedEntry;
     }
@@ -1369,7 +1368,7 @@ var require_insertStyleRule_native = __commonJS({
       return selector.includes(":") ? res.replace(/:[a-z]+$/, "") : res;
     }, sheet = import_constants4.isClient ? document.head.appendChild(document.createElement("style")).sheet : null;
     function updateRules(identifier, rules) {
-      return identifier in allRules ? !1 : (allRules[identifier] = rules.join(" "), identifier.startsWith("_transform") ? addTransform(identifier, rules[0]) : !0);
+      return identifier in allRules ? !1 : (allRules[identifier] = rules.join(" "), identifier.startsWith("_transform-") ? addTransform(identifier, rules[0]) : !0);
     }
     function insertStyleRules(rulesToInsert) {
       if (!(!rulesToInsert.length || !sheet)) {
@@ -3816,7 +3815,7 @@ var require_getSplitStyles_native = __commonJS({
       useSplitStyles: () => useSplitStyles
     });
     module2.exports = __toCommonJS2(getSplitStyles_exports);
-    var import_constants4 = require_index_native6(), import_helpers = require_index_native7(), import_react2 = require("react"), import_config = require_config_native(), import_accessibilityDirectMap = require_accessibilityDirectMap_native(), import_constants22 = require_constants_native2(), 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(), IS_STATIC = process.env.IS_STATIC === "is_static", conf, PROP_SPLIT = "-";
+    var import_constants4 = require_index_native6(), import_helpers = require_index_native7(), import_react2 = require("react"), import_config = require_config_native(), import_accessibilityDirectMap = require_accessibilityDirectMap_native(), import_constants22 = require_constants_native2(), 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(), import_isObj = require_isObj_native(), IS_STATIC = process.env.IS_STATIC === "is_static", conf, PROP_SPLIT = "-";
     function isValidStyleKey(key, staticConfig) {
       return (staticConfig.validStyles || (staticConfig.isText || staticConfig.isInput ? import_helpers.stylePropsText : import_helpers.validStyles))[key] || staticConfig.acceptTokens && staticConfig.acceptTokens[key];
     }
@@ -3895,8 +3894,8 @@ var require_getSplitStyles_native = __commonJS({
             viewProps[`data-${hyphenate(keyInit2)}`] = valInit[keyInit2];
           continue;
         }
-        if (keyInit[0] === "_" && keyInit.startsWith("_style")) {
-          mergeStylePropIntoStyle(styleState, valInit);
+        if (keyInit.startsWith("_style") && (0, import_isObj.isObj)(valInit)) {
+          Object.assign(styleState.style, valInit);
           continue;
         }
         if (0)
@@ -3917,7 +3916,7 @@ var require_getSplitStyles_native = __commonJS({
           continue;
         let shouldPassProp = !isStyleProp || // is in parent variants
         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(
+        if (process.env.NODE_ENV === "development" && debug === "verbose" && (console.groupEnd(), console.groupEnd(), console.groupCollapsed(
           `  \u{1F511} ${keyOg}${keyInit !== keyOg ? ` (shorthand for ${keyInit})` : ""} ${shouldPassThrough ? "(pass)" : ""}`
         ), (0, import_log.log)({ isVariant, valInit, shouldPassProp }), import_constants4.isClient && (0, import_log.log)({
           variants,
@@ -4141,7 +4140,13 @@ current`, {
           }
         }
       }
-      if (process.env.NODE_ENV === "development" && console.groupEnd(), props.style && mergeStylePropIntoStyle(styleState, props.style), styleProps.noNormalize !== !1 && ((0, import_expandStyles.fixStyles)(style), import_constants4.isWeb && !staticConfig.isReactNative && (0, import_getStylesAtomic.styleToCSS)(style), styleState.transforms && Object.entries(styleState.transforms).sort(([a], [b]) => a.localeCompare(b)).forEach(([key, val]) => {
+      if (process.env.NODE_ENV === "development" && console.groupEnd(), props.style)
+        if (isHOC)
+          viewProps.style = props.style;
+        else
+          for (let style2 of [].concat(props.style))
+            style2 && (style2.$$css ? Object.assign(styleState.classNames, style2) : Object.assign(styleState.style, style2));
+      if (styleProps.noNormalize !== !1 && ((0, import_expandStyles.fixStyles)(style), import_constants4.isWeb && !staticConfig.isReactNative && (0, import_getStylesAtomic.styleToCSS)(style), styleState.transforms && Object.entries(styleState.transforms).sort(([a], [b]) => a.localeCompare(b)).forEach(([key, val]) => {
         mergeTransform(style, key, val, !0);
       }), parentSplitStyles && !shouldDoClasses))
         for (let key in parentSplitStyles.style)
@@ -4211,19 +4216,7 @@ current`, {
             !avoidMergeTransform && skey in import_helpers.stylePropsTransform ? mergeTransform(styleOut, skey, sval) : styleOut[skey] = styleProps.noNormalize ? sval : (0, import_normalizeValueWithProperty.normalizeValueWithProperty)(sval, key);
       }
       return styleProps.noNormalize || (0, import_expandStyles.fixStyles)(styleOut), styleOut;
-    };
-    function mergeStylePropIntoStyle(styleState, cur) {
-      if (!cur)
-        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);
-      }
-    }
-    var useInsertEffectCompat = import_constants4.isWeb ? import_react2.useInsertionEffect || import_constants4.useIsomorphicLayoutEffect : () => {
+    }, useInsertEffectCompat = import_constants4.isWeb ? import_react2.useInsertionEffect || import_constants4.useIsomorphicLayoutEffect : () => {
     }, useSplitStyles = (...args) => {
       let res = getSplitStyles(...args);
       return useInsertEffectCompat(() => {
@@ -4924,7 +4917,7 @@ If you meant to do this, you can disable this warning - either change untilMeasu
         fontFamily && fontFamily[0] === "$" && (fontFamily = fontFamily.slice(1));
         let fontFamilyClassName = fontFamily ? `font_${fontFamily}` : "", style = animationStyles || splitStyles.style, className;
         asChild === "except-style" || asChild === "except-style-web" || (viewProps.style = style);
-        let runtimePressStyle = !disabled && noClassNames && (pseudos == null ? void 0 : pseudos.pressStyle), runtimeFocusStyle = !disabled && noClassNames && (pseudos == null ? void 0 : pseudos.focusStyle), attachFocus = !!(runtimePressStyle || runtimeFocusStyle || onFocus || onBlur), attachPress = !!(groupName || runtimePressStyle || onPress || onPressOut || onPressIn || onLongPress || onClick), runtimeHoverStyle = !disabled && noClassNames && (pseudos == null ? void 0 : pseudos.hoverStyle), needsHoverState = runtimeHoverStyle || onHoverIn || onHoverOut, isHoverable = import_constants4.isWeb && !!(groupName || needsHoverState || onMouseEnter || onMouseLeave), shouldAttach = !!(attachFocus || attachPress || isHoverable || runtimePressStyle || runtimeHoverStyle || runtimeFocusStyle);
+        let runtimePressStyle = !disabled && noClassNames && (pseudos == null ? void 0 : pseudos.pressStyle), runtimeFocusStyle = !disabled && noClassNames && (pseudos == null ? void 0 : pseudos.focusStyle), attachFocus = !!(runtimePressStyle || runtimeFocusStyle || onFocus || onBlur), attachPress = !!(groupName || runtimePressStyle || onPress || onPressOut || onPressIn || onMouseDown || onMouseUp || onLongPress || onClick), runtimeHoverStyle = !disabled && noClassNames && (pseudos == null ? void 0 : pseudos.hoverStyle), needsHoverState = runtimeHoverStyle || onHoverIn || onHoverOut, isHoverable = import_constants4.isWeb && !!(groupName || needsHoverState || onMouseEnter || onMouseLeave), shouldAttach = !!(attachFocus || attachPress || isHoverable || runtimePressStyle || runtimeHoverStyle || runtimeFocusStyle);
         process.env.NODE_ENV === "development" && time && time`events-setup`;
         let events = shouldAttach && !isDisabled && !props.asChild ? {
           onPressOut: attachPress ? (e) => {
@@ -5875,11 +5868,11 @@ var require_styled_native = __commonJS({
       return to;
     }, __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: !0 }), mod), styled_exports = {};
     __export2(styled_exports, {
-      styled: () => styled9
+      styled: () => styled8
     });
     module2.exports = __toCommonJS2(styled_exports);
     var import_createComponent = require_createComponent_native(), import_mergeVariants = require_mergeVariants_native(), import_setupReactNative = require_setupReactNative_native();
-    function styled9(ComponentIn, options, staticExtractionOptions) {
+    function styled8(ComponentIn, options, staticExtractionOptions) {
       if (process.env.NODE_ENV !== "production" && !ComponentIn)
         throw new Error("No component given to styled()");
       let parentStaticConfig = ComponentIn.staticConfig, isPlainStyledComponent = !!parentStaticConfig && !(parentStaticConfig.isReactNative || parentStaticConfig.isHOC), Component = parentStaticConfig != null && parentStaticConfig.isHOC && !(parentStaticConfig != null && parentStaticConfig.isStyledHOC) || isPlainStyledComponent ? ComponentIn : (parentStaticConfig == null ? void 0 : parentStaticConfig.Component) || ComponentIn, reactNativeConfig = parentStaticConfig ? void 0 : (0, import_setupReactNative.getReactNativeConfig)(Component), isReactNative = !!(reactNativeConfig || staticExtractionOptions != null && staticExtractionOptions.isReactNative || parentStaticConfig != null && parentStaticConfig.isReactNative), staticConfigProps = (() => {
@@ -6166,15 +6159,15 @@ var require_Stack_native = __commonJS({
       return to;
     }, __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: !0 }), mod), Stack_exports = {};
     __export2(Stack_exports, {
-      Stack: () => Stack3
+      Stack: () => Stack2
     });
     module2.exports = __toCommonJS2(Stack_exports);
-    var import_helpers = require_index_native7(), import_constants4 = require_constants_native2(), import_createComponent = require_createComponent_native(), Stack3 = (0, import_createComponent.createComponent)({
+    var import_helpers = require_index_native7(), import_constants4 = require_constants_native2(), import_createComponent = require_createComponent_native(), Stack2 = (0, import_createComponent.createComponent)({
       acceptsClassName: !0,
       defaultProps: import_constants4.stackDefaultStyles,
       validStyles: import_helpers.validStyles
     });
-    Stack3.displayName = "Stack";
+    Stack2.displayName = "Stack";
   }
 });
 
@@ -6410,19 +6403,19 @@ var require_TamaguiProvider_native = __commonJS({
       ...themePropsProvider
     }) {
       return (0, import_useMedia.setupMediaListeners)(), import_constants4.isClient && React2.useLayoutEffect(() => {
-        if (config.disableSSR || document.documentElement.classList.contains("t_unmounted") && document.documentElement.classList.remove("t_unmounted"), !disableInjectCSS) {
+        if (config && (config.disableSSR || document.documentElement.classList.contains("t_unmounted") && document.documentElement.classList.remove("t_unmounted"), !disableInjectCSS)) {
           let style = document.createElement("style");
           return style.appendChild(document.createTextNode(config.getCSS())), document.head.appendChild(style), () => {
             document.head.removeChild(style);
           };
         }
-      }, [config, disableInjectCSS]), /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_ComponentContext.ComponentContext.Provider, { animationDriver: config.animations, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+      }, [config, disableInjectCSS]), /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_ComponentContext.ComponentContext.Provider, { animationDriver: config == null ? void 0 : config.animations, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
         import_ThemeProvider.ThemeProvider,
         {
-          themeClassNameOnRoot: config.themeClassNameOnRoot,
-          disableRootThemeClass: config.disableRootThemeClass,
+          themeClassNameOnRoot: config == null ? void 0 : config.themeClassNameOnRoot,
+          disableRootThemeClass: config == null ? void 0 : config.disableRootThemeClass,
           ...themePropsProvider,
-          defaultTheme: themePropsProvider.defaultTheme ?? Object.keys(config.themes)[0],
+          defaultTheme: themePropsProvider.defaultTheme ?? (config ? Object.keys(config.themes)[0] : ""),
           children
         }
       ) });
@@ -7871,7 +7864,7 @@ var require_index_native16 = __commonJS({
       return to;
     }, __reExport2 = (target, mod, secondTarget) => (__copyProps2(target, mod, "default"), secondTarget && __copyProps2(secondTarget, mod, "default")), __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: !0 }), mod), src_exports2 = {};
     __export2(src_exports2, {
-      Stack: () => Stack3,
+      Stack: () => Stack2,
       Text: () => Text3,
       View: () => View2
     });
@@ -7918,7 +7911,7 @@ var require_index_native16 = __commonJS({
     });
     var dontComposePressabilityKeys = {
       onClick: !0
-    }, View2 = import_web.View, Stack3 = import_web.Stack, Text3 = import_web.Text;
+    }, View2 = import_web.View, Stack2 = import_web.Stack, Text3 = import_web.Text;
   }
 });
 
@@ -7946,9 +7939,9 @@ var require_Collection_native = __commonJS({
       createCollection: () => createCollection
     });
     module2.exports = __toCommonJS2(Collection_exports);
-    var import_compose_refs = require_index_native10(), import_constants4 = require_index_native6(), import_core13 = require_index_native16(), import_react2 = __toESM2(require("react")), import_jsx_runtime6 = require("react/jsx-runtime");
+    var import_compose_refs = require_index_native10(), import_constants4 = require_index_native6(), import_core12 = require_index_native16(), import_react2 = __toESM2(require("react")), import_jsx_runtime6 = require("react/jsx-runtime");
     function createCollection(name) {
-      let { Provider: CollectionProviderImpl, useStyledContext: useCollectionContext } = (0, import_core13.createStyledContext)({
+      let { Provider: CollectionProviderImpl, useStyledContext: useCollectionContext } = (0, import_core12.createStyledContext)({
         collectionRef: { current: null },
         itemMap: /* @__PURE__ */ new Map()
       }), CollectionProvider = (props) => {
@@ -7966,12 +7959,12 @@ var require_Collection_native = __commonJS({
       CollectionProvider.displayName = "CollectionProvider";
       let COLLECTION_SLOT_NAME = name + "CollectionSlot", CollectionSlot = import_react2.default.forwardRef((props, forwardedRef) => {
         let { __scopeCollection, children } = props, context = useCollectionContext(__scopeCollection), composedRefs = (0, import_compose_refs.useComposedRefs)(forwardedRef, context.collectionRef);
-        return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_core13.Slot, { ref: composedRefs, children });
+        return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_core12.Slot, { ref: composedRefs, children });
       });
       CollectionSlot.displayName = COLLECTION_SLOT_NAME;
       let ITEM_SLOT_NAME = name + "CollectionItemSlot", ITEM_DATA_ATTR = "data-collection-item", CollectionItemSlot = import_react2.default.forwardRef((props, forwardedRef) => {
         let { __scopeCollection, children, ...itemData } = props, ref = import_react2.default.useRef(null), composedRefs = (0, import_compose_refs.useComposedRefs)(forwardedRef, ref), context = useCollectionContext(__scopeCollection);
-        return import_react2.default.useEffect(() => (context.itemMap.set(ref, { ref, ...itemData }), () => void context.itemMap.delete(ref))), /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_core13.Slot, { [ITEM_DATA_ATTR]: "", ref: composedRefs, children });
+        return import_react2.default.useEffect(() => (context.itemMap.set(ref, { ref, ...itemData }), () => void context.itemMap.delete(ref))), /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_core12.Slot, { [ITEM_DATA_ATTR]: "", ref: composedRefs, children });
       });
       CollectionItemSlot.displayName = ITEM_SLOT_NAME;
       function useCollection(__scopeCollection) {
@@ -8031,15 +8024,15 @@ var require_getElevation_native = __commonJS({
       getSizedElevation: () => getSizedElevation
     });
     module2.exports = __toCommonJS2(getElevation_exports);
-    var import_core13 = require_index_native16(), getElevation = (size2, extras) => {
+    var import_core12 = require_index_native16(), getElevation = (size2, extras) => {
       if (!size2)
         return;
-      let { tokens } = extras, token = tokens.size[size2], sizeNum = (0, import_core13.isVariable)(token) ? +token.val : size2;
+      let { tokens } = extras, token = tokens.size[size2], sizeNum = (0, import_core12.isVariable)(token) ? +token.val : size2;
       return getSizedElevation(sizeNum, extras);
     }, getSizedElevation = (val, { theme, tokens }) => {
       let num = 0;
       if (val === !0) {
-        let val2 = (0, import_core13.getVariableValue)(tokens.size.true);
+        let val2 = (0, import_core12.getVariableValue)(tokens.size.true);
         typeof val2 == "number" ? num = val2 : num = 10;
       } else
         num = +val;
@@ -8050,7 +8043,7 @@ var require_getElevation_native = __commonJS({
         shadowColor: theme.shadowColor,
         shadowRadius,
         shadowOffset: { height, width: 0 },
-        ...import_core13.isAndroid ? {
+        ...import_core12.isAndroid ? {
           elevationAndroid: 2 * height
         } : {}
       };
@@ -8078,7 +8071,7 @@ var require_Stacks_native = __commonJS({
       fullscreenStyle: () => fullscreenStyle
     });
     module2.exports = __toCommonJS2(Stacks_exports);
-    var import_core13 = require_index_native16(), import_getElevation = require_getElevation_native(), fullscreenStyle = {
+    var import_core12 = require_index_native16(), import_getElevation = require_getElevation_native(), fullscreenStyle = {
       position: "absolute",
       top: 0,
       left: 0,
@@ -8092,17 +8085,17 @@ var require_Stacks_native = __commonJS({
         "...size": import_getElevation.getElevation,
         ":number": import_getElevation.getElevation
       }
-    }, YStack3 = (0, import_core13.styled)(import_core13.View, {
+    }, YStack3 = (0, import_core12.styled)(import_core12.View, {
       flexDirection: "column",
       variants
     });
     YStack3.displayName = "YStack";
-    var XStack = (0, import_core13.styled)(import_core13.View, {
+    var XStack = (0, import_core12.styled)(import_core12.View, {
       flexDirection: "row",
       variants
     });
     XStack.displayName = "XStack";
-    var ZStack = (0, import_core13.styled)(
+    var ZStack = (0, import_core12.styled)(
       YStack3,
       {
         position: "relative"
@@ -8137,12 +8130,12 @@ var require_index_native18 = __commonJS({
       stepTokenUpOrDown: () => stepTokenUpOrDown
     });
     module2.exports = __toCommonJS2(src_exports2);
-    var import_web = require_index_native13(), import_web2 = require_index_native13(), defaultOptions = {
+    var import_web = require_index_native13(), defaultOptions = {
       shift: 0,
       bounds: [0]
     }, getSize = (size2, options) => getTokenRelative("size", size2, options), getSpace2 = (space, options) => getTokenRelative("space", space, options), getRadius = (radius, options) => getTokenRelative("radius", radius, options), cacheVariables = {}, cacheWholeVariables = {}, cacheKeys = {}, cacheWholeKeys = {}, stepTokenUpOrDown = (type, current, options = defaultOptions) => {
       var _a, _b;
-      let tokens = (0, import_web2.getTokens)({ prefixed: !0 })[type];
+      let tokens = (0, import_web.getTokens)({ prefixed: !0 })[type];
       if (!(type in cacheVariables)) {
         cacheKeys[type] = [], cacheVariables[type] = [], cacheWholeKeys[type] = [], cacheWholeVariables[type] = [];
         let sorted = Object.keys(tokens).map((k) => tokens[k]).sort((a, b) => a.val - b.val);
@@ -8319,7 +8312,7 @@ var require_SizableStack_native = __commonJS({
       SizableStack: () => SizableStack
     });
     module2.exports = __toCommonJS2(SizableStack_exports);
-    var import_core13 = require_index_native16(), import_get_button_sized2 = require_index_native19(), import_Stacks = require_Stacks_native(), import_variants = require_variants_native(), SizableStack = (0, import_core13.styled)(import_Stacks.XStack, {
+    var import_core12 = require_index_native16(), import_get_button_sized2 = require_index_native19(), import_Stacks = require_Stacks_native(), import_variants = require_variants_native(), SizableStack = (0, import_core12.styled)(import_Stacks.XStack, {
       name: "SizableStack",
       variants: {
         unstyled: {
@@ -8363,7 +8356,7 @@ var require_ThemeableStack_native = __commonJS({
       themeableVariants: () => themeableVariants
     });
     module2.exports = __toCommonJS2(ThemeableStack_exports);
-    var import_core13 = require_index_native16(), import_Stacks = require_Stacks_native(), import_variants = require_variants_native(), chromelessStyle = {
+    var import_core12 = require_index_native16(), import_Stacks = require_Stacks_native(), import_variants = require_variants_native(), chromelessStyle = {
       backgroundColor: "transparent",
       borderColor: "transparent",
       shadowColor: "transparent",
@@ -8398,7 +8391,7 @@ var require_ThemeableStack_native = __commonJS({
           focusStyle: chromelessStyle
         }
       }
-    }, ThemeableStack = (0, import_core13.styled)(import_Stacks.YStack, {
+    }, ThemeableStack = (0, import_core12.styled)(import_Stacks.YStack, {
       variants: themeableVariants
     });
   }
@@ -8460,7 +8453,7 @@ var require_index_native21 = __commonJS({
       getFontSized: () => getFontSized2
     });
     module2.exports = __toCommonJS2(src_exports2);
-    var import_core13 = require_index_native16(), getFontSized2 = (sizeTokenIn = "$true", { font, fontFamily, props }) => {
+    var import_core12 = require_index_native16(), getFontSized2 = (sizeTokenIn = "$true", { font, fontFamily, props }) => {
       var _a, _b, _c, _d, _e, _f;
       if (!font) {
         process.env.NODE_ENV === "development" && console.warn(
@@ -8485,7 +8478,7 @@ var require_index_native21 = __commonJS({
     function getDefaultSizeToken(font) {
       if (typeof font == "object" && cache.has(font))
         return cache.get(font);
-      let sizeTokens = "$true" in font.size ? font.size : (0, import_core13.getTokens)().size, sizeDefault = sizeTokens.$true, sizeDefaultSpecific = sizeDefault ? Object.keys(sizeTokens).find(
+      let sizeTokens = "$true" in font.size ? font.size : (0, import_core12.getTokens)().size, sizeDefault = sizeTokens.$true, sizeDefaultSpecific = sizeDefault ? Object.keys(sizeTokens).find(
         (x) => x !== "$true" && sizeTokens[x].val === sizeDefault.val
       ) : null;
       return !sizeDefault || !sizeDefaultSpecific ? (process.env.NODE_ENV === "development" && console.warn(`No default size is set in your tokens for the "true" key, fonts will be inconsistent.
@@ -9098,7 +9091,7 @@ var require_Adapt_native = __commonJS({
       useAdaptParent: () => useAdaptParent
     });
     module2.exports = __toCommonJS2(Adapt_exports);
-    var import_constants4 = require_index_native6(), import_constants22 = require_index_native6(), import_core13 = require_index_native16(), import_helpers = require_index_native7(), import_react2 = require("react"), import_jsx_runtime6 = require("react/jsx-runtime"), AdaptParentContext = (0, import_react2.createContext)(null), AdaptContents = (props) => {
+    var import_constants4 = require_index_native6(), import_constants22 = require_index_native6(), import_core12 = require_index_native16(), import_helpers = require_index_native7(), import_react2 = require("react"), import_jsx_runtime6 = require("react/jsx-runtime"), AdaptParentContext = (0, import_react2.createContext)(null), AdaptContents = (props) => {
       let context = (0, import_react2.useContext)(AdaptParentContext);
       if (!(context != null && context.Contents))
         throw new Error("Adapt not supported by this component");
@@ -9124,7 +9117,7 @@ var require_Adapt_native = __commonJS({
       };
     }, Adapt = (0, import_helpers.withStaticProperties)(
       function({ platform, when, children }) {
-        let context = (0, import_react2.useContext)(AdaptParentContext), media = (0, import_core13.useMedia)(), enabled = !platform;
+        let context = (0, import_react2.useContext)(AdaptParentContext), media = (0, import_core12.useMedia)(), enabled = !platform;
         return platform === "touch" && (enabled = import_constants22.isTouchable), platform === "native" && (enabled = !import_constants4.isWeb), platform === "web" && (enabled = import_constants4.isWeb), when && !media[when] && (enabled = !1), (0, import_constants4.useIsomorphicLayoutEffect)(() => {
           enabled && (context == null || context.setWhen(when || enabled));
         }, [when, context, enabled]), enabled ? children : null;
@@ -9414,7 +9407,7 @@ var require_GorhomPortal_native = __commonJS({
       usePortal: () => usePortal
     });
     module2.exports = __toCommonJS2(GorhomPortal_exports);
-    var import_constants4 = require_index_native6(), import_core13 = require_index_native16(), import_use_did_finish_ssr = require_index_native11(), import_react2 = __toESM2(require("react")), import_jsx_runtime6 = require("react/jsx-runtime"), ACTIONS = /* @__PURE__ */ ((ACTIONS2) => (ACTIONS2[ACTIONS2.REGISTER_HOST = 0] = "REGISTER_HOST", ACTIONS2[ACTIONS2.DEREGISTER_HOST = 1] = "DEREGISTER_HOST", ACTIONS2[ACTIONS2.ADD_UPDATE_PORTAL = 2] = "ADD_UPDATE_PORTAL", ACTIONS2[ACTIONS2.REMOVE_PORTAL = 3] = "REMOVE_PORTAL", ACTIONS2))(ACTIONS || {}), INITIAL_STATE = {}, registerHost = (state, hostName) => (hostName in state || (state[hostName] = []), state), deregisterHost = (state, hostName) => (delete state[hostName], state), addUpdatePortal = (state, hostName, portalName, node) => {
+    var import_constants4 = require_index_native6(), import_core12 = require_index_native16(), import_use_did_finish_ssr = require_index_native11(), import_react2 = __toESM2(require("react")), import_jsx_runtime6 = require("react/jsx-runtime"), ACTIONS = /* @__PURE__ */ ((ACTIONS2) => (ACTIONS2[ACTIONS2.REGISTER_HOST = 0] = "REGISTER_HOST", ACTIONS2[ACTIONS2.DEREGISTER_HOST = 1] = "DEREGISTER_HOST", ACTIONS2[ACTIONS2.ADD_UPDATE_PORTAL = 2] = "ADD_UPDATE_PORTAL", ACTIONS2[ACTIONS2.REMOVE_PORTAL = 3] = "REMOVE_PORTAL", ACTIONS2))(ACTIONS || {}), INITIAL_STATE = {}, registerHost = (state, hostName) => (hostName in state || (state[hostName] = []), state), deregisterHost = (state, hostName) => (delete state[hostName], state), addUpdatePortal = (state, hostName, portalName, node) => {
       hostName in state || (state = registerHost(state, hostName));
       let index = state[hostName].findIndex((item) => item.name === portalName);
       return index !== -1 ? state[hostName][index].node = node : state[hostName].push({
@@ -9534,11 +9527,11 @@ var require_GorhomPortal_native = __commonJS({
         handleOnUnmount: _providedHandleOnUnmount,
         handleOnUpdate: _providedHandleOnUpdate,
         children
-      } = props, { addPortal: addUpdatePortal2, removePortal: removePortal2 } = usePortal(hostName), id = (0, import_react2.useId)(), name = _providedName || id, handleOnMount = (0, import_core13.useEvent)(() => {
+      } = props, { addPortal: addUpdatePortal2, removePortal: removePortal2 } = usePortal(hostName), id = (0, import_react2.useId)(), name = _providedName || id, handleOnMount = (0, import_core12.useEvent)(() => {
         _providedHandleOnMount ? _providedHandleOnMount(() => addUpdatePortal2(name, children)) : addUpdatePortal2(name, children);
-      }), handleOnUnmount = (0, import_core13.useEvent)(() => {
+      }), handleOnUnmount = (0, import_core12.useEvent)(() => {
         _providedHandleOnUnmount ? _providedHandleOnUnmount(() => removePortal2(name)) : removePortal2(name);
-      }), handleOnUpdate = (0, import_core13.useEvent)(() => {
+      }), handleOnUpdate = (0, import_core12.useEvent)(() => {
         _providedHandleOnUpdate ? _providedHandleOnUpdate(() => addUpdatePortal2(name, children)) : addUpdatePortal2(name, children);
       });
       return (0, import_constants4.useIsomorphicLayoutEffect)(() => (handleOnMount(), () => {
@@ -9682,7 +9675,7 @@ var require_constants_native3 = __commonJS({
       constants: () => constants
     });
     module2.exports = __toCommonJS2(constants_exports);
-    var import_core13 = require_index_native16(), constants = {}, SHEET_NAME = "Sheet", SHEET_HANDLE_NAME = "SheetHandle", SHEET_OVERLAY_NAME = "SheetOverlay", SHEET_HIDDEN_STYLESHEET = import_core13.isClient ? document.createElement("style") : null;
+    var import_core12 = require_index_native16(), constants = {}, SHEET_NAME = "Sheet", SHEET_HANDLE_NAME = "SheetHandle", SHEET_OVERLAY_NAME = "SheetOverlay", SHEET_HIDDEN_STYLESHEET = import_core12.isClient ? document.createElement("style") : null;
     SHEET_HIDDEN_STYLESHEET && document.head.appendChild(SHEET_HIDDEN_STYLESHEET);
   }
 });
@@ -9808,11 +9801,10 @@ var require_useSheetProviderProps_native = __commonJS({
       useSheetProviderProps: () => useSheetProviderProps
     });
     module2.exports = __toCommonJS2(useSheetProviderProps_exports);
-    var import_core13 = require_index_native16(), import_use_constant = require_index_native2(), import_use_controllable_state = require_index_native9(), import_react2 = __toESM2(require("react"));
+    var import_core12 = require_index_native16(), import_use_constant = require_index_native2(), import_use_controllable_state = require_index_native9(), import_react2 = __toESM2(require("react"));
     function useSheetProviderProps(props, state, options = {}) {
       let contentRef = import_react2.default.useRef(null), [frameSize, setFrameSize] = (0, import_react2.useState)(0), [maxContentSize, setMaxContentSize] = (0, import_react2.useState)(0), snapPointsMode = props.snapPointsMode ?? "percent", snapPointsProp = props.snapPoints ?? (snapPointsMode === "percent" ? [80] : snapPointsMode === "constant" ? [256] : ["fit"]), hasFit = snapPointsProp[0] === "fit", snapPoints = (0, import_react2.useMemo)(
         () => props.dismissOnSnapToBottom ? [...snapPointsProp, 0] : snapPointsProp,
-        // eslint-disable-next-line react-hooks/exhaustive-deps
         [JSON.stringify(snapPointsProp), props.dismissOnSnapToBottom]
       ), [position_, setPositionImmediate] = (0, import_use_controllable_state.useControllableState)({
         prop: props.position,
@@ -9852,7 +9844,7 @@ var require_useSheetProviderProps_native = __commonJS({
       (0, import_react2.useEffect)(() => {
         shouldSetPositionOpen && setPosition(0);
       }, [setPosition, shouldSetPositionOpen]);
-      let { animationDriver } = (0, import_core13.useConfiguration)();
+      let { animationDriver } = (0, import_core12.useConfiguration)();
       if (!animationDriver)
         throw new Error("Must set animations in tamagui.config.ts");
       let scrollBridge = (0, import_use_constant.useConstant)(() => ({
@@ -10042,7 +10034,7 @@ var require_helpers_native = __commonJS({
     module2.exports = __toCommonJS2(helpers_exports);
     function resisted(y, minY, maxOverflow = 25) {
       if (y < minY) {
-        let past = minY - y, extra = -(1.1 - 0.1 ** (Math.min(maxOverflow, past) / maxOverflow)) * maxOverflow;
+        let past = minY - y, extra = -(1.1 - 0.15 ** (Math.min(maxOverflow, past) / maxOverflow)) * maxOverflow;
         return minY + extra;
       }
       return y;
@@ -10067,7 +10059,7 @@ var require_SheetImplementationCustom_native = __commonJS({
       SheetImplementationCustom: () => SheetImplementationCustom
     });
     module2.exports = __toCommonJS2(SheetImplementationCustom_exports);
-    var import_adapt = require_index_native25(), import_animate_presence = require_index_native4(), import_compose_refs = require_index_native10(), import_constants4 = require_index_native6(), import_core13 = require_index_native16(), import_portal2 = require_index_native30(), import_use_keyboard_visible = require_index_native32(), import_react2 = require("react"), import_react_native4 = require("react-native"), import_constants22 = require_constants_native3(), import_contexts = require_contexts_native(), import_helpers = require_helpers_native(), import_SheetContext = require_SheetContext_native(), import_useSheetOpenState = require_useSheetOpenState_native(), import_useSheetProviderProps = require_useSheetProviderProps_native(), import_jsx_runtime6 = require("react/jsx-runtime"), hiddenSize = 10000.1, SheetImplementationCustom = (0, import_core13.themeable)(
+    var import_adapt = require_index_native25(), import_animate_presence = require_index_native4(), import_compose_refs = require_index_native10(), import_constants4 = require_index_native6(), import_core12 = require_index_native16(), import_portal2 = require_index_native30(), import_use_keyboard_visible = require_index_native32(), import_react2 = require("react"), import_react_native4 = require("react-native"), import_constants22 = require_constants_native3(), import_contexts = require_contexts_native(), import_helpers = require_helpers_native(), import_SheetContext = require_SheetContext_native(), import_useSheetOpenState = require_useSheetOpenState_native(), import_useSheetProviderProps = require_useSheetProviderProps_native(), import_jsx_runtime6 = require("react/jsx-runtime"), hiddenSize = 10000.1, SheetImplementationCustom = (0, import_core12.themeable)(
       (0, import_react2.forwardRef)(function(props, forwardedRef) {
         let parentSheet = (0, import_react2.useContext)(import_contexts.ParentSheetContext), {
           animation,
@@ -10094,7 +10086,7 @@ var require_SheetImplementationCustom_native = __commonJS({
         } = providerProps, { open, controller, isHidden } = state, sheetRef = (0, import_react2.useRef)(null), ref = (0, import_compose_refs.useComposedRefs)(forwardedRef, sheetRef), animationConfig = (() => {
           let [animationProp, animationPropConfig] = animation ? Array.isArray(animation) ? animation : [animation] : [];
           return animationConfigProp ?? (animationProp ? {
-            ...(0, import_core13.getConfig)().animations.animations[animationProp],
+            ...(0, import_core12.getConfig)().animations.animations[animationProp],
             ...animationPropConfig
           } : null);
         })(), [isShowingInnerSheet, setIsShowingInnerSheet] = (0, import_react2.useState)(!1), shouldHideParentSheet = !import_constants4.isWeb && modal && isShowingInnerSheet, parentSheetContext = (0, import_react2.useContext)(import_contexts.SheetInsideSheetContext), onInnerSheet = (0, import_react2.useCallback)((hasChild) => {
@@ -10104,7 +10096,7 @@ var require_SheetImplementationCustom_native = __commonJS({
             (point) => getYPositions(snapPointsMode, point, screenSize, frameSize)
           ),
           [screenSize, frameSize, snapPoints, snapPointsMode]
-        ), { animationDriver } = (0, import_core13.useConfiguration)(), { useAnimatedNumber, useAnimatedNumberStyle, useAnimatedNumberReaction } = animationDriver, AnimatedView = animationDriver.View ?? import_core13.Stack;
+        ), { animationDriver } = (0, import_core12.useConfiguration)(), { useAnimatedNumber, useAnimatedNumberStyle, useAnimatedNumberReaction } = animationDriver, AnimatedView = animationDriver.View ?? import_core12.Stack;
         (0, import_constants4.useIsomorphicLayoutEffect)(() => {
           if (parentSheetContext && open)
             return parentSheetContext(!0), () => {
@@ -10132,7 +10124,7 @@ var require_SheetImplementationCustom_native = __commonJS({
         function stopSpring() {
           animatedNumber.stop(), scrollBridge.onFinishAnimate && (scrollBridge.onFinishAnimate(), scrollBridge.onFinishAnimate = void 0);
         }
-        let hasntMeasured = at.current === hiddenSize, animateTo = (0, import_core13.useEvent)((position2) => {
+        let hasntMeasured = at.current === hiddenSize, animateTo = (0, import_core12.useEvent)((position2) => {
           if (frameSize === 0)
             return;
           let toValue = isHidden || position2 === -1 ? screenSize : positions[position2];
@@ -10159,54 +10151,50 @@ var require_SheetImplementationCustom_native = __commonJS({
         }, [hasntMeasured, screenSize]), (0, import_constants4.useIsomorphicLayoutEffect)(() => {
           !frameSize || !screenSize || isHidden || hasntMeasured && !open || animateTo(position);
         }, [isHidden, frameSize, screenSize, open, position]);
-        let disableDrag = props.disableDrag ?? (controller == null ? void 0 : controller.disableDrag), themeName = (0, import_core13.useThemeName)(), [isDragging, setIsDragging] = (0, import_react2.useState)(!1), panResponder = (0, import_react2.useMemo)(
-          () => {
-            if (disableDrag || !frameSize || isShowingInnerSheet)
-              return;
-            let minY = positions[0];
-            scrollBridge.paneMinY = minY;
-            let startY = at.current;
-            function setPanning(val) {
-              setIsDragging(val), import_constants22.SHEET_HIDDEN_STYLESHEET && (val ? import_constants22.SHEET_HIDDEN_STYLESHEET.innerText = ":root * { user-select: none !important; -webkit-user-select: none !important; }" : import_constants22.SHEET_HIDDEN_STYLESHEET.innerText = "");
+        let disableDrag = props.disableDrag ?? (controller == null ? void 0 : controller.disableDrag), themeName = (0, import_core12.useThemeName)(), [isDragging, setIsDragging] = (0, import_react2.useState)(!1), panResponder = (0, import_react2.useMemo)(() => {
+          if (disableDrag || !frameSize || isShowingInnerSheet)
+            return;
+          let minY = positions[0];
+          scrollBridge.paneMinY = minY;
+          let startY = at.current;
+          function setPanning(val) {
+            setIsDragging(val), import_constants22.SHEET_HIDDEN_STYLESHEET && (val ? import_constants22.SHEET_HIDDEN_STYLESHEET.innerText = ":root * { user-select: none !important; -webkit-user-select: none !important; }" : import_constants22.SHEET_HIDDEN_STYLESHEET.innerText = "");
+          }
+          let release = ({ vy, dragAt }) => {
+            isExternalDrag = !1, previouslyScrolling = !1, setPanning(!1);
+            let end = dragAt + startY + frameSize * vy * 0.2, closestPoint = 0, dist = 1 / 0;
+            for (let i = 0; i < positions.length; i++) {
+              let position2 = positions[i], curDist = end > position2 ? end - position2 : position2 - end;
+              curDist < dist && (dist = curDist, closestPoint = i);
             }
-            let release = ({ vy, dragAt }) => {
-              isExternalDrag = !1, previouslyScrolling = !1, setPanning(!1);
-              let end = dragAt + startY + frameSize * vy * 0.2, closestPoint = 0, dist = 1 / 0;
-              for (let i = 0; i < positions.length; i++) {
-                let position2 = positions[i], curDist = end > position2 ? end - position2 : position2 - end;
-                curDist < dist && (dist = curDist, closestPoint = i);
-              }
-              setPosition(closestPoint), animateTo(closestPoint);
-            }, finish = (_e, state2) => {
-              release({
-                vy: state2.vy,
-                dragAt: state2.dy
-              });
-            }, previouslyScrolling = !1, onMoveShouldSet = (_e, { dy }) => {
-              let isScrolled = scrollBridge.y !== 0, isDraggingUp = dy < 0, isNearTop = scrollBridge.paneY - 5 <= scrollBridge.paneMinY;
-              return isScrolled ? (previouslyScrolling = !0, !1) : isNearTop && !isScrolled && isDraggingUp ? !1 : Math.abs(dy) > 5;
-            }, grant = () => {
-              setPanning(!0), stopSpring(), startY = at.current;
-            }, isExternalDrag = !1;
-            return scrollBridge.drag = (dy) => {
-              isExternalDrag || (isExternalDrag = !0, grant());
-              let to = dy + startY;
-              animatedNumber.setValue((0, import_helpers.resisted)(to, minY), { type: "direct" });
-            }, scrollBridge.release = release, import_react_native4.PanResponder.create({
-              onMoveShouldSetPanResponder: onMoveShouldSet,
-              onPanResponderGrant: grant,
-              onPanResponderMove: (_e, { dy }) => {
-                let toFull = dy + startY, to = (0, import_helpers.resisted)(toFull, minY);
-                animatedNumber.setValue(to, { type: "direct" });
-              },
-              onPanResponderEnd: finish,
-              onPanResponderTerminate: finish,
-              onPanResponderRelease: finish
+            setPosition(closestPoint), animateTo(closestPoint);
+          }, finish = (_e, state2) => {
+            release({
+              vy: state2.vy,
+              dragAt: state2.dy
             });
-          },
-          // eslint-disable-next-line react-hooks/exhaustive-deps
-          [disableDrag, isShowingInnerSheet, animateTo, frameSize, positions, setPosition]
-        ), handleAnimationViewLayout = (0, import_react2.useCallback)(
+          }, previouslyScrolling = !1, onMoveShouldSet = (_e, { dy }) => {
+            let isScrolled = scrollBridge.y !== 0, isDraggingUp = dy < 0, isNearTop = scrollBridge.paneY - 5 <= scrollBridge.paneMinY;
+            return isScrolled ? (previouslyScrolling = !0, !1) : Math.abs(dy) > 5;
+          }, grant = () => {
+            setPanning(!0), stopSpring(), startY = at.current;
+          }, isExternalDrag = !1;
+          return scrollBridge.drag = (dy) => {
+            isExternalDrag || (isExternalDrag = !0, grant());
+            let to = dy + startY;
+            animatedNumber.setValue((0, import_helpers.resisted)(to, minY), { type: "direct" });
+          }, scrollBridge.release = release, import_react_native4.PanResponder.create({
+            onMoveShouldSetPanResponder: onMoveShouldSet,
+            onPanResponderGrant: grant,
+            onPanResponderMove: (_e, { dy }) => {
+              let toFull = dy + startY, to = (0, import_helpers.resisted)(toFull, minY);
+              animatedNumber.setValue(to, { type: "direct" });
+            },
+            onPanResponderEnd: finish,
+            onPanResponderTerminate: finish,
+            onPanResponderRelease: finish
+          });
+        }, [disableDrag, isShowingInnerSheet, animateTo, frameSize, positions, setPosition]), handleAnimationViewLayout = (0, import_react2.useCallback)(
           (e) => {
             var _a;
             let next = Math.min(
@@ -10286,6 +10274,7 @@ var require_SheetImplementationCustom_native = __commonJS({
                 // @ts-ignore for CSS driver this is necessary to attach the transition
                 animation
               },
+              disableClassName: !0,
               style: [
                 {
                   position: "absolute",
@@ -10302,7 +10291,7 @@ var require_SheetImplementationCustom_native = __commonJS({
           )
         ] }) }), adaptContext = (0, import_react2.useContext)(import_adapt.AdaptParentContext), shouldMountChildren = !!(opacity || !unmountChildrenWhenHidden);
         if (modal) {
-          let modalContents = /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_portal2.Portal, { zIndex, ...portalProps, children: shouldMountChildren && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_core13.Theme, { forceClassName: !0, name: themeName, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_adapt.AdaptParentContext.Provider, { value: adaptContext, children: contents }) }) });
+          let modalContents = /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_portal2.Portal, { zIndex, ...portalProps, children: shouldMountChildren && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_core12.Theme, { forceClassName: !0, name: themeName, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_adapt.AdaptParentContext.Provider, { value: adaptContext, children: contents }) }) });
           return import_constants4.isWeb ? modalContents : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_contexts.SheetInsideSheetContext.Provider, { value: onInnerSheet, children: modalContents });
         }
         return contents;
@@ -10499,7 +10488,7 @@ var require_createSheet_native = __commonJS({
       createSheet: () => createSheet
     });
     module2.exports = __toCommonJS2(createSheet_exports);
-    var import_compose_refs = require_index_native10(), import_constants4 = require_index_native6(), import_core13 = require_index_native16(), import_helpers = require_index_native7(), import_remove_scroll = require_index_native31(), import_use_did_finish_ssr = require_index_native11(), import_react2 = require("react"), import_react_native4 = require("react-native"), import_constants22 = require_constants_native3(), import_nativeSheet = require_nativeSheet_native(), import_SheetContext = require_SheetContext_native(), import_SheetImplementationCustom = require_SheetImplementationCustom_native(), import_SheetScrollView = require_SheetScrollView_native(), import_useSheetController = require_useSheetController_native(), import_useSheetOffscreenSize = require_useSheetOffscreenSize_native(), import_jsx_runtime6 = (
+    var import_compose_refs = require_index_native10(), import_constants4 = require_index_native6(), import_core12 = require_index_native16(), import_helpers = require_index_native7(), import_remove_scroll = require_index_native31(), import_use_did_finish_ssr = require_index_native11(), import_react2 = require("react"), import_react_native4 = require("react-native"), import_constants22 = require_constants_native3(), import_nativeSheet = require_nativeSheet_native(), import_SheetContext = require_SheetContext_native(), import_SheetImplementationCustom = require_SheetImplementationCustom_native(), import_SheetScrollView = require_SheetScrollView_native(), import_useSheetController = require_useSheetController_native(), import_useSheetOffscreenSize = require_useSheetOffscreenSize_native(), import_jsx_runtime6 = (
       // @ts-ignore
       require("react/jsx-runtime")
     );
@@ -10564,7 +10553,7 @@ var require_createSheet_native = __commonJS({
                   ...props,
                   children: [
                     children,
-                    adjustPaddingForOffscreenContent && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_core13.Stack, { "data-sheet-offscreen-pad": !0, height: offscreenSize, width: "100%" })
+                    adjustPaddingForOffscreenContent && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_core12.Stack, { "data-sheet-offscreen-pad": !0, height: offscreenSize, width: "100%" })
                   ]
                 }
               )
@@ -10660,9 +10649,9 @@ var require_Sheet_native = __commonJS({
       createSheetScope: () => import_SheetContext.createSheetScope
     });
     module2.exports = __toCommonJS2(Sheet_exports);
-    var import_core13 = require_index_native16(), import_stacks3 = require_index_native20(), import_constants4 = require_constants_native3(), import_createSheet = require_createSheet_native(), import_SheetContext = require_SheetContext_native();
+    var import_core12 = require_index_native16(), import_stacks3 = require_index_native20(), import_constants4 = require_constants_native3(), import_createSheet = require_createSheet_native(), import_SheetContext = require_SheetContext_native();
     __reExport2(Sheet_exports, require_types_native5(), module2.exports);
-    var Handle = (0, import_core13.styled)(import_stacks3.XStack, {
+    var Handle = (0, import_core12.styled)(import_stacks3.XStack, {
       name: import_constants4.SHEET_HANDLE_NAME,
       variants: {
         open: {
@@ -10692,7 +10681,7 @@ var require_Sheet_native = __commonJS({
       defaultVariants: {
         unstyled: process.env.TAMAGUI_HEADLESS === "1"
       }
-    }), Overlay = (0, import_core13.styled)(import_stacks3.ThemeableStack, {
+    }), Overlay = (0, import_core12.styled)(import_stacks3.ThemeableStack, {
       name: import_constants4.SHEET_OVERLAY_NAME,
       variants: {
         open: {
@@ -10718,7 +10707,7 @@ var require_Sheet_native = __commonJS({
       defaultVariants: {
         unstyled: process.env.TAMAGUI_HEADLESS === "1"
       }
-    }), Frame = (0, import_core13.styled)(import_stacks3.YStack, {
+    }), Frame = (0, import_core12.styled)(import_stacks3.YStack, {
       name: import_constants4.SHEET_NAME,
       variants: {
         unstyled: {
@@ -10782,12 +10771,12 @@ var require_SheetController_native = __commonJS({
       SheetController: () => SheetController
     });
     module2.exports = __toCommonJS2(SheetController_exports);
-    var import_core13 = require_index_native16(), import_react2 = require("react"), import_useSheetController = require_useSheetController_native(), import_jsx_runtime6 = require("react/jsx-runtime"), SheetController = ({
+    var import_core12 = require_index_native16(), import_react2 = require("react"), import_useSheetController = require_useSheetController_native(), import_jsx_runtime6 = require("react/jsx-runtime"), SheetController = ({
       children,
       onOpenChange: onOpenChangeProp,
       ...value
     }) => {
-      let onOpenChange = (0, import_core13.useEvent)(onOpenChangeProp), memoValue = (0, import_react2.useMemo)(
+      let onOpenChange = (0, import_core12.useEvent)(onOpenChangeProp), memoValue = (0, import_react2.useMemo)(
         () => ({
           open: value.open,
           hidden: value.hidden,
@@ -10863,7 +10852,7 @@ var require_Dialog_native = __commonJS({
       createDialogScope: () => createDialogScope
     });
     module2.exports = __toCommonJS2(Dialog_exports);
-    var import_adapt = require_index_native25(), import_animate_presence = require_index_native4(), import_aria_hidden = require_index_native27(), import_compose_refs = require_index_native10(), import_constants4 = require_index_native6(), import_core13 = require_index_native16(), import_create_context = require_index_native26(), import_dismissable = require_index_native28(), import_focus_scope = require_index_native29(), import_helpers = require_index_native7(), import_portal2 = require_index_native30(), import_remove_scroll = require_index_native31(), 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_jsx_runtime6 = require("react/jsx-runtime"), DIALOG_NAME = "Dialog", [createDialogContext, createDialogScope] = (0, import_create_context.createContextScope)(DIALOG_NAME), [DialogProvider, useDialogContext] = createDialogContext(DIALOG_NAME), TRIGGER_NAME = "DialogTrigger", DialogTriggerFrame = (0, import_core13.styled)(import_core13.View, {
+    var import_adapt = require_index_native25(), import_animate_presence = require_index_native4(), import_aria_hidden = require_index_native27(), import_compose_refs = require_index_native10(), import_constants4 = require_index_native6(), import_core12 = require_index_native16(), import_create_context = require_index_native26(), import_dismissable = require_index_native28(), import_focus_scope = require_index_native29(), import_helpers = require_index_native7(), import_portal2 = require_index_native30(), import_remove_scroll = require_index_native31(), 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_jsx_runtime6 = require("react/jsx-runtime"), DIALOG_NAME = "Dialog", [createDialogContext, createDialogScope] = (0, import_create_context.createContextScope)(DIALOG_NAME), [DialogProvider, useDialogContext] = createDialogContext(DIALOG_NAME), TRIGGER_NAME = "DialogTrigger", DialogTriggerFrame = (0, import_core12.styled)(import_core12.View, {
       name: TRIGGER_NAME
     }), DialogTrigger = DialogTriggerFrame.styleable(
       (props, forwardedRef) => {
@@ -10889,7 +10878,7 @@ var require_Dialog_native = __commonJS({
       {
         forceMount: void 0
       }
-    ), DialogPortalFrame = (0, import_core13.styled)(import_stacks3.YStack, {
+    ), DialogPortalFrame = (0, import_core12.styled)(import_stacks3.YStack, {
       variants: {
         unstyled: {
           false: {
@@ -10908,7 +10897,7 @@ var require_Dialog_native = __commonJS({
         unstyled: process.env.TAMAGUI_HEADLESS === "1"
       }
     }), DialogPortalItem = (props) => {
-      let themeName = (0, import_core13.useThemeName)(), context = useDialogContext(PORTAL_NAME, props.__scopeDialog);
+      let themeName = (0, import_core12.useThemeName)(), context = useDialogContext(PORTAL_NAME, props.__scopeDialog);
       return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_portal2.PortalItem, { hostName: props.hostName, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(DialogPortalItemContent, { ...props, themeName, context }) });
     };
     function DialogPortalItemContent(props) {
@@ -10921,12 +10910,12 @@ var require_Dialog_native = __commonJS({
         spaceDirection,
         separator
       } = props, childrenSpaced = children;
-      return (space || separator) && (childrenSpaced = (0, import_core13.spacedChildren)({
+      return (space || separator) && (childrenSpaced = (0, import_core12.spacedChildren)({
         children,
         separator,
         space,
         direction: spaceDirection
-      })), /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(DialogProvider, { scope: __scopeDialog, ...context, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_core13.Theme, { name: themeName, children: childrenSpaced }) });
+      })), /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(DialogProvider, { scope: __scopeDialog, ...context, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_core12.Theme, { name: themeName, children: childrenSpaced }) });
     }
     var DialogPortal = (props) => {
       let { __scopeDialog, forceMount, children, ...frameProps } = props, context = useDialogContext(PORTAL_NAME, __scopeDialog), isShowing = forceMount || context.open, [isFullyHidden, setIsFullyHidden] = React2.useState(!isShowing);
@@ -10943,7 +10932,7 @@ var require_Dialog_native = __commonJS({
       return useShowDialogSheet(context) ? children : context.modal ? isFullyHidden ? null : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(DialogPortalItem, { __scopeDialog, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(PortalProvider2, { scope: __scopeDialog, forceMount, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(DialogPortalFrame, { pointerEvents: isShowing ? "auto" : "none", ...frameProps, children: contents }) }) }) : contents;
     };
     DialogPortal.displayName = PORTAL_NAME;
-    var OVERLAY_NAME = "DialogOverlay", DialogOverlayFrame = (0, import_core13.styled)(import_sheet.Overlay, {
+    var OVERLAY_NAME = "DialogOverlay", DialogOverlayFrame = (0, import_core12.styled)(import_sheet.Overlay, {
       name: OVERLAY_NAME
     }), DialogOverlay = DialogOverlayFrame.extractable(
       React2.forwardRef(
@@ -10971,7 +10960,7 @@ var require_Dialog_native = __commonJS({
           )
         );
       }
-    ), CONTENT_NAME = "DialogContent", DialogContentFrame = (0, import_core13.styled)(import_stacks3.ThemeableStack, {
+    ), CONTENT_NAME = "DialogContent", DialogContentFrame = (0, import_core12.styled)(import_stacks3.ThemeableStack, {
       name: CONTENT_NAME,
       tag: "dialog",
       variants: {
@@ -11136,7 +11125,7 @@ var require_Dialog_native = __commonJS({
           ] })
         ] }) : contents;
       }
-    ), TITLE_NAME = "DialogTitle", DialogTitleFrame = (0, import_core13.styled)(import_text2.H2, {
+    ), TITLE_NAME = "DialogTitle", DialogTitleFrame = (0, import_core12.styled)(import_text2.H2, {
       name: TITLE_NAME
     }), DialogTitle = DialogTitleFrame.styleable(
       (props, forwardedRef) => {
@@ -11145,7 +11134,7 @@ var require_Dialog_native = __commonJS({
       }
     );
     DialogTitle.displayName = TITLE_NAME;
-    var DialogDescriptionFrame = (0, import_core13.styled)(import_text2.Paragraph, {
+    var DialogDescriptionFrame = (0, import_core12.styled)(import_text2.Paragraph, {
       name: "DialogDescription"
     }), DESCRIPTION_NAME = "DialogDescription", DialogDescription = DialogDescriptionFrame.styleable(
       (props, forwardedRef) => {
@@ -11161,7 +11150,7 @@ var require_Dialog_native = __commonJS({
       }
     );
     DialogDescription.displayName = DESCRIPTION_NAME;
-    var CLOSE_NAME = "DialogClose", DialogCloseFrame = (0, import_core13.styled)(import_core13.View, {
+    var CLOSE_NAME = "DialogClose", DialogCloseFrame = (0, import_core12.styled)(import_core12.View, {
       name: CLOSE_NAME,
       tag: "button"
     }), DialogClose = DialogCloseFrame.styleable(
@@ -11291,7 +11280,7 @@ If you want to hide the \`${titleWarningContext.titleName}\`, you can wrap it wi
       scopeKey,
       contentId
     }) => `${scopeKey || contentId}SheetContents`, DialogSheetController = (props) => {
-      let context = useDialogContext("DialogSheetController", props.__scopeDialog), showSheet = useShowDialogSheet(context), breakpointActive = useSheetBreakpointActive(context), getShowSheet = (0, import_core13.useGet)(showSheet);
+      let context = useDialogContext("DialogSheetController", props.__scopeDialog), showSheet = useShowDialogSheet(context), breakpointActive = useSheetBreakpointActive(context), getShowSheet = (0, import_core12.useGet)(showSheet);
       return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
         import_sheet.SheetController,
         {
@@ -11304,7 +11293,7 @@ If you want to hide the \`${titleWarningContext.titleName}\`, you can wrap it wi
         }
       );
     }, useSheetBreakpointActive = (context) => {
-      let media = (0, import_core13.useMedia)();
+      let media = (0, import_core12.useMedia)();
       return context.sheetBreakpoint ? context.sheetBreakpoint === !0 ? !0 : media[context.sheetBreakpoint] : !1;
     }, useShowDialogSheet = (context) => {
       let breakpointActive = useSheetBreakpointActive(context);
@@ -11361,9 +11350,9 @@ var require_AlertDialog_native = __commonJS({
       createAlertDialogScope: () => createAlertDialogScope
     });
     module2.exports = __toCommonJS2(AlertDialog_exports);
-    var import_compose_refs = require_index_native10(), import_constants4 = require_index_native6(), import_core13 = require_index_native16(), import_create_context = require_index_native26(), import_dialog = require_index_native35(), import_helpers = require_index_native7(), import_use_controllable_state = require_index_native9(), React2 = __toESM2(require("react")), import_react_native4 = require("react-native"), import_jsx_runtime6 = require("react/jsx-runtime"), ROOT_NAME = "AlertDialog", [createAlertDialogContext, createAlertDialogScope] = (0, import_create_context.createContextScope)(ROOT_NAME, [
+    var import_compose_refs = require_index_native10(), import_constants4 = require_index_native6(), import_core12 = require_index_native16(), import_create_context = require_index_native26(), import_dialog = require_index_native35(), import_helpers = require_index_native7(), import_use_controllable_state = require_index_native9(), React2 = __toESM2(require("react")), import_react_native4 = require("react-native"), import_jsx_runtime6 = require("react/jsx-runtime"), ROOT_NAME = "AlertDialog", [createAlertDialogContext, createAlertDialogScope] = (0, import_create_context.createContextScope)(ROOT_NAME, [
       import_dialog.createDialogScope
-    ]), useDialogScope = (0, import_dialog.createDialogScope)(), TRIGGER_NAME = "AlertDialogTrigger", NativeAlertDialogTriggerFrame = (0, import_core13.styled)(import_core13.View, {
+    ]), useDialogScope = (0, import_dialog.createDialogScope)(), TRIGGER_NAME = "AlertDialogTrigger", NativeAlertDialogTriggerFrame = (0, import_core12.styled)(import_core12.View, {
       name: TRIGGER_NAME
     }), AlertDialogTrigger = React2.forwardRef(
       (props, forwardedRef) => {
@@ -11387,7 +11376,7 @@ var require_AlertDialog_native = __commonJS({
       return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_dialog.DialogPortal, { ...dialogScope, ...portalProps });
     };
     AlertDialogPortal.displayName = PORTAL_NAME;
-    var OVERLAY_NAME = "AlertDialogOverlay", AlertDialogOverlayFrame = (0, import_core13.styled)(import_dialog.DialogOverlayFrame, {
+    var OVERLAY_NAME = "AlertDialogOverlay", AlertDialogOverlayFrame = (0, import_core12.styled)(import_dialog.DialogOverlayFrame, {
       name: OVERLAY_NAME
     }), AlertDialogOverlay = AlertDialogOverlayFrame.extractable(
       React2.forwardRef(
@@ -11424,7 +11413,7 @@ var require_AlertDialog_native = __commonJS({
                 onPointerDownOutside: (event) => event.preventDefault(),
                 onInteractOutside: (event) => event.preventDefault(),
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_core13.Slottable, { children }),
+                  /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_core12.Slottable, { children }),
                   process.env.NODE_ENV === "development" && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(DescriptionWarning, { contentRef })
                 ]
               }
@@ -11485,7 +11474,7 @@ var require_AlertDialog_native = __commonJS({
         if (forEachChildDeep(React2.Children.toArray(props.children), (child) => {
           if (!React2.isValidElement(child))
             return !1;
-          let name = (0, import_core13.isTamaguiElement)(child) ? child.type.staticConfig.componentName : child.type.displayName;
+          let name = (0, import_core12.isTamaguiElement)(child) ? child.type.staticConfig.componentName : child.type.displayName;
           switch (name) {
             case TRIGGER_NAME:
               return triggerElement = React2.cloneElement(child, {
@@ -11577,11 +11566,11 @@ var require_Image_native = __commonJS({
       Image: () => Image
     });
     module2.exports = __toCommonJS2(Image_exports);
-    var import_constants4 = require_index_native6(), import_core13 = require_index_native16(), import_react2 = require("react"), import_react_native4 = require("react-native"), import_jsx_runtime6 = require("react/jsx-runtime"), StyledImage = (0, import_core13.styled)(import_react_native4.Image, {
+    var import_constants4 = require_index_native6(), import_core12 = require_index_native16(), import_react2 = require("react"), import_react_native4 = require("react-native"), import_jsx_runtime6 = require("react/jsx-runtime"), StyledImage = (0, import_core12.styled)(import_react_native4.Image, {
       name: "Image"
     }), hasWarned = !1, Image = StyledImage.extractable(
       (0, import_react2.forwardRef)((inProps, ref) => {
-        let [props, style] = (0, import_core13.usePropsAndStyle)(inProps), { src, source, ...rest } = props;
+        let [props, style] = (0, import_core12.usePropsAndStyle)(inProps), { src, source, ...rest } = props;
         process.env.NODE_ENV === "development" && typeof src == "string" && (typeof props.width == "string" && props.width[0] !== "$" || typeof props.height == "string" && props.height[0] !== "$") && (hasWarned || (hasWarned = !0, console.warn(
           'React Native expects a numerical width/height. If you want to use a percent you must define the "source" prop with width, height, and uri.'
         )));
@@ -11745,15 +11734,15 @@ var require_Avatar_native = __commonJS({
       createAvatarScope: () => createAvatarScope
     });
     module2.exports = __toCommonJS2(Avatar_exports);
-    var import_core13 = require_index_native16(), import_create_context = require_index_native26(), import_helpers = require_index_native7(), import_image = require_index_native37(), import_shapes = require_index_native38(), import_stacks3 = require_index_native20(), React2 = __toESM2(require("react")), import_jsx_runtime6 = require("react/jsx-runtime"), AVATAR_NAME = "Avatar", [createAvatarContext, createAvatarScope] = (0, import_create_context.createContextScope)(AVATAR_NAME), [AvatarProvider, useAvatarContext] = createAvatarContext(AVATAR_NAME), IMAGE_NAME = "AvatarImage", AvatarImage = React2.forwardRef(
+    var import_core12 = require_index_native16(), import_create_context = require_index_native26(), import_helpers = require_index_native7(), import_image = require_index_native37(), import_shapes = require_index_native38(), import_stacks3 = require_index_native20(), React2 = __toESM2(require("react")), import_jsx_runtime6 = require("react/jsx-runtime"), AVATAR_NAME = "Avatar", [createAvatarContext, createAvatarScope] = (0, import_create_context.createContextScope)(AVATAR_NAME), [AvatarProvider, useAvatarContext] = createAvatarContext(AVATAR_NAME), IMAGE_NAME = "AvatarImage", AvatarImage = React2.forwardRef(
       (props, forwardedRef) => {
         var _a;
         let { __scopeAvatar, src, onLoadingStatusChange = () => {
-        }, ...imageProps } = props, context = useAvatarContext(IMAGE_NAME, __scopeAvatar), [status, setStatus] = React2.useState("idle"), shapeSize = (0, import_core13.getVariableValue)(
+        }, ...imageProps } = props, context = useAvatarContext(IMAGE_NAME, __scopeAvatar), [status, setStatus] = React2.useState("idle"), shapeSize = (0, import_core12.getVariableValue)(
           (_a = (0, import_shapes.getShapeSize)(
             context.size,
             // @ts-expect-error
-            { tokens: (0, import_core13.getTokens)() }
+            { tokens: (0, import_core12.getTokens)() }
           )) == null ? void 0 : _a.width
         );
         return React2.useEffect(() => {
@@ -11782,7 +11771,7 @@ var require_Avatar_native = __commonJS({
       }
     );
     AvatarImage.displayName = IMAGE_NAME;
-    var FALLBACK_NAME = "AvatarFallback", AvatarFallbackFrame = (0, import_core13.styled)(import_stacks3.YStack, {
+    var FALLBACK_NAME = "AvatarFallback", AvatarFallbackFrame = (0, import_core12.styled)(import_stacks3.YStack, {
       name: FALLBACK_NAME,
       position: "absolute",
       fullscreen: !0,
@@ -11801,7 +11790,7 @@ var require_Avatar_native = __commonJS({
       )
     );
     AvatarFallback.displayName = FALLBACK_NAME;
-    var AvatarFrame = (0, import_core13.styled)(import_shapes.Square, {
+    var AvatarFrame = (0, import_core12.styled)(import_shapes.Square, {
       name: AVATAR_NAME,
       position: "relative",
       overflow: "hidden"
@@ -11864,16 +11853,16 @@ var require_getFontSize_native = __commonJS({
       getFontSizeVariable: () => getFontSizeVariable
     });
     module2.exports = __toCommonJS2(getFontSize_exports);
-    var import_core13 = require_index_native16(), getFontSize = (inSize, opts) => {
+    var import_core12 = require_index_native16(), getFontSize = (inSize, opts) => {
       let res = getFontSizeVariable(inSize, opts);
-      return (0, import_core13.isVariable)(res) ? +res.val : res ? +res : 16;
+      return (0, import_core12.isVariable)(res) ? +res.val : res ? +res : 16;
     }, getFontSizeVariable = (inSize, opts) => {
       let token = getFontSizeToken(inSize, opts);
-      return token ? (0, import_core13.getConfig)().fontsParsed[(opts == null ? void 0 : opts.font) || "$body"].size[token] : inSize;
+      return token ? (0, import_core12.getConfig)().fontsParsed[(opts == null ? void 0 : opts.font) || "$body"].size[token] : inSize;
     }, getFontSizeToken = (inSize, opts) => {
       if (typeof inSize == "number")
         return null;
-      let relativeSize = (opts == null ? void 0 : opts.relativeSize) || 0, fontSize = (0, import_core13.getConfig)().fontsParsed[(opts == null ? void 0 : opts.font) || "$body"].size, size2 = (inSize === "$true" && !("$true" in fontSize) ? "$4" : inSize) ?? ("$true" in fontSize ? "$true" : "$4"), sizeTokens = Object.keys(fontSize), foundIndex = sizeTokens.indexOf(size2);
+      let relativeSize = (opts == null ? void 0 : opts.relativeSize) || 0, fontSize = (0, import_core12.getConfig)().fontsParsed[(opts == null ? void 0 : opts.font) || "$body"].size, size2 = (inSize === "$true" && !("$true" in fontSize) ? "$4" : inSize) ?? ("$true" in fontSize ? "$true" : "$4"), sizeTokens = Object.keys(fontSize), foundIndex = sizeTokens.indexOf(size2);
       foundIndex === -1 && size2.endsWith(".5") && (foundIndex = sizeTokens.indexOf(size2.replace(".5", ""))), process.env.NODE_ENV === "development" && foundIndex === -1 && console.warn("No font size found", size2, opts, "in size tokens", sizeTokens);
       let tokenIndex = Math.min(
         Math.max(0, foundIndex + relativeSize),
@@ -12659,7 +12648,7 @@ var require_Checkbox_native = __commonJS({
       isIndeterminate: () => isIndeterminate
     });
     module2.exports = __toCommonJS2(Checkbox_exports);
-    var import_compose_refs = require_index_native10(), import_constants4 = require_index_native6(), import_core13 = require_index_native16(), import_create_context = require_index_native26(), import_focusable2 = require_index_native44(), import_font_size = require_index_native40(), import_get_token2 = require_index_native18(), import_helpers = require_index_native7(), import_helpers_tamagui = require_index_native41(), import_label = require_index_native45(), import_stacks3 = require_index_native20(), import_use_controllable_state = require_index_native9(), import_use_previous = require_index_native46(), React2 = __toESM2(require("react")), import_jsx_runtime6 = require("react/jsx-runtime"), CheckboxStyledContext = (0, import_core13.createStyledContext)({
+    var import_compose_refs = require_index_native10(), import_constants4 = require_index_native6(), import_core12 = require_index_native16(), import_create_context = require_index_native26(), import_focusable2 = require_index_native44(), import_font_size = require_index_native40(), import_get_token2 = require_index_native18(), import_helpers = require_index_native7(), import_helpers_tamagui = require_index_native41(), import_label = require_index_native45(), import_stacks3 = require_index_native20(), import_use_controllable_state = require_index_native9(), import_use_previous = require_index_native46(), React2 = __toESM2(require("react")), import_jsx_runtime6 = require("react/jsx-runtime"), CheckboxStyledContext = (0, import_core12.createStyledContext)({
       size: "$true",
       scaleIcon: 1
     });
@@ -12704,7 +12693,7 @@ var require_Checkbox_native = __commonJS({
           }
         }
       );
-    }, INDICATOR_NAME = "CheckboxIndicator", CheckboxIndicatorFrame = (0, import_core13.styled)(import_stacks3.ThemeableStack, {
+    }, INDICATOR_NAME = "CheckboxIndicator", CheckboxIndicatorFrame = (0, import_core12.styled)(import_stacks3.ThemeableStack, {
       // use Checkbox for easier themes
       name: INDICATOR_NAME,
       context: CheckboxStyledContext
@@ -12721,7 +12710,7 @@ var require_Checkbox_native = __commonJS({
           process.env.NODE_ENV === "development" && !childrenProp && console.warn(
             "Warning: You created a Checkbox.Indicator without passing an child prop for it to use as an icon."
           );
-          let context = useCheckboxContext(INDICATOR_NAME, __scopeCheckbox), styledContext = React2.useContext(CheckboxStyledContext), iconSize = (typeof styledContext.size == "number" ? styledContext.size * 0.65 : (0, import_font_size.getFontSize)(styledContext.size)) * styledContext.scaleIcon, theme = (0, import_core13.useTheme)(), getThemedIcon = (0, import_helpers_tamagui.useGetThemedIcon)({ size: iconSize, color: theme.color }), children = React2.Children.toArray(childrenProp).map((child) => disablePassStyles || !React2.isValidElement(child) ? child : getThemedIcon(child));
+          let context = useCheckboxContext(INDICATOR_NAME, __scopeCheckbox), styledContext = React2.useContext(CheckboxStyledContext), iconSize = (typeof styledContext.size == "number" ? styledContext.size * 0.65 : (0, import_font_size.getFontSize)(styledContext.size)) * styledContext.scaleIcon, theme = (0, import_core12.useTheme)(), getThemedIcon = (0, import_helpers_tamagui.useGetThemedIcon)({ size: iconSize, color: theme.color }), children = React2.Children.toArray(childrenProp).map((child) => disablePassStyles || !React2.isValidElement(child) ? child : getThemedIcon(child));
           return forceMount || isIndeterminate(context.state) || context.state === !0 ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
             CheckboxIndicatorFrame,
             {
@@ -12737,7 +12726,7 @@ var require_Checkbox_native = __commonJS({
       )
     );
     CheckboxIndicator.displayName = INDICATOR_NAME;
-    var CHECKBOX_NAME = "Checkbox", CheckboxFrame = (0, import_core13.styled)(import_stacks3.ThemeableStack, {
+    var CHECKBOX_NAME = "Checkbox", CheckboxFrame = (0, import_core12.styled)(import_stacks3.ThemeableStack, {
       name: CHECKBOX_NAME,
       tag: "button",
       context: CheckboxStyledContext,
@@ -12783,7 +12772,7 @@ var require_Checkbox_native = __commonJS({
         },
         size: {
           "...size": (val, { tokens }) => ({
-            borderRadius: (0, import_core13.getVariableValue)((0, import_get_token2.getSize)(val)) / 8
+            borderRadius: (0, import_core12.getVariableValue)((0, import_get_token2.getSize)(val)) / 8
           })
         }
       },
@@ -12806,11 +12795,11 @@ var require_Checkbox_native = __commonJS({
         native,
         scaleIcon,
         ...checkboxProps
-      } = props, isInsideButton = React2.useContext(import_stacks3.ButtonNestingContext), [button, setButton] = React2.useState(null), composedRefs = (0, import_compose_refs.useComposedRefs)(forwardedRef, (node) => setButton(node)), hasConsumerStoppedPropagationRef = React2.useRef(!1), propsActive = (0, import_core13.useProps)(props), isFormControl = import_constants4.isWeb ? button ? !!button.closest("form") : !0 : !1, [checked = !1, setChecked] = (0, import_use_controllable_state.useControllableState)({
+      } = props, isInsideButton = React2.useContext(import_stacks3.ButtonNestingContext), [button, setButton] = React2.useState(null), composedRefs = (0, import_compose_refs.useComposedRefs)(forwardedRef, (node) => setButton(node)), hasConsumerStoppedPropagationRef = React2.useRef(!1), propsActive = (0, import_core12.useProps)(props), isFormControl = import_constants4.isWeb ? button ? !!button.closest("form") : !0 : !1, [checked = !1, setChecked] = (0, import_use_controllable_state.useControllableState)({
         prop: checkedProp,
         defaultProp: defaultChecked,
         onChange: onCheckedChange
-      }), styledContext = React2.useContext(CheckboxStyledContext), adjustedSize = (0, import_core13.getVariableValue)(
+      }), styledContext = React2.useContext(CheckboxStyledContext), adjustedSize = (0, import_core12.getVariableValue)(
         (0, import_get_token2.getSize)(propsActive.size ?? (styledContext == null ? void 0 : styledContext.size) ?? "$true", {
           shift: sizeAdjust
         })
@@ -12934,10 +12923,10 @@ var require_Form_native = __commonJS({
       useFormContext: () => useFormContext
     });
     module2.exports = __toCommonJS2(Form_exports);
-    var import_core13 = require_index_native16(), import_create_context = require_index_native26(), import_helpers = require_index_native7(), import_jsx_runtime6 = require("react/jsx-runtime"), FORM_NAME = "Form", FormFrame = (0, import_core13.styled)(import_core13.Stack, {
+    var import_core12 = require_index_native16(), import_create_context = require_index_native26(), import_helpers = require_index_native7(), import_jsx_runtime6 = require("react/jsx-runtime"), FORM_NAME = "Form", FormFrame = (0, import_core12.styled)(import_core12.Stack, {
       name: FORM_NAME,
       tag: "form"
-    }), [createFormContext] = (0, import_create_context.createContextScope)(FORM_NAME), [FormProvider, useFormContext] = createFormContext(FORM_NAME), TRIGGER_NAME = "FormTrigger", FormTriggerFrame = (0, import_core13.styled)(import_core13.View, {
+    }), [createFormContext] = (0, import_create_context.createContextScope)(FORM_NAME), [FormProvider, useFormContext] = createFormContext(FORM_NAME), TRIGGER_NAME = "FormTrigger", FormTriggerFrame = (0, import_core12.styled)(import_core12.View, {
       name: TRIGGER_NAME
     }), FormTrigger = FormTriggerFrame.styleable(
       (props, forwardedRef) => {
@@ -13546,7 +13535,7 @@ var require_Group_native = __commonJS({
       useGroupItem: () => useGroupItem
     });
     module2.exports = __toCommonJS2(Group_exports);
-    var import_core13 = require_index_native16(), import_create_context = require_index_native26(), import_helpers = require_index_native7(), import_stacks3 = require_index_native20(), import_use_controllable_state = require_index_native9(), import_react2 = __toESM2(require("react")), import_react_native4 = require("react-native"), import_reforest = require_dist(), import_jsx_runtime6 = require("react/jsx-runtime"), GROUP_NAME = "Group", [createGroupContext, createGroupScope] = (0, import_create_context.createContextScope)(GROUP_NAME), [GroupProvider, useGroupContext] = createGroupContext(GROUP_NAME), GroupFrame = (0, import_core13.styled)(import_stacks3.ThemeableStack, {
+    var import_core12 = require_index_native16(), import_create_context = require_index_native26(), import_helpers = require_index_native7(), import_stacks3 = require_index_native20(), import_use_controllable_state = require_index_native9(), import_react2 = __toESM2(require("react")), import_react_native4 = require("react-native"), import_reforest = require_dist(), import_jsx_runtime6 = require("react/jsx-runtime"), GROUP_NAME = "Group", [createGroupContext, createGroupScope] = (0, import_create_context.createContextScope)(GROUP_NAME), [GroupProvider, useGroupContext] = createGroupContext(GROUP_NAME), GroupFrame = (0, import_core12.styled)(import_stacks3.ThemeableStack, {
       name: "GroupFrame",
       variants: {
         unstyled: {
@@ -13565,7 +13554,7 @@ var require_Group_native = __commonJS({
     function createGroup(verticalDefault) {
       return (0, import_helpers.withStaticProperties)(
         (0, import_react2.forwardRef)((props, ref) => {
-          let activeProps = (0, import_core13.useProps)(props), {
+          let activeProps = (0, import_core12.useProps)(props), {
             __scopeGroup,
             children: childrenProp,
             space,
@@ -13582,7 +13571,7 @@ var require_Group_native = __commonJS({
             ...restProps
           } = activeProps, vertical = orientation === "vertical", [itemChildrenCount, setItemChildrenCount] = (0, import_use_controllable_state.useControllableState)({
             defaultProp: forceUseItem ? 1 : 0
-          }), isUsingItems = itemChildrenCount > 0, radius = borderRadius ?? (size2 ? (0, import_core13.getVariableValue)((0, import_core13.getTokens)().radius[size2]) - 1 : void 0), disablePassBorderRadius = disablePassBorderRadiusProp ?? radius === void 0, childrenArray = import_react2.Children.toArray(childrenProp), children = isUsingItems ? import_react2.Children.toArray(childrenProp).filter(import_react2.isValidElement) : childrenArray.map((child, i) => {
+          }), isUsingItems = itemChildrenCount > 0, radius = borderRadius ?? (size2 ? (0, import_core12.getVariableValue)((0, import_core12.getTokens)().radius[size2]) - 1 : void 0), disablePassBorderRadius = disablePassBorderRadiusProp ?? radius === void 0, childrenArray = import_react2.Children.toArray(childrenProp), children = isUsingItems ? import_react2.Children.toArray(childrenProp).filter(import_react2.isValidElement) : childrenArray.map((child, i) => {
             if (!(0, import_react2.isValidElement)(child))
               return child;
             let disabled = child.props.disabled ?? disabledProp, isFirst = i === 0, isLast = i === childrenArray.length - 1, radiusStyles = disablePassBorderRadius === !0 ? null : getBorderRadius({
@@ -13593,11 +13582,11 @@ var require_Group_native = __commonJS({
               disable: disablePassBorderRadius
             }), props2 = {
               disabled,
-              ...(0, import_core13.isTamaguiElement)(child) ? radiusStyles : { style: radiusStyles }
+              ...(0, import_core12.isTamaguiElement)(child) ? radiusStyles : { style: radiusStyles }
             };
             return cloneElementWithPropOrder(child, props2);
           }), indexedChildren = (0, import_reforest.useIndexedChildren)(
-            (0, import_core13.spacedChildren)({
+            (0, import_core12.spacedChildren)({
               direction: spaceDirection,
               separator,
               // @ts-ignore
@@ -13647,7 +13636,7 @@ var require_Group_native = __commonJS({
         forcePlacement,
         __scopeGroup
       );
-      return (0, import_react2.isValidElement)(children) ? (0, import_core13.isTamaguiElement)(children) ? import_react2.default.cloneElement(children, groupItemProps) : import_react2.default.cloneElement(children, {
+      return (0, import_react2.isValidElement)(children) ? (0, import_core12.isTamaguiElement)(children) ? import_react2.default.cloneElement(children, groupItemProps) : import_react2.default.cloneElement(children, {
         style: {
           // @ts-ignore
           ...(_a = children.props) == null ? void 0 : _a.style,
@@ -13698,7 +13687,7 @@ var require_Group_native = __commonJS({
       borderBottomLeftRadius: disable !== "bottom" && disable !== "start" && (vertical && isLast || !vertical && isFirst) ? radius : 0,
       borderBottomRightRadius: isLast && disable !== "bottom" && disable !== "end" ? radius : 0
     }), cloneElementWithPropOrder = (child, props) => {
-      let next = (0, import_core13.mergeProps)(child.props, props, (0, import_core13.getConfig)().shorthands);
+      let next = (0, import_core12.mergeProps)(child.props, props, (0, import_core12.getConfig)().shorthands);
       return import_react2.default.cloneElement({ ...child, props: null }, next);
     };
   }
@@ -13971,6 +13960,66 @@ var require_index_native51 = __commonJS({
   }
 });
 
+// ../elements/dist/cjs/index.native.js
+var require_index_native52 = __commonJS({
+  "../elements/dist/cjs/index.native.js"(exports2, 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), src_exports2 = {};
+    __export2(src_exports2, {
+      Article: () => Article,
+      Aside: () => Aside,
+      Footer: () => Footer,
+      Header: () => Header,
+      Main: () => Main,
+      Nav: () => Nav,
+      Section: () => Section
+    });
+    module2.exports = __toCommonJS2(src_exports2);
+    var import_core12 = require_index_native16(), Section = (0, import_core12.styled)(import_core12.View, {
+      name: "Section",
+      tag: "section",
+      flexDirection: "column",
+      accessibilityRole: "summary"
+    }), Article = (0, import_core12.styled)(import_core12.View, {
+      name: "Article",
+      tag: "article",
+      flexDirection: "column"
+    }), Main = (0, import_core12.styled)(import_core12.View, {
+      name: "Main",
+      tag: "main",
+      flexDirection: "column"
+    }), Header = (0, import_core12.styled)(import_core12.View, {
+      name: "Header",
+      tag: "header",
+      accessibilityRole: "header",
+      flexDirection: "column"
+    }), Aside = (0, import_core12.styled)(import_core12.View, {
+      name: "Aside",
+      tag: "aside",
+      flexDirection: "column"
+      // accessibilityRole: 'complementary',
+    }), Footer = (0, import_core12.styled)(import_core12.View, {
+      name: "Footer",
+      tag: "footer",
+      flexDirection: "column"
+      // accessibilityRole: 'contentinfo',
+    }), Nav = (0, import_core12.styled)(import_core12.View, {
+      name: "Nav",
+      tag: "nav",
+      flexDirection: "column"
+      // accessibilityRole: 'navigation',
+    });
+  }
+});
+
 // ../list-item/dist/cjs/ListItem.native.js
 var require_ListItem_native = __commonJS({
   "../list-item/dist/cjs/ListItem.native.js"(exports2, module2) {
@@ -14154,7 +14203,7 @@ var require_ListItem_native = __commonJS({
 });
 
 // ../list-item/dist/cjs/index.native.js
-var require_index_native52 = __commonJS({
+var require_index_native53 = __commonJS({
   "../list-item/dist/cjs/index.native.js"(exports2, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __hasOwnProp2 = Object.prototype.hasOwnProperty, __copyProps2 = (to, from, except, desc) => {
@@ -14205,7 +14254,7 @@ var require_Animate_native = __commonJS({
 });
 
 // ../animate/dist/cjs/index.native.js
-var require_index_native53 = __commonJS({
+var require_index_native54 = __commonJS({
   "../animate/dist/cjs/index.native.js"(exports2, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __hasOwnProp2 = Object.prototype.hasOwnProperty, __copyProps2 = (to, from, except, desc) => {
@@ -15350,7 +15399,7 @@ var require_useFloating_native = __commonJS({
 });
 
 // ../floating/dist/cjs/index.native.js
-var require_index_native54 = __commonJS({
+var require_index_native55 = __commonJS({
   "../floating/dist/cjs/index.native.js"(exports2, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __hasOwnProp2 = Object.prototype.hasOwnProperty, __export2 = (target, all) => {
@@ -15403,7 +15452,7 @@ var require_Popper_native = __commonJS({
       usePopperContext: () => usePopperContext
     });
     module2.exports = __toCommonJS2(Popper_exports);
-    var import_compose_refs = require_index_native10(), import_constants4 = require_index_native6(), import_core13 = require_index_native16(), import_floating = require_index_native54(), import_get_token2 = require_index_native18(), import_stacks3 = require_index_native20(), React2 = __toESM2(require("react")), import_react_native4 = require("react-native"), import_jsx_runtime6 = require("react/jsx-runtime"), PopperContext = (0, import_core13.createStyledContext)({}), { useStyledContext: usePopperContext, Provider: PopperProvider } = PopperContext;
+    var import_compose_refs = require_index_native10(), import_constants4 = require_index_native6(), import_core12 = require_index_native16(), import_floating = require_index_native55(), import_get_token2 = require_index_native18(), import_stacks3 = require_index_native20(), React2 = __toESM2(require("react")), import_react_native4 = require("react-native"), import_jsx_runtime6 = require("react/jsx-runtime"), PopperContext = (0, import_core12.createStyledContext)({}), { useStyledContext: usePopperContext, Provider: PopperProvider } = PopperContext;
     function Popper(props) {
       let {
         children,
@@ -15414,7 +15463,7 @@ var require_Popper_native = __commonJS({
         allowFlip,
         offset: offset2,
         __scopePopper
-      } = props, isMounted = (0, import_core13.useDidFinishSSR)(), [arrowEl, setArrow] = React2.useState(null), [arrowSize, setArrowSize] = React2.useState(0), offsetOptions = offset2 ?? arrowSize, floating = (0, import_floating.useFloating)({
+      } = props, isMounted = (0, import_core12.useDidFinishSSR)(), [arrowEl, setArrow] = React2.useState(null), [arrowSize, setArrowSize] = React2.useState(0), offsetOptions = offset2 ?? arrowSize, floating = (0, import_floating.useFloating)({
         strategy,
         placement,
         sameScrollView: !1,
@@ -15477,14 +15526,14 @@ var require_Popper_native = __commonJS({
             ...anchorProps
           };
           return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-            import_core13.View,
+            import_core12.View,
             {
               ...getReferenceProps ? getReferenceProps(stackProps) : stackProps
             }
           );
         }
       )
-    ), PopperContentFrame = (0, import_core13.styled)(import_stacks3.ThemeableStack, {
+    ), PopperContentFrame = (0, import_core12.styled)(import_stacks3.ThemeableStack, {
       name: "PopperContent",
       variants: {
         unstyled: {
@@ -15540,8 +15589,8 @@ var require_Popper_native = __commonJS({
           animateOnly: rest.animateOnly
         }
       };
-      return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_core13.Stack, { ...getFloatingProps ? getFloatingProps(frameProps) : frameProps, children: contents });
-    }), PopperArrowFrame = (0, import_core13.styled)(import_stacks3.YStack, {
+      return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_core12.Stack, { ...getFloatingProps ? getFloatingProps(frameProps) : frameProps, children: contents });
+    }), PopperArrowFrame = (0, import_core12.styled)(import_stacks3.YStack, {
       name: "PopperArrow",
       variants: {
         unstyled: {
@@ -15555,7 +15604,7 @@ var require_Popper_native = __commonJS({
       defaultVariants: {
         unstyled: process.env.TAMAGUI_HEADLESS === "1"
       }
-    }), PopperArrowOuterFrame = (0, import_core13.styled)(import_stacks3.YStack, {
+    }), PopperArrowOuterFrame = (0, import_core12.styled)(import_stacks3.YStack, {
       name: "PopperArrowOuter",
       variants: {
         unstyled: {
@@ -15580,7 +15629,7 @@ var require_Popper_native = __commonJS({
     }, PopperArrow = PopperArrowFrame.styleable(
       function(propsIn, forwardedRef) {
         var _a, _b;
-        let { __scopePopper, ...rest } = propsIn, props = (0, import_core13.useProps)(rest), { offset: offset2, size: sizeProp, borderWidth = 0, ...arrowProps } = props, context = usePopperContext(__scopePopper), sizeVal = sizeProp ?? context.size, sizeValResolved = (0, import_core13.getVariableValue)(
+        let { __scopePopper, ...rest } = propsIn, props = (0, import_core12.useProps)(rest), { offset: offset2, size: sizeProp, borderWidth = 0, ...arrowProps } = props, context = usePopperContext(__scopePopper), sizeVal = sizeProp ?? context.size, sizeValResolved = (0, import_core12.getVariableValue)(
           (0, import_get_token2.getSpace)(sizeVal, {
             shift: -2,
             bounds: [2]
@@ -15626,7 +15675,7 @@ var require_Popper_native = __commonJS({
 });
 
 // ../popper/dist/cjs/index.native.js
-var require_index_native55 = __commonJS({
+var require_index_native56 = __commonJS({
   "../popper/dist/cjs/index.native.js"(exports2, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __hasOwnProp2 = Object.prototype.hasOwnProperty, __copyProps2 = (to, from, except, desc) => {
@@ -15693,7 +15742,7 @@ var require_Popover_native = __commonJS({
       usePopoverContext: () => usePopoverContext
     });
     module2.exports = __toCommonJS2(Popover_exports);
-    var import_polyfill_dev = require_polyfill_dev(), import_adapt = require_index_native25(), import_animate = require_index_native53(), import_animate_presence = require_index_native4(), import_aria_hidden = require_index_native27(), import_compose_refs = require_index_native10(), import_constants4 = require_index_native6(), import_core13 = require_index_native16(), import_floating = require_index_native54(), import_focus_scope = require_index_native29(), import_helpers = require_index_native7(), import_popper = require_index_native55(), import_portal2 = require_index_native30(), import_remove_scroll = require_index_native31(), import_sheet = require_index_native34(), import_stacks3 = require_index_native20(), import_use_controllable_state = require_index_native9(), 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) {
+    var import_polyfill_dev = require_polyfill_dev(), import_adapt = require_index_native25(), import_animate = require_index_native54(), import_animate_presence = require_index_native4(), import_aria_hidden = require_index_native27(), import_compose_refs = require_index_native10(), import_constants4 = require_index_native6(), import_core12 = require_index_native16(), import_floating = require_index_native55(), import_focus_scope = require_index_native29(), import_helpers = require_index_native7(), import_popper = require_index_native56(), import_portal2 = require_index_native30(), import_remove_scroll = require_index_native31(), import_sheet = require_index_native34(), import_stacks3 = require_index_native20(), import_use_controllable_state = require_index_native9(), 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_core12.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,
@@ -15726,7 +15775,7 @@ var require_Popover_native = __commonJS({
       if (!props.children)
         return null;
       let trigger = /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-        import_core13.View,
+        import_core12.View,
         {
           "aria-haspopup": "dialog",
           "aria-expanded": context.open,
@@ -15753,7 +15802,7 @@ var require_Popover_native = __commonJS({
           let content = contentRef.current;
           if (content)
             return (0, import_aria_hidden.hideOthers)(content);
-        }, [context.open]), /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(PopoverContentPortal, { __scopePopover, zIndex: props.zIndex, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_core13.Stack, { pointerEvents: context.open ? "auto" : "none", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+        }, [context.open]), /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(PopoverContentPortal, { __scopePopover, zIndex: props.zIndex, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_core12.Stack, { pointerEvents: context.open ? "auto" : "none", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
           PopoverContentImpl,
           {
             ...contentImplProps,
@@ -15787,7 +15836,7 @@ var require_Popover_native = __commonJS({
       return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_popper.PopperContext.Provider, { scope: props.scope, ...props.popperContext, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(PopoverContext.Provider, { ...props.context, children: props.children }) });
     }
     function PopoverContentPortal(props) {
-      let { __scopePopover } = props, zIndex = props.zIndex ?? 15e4, context = usePopoverContext(__scopePopover), popperContext = (0, import_popper.usePopperContext)(__scopePopover || POPOVER_SCOPE), themeName = (0, import_core13.useThemeName)(), contents = props.children;
+      let { __scopePopover } = props, zIndex = props.zIndex ?? 15e4, context = usePopoverContext(__scopePopover), popperContext = (0, import_popper.usePopperContext)(__scopePopover || POPOVER_SCOPE), themeName = (0, import_core12.useThemeName)(), contents = props.children;
       return (import_react_native4.Platform.OS === "android" || import_react_native4.Platform.OS === "ios") && (contents = /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
         PopoverRepropagateContext,
         {
@@ -15796,7 +15845,7 @@ var require_Popover_native = __commonJS({
           context,
           children: props.children
         }
-      )), /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_portal2.Portal, { zIndex, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_core13.Theme, { forceClassName: !0, name: themeName, children: [
+      )), /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_portal2.Portal, { zIndex, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_core12.Theme, { forceClassName: !0, name: themeName, children: [
         !!context.open && !context.breakpointActive && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
           import_stacks3.YStack,
           {
@@ -15951,7 +16000,7 @@ var require_Popover_native = __commonJS({
             onOpenChange: (val, via) => {
               viaRef.current = via, setOpen(val);
             },
-            onOpenToggle: (0, import_core13.useEvent)(() => {
+            onOpenToggle: (0, import_core12.useEvent)(() => {
               open && sheetActive || setOpen(!open);
             }),
             hasCustomAnchor,
@@ -15989,7 +16038,7 @@ var require_Popover_native = __commonJS({
       __scopePopover,
       ...props
     }) => {
-      let context = usePopoverContext(__scopePopover), showSheet = useShowPopoverSheet(context), breakpointActive = context.breakpointActive, getShowSheet = (0, import_core13.useGet)(showSheet);
+      let context = usePopoverContext(__scopePopover), showSheet = useShowPopoverSheet(context), breakpointActive = context.breakpointActive, getShowSheet = (0, import_core12.useGet)(showSheet);
       return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
         import_sheet.SheetController,
         {
@@ -16002,7 +16051,7 @@ var require_Popover_native = __commonJS({
         }
       );
     }, useSheetBreakpointActive = (breakpoint) => {
-      let media = (0, import_core13.useMedia)();
+      let media = (0, import_core12.useMedia)();
       return typeof breakpoint == "boolean" || !breakpoint ? !!breakpoint : media[breakpoint];
     }, useShowPopoverSheet = (context) => {
       let breakpointActive = useSheetBreakpointActive(context.sheetBreakpoint);
@@ -16012,7 +16061,7 @@ var require_Popover_native = __commonJS({
 });
 
 // ../popover/dist/cjs/index.native.js
-var require_index_native56 = __commonJS({
+var require_index_native57 = __commonJS({
   "../popover/dist/cjs/index.native.js"(exports2, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __hasOwnProp2 = Object.prototype.hasOwnProperty, __copyProps2 = (to, from, except, desc) => {
@@ -16055,7 +16104,7 @@ var require_Progress_native = __commonJS({
       createProgressScope: () => createProgressScope
     });
     module2.exports = __toCommonJS2(Progress_exports);
-    var import_core13 = require_index_native16(), import_create_context = require_index_native26(), import_get_token2 = require_index_native18(), import_helpers = require_index_native7(), import_stacks3 = require_index_native20(), React2 = __toESM2(require("react")), import_jsx_runtime6 = require("react/jsx-runtime"), PROGRESS_NAME = "Progress", [createProgressContext, createProgressScope] = (0, import_create_context.createContextScope)(PROGRESS_NAME), [ProgressProvider, useProgressContext] = createProgressContext(PROGRESS_NAME), INDICATOR_NAME = "ProgressIndicator", ProgressIndicatorFrame = (0, import_core13.styled)(import_stacks3.ThemeableStack, {
+    var import_core12 = require_index_native16(), import_create_context = require_index_native26(), import_get_token2 = require_index_native18(), import_helpers = require_index_native7(), import_stacks3 = require_index_native20(), React2 = __toESM2(require("react")), import_jsx_runtime6 = require("react/jsx-runtime"), PROGRESS_NAME = "Progress", [createProgressContext, createProgressScope] = (0, import_create_context.createContextScope)(PROGRESS_NAME), [ProgressProvider, useProgressContext] = createProgressContext(PROGRESS_NAME), INDICATOR_NAME = "ProgressIndicator", ProgressIndicatorFrame = (0, import_core12.styled)(import_stacks3.ThemeableStack, {
       name: INDICATOR_NAME,
       variants: {
         unstyled: {
@@ -16103,7 +16152,7 @@ var require_Progress_native = __commonJS({
     function isValidValueNumber(value, max2) {
       return isNumber(value) && !Number.isNaN(value) && value <= max2 && value >= 0;
     }
-    var DEFAULT_MAX = 100, ProgressFrame = (0, import_core13.styled)(import_stacks3.ThemeableStack, {
+    var DEFAULT_MAX = 100, ProgressFrame = (0, import_core12.styled)(import_stacks3.ThemeableStack, {
       name: "Progress",
       variants: {
         unstyled: {
@@ -16115,10 +16164,10 @@ var require_Progress_native = __commonJS({
         },
         size: {
           "...size": (val) => {
-            let size2 = Math.round((0, import_core13.getVariableValue)((0, import_get_token2.getSize)(val)) * 0.25);
+            let size2 = Math.round((0, import_core12.getVariableValue)((0, import_get_token2.getSize)(val)) * 0.25);
             return {
               height: size2,
-              minWidth: (0, import_core13.getVariableValue)(size2) * 20,
+              minWidth: (0, import_core12.getVariableValue)(size2) * 20,
               width: "100%"
             };
           }
@@ -16169,7 +16218,7 @@ var require_Progress_native = __commonJS({
 });
 
 // ../progress/dist/cjs/index.native.js
-var require_index_native57 = __commonJS({
+var require_index_native58 = __commonJS({
   "../progress/dist/cjs/index.native.js"(exports2, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __hasOwnProp2 = Object.prototype.hasOwnProperty, __copyProps2 = (to, from, except, desc) => {
@@ -16208,12 +16257,12 @@ var require_RovingFocusGroup_native = __commonJS({
       createRovingFocusGroupScope: () => createRovingFocusGroupScope
     });
     module2.exports = __toCommonJS2(RovingFocusGroup_native_exports);
-    var import_core13 = require_index_native16(), import_helpers = require_index_native7(), import_react2 = __toESM2(require("react")), import_jsx_runtime6 = require("react/jsx-runtime"), ITEM_NAME = "RovingFocusGroupItem", RovingFocusGroupItem = import_react2.default.forwardRef(
-      ({ children, ...props }, _ref) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_core13.Stack, { ...props, children })
+    var import_core12 = require_index_native16(), import_helpers = require_index_native7(), import_react2 = __toESM2(require("react")), import_jsx_runtime6 = require("react/jsx-runtime"), ITEM_NAME = "RovingFocusGroupItem", RovingFocusGroupItem = import_react2.default.forwardRef(
+      ({ children, ...props }, _ref) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_core12.Stack, { ...props, children })
     );
     RovingFocusGroupItem.displayName = ITEM_NAME;
     var GROUP_NAME = "RovingFocusGroup", RovingFocusGroup = (0, import_helpers.withStaticProperties)(
-      import_react2.default.forwardRef(({ children, ...props }, _ref) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_core13.Stack, { ...props, children })),
+      import_react2.default.forwardRef(({ children, ...props }, _ref) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_core12.Stack, { ...props, children })),
       {
         Item: RovingFocusGroupItem
       }
@@ -16224,7 +16273,7 @@ var require_RovingFocusGroup_native = __commonJS({
 });
 
 // ../roving-focus/dist/cjs/index.native.js
-var require_index_native58 = __commonJS({
+var require_index_native59 = __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 = (to, from, except, desc) => {
@@ -16263,7 +16312,7 @@ var require_RadioGroup_native = __commonJS({
       createRadioGroupScope: () => createRadioGroupScope
     });
     module2.exports = __toCommonJS2(RadioGroup_exports);
-    var import_compose_refs = require_index_native10(), import_constants4 = require_index_native6(), import_core13 = require_index_native16(), import_create_context = require_index_native26(), import_focusable2 = require_index_native44(), import_get_token2 = require_index_native18(), import_helpers = require_index_native7(), import_label = require_index_native45(), import_roving_focus = require_index_native58(), import_stacks3 = require_index_native20(), import_use_controllable_state = require_index_native9(), import_use_previous = require_index_native46(), React2 = __toESM2(require("react")), import_jsx_runtime6 = require("react/jsx-runtime"), RADIO_GROUP_NAME = "RadioGroup", ARROW_KEYS = ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"], [createRadioGroupContext, createRadioGroupScope] = (0, import_create_context.createContextScope)(RADIO_GROUP_NAME), [RadioGroupProvider, useRadioGroupContext] = createRadioGroupContext(RADIO_GROUP_NAME), getState = (checked) => checked ? "checked" : "unchecked", RADIO_GROUP_INDICATOR_NAME = "RadioGroupIndicator", RadioIndicatorFrame = (0, import_core13.styled)(import_stacks3.ThemeableStack, {
+    var import_compose_refs = require_index_native10(), import_constants4 = require_index_native6(), import_core12 = require_index_native16(), import_create_context = require_index_native26(), import_focusable2 = require_index_native44(), import_get_token2 = require_index_native18(), import_helpers = require_index_native7(), import_label = require_index_native45(), import_roving_focus = require_index_native59(), import_stacks3 = require_index_native20(), import_use_controllable_state = require_index_native9(), import_use_previous = require_index_native46(), React2 = __toESM2(require("react")), import_jsx_runtime6 = require("react/jsx-runtime"), RADIO_GROUP_NAME = "RadioGroup", ARROW_KEYS = ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"], [createRadioGroupContext, createRadioGroupScope] = (0, import_create_context.createContextScope)(RADIO_GROUP_NAME), [RadioGroupProvider, useRadioGroupContext] = createRadioGroupContext(RADIO_GROUP_NAME), getState = (checked) => checked ? "checked" : "unchecked", RADIO_GROUP_INDICATOR_NAME = "RadioGroupIndicator", RadioIndicatorFrame = (0, import_core12.styled)(import_stacks3.ThemeableStack, {
       name: RADIO_GROUP_INDICATOR_NAME,
       variants: {
         unstyled: {
@@ -16299,7 +16348,7 @@ var require_RadioGroup_native = __commonJS({
       )
     );
     RadioIndicator.displayName = RADIO_GROUP_INDICATOR_NAME;
-    var RADIO_GROUP_ITEM_NAME = "RadioGroupItem", [RadioGroupItemProvider, useRadioGroupItemContext] = createRadioGroupContext(RADIO_GROUP_NAME), RadioGroupItemFrame = (0, import_core13.styled)(import_stacks3.ThemeableStack, {
+    var RADIO_GROUP_ITEM_NAME = "RadioGroupItem", [RadioGroupItemProvider, useRadioGroupItemContext] = createRadioGroupContext(RADIO_GROUP_NAME), RadioGroupItemFrame = (0, import_core12.styled)(import_stacks3.ThemeableStack, {
       name: RADIO_GROUP_ITEM_NAME,
       tag: "button",
       variants: {
@@ -16351,7 +16400,7 @@ var require_RadioGroup_native = __commonJS({
         size: {
           "...size": (value, { props }) => {
             let size2 = Math.floor(
-              (0, import_core13.getVariableValue)((0, import_get_token2.getSize)(value)) * (props.scaleSize ?? 0.5)
+              (0, import_core12.getVariableValue)((0, import_get_token2.getSize)(value)) * (props.scaleSize ?? 0.5)
             );
             return {
               width: size2,
@@ -16510,7 +16559,7 @@ var require_RadioGroup_native = __commonJS({
           }
         }
       );
-    }, RadioGroupFrame = (0, import_core13.styled)(import_stacks3.ThemeableStack, {
+    }, RadioGroupFrame = (0, import_core12.styled)(import_stacks3.ThemeableStack, {
       name: RADIO_GROUP_NAME,
       variants: {
         orientation: {
@@ -16590,7 +16639,7 @@ var require_RadioGroup_native = __commonJS({
 });
 
 // ../radio-group/dist/cjs/index.native.js
-var require_index_native59 = __commonJS({
+var require_index_native60 = __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 = (to, from, except, desc) => {
@@ -16621,7 +16670,7 @@ var require_Separator_native = __commonJS({
       Separator: () => Separator
     });
     module2.exports = __toCommonJS2(Separator_exports);
-    var import_constants4 = require_index_native6(), import_core13 = require_index_native16(), Separator = (0, import_core13.styled)(import_core13.Stack, {
+    var import_constants4 = require_index_native6(), import_core12 = require_index_native16(), Separator = (0, import_core12.styled)(import_core12.Stack, {
       name: "Separator",
       borderColor: "$borderColor",
       flexShrink: 0,
@@ -16653,7 +16702,7 @@ var require_Separator_native = __commonJS({
 });
 
 // ../separator/dist/cjs/index.native.js
-var require_index_native60 = __commonJS({
+var require_index_native61 = __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 = (to, from, except, desc) => {
@@ -16668,7 +16717,7 @@ var require_index_native60 = __commonJS({
 });
 
 // ../use-debounce/dist/cjs/index.native.js
-var require_index_native61 = __commonJS({
+var require_index_native62 = __commonJS({
   "../use-debounce/dist/cjs/index.native.js"(exports2, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __hasOwnProp2 = Object.prototype.hasOwnProperty, __export2 = (target, all) => {
@@ -16851,7 +16900,7 @@ var require_SelectItem_native = __commonJS({
       useSelectItemContext: () => useSelectItemContext
     });
     module2.exports = __toCommonJS2(SelectItem_exports);
-    var import_compose_refs = require_index_native10(), import_constants4 = require_index_native6(), import_list_item = require_index_native52(), React2 = __toESM2(require("react")), import_context = require_context_native(), import_jsx_runtime6 = require("react/jsx-runtime"), ITEM_NAME = "SelectItem", [SelectItemContextProvider, useSelectItemContext] = (0, import_context.createSelectContext)(ITEM_NAME), SelectItem = import_list_item.ListItemFrame.styleable(
+    var import_compose_refs = require_index_native10(), import_constants4 = require_index_native6(), import_list_item = require_index_native53(), React2 = __toESM2(require("react")), import_context = require_context_native(), import_jsx_runtime6 = require("react/jsx-runtime"), ITEM_NAME = "SelectItem", [SelectItemContextProvider, useSelectItemContext] = (0, import_context.createSelectContext)(ITEM_NAME), SelectItem = import_list_item.ListItemFrame.styleable(
       function(props, forwardedRef) {
         let {
           __scopeSelect,
@@ -16992,7 +17041,7 @@ var require_SelectItemText_native = __commonJS({
       SelectItemTextFrame: () => SelectItemTextFrame
     });
     module2.exports = __toCommonJS2(SelectItemText_exports);
-    var import_compose_refs = require_index_native10(), import_core13 = require_index_native16(), import_text2 = require_index_native22(), React2 = __toESM2(require("react")), import_context = require_context_native(), import_SelectItem = require_SelectItem_native(), import_jsx_runtime6 = require("react/jsx-runtime"), ITEM_TEXT_NAME = "SelectItemText", SelectItemTextFrame = (0, import_core13.styled)(import_text2.SizableText, {
+    var import_compose_refs = require_index_native10(), import_core12 = require_index_native16(), import_text2 = require_index_native22(), React2 = __toESM2(require("react")), import_context = require_context_native(), import_SelectItem = require_SelectItem_native(), import_jsx_runtime6 = require("react/jsx-runtime"), ITEM_TEXT_NAME = "SelectItemText", SelectItemTextFrame = (0, import_core12.styled)(import_text2.SizableText, {
       name: ITEM_TEXT_NAME,
       variants: {
         unstyled: {
@@ -17072,7 +17121,7 @@ var require_SelectTrigger_native = __commonJS({
       SelectTrigger: () => SelectTrigger
     });
     module2.exports = __toCommonJS2(SelectTrigger_exports);
-    var import_compose_refs = require_index_native10(), import_list_item = require_index_native52(), React2 = __toESM2(require("react")), import_context = require_context_native(), import_jsx_runtime6 = require("react/jsx-runtime"), TRIGGER_NAME = "SelectTrigger", SelectTrigger = React2.forwardRef(
+    var import_compose_refs = require_index_native10(), import_list_item = require_index_native53(), React2 = __toESM2(require("react")), import_context = require_context_native(), import_jsx_runtime6 = require("react/jsx-runtime"), TRIGGER_NAME = "SelectTrigger", SelectTrigger = React2.forwardRef(
       function(props, forwardedRef) {
         var _a;
         let { __scopeSelect, disabled = !1, unstyled = !1, ...triggerProps } = props, context = (0, import_context.useSelectContext)(TRIGGER_NAME, __scopeSelect), itemParentContext = (0, import_context.useSelectItemParentContext)(TRIGGER_NAME, __scopeSelect), composedRefs = (0, import_compose_refs.useComposedRefs)(
@@ -17139,9 +17188,9 @@ var require_SelectViewport_native = __commonJS({
       SelectViewport: () => SelectViewport
     });
     module2.exports = __toCommonJS2(SelectViewport_native_exports);
-    var import_adapt = require_index_native25(), import_core13 = require_index_native16(), import_portal2 = require_index_native30(), React2 = __toESM2(require("react")), import_constants4 = require_constants_native4(), import_context = require_context_native(), import_jsx_runtime6 = require("react/jsx-runtime"), SelectViewport = (props) => {
-      let { __scopeSelect, children } = props, context = (0, import_context.useSelectContext)(import_constants4.VIEWPORT_NAME, __scopeSelect), itemParentContext = (0, import_context.useSelectItemParentContext)(import_constants4.VIEWPORT_NAME, __scopeSelect), themeName = (0, import_core13.useThemeName)(), adaptContext = React2.useContext(import_adapt.AdaptParentContext);
-      return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_portal2.PortalItem, { hostName: `${context.scopeKey}SheetContents`, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_core13.Theme, { name: themeName, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+    var import_adapt = require_index_native25(), import_core12 = require_index_native16(), import_portal2 = require_index_native30(), React2 = __toESM2(require("react")), import_constants4 = require_constants_native4(), import_context = require_context_native(), import_jsx_runtime6 = require("react/jsx-runtime"), SelectViewport = (props) => {
+      let { __scopeSelect, children } = props, context = (0, import_context.useSelectContext)(import_constants4.VIEWPORT_NAME, __scopeSelect), itemParentContext = (0, import_context.useSelectItemParentContext)(import_constants4.VIEWPORT_NAME, __scopeSelect), themeName = (0, import_core12.useThemeName)(), adaptContext = React2.useContext(import_adapt.AdaptParentContext);
+      return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_portal2.PortalItem, { hostName: `${context.scopeKey}SheetContents`, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_core12.Theme, { name: themeName, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
         import_context.ForwardSelectContext,
         {
           __scopeSelect,
@@ -17173,8 +17222,8 @@ var require_useSelectBreakpointActive_native = __commonJS({
       useShowSelectSheet: () => useShowSelectSheet
     });
     module2.exports = __toCommonJS2(useSelectBreakpointActive_exports);
-    var import_core13 = require_index_native16(), useSelectBreakpointActive = (sheetBreakpoint) => {
-      let media = (0, import_core13.useMedia)();
+    var import_core12 = require_index_native16(), useSelectBreakpointActive = (sheetBreakpoint) => {
+      let media = (0, import_core12.useMedia)();
       return sheetBreakpoint ? sheetBreakpoint === !0 ? !0 : sheetBreakpoint ? media[sheetBreakpoint] : !1 : !1;
     }, useShowSelectSheet = (context) => {
       let breakpointActive = useSelectBreakpointActive(context.sheetBreakpoint);
@@ -17210,7 +17259,7 @@ var require_Select_native = __commonJS({
       SelectSeparator: () => SelectSeparator
     });
     module2.exports = __toCommonJS2(Select_exports);
-    var import_adapt = require_index_native25(), import_compose_refs = require_index_native10(), import_constants4 = require_index_native6(), import_core13 = require_index_native16(), import_get_token2 = require_index_native18(), import_helpers = require_index_native7(), import_list_item = require_index_native52(), import_portal2 = require_index_native30(), import_separator = require_index_native60(), 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_native61(), 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(), import_jsx_runtime6 = require("react/jsx-runtime"), VALUE_NAME = "SelectValue", SelectValueFrame = (0, import_core13.styled)(import_text2.SizableText, {
+    var 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_native53(), import_portal2 = require_index_native30(), import_separator = require_index_native61(), 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_native62(), 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(), import_jsx_runtime6 = require("react/jsx-runtime"), VALUE_NAME = "SelectValue", SelectValueFrame = (0, import_core12.styled)(import_text2.SizableText, {
       name: VALUE_NAME,
       userSelect: "none"
     }), SelectValue = SelectValueFrame.styleable(
@@ -17250,12 +17299,12 @@ var require_Select_native = __commonJS({
         return child;
       });
     }
-    var SelectIcon = (0, import_core13.styled)(import_stacks3.XStack, {
+    var SelectIcon = (0, import_core12.styled)(import_stacks3.XStack, {
       name: "SelectIcon",
       // @ts-ignore
       "aria-hidden": !0,
       children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_text2.Paragraph, { children: "\u25BC" })
-    }), ITEM_INDICATOR_NAME = "SelectItemIndicator", SelectItemIndicatorFrame = (0, import_core13.styled)(import_stacks3.XStack, {
+    }), ITEM_INDICATOR_NAME = "SelectItemIndicator", SelectItemIndicatorFrame = (0, import_core12.styled)(import_stacks3.XStack, {
       name: import_SelectItemText.ITEM_TEXT_NAME
     }), SelectItemIndicator = React2.forwardRef(
       (props, forwardedRef) => {
@@ -17264,17 +17313,17 @@ var require_Select_native = __commonJS({
       }
     );
     SelectItemIndicator.displayName = ITEM_INDICATOR_NAME;
-    var GROUP_NAME = "SelectGroup", [SelectGroupContextProvider, useSelectGroupContext] = (0, import_context.createSelectContext)(GROUP_NAME), SelectGroupFrame = (0, import_core13.styled)(import_stacks3.YStack, {
+    var GROUP_NAME = "SelectGroup", [SelectGroupContextProvider, useSelectGroupContext] = (0, import_context.createSelectContext)(GROUP_NAME), SelectGroupFrame = (0, import_core12.styled)(import_stacks3.YStack, {
       name: GROUP_NAME,
       width: "100%"
-    }), NativeSelectTextFrame = (0, import_core13.styled)(import_text2.SizableText, {
+    }), NativeSelectTextFrame = (0, import_core12.styled)(import_text2.SizableText, {
       tag: "select",
       backgroundColor: "$background",
       borderColor: "$borderColor",
       hoverStyle: {
         backgroundColor: "$backgroundHover"
       }
-    }), NativeSelectFrame = (0, import_core13.styled)(import_stacks3.ThemeableStack, {
+    }), NativeSelectFrame = (0, import_core12.styled)(import_stacks3.ThemeableStack, {
       name: "NativeSelect",
       bordered: !0,
       userSelect: "none",
@@ -17283,7 +17332,7 @@ var require_Select_native = __commonJS({
       variants: {
         size: {
           "...size": (val, extras) => {
-            let { tokens } = extras, paddingHorizontal = (0, import_core13.getVariableValue)(tokens.space[val]);
+            let { tokens } = extras, paddingHorizontal = (0, import_core12.getVariableValue)(tokens.space[val]);
             return {
               borderRadius: tokens.radius[val] ?? val,
               minHeight: tokens.size[val],
@@ -17350,10 +17399,10 @@ var require_Select_native = __commonJS({
       }
     );
     SelectLabel.displayName = LABEL_NAME;
-    var SelectSeparator = (0, import_core13.styled)(import_separator.Separator, {
+    var SelectSeparator = (0, import_core12.styled)(import_separator.Separator, {
       name: "SelectSeparator"
     }), SelectSheetController = (props) => {
-      let context = (0, import_context.useSelectContext)("SelectSheetController", props.__scopeSelect), showSheet = (0, import_useSelectBreakpointActive.useShowSelectSheet)(context), breakpointActive = (0, import_useSelectBreakpointActive.useSelectBreakpointActive)(context.sheetBreakpoint), getShowSheet = (0, import_core13.useGet)(showSheet);
+      let context = (0, import_context.useSelectContext)("SelectSheetController", props.__scopeSelect), showSheet = (0, import_useSelectBreakpointActive.useShowSelectSheet)(context), breakpointActive = (0, import_useSelectBreakpointActive.useSelectBreakpointActive)(context.sheetBreakpoint), getShowSheet = (0, import_core12.useGet)(showSheet);
       return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
         import_sheet.SheetController,
         {
@@ -17425,7 +17474,7 @@ var require_Select_native = __commonJS({
             onChange: React2.useCallback((val) => {
               setValue(val), emitValue(val);
             }, []),
-            onActiveChange: (0, import_core13.useEvent)((...args) => {
+            onActiveChange: (0, import_core12.useEvent)((...args) => {
               onActiveChange == null || onActiveChange(...args);
             }),
             setSelectedIndex,
@@ -17503,7 +17552,7 @@ var require_Select_native = __commonJS({
 });
 
 // ../select/dist/cjs/index.native.js
-var require_index_native62 = __commonJS({
+var require_index_native63 = __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 = (to, from, except, desc) => {
@@ -17658,7 +17707,7 @@ var require_SliderImpl_native = __commonJS({
       SliderImpl: () => SliderImpl
     });
     module2.exports = __toCommonJS2(SliderImpl_exports);
-    var import_constants4 = require_index_native6(), import_core13 = require_index_native16(), import_get_token2 = require_index_native18(), import_helpers = require_index_native7(), import_stacks3 = require_index_native20(), React2 = __toESM2(require("react")), import_constants22 = require_constants_native5(), import_jsx_runtime6 = require("react/jsx-runtime"), SliderFrame2 = (0, import_core13.styled)(import_stacks3.YStack, {
+    var import_constants4 = require_index_native6(), import_core12 = require_index_native16(), import_get_token2 = require_index_native18(), import_helpers = require_index_native7(), import_stacks3 = require_index_native20(), React2 = __toESM2(require("react")), import_constants22 = require_constants_native5(), import_jsx_runtime6 = require("react/jsx-runtime"), SliderFrame2 = (0, import_core12.styled)(import_stacks3.YStack, {
       position: "relative",
       variants: {
         orientation: {
@@ -17668,7 +17717,7 @@ var require_SliderImpl_native = __commonJS({
         size: (val, extras) => {
           if (!val)
             return;
-          let orientation = extras.props.orientation, size2 = Math.round((0, import_core13.getVariableValue)((0, import_get_token2.getSize)(val)) / 6);
+          let orientation = extras.props.orientation, size2 = Math.round((0, import_core12.getVariableValue)((0, import_get_token2.getSize)(val)) / 6);
           return orientation === "horizontal" ? {
             height: size2,
             borderRadius: size2,
@@ -17760,7 +17809,7 @@ var require_Slider_native = __commonJS({
       Track: () => Track
     });
     module2.exports = __toCommonJS2(Slider_exports);
-    var import_compose_refs = require_index_native10(), import_constants4 = require_index_native6(), import_core13 = require_index_native16(), import_get_token2 = require_index_native18(), import_helpers = require_index_native7(), import_helpers2 = require_index_native7(), import_stacks3 = require_index_native20(), import_use_controllable_state = require_index_native9(), import_use_direction = require_index_native23(), React2 = __toESM2(require("react")), import_constants22 = require_constants_native5(), import_helpers3 = require_helpers_native2(), import_SliderImpl = require_SliderImpl_native(), import_jsx_runtime6 = require("react/jsx-runtime"), SliderHorizontal = React2.forwardRef(
+    var 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_helpers2 = require_index_native7(), import_stacks3 = require_index_native20(), import_use_controllable_state = require_index_native9(), import_use_direction = require_index_native23(), React2 = __toESM2(require("react")), import_constants22 = require_constants_native5(), import_helpers3 = require_helpers_native2(), import_SliderImpl = require_SliderImpl_native(), import_jsx_runtime6 = require("react/jsx-runtime"), SliderHorizontal = React2.forwardRef(
       (props, forwardedRef) => {
         let {
           min: min2,
@@ -17771,7 +17820,7 @@ var require_Slider_native = __commonJS({
           onStepKeyDown,
           onSlideEnd,
           ...sliderProps
-        } = props, direction = (0, import_use_direction.useDirection)(dir), isDirectionLTR = direction === "ltr", sliderRef = React2.useRef(null), [state, setState_] = React2.useState(() => ({ size: 0, offset: 0 })), setState = (0, import_core13.createShallowSetState)(setState_);
+        } = props, direction = (0, import_use_direction.useDirection)(dir), isDirectionLTR = direction === "ltr", sliderRef = React2.useRef(null), [state, setState_] = React2.useState(() => ({ size: 0, offset: 0 })), setState = (0, import_core12.createShallowSetState)(setState_);
         function getValueFromPointer(pointerPosition) {
           let input = [0, state.size];
           return (0, import_helpers3.linearScale)(input, isDirectionLTR ? [min2, max2] : [max2, min2])(pointerPosition);
@@ -17844,7 +17893,7 @@ var require_Slider_native = __commonJS({
           onStepKeyDown,
           onSlideEnd,
           ...sliderProps
-        } = props, [state, setState_] = React2.useState(() => ({ size: 0, offset: 0 })), setState = (0, import_core13.createShallowSetState)(setState_), sliderRef = React2.useRef(null);
+        } = props, [state, setState_] = React2.useState(() => ({ size: 0, offset: 0 })), setState = (0, import_core12.createShallowSetState)(setState_), sliderRef = React2.useRef(null);
         function getValueFromPointer(pointerPosition) {
           let input = [0, state.size];
           return (0, import_helpers3.linearScale)(input, [max2, min2])(pointerPosition);
@@ -17895,7 +17944,7 @@ var require_Slider_native = __commonJS({
           }
         );
       }
-    ), TRACK_NAME = "SliderTrack", SliderTrackFrame = (0, import_core13.styled)(import_SliderImpl.SliderFrame, {
+    ), TRACK_NAME = "SliderTrack", SliderTrackFrame = (0, import_core12.styled)(import_SliderImpl.SliderFrame, {
       name: "SliderTrack",
       variants: {
         unstyled: {
@@ -17929,7 +17978,7 @@ var require_Slider_native = __commonJS({
       }
     );
     SliderTrack.displayName = TRACK_NAME;
-    var RANGE_NAME = "SliderTrackActive", SliderTrackActiveFrame = (0, import_core13.styled)(import_SliderImpl.SliderFrame, {
+    var RANGE_NAME = "SliderTrackActive", SliderTrackActiveFrame = (0, import_core12.styled)(import_SliderImpl.SliderFrame, {
       name: "SliderTrackActive",
       backgroundColor: "$background",
       position: "absolute"
@@ -17962,7 +18011,7 @@ var require_Slider_native = __commonJS({
     );
     SliderTrackActive.displayName = RANGE_NAME;
     var THUMB_NAME = "SliderThumb", getThumbSize = (val) => {
-      let tokens = (0, import_core13.getTokens)(), size2 = typeof val == "number" ? val : (0, import_get_token2.getSize)(tokens.size[val], {
+      let tokens = (0, import_core12.getTokens)(), size2 = typeof val == "number" ? val : (0, import_get_token2.getSize)(tokens.size[val], {
         shift: -1
       });
       return {
@@ -17971,7 +18020,7 @@ var require_Slider_native = __commonJS({
         minWidth: size2,
         minHeight: size2
       };
-    }, SliderThumbFrame = (0, import_core13.styled)(import_stacks3.ThemeableStack, {
+    }, SliderThumbFrame = (0, import_core12.styled)(import_stacks3.ThemeableStack, {
       name: "SliderThumb",
       variants: {
         size: {
@@ -17997,7 +18046,7 @@ var require_Slider_native = __commonJS({
         let { __scopeSlider, index, size: sizeProp, ...thumbProps } = props, context = (0, import_constants22.useSliderContext)(THUMB_NAME, __scopeSlider), orientation = (0, import_constants22.useSliderOrientationContext)(THUMB_NAME, __scopeSlider), [thumb, setThumb] = React2.useState(null), composedRefs = (0, import_compose_refs.useComposedRefs)(
           forwardedRef,
           (node) => setThumb(node)
-        ), value = context.values[index], percent = value === void 0 ? 0 : (0, import_helpers3.convertValueToPercentage)(value, context.min, context.max), label = (0, import_helpers3.getLabel)(index, context.values.length), sizeIn = sizeProp ?? context.size ?? "$true", [size2, setSize] = React2.useState(() => (0, import_core13.getVariableValue)(getThumbSize(sizeIn).width)), thumbInBoundsOffset = size2 ? (0, import_helpers3.getThumbInBoundsOffset)(size2, percent, orientation.direction) : 0;
+        ), value = context.values[index], percent = value === void 0 ? 0 : (0, import_helpers3.convertValueToPercentage)(value, context.min, context.max), label = (0, import_helpers3.getLabel)(index, context.values.length), sizeIn = sizeProp ?? context.size ?? "$true", [size2, setSize] = React2.useState(() => (0, import_core12.getVariableValue)(getThumbSize(sizeIn).width)), thumbInBoundsOffset = size2 ? (0, import_helpers3.getThumbInBoundsOffset)(size2, percent, orientation.direction) : 0;
         React2.useEffect(() => {
           if (thumb)
             return context.thumbs.set(thumb, index), () => {
@@ -18163,7 +18212,7 @@ var require_Slider_native = __commonJS({
 });
 
 // ../slider/dist/cjs/index.native.js
-var require_index_native63 = __commonJS({
+var require_index_native64 = __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 = (target, all) => {
@@ -18201,7 +18250,7 @@ var require_SwitchContext_native = __commonJS({
       SwitchContext: () => SwitchContext
     });
     module2.exports = __toCommonJS2(SwitchContext_exports);
-    var import_core13 = require_index_native16(), SwitchContext = (0, import_core13.createStyledContext)({
+    var import_core12 = require_index_native16(), SwitchContext = (0, import_core12.createStyledContext)({
       checked: !1,
       disabled: !1,
       size: void 0,
@@ -18229,7 +18278,7 @@ var require_Switch_native = __commonJS({
       SwitchThumb: () => SwitchThumb
     });
     module2.exports = __toCommonJS2(Switch_exports);
-    var import_core13 = require_index_native16(), import_get_token2 = require_index_native18(), import_stacks3 = require_index_native20(), import_SwitchContext = require_SwitchContext_native(), SwitchThumb = (0, import_core13.styled)(import_stacks3.ThemeableStack, {
+    var import_core12 = require_index_native16(), import_get_token2 = require_index_native18(), import_stacks3 = require_index_native20(), import_SwitchContext = require_SwitchContext_native(), SwitchThumb = (0, import_core12.styled)(import_stacks3.ThemeableStack, {
       name: "SwitchThumb",
       context: import_SwitchContext.SwitchContext,
       variants: {
@@ -18256,7 +18305,7 @@ var require_Switch_native = __commonJS({
       defaultVariants: {
         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, {
+    }), getSwitchHeight = (val) => Math.round((0, import_core12.getVariableValue)((0, import_get_token2.getSize)(val)) * 0.65), getSwitchWidth = (val) => getSwitchHeight(val) * 2, SwitchFrame = (0, import_core12.styled)(import_stacks3.YStack, {
       name: "Switch",
       context: import_SwitchContext.SwitchContext,
       variants: {
@@ -18322,7 +18371,7 @@ var require_createSwitch_native = __commonJS({
       createSwitch: () => createSwitch
     });
     module2.exports = __toCommonJS2(createSwitch_exports);
-    var import_compose_refs = require_index_native10(), import_constants4 = require_index_native6(), import_core13 = require_index_native16(), import_focusable2 = require_index_native44(), import_helpers = require_index_native7(), import_label = require_index_native45(), import_stacks3 = require_index_native20(), import_use_controllable_state = require_index_native9(), import_use_previous = require_index_native46(), React2 = __toESM2(require("react")), import_react_native4 = require("react-native"), import_Switch = require_Switch_native(), import_SwitchContext = require_SwitchContext_native(), import_jsx_runtime6 = (
+    var import_compose_refs = require_index_native10(), import_constants4 = require_index_native6(), import_core12 = require_index_native16(), import_focusable2 = require_index_native44(), import_helpers = require_index_native7(), import_label = require_index_native45(), import_stacks3 = require_index_native20(), import_use_controllable_state = require_index_native9(), import_use_previous = require_index_native46(), React2 = __toESM2(require("react")), import_react_native4 = require("react-native"), import_Switch = require_Switch_native(), import_SwitchContext = require_SwitchContext_native(), import_jsx_runtime6 = (
       // @ts-ignore
       require("react/jsx-runtime")
     );
@@ -18373,7 +18422,7 @@ var require_createSwitch_native = __commonJS({
         );
       }), SwitchComponent = Frame.styleable(
         function(propsIn, forwardedRef) {
-          let styledContext = React2.useContext(import_SwitchContext.SwitchContext), props = (0, import_core13.useProps)(propsIn, {
+          let styledContext = React2.useContext(import_SwitchContext.SwitchContext), props = (0, import_core12.useProps)(propsIn, {
             noNormalize: !0,
             noExpand: !0,
             resolveValues: "none",
@@ -18519,7 +18568,7 @@ var require_createSwitch_native = __commonJS({
 });
 
 // ../switch/dist/cjs/index.native.js
-var require_index_native64 = __commonJS({
+var require_index_native65 = __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 = (target, all) => {
@@ -18570,7 +18619,7 @@ var require_Tabs_native = __commonJS({
       Tabs: () => Tabs
     });
     module2.exports = __toCommonJS2(Tabs_exports);
-    var import_compose_refs = require_index_native10(), import_constants4 = require_index_native6(), import_get_button_sized2 = require_index_native19(), import_group = require_index_native50(), import_helpers = require_index_native7(), import_roving_focus = require_index_native58(), 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")), import_jsx_runtime6 = require("react/jsx-runtime"), TABS_CONTEXT = "TabsContext", TAB_LIST_NAME = "TabsList", TabsListFrame = (0, import_web.styled)(import_group.Group, {
+    var import_compose_refs = require_index_native10(), import_constants4 = require_index_native6(), import_get_button_sized2 = require_index_native19(), import_group = require_index_native50(), import_helpers = require_index_native7(), import_roving_focus = require_index_native59(), 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")), import_jsx_runtime6 = require("react/jsx-runtime"), TABS_CONTEXT = "TabsContext", TAB_LIST_NAME = "TabsList", TabsListFrame = (0, import_web.styled)(import_group.Group, {
       name: TAB_LIST_NAME
     }), TabsList = TabsListFrame.extractable(
       React2.forwardRef(
@@ -18820,7 +18869,7 @@ var require_Tabs_native = __commonJS({
 });
 
 // ../tabs/dist/cjs/index.native.js
-var require_index_native65 = __commonJS({
+var require_index_native66 = __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 = (to, from, except, desc) => {
@@ -19014,7 +19063,7 @@ var require_replaceTheme_native = __commonJS({
 });
 
 // ../theme/dist/cjs/index.native.js
-var require_index_native66 = __commonJS({
+var require_index_native67 = __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 = (target, all) => {
@@ -19175,7 +19224,7 @@ var require_ToggleGroup_native = __commonJS({
       ToggleGroup: () => ToggleGroup
     });
     module2.exports = __toCommonJS2(ToggleGroup_exports);
-    var import_constants4 = require_index_native6(), import_focusable2 = require_index_native44(), import_font_size = require_index_native40(), import_get_token2 = require_index_native18(), import_group = require_index_native50(), import_helpers = require_index_native7(), import_helpers_tamagui = require_index_native41(), import_roving_focus = require_index_native58(), import_use_controllable_state = require_index_native9(), import_use_direction = require_index_native23(), import_web = require_index_native13(), import_react2 = __toESM2(require("react")), import_Toggle = require_Toggle_native(), import_jsx_runtime6 = require("react/jsx-runtime"), TOGGLE_GROUP_NAME = "ToggleGroup", TOGGLE_GROUP_ITEM_NAME = "ToggleGroupItem", TOGGLE_GROUP_CONTEXT = "ToggleGroup", { Provider: ToggleGroupItemProvider, useStyledContext: useToggleGroupItemContext } = (0, import_web.createStyledContext)(), { Provider: ToggleGroupContext, useStyledContext: useToggleGroupContext } = (0, import_web.createStyledContext)(), ToggleGroupItem = import_Toggle.ToggleFrame.extractable(
+    var import_constants4 = require_index_native6(), import_focusable2 = require_index_native44(), import_font_size = require_index_native40(), import_get_token2 = require_index_native18(), import_group = require_index_native50(), import_helpers = require_index_native7(), import_helpers_tamagui = require_index_native41(), import_roving_focus = require_index_native59(), import_use_controllable_state = require_index_native9(), import_use_direction = require_index_native23(), import_web = require_index_native13(), import_react2 = __toESM2(require("react")), import_Toggle = require_Toggle_native(), import_jsx_runtime6 = require("react/jsx-runtime"), TOGGLE_GROUP_NAME = "ToggleGroup", TOGGLE_GROUP_ITEM_NAME = "ToggleGroupItem", TOGGLE_GROUP_CONTEXT = "ToggleGroup", { Provider: ToggleGroupItemProvider, useStyledContext: useToggleGroupItemContext } = (0, import_web.createStyledContext)(), { Provider: ToggleGroupContext, useStyledContext: useToggleGroupContext } = (0, import_web.createStyledContext)(), ToggleGroupItem = import_Toggle.ToggleFrame.extractable(
       import_react2.default.forwardRef(
         (props, forwardedRef) => {
           let valueContext = useToggleGroupValueContext(props.__scopeToggleGroup), context = useToggleGroupContext(props.__scopeToggleGroup), pressed = valueContext == null ? void 0 : valueContext.value.includes(props.value), disabled = context.disabled || props.disabled || !1, groupItemProps = (0, import_group.useGroupItem)({ disabled }), size2 = props.size ?? context.size, sizeProps = props.unstyled ? {} : {
@@ -19401,7 +19450,7 @@ var require_ToggleGroup_native = __commonJS({
 });
 
 // ../toggle-group/dist/cjs/index.native.js
-var require_index_native67 = __commonJS({
+var require_index_native68 = __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 = (to, from, except, desc) => {
@@ -19464,7 +19513,7 @@ var require_TooltipSimple_native = __commonJS({
 });
 
 // ../tooltip/dist/cjs/index.native.js
-var require_index_native68 = __commonJS({
+var require_index_native69 = __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 = (to, from, except, desc) => {
@@ -19480,7 +19529,7 @@ var require_index_native68 = __commonJS({
 });
 
 // ../use-window-dimensions/dist/cjs/index.native.js
-var require_index_native69 = __commonJS({
+var require_index_native70 = __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 = (target, all) => {
@@ -19576,7 +19625,7 @@ var require_VisuallyHidden_native = __commonJS({
 });
 
 // ../visually-hidden/dist/cjs/index.native.js
-var require_index_native70 = __commonJS({
+var require_index_native71 = __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 = (to, from, except, desc) => {
@@ -19594,83 +19643,76 @@ var require_index_native70 = __commonJS({
 var src_exports = {};
 __export(src_exports, {
   Anchor: () => Anchor,
-  Article: () => Article,
-  Aside: () => Aside,
-  ComponentContext: () => import_core12.ComponentContext,
-  Configuration: () => import_core12.Configuration,
+  ComponentContext: () => import_core11.ComponentContext,
+  Configuration: () => import_core11.Configuration,
   EnsureFlexed: () => EnsureFlexed,
   Fieldset: () => Fieldset,
-  FontLanguage: () => import_core12.FontLanguage,
-  Footer: () => Footer,
-  Header: () => Header,
+  FontLanguage: () => import_core11.FontLanguage,
   Input: () => Input,
   InputFrame: () => InputFrame,
-  Main: () => Main,
-  Nav: () => Nav,
-  Section: () => Section,
-  Spacer: () => import_core12.Spacer,
+  Spacer: () => import_core11.Spacer,
   Spinner: () => Spinner,
-  Stack: () => import_core12.Stack,
+  Stack: () => import_core11.Stack,
   TamaguiProvider: () => TamaguiProvider,
   Text: () => Text2,
   TextArea: () => TextArea,
   TextAreaFrame: () => TextAreaFrame,
-  Theme: () => import_core12.Theme,
-  Unspaced: () => import_core12.Unspaced,
-  View: () => import_core12.View,
-  createComponent: () => import_core12.createComponent,
-  createFont: () => import_core12.createFont,
-  createShorthands: () => import_core12.createShorthands,
-  createStyledContext: () => import_core12.createStyledContext,
+  Theme: () => import_core11.Theme,
+  Unspaced: () => import_core11.Unspaced,
+  View: () => import_core11.View,
+  createComponent: () => import_core11.createComponent,
+  createFont: () => import_core11.createFont,
+  createShorthands: () => import_core11.createShorthands,
+  createStyledContext: () => import_core11.createStyledContext,
   createTamagui: () => createTamagui,
-  createTheme: () => import_core12.createTheme,
-  createTokens: () => import_core12.createTokens,
-  createVariable: () => import_core12.createVariable,
+  createTheme: () => import_core11.createTheme,
+  createTokens: () => import_core11.createTokens,
+  createVariable: () => import_core11.createVariable,
   defaultStyles: () => defaultStyles,
-  getConfig: () => import_core12.getConfig,
-  getMedia: () => import_core12.getMedia,
-  getStylesAtomic: () => import_core12.getStylesAtomic,
-  getThemes: () => import_core12.getThemes,
-  getToken: () => import_core12.getToken,
-  getTokenValue: () => import_core12.getTokenValue,
-  getTokens: () => import_core12.getTokens,
-  getVariable: () => import_core12.getVariable,
-  getVariableName: () => import_core12.getVariableName,
-  getVariableValue: () => import_core12.getVariableValue,
-  insertFont: () => import_core12.insertFont,
-  isChrome: () => import_core12.isChrome,
-  isClient: () => import_core12.isClient,
-  isServer: () => import_core12.isServer,
-  isTamaguiComponent: () => import_core12.isTamaguiComponent,
-  isTamaguiElement: () => import_core12.isTamaguiElement,
-  isTouchable: () => import_core12.isTouchable,
-  isVariable: () => import_core12.isVariable,
-  isWeb: () => import_core12.isWeb,
-  isWebTouchable: () => import_core12.isWebTouchable,
-  matchMedia: () => import_core12.matchMedia,
-  mediaObjectToString: () => import_core12.mediaObjectToString,
-  mediaQueryConfig: () => import_core12.mediaQueryConfig,
-  mediaState: () => import_core12.mediaState,
-  setupDev: () => import_core12.setupDev,
-  setupReactNative: () => import_core12.setupReactNative,
-  spacedChildren: () => import_core12.spacedChildren,
-  styled: () => import_core12.styled,
-  themeable: () => import_core12.themeable,
-  useConfiguration: () => import_core12.useConfiguration,
-  useDidFinishSSR: () => import_core12.useDidFinishSSR,
-  useEvent: () => import_core12.useEvent,
-  useGet: () => import_core12.useGet,
+  getConfig: () => import_core11.getConfig,
+  getMedia: () => import_core11.getMedia,
+  getStylesAtomic: () => import_core11.getStylesAtomic,
+  getThemes: () => import_core11.getThemes,
+  getToken: () => import_core11.getToken,
+  getTokenValue: () => import_core11.getTokenValue,
+  getTokens: () => import_core11.getTokens,
+  getVariable: () => import_core11.getVariable,
+  getVariableName: () => import_core11.getVariableName,
+  getVariableValue: () => import_core11.getVariableValue,
+  insertFont: () => import_core11.insertFont,
+  isChrome: () => import_core11.isChrome,
+  isClient: () => import_core11.isClient,
+  isServer: () => import_core11.isServer,
+  isTamaguiComponent: () => import_core11.isTamaguiComponent,
+  isTamaguiElement: () => import_core11.isTamaguiElement,
+  isTouchable: () => import_core11.isTouchable,
+  isVariable: () => import_core11.isVariable,
+  isWeb: () => import_core11.isWeb,
+  isWebTouchable: () => import_core11.isWebTouchable,
+  matchMedia: () => import_core11.matchMedia,
+  mediaObjectToString: () => import_core11.mediaObjectToString,
+  mediaQueryConfig: () => import_core11.mediaQueryConfig,
+  mediaState: () => import_core11.mediaState,
+  setupDev: () => import_core11.setupDev,
+  setupReactNative: () => import_core11.setupReactNative,
+  spacedChildren: () => import_core11.spacedChildren,
+  styled: () => import_core11.styled,
+  themeable: () => import_core11.themeable,
+  useConfiguration: () => import_core11.useConfiguration,
+  useDidFinishSSR: () => import_core11.useDidFinishSSR,
+  useEvent: () => import_core11.useEvent,
+  useGet: () => import_core11.useGet,
   useInputProps: () => useInputProps,
-  useIsTouchDevice: () => import_core12.useIsTouchDevice,
-  useIsomorphicLayoutEffect: () => import_core12.useIsomorphicLayoutEffect,
-  useMedia: () => import_core12.useMedia,
-  useProps: () => import_core12.useProps,
-  usePropsAndStyle: () => import_core12.usePropsAndStyle,
-  useStyle: () => import_core12.useStyle,
-  useTheme: () => import_core12.useTheme,
-  useThemeName: () => import_core12.useThemeName,
-  variableToString: () => import_core12.variableToString,
-  withStaticProperties: () => import_core12.withStaticProperties
+  useIsTouchDevice: () => import_core11.useIsTouchDevice,
+  useIsomorphicLayoutEffect: () => import_core11.useIsomorphicLayoutEffect,
+  useMedia: () => import_core11.useMedia,
+  useProps: () => import_core11.useProps,
+  usePropsAndStyle: () => import_core11.usePropsAndStyle,
+  useStyle: () => import_core11.useStyle,
+  useTheme: () => import_core11.useTheme,
+  useThemeName: () => import_core11.useThemeName,
+  variableToString: () => import_core11.variableToString,
+  withStaticProperties: () => import_core11.withStaticProperties
 });
 module.exports = __toCommonJS(src_exports);
 __reExport(src_exports, __toESM(require_index_native24()), module.exports);
@@ -19688,33 +19730,34 @@ __reExport(src_exports, __toESM(require_index_native40()), module.exports);
 __reExport(src_exports, __toESM(require_index_native48()), module.exports);
 __reExport(src_exports, __toESM(require_index_native50()), module.exports);
 __reExport(src_exports, __toESM(require_index_native51()), module.exports);
+__reExport(src_exports, __toESM(require_index_native52()), module.exports);
 __reExport(src_exports, __toESM(require_index_native41()), module.exports);
 __reExport(src_exports, __toESM(require_index_native37()), module.exports);
 __reExport(src_exports, __toESM(require_index_native45()), module.exports);
-__reExport(src_exports, __toESM(require_index_native52()), module.exports);
+__reExport(src_exports, __toESM(require_index_native53()), module.exports);
+__reExport(src_exports, __toESM(require_index_native57()), module.exports);
 __reExport(src_exports, __toESM(require_index_native56()), module.exports);
-__reExport(src_exports, __toESM(require_index_native55()), module.exports);
 __reExport(src_exports, __toESM(require_index_native30()), module.exports);
-__reExport(src_exports, __toESM(require_index_native57()), module.exports);
-__reExport(src_exports, __toESM(require_index_native59()), module.exports);
-__reExport(src_exports, __toESM(require_index_native33()), module.exports);
-__reExport(src_exports, __toESM(require_index_native62()), module.exports);
+__reExport(src_exports, __toESM(require_index_native58()), module.exports);
 __reExport(src_exports, __toESM(require_index_native60()), module.exports);
+__reExport(src_exports, __toESM(require_index_native33()), module.exports);
+__reExport(src_exports, __toESM(require_index_native63()), module.exports);
+__reExport(src_exports, __toESM(require_index_native61()), 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_native63()), module.exports);
-__reExport(src_exports, __toESM(require_index_native20()), module.exports);
 __reExport(src_exports, __toESM(require_index_native64()), module.exports);
+__reExport(src_exports, __toESM(require_index_native20()), module.exports);
 __reExport(src_exports, __toESM(require_index_native65()), module.exports);
-__reExport(src_exports, __toESM(require_index_native22()), module.exports);
 __reExport(src_exports, __toESM(require_index_native66()), module.exports);
+__reExport(src_exports, __toESM(require_index_native22()), 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_native69()), module.exports);
 __reExport(src_exports, __toESM(require_index_native9()), module.exports);
-__reExport(src_exports, __toESM(require_index_native61()), module.exports);
+__reExport(src_exports, __toESM(require_index_native62()), module.exports);
 __reExport(src_exports, __toESM(require_index_native()), module.exports);
-__reExport(src_exports, __toESM(require_index_native69()), module.exports);
 __reExport(src_exports, __toESM(require_index_native70()), module.exports);
+__reExport(src_exports, __toESM(require_index_native71()), module.exports);
 
 // src/createTamagui.ts
 var import_core = __toESM(require_index_native16()), createTamagui = process.env.NODE_ENV !== "development" ? import_core.createTamagui : (conf) => {
@@ -19925,48 +19968,12 @@ function useInputProps(props, ref) {
   };
 }
 
-// src/views/Layouts.tsx
-var import_core8 = __toESM(require_index_native16()), Section = (0, import_core8.styled)(import_core8.Stack, {
-  name: "Section",
-  tag: "section",
-  flexDirection: "column",
-  accessibilityRole: "summary"
-}), Article = (0, import_core8.styled)(import_core8.Stack, {
-  name: "Article",
-  tag: "article",
-  flexDirection: "column"
-}), Main = (0, import_core8.styled)(import_core8.Stack, {
-  name: "Main",
-  tag: "main",
-  flexDirection: "column"
-}), Header = (0, import_core8.styled)(import_core8.Stack, {
-  name: "Header",
-  tag: "header",
-  accessibilityRole: "header",
-  flexDirection: "column"
-}), Aside = (0, import_core8.styled)(import_core8.Stack, {
-  name: "Aside",
-  tag: "aside",
-  flexDirection: "column"
-  // accessibilityRole: 'complementary',
-}), Footer = (0, import_core8.styled)(import_core8.Stack, {
-  name: "Footer",
-  tag: "footer",
-  flexDirection: "column"
-  // accessibilityRole: 'contentinfo',
-}), Nav = (0, import_core8.styled)(import_core8.Stack, {
-  name: "Nav",
-  tag: "nav",
-  flexDirection: "column"
-  // accessibilityRole: 'navigation',
-});
-
 // src/views/Spinner.tsx
-var import_core9 = __toESM(require_index_native16()), import_stacks2 = __toESM(require_index_native20()), React = __toESM(require("react")), import_react_native3 = require("react-native"), import_jsx_runtime4 = require("react/jsx-runtime"), Spinner = import_stacks2.YStack.extractable(
-  (0, import_core9.themeable)(
+var import_core8 = __toESM(require_index_native16()), import_stacks2 = __toESM(require_index_native20()), React = __toESM(require("react")), import_react_native3 = require("react-native"), import_jsx_runtime4 = require("react/jsx-runtime"), Spinner = import_stacks2.YStack.extractable(
+  (0, import_core8.themeable)(
     React.forwardRef((props, ref) => {
-      let { size: size2, color: colorProp, ...stackProps } = props, theme = (0, import_core9.useTheme)(), color = colorProp;
-      return color && color[0] === "$" && (color = (0, import_core9.variableToString)(theme[color])), /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_stacks2.YStack, { ref, ...stackProps, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native3.ActivityIndicator, { size: size2, color }) });
+      let { size: size2, color: colorProp, ...stackProps } = props, theme = (0, import_core8.useTheme)(), color = colorProp;
+      return color && color[0] === "$" && (color = (0, import_core8.variableToString)(theme[color])), /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_stacks2.YStack, { ref, ...stackProps, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native3.ActivityIndicator, { size: size2, color }) });
     }),
     {
       componentName: "Spinner"
@@ -19975,8 +19982,8 @@ var import_core9 = __toESM(require_index_native16()), import_stacks2 = __toESM(r
 );
 
 // src/views/TextArea.tsx
-var import_constants3 = __toESM(require_index_native6()), import_core10 = __toESM(require_index_native16());
-var import_jsx_runtime5 = require("react/jsx-runtime"), TextAreaFrame = (0, import_core10.styled)(InputFrame, {
+var import_constants3 = __toESM(require_index_native6()), import_core9 = __toESM(require_index_native16());
+var import_jsx_runtime5 = require("react/jsx-runtime"), TextAreaFrame = (0, import_core9.styled)(InputFrame, {
   name: "TextArea",
   multiline: !0,
   // this attribute fixes firefox newline issue
@@ -20004,7 +20011,7 @@ var import_jsx_runtime5 = require("react/jsx-runtime"), TextAreaFrame = (0, impo
 });
 
 // src/views/Text.tsx
-var import_core11 = __toESM(require_index_native16()), Text2 = (0, import_core11.styled)(import_core11.Text, {
+var import_core10 = __toESM(require_index_native16()), Text2 = (0, import_core10.styled)(import_core10.Text, {
   variants: {
     unstyled: {
       false: {
@@ -20018,24 +20025,17 @@ var import_core11 = __toESM(require_index_native16()), Text2 = (0, import_core11
 });
 
 // src/index.ts
-var import_core12 = __toESM(require_index_native16());
+var import_core11 = __toESM(require_index_native16());
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Anchor,
-  Article,
-  Aside,
   ComponentContext,
   Configuration,
   EnsureFlexed,
   Fieldset,
   FontLanguage,
-  Footer,
-  Header,
   Input,
   InputFrame,
-  Main,
-  Nav,
-  Section,
   Spacer,
   Spinner,
   Stack,