tamagui 1.95.2 → 1.96.0

package/dist/test.native.js

@@ -6709,7 +6709,8 @@ var require_skipProps_native = __commonJS({
       outlineStyle: 1,
       outlineOffset: 1,
       outlineWidth: 1,
-      outlineColor: 1
+      outlineColor: 1,
+      scrollbarWidth: 1
     });
   }
 });
@@ -8391,6 +8392,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) {
@@ -8474,7 +8530,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++)
@@ -8814,7 +8870,7 @@ var require_createComponent_native = __commonJS({
           }), 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;
+        }, forwardedRef, import_setElementProps.setElementProps)), viewProps.ref = curStateRef.composedRef;
         var pseudoGroups = splitStyles.pseudoGroups, mediaGroups = splitStyles.mediaGroups, unPress = function() {
           return setStateShallow({
             press: !1,
@@ -16311,7 +16367,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++)
@@ -16456,7 +16512,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",
@@ -16531,7 +16587,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",
@@ -16593,7 +16649,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"
@@ -16631,7 +16687,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: {
@@ -16671,7 +16727,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: {
@@ -16696,6 +16752,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";
@@ -16704,7 +16783,8 @@ var require_Accordion_native = __commonJS({
       Trigger: AccordionTrigger,
       Header: AccordionHeader,
       Content: AccordionContent,
-      Item: AccordionItem
+      Item: AccordionItem,
+      HeightAnimator
     });
   }
 });
@@ -23574,14 +23654,14 @@ var require_registerFocusable_native = __commonJS({
         return focusFocusable;
       },
       registerFocusable: function() {
-        return registerFocusable3;
+        return registerFocusable2;
       },
       unregisterFocusable: function() {
         return unregisterFocusable;
       }
     });
     module2.exports = __toCommonJS2(registerFocusable_native_exports);
-    var InputsMap = /* @__PURE__ */ new Map(), registerFocusable3 = function(id, input) {
+    var InputsMap = /* @__PURE__ */ new Map(), registerFocusable2 = function(id, input) {
       return InputsMap.set(id, input), function() {
         InputsMap.delete(id);
       };
@@ -25354,7 +25434,7 @@ var require_use_sync_external_store_shim_native_development = __commonJS({
       function is(x, y) {
         return x === y && (x !== 0 || 1 / x === 1 / y) || x !== x && y !== y;
       }
-      var objectIs = typeof Object.is == "function" ? Object.is : is, useState = React2.useState, useEffect3 = React2.useEffect, useLayoutEffect = React2.useLayoutEffect, useDebugValue2 = React2.useDebugValue, didWarnOld18Alpha = !1, didWarnUncachedGetSnapshot = !1;
+      var objectIs = typeof Object.is == "function" ? Object.is : is, useState = React2.useState, useEffect2 = React2.useEffect, useLayoutEffect = React2.useLayoutEffect, useDebugValue2 = React2.useDebugValue, didWarnOld18Alpha = !1, didWarnUncachedGetSnapshot = !1;
       function useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot) {
         didWarnOld18Alpha || React2.startTransition !== void 0 && (didWarnOld18Alpha = !0, error("You are using an outdated, pre-release alpha of React 18 that does not support useSyncExternalStore. The use-sync-external-store shim will not work correctly. Upgrade to a newer pre-release."));
         var value = getSnapshot();
@@ -25376,7 +25456,7 @@ var require_use_sync_external_store_shim_native_development = __commonJS({
           subscribe,
           value,
           getSnapshot
-        ]), useEffect3(function() {
+        ]), useEffect2(function() {
           checkIfSnapshotChanged(inst) && forceUpdate({
             inst
           });
@@ -25424,7 +25504,7 @@ var require_with_selector_development = __commonJS({
       function is(x, y) {
         return x === y && (x !== 0 || 1 / x === 1 / y) || x !== x && y !== y;
       }
-      var objectIs = typeof Object.is == "function" ? Object.is : is, useSyncExternalStore = shim.useSyncExternalStore, useRef3 = React2.useRef, useEffect3 = React2.useEffect, useMemo = React2.useMemo, useDebugValue2 = React2.useDebugValue;
+      var objectIs = typeof Object.is == "function" ? Object.is : is, useSyncExternalStore = shim.useSyncExternalStore, useRef3 = React2.useRef, useEffect2 = React2.useEffect, useMemo = React2.useMemo, useDebugValue2 = React2.useDebugValue;
       function useSyncExternalStoreWithSelector2(subscribe, getSnapshot, getServerSnapshot, selector, isEqual) {
         var instRef = useRef3(null), inst;
         instRef.current === null ? (inst = {
@@ -25463,7 +25543,7 @@ var require_with_selector_development = __commonJS({
           selector,
           isEqual
         ]), getSelection = _useMemo[0], getServerSelection = _useMemo[1], value = useSyncExternalStore(subscribe, getSelection, getServerSelection);
-        return useEffect3(function() {
+        return useEffect2(function() {
           inst.hasValue = !0, inst.value = value;
         }, [
           value
@@ -37873,20 +37953,7 @@ var defaultStyles = _object_spread_props6(_object_spread6({
   }
 }), Input = InputFrame.styleable(function(propsIn, forwardedRef) {
   var ref = (0, import_react2.useRef)(null), composedRefs = (0, import_core7.useComposedRefs)(forwardedRef, ref), props = useInputProps(propsIn, composedRefs);
-  return (0, import_react2.useEffect)(function() {
-    if (props.id && !props.disabled)
-      return (0, import_focusable.registerFocusable)(props.id, {
-        focusAndSelect: function() {
-          var _ref_current;
-          (_ref_current = ref.current) === null || _ref_current === void 0 || _ref_current.focus();
-        },
-        focus: function() {
-        }
-      });
-  }, [
-    props.id,
-    props.disabled
-  ]), /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(InputFrame, _object_spread6({}, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(InputFrame, _object_spread6({}, props));
 });
 function useInputProps(props, ref) {
   var _theme_placeholderColorProp, _theme_placeholderColor, theme = (0, import_core7.useTheme)(), _useFocusable = (0, import_focusable.useFocusable)({