tamagui 1.91.4 → 1.92.0

package/dist/native.js

@@ -7275,7 +7275,7 @@ var require_propMapper_native = __commonJS({
           get: function(_, k) {
             return k === "curProps" ? subProps : Reflect.get(_, k);
           }
-        }) : styleStateIn, conf = styleState.conf, styleProps = styleState.styleProps, fontFamily = styleState.fontFamily, staticConfig = styleState.staticConfig, variants = staticConfig.variants;
+        }) : styleStateIn, conf = styleState.conf, styleProps = styleState.styleProps, fontFamily = styleState.fontFamily, staticConfig = styleState.staticConfig, skipThemeTokenResolution = styleState.skipThemeTokenResolution, variants = staticConfig.variants;
         if (process.env.NODE_ENV === "development" && fontFamily && fontFamily[0] === "$" && !(fontFamily in conf.fontsParsed) && console.warn('Warning: no fontFamily "'.concat(fontFamily, '" found in config: ').concat(Object.keys(conf.fontsParsed).join(", "))), !styleProps.noExpand && variants && key in variants) {
           styleState.curProps[key] = value;
           var variantValue = resolveVariants(key, value, styleProps, styleState, "");
@@ -7465,9 +7465,11 @@ var require_propMapper_native = __commonJS({
         var _theme_value, val = (_theme_value = theme == null ? void 0 : theme[value]) !== null && _theme_value !== void 0 ? _theme_value : tokensParsed[customTokenAccept][value];
         val != null && (resolveAs = "value", valOrVar = val, hasSet = !0);
       }
-      if (theme && value in theme)
-        valOrVar = theme[value], process.env.NODE_ENV === "development" && styleState.debug === "verbose" && console.info(" - resolving ".concat(key, " to theme value ").concat(value, ": ").concat(valOrVar == null ? void 0 : valOrVar.val)), hasSet = !0;
-      else {
+      if (theme && value in theme) {
+        if (valOrVar = theme[value], styleState.skipThemeTokenResolution && valOrVar != null && valOrVar.val)
+          return process.env.NODE_ENV === "development" && styleState.debug === "verbose" && console.info(" - keep original value: ".concat(value, " for ").concat(key, " due to enableFlattenThemeOnNative: true")), value;
+        process.env.NODE_ENV === "development" && styleState.debug === "verbose" && console.info(" - resolving ".concat(key, " to theme value ").concat(value, ": ").concat(valOrVar == null ? void 0 : valOrVar.val)), hasSet = !0;
+      } else {
         if (value in conf.specificTokens)
           hasSet = !0, valOrVar = conf.specificTokens[value];
         else {
@@ -7731,7 +7733,7 @@ var require_getSplitStyles_native = __commonJS({
       var _staticConfig_accept, validStyleProps = staticConfig.validStyles || (staticConfig.isText || staticConfig.isInput ? import_helpers.stylePropsText : import_helpers.validStyles);
       return validStyleProps[key] || ((_staticConfig_accept = staticConfig.accept) === null || _staticConfig_accept === void 0 ? void 0 : _staticConfig_accept[key]);
     }
-    var getSplitStyles = function(props, staticConfig, theme, themeName, componentState, styleProps, parentSplitStyles, context, elementType, debug) {
+    var getSplitStyles = function(props, staticConfig, theme, themeName, componentState, styleProps, parentSplitStyles, context, elementType, debug, skipThemeTokenResolution) {
       conf = conf || (0, import_config.getConfig)(), import_constants4.isWeb && styleProps.isAnimated && conf.animations.isReactNative && !styleProps.noNormalize && (styleProps.noNormalize = "values");
       var shorthands = conf.shorthands, isHOC = staticConfig.isHOC, isText = staticConfig.isText, isInput = staticConfig.isInput, variants = staticConfig.variants, isReactNative = staticConfig.isReactNative, inlineProps = staticConfig.inlineProps, inlineWhenUnflattened = staticConfig.inlineWhenUnflattened, parentStaticConfig = staticConfig.parentStaticConfig, acceptsClassName = staticConfig.acceptsClassName, viewProps = {}, mediaState3 = styleProps.mediaState || import_useMedia.mediaState, usedKeys = {}, shouldDoClasses = acceptsClassName && import_constants4.isWeb && !styleProps.noClassNames, rulesToInsert = void 0, classNames = {}, transforms = {}, pseudos = null, space = props.space, hasMedia = !1, dynamicThemeAccess, pseudoGroups, mediaGroups, className = props.className || "", mediaStylesSeen = 0, styleState = {
         curProps: {},
@@ -7746,7 +7748,8 @@ var require_getSplitStyles_native = __commonJS({
         usedKeys,
         viewProps,
         context,
-        debug
+        debug,
+        skipThemeTokenResolution
       };
       process.env.NODE_ENV === "development" && debug && debug !== "profile" && import_constants4.isClient && (console.groupCollapsed("getSplitStyles (collapsed)"), (0, import_log.log)({
         props,
@@ -7826,7 +7829,7 @@ var require_getSplitStyles_native = __commonJS({
           if (!(isStyleProp && (props.asChild === "except-style" || props.asChild === "except-style-web"))) {
             var 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 = parentStaticConfig == null || (_parentStaticConfig_variants = parentStaticConfig.variants) === null || _parentStaticConfig_variants === void 0 ? void 0 : _parentStaticConfig_variants[keyInit], isHOCShouldPassThrough = !!(isHOC && (isShorthand || isValidStyleKeyInit || isMediaOrPseudo1 || parentVariant || keyInit in import_skipProps.skipProps)), shouldPassThrough = shouldPassProp || isHOCShouldPassThrough;
-            if (process.env.NODE_ENV === "development" && debug === "verbose" && (console.groupCollapsed("  \u{1F511} ".concat(keyOg).concat(keyInit !== keyOg ? " (shorthand for ".concat(keyInit, ")") : "", " ").concat(shouldPassThrough ? "(pass)" : "")), (0, import_log.log)({
+            if (process.env.NODE_ENV === "development" && debug === "verbose" && (console.groupEnd(), console.groupEnd(), console.groupCollapsed("  \u{1F511} ".concat(keyOg).concat(keyInit !== keyOg ? " (shorthand for ".concat(keyInit, ")") : "", " ").concat(shouldPassThrough ? "(pass)" : "")), (0, import_log.log)({
               isVariant,
               valInit,
               shouldPassProp
@@ -9452,7 +9455,8 @@ var require_createComponent_native = __commonJS({
         props.accessibilityDisabled || !1;
         disabled != null && (initialState.disabled = disabled);
         var states = (0, import_react2.useState)(initialState), state = props.forceStyle ? _object_spread_props8(_object_spread9({}, states[0]), _define_property9({}, props.forceStyle, !0)) : states[0], setState = states[1];
-        disabled !== state.disabled && setState(_object_spread_props8(_object_spread9({}, state), {
+        disabled !== state.disabled && setState(_object_spread_props8(_object_spread9({}, state, import_defaultComponentState.defaultComponentState), {
+          // removes any stale press state etc
           disabled
         }));
         var setStateShallow = (0, import_createShallowSetState.createShallowSetState)(setState, disabled, debugProp);
@@ -9844,7 +9848,7 @@ If you meant to do this, you can disable this warning - either change untilMeasu
               console.groupEnd();
             }
           } else {
-            (0, import_log.log)(title), import_isDevTools.isDevTools && (0, import_log.log)("viewProps", viewProps), (0, import_log.log)("final styles:");
+            (0, import_log.log)(title), (0, import_log.log)("state: ", state), import_isDevTools.isDevTools && (0, import_log.log)("viewProps", viewProps), (0, import_log.log)("final styles:");
             for (var key2 in splitStylesStyle)
               (0, import_log.log)(key2, splitStylesStyle[key2]);
           }
@@ -19919,7 +19923,7 @@ var require_SheetImplementationCustom_native = __commonJS({
       }
     }
     var hiddenSize = 10000.1, SheetImplementationCustom = (0, import_core12.themeable)(/* @__PURE__ */ (0, import_react2.forwardRef)(function(props, forwardedRef) {
-      var parentSheet = (0, import_react2.useContext)(import_contexts.ParentSheetContext), animation = props.animation, animationConfigProp = props.animationConfig, _props_modal = props.modal, modal = _props_modal === void 0 ? !1 : _props_modal, _props_zIndex = props.zIndex, zIndex = _props_zIndex === void 0 ? parentSheet.zIndex + 1 : _props_zIndex, _props_moveOnKeyboardChange = props.moveOnKeyboardChange, moveOnKeyboardChange = _props_moveOnKeyboardChange === void 0 ? !1 : _props_moveOnKeyboardChange, _props_unmountChildrenWhenHidden = props.unmountChildrenWhenHidden, unmountChildrenWhenHidden = _props_unmountChildrenWhenHidden === void 0 ? !1 : _props_unmountChildrenWhenHidden, portalProps = props.portalProps, keyboardIsVisible = (0, import_use_keyboard_visible.useKeyboardVisible)(), state = (0, import_useSheetOpenState.useSheetOpenState)(props), _useState = _sliced_to_array((0, import_react2.useState)(null), 2), overlayComponent = _useState[0], setOverlayComponent = _useState[1], providerProps = (0, import_useSheetProviderProps.useSheetProviderProps)(props, state, {
+      var parentSheet = (0, import_react2.useContext)(import_contexts.ParentSheetContext), animation = props.animation, animationConfigProp = props.animationConfig, _props_modal = props.modal, modal = _props_modal === void 0 ? !1 : _props_modal, _props_zIndex = props.zIndex, zIndex = _props_zIndex === void 0 ? parentSheet.zIndex + 1 : _props_zIndex, _props_moveOnKeyboardChange = props.moveOnKeyboardChange, moveOnKeyboardChange = _props_moveOnKeyboardChange === void 0 ? !1 : _props_moveOnKeyboardChange, _props_unmountChildrenWhenHidden = props.unmountChildrenWhenHidden, unmountChildrenWhenHidden = _props_unmountChildrenWhenHidden === void 0 ? !1 : _props_unmountChildrenWhenHidden, portalProps = props.portalProps, tmp = props.containerComponent, ContainerComponent = tmp === void 0 ? import_react2.Fragment : tmp, keyboardIsVisible = (0, import_use_keyboard_visible.useKeyboardVisible)(), state = (0, import_useSheetOpenState.useSheetOpenState)(props), _useState = _sliced_to_array((0, import_react2.useState)(null), 2), overlayComponent = _useState[0], setOverlayComponent = _useState[1], providerProps = (0, import_useSheetProviderProps.useSheetProviderProps)(props, state, {
         onOverlayComponent: setOverlayComponent
       }), frameSize = providerProps.frameSize, setFrameSize = providerProps.setFrameSize, snapPoints = providerProps.snapPoints, snapPointsMode = providerProps.snapPointsMode, hasFit = providerProps.hasFit, position = providerProps.position, setPosition = providerProps.setPosition, scrollBridge = providerProps.scrollBridge, screenSize = providerProps.screenSize, setMaxContentSize = providerProps.setMaxContentSize, maxSnapPoint = providerProps.maxSnapPoint, open = state.open, controller = state.controller, isHidden = state.isHidden, sheetRef = (0, import_react2.useRef)(null), ref = (0, import_compose_refs.useComposedRefs)(forwardedRef, sheetRef), animationConfig = function() {
         var _ref = _sliced_to_array(animation ? Array.isArray(animation) ? animation : [
@@ -20156,12 +20160,14 @@ var require_SheetImplementationCustom_native = __commonJS({
         var modalContents = /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_portal2.Portal, _object_spread_props8(_object_spread9({
           zIndex
         }, portalProps), {
-          children: shouldMountChildren && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_core12.Theme, {
-            forceClassName: !0,
-            name: themeName,
-            children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_adapt.AdaptParentContext.Provider, {
-              value: adaptContext,
-              children: contents
+          children: shouldMountChildren && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ContainerComponent, {
+            children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_core12.Theme, {
+              forceClassName: !0,
+              name: themeName,
+              children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_adapt.AdaptParentContext.Provider, {
+                value: adaptContext,
+                children: contents
+              })
             })
           })
         }));
@@ -25481,7 +25487,7 @@ var require_createCheckbox_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(createCheckbox_exports);
-    var import_jsx_runtime6 = require("react/jsx-runtime"), import_checkbox_headless = require_index_native47(), import_core12 = require_index_native16(), import_font_size = require_index_native40(), import_get_token2 = require_index_native18(), import_helpers_tamagui = require_index_native41(), import_use_controllable_state = require_index_native9(), import_react2 = __toESM2(require("react")), import_Checkbox = require_Checkbox_native(), import_CheckboxStyledContext = require_CheckboxStyledContext_native();
+    var import_jsx_runtime6 = require("react/jsx-runtime"), import_focusable2 = require_index_native44(), import_checkbox_headless = require_index_native47(), import_core12 = require_index_native16(), import_font_size = require_index_native40(), import_get_token2 = require_index_native18(), import_helpers_tamagui = require_index_native41(), import_use_controllable_state = require_index_native9(), import_react2 = __toESM2(require("react")), import_Checkbox = require_Checkbox_native(), import_CheckboxStyledContext = require_CheckboxStyledContext_native();
     function _array_like_to_array2(arr, len) {
       (len == null || len > arr.length) && (len = arr.length);
       for (var i = 0, arr2 = new Array(len); i < len; i++)
@@ -25620,7 +25626,23 @@ var require_createCheckbox_native = __commonJS({
             setChecked
           ],
           forwardedRef
-        ), checkboxProps = _useCheckbox.checkboxProps, checkboxRef = _useCheckbox.checkboxRef, bubbleInput = _useCheckbox.bubbleInput, renderNative = (0, import_core12.shouldRenderNativePlatform)(native);
+        ), checkboxProps = _useCheckbox.checkboxProps, checkboxRef = _useCheckbox.checkboxRef, bubbleInput = _useCheckbox.bubbleInput;
+        import_react2.default.useEffect(function() {
+          if (props.id && !props.disabled)
+            return (0, import_focusable2.registerFocusable)(props.id, {
+              focusAndSelect: function() {
+                setChecked == null || setChecked(function(value) {
+                  return !value;
+                });
+              },
+              focus: function() {
+              }
+            });
+        }, [
+          props.id,
+          props.disabled
+        ]);
+        var renderNative = (0, import_core12.shouldRenderNativePlatform)(native);
         if (renderNative === "web")
           return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("input", {
             type: "checkbox",
@@ -33781,7 +33803,7 @@ var require_Select_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(Select_exports);
-    var import_jsx_runtime6 = require("react/jsx-runtime"), import_adapt = require_index_native25(), import_compose_refs = require_index_native10(), import_constants4 = require_index_native6(), import_core12 = require_index_native16(), import_get_token2 = require_index_native18(), import_helpers = require_index_native7(), import_list_item = require_index_native54(), import_portal2 = require_index_native30(), import_separator = require_index_native62(), import_sheet = require_index_native34(), import_stacks3 = require_index_native20(), import_text2 = require_index_native22(), import_use_controllable_state = require_index_native9(), React2 = __toESM2(require("react")), import_use_debounce = require_index_native63(), import_constants22 = require_constants_native4(), import_context = require_context_native(), import_SelectContent = require_SelectContent_native(), import_SelectImpl = require_SelectImpl_native(), import_SelectItem = require_SelectItem_native(), import_SelectItemText = require_SelectItemText_native(), import_SelectScrollButton = require_SelectScrollButton_native(), import_SelectTrigger = require_SelectTrigger_native(), import_SelectViewport = require_SelectViewport_native(), import_useSelectBreakpointActive = require_useSelectBreakpointActive_native();
+    var import_jsx_runtime6 = require("react/jsx-runtime"), import_adapt = require_index_native25(), import_compose_refs = require_index_native10(), import_constants4 = require_index_native6(), import_core12 = require_index_native16(), import_get_token2 = require_index_native18(), import_helpers = require_index_native7(), import_list_item = require_index_native54(), import_portal2 = require_index_native30(), import_separator = require_index_native62(), import_focusable2 = require_index_native44(), import_sheet = require_index_native34(), import_stacks3 = require_index_native20(), import_text2 = require_index_native22(), import_use_controllable_state = require_index_native9(), React2 = __toESM2(require("react")), import_use_debounce = require_index_native63(), import_constants22 = require_constants_native4(), import_context = require_context_native(), import_SelectContent = require_SelectContent_native(), import_SelectImpl = require_SelectImpl_native(), import_SelectItem = require_SelectItem_native(), import_SelectItemText = require_SelectItemText_native(), import_SelectScrollButton = require_SelectScrollButton_native(), import_SelectTrigger = require_SelectTrigger_native(), import_SelectViewport = require_SelectViewport_native(), import_useSelectBreakpointActive = require_useSelectBreakpointActive_native();
     function _array_like_to_array2(arr, len) {
       (len == null || len > arr.length) && (len = arr.length);
       for (var i = 0, arr2 = new Array(len); i < len; i++)
@@ -34083,6 +34105,19 @@ var require_Select_native = __commonJS({
         emitValue(value);
       }, [
         value
+      ]), React2.useEffect(function() {
+        if (props.id)
+          return (0, import_focusable2.registerFocusable)(props.id, {
+            focusAndSelect: function() {
+              setOpen == null || setOpen(function(value2) {
+                return !value2;
+              });
+            },
+            focus: function() {
+            }
+          });
+      }, [
+        props.id
       ]);
       var _React_useState1 = _sliced_to_array(React2.useState(0), 2), activeIndex = _React_useState1[0], setActiveIndex = _React_useState1[1], _useEmitter = _sliced_to_array(useEmitter(), 2), emitValue = _useEmitter[0], valueSubscribe = _useEmitter[1], _useEmitter1 = _sliced_to_array(useEmitter(), 2), emitActiveIndex = _useEmitter1[0], activeIndexSubscribe = _useEmitter1[1], selectedIndexRef = React2.useRef(null), activeIndexRef = React2.useRef(null), listContentRef = React2.useRef([]), _React_useState2 = _sliced_to_array(React2.useState(0), 2), selectedIndex = _React_useState2[0], setSelectedIndex = _React_useState2[1], _React_useState3 = _sliced_to_array(React2.useState(null), 2), valueNode = _React_useState3[0], setValueNode = _React_useState3[1];
       (0, import_constants4.useIsomorphicLayoutEffect)(function() {
@@ -36119,13 +36154,12 @@ var require_createSwitch_native = __commonJS({
           noExpand: !0,
           resolveValues: "none",
           forComponent: Frame
-        }), _styledContext_size, _ref;
-        propsActive.size = (_ref = (_styledContext_size = styledContext.size) !== null && _styledContext_size !== void 0 ? _styledContext_size : props.size) !== null && _ref !== void 0 ? _ref : "$true";
-        var _styledContext_unstyled, _ref1;
-        propsActive.unstyled = (_ref1 = (_styledContext_unstyled = styledContext.unstyled) !== null && _styledContext_unstyled !== void 0 ? _styledContext_unstyled : props.unstyled) !== null && _ref1 !== void 0 ? _ref1 : !1;
-        var _useSwitch = (0, import_switch_headless.useSwitch)(
+        }), _styledContext_size, _ref, _styledContext_unstyled, _ref1, _useSwitch = (0, import_switch_headless.useSwitch)(
           // @ts-ignore
-          propsActive,
+          Object.assign({
+            size: (_ref = (_styledContext_size = styledContext.size) !== null && _styledContext_size !== void 0 ? _styledContext_size : props.size) !== null && _ref !== void 0 ? _ref : "$true",
+            unstyled: (_ref1 = (_styledContext_unstyled = styledContext.unstyled) !== null && _styledContext_unstyled !== void 0 ? _styledContext_unstyled : props.unstyled) !== null && _ref1 !== void 0 ? _ref1 : !1
+          }, propsActive),
           [
             checked,
             setChecked