tamagui 1.69.3 → 1.71.0

package/dist/test.native.js

@@ -3365,12 +3365,12 @@ var require_getSplitStyles_native = __commonJS({
             case "accessibilityRequired":
             default:
           }
-        let isValidStyleKeyInit = keyInit in validStyleProps, isShorthand = keyInit in shorthands, isVariant = !isValidStyleKeyInit && variants && keyInit in variants, isStyleLikeKey = isShorthand || isValidStyleKeyInit || isVariant, isPseudo = keyInit in import_helpers.validPseudoKeys, isMedia = !isStyleLikeKey && !isPseudo && (0, import_useMedia.isMediaKey)(keyInit), isMediaOrPseudo = isMedia || isPseudo, isStyleProp = isMediaOrPseudo || isVariant || isValidStyleKeyInit || isShorthand;
+        let isValidStyleKeyInit = keyInit in validStyleProps, isShorthand = keyInit in shorthands, isVariant = !isValidStyleKeyInit && variants && keyInit in variants, isStyleLikeKey = isShorthand || isValidStyleKeyInit || isVariant, isPseudo = keyInit in import_helpers.validPseudoKeys, isMedia = !isStyleLikeKey && !isPseudo && (0, import_useMedia.isMediaKey)(keyInit), isMediaOrPseudo = isMedia || isPseudo, isStyleProp = isMediaOrPseudo || isVariant && !styleProps.noExpand || isValidStyleKeyInit || isShorthand;
         if (isStyleProp && (props.asChild === "except-style" || props.asChild === "except-style-web"))
           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));
