tamagui 1.125.18 → 1.125.20

package/dist/native.js

@@ -19412,22 +19412,26 @@ var require_Dialog_native = __commonJS({
         unstyled: process.env.TAMAGUI_HEADLESS === "1"
       }
     }), DialogPortalItem = function(props) {
-      var { __scopeDialog, children, space, spaceDirection, separator } = props, themeName = (0, import_core12.useThemeName)(), context = useDialogContext(PORTAL_NAME, props.__scopeDialog), childrenSpaced = children;
-      return (space || separator) && (childrenSpaced = (0, import_core12.spacedChildren)({
+      var { __scopeDialog, children, space, spaceDirection, separator } = props, themeName = (0, import_core12.useThemeName)(), context = useDialogContext(PORTAL_NAME, props.__scopeDialog), isAdapted = (0, import_adapt.useAdaptIsActive)(), childrenSpaced = children;
+      (space || separator) && (childrenSpaced = (0, import_core12.spacedChildren)({
         children,
         separator,
         space,
         direction: spaceDirection
-      })), /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_adapt.AdaptPortalContents, {
-        children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(DialogProvider, {
-          scope: __scopeDialog,
-          ...context,
-          children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_core12.Theme, {
-            name: themeName,
-            children: childrenSpaced
-          })
+      }));
+      var content = /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(DialogProvider, {
+        scope: __scopeDialog,
+        ...context,
+        children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_core12.Theme, {
+          name: themeName,
+          children: childrenSpaced
         })
       });
+      return isAdapted ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_adapt.AdaptPortalContents, {
+        children: content
+      }) : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_portal2.PortalItem, {
+        children: content
+      });
     }, DialogPortal = function(props) {
       var { __scopeDialog, forceMount, children, ...frameProps } = props, context = useDialogContext(PORTAL_NAME, __scopeDialog), isShowing = forceMount || context.open, [isFullyHidden, setIsFullyHidden] = React4.useState(!isShowing), isAdapted = (0, import_adapt.useAdaptIsActive)();
       isShowing && isFullyHidden && setIsFullyHidden(!1);
@@ -19460,7 +19464,10 @@ var require_Dialog_native = __commonJS({
           children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(PassthroughTheme, {
             children: framedContents
           })
-        }) : framedContents;
+        }) : isAdapted ? framedContents : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(DialogPortalItem, {
+          __scopeDialog,
+          children: framedContents
+        });
       }
       return children;
     }, PassthroughTheme = function(param) {
@@ -21823,31 +21830,42 @@ var require_focusableInputHOC_native = __commonJS({
     module2.exports = __toCommonJS2(focusableInputHOC_exports);
     var import_compose_refs = require_index_native11(), import_web = require_index_native14(), import_react3 = __toESM2(require("react")), import_registerFocusable = require_registerFocusable_native();
     function useFocusable2(param) {
-      var { isInput, props, ref } = param, { id, onChangeText, value, defaultValue } = props, inputValue = import_react3.default.useRef(value || defaultValue || ""), unregisterFocusable = import_react3.default.useRef(), inputRef = import_react3.default.useCallback(function(input) {
+      var { isInput, props, ref } = param, { id, onChangeText, value, defaultValue } = props, inputValue = import_react3.default.useRef(value || defaultValue || ""), unregisterFocusable = import_react3.default.useRef(), focusAndSelect = import_react3.default.useCallback(function(input) {
+        input.focus(), input.setSelection && typeof inputValue.current == "string" && input.setSelection(0, inputValue.current.length);
+      }, []), registerFocusableHandler = import_react3.default.useCallback(function(input) {
         var _unregisterFocusable_current;
-        id && input && ((_unregisterFocusable_current = unregisterFocusable.current) === null || _unregisterFocusable_current === void 0 || _unregisterFocusable_current.call(unregisterFocusable), unregisterFocusable.current = (0, import_registerFocusable.registerFocusable)(id, {
+        !id || !input || ((_unregisterFocusable_current = unregisterFocusable.current) === null || _unregisterFocusable_current === void 0 || _unregisterFocusable_current.call(unregisterFocusable), unregisterFocusable.current = (0, import_registerFocusable.registerFocusable)(id, {
           focus: input.focus,
           ...isInput && {
-            // react-native doesn't support programmatic .select()
-            focusAndSelect() {
-              input.focus(), input.setSelection && typeof inputValue.current == "string" && input.setSelection(0, inputValue.current.length);
+            focusAndSelect: function() {
+              return focusAndSelect(input);
             }
           }
         }));
       }, [
+        id,
         isInput,
-        id
-      ]), combinedRefs = (0, import_compose_refs.composeRefs)(ref, inputRef);
+        focusAndSelect
+      ]), inputRef = import_react3.default.useCallback(function(input) {
+        input && registerFocusableHandler(input);
+      }, [
+        registerFocusableHandler
+      ]), handleChangeText = (0, import_web.useEvent)(function(value2) {
+        inputValue.current = value2, onChangeText == null || onChangeText(value2);
+      });
       return import_react3.default.useEffect(function() {
         return function() {
           var _unregisterFocusable_current;
           (_unregisterFocusable_current = unregisterFocusable.current) === null || _unregisterFocusable_current === void 0 || _unregisterFocusable_current.call(unregisterFocusable);
         };
       }, []), {
-        ref: combinedRefs,
-        onChangeText: (0, import_web.useEvent)(function(value2) {
-          inputValue.current = value2, onChangeText == null || onChangeText(value2);
-        })
+        ref: import_react3.default.useMemo(function() {
+          return (0, import_compose_refs.composeRefs)(ref, inputRef);
+        }, [
+          ref,
+          inputRef
+        ]),
+        onChangeText: handleChangeText
       };
     }
   }
@@ -29032,7 +29050,8 @@ var require_Slider_native = __commonJS({
     var RANGE_NAME = "SliderTrackActive", SliderTrackActiveFrame = (0, import_core12.styled)(import_SliderImpl.SliderFrame, {
       name: "SliderTrackActive",
       backgroundColor: "$background",
-      position: "absolute"
+      position: "absolute",
+      pointerEvents: "box-none"
     }), SliderTrackActive = /* @__PURE__ */ React4.forwardRef(function(props, forwardedRef) {
       var { __scopeSlider, ...rangeProps } = props, context = (0, import_constants22.useSliderContext)(RANGE_NAME, __scopeSlider), orientation = (0, import_constants22.useSliderOrientationContext)(RANGE_NAME, __scopeSlider), ref = React4.useRef(null), composedRefs = (0, import_compose_refs.useComposedRefs)(forwardedRef, ref), valuesCount = context.values.length, percentages = context.values.map(function(value) {
         return (0, import_helpers3.convertValueToPercentage)(value, context.min, context.max);
@@ -31688,19 +31707,32 @@ var defaultStyles = {
   });
 });
 function useInputProps(props, ref) {
-  var _theme_placeholderColorProp, _theme_placeholderColor, theme = (0, import_core7.useTheme)(), { onChangeText, ref: combinedRef } = (0, import_focusable.useFocusable)({
-    // @ts-ignore
+  var theme = (0, import_core7.useTheme)(), focusableProps = (0, import_focusable.useFocusable)({
     props,
     ref,
     isInput: !0
-  }), placeholderColorProp = props.placeholderTextColor, _theme_placeholderColorProp_get, _ref, placeholderTextColor = (_ref = (_theme_placeholderColorProp_get = (_theme_placeholderColorProp = theme[placeholderColorProp]) === null || _theme_placeholderColorProp === void 0 ? void 0 : _theme_placeholderColorProp.get()) !== null && _theme_placeholderColorProp_get !== void 0 ? _theme_placeholderColorProp_get : placeholderColorProp) !== null && _ref !== void 0 ? _ref : (_theme_placeholderColor = theme.placeholderColor) === null || _theme_placeholderColor === void 0 ? void 0 : _theme_placeholderColor.get();
-  return {
-    ref: combinedRef,
-    readOnly: props.disabled,
-    ...props,
-    placeholderTextColor,
-    onChangeText
-  };
+  }), placeholderTextColor = import_react.default.useMemo(function() {
+    var _theme_placeholderColorProp, _theme_placeholderColor, placeholderColorProp = props.placeholderTextColor, _theme_placeholderColorProp_get, _ref;
+    return (_ref = (_theme_placeholderColorProp_get = (_theme_placeholderColorProp = theme[placeholderColorProp]) === null || _theme_placeholderColorProp === void 0 ? void 0 : _theme_placeholderColorProp.get()) !== null && _theme_placeholderColorProp_get !== void 0 ? _theme_placeholderColorProp_get : placeholderColorProp) !== null && _ref !== void 0 ? _ref : (_theme_placeholderColor = theme.placeholderColor) === null || _theme_placeholderColor === void 0 ? void 0 : _theme_placeholderColor.get();
+  }, [
+    props.placeholderTextColor,
+    theme
+  ]);
+  return import_react.default.useMemo(function() {
+    return {
+      ref: focusableProps.ref,
+      readOnly: props.disabled,
+      ...props,
+      placeholderTextColor,
+      onChangeText: focusableProps.onChangeText
+    };
+  }, [
+    focusableProps.ref,
+    focusableProps.onChangeText,
+    props.disabled,
+    props,
+    placeholderTextColor
+  ]);
 }
 
 // src/views/Spinner.tsx