tamagui 1.100.0 → 1.100.1

package/dist/native.js

@@ -3301,8 +3301,19 @@ var require_useMedia_native = __commonJS({
         return listeners.delete(subscriber);
       };
     }
+    function useLayoutExternalStore(subscriber, getSnapshot, getServerSnapshot) {
+      var _useState = _sliced_to_array((0, import_react4.useState)(getServerSnapshot), 2), state = _useState[0], setState = _useState[1];
+      return (0, import_constants4.useIsomorphicLayoutEffect)(function() {
+        return subscriber(function() {
+          setState(function(prev) {
+            var next = getSnapshot();
+            return next !== prev ? next : prev;
+          });
+        });
+      }, []), state;
+    }
     function useMedia3(uid, componentContext) {
-      var internal = (0, import_react4.useRef)(), disableSSR = (0, import_useDisableSSR.getDisableSSR)(componentContext), initialState = (disableSSR || !import_constants4.isWeb ? mediaState3 : initState) || {}, state = (0, import_react4.useSyncExternalStore)(subscribe, function() {
+      var internal = (0, import_react4.useRef)(), disableSSR = (0, import_useDisableSSR.getDisableSSR)(componentContext), initialState = (disableSSR || !import_constants4.isWeb ? mediaState3 : initState) || {}, state = useLayoutExternalStore(subscribe, function() {
         if (!internal.current) return initialState;
         var _internal_current = internal.current, touched = _internal_current.touched, prev = _internal_current.prev, componentState = uid ? shouldUpdate.get(uid) : void 0;
         if (componentState && componentState.enabled === !1) return prev;
@@ -26351,14 +26362,17 @@ var require_Group_native = __commonJS({
         Item: GroupItem
       });
     }
-    var GroupItem = function(props) {
+    var GroupItem = /* @__PURE__ */ import_react4.default.forwardRef(function(props, ref) {
       var _children_props, __scopeGroup = props.__scopeGroup, children = props.children, forcePlacement = props.forcePlacement, groupItemProps = useGroupItem({
         disabled: /* @__PURE__ */ (0, import_react4.isValidElement)(children) ? children.props.disabled : void 0
       }, forcePlacement, __scopeGroup);
-      return /* @__PURE__ */ (0, import_react4.isValidElement)(children) ? (0, import_core12.isTamaguiElement)(children) ? /* @__PURE__ */ import_react4.default.cloneElement(children, groupItemProps) : /* @__PURE__ */ import_react4.default.cloneElement(children, {
-        style: _object_spread9({}, (_children_props = children.props) === null || _children_props === void 0 ? void 0 : _children_props.style, groupItemProps)
+      return /* @__PURE__ */ (0, import_react4.isValidElement)(children) ? (0, import_core12.isTamaguiElement)(children) ? /* @__PURE__ */ import_react4.default.cloneElement(children, _object_spread_props8(_object_spread9({}, groupItemProps), {
+        ref
+      })) : /* @__PURE__ */ import_react4.default.cloneElement(children, {
+        style: _object_spread9({}, (_children_props = children.props) === null || _children_props === void 0 ? void 0 : _children_props.style, groupItemProps),
+        ref
       }) : children;
-    }, useGroupItem = function(childrenProps, forcePlacement, __scopeGroup) {
+    }), useGroupItem = function(childrenProps, forcePlacement, __scopeGroup) {
       var treeIndex = (0, import_reforest.useIndex)(), context = useGroupContext("GroupItem", __scopeGroup);
       if (import_react4.default.useEffect(function() {
         return context.onItemMount(), function() {
@@ -27995,10 +28009,12 @@ function _detectOverflow() {
         case 6:
           return clippingClientRect = rectToClientRect.apply(void 0, [
             _state.sent()
-          ]), rect = elementContext === "floating" ? _object_spread_props2(_object_spread2({}, rects.floating), {
+          ]), rect = elementContext === "floating" ? {
             x,
-            y
-          }) : rects.reference, [
+            y,
+            width: rects.floating.width,
+            height: rects.floating.height
+          } : rects.reference, [
             4,
             platform.getOffsetParent == null ? void 0 : platform.getOffsetParent(elements.floating)
           ];
@@ -28032,6 +28048,7 @@ function _detectOverflow() {
           return offsetScale = _tmp3, platform.convertOffsetParentRelativeRectToViewportRelativeRect ? [
             4,
             platform.convertOffsetParentRelativeRectToViewportRelativeRect({
+              elements,
               rect,
               offsetParent,
               strategy
@@ -28238,10 +28255,7 @@ var computePosition, arrow, autoPlacement, flip, hide, inline, offset, shift, li
             case 8:
               ref = computeCoordsFromPlacement(rects, statefulPlacement, rtl), x = ref.x, y = ref.y, _state.label = 9;
             case 9:
-              return i = -1, [
-                3,
-                10
-              ];
+              i = -1, _state.label = 10;
             case 10:
               return i++, [
                 3,
@@ -28301,7 +28315,7 @@ var computePosition, arrow, autoPlacement, flip, hide, inline, offset, shift, li
                 case 3:
                   _tmp = !_state.sent(), _state.label = 4;
                 case 4:
-                  return _tmp && (clientSize = elements.floating[clientProp] || rects.floating[length]), centerToReference = endDiff / 2 - startDiff / 2, largestPossiblePadding = clientSize / 2 - arrowDimensions[length] / 2 - 1, minPadding = min(paddingObject[minProp], largestPossiblePadding), maxPadding = min(paddingObject[maxProp], largestPossiblePadding), min$1 = minPadding, max2 = clientSize - arrowDimensions[length] - maxPadding, center = clientSize / 2 - arrowDimensions[length] / 2 + centerToReference, offset3 = clamp(min$1, center, max2), shouldAddOffset = !middlewareData.arrow && getAlignment(placement) != null && center != offset3 && rects.reference[length] / 2 - (center < min$1 ? minPadding : maxPadding) - arrowDimensions[length] / 2 < 0, alignmentOffset = shouldAddOffset ? center < min$1 ? center - min$1 : center - max2 : 0, [
+                  return _tmp && (clientSize = elements.floating[clientProp] || rects.floating[length]), centerToReference = endDiff / 2 - startDiff / 2, largestPossiblePadding = clientSize / 2 - arrowDimensions[length] / 2 - 1, minPadding = min(paddingObject[minProp], largestPossiblePadding), maxPadding = min(paddingObject[maxProp], largestPossiblePadding), min$1 = minPadding, max2 = clientSize - arrowDimensions[length] - maxPadding, center = clientSize / 2 - arrowDimensions[length] / 2 + centerToReference, offset3 = clamp(min$1, center, max2), shouldAddOffset = !middlewareData.arrow && getAlignment(placement) != null && center !== offset3 && rects.reference[length] / 2 - (center < min$1 ? minPadding : maxPadding) - arrowDimensions[length] / 2 < 0, alignmentOffset = shouldAddOffset ? center < min$1 ? center - min$1 : center - max2 : 0, [
                     2,
                     (_obj1 = {}, _define_property2(_obj1, axis, coords[axis] + alignmentOffset), _define_property2(_obj1, "data", _object_spread2((_obj = {}, _define_property2(_obj, axis, offset3), _define_property2(_obj, "centerOffset", center - offset3 - alignmentOffset), _obj), shouldAddOffset && {
                       alignmentOffset
@@ -28792,7 +28806,7 @@ var computePosition, arrow, autoPlacement, flip, hide, inline, offset, shift, li
         options,
         fn: function(state) {
           return _async_to_generator(function() {
-            var placement, rects, platform, elements, _evaluate, _evaluate_apply, apply, detectOverflowOptions, overflow, side, alignment, isYAxis, _rects_floating, width, height, heightSide, widthSide, overflowAvailableHeight, overflowAvailableWidth, noShift, availableHeight, availableWidth, maximumClippingWidth, maximumClippingHeight, xMin, xMax, yMin, yMax, nextDimensions;
+            var placement, rects, platform, elements, _evaluate, _evaluate_apply, apply, detectOverflowOptions, overflow, side, alignment, isYAxis, _rects_floating, width, height, heightSide, widthSide, maximumClippingHeight, maximumClippingWidth, overflowAvailableHeight, overflowAvailableWidth, noShift, availableHeight, availableWidth, xMin, xMax, yMin, yMax, nextDimensions;
             return _ts_generator(this, function(_state) {
               switch (_state.label) {
                 case 0:
@@ -28819,7 +28833,7 @@ var computePosition, arrow, autoPlacement, flip, hide, inline, offset, shift, li
                 case 3:
                   widthSide = side, heightSide = alignment === "end" ? "top" : "bottom", _state.label = 4;
                 case 4:
-                  return overflowAvailableHeight = height - overflow[heightSide], overflowAvailableWidth = width - overflow[widthSide], noShift = !state.middlewareData.shift, availableHeight = overflowAvailableHeight, availableWidth = overflowAvailableWidth, isYAxis ? (maximumClippingWidth = width - overflow.left - overflow.right, availableWidth = alignment || noShift ? min(overflowAvailableWidth, maximumClippingWidth) : maximumClippingWidth) : (maximumClippingHeight = height - overflow.top - overflow.bottom, availableHeight = alignment || noShift ? min(overflowAvailableHeight, maximumClippingHeight) : maximumClippingHeight), noShift && !alignment && (xMin = max(overflow.left, 0), xMax = max(overflow.right, 0), yMin = max(overflow.top, 0), yMax = max(overflow.bottom, 0), isYAxis ? availableWidth = width - 2 * (xMin !== 0 || xMax !== 0 ? xMin + xMax : max(overflow.left, overflow.right)) : availableHeight = height - 2 * (yMin !== 0 || yMax !== 0 ? yMin + yMax : max(overflow.top, overflow.bottom))), [
+                  return maximumClippingHeight = height - overflow.top - overflow.bottom, maximumClippingWidth = width - overflow.left - overflow.right, overflowAvailableHeight = min(height - overflow[heightSide], maximumClippingHeight), overflowAvailableWidth = min(width - overflow[widthSide], maximumClippingWidth), noShift = !state.middlewareData.shift, availableHeight = overflowAvailableHeight, availableWidth = overflowAvailableWidth, isYAxis ? availableWidth = alignment || noShift ? min(overflowAvailableWidth, maximumClippingWidth) : maximumClippingWidth : availableHeight = alignment || noShift ? min(overflowAvailableHeight, maximumClippingHeight) : maximumClippingHeight, noShift && !alignment && (xMin = max(overflow.left, 0), xMax = max(overflow.right, 0), yMin = max(overflow.top, 0), yMax = max(overflow.bottom, 0), isYAxis ? availableWidth = width - 2 * (xMin !== 0 || xMax !== 0 ? xMin + xMax : max(overflow.left, overflow.right)) : availableHeight = height - 2 * (yMin !== 0 || yMax !== 0 ? yMin + yMax : max(overflow.top, overflow.bottom))), [
                     4,
                     apply(_object_spread_props2(_object_spread2({}, state), {
                       availableWidth,