tamagui 1.95.3 → 1.96.0

package/dist/native.js

@@ -7080,7 +7080,8 @@ var require_skipProps_native = __commonJS({
       outlineStyle: 1,
       outlineOffset: 1,
       outlineWidth: 1,
-      outlineColor: 1
+      outlineColor: 1,
+      scrollbarWidth: 1
     });
   }
 });
@@ -8894,6 +8895,61 @@ var require_Slot_native = __commonJS({
   }
 });
 
+// ../web/dist/cjs/helpers/setElementProps.native.js
+var require_setElementProps_native = __commonJS({
+  "../web/dist/cjs/helpers/setElementProps.native.js"(exports2, module2) {
+    "use strict";
+    var __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __hasOwnProp2 = Object.prototype.hasOwnProperty, __export2 = function(target, all) {
+      for (var name in all)
+        __defProp2(target, name, {
+          get: all[name],
+          enumerable: !0
+        });
+    }, __copyProps2 = function(to, from, except, desc) {
+      var _iteratorNormalCompletion = !0, _didIteratorError = !1, _iteratorError = void 0;
+      if (from && typeof from == "object" || typeof from == "function")
+        try {
+          for (var _loop = function() {
+            var key = _step.value;
+            !__hasOwnProp2.call(to, key) && key !== except && __defProp2(to, key, {
+              get: function() {
+                return from[key];
+              },
+              enumerable: !(desc = __getOwnPropDesc2(from, key)) || desc.enumerable
+            });
+          }, _iterator = __getOwnPropNames2(from)[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = !0)
+            _loop();
+        } catch (err) {
+          _didIteratorError = !0, _iteratorError = err;
+        } finally {
+          try {
+            !_iteratorNormalCompletion && _iterator.return != null && _iterator.return();
+          } finally {
+            if (_didIteratorError)
+              throw _iteratorError;
+          }
+        }
+      return to;
+    }, __toCommonJS2 = function(mod) {
+      return __copyProps2(__defProp2({}, "__esModule", {
+        value: !0
+      }), mod);
+    }, setElementProps_native_exports = {};
+    __export2(setElementProps_native_exports, {
+      setElementProps: function() {
+        return setElementProps;
+      }
+    });
+    module2.exports = __toCommonJS2(setElementProps_native_exports);
+    function setElementProps(element) {
+      element && !element.getBoundingClientRect && (element.getBoundingClientRect = function() {
+        if (element.unstable_getBoundingClientRect != null)
+          return element.unstable_getBoundingClientRect();
+      });
+    }
+  }
+});
+
 // ../web/dist/cjs/createComponent.native.js
 var require_createComponent_native = __commonJS({
   "../web/dist/cjs/createComponent.native.js"(exports2, module2) {
@@ -8977,7 +9033,7 @@ var require_createComponent_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(createComponent_exports);
-    var import_jsx_runtime6 = require("react/jsx-runtime"), import_compose_refs = require_index_native10(), import_constants4 = require_index_native6(), import_helpers = require_index_native7(), import_use_did_finish_ssr = require_index_native11(), import_react4 = __toESM2(require("react")), import_config = require_config_native(), import_constants22 = require_constants_native2(), import_ComponentContext = require_ComponentContext_native(), import_createVariable = require_createVariable_native(), import_defaultComponentState = require_defaultComponentState_native(), import_createShallowSetState = require_createShallowSetState_native(), import_getSplitStyles = require_getSplitStyles_native(), import_isObj = require_isObj_native(), import_log = require_log_native(), import_mergeProps = require_mergeProps_native(), import_themeable = require_themeable_native(), import_useMedia = require_useMedia_native(), import_useTheme = require_useTheme_native(), import_setupHooks = require_setupHooks_native(), import_Slot = require_Slot_native(), import_Theme = require_Theme_native(), import_ThemeDebug = require_ThemeDebug_native(), import_isDevTools = require_isDevTools_native();
+    var import_jsx_runtime6 = require("react/jsx-runtime"), import_compose_refs = require_index_native10(), import_constants4 = require_index_native6(), import_helpers = require_index_native7(), import_use_did_finish_ssr = require_index_native11(), import_react4 = __toESM2(require("react")), import_config = require_config_native(), import_constants22 = require_constants_native2(), import_ComponentContext = require_ComponentContext_native(), import_createVariable = require_createVariable_native(), import_defaultComponentState = require_defaultComponentState_native(), import_createShallowSetState = require_createShallowSetState_native(), import_getSplitStyles = require_getSplitStyles_native(), import_isObj = require_isObj_native(), import_log = require_log_native(), import_mergeProps = require_mergeProps_native(), import_themeable = require_themeable_native(), import_useMedia = require_useMedia_native(), import_useTheme = require_useTheme_native(), import_setupHooks = require_setupHooks_native(), import_Slot = require_Slot_native(), import_Theme = require_Theme_native(), import_ThemeDebug = require_ThemeDebug_native(), import_isDevTools = require_isDevTools_native(), import_setElementProps = require_setElementProps_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++)
@@ -9582,7 +9638,7 @@ If you meant to do this, you can disable this warning - either change untilMeasu
           }), stateRef.current.hasMeasured = !0;
         })), viewProps = ((_hooks_usePropsTransform = import_setupHooks.hooks.usePropsTransform) === null || _hooks_usePropsTransform === void 0 ? void 0 : _hooks_usePropsTransform.call(import_setupHooks.hooks, elementType, nonTamaguiProps, stateRef, curStateRef.willHydrate)) || nonTamaguiProps, curStateRef.composedRef || (curStateRef.composedRef = (0, import_compose_refs.composeRefs)(function(x) {
           return stateRef.current.host = x;
-        }, forwardedRef)), viewProps.ref = curStateRef.composedRef, process.env.NODE_ENV === "development" && !isReactNative && !isText && import_constants4.isWeb && !isHOC && import_react4.Children.toArray(props.children).forEach(function(item) {
+        }, forwardedRef, import_setElementProps.setElementProps)), viewProps.ref = curStateRef.composedRef, process.env.NODE_ENV === "development" && !isReactNative && !isText && import_constants4.isWeb && !isHOC && import_react4.Children.toArray(props.children).forEach(function(item) {
           typeof item == "string" && item !== `
 ` && console.error("Unexpected text node: ".concat(item, ". A text node cannot be a child of a <View>."));
         }), process.env.NODE_ENV === "development" && time && time(_templateObject13());
