tamagui 1.88.21 → 1.88.22

package/dist/native.js

@@ -9843,7 +9843,7 @@ var require_useSheetProviderProps_native = __commonJS({
     module2.exports = __toCommonJS2(useSheetProviderProps_exports);
     var import_core12 = require_index_native16(), import_use_constant = require_index_native2(), import_use_controllable_state = require_index_native9(), import_react2 = __toESM2(require("react"));
     function useSheetProviderProps(props, state, options = {}) {
-      let contentRef = import_react2.default.useRef(null), [frameSize, setFrameSize] = (0, import_react2.useState)(0), [maxContentSize, setMaxContentSize] = (0, import_react2.useState)(0), snapPointsMode = props.snapPointsMode ?? "percent", snapPointsProp = props.snapPoints ?? (snapPointsMode === "percent" ? [80] : snapPointsMode === "constant" ? [256] : ["fit"]), hasFit = snapPointsProp[0] === "fit", snapPoints = (0, import_react2.useMemo)(
+      let handleRef = import_react2.default.useRef(null), 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,
         [JSON.stringify(snapPointsProp), props.dismissOnSnapToBottom]
       ), [position_, setPositionImmediate] = (0, import_use_controllable_state.useControllableState)({
@@ -9909,6 +9909,7 @@ var require_useSheetProviderProps_native = __commonJS({
         setOpen: state.setOpen,
         hidden: !!state.isHidden,
         contentRef,
+        handleRef,
         frameSize,
         setFrameSize,
         dismissOnOverlayPress: props.dismissOnOverlayPress ?? !0,
@@ -10213,7 +10214,9 @@ var require_SheetImplementationCustom_native = __commonJS({
               vy: state2.vy,
               dragAt: state2.dy
             });
-          }, previouslyScrolling = !1, onMoveShouldSet = (_e, { dy }) => {
+          }, previouslyScrolling = !1, onMoveShouldSet = (e, { dy }) => {
+            if (e.target === providerProps.handleRef.current)
+              return !0;
             let isScrolled = scrollBridge.y !== 0, isDraggingUp = dy < 0, isNearTop = scrollBridge.paneY - 5 <= scrollBridge.paneMinY;
             return isScrolled ? (previouslyScrolling = !0, !1) : isNearTop && !isScrolled && isDraggingUp && !import_constants4.isWeb ? !1 : Math.abs(dy) > 5;
           }, grant = () => {
@@ -10533,12 +10536,13 @@ var require_createSheet_native = __commonJS({
       require("react/jsx-runtime")
     );
     function createSheet({ Handle, Frame, Overlay }) {
-      let SheetHandle = Handle.extractable(
-        ({ __scopeSheet, ...props }) => {
-          let context = (0, import_SheetContext.useSheetContext)(import_constants22.SHEET_HANDLE_NAME, __scopeSheet);
+      let SheetHandle = Handle.styleable(
+        ({ __scopeSheet, ...props }, forwardedRef) => {
+          let context = (0, import_SheetContext.useSheetContext)(import_constants22.SHEET_HANDLE_NAME, __scopeSheet), composedRef = (0, import_compose_refs.useComposedRefs)(context.handleRef, forwardedRef);
           return context.onlyShowFrame ? null : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
             Handle,
             {
+              ref: composedRef,
               onPress: () => {
                 let max2 = context.snapPoints.length + (context.dismissOnSnapToBottom ? -1 : 0), nextPos = (context.position + 1) % max2;
                 context.setPosition(nextPos);