-        if ((shouldPassProp || isHOCShouldPassThrough) && (passDownProp(viewProps, keyInit, valInit, isMediaOrPseudo), !isVariant) || keyInit in skipProps)
+        if ((shouldPassProp || isHOCShouldPassThrough) && (passDownProp(viewProps, keyInit, valInit, isMediaOrPseudo), !isVariant) || !styleProps.noSkip && keyInit in skipProps)
           continue;
         if (isText && valInit && (keyInit === fontFamilyKey || keyInit === shorthands[fontFamilyKey]) && valInit in conf.fontsParsed && (styleState.fontFamily = valInit), isValidStyleKeyInit && !variants && (valInitType === "number" || valInitType === "string" && valInit[0] !== "$")) {
           style[keyInit] = valInit;
@@ -3591,7 +3591,7 @@ var require_getSplitStyles_native = __commonJS({
         let val = styleIn[key];
         key = conf2.shorthands[key] || key;
         let expanded = (0, import_propMapper.propMapper)(key, val, styleState, { ...props, ...props[subKey] });
-        if (!(!expanded || !staticConfig.isHOC && key in skipProps))
+        if (!(!expanded || !staticConfig.isHOC && key in skipProps && !styleProps.noSkip))
           for (let [skey, sval] of expanded)
             !avoidMergeTransform && skey in import_helpers.stylePropsTransform ? mergeTransform(styleOut, skey, sval) : styleOut[skey] = styleProps.noNormalize ? sval : (0, import_normalizeValueWithProperty.normalizeValueWithProperty)(sval, key);
       }
@@ -5844,6 +5844,7 @@ var require_useProps_native = __commonJS({
         {
           isAnimated: !1,
           mediaState: media,
+          noSkip: !0,
           noClassNames: !0,
           ...opts
         },
@@ -6941,128 +6942,6 @@ var require_index_native13 = __commonJS({
   }
 });
 
-// ../create-context/dist/cjs/create-context.native.js
-var require_create_context_native = __commonJS({
-  "../create-context/dist/cjs/create-context.native.js"(exports, module2) {
-    "use strict";
-    var __create2 = Object.create, __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __getProtoOf2 = Object.getPrototypeOf, __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;
-    }, __toESM2 = (mod, isNodeMode, target) => (target = mod != null ? __create2(__getProtoOf2(mod)) : {}, __copyProps2(
-      // If the importer is in node compatibility mode or this is not an ESM
-      // file that has been converted to a CommonJS file using a Babel-
-      // compatible transform (i.e. "__esModule" has not been set), then set
-      // "default" to the CommonJS "module.exports" for node compatibility.
-      isNodeMode || !mod || !mod.__esModule ? __defProp2(target, "default", { value: mod, enumerable: !0 }) : target,
-      mod
-    )), __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: !0 }), mod), create_context_exports = {};
-    __export2(create_context_exports, {
-      createContext: () => createContext,
-      createContextScope: () => createContextScope
-    });
-    module2.exports = __toCommonJS2(create_context_exports);
-    var React2 = __toESM2(require("react")), import_jsx_runtime6 = require("react/jsx-runtime");
-    function createContext(rootComponentName, defaultContext) {
-      let Context = React2.createContext(defaultContext);
-      function Provider(props) {
-        let { children, ...context } = props, value = React2.useMemo(() => context, Object.values(context));
-        return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Context.Provider, { value, children });
-      }
-      function useContext(consumerName) {
-        let context = React2.useContext(Context);
-        if (context)
-          return context;
-        if (defaultContext !== void 0)
-          return defaultContext;
-        throw new Error(`\`${consumerName}\` must be used within \`${rootComponentName}\``);
-      }
-      return Provider.displayName = `${rootComponentName}Provider`, [Provider, useContext];
-    }
-    function createContextScope(scopeName, createContextScopeDeps = []) {
-      let defaultContexts = [];
-      function createContext2(rootComponentName, defaultContext) {
-        let BaseContext = React2.createContext(defaultContext), index = defaultContexts.length;
-        defaultContexts = [...defaultContexts, defaultContext];
-        function Provider(props) {
-          let { scope, children, ...context } = props, Context = (scope == null ? void 0 : scope[scopeName][index]) || BaseContext, value = React2.useMemo(
-            () => context,
-            Object.values(context)
-          );
-          return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Context.Provider, { value, children });
-        }
-        function useContext(consumerName, scope, options) {
-          let Context = (scope == null ? void 0 : scope[scopeName][index]) || BaseContext, context = React2.useContext(Context);
-          if (context)
-            return context;
-          if (defaultContext !== void 0)
-            return defaultContext;
-          let missingContextMessage = `\`${consumerName}\` must be used within \`${rootComponentName}\``;
-          if (options != null && options.fallback)
-            return (options == null ? void 0 : options.warn) !== !1 && console.warn(missingContextMessage), options.fallback;
-          throw new Error(missingContextMessage);
-        }
-        return Provider.displayName = `${rootComponentName}Provider`, [Provider, useContext];
-      }
-      let createScope = () => {
-        let scopeContexts = defaultContexts.map((defaultContext) => React2.createContext(defaultContext));
-        return function(scope) {
-          let contexts = (scope == null ? void 0 : scope[scopeName]) || scopeContexts;
-          return React2.useMemo(
-            () => ({ [`__scope${scopeName}`]: { ...scope, [scopeName]: contexts } }),
-            [scope, contexts]
-          );
-        };
-      };
-      return createScope.scopeName = scopeName, [
-        createContext2,
-        composeContextScopes(createScope, ...createContextScopeDeps)
-      ];
-    }
-    function composeContextScopes(...scopes) {
-      let baseScope = scopes[0];
-      if (scopes.length === 1)
-        return baseScope;
-      let createScope = () => {
-        let scopeHooks = scopes.map((createScope2) => ({
-          useScope: createScope2(),
-          scopeName: createScope2.scopeName
-        }));
-        return function(overrideScopes) {
-          let nextScopes = scopeHooks.reduce((nextScopes2, { useScope, scopeName }) => {
-            let currentScope = useScope(overrideScopes)[`__scope${scopeName}`];
-            return { ...nextScopes2, ...currentScope };
-          }, {});
-          return React2.useMemo(
-            () => ({ [`__scope${baseScope.scopeName}`]: nextScopes }),
-            [nextScopes]
-          );
-        };
-      };
-      return createScope.scopeName = baseScope.scopeName, createScope;
-    }
-  }
-});
-
-// ../create-context/dist/cjs/index.native.js
-var require_index_native14 = __commonJS({
-  "../create-context/dist/cjs/index.native.js"(exports, module2) {
-    "use strict";
-    var __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __hasOwnProp2 = Object.prototype.hasOwnProperty, __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;
-    }, __reExport2 = (target, mod, secondTarget) => (__copyProps2(target, mod, "default"), secondTarget && __copyProps2(secondTarget, mod, "default")), __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: !0 }), mod), src_exports2 = {};
-    module2.exports = __toCommonJS2(src_exports2);
-    __reExport2(src_exports2, require_create_context_native(), module2.exports);
-  }
-});
-
 // ../use-controllable-state/dist/cjs/useControllableState.native.js
 var require_useControllableState_native = __commonJS({
   "../use-controllable-state/dist/cjs/useControllableState.native.js"(exports, module2) {
@@ -7115,7 +6994,7 @@ var require_useControllableState_native = __commonJS({
 });
 
 // ../use-controllable-state/dist/cjs/index.native.js
-var require_index_native15 = __commonJS({
+var require_index_native14 = __commonJS({
   "../use-controllable-state/dist/cjs/index.native.js"(exports, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __hasOwnProp2 = Object.prototype.hasOwnProperty, __copyProps2 = (to, from, except, desc) => {
@@ -7154,11 +7033,10 @@ var require_Collapsible_native = __commonJS({
       CollapsibleContent: () => CollapsibleContent,
       CollapsibleContentFrame: () => CollapsibleContentFrame,
       CollapsibleTrigger: () => CollapsibleTrigger,
-      CollapsibleTriggerFrame: () => CollapsibleTriggerFrame,
-      createCollapsibleScope: () => createCollapsibleScope
+      CollapsibleTriggerFrame: () => CollapsibleTriggerFrame
     });
     module2.exports = __toCommonJS2(Collapsible_exports);
-    var import_animate_presence = require_index_native13(), import_create_context = require_index_native14(), import_use_controllable_state = require_index_native15(), import_web = require_index_native9(), React2 = __toESM2(require("react")), import_jsx_runtime6 = require("react/jsx-runtime"), COLLAPSIBLE_NAME = "Collapsible", [createCollapsibleContext, createCollapsibleScope] = (0, import_create_context.createContextScope)(COLLAPSIBLE_NAME), [CollapsibleProvider, useCollapsibleContext] = createCollapsibleContext(COLLAPSIBLE_NAME), _Collapsible = React2.forwardRef(
+    var import_animate_presence = require_index_native13(), import_use_controllable_state = require_index_native14(), import_web = require_index_native9(), React2 = __toESM2(require("react")), import_jsx_runtime6 = require("react/jsx-runtime"), COLLAPSIBLE_NAME = "Collapsible", { Provider: CollapsibleProvider, useStyledContext: useCollapsibleContext } = (0, import_web.createStyledContext)(), _Collapsible = React2.forwardRef(
       (props, forwardedRef) => {
         let {
           __scopeCollapsible,
@@ -7202,7 +7080,7 @@ var require_Collapsible_native = __commonJS({
       tag: "button"
     }), CollapsibleTrigger = CollapsibleTriggerFrame.styleable(
       (props, forwardedRef) => {
-        let { __scopeCollapsible, children, ...triggerProps } = props, context = useCollapsibleContext(TRIGGER_NAME, __scopeCollapsible);
+        let { __scopeCollapsible, children, ...triggerProps } = props, context = useCollapsibleContext(__scopeCollapsible);
         return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
           CollapsibleTriggerFrame,
           {
@@ -7223,7 +7101,7 @@ var require_Collapsible_native = __commonJS({
     var CONTENT_NAME = "CollapsibleContent", CollapsibleContentFrame = (0, import_web.styled)(import_web.Stack, {
       name: CONTENT_NAME
     }), CollapsibleContent = CollapsibleContentFrame.styleable((props, forwardedRef) => {
-      let { forceMount, children, __scopeCollapsible, ...contentProps } = props, context = useCollapsibleContext(CONTENT_NAME, __scopeCollapsible);
+      let { forceMount, children, __scopeCollapsible, ...contentProps } = props, context = useCollapsibleContext(__scopeCollapsible);
       return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_animate_presence.AnimatePresence, { ...contentProps, children: forceMount || context.open ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(CollapsibleContentFrame, { ref: forwardedRef, ...contentProps, children }) : null });
     });
     CollapsibleContent.displayName = CONTENT_NAME;
@@ -7238,7 +7116,7 @@ var require_Collapsible_native = __commonJS({
 });
 
 // ../collapsible/dist/cjs/index.native.js
-var require_index_native16 = __commonJS({
+var require_index_native15 = __commonJS({
   "../collapsible/dist/cjs/index.native.js"(exports, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __hasOwnProp2 = Object.prototype.hasOwnProperty, __copyProps2 = (to, from, except, desc) => {
@@ -7276,32 +7154,36 @@ var require_Collection_native = __commonJS({
       createCollection: () => createCollection
     });
     module2.exports = __toCommonJS2(Collection_exports);
-    var import_compose_refs = require_index_native5(), import_core12 = require_index_native10(), import_create_context = require_index_native14(), import_react2 = __toESM2(require("react")), import_jsx_runtime6 = require("react/jsx-runtime");
+    var import_compose_refs = require_index_native5(), import_core12 = require_index_native10(), import_react2 = __toESM2(require("react")), import_jsx_runtime6 = require("react/jsx-runtime");
     function createCollection(name) {
-      let PROVIDER_NAME = name + "CollectionProvider", [createCollectionContext, createCollectionScope] = (0, import_create_context.createContextScope)(PROVIDER_NAME), [CollectionProviderImpl, useCollectionContext] = createCollectionContext(PROVIDER_NAME, {
+      let { Provider: CollectionProviderImpl, useStyledContext: useCollectionContext } = (0, import_core12.createStyledContext)({
         collectionRef: { current: null },
         itemMap: /* @__PURE__ */ new Map()
       }), CollectionProvider = (props) => {
-        let { scope, children } = props, ref = import_react2.default.useRef(null), itemMap = import_react2.default.useRef(/* @__PURE__ */ new Map()).current;
-        return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(CollectionProviderImpl, { scope, itemMap, collectionRef: ref, children });
+        let { __scopeCollection, children } = props, ref = import_react2.default.useRef(null), itemMap = import_react2.default.useRef(/* @__PURE__ */ new Map()).current;
+        return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+          CollectionProviderImpl,
+          {
+            scope: __scopeCollection,
+            itemMap,
+            collectionRef: ref,
+            children
+          }
+        );
       };
-      CollectionProvider.displayName = PROVIDER_NAME;
-      let COLLECTION_SLOT_NAME = name + "CollectionSlot", CollectionSlot = import_react2.default.forwardRef(
-        (props, forwardedRef) => {
-          let { scope, children } = props, context = useCollectionContext(COLLECTION_SLOT_NAME, scope), composedRefs = (0, import_compose_refs.useComposedRefs)(forwardedRef, context.collectionRef);
-          return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_core12.Slot, { ref: composedRefs, children });
-        }
-      );
+      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_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 { scope, children, ...itemData } = props, ref = import_react2.default.useRef(null), composedRefs = (0, import_compose_refs.useComposedRefs)(forwardedRef, ref), context = useCollectionContext(ITEM_SLOT_NAME, scope);
-          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 });
-        }
-      );
+      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_core12.Slot, { [ITEM_DATA_ATTR]: "", ref: composedRefs, children });
+      });
       CollectionItemSlot.displayName = ITEM_SLOT_NAME;
-      function useCollection(scope) {
-        let context = useCollectionContext(name + "CollectionConsumer", scope);
+      function useCollection(__scopeCollection) {
+        let context = useCollectionContext(__scopeCollection);
         return import_react2.default.useCallback(() => {
           if (!import_core12.isWeb)
             return [];
@@ -7318,15 +7200,14 @@ var require_Collection_native = __commonJS({
       }
       return [
         { Provider: CollectionProvider, Slot: CollectionSlot, ItemSlot: CollectionItemSlot },
-        useCollection,
-        createCollectionScope
+        useCollection
       ];
     }
   }
 });
 
 // ../collection/dist/cjs/index.native.js
-var require_index_native17 = __commonJS({
+var require_index_native16 = __commonJS({
   "../collection/dist/cjs/index.native.js"(exports, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __hasOwnProp2 = Object.prototype.hasOwnProperty, __copyProps2 = (to, from, except, desc) => {
@@ -7370,6 +7251,8 @@ var require_getElevation_native = __commonJS({
         typeof val2 == "number" ? num = val2 : num = 10;
       } else
         num = +val;
+      if (num === 0)
+        return;
       let [height, shadowRadius] = [Math.round(num / 4 + 1), Math.round(num / 2 + 2)];
       return {
         shadowColor: theme.shadowColor,
@@ -7436,7 +7319,7 @@ var require_Stacks_native = __commonJS({
 });
 
 // ../get-token/dist/cjs/index.native.js
-var require_index_native18 = __commonJS({
+var require_index_native17 = __commonJS({
   "../get-token/dist/cjs/index.native.js"(exports, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __hasOwnProp2 = Object.prototype.hasOwnProperty, __export2 = (target, all) => {
@@ -7480,7 +7363,7 @@ var require_index_native18 = __commonJS({
 });
 
 // ../get-button-sized/dist/cjs/index.native.js
-var require_index_native19 = __commonJS({
+var require_index_native18 = __commonJS({
   "../get-button-sized/dist/cjs/index.native.js"(exports, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __hasOwnProp2 = Object.prototype.hasOwnProperty, __export2 = (target, all) => {
@@ -7496,7 +7379,7 @@ var require_index_native19 = __commonJS({
       getButtonSized: () => getButtonSized2
     });
     module2.exports = __toCommonJS2(src_exports2);
-    var import_get_token2 = require_index_native18(), getButtonSized2 = (val, { tokens, props }) => {
+    var import_get_token2 = require_index_native17(), getButtonSized2 = (val, { tokens, props }) => {
       if (!val)
         return;
       if (typeof val == "number")
@@ -7638,7 +7521,7 @@ var require_SizableStack_native = __commonJS({
       SizableStack: () => SizableStack
     });
     module2.exports = __toCommonJS2(SizableStack_exports);
-    var import_core12 = require_index_native10(), 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, {
+    var import_core12 = require_index_native10(), import_get_button_sized2 = require_index_native18(), import_Stacks = require_Stacks_native(), import_variants = require_variants_native(), SizableStack = (0, import_core12.styled)(import_Stacks.XStack, {
       name: "SizableStack",
       variants: {
         unstyled: {
@@ -7724,7 +7607,7 @@ var require_ThemeableStack_native = __commonJS({
 });
 
 // ../stacks/dist/cjs/index.native.js
-var require_index_native20 = __commonJS({
+var require_index_native19 = __commonJS({
   "../stacks/dist/cjs/index.native.js"(exports, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __hasOwnProp2 = Object.prototype.hasOwnProperty, __copyProps2 = (to, from, except, desc) => {
@@ -7741,7 +7624,7 @@ var require_index_native20 = __commonJS({
 });
 
 // ../get-font-sized/dist/cjs/index.native.js
-var require_index_native21 = __commonJS({
+var require_index_native20 = __commonJS({
   "../get-font-sized/dist/cjs/index.native.js"(exports, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __hasOwnProp2 = Object.prototype.hasOwnProperty, __export2 = (target, all) => {
@@ -7801,7 +7684,7 @@ var require_SizableText_native = __commonJS({
       SizableText: () => SizableText2
     });
     module2.exports = __toCommonJS2(SizableText_exports);
-    var import_get_font_sized2 = require_index_native21(), import_web = require_index_native9(), variants = {
+    var import_get_font_sized2 = require_index_native20(), import_web = require_index_native9(), variants = {
       unstyled: {
         false: {
           size: "$true"
@@ -7979,7 +7862,7 @@ var require_types_native5 = __commonJS({
 });
 
 // ../text/dist/cjs/index.native.js
-var require_index_native22 = __commonJS({
+var require_index_native21 = __commonJS({
   "../text/dist/cjs/index.native.js"(exports, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __hasOwnProp2 = Object.prototype.hasOwnProperty, __copyProps2 = (to, from, except, desc) => {
@@ -8036,7 +7919,7 @@ var require_useDirection_native = __commonJS({
 });
 
 // ../use-direction/dist/cjs/index.native.js
-var require_index_native23 = __commonJS({
+var require_index_native22 = __commonJS({
   "../use-direction/dist/cjs/index.native.js"(exports, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __hasOwnProp2 = Object.prototype.hasOwnProperty, __copyProps2 = (to, from, except, desc) => {
@@ -8071,16 +7954,12 @@ var require_Accordion_native = __commonJS({
       mod
     )), __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: !0 }), mod), Accordion_exports = {};
     __export2(Accordion_exports, {
-      Accordion: () => Accordion,
-      createAccordionScope: () => createAccordionScope
+      Accordion: () => Accordion
     });
     module2.exports = __toCommonJS2(Accordion_exports);
-    var import_collapsible = require_index_native16(), import_collection = require_index_native17(), import_create_context = require_index_native14(), import_stacks3 = require_index_native20(), import_text2 = require_index_native22(), import_use_controllable_state = require_index_native15(), import_use_direction = require_index_native23(), import_web = require_index_native9(), React2 = __toESM2(require("react")), import_jsx_runtime6 = require("react/jsx-runtime"), ACCORDION_NAME = "Accordion", ACCORDION_KEYS = ["Home", "End", "ArrowDown", "ArrowUp", "ArrowLeft", "ArrowRight"], [Collection, useCollection, createCollectionScope] = (0, import_collection.createCollection)(ACCORDION_NAME), [createAccordionContext, createAccordionScope] = (0, import_create_context.createContextScope)(
-      ACCORDION_NAME,
-      [createCollectionScope, import_collapsible.createCollapsibleScope]
-    ), useCollapsibleScope = (0, import_collapsible.createCollapsibleScope)(), AccordionComponent = React2.forwardRef((props, forwardedRef) => {
+    var import_collapsible = require_index_native15(), import_collection = require_index_native16(), import_stacks3 = require_index_native19(), import_text2 = require_index_native21(), import_use_controllable_state = require_index_native14(), import_use_direction = require_index_native22(), import_web = require_index_native9(), React2 = __toESM2(require("react")), import_jsx_runtime6 = require("react/jsx-runtime"), ACCORDION_NAME = "Accordion", ACCORDION_KEYS = ["Home", "End", "ArrowDown", "ArrowUp", "ArrowLeft", "ArrowRight"], [Collection, useCollection] = (0, import_collection.createCollection)(ACCORDION_NAME), ACCORDION_CONTEXT = "Accordion", AccordionComponent = React2.forwardRef((props, forwardedRef) => {
       let { type, ...accordionProps } = props, singleProps = accordionProps, multipleProps = accordionProps;
-      return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Collection.Provider, { scope: props.__scopeAccordion, children: type === "multiple" ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(AccordionImplMultiple, { ...multipleProps, ref: forwardedRef }) : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(AccordionImplSingle, { ...singleProps, ref: forwardedRef }) });
+      return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Collection.Provider, { __scopeCollection: props.__scopeAccordion || ACCORDION_CONTEXT, children: type === "multiple" ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(AccordionImplMultiple, { ...multipleProps, ref: forwardedRef }) : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(AccordionImplSingle, { ...singleProps, ref: forwardedRef }) });
     });
     AccordionComponent.displayName = ACCORDION_NAME;
     AccordionComponent.propTypes = {
@@ -8095,7 +7974,10 @@ var require_Accordion_native = __commonJS({
         ) : null;
       }
     };
-    var [AccordionValueProvider, useAccordionValueContext] = createAccordionContext(ACCORDION_NAME), [AccordionCollapsibleProvider, useAccordionCollapsibleContext] = createAccordionContext(ACCORDION_NAME, { collapsible: !1 }), AccordionImplSingle = React2.forwardRef((props, forwardedRef) => {
+    var { Provider: AccordionValueProvider, useStyledContext: useAccordionValueContext } = (0, import_web.createStyledContext)(), {
+      Provider: AccordionCollapsibleProvider,
+      useStyledContext: useAccordionCollapsibleContext
+    } = (0, import_web.createStyledContext)(), AccordionImplSingle = React2.forwardRef((props, forwardedRef) => {
       let {
         value: valueProp,
         defaultValue,
@@ -8157,7 +8039,7 @@ var require_Accordion_native = __commonJS({
           children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(AccordionCollapsibleProvider, { scope: props.__scopeAccordion, collapsible: !0, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(AccordionImpl, { ...accordionMultipleProps, ref: forwardedRef }) })
         }
       );
-    }), [AccordionImplProvider, useAccordionContext] = createAccordionContext(ACCORDION_NAME), AccordionImpl = React2.forwardRef(
+    }), { Provider: AccordionImplProvider, useStyledContext: useAccordionContext } = (0, import_web.createStyledContext)(), AccordionImpl = React2.forwardRef(
       (props, forwardedRef) => {
         let {
           __scopeAccordion,
@@ -8165,7 +8047,7 @@ var require_Accordion_native = __commonJS({
           dir,
           orientation = "vertical",
           ...accordionProps
-        } = props, accordionRef = React2.useRef(null), composedRef = (0, import_web.useComposedRefs)(accordionRef, forwardedRef), getItems = useCollection(__scopeAccordion), isDirectionLTR = (0, import_use_direction.useDirection)(dir) === "ltr", handleKeyDown = (0, import_web.composeEventHandlers)(
+        } = props, accordionRef = React2.useRef(null), composedRef = (0, import_web.useComposedRefs)(accordionRef, forwardedRef), getItems = useCollection(__scopeAccordion || ACCORDION_CONTEXT), isDirectionLTR = (0, import_use_direction.useDirection)(dir) === "ltr", handleKeyDown = (0, import_web.composeEventHandlers)(
           props.onKeyDown,
           (event) => {
             var _a;
@@ -8216,7 +8098,7 @@ var require_Accordion_native = __commonJS({
             disabled,
             direction: dir,
             orientation,
-            children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Collection.Slot, { scope: __scopeAccordion, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Collection.Slot, { __scopeCollection: __scopeAccordion || ACCORDION_CONTEXT, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
               import_stacks3.YStack,
               {
                 "data-orientation": orientation,
@@ -8230,9 +8112,9 @@ var require_Accordion_native = __commonJS({
           }
         );
       }
-    ), ITEM_NAME = "AccordionItem", [AccordionItemProvider, useAccordionItemContext] = createAccordionContext(ITEM_NAME), AccordionItem = React2.forwardRef(
+    ), ITEM_NAME = "AccordionItem", { Provider: AccordionItemProvider, useStyledContext: useAccordionItemContext } = (0, import_web.createStyledContext)(), AccordionItem = React2.forwardRef(
       (props, forwardedRef) => {
-        let { __scopeAccordion, value, ...accordionItemProps } = props, accordionContext = useAccordionContext(ITEM_NAME, __scopeAccordion), valueContext = useAccordionValueContext(ITEM_NAME, __scopeAccordion), collapsibleScope = useCollapsibleScope(__scopeAccordion), triggerId = React2.useId(), open = value && valueContext.value.includes(value) || !1, disabled = accordionContext.disabled || props.disabled;
+        let { __scopeAccordion, value, ...accordionItemProps } = props, accordionContext = useAccordionContext(__scopeAccordion), valueContext = useAccordionValueContext(__scopeAccordion), triggerId = React2.useId(), open = value && valueContext.value.includes(value) || !1, disabled = accordionContext.disabled || props.disabled;
         return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
           AccordionItemProvider,
           {
@@ -8245,7 +8127,7 @@ var require_Accordion_native = __commonJS({
               {
                 "data-orientation": accordionContext.orientation,
                 "data-state": open ? "open" : "closed",
-                ...collapsibleScope,
+                __scopeCollapsible: __scopeAccordion || ACCORDION_CONTEXT,
                 ...accordionItemProps,
                 ref: forwardedRef,
                 disabled,
@@ -8262,7 +8144,7 @@ var require_Accordion_native = __commonJS({
     AccordionItem.displayName = ITEM_NAME;
     var HEADER_NAME = "AccordionHeader", AccordionHeader = React2.forwardRef(
       (props, forwardedRef) => {
-        let { __scopeAccordion, ...headerProps } = props, accordionContext = useAccordionContext(ACCORDION_NAME, __scopeAccordion), itemContext = useAccordionItemContext(HEADER_NAME, __scopeAccordion);
+        let { __scopeAccordion, ...headerProps } = props, accordionContext = useAccordionContext(__scopeAccordion), itemContext = useAccordionItemContext(__scopeAccordion);
         return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
           import_text2.H1,
           {
@@ -8300,18 +8182,15 @@ var require_Accordion_native = __commonJS({
       defaultVariants: {
         unstyled: !1
       }
-    }), TRIGGER_NAME = "AccordionTrigger", AccordionTrigger = AccordionTriggerFrame.styleable(function(props, forwardedRef) {
-      let { __scopeAccordion, ...triggerProps } = props, accordionContext = useAccordionContext(ACCORDION_NAME, __scopeAccordion), itemContext = useAccordionItemContext(TRIGGER_NAME, __scopeAccordion), collapsibleContext = useAccordionCollapsibleContext(
-        TRIGGER_NAME,
-        __scopeAccordion
-      ), collapsibleScope = useCollapsibleScope(__scopeAccordion);
-      return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Collection.ItemSlot, { scope: __scopeAccordion, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+    }), AccordionTrigger = AccordionTriggerFrame.styleable(function(props, forwardedRef) {
+      let { __scopeAccordion, ...triggerProps } = props, accordionContext = useAccordionContext(__scopeAccordion), itemContext = useAccordionItemContext(__scopeAccordion), collapsibleContext = useAccordionCollapsibleContext(__scopeAccordion);
+      return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Collection.ItemSlot, { __scopeCollection: __scopeAccordion || ACCORDION_CONTEXT, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
         AccordionTriggerFrame,
         {
+          __scopeCollapsible: __scopeAccordion || ACCORDION_CONTEXT,
           "aria-disabled": itemContext.open && !collapsibleContext.collapsible || void 0,
           "data-orientation": accordionContext.orientation,
           id: itemContext.triggerId,
-          ...collapsibleScope,
           ...triggerProps,
           ref: forwardedRef
         }
@@ -8329,14 +8208,14 @@ var require_Accordion_native = __commonJS({
         unstyled: !1
       }
     }), AccordionContent = AccordionContentFrame.styleable(function(props, forwardedRef) {
-      let { __scopeAccordion, ...contentProps } = props, accordionContext = useAccordionContext(ACCORDION_NAME, __scopeAccordion), itemContext = useAccordionItemContext("AccordionContent", __scopeAccordion), collapsibleScope = useCollapsibleScope(__scopeAccordion);
+      let { __scopeAccordion, ...contentProps } = props, accordionContext = useAccordionContext(__scopeAccordion), itemContext = useAccordionItemContext(__scopeAccordion);
       return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
         AccordionContentFrame,
         {
           role: "region",
           "aria-labelledby": itemContext.triggerId,
           "data-orientation": accordionContext.orientation,
-          ...collapsibleScope,
+          __scopeCollapsible: __scopeAccordion || ACCORDION_CONTEXT,
           ...contentProps,
           ref: forwardedRef
         }
@@ -8355,7 +8234,7 @@ var require_Accordion_native = __commonJS({
 });
 
 // ../accordion/dist/cjs/index.native.js
-var require_index_native24 = __commonJS({
+var require_index_native23 = __commonJS({
   "../accordion/dist/cjs/index.native.js"(exports, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __hasOwnProp2 = Object.prototype.hasOwnProperty, __copyProps2 = (to, from, except, desc) => {
@@ -8428,7 +8307,7 @@ var require_Adapt_native = __commonJS({
 });
 
 // ../adapt/dist/cjs/index.native.js
-var require_index_native25 = __commonJS({
+var require_index_native24 = __commonJS({
   "../adapt/dist/cjs/index.native.js"(exports, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __hasOwnProp2 = Object.prototype.hasOwnProperty, __copyProps2 = (to, from, except, desc) => {
@@ -8442,6 +8321,128 @@ var require_index_native25 = __commonJS({
   }
 });
 
+// ../create-context/dist/cjs/create-context.native.js
+var require_create_context_native = __commonJS({
+  "../create-context/dist/cjs/create-context.native.js"(exports, module2) {
+    "use strict";
+    var __create2 = Object.create, __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __getProtoOf2 = Object.getPrototypeOf, __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;
+    }, __toESM2 = (mod, isNodeMode, target) => (target = mod != null ? __create2(__getProtoOf2(mod)) : {}, __copyProps2(
+      // If the importer is in node compatibility mode or this is not an ESM
+      // file that has been converted to a CommonJS file using a Babel-
+      // compatible transform (i.e. "__esModule" has not been set), then set
+      // "default" to the CommonJS "module.exports" for node compatibility.
+      isNodeMode || !mod || !mod.__esModule ? __defProp2(target, "default", { value: mod, enumerable: !0 }) : target,
+      mod
+    )), __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: !0 }), mod), create_context_exports = {};
+    __export2(create_context_exports, {
+      createContext: () => createContext,
+      createContextScope: () => createContextScope
+    });
+    module2.exports = __toCommonJS2(create_context_exports);
+    var React2 = __toESM2(require("react")), import_jsx_runtime6 = require("react/jsx-runtime");
+    function createContext(rootComponentName, defaultContext) {
+      let Context = React2.createContext(defaultContext);
+      function Provider(props) {
+        let { children, ...context } = props, value = React2.useMemo(() => context, Object.values(context));
+        return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Context.Provider, { value, children });
+      }
+      function useContext(consumerName) {
+        let context = React2.useContext(Context);
+        if (context)
+          return context;
+        if (defaultContext !== void 0)
+          return defaultContext;
+        throw new Error(`\`${consumerName}\` must be used within \`${rootComponentName}\``);
+      }
+      return Provider.displayName = `${rootComponentName}Provider`, [Provider, useContext];
+    }
+    function createContextScope(scopeName, createContextScopeDeps = []) {
+      let defaultContexts = [];
+      function createContext2(rootComponentName, defaultContext) {
+        let BaseContext = React2.createContext(defaultContext), index = defaultContexts.length;
+        defaultContexts = [...defaultContexts, defaultContext];
+        function Provider(props) {
+          let { scope, children, ...context } = props, Context = (scope == null ? void 0 : scope[scopeName][index]) || BaseContext, value = React2.useMemo(
+            () => context,
+            Object.values(context)
+          );
+          return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Context.Provider, { value, children });
+        }
+        function useContext(consumerName, scope, options) {
+          let Context = (scope == null ? void 0 : scope[scopeName][index]) || BaseContext, context = React2.useContext(Context);
+          if (context)
+            return context;
+          if (defaultContext !== void 0)
+            return defaultContext;
+          let missingContextMessage = `\`${consumerName}\` must be used within \`${rootComponentName}\``;
+          if (options != null && options.fallback)
+            return (options == null ? void 0 : options.warn) !== !1 && console.warn(missingContextMessage), options.fallback;
+          throw new Error(missingContextMessage);
+        }
+        return Provider.displayName = `${rootComponentName}Provider`, [Provider, useContext];
+      }
+      let createScope = () => {
+        let scopeContexts = defaultContexts.map((defaultContext) => React2.createContext(defaultContext));
+        return function(scope) {
+          let contexts = (scope == null ? void 0 : scope[scopeName]) || scopeContexts;
+          return React2.useMemo(
+            () => ({ [`__scope${scopeName}`]: { ...scope, [scopeName]: contexts } }),
+            [scope, contexts]
+          );
+        };
+      };
+      return createScope.scopeName = scopeName, [
+        createContext2,
+        composeContextScopes(createScope, ...createContextScopeDeps)
+      ];
+    }
+    function composeContextScopes(...scopes) {
+      let baseScope = scopes[0];
+      if (scopes.length === 1)
+        return baseScope;
+      let createScope = () => {
+        let scopeHooks = scopes.map((createScope2) => ({
+          useScope: createScope2(),
+          scopeName: createScope2.scopeName
+        }));
+        return function(overrideScopes) {
+          let nextScopes = scopeHooks.reduce((nextScopes2, { useScope, scopeName }) => {
+            let currentScope = useScope(overrideScopes)[`__scope${scopeName}`];
+            return { ...nextScopes2, ...currentScope };
+          }, {});
+          return React2.useMemo(
+            () => ({ [`__scope${baseScope.scopeName}`]: nextScopes }),
+            [nextScopes]
+          );
+        };
+      };
+      return createScope.scopeName = baseScope.scopeName, createScope;
+    }
+  }
+});
+
+// ../create-context/dist/cjs/index.native.js
+var require_index_native25 = __commonJS({
+  "../create-context/dist/cjs/index.native.js"(exports, module2) {
+    "use strict";
+    var __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __hasOwnProp2 = Object.prototype.hasOwnProperty, __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;
+    }, __reExport2 = (target, mod, secondTarget) => (__copyProps2(target, mod, "default"), secondTarget && __copyProps2(secondTarget, mod, "default")), __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: !0 }), mod), src_exports2 = {};
+    module2.exports = __toCommonJS2(src_exports2);
+    __reExport2(src_exports2, require_create_context_native(), module2.exports);
+  }
+});
+
 // ../aria-hidden/dist/cjs/AriaHidden.native.js
 var require_AriaHidden_native = __commonJS({
   "../aria-hidden/dist/cjs/AriaHidden.native.js"(exports, module2) {
@@ -8742,7 +8743,7 @@ var require_Portal_native = __commonJS({
       Portal: () => Portal
     });
     module2.exports = __toCommonJS2(Portal_native_exports);
-    var import_stacks3 = require_index_native20(), React2 = __toESM2(require("react")), import_react_native4 = require_fake_react_native(), import_GorhomPortal = require_GorhomPortal_native(), import_jsx_runtime6 = require("react/jsx-runtime"), isFabric = global == null ? void 0 : global.nativeFabricUIManager, createPortal;
+    var import_stacks3 = require_index_native19(), React2 = __toESM2(require("react")), import_react_native4 = require_fake_react_native(), import_GorhomPortal = require_GorhomPortal_native(), import_jsx_runtime6 = require("react/jsx-runtime"), isFabric = global == null ? void 0 : global.nativeFabricUIManager, createPortal;
     isFabric ? createPortal = require_fake_react_native().createPortal : createPortal = require_fake_react_native().createPortal;
     var Portal = (props) => {
       let rootTag = React2.useContext(import_react_native4.RootTagContext), contents = /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
@@ -8874,7 +8875,7 @@ var require_SheetContext_native = __commonJS({
       useSheetContext: () => useSheetContext
     });
     module2.exports = __toCommonJS2(SheetContext_exports);
-    var import_create_context = require_index_native14(), import_constants = require_constants_native2(), [createSheetContext, createSheetScope2] = (0, import_create_context.createContextScope)(import_constants.SHEET_NAME), [SheetProvider, useSheetContext] = createSheetContext(
+    var import_create_context = require_index_native25(), import_constants = require_constants_native2(), [createSheetContext, createSheetScope2] = (0, import_create_context.createContextScope)(import_constants.SHEET_NAME), [SheetProvider, useSheetContext] = createSheetContext(
       import_constants.SHEET_NAME,
       {}
     );
@@ -8930,7 +8931,7 @@ var require_useSheetOpenState_native = __commonJS({
       useSheetOpenState: () => useSheetOpenState
     });
     module2.exports = __toCommonJS2(useSheetOpenState_exports);
-    var import_use_controllable_state = require_index_native15(), import_useSheetController = require_useSheetController_native(), useSheetOpenState = (props) => {
+    var import_use_controllable_state = require_index_native14(), import_useSheetController = require_useSheetController_native(), useSheetOpenState = (props) => {
       let { isHidden, controller } = (0, import_useSheetController.useSheetController)(), onOpenChangeInternal = (val) => {
         var _a, _b;
         (_a = controller == null ? void 0 : controller.onOpenChange) == null || _a.call(controller, val), (_b = props.onOpenChange) == null || _b.call(props, val);
@@ -9002,7 +9003,7 @@ var require_useSheetProviderProps_native = __commonJS({
       useSheetProviderProps: () => useSheetProviderProps
     });
     module2.exports = __toCommonJS2(useSheetProviderProps_exports);
-    var import_core12 = require_index_native10(), import_use_constant = require_index_native31(), import_use_controllable_state = require_index_native15(), import_react2 = __toESM2(require("react"));
+    var import_core12 = require_index_native10(), import_use_constant = require_index_native31(), import_use_controllable_state = require_index_native14(), 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,
@@ -9085,7 +9086,7 @@ var require_nativeSheet_native = __commonJS({
       setupNativeSheet: () => setupNativeSheet2
     });
     module2.exports = __toCommonJS2(nativeSheet_exports);
-    var import_stacks3 = require_index_native20(), import_react2 = require("react"), import_react_native4 = require_fake_react_native(), import_SheetContext = require_SheetContext_native(), import_useSheetOpenState = require_useSheetOpenState_native(), import_useSheetProviderProps = require_useSheetProviderProps_native(), import_jsx_runtime6 = require("react/jsx-runtime"), nativeSheets = {
+    var import_stacks3 = require_index_native19(), import_react2 = require("react"), import_react_native4 = require_fake_react_native(), import_SheetContext = require_SheetContext_native(), import_useSheetOpenState = require_useSheetOpenState_native(), import_useSheetProviderProps = require_useSheetProviderProps_native(), import_jsx_runtime6 = require("react/jsx-runtime"), nativeSheets = {
       ios: null
     };
     function getNativeSheet(platform) {
@@ -9238,7 +9239,7 @@ var require_SheetImplementationCustom_native = __commonJS({
       SheetImplementationCustom: () => SheetImplementationCustom
     });
     module2.exports = __toCommonJS2(SheetImplementationCustom_exports);
-    var import_adapt = require_index_native25(), import_animate_presence = require_index_native13(), import_compose_refs = require_index_native5(), import_core12 = require_index_native10(), import_portal2 = require_index_native29(), import_use_keyboard_visible = require_index_native32(), import_react2 = require("react"), import_react_native4 = require_fake_react_native(), import_constants = require_constants_native2(), 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)(
+    var import_adapt = require_index_native24(), import_animate_presence = require_index_native13(), import_compose_refs = require_index_native5(), import_core12 = require_index_native10(), import_portal2 = require_index_native29(), import_use_keyboard_visible = require_index_native32(), import_react2 = require("react"), import_react_native4 = require_fake_react_native(), import_constants = require_constants_native2(), 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,
@@ -9507,7 +9508,7 @@ var require_ScrollView_native = __commonJS({
       ScrollView: () => ScrollView
     });
     module2.exports = __toCommonJS2(ScrollView_exports);
-    var import_stacks3 = require_index_native20(), import_web = require_index_native9(), import_react_native4 = require_fake_react_native();
+    var import_stacks3 = require_index_native19(), import_web = require_index_native9(), import_react_native4 = require_fake_react_native();
     (0, import_web.setupReactNative)({
       ScrollView: import_react_native4.ScrollView
     });
@@ -9822,7 +9823,7 @@ var require_Sheet_native = __commonJS({
       createSheetScope: () => import_SheetContext.createSheetScope
     });
     module2.exports = __toCommonJS2(Sheet_exports);
-    var import_core12 = require_index_native10(), import_stacks3 = require_index_native20(), import_constants = require_constants_native2(), import_createSheet = require_createSheet_native(), import_SheetContext = require_SheetContext_native();
+    var import_core12 = require_index_native10(), import_stacks3 = require_index_native19(), import_constants = require_constants_native2(), import_createSheet = require_createSheet_native(), import_SheetContext = require_SheetContext_native();
     __reExport2(Sheet_exports, require_types_native6(), module2.exports);
     var Handle = (0, import_core12.styled)(import_stacks3.XStack, {
       name: import_constants.SHEET_HANDLE_NAME,
@@ -10025,7 +10026,7 @@ var require_Dialog_native = __commonJS({
       createDialogScope: () => createDialogScope
     });
     module2.exports = __toCommonJS2(Dialog_exports);
-    var import_adapt = require_index_native25(), import_animate_presence = require_index_native13(), import_aria_hidden = require_index_native26(), import_compose_refs = require_index_native5(), import_core12 = require_index_native10(), import_create_context = require_index_native14(), import_dismissable = require_index_native27(), import_focus_scope = require_index_native28(), import_portal2 = require_index_native29(), import_remove_scroll = require_index_native30(), import_sheet = require_index_native34(), import_stacks3 = require_index_native20(), import_text2 = require_index_native22(), import_use_controllable_state = require_index_native15(), 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, {
+    var import_adapt = require_index_native24(), import_animate_presence = require_index_native13(), import_aria_hidden = require_index_native26(), import_compose_refs = require_index_native5(), import_core12 = require_index_native10(), import_create_context = require_index_native25(), import_dismissable = require_index_native27(), import_focus_scope = require_index_native28(), import_portal2 = require_index_native29(), import_remove_scroll = require_index_native30(), import_sheet = require_index_native34(), import_stacks3 = require_index_native19(), import_text2 = require_index_native21(), import_use_controllable_state = require_index_native14(), 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) => {
@@ -10490,7 +10491,7 @@ var require_AlertDialog_native = __commonJS({
       createAlertDialogScope: () => createAlertDialogScope
     });
     module2.exports = __toCommonJS2(AlertDialog_exports);
-    var import_compose_refs = require_index_native5(), import_core12 = require_index_native10(), import_create_context = require_index_native14(), import_dialog = require_index_native35(), import_use_controllable_state = require_index_native15(), React2 = __toESM2(require("react")), import_react_native4 = require_fake_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_native5(), import_core12 = require_index_native10(), import_create_context = require_index_native25(), import_dialog = require_index_native35(), import_use_controllable_state = require_index_native14(), React2 = __toESM2(require("react")), import_react_native4 = require_fake_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_core12.styled)(import_core12.View, {
       name: TRIGGER_NAME
@@ -10779,7 +10780,7 @@ var require_Square_native = __commonJS({
       Square: () => Square
     });
     module2.exports = __toCommonJS2(Square_exports);
-    var import_stacks3 = require_index_native20(), import_web = require_index_native9(), import_getShapeSize = require_getShapeSize_native(), Square = (0, import_web.styled)(import_stacks3.ThemeableStack, {
+    var import_stacks3 = require_index_native19(), import_web = require_index_native9(), import_getShapeSize = require_getShapeSize_native(), Square = (0, import_web.styled)(import_stacks3.ThemeableStack, {
       name: "Square",
       alignItems: "center",
       justifyContent: "center",
@@ -10862,7 +10863,7 @@ var require_Avatar_native = __commonJS({
       createAvatarScope: () => createAvatarScope
     });
     module2.exports = __toCommonJS2(Avatar_exports);
-    var import_core12 = require_index_native10(), import_create_context = require_index_native14(), 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_native10(), import_create_context = require_index_native25(), import_image = require_index_native37(), import_shapes = require_index_native38(), import_stacks3 = require_index_native19(), 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 = () => {
@@ -11132,7 +11133,7 @@ var require_Button_native = __commonJS({
       useButton: () => useButton
     });
     module2.exports = __toCommonJS2(Button_exports);
-    var import_font_size = require_index_native40(), import_get_button_sized2 = require_index_native19(), import_helpers_tamagui = require_index_native41(), import_stacks3 = require_index_native20(), import_text2 = require_index_native22(), import_web = require_index_native9(), import_react2 = require("react"), import_jsx_runtime6 = require("react/jsx-runtime"), ButtonContext = (0, import_web.createStyledContext)({}), BUTTON_NAME = "Button", ButtonFrame = (0, import_web.styled)(import_stacks3.ThemeableStack, {
+    var import_font_size = require_index_native40(), import_get_button_sized2 = require_index_native18(), import_helpers_tamagui = require_index_native41(), import_stacks3 = require_index_native19(), import_text2 = require_index_native21(), import_web = require_index_native9(), import_react2 = require("react"), import_jsx_runtime6 = require("react/jsx-runtime"), ButtonContext = (0, import_web.createStyledContext)({}), BUTTON_NAME = "Button", ButtonFrame = (0, import_web.styled)(import_stacks3.ThemeableStack, {
       name: BUTTON_NAME,
       tag: "button",
       context: ButtonContext,
@@ -11333,7 +11334,7 @@ var require_Card_native = __commonJS({
       CardHeader: () => CardHeader
     });
     module2.exports = __toCommonJS2(Card_exports);
-    var import_stacks3 = require_index_native20(), import_web = require_index_native9(), CardContext = (0, import_web.createStyledContext)({
+    var import_stacks3 = require_index_native19(), import_web = require_index_native9(), CardContext = (0, import_web.createStyledContext)({
       size: "$true"
     }), CardFrame = (0, import_web.styled)(import_stacks3.ThemeableStack, {
       name: "Card",
@@ -11582,7 +11583,7 @@ var require_Label_native = __commonJS({
       useLabelContext: () => useLabelContext
     });
     module2.exports = __toCommonJS2(Label_exports);
-    var import_compose_refs = require_index_native5(), import_create_context = require_index_native14(), import_focusable2 = require_index_native44(), import_get_button_sized2 = require_index_native19(), import_get_font_sized2 = require_index_native21(), import_text2 = require_index_native22(), import_web = require_index_native9(), React2 = __toESM2(require("react")), import_jsx_runtime6 = require("react/jsx-runtime"), NAME = "Label", [LabelProvider, useLabelContextImpl] = (0, import_create_context.createContext)(NAME, {
+    var import_compose_refs = require_index_native5(), import_create_context = require_index_native25(), import_focusable2 = require_index_native44(), import_get_button_sized2 = require_index_native18(), import_get_font_sized2 = require_index_native20(), import_text2 = require_index_native21(), import_web = require_index_native9(), React2 = __toESM2(require("react")), import_jsx_runtime6 = require("react/jsx-runtime"), NAME = "Label", [LabelProvider, useLabelContextImpl] = (0, import_create_context.createContext)(NAME, {
       id: void 0,
       controlRef: { current: null }
     }), LabelFrame = (0, import_web.styled)(import_text2.SizableText, {
@@ -11742,7 +11743,7 @@ var require_Checkbox_native = __commonJS({
       isIndeterminate: () => isIndeterminate
     });
     module2.exports = __toCommonJS2(Checkbox_exports);
-    var import_core12 = require_index_native10(), import_create_context = require_index_native14(), import_focusable2 = require_index_native44(), import_font_size = require_index_native40(), import_get_token2 = require_index_native18(), import_helpers_tamagui = require_index_native41(), import_label = require_index_native45(), import_stacks3 = require_index_native20(), import_use_controllable_state = require_index_native15(), import_use_previous = require_index_native46(), React2 = __toESM2(require("react")), import_jsx_runtime6 = require("react/jsx-runtime"), CheckboxStyledContext = (0, import_core12.createStyledContext)({
+    var import_core12 = require_index_native10(), import_create_context = require_index_native25(), import_focusable2 = require_index_native44(), import_font_size = require_index_native40(), import_get_token2 = require_index_native17(), import_helpers_tamagui = require_index_native41(), import_label = require_index_native45(), import_stacks3 = require_index_native19(), import_use_controllable_state = require_index_native14(), 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
     });
@@ -12015,7 +12016,7 @@ var require_Form_native = __commonJS({
       useFormContext: () => useFormContext
     });
     module2.exports = __toCommonJS2(Form_exports);
-    var import_core12 = require_index_native10(), import_create_context = require_index_native14(), import_react2 = require("react"), import_jsx_runtime6 = require("react/jsx-runtime"), FORM_NAME = "Form", FormFrame = (0, import_core12.styled)(import_core12.Stack, {
+    var import_core12 = require_index_native10(), import_create_context = require_index_native25(), import_react2 = require("react"), 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_core12.styled)(import_core12.View, {
@@ -12548,7 +12549,7 @@ var require_Group_native = __commonJS({
       useGroupItem: () => useGroupItem
     });
     module2.exports = __toCommonJS2(Group_exports);
-    var import_core12 = require_index_native10(), import_create_context = require_index_native14(), import_stacks3 = require_index_native20(), import_use_controllable_state = require_index_native15(), import_react2 = __toESM2(require("react")), import_react_native4 = require_fake_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, {
+    var import_core12 = require_index_native10(), import_create_context = require_index_native25(), import_stacks3 = require_index_native19(), import_use_controllable_state = require_index_native14(), import_react2 = __toESM2(require("react")), import_react_native4 = require_fake_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: {
@@ -12745,7 +12746,7 @@ var require_ListItem_native = __commonJS({
       useListItem: () => useListItem
     });
     module2.exports = __toCommonJS2(ListItem_exports);
-    var import_font_size = require_index_native40(), import_get_font_sized2 = require_index_native21(), import_get_token2 = require_index_native18(), import_helpers_tamagui = require_index_native41(), import_stacks3 = require_index_native20(), import_text2 = require_index_native22(), import_web = require_index_native9(), import_jsx_runtime6 = require("react/jsx-runtime"), NAME = "ListItem", listItemVariants = {
+    var import_font_size = require_index_native40(), import_get_font_sized2 = require_index_native20(), import_get_token2 = require_index_native17(), import_helpers_tamagui = require_index_native41(), import_stacks3 = require_index_native19(), import_text2 = require_index_native21(), import_web = require_index_native9(), import_jsx_runtime6 = require("react/jsx-runtime"), NAME = "ListItem", listItemVariants = {
       unstyled: {
         false: {
           size: "$true",
@@ -13088,7 +13089,7 @@ var require_Popper_native = __commonJS({
       usePopperContext: () => usePopperContext
     });
     module2.exports = __toCommonJS2(Popper_exports);
-    var import_compose_refs = require_index_native5(), import_core12 = require_index_native10(), import_floating = require_index_native53(), import_get_token2 = require_index_native18(), import_stacks3 = require_index_native20(), React2 = __toESM2(require("react")), import_react_native4 = require_fake_react_native(), import_jsx_runtime6 = require("react/jsx-runtime"), PopperContext = (0, import_core12.createStyledContext)({}), { useStyledContext: usePopperContext, Provider: PopperProvider } = PopperContext;
+    var import_compose_refs = require_index_native5(), import_core12 = require_index_native10(), import_floating = require_index_native53(), import_get_token2 = require_index_native17(), import_stacks3 = require_index_native19(), React2 = __toESM2(require("react")), import_react_native4 = require_fake_react_native(), import_jsx_runtime6 = require("react/jsx-runtime"), PopperContext = (0, import_core12.createStyledContext)({}), { useStyledContext: usePopperContext, Provider: PopperProvider } = PopperContext;
     function Popper(props) {
       let {
         children,
@@ -13236,7 +13237,7 @@ var require_Popper_native = __commonJS({
         unstyled: {
           false: {
             position: "absolute",
-            zIndex: -1,
+            zIndex: 1e6,
             pointerEvents: "none",
             overflow: "hidden",
             alignItems: "center",
@@ -13263,7 +13264,7 @@ var require_Popper_native = __commonJS({
       if (primaryPlacement) {
         arrowStyle[isVertical ? "width" : "height"] = size * 2;
         let oppSide = opposites[primaryPlacement];
-        oppSide && (arrowStyle[oppSide] = -size, innerArrowStyle[oppSide] = size / 2), (oppSide === "top" || oppSide === "bottom") && (arrowStyle.left = 0), (oppSide === "left" || oppSide === "right") && (arrowStyle.top = 0), (0, import_core12.useIsomorphicLayoutEffect)(() => {
+        oppSide && (arrowStyle[oppSide] = -size, innerArrowStyle[oppSide] = size / 2), oppSide === "bottom" && (arrowStyle[oppSide] += 1), (oppSide === "top" || oppSide === "bottom") && (arrowStyle.left = 0), (oppSide === "left" || oppSide === "right") && (arrowStyle.top = 0), (0, import_core12.useIsomorphicLayoutEffect)(() => {
           var _a2;
           (_a2 = context.onArrowSize) == null || _a2.call(context, size);
         }, [size, context.onArrowSize]);
@@ -13395,7 +13396,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_native52(), import_aria_hidden = require_index_native26(), import_compose_refs = require_index_native5(), import_core12 = require_index_native10(), import_floating = require_index_native53(), import_focus_scope = require_index_native28(), import_popper = require_index_native54(), import_portal2 = require_index_native29(), import_remove_scroll = require_index_native30(), import_sheet = require_index_native34(), import_stacks3 = require_index_native20(), import_use_controllable_state = require_index_native15(), React2 = __toESM2(require("react")), import_react_freeze = require_dist2(), import_react_native4 = require_fake_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) {
+    var import_polyfill_dev = require_polyfill_dev(), import_adapt = require_index_native24(), import_animate = require_index_native52(), import_aria_hidden = require_index_native26(), import_compose_refs = require_index_native5(), import_core12 = require_index_native10(), import_floating = require_index_native53(), import_focus_scope = require_index_native28(), import_popper = require_index_native54(), import_portal2 = require_index_native29(), import_remove_scroll = require_index_native30(), import_sheet = require_index_native34(), import_stacks3 = require_index_native19(), import_use_controllable_state = require_index_native14(), React2 = __toESM2(require("react")), import_react_freeze = require_dist2(), import_react_native4 = require_fake_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,
@@ -13706,7 +13707,7 @@ var require_Progress_native = __commonJS({
       createProgressScope: () => createProgressScope
     });
     module2.exports = __toCommonJS2(Progress_exports);
-    var import_core12 = require_index_native10(), import_create_context = require_index_native14(), import_get_token2 = require_index_native18(), 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, {
+    var import_core12 = require_index_native10(), import_create_context = require_index_native25(), import_get_token2 = require_index_native17(), import_stacks3 = require_index_native19(), 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: {
@@ -13858,7 +13859,7 @@ var require_RadioGroup_native = __commonJS({
       createRadioGroupScope: () => createRadioGroupScope
     });
     module2.exports = __toCommonJS2(RadioGroup_exports);
-    var import_core12 = require_index_native10(), import_create_context = require_index_native14(), import_focusable2 = require_index_native44(), import_get_token2 = require_index_native18(), import_label = require_index_native45(), import_stacks3 = require_index_native20(), import_use_controllable_state = require_index_native15(), 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, {
+    var import_core12 = require_index_native10(), import_create_context = require_index_native25(), import_focusable2 = require_index_native44(), import_get_token2 = require_index_native17(), import_label = require_index_native45(), import_stacks3 = require_index_native19(), import_use_controllable_state = require_index_native14(), 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: {
@@ -14298,7 +14299,7 @@ var require_context_native = __commonJS({
       useSelectItemParentContext: () => useSelectItemParentContext
     });
     module2.exports = __toCommonJS2(context_exports);
-    var import_create_context = require_index_native14(), import_constants = require_constants_native3(), import_jsx_runtime6 = require("react/jsx-runtime"), [createSelectContext, createSelectScope] = (0, import_create_context.createContextScope)(import_constants.SELECT_NAME), [SelectProvider, useSelectContext] = createSelectContext(import_constants.SELECT_NAME), [createSelectItemParentContext, createSelectItemParentScope] = (0, import_create_context.createContextScope)(import_constants.SELECT_NAME), [SelectItemParentProvider, useSelectItemParentContext] = createSelectContext(import_constants.SELECT_NAME), ForwardSelectContext = ({
+    var import_create_context = require_index_native25(), import_constants = require_constants_native3(), import_jsx_runtime6 = require("react/jsx-runtime"), [createSelectContext, createSelectScope] = (0, import_create_context.createContextScope)(import_constants.SELECT_NAME), [SelectProvider, useSelectContext] = createSelectContext(import_constants.SELECT_NAME), [createSelectItemParentContext, createSelectItemParentScope] = (0, import_create_context.createContextScope)(import_constants.SELECT_NAME), [SelectItemParentProvider, useSelectItemParentContext] = createSelectContext(import_constants.SELECT_NAME), ForwardSelectContext = ({
       __scopeSelect,
       context,
       itemContext,
@@ -14399,10 +14400,12 @@ var require_SelectItem_native = __commonJS({
           interactions,
           shouldRenderWebNative,
           size,
+          onActiveChange,
           initialValue
         } = context, [isSelected, setSelected] = React2.useState(initialValue === value), [isActive, setActive] = React2.useState(!1);
         React2.useEffect(() => activeIndexSubscribe((i) => {
-          setActive(index === i);
+          let isActive2 = index === i;
+          setActive(isActive2), isActive2 && onActiveChange(value, index);
         }), [index]), React2.useEffect(() => valueSubscribe((val) => {
           setSelected(val === value);
         }), [value]);
@@ -14416,17 +14419,11 @@ var require_SelectItem_native = __commonJS({
           setSelectedIndex(index), onChange(value), setOpen(!1);
         }
         let selectItemProps = interactions ? interactions.getItemProps({
-          ...import_core12.isWebTouchable ? {
-            onTouchStart() {
-              allowSelectRef.current = !0, allowMouseUpRef.current = !1;
-            }
-          } : {
-            onTouchMove() {
-              allowSelectRef.current = !0, allowMouseUpRef.current = !1;
-            },
-            onTouchEnd() {
-              allowSelectRef.current = !1, allowMouseUpRef.current = !0;
-            }
+          onTouchMove() {
+            allowSelectRef.current = !0, allowMouseUpRef.current = !1;
+          },
+          onTouchEnd() {
+            allowSelectRef.current = !1, allowMouseUpRef.current = !0;
           },
           onKeyDown(event) {
             event.key === "Enter" || event.key === " " && !(dataRef != null && dataRef.current.typing) ? (event.preventDefault(), handleSelect()) : allowSelectRef.current = !0;
@@ -14599,7 +14596,7 @@ var require_SelectViewport_native = __commonJS({
       SelectViewport: () => SelectViewport
     });
     module2.exports = __toCommonJS2(SelectViewport_native_exports);
-    var import_adapt = require_index_native25(), import_core12 = require_index_native10(), import_portal2 = require_index_native29(), React2 = __toESM2(require("react")), import_constants = require_constants_native3(), import_context = require_context_native(), import_jsx_runtime6 = require("react/jsx-runtime"), SelectViewport = (props) => {
+    var import_adapt = require_index_native24(), import_core12 = require_index_native10(), import_portal2 = require_index_native29(), React2 = __toESM2(require("react")), import_constants = require_constants_native3(), import_context = require_context_native(), import_jsx_runtime6 = require("react/jsx-runtime"), SelectViewport = (props) => {
       let { __scopeSelect, children } = props, context = (0, import_context.useSelectContext)(import_constants.VIEWPORT_NAME, __scopeSelect), itemParentContext = (0, import_context.useSelectItemParentContext)(import_constants.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,
@@ -14671,7 +14668,7 @@ var require_Select_native = __commonJS({
       SelectSeparator: () => SelectSeparator
     });
     module2.exports = __toCommonJS2(Select_exports);
-    var import_adapt = require_index_native25(), import_compose_refs = require_index_native5(), import_core12 = require_index_native10(), import_get_token2 = require_index_native18(), import_list_item = require_index_native51(), import_portal2 = require_index_native29(), import_separator = require_index_native58(), import_sheet = require_index_native34(), import_stacks3 = require_index_native20(), import_text2 = require_index_native22(), import_use_controllable_state = require_index_native15(), React2 = __toESM2(require("react")), import_constants = require_constants_native3(), import_context = require_context_native(), import_SelectContent = require_SelectContent_native(), import_SelectImpl = require_SelectImpl_native(), import_SelectItem = require_SelectItem_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, {
+    var import_adapt = require_index_native24(), import_compose_refs = require_index_native5(), import_core12 = require_index_native10(), import_get_token2 = require_index_native17(), import_list_item = require_index_native51(), import_portal2 = require_index_native29(), import_separator = require_index_native58(), import_sheet = require_index_native34(), import_stacks3 = require_index_native19(), import_text2 = require_index_native21(), import_use_controllable_state = require_index_native14(), React2 = __toESM2(require("react")), import_constants = require_constants_native3(), import_context = require_context_native(), import_SelectContent = require_SelectContent_native(), import_SelectImpl = require_SelectImpl_native(), import_SelectItem = require_SelectItem_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(function({
@@ -14876,6 +14873,7 @@ var require_Select_native = __commonJS({
           onValueChange,
           disablePreventBodyScroll,
           size: sizeProp = "$true",
+          onActiveChange,
           dir
         } = props, id = React2.useId(), scopeKey = __scopeSelect ? Object.keys(__scopeSelect)[0] ?? id : id, { when, AdaptProvider } = (0, import_adapt.useAdaptParent)({
           Contents: React2.useCallback(
@@ -14912,6 +14910,9 @@ var require_Select_native = __commonJS({
             onChange: React2.useCallback((val) => {
               setValue(val), emitValue(val);
             }, []),
+            onActiveChange: (0, import_core12.useEvent)((...args) => {
+              onActiveChange == null || onActiveChange(...args);
+            }),
             setSelectedIndex,
             setValueAtIndex: React2.useCallback((index, value2) => {
               listContentRef.current[index] = value2;
@@ -14935,7 +14936,7 @@ var require_Select_native = __commonJS({
                 activeIndex,
                 selectedIndex,
                 setActiveIndex: React2.useCallback((index) => {
-                  setActiveIndex(index), typeof index == "number" && emitActiveIndex(index);
+                  setActiveIndex((prev) => prev !== index ? (typeof index == "number" && emitActiveIndex(index), index) : prev);
                 }, []),
                 value,
                 open,
@@ -15030,7 +15031,7 @@ var require_constants_native4 = __commonJS({
       useSliderOrientationContext: () => useSliderOrientationContext
     });
     module2.exports = __toCommonJS2(constants_exports);
-    var import_create_context = require_index_native14(), SLIDER_NAME = "Slider", [createSliderContext, createSliderScope] = (0, import_create_context.createContextScope)(SLIDER_NAME), [SliderProvider, useSliderContext] = createSliderContext(SLIDER_NAME), [SliderOrientationProvider, useSliderOrientationContext] = createSliderContext(SLIDER_NAME, {
+    var import_create_context = require_index_native25(), SLIDER_NAME = "Slider", [createSliderContext, createSliderScope] = (0, import_create_context.createContextScope)(SLIDER_NAME), [SliderProvider, useSliderContext] = createSliderContext(SLIDER_NAME), [SliderOrientationProvider, useSliderOrientationContext] = createSliderContext(SLIDER_NAME, {
       startEdge: "left",
       endEdge: "right",
       sizeProp: "width",
@@ -15142,7 +15143,7 @@ var require_SliderImpl_native = __commonJS({
       SliderImpl: () => SliderImpl
     });
     module2.exports = __toCommonJS2(SliderImpl_exports);
-    var import_core12 = require_index_native10(), import_get_token2 = require_index_native18(), import_stacks3 = require_index_native20(), React2 = __toESM2(require("react")), import_constants = require_constants_native4(), import_jsx_runtime6 = require("react/jsx-runtime"), DirectionalYStack2 = (0, import_core12.styled)(import_stacks3.YStack, {
+    var import_core12 = require_index_native10(), import_get_token2 = require_index_native17(), import_stacks3 = require_index_native19(), React2 = __toESM2(require("react")), import_constants = require_constants_native4(), import_jsx_runtime6 = require("react/jsx-runtime"), DirectionalYStack2 = (0, import_core12.styled)(import_stacks3.YStack, {
       variants: {
         orientation: {
           horizontal: {},
@@ -15247,7 +15248,7 @@ var require_Slider_native = __commonJS({
       Track: () => Track
     });
     module2.exports = __toCommonJS2(Slider_exports);
-    var import_compose_refs = require_index_native5(), import_core12 = require_index_native10(), import_get_token2 = require_index_native18(), import_helpers = require_index_native4(), import_stacks3 = require_index_native20(), import_use_controllable_state = require_index_native15(), import_use_direction = require_index_native23(), React2 = __toESM2(require("react")), import_constants = require_constants_native4(), import_helpers2 = require_helpers_native2(), import_SliderImpl = require_SliderImpl_native(), import_jsx_runtime6 = require("react/jsx-runtime"), SliderHorizontal = React2.forwardRef(
+    var import_compose_refs = require_index_native5(), import_core12 = require_index_native10(), import_get_token2 = require_index_native17(), import_helpers = require_index_native4(), import_stacks3 = require_index_native19(), import_use_controllable_state = require_index_native14(), import_use_direction = require_index_native22(), React2 = __toESM2(require("react")), import_constants = require_constants_native4(), import_helpers2 = require_helpers_native2(), import_SliderImpl = require_SliderImpl_native(), import_jsx_runtime6 = require("react/jsx-runtime"), SliderHorizontal = React2.forwardRef(
       (props, forwardedRef) => {
         let {
           min,
@@ -15706,7 +15707,7 @@ var require_Switch_native = __commonJS({
       SwitchThumb: () => SwitchThumb
     });
     module2.exports = __toCommonJS2(Switch_exports);
-    var import_core12 = require_index_native10(), import_get_token2 = require_index_native18(), import_stacks3 = require_index_native20(), import_SwitchContext = require_SwitchContext_native(), SwitchThumb = (0, import_core12.styled)(import_stacks3.ThemeableStack, {
+    var import_core12 = require_index_native10(), import_get_token2 = require_index_native17(), import_stacks3 = require_index_native19(), import_SwitchContext = require_SwitchContext_native(), SwitchThumb = (0, import_core12.styled)(import_stacks3.ThemeableStack, {
       name: "SwitchThumb",
       context: import_SwitchContext.SwitchContext,
       variants: {
@@ -15717,6 +15718,9 @@ var require_Switch_native = __commonJS({
             borderRadius: 1e3
           }
         },
+        checked: {
+          true: {}
+        },
         size: {
           "...size": (val) => {
             let size = getSwitchHeight(val);
@@ -15732,21 +15736,19 @@ var require_Switch_native = __commonJS({
       }
     }), 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",
-      tag: "button",
       context: import_SwitchContext.SwitchContext,
       variants: {
         unstyled: {
           false: {
             size: "$true",
             borderRadius: 1e3,
-            borderWidth: 2,
-            borderColor: "transparent",
             backgroundColor: "$background",
+            borderWidth: 2,
+            borderColor: "$background",
             focusStyle: {
-              borderColor: "$borderColorFocus",
               outlineColor: "$borderColorFocus",
               outlineStyle: "solid",
-              outlineWidth: 1
+              outlineWidth: 2
             }
           }
         },
@@ -15798,14 +15800,14 @@ var require_createSwitch_native = __commonJS({
       createSwitch: () => createSwitch
     });
     module2.exports = __toCommonJS2(createSwitch_exports);
-    var import_compose_refs = require_index_native5(), import_core12 = require_index_native10(), import_focusable2 = require_index_native44(), import_get_token2 = require_index_native18(), import_label = require_index_native45(), import_use_controllable_state = require_index_native15(), import_use_previous = require_index_native46(), React2 = __toESM2(require("react")), import_react_native4 = require_fake_react_native(), import_Switch = require_Switch_native(), import_SwitchContext = require_SwitchContext_native(), import_jsx_runtime6 = (
+    var import_compose_refs = require_index_native5(), import_core12 = require_index_native10(), import_focusable2 = require_index_native44(), import_label = require_index_native45(), import_stacks3 = require_index_native19(), import_use_controllable_state = require_index_native14(), import_use_previous = require_index_native46(), React2 = __toESM2(require("react")), import_react_native4 = require_fake_react_native(), import_Switch = require_Switch_native(), import_SwitchContext = require_SwitchContext_native(), import_jsx_runtime6 = (
       // @ts-ignore
       require("react/jsx-runtime")
     );
     function createSwitch({
+      disableActiveTheme,
       Frame = import_Switch.SwitchFrame,
-      Thumb = import_Switch.SwitchThumb,
-      acceptsUnstyled
+      Thumb = import_Switch.SwitchThumb
     }) {
       Frame.staticConfig.context = import_SwitchContext.SwitchContext, Thumb.staticConfig.context = import_SwitchContext.SwitchContext;
       let SwitchThumbComponent = Thumb.styleable(function(props, forwardedRef) {
@@ -15822,11 +15824,14 @@ var require_createSwitch_native = __commonJS({
             ...(unstyledProp ?? unstyledContext ?? !1) === !1 && {
               unstyled: !1,
               size: sizeProp ?? sizeContext ?? "$true",
-              theme: checked ? "active" : null
+              ...!disableActiveTheme && {
+                theme: checked ? "active" : null
+              }
             },
             "data-state": getState(checked),
             "data-disabled": disabled ? "" : void 0,
             alignSelf: initialChecked ? "flex-end" : "flex-start",
+            checked,
             x,
             ...thumbProps,
             onLayout: (0, import_core12.composeEventHandlers)(
@@ -15841,7 +15846,12 @@ var require_createSwitch_native = __commonJS({
         );
       }), SwitchComponent = Frame.extractable(
         React2.forwardRef(function(propsIn, forwardedRef) {
-          let styledContext = React2.useContext(import_SwitchContext.SwitchContext), props = (0, import_core12.useProps)(propsIn), {
+          let styledContext = React2.useContext(import_SwitchContext.SwitchContext), props = (0, import_core12.useProps)(propsIn, {
+            noNormalize: !0,
+            noExpand: !0,
+            resolveValues: "none",
+            forComponent: Frame
+          }), {
             labeledBy: ariaLabelledby,
             name,
             checked: checkedProp,
@@ -15856,12 +15866,7 @@ var require_createSwitch_native = __commonJS({
             nativeProps,
             children,
             ...switchProps
-          } = props, leftBorderWidth = (() => {
-            let _;
-            for (let key in switchProps)
-              (key === "borderWidth" || key === "borderLeftWidth") && (_ = switchProps[key]);
-            return Frame === import_Switch.SwitchFrame && acceptsUnstyled && _ == null && unstyled === !1 && (_ = 2), typeof _ == "string" && (_ = (0, import_core12.getVariableValue)((0, import_get_token2.getSize)(_))), typeof _ == "number" ? _ : 0;
-          })(), native = Array.isArray(nativeProp) ? nativeProp : [nativeProp], shouldRenderMobileNative = !import_core12.isWeb && nativeProp === !0 || !import_core12.isWeb && native.includes("mobile") || native.includes("android") && import_react_native4.Platform.OS === "android" || native.includes("ios") && import_react_native4.Platform.OS === "ios", [button, setButton] = React2.useState(null), composedRefs = (0, import_compose_refs.useComposedRefs)(forwardedRef, (node) => setButton(node)), labelId = (0, import_label.useLabelContext)(button), labelledBy = ariaLabelledby || labelId, hasConsumerStoppedPropagationRef = React2.useRef(!1), isFormControl = import_core12.isWeb ? button ? !!button.closest("form") : !0 : !1, [frameWidth, setFrameWidth] = React2.useState(0), [checked = !1, setChecked] = (0, import_use_controllable_state.useControllableState)({
+          } = props, native = Array.isArray(nativeProp) ? nativeProp : [nativeProp], shouldRenderMobileNative = !import_core12.isWeb && nativeProp === !0 || !import_core12.isWeb && native.includes("mobile") || native.includes("android") && import_react_native4.Platform.OS === "android" || native.includes("ios") && import_react_native4.Platform.OS === "ios", [button, setButton] = React2.useState(null), composedRefs = (0, import_compose_refs.useComposedRefs)(forwardedRef, (node) => setButton(node)), labelId = (0, import_label.useLabelContext)(button), labelledBy = ariaLabelledby || labelId, hasConsumerStoppedPropagationRef = React2.useRef(!1), isFormControl = import_core12.isWeb ? button ? !!button.closest("form") : !0 : !1, [frameWidth, setFrameWidth] = React2.useState(0), [checked = !1, setChecked] = (0, import_use_controllable_state.useControllableState)({
             prop: checkedProp,
             defaultProp: defaultChecked || !1,
             onChange: onCheckedChange,
@@ -15889,9 +15894,12 @@ var require_createSwitch_native = __commonJS({
                 size,
                 checked,
                 disabled,
-                frameWidth: frameWidth ? frameWidth - leftBorderWidth * 2 : 0,
-                theme: checked ? "active" : null,
+                frameWidth,
                 themeShallow: !0,
+                ...!disableActiveTheme && {
+                  theme: checked ? "active" : null,
+                  themeShallow: !0
+                },
                 role: "switch",
                 "aria-checked": checked,
                 "aria-labelledby": labelledBy,
@@ -15905,14 +15913,17 @@ var require_createSwitch_native = __commonJS({
                 onPress: (0, import_core12.composeEventHandlers)(props.onPress, (event) => {
                   setChecked((prevChecked) => !prevChecked), import_core12.isWeb && isFormControl && (hasConsumerStoppedPropagationRef.current = event.isPropagationStopped(), hasConsumerStoppedPropagationRef.current || event.stopPropagation());
                 }),
-                onLayout: (0, import_core12.composeEventHandlers)(
-                  // @ts-ignore
-                  props.onLayout,
-                  (e) => {
-                    setFrameWidth(e.nativeEvent.layout.width);
+                children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+                  import_stacks3.YStack,
+                  {
+                    alignSelf: "stretch",
+                    flex: 1,
+                    onLayout: (e) => {
+                      setFrameWidth(e.nativeEvent.layout.width);
+                    },
+                    children: typeof children == "function" ? children(checked) : children
                   }
-                ),
-                children: typeof children == "function" ? children(checked) : children
+                )
               }
             ),
             import_core12.isWeb && isFormControl && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
@@ -15994,8 +16005,7 @@ var require_index_native61 = __commonJS({
     __reExport2(src_exports2, require_createSwitch_native(), module2.exports);
     var Switch = (0, import_createSwitch.createSwitch)({
       Frame: import_Switch.SwitchFrame,
-      Thumb: import_Switch.SwitchThumb,
-      acceptsUnstyled: !0
+      Thumb: import_Switch.SwitchThumb
     });
   }
 });
@@ -16079,21 +16089,21 @@ var require_Tabs_native = __commonJS({
       Tabs: () => Tabs
     });
     module2.exports = __toCommonJS2(Tabs_exports);
-    var import_create_context = require_index_native14(), import_get_button_sized2 = require_index_native19(), import_group = require_index_native50(), import_roving_focus = require_index_native62(), import_stacks3 = require_index_native20(), import_use_controllable_state = require_index_native15(), import_use_direction = require_index_native23(), import_web = require_index_native9(), React2 = __toESM2(require("react")), import_jsx_runtime6 = require("react/jsx-runtime"), TAB_LIST_NAME = "TabsList", TabsListFrame = (0, import_web.styled)(import_group.Group, {
+    var import_get_button_sized2 = require_index_native18(), import_group = require_index_native50(), import_roving_focus = require_index_native62(), import_stacks3 = require_index_native19(), import_use_controllable_state = require_index_native14(), import_use_direction = require_index_native22(), import_web = require_index_native9(), 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,
       focusable: !0
     }), TabsList = TabsListFrame.extractable(
       React2.forwardRef(
         (props, forwardedRef) => {
-          let { __scopeTabs, loop = !0, children, ...listProps } = props, context = useTabsContext(TAB_LIST_NAME, __scopeTabs), rovingFocusGroupScope = useRovingFocusGroupScope(__scopeTabs);
+          let { __scopeTabs, loop = !0, children, ...listProps } = props, context = useTabsContext(__scopeTabs);
           return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
             import_roving_focus.RovingFocusGroup,
             {
+              __scopeRovingFocusGroup: __scopeTabs || TABS_CONTEXT,
               asChild: "except-style",
               orientation: context.orientation,
               dir: context.dir,
               loop,
-              ...rovingFocusGroupScope,
               children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
                 TabsListFrame,
                 {
@@ -16156,7 +16166,7 @@ var require_Tabs_native = __commonJS({
             disabled = !1,
             onInteraction,
             ...triggerProps
-          } = props, context = useTabsContext(TRIGGER_NAME, __scopeTabs), rovingFocusGroupScope = useRovingFocusGroupScope(__scopeTabs), triggerId = makeTriggerId(context.baseId, value), contentId = makeContentId(context.baseId, value), isSelected = value === context.value, [layout, setLayout] = React2.useState(null), triggerRef = React2.useRef(null), groupItemProps = (0, import_group.useGroupItem)({ disabled });
+          } = props, context = useTabsContext(__scopeTabs), triggerId = makeTriggerId(context.baseId, value), contentId = makeContentId(context.baseId, value), isSelected = value === context.value, [layout, setLayout] = React2.useState(null), triggerRef = React2.useRef(null), groupItemProps = (0, import_group.useGroupItem)({ disabled });
           return React2.useEffect(() => (context.registerTrigger(), () => context.unregisterTrigger()), []), React2.useEffect(() => {
             if (!triggerRef.current || !import_web.isWeb)
               return;
@@ -16178,8 +16188,8 @@ var require_Tabs_native = __commonJS({
           }, [isSelected, value, layout]), /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_web.Theme, { name: isSelected ? "active" : null, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
             import_roving_focus.RovingFocusGroup.Item,
             {
+              __scopeRovingFocusGroup: __scopeTabs || TABS_CONTEXT,
               asChild: "except-style",
-              ...rovingFocusGroupScope,
               focusable: !disabled,
               active: isSelected,
               children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
@@ -16239,7 +16249,7 @@ var require_Tabs_native = __commonJS({
     }), TabsContent = TabsContentFrame.extractable(
       React2.forwardRef(
         (props, forwardedRef) => {
-          let { __scopeTabs, value, forceMount, children, ...contentProps } = props, context = useTabsContext(CONTENT_NAME, __scopeTabs), isSelected = value === context.value, show = forceMount || isSelected, triggerId = makeTriggerId(context.baseId, value), contentId = makeContentId(context.baseId, value);
+          let { __scopeTabs, value, forceMount, children, ...contentProps } = props, context = useTabsContext(__scopeTabs), isSelected = value === context.value, show = forceMount || isSelected, triggerId = makeTriggerId(context.baseId, value), contentId = makeContentId(context.baseId, value);
           return show ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
             TabsContentFrame,
             {
@@ -16260,9 +16270,7 @@ var require_Tabs_native = __commonJS({
       )
     );
     TabsContent.displayName = CONTENT_NAME;
-    var TABS_NAME = "Tabs", [createTabsContext, createTabsScope] = (0, import_create_context.createContextScope)(TABS_NAME, [
-      import_roving_focus.createRovingFocusGroupScope
-    ]), useRovingFocusGroupScope = (0, import_roving_focus.createRovingFocusGroupScope)(), [TabsProvider, useTabsContext] = createTabsContext(TABS_NAME), TabsFrame = (0, import_web.styled)(import_stacks3.SizableStack, {
+    var TABS_NAME = "Tabs", { Provider: TabsProvider, useStyledContext: useTabsContext } = (0, import_web.createStyledContext)(), TabsFrame = (0, import_web.styled)(import_stacks3.SizableStack, {
       name: TABS_NAME
     }), Tabs = (0, import_web.withStaticProperties)(
       TabsFrame.extractable(
@@ -16562,7 +16570,7 @@ var require_Toggle_native = __commonJS({
       ToggleFrame: () => ToggleFrame
     });
     module2.exports = __toCommonJS2(Toggle_exports);
-    var import_stacks3 = require_index_native20(), import_use_controllable_state = require_index_native15(), import_web = require_index_native9(), React2 = __toESM2(require("react")), import_jsx_runtime6 = require("react/jsx-runtime"), NAME = "Toggle", ToggleFrame = (0, import_web.styled)(import_stacks3.ThemeableStack, {
+    var import_stacks3 = require_index_native19(), import_use_controllable_state = require_index_native14(), import_web = require_index_native9(), React2 = __toESM2(require("react")), import_jsx_runtime6 = require("react/jsx-runtime"), NAME = "Toggle", ToggleFrame = (0, import_web.styled)(import_stacks3.ThemeableStack, {
       name: NAME,
       tag: "button",
       variants: {
@@ -16628,9 +16636,11 @@ var require_Toggle_native = __commonJS({
           onChange: onPressedChange,
           defaultProp: defaultPressed
         });
-        return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_web.Theme, { name: pressed ? "active" : null, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
           ToggleFrame,
           {
+            theme: pressed ? "active" : null,
+            themeShallow: !0,
             active: props.unstyled ? void 0 : pressed,
             "aria-pressed": pressed,
             "data-state": pressed ? "on" : "off",
@@ -16641,7 +16651,7 @@ var require_Toggle_native = __commonJS({
               props.disabled || setPressed(!pressed);
             })
           }
-        ) });
+        );
       })
     );
     Toggle.displayName = NAME;
@@ -16669,23 +16679,13 @@ var require_ToggleGroup_native = __commonJS({
       mod
     )), __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: !0 }), mod), ToggleGroup_exports = {};
     __export2(ToggleGroup_exports, {
-      ToggleGroup: () => ToggleGroup,
-      createToggleGroupScope: () => createToggleGroupScope
+      ToggleGroup: () => ToggleGroup
     });
     module2.exports = __toCommonJS2(ToggleGroup_exports);
-    var import_create_context = require_index_native14(), import_focusable2 = require_index_native44(), import_font_size = require_index_native40(), import_get_token2 = require_index_native18(), import_group = require_index_native50(), import_helpers_tamagui = require_index_native41(), import_roving_focus = require_index_native62(), import_use_controllable_state = require_index_native15(), import_use_direction = require_index_native23(), import_web = require_index_native9(), import_react2 = __toESM2(require("react")), import_Toggle = require_Toggle_native(), import_jsx_runtime6 = require("react/jsx-runtime"), TOGGLE_GROUP_NAME = "ToggleGroup", [createToggleGroupContext, createToggleGroupScope] = (0, import_create_context.createContextScope)(
-      TOGGLE_GROUP_NAME,
-      [import_roving_focus.createRovingFocusGroupScope]
-    ), TOGGLE_GROUP_ITEM_NAME = "ToggleGroupItem", [createToggleGroupItemContext, createToggleGroupItemScope] = (0, import_create_context.createContextScope)(TOGGLE_GROUP_ITEM_NAME), [ToggleGroupItemProvider, useToggleGroupItemContext] = createToggleGroupContext(TOGGLE_GROUP_NAME), useToggleGroupItemScope = createToggleGroupItemScope(), ToggleGroupItem = import_Toggle.ToggleFrame.extractable(
+    var import_focusable2 = require_index_native44(), import_font_size = require_index_native40(), import_get_token2 = require_index_native17(), import_group = require_index_native50(), import_helpers_tamagui = require_index_native41(), import_roving_focus = require_index_native62(), import_use_controllable_state = require_index_native14(), import_use_direction = require_index_native22(), import_web = require_index_native9(), 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(
-            TOGGLE_GROUP_ITEM_NAME,
-            props.__scopeToggleGroup
-          ), context = useToggleGroupContext(
-            TOGGLE_GROUP_ITEM_NAME,
-            props.__scopeToggleGroup
-          ), __scopeToggleGroup = props.__scopeToggleGroup, rovingFocusGroupScope = useRovingFocusGroupScope(props.__scopeToggleGroup), pressed = valueContext.value.includes(props.value), disabled = context.disabled || props.disabled || !1, ref = import_react2.default.useRef(null), groupItemProps = (0, import_group.useGroupItem)({ disabled }), size = props.size ?? context.size, sizeProps = props.unstyled ? {} : {
+          let { __scopeToggleGroup, ...rest } = props, valueContext = useToggleGroupValueContext(__scopeToggleGroup), context = useToggleGroupContext(__scopeToggleGroup), pressed = valueContext.value.includes(props.value), disabled = context.disabled || props.disabled || !1, ref = import_react2.default.useRef(null), groupItemProps = (0, import_group.useGroupItem)({ disabled }), size = props.size ?? context.size, sizeProps = props.unstyled ? {} : {
             width: void 0,
             height: void 0,
             padding: (0, import_web.getVariableValue)(size) * 0.6
@@ -16696,7 +16696,7 @@ var require_ToggleGroup_native = __commonJS({
             import_roving_focus.RovingFocusGroup.Item,
             {
               asChild: "except-style",
-              ...rovingFocusGroupScope,
+              __scopeRovingFocusGroup: __scopeToggleGroup || TOGGLE_GROUP_CONTEXT,
               focusable: !disabled,
               active: pressed,
               children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
@@ -16709,6 +16709,7 @@ var require_ToggleGroup_native = __commonJS({
                   children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
                     ToggleGroupItemImpl,
                     {
+                      __scopeToggleGroup,
                       ...commonProps,
                       ref: forwardedRef,
                       ...groupItemProps
@@ -16724,7 +16725,14 @@ var require_ToggleGroup_native = __commonJS({
               focusable: !disabled,
               disabled,
               ref,
-              children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ToggleGroupItemImpl, { ...commonProps, ref: forwardedRef })
+              children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+                ToggleGroupItemImpl,
+                {
+                  __scopeToggleGroup,
+                  ...commonProps,
+                  ref: forwardedRef
+                }
+              )
             }
           ) });
         }
@@ -16734,10 +16742,7 @@ var require_ToggleGroup_native = __commonJS({
     var ToggleGroupItemImpl = import_Toggle.ToggleFrame.extractable(
       import_react2.default.forwardRef(
         (props, forwardedRef) => {
-          let { __scopeToggleGroup, value, ...itemProps } = props, valueContext = useToggleGroupValueContext(
-            TOGGLE_GROUP_ITEM_NAME,
-            __scopeToggleGroup
-          ), singleProps = {
+          let { __scopeToggleGroup, value, ...itemProps } = props, valueContext = useToggleGroupValueContext(__scopeToggleGroup), singleProps = {
             "aria-pressed": void 0
           }, typeProps = valueContext.type === "single" ? singleProps : void 0;
           return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
@@ -16753,29 +16758,34 @@ var require_ToggleGroup_native = __commonJS({
           );
         }
       )
-    ), useRovingFocusGroupScope = (0, import_roving_focus.createRovingFocusGroupScope)(), ToggleGroup = (0, import_web.withStaticProperties)(
-      import_react2.default.forwardRef((props, forwardedRef) => {
-        let { type, ...toggleGroupProps } = props;
-        if (import_web.isWeb || import_react2.default.useEffect(() => {
-          if (props.id)
-            return (0, import_focusable2.registerFocusable)(props.id, {
-              // TODO: would be nice to focus on the first child later - could be done with reforest
-              // for now leaving it empty
-              focus: () => {
-              }
-            });
-        }, [props.id]), type === "single")
-          return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ToggleGroupImplSingle, { ...toggleGroupProps, ref: forwardedRef });
-        if (type === "multiple")
-          return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ToggleGroupImplMultiple, { ...toggleGroupProps, ref: forwardedRef });
-        throw new Error(`Missing prop \`type\` expected on \`${TOGGLE_GROUP_NAME}\``);
-      }),
+    ), ToggleGroup = (0, import_web.withStaticProperties)(
+      import_react2.default.forwardRef(
+        (props, forwardedRef) => {
+          let { type, ...toggleGroupProps } = props;
+          if (import_web.isWeb || import_react2.default.useEffect(() => {
+            if (props.id)
+              return (0, import_focusable2.registerFocusable)(props.id, {
+                // TODO: would be nice to focus on the first child later - could be done with reforest
+                // for now leaving it empty
+                focus: () => {
+                }
+              });
+          }, [props.id]), type === "single")
+            return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ToggleGroupImplSingle, { ...toggleGroupProps, ref: forwardedRef });
+          if (type === "multiple")
+            return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ToggleGroupImplMultiple, { ...toggleGroupProps, ref: forwardedRef });
+          throw new Error(`Missing prop \`type\` expected on \`${TOGGLE_GROUP_NAME}\``);
+        }
+      ),
       {
         Item: ToggleGroupItem
       }
     );
     ToggleGroup.displayName = TOGGLE_GROUP_NAME;
-    var [ToggleGroupValueProvider, useToggleGroupValueContext] = createToggleGroupContext(TOGGLE_GROUP_NAME), ToggleGroupImplSingle = import_react2.default.forwardRef((props, forwardedRef) => {
+    var {
+      Provider: ToggleGroupValueProvider,
+      useStyledContext: useToggleGroupValueContext
+    } = (0, import_web.createStyledContext)(), ToggleGroupImplSingle = import_react2.default.forwardRef((props, forwardedRef) => {
       let {
         value: valueProp,
         defaultValue,
@@ -16835,7 +16845,7 @@ var require_ToggleGroup_native = __commonJS({
       );
     });
     ToggleGroup.displayName = TOGGLE_GROUP_NAME;
-    var [ToggleGroupContext, useToggleGroupContext] = createToggleGroupContext(TOGGLE_GROUP_NAME), ToggleGroupImplElementFrame = (0, import_web.styled)(import_group.Group, {
+    var ToggleGroupImplElementFrame = (0, import_web.styled)(import_group.Group, {
       name: TOGGLE_GROUP_NAME,
       variants: {
         unstyled: {
@@ -16871,7 +16881,7 @@ var require_ToggleGroup_native = __commonJS({
             size: sizeProp = "$true",
             sizeAdjust = 0,
             ...toggleGroupProps
-          } = props, rovingFocusGroupScope = useRovingFocusGroupScope(__scopeToggleGroup), direction = (0, import_use_direction.useDirection)(dir), commonProps = {
+          } = props, direction = (0, import_use_direction.useDirection)(dir), commonProps = {
             role: "group",
             dir: direction,
             ...toggleGroupProps
@@ -16891,7 +16901,7 @@ var require_ToggleGroup_native = __commonJS({
                 import_roving_focus.RovingFocusGroup,
                 {
                   asChild: "except-style",
-                  ...rovingFocusGroupScope,
+                  __scopeRovingFocusGroup: __scopeToggleGroup || TOGGLE_GROUP_CONTEXT,
                   orientation,
                   dir: direction,
                   loop,
@@ -17254,8 +17264,8 @@ __export(src_exports, {
   withStaticProperties: () => import_core11.withStaticProperties
 });
 module.exports = __toCommonJS(src_exports);
+__reExport(src_exports, __toESM(require_index_native23()), module.exports);
 __reExport(src_exports, __toESM(require_index_native24()), module.exports);
-__reExport(src_exports, __toESM(require_index_native25()), module.exports);
 __reExport(src_exports, __toESM(require_index_native36()), module.exports);
 __reExport(src_exports, __toESM(require_index_native13()), module.exports);
 __reExport(src_exports, __toESM(require_index_native39()), module.exports);
@@ -17263,7 +17273,7 @@ __reExport(src_exports, __toESM(require_index_native42()), module.exports);
 __reExport(src_exports, __toESM(require_index_native43()), module.exports);
 __reExport(src_exports, __toESM(require_index_native47()), module.exports);
 __reExport(src_exports, __toESM(require_index_native5()), module.exports);
-__reExport(src_exports, __toESM(require_index_native14()), module.exports);
+__reExport(src_exports, __toESM(require_index_native25()), module.exports);
 __reExport(src_exports, __toESM(require_index_native35()), module.exports);
 __reExport(src_exports, __toESM(require_index_native40()), module.exports);
 __reExport(src_exports, __toESM(require_index_native48()), module.exports);
@@ -17283,14 +17293,14 @@ __reExport(src_exports, __toESM(require_index_native58()), 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_native60()), module.exports);
-__reExport(src_exports, __toESM(require_index_native20()), module.exports);
+__reExport(src_exports, __toESM(require_index_native19()), module.exports);
 __reExport(src_exports, __toESM(require_index_native61()), module.exports);
 __reExport(src_exports, __toESM(require_index_native63()), module.exports);
-__reExport(src_exports, __toESM(require_index_native22()), module.exports);
+__reExport(src_exports, __toESM(require_index_native21()), module.exports);
 __reExport(src_exports, __toESM(require_index_native64()), module.exports);
 __reExport(src_exports, __toESM(require_index_native65()), module.exports);
 __reExport(src_exports, __toESM(require_index_native66()), module.exports);
-__reExport(src_exports, __toESM(require_index_native15()), module.exports);
+__reExport(src_exports, __toESM(require_index_native14()), module.exports);
 __reExport(src_exports, __toESM(require_index_native67()), module.exports);
 __reExport(src_exports, __toESM(require_index_native11()), module.exports);
 __reExport(src_exports, __toESM(require_index_native68()), module.exports);
@@ -17303,7 +17313,7 @@ var import_core = __toESM(require_index_native10()), createTamagui = import_core
 var import_core2 = __toESM(require_index_native10()), import_portal = __toESM(require_index_native29()), import_jsx_runtime = require("react/jsx-runtime"), TamaguiProvider = ({ children, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_core2.TamaguiProvider, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_portal.PortalProvider, { shouldAddRootHost: !0, children }) });
 
 // src/views/Anchor.tsx
-var import_core3 = __toESM(require_index_native10()), import_text = __toESM(require_index_native22()), import_react_native = __toESM(require_fake_react_native()), import_jsx_runtime2 = require("react/jsx-runtime"), AnchorFrame = (0, import_core3.styled)(import_text.SizableText, {
+var import_core3 = __toESM(require_index_native10()), import_text = __toESM(require_index_native21()), import_react_native = __toESM(require_fake_react_native()), import_jsx_runtime2 = require("react/jsx-runtime"), AnchorFrame = (0, import_core3.styled)(import_text.SizableText, {
   name: "Anchor",
   tag: "a",
   accessibilityRole: "link"
@@ -17342,7 +17352,7 @@ var import_core4 = __toESM(require_index_native10()), EnsureFlexed = (0, import_
 EnsureFlexed.isVisuallyHidden = !0;
 
 // src/views/Fieldset.tsx
-var import_core5 = __toESM(require_index_native10()), import_stacks = __toESM(require_index_native20()), Fieldset = (0, import_core5.styled)(import_stacks.YStack, {
+var import_core5 = __toESM(require_index_native10()), import_stacks = __toESM(require_index_native19()), Fieldset = (0, import_core5.styled)(import_stacks.YStack, {
   name: "Fieldset",
   tag: "fieldset",
   variants: {
@@ -17359,7 +17369,7 @@ var import_core5 = __toESM(require_index_native10()), import_stacks = __toESM(re
 var import_core7 = __toESM(require_index_native10()), import_focusable = __toESM(require_index_native44()), import_react_native2 = __toESM(require_fake_react_native());
 
 // src/helpers/inputHelpers.tsx
-var import_core6 = __toESM(require_index_native10()), import_get_button_sized = __toESM(require_index_native19()), import_get_font_sized = __toESM(require_index_native21()), import_get_token = __toESM(require_index_native18()), inputSizeVariant = (val = "$true", extras) => {
+var import_core6 = __toESM(require_index_native10()), import_get_button_sized = __toESM(require_index_native18()), import_get_font_sized = __toESM(require_index_native20()), import_get_token = __toESM(require_index_native17()), inputSizeVariant = (val = "$true", extras) => {
   if (extras.props.multiline || extras.props.numberOfLines > 1)
     return textAreaSizeVariant(val, extras);
   let buttonStyles = (0, import_get_button_sized.getButtonSized)(val, extras), paddingHorizontal = (0, import_get_token.getSpace)(val, {
@@ -17493,7 +17503,7 @@ var import_core8 = __toESM(require_index_native10()), Section = (0, import_core8
 });
 
 // src/views/Spinner.tsx
-var import_core9 = __toESM(require_index_native10()), import_stacks2 = __toESM(require_index_native20()), React = __toESM(require("react")), import_react_native3 = __toESM(require_fake_react_native()), import_jsx_runtime4 = require("react/jsx-runtime"), Spinner = import_stacks2.YStack.extractable(
+var import_core9 = __toESM(require_index_native10()), import_stacks2 = __toESM(require_index_native19()), React = __toESM(require("react")), import_react_native3 = __toESM(require_fake_react_native()), import_jsx_runtime4 = require("react/jsx-runtime"), Spinner = import_stacks2.YStack.extractable(
   (0, import_core9.themeable)(
     React.forwardRef((props, ref) => {
       let { size, color: colorProp, ...stackProps } = props, theme = (0, import_core9.useTheme)(), color = colorProp;