@@ -17174,7 +17230,7 @@ var require_Accordion_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(Accordion_exports);
-    var import_jsx_runtime6 = require("react/jsx-runtime"), import_collapsible = require_index_native14(), import_collection = require_index_native17(), import_compose_refs = require_index_native10(), import_constants4 = require_index_native6(), import_helpers = require_index_native7(), import_stacks3 = require_index_native20(), import_text2 = require_index_native22(), import_use_controllable_state = require_index_native9(), import_use_direction = require_index_native23(), import_web = require_index_native13(), React2 = __toESM2(require("react"));
+    var import_jsx_runtime6 = require("react/jsx-runtime"), import_collapsible = require_index_native14(), import_collection = require_index_native17(), import_compose_refs = require_index_native10(), import_constants4 = require_index_native6(), import_helpers = require_index_native7(), import_stacks3 = require_index_native20(), import_text2 = require_index_native22(), import_use_controllable_state = require_index_native9(), import_use_direction = require_index_native23(), import_web = require_index_native13(), import_web2 = require_index_native13(), React2 = __toESM2(require("react"));
     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++)
@@ -17319,7 +17375,7 @@ var require_Accordion_native = __commonJS({
         ].includes(props.type) ? new Error("Invalid prop `type` supplied to `Accordion`. Expected one of `single | multiple`.") : props.type === "multiple" && typeof value == "string" ? new Error("Invalid prop `type` supplied to `Accordion`. Expected `single` when `defaultValue` or `value` is type `string`.") : props.type === "single" && Array.isArray(value) ? new Error("Invalid prop `type` supplied to `Accordion`. Expected `multiple` when `defaultValue` or `value` is type `string[]`.") : null;
       }
     };
-    var _createStyledContext = (0, import_web.createStyledContext)(), AccordionValueProvider = _createStyledContext.Provider, useAccordionValueContext = _createStyledContext.useStyledContext, _createStyledContext1 = (0, import_web.createStyledContext)(), AccordionCollapsibleProvider = _createStyledContext1.Provider, useAccordionCollapsibleContext = _createStyledContext1.useStyledContext, AccordionImplSingle = /* @__PURE__ */ React2.forwardRef(function(props, forwardedRef) {
+    var _createStyledContext = (0, import_web2.createStyledContext)(), AccordionValueProvider = _createStyledContext.Provider, useAccordionValueContext = _createStyledContext.useStyledContext, _createStyledContext1 = (0, import_web2.createStyledContext)(), AccordionCollapsibleProvider = _createStyledContext1.Provider, useAccordionCollapsibleContext = _createStyledContext1.useStyledContext, AccordionImplSingle = /* @__PURE__ */ React2.forwardRef(function(props, forwardedRef) {
       var valueProp = props.value, defaultValue = props.defaultValue, control = props.control, _props_onValueChange = props.onValueChange, onValueChange = _props_onValueChange === void 0 ? function() {
       } : _props_onValueChange, _props_collapsible = props.collapsible, collapsible = _props_collapsible === void 0 ? !1 : _props_collapsible, accordionSingleProps = _object_without_properties5(props, [
         "value",
@@ -17394,7 +17450,7 @@ var require_Accordion_native = __commonJS({
           }))
         })
       });
-    }), _createStyledContext2 = (0, import_web.createStyledContext)(), AccordionImplProvider = _createStyledContext2.Provider, useAccordionContext = _createStyledContext2.useStyledContext, AccordionImpl = /* @__PURE__ */ React2.forwardRef(function(props, forwardedRef) {
+    }), _createStyledContext2 = (0, import_web2.createStyledContext)(), AccordionImplProvider = _createStyledContext2.Provider, useAccordionContext = _createStyledContext2.useStyledContext, AccordionImpl = /* @__PURE__ */ React2.forwardRef(function(props, forwardedRef) {
       var __scopeAccordion = props.__scopeAccordion, disabled = props.disabled, dir = props.dir, _props_orientation = props.orientation, orientation = _props_orientation === void 0 ? "vertical" : _props_orientation, accordionProps = _object_without_properties5(props, [
         "__scopeAccordion",
         "disabled",
@@ -17456,7 +17512,7 @@ var require_Accordion_native = __commonJS({
           }))
         })
       });
-    }), ITEM_NAME = "AccordionItem", _createStyledContext3 = (0, import_web.createStyledContext)(), AccordionItemProvider = _createStyledContext3.Provider, useAccordionItemContext = _createStyledContext3.useStyledContext, AccordionItem = /* @__PURE__ */ React2.forwardRef(function(props, forwardedRef) {
+    }), ITEM_NAME = "AccordionItem", _createStyledContext3 = (0, import_web2.createStyledContext)(), AccordionItemProvider = _createStyledContext3.Provider, useAccordionItemContext = _createStyledContext3.useStyledContext, AccordionItem = /* @__PURE__ */ React2.forwardRef(function(props, forwardedRef) {
       var __scopeAccordion = props.__scopeAccordion, value = props.value, accordionItemProps = _object_without_properties5(props, [
         "__scopeAccordion",
         "value"
@@ -17494,7 +17550,7 @@ var require_Accordion_native = __commonJS({
       }));
     });
     AccordionHeader.displayName = HEADER_NAME;
-    var AccordionTriggerFrame = (0, import_web.styled)(import_collapsible.Collapsible.Trigger, {
+    var AccordionTriggerFrame = (0, import_web2.styled)(import_collapsible.Collapsible.Trigger, {
       variants: {
         unstyled: {
           false: {
@@ -17534,7 +17590,7 @@ var require_Accordion_native = __commonJS({
           ref: forwardedRef
         }))
       });
-    }), AccordionContentFrame = (0, import_web.styled)(import_collapsible.Collapsible.Content, {
+    }), AccordionContentFrame = (0, import_web2.styled)(import_collapsible.Collapsible.Content, {
       variants: {
         unstyled: {
           false: {
@@ -17559,6 +17615,29 @@ var require_Accordion_native = __commonJS({
       }, contentProps), {
         ref: forwardedRef
       }));
+    }), HeightAnimator = import_web.View.styleable(function(props) {
+      var itemContext = useAccordionItemContext(), children = props.children, rest = _object_without_properties5(props, [
+        "children"
+      ]), _React_useState = _sliced_to_array(React2.useState(0), 2), height = _React_useState[0], setHeight = _React_useState[1];
+      React2.useEffect(function() {
+        itemContext.open || setHeight(0);
+      }, [
+        itemContext.open
+      ]);
+      var onLayout = (0, import_web.useEvent)(function(param) {
+        var nativeEvent = param.nativeEvent;
+        nativeEvent.layout.height && setHeight(nativeEvent.layout.height);
+      });
+      return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_web.View, _object_spread_props8(_object_spread9({
+        height
+      }, rest), {
+        children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_web.View, {
+          position: "absolute",
+          //@ts-ignore
+          onLayout,
+          children
+        })
+      }));
     });
     function getState(open) {
       return open ? "open" : "closed";
@@ -17567,7 +17646,8 @@ var require_Accordion_native = __commonJS({
       Trigger: AccordionTrigger,
       Header: AccordionHeader,
       Content: AccordionContent,
-      Item: AccordionItem
+      Item: AccordionItem,
+      HeightAnimator
     });
   }
 });