tamagui 1.88.7 → 1.88.8

package/dist/native.js

@@ -6636,7 +6636,13 @@ var require_Collapsible_native = __commonJS({
       name: CONTENT_NAME
     }), CollapsibleContent = CollapsibleContentFrame.styleable(
       (props, forwardedRef) => {
-        let { forceMount, children, __scopeCollapsible, ...contentProps } = props, context = useCollapsibleContext(__scopeCollapsible);
+        let {
+          forceMount,
+          children,
+          // @ts-expect-error
+          __scopeCollapsible,
+          ...contentProps
+        } = props, context = useCollapsibleContext(__scopeCollapsible);
         return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_animate_presence.AnimatePresence, { ...contentProps, children: forceMount || context.open ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(CollapsibleContentFrame, { ref: forwardedRef, ...contentProps, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_animate_presence.ResetPresence, { children }) }) : null });
       }
     );
@@ -16090,6 +16096,7 @@ var require_Progress_native = __commonJS({
     }), Progress = (0, import_helpers.withStaticProperties)(
       ProgressFrame.styleable(function(props, forwardedRef) {
         let {
+          // @ts-expect-error
           __scopeProgress,
           value: valueProp,
           max: maxProp,
@@ -16626,6 +16633,61 @@ var require_index_native60 = __commonJS({
   }
 });
 
+// ../use-debounce/dist/cjs/index.native.js
+var require_index_native61 = __commonJS({
+  "../use-debounce/dist/cjs/index.native.js"(exports2, module2) {
+    "use strict";
+    var __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __hasOwnProp2 = Object.prototype.hasOwnProperty, __export2 = (target, all) => {
+      for (var name in all)
+        __defProp2(target, name, { get: all[name], enumerable: !0 });
+    }, __copyProps2 = (to, from, except, desc) => {
+      if (from && typeof from == "object" || typeof from == "function")
+        for (let key of __getOwnPropNames2(from))
+          !__hasOwnProp2.call(to, key) && key !== except && __defProp2(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc2(from, key)) || desc.enumerable });
+      return to;
+    }, __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: !0 }), mod), src_exports2 = {};
+    __export2(src_exports2, {
+      debounce: () => debounce,
+      useDebounce: () => useDebounce,
+      useDebounceValue: () => useDebounceValue
+    });
+    module2.exports = __toCommonJS2(src_exports2);
+    var import_react2 = require("react");
+    function debounce(func, wait, leading) {
+      let timeout, isCancelled = !1;
+      function debounced() {
+        isCancelled = !1;
+        let args = arguments;
+        leading && !timeout && func.apply(this, args), clearTimeout(timeout), timeout = setTimeout(() => {
+          timeout = null, leading || isCancelled || func.apply(this, args), isCancelled = !1;
+        }, wait);
+      }
+      return debounced.cancel = () => {
+        isCancelled = !0;
+      }, debounced;
+    }
+    var defaultOpts = { leading: !1 };
+    function useDebounce(fn, wait, options = defaultOpts, mountArgs = [fn]) {
+      let dbEffect = (0, import_react2.useRef)(null);
+      return (0, import_react2.useEffect)(() => () => {
+        var _a;
+        (_a = dbEffect.current) == null || _a.cancel();
+      }, []), (0, import_react2.useMemo)(() => (dbEffect.current = debounce(fn, wait, options.leading), dbEffect.current), [options.leading, ...mountArgs]);
+    }
+    function useDebounceValue(val, amt = 0) {
+      let [state, setState] = (0, import_react2.useState)(val);
+      return (0, import_react2.useEffect)(() => {
+        let tm = setTimeout(() => {
+          setState((prev) => prev === val ? prev : val);
+        }, amt);
+        return () => {
+          clearTimeout(tm);
+        };
+      }, [val]), state;
+    }
+  }
+});
+
 // ../select/dist/cjs/constants.native.js
 var require_constants_native4 = __commonJS({
   "../select/dist/cjs/constants.native.js"(exports2, module2) {
@@ -16786,10 +16848,10 @@ var require_SelectItem_native = __commonJS({
           size: size2,
           onActiveChange,
           initialValue
-        } = context, [isSelected, setSelected] = React2.useState(initialValue === value), [isActive, setActive] = React2.useState(!1);
+        } = context, [isSelected, setSelected] = React2.useState(initialValue === value);
         React2.useEffect(() => activeIndexSubscribe((i) => {
-          let isActive2 = index === i;
-          setActive(isActive2), isActive2 && onActiveChange(value, index);
+          var _a;
+          index === i && (onActiveChange(value, index), (_a = listRef == null ? void 0 : listRef.current[index]) == null || _a.focus());
         }), [index]), React2.useEffect(() => valueSubscribe((val) => {
           setSelected(val === value);
         }), [value]);
@@ -16823,10 +16885,7 @@ var require_SelectItem_native = __commonJS({
         }) : {
           onPress: handleSelect
         }, [handleSelect]);
-        return (0, import_constants4.useIsomorphicLayoutEffect)(() => {
-          var _a;
-          isActive && ((_a = listRef == null ? void 0 : listRef.current[index]) == null || _a.focus());
-        }, [isActive]), /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
           SelectItemContextProvider,
           {
             scope: __scopeSelect,
@@ -16851,7 +16910,13 @@ var require_SelectItem_native = __commonJS({
                   hoverTheme: !0,
                   cursor: "default",
                   size: size2,
-                  outlineOffset: -1
+                  outlineOffset: -1,
+                  focusStyle: {
+                    outlineColor: "$outlineColor",
+                    outlineWidth: 2,
+                    outlineStyle: "solid",
+                    outlineOffset: -2
+                  }
                 },
                 ...listItemProps,
                 ...selectItemProps
@@ -17111,7 +17176,7 @@ var require_Select_native = __commonJS({
       SelectSeparator: () => SelectSeparator
     });
     module2.exports = __toCommonJS2(Select_exports);
-    var import_adapt = require_index_native25(), import_compose_refs = require_index_native10(), import_constants4 = require_index_native6(), import_core13 = require_index_native16(), import_get_token2 = require_index_native18(), import_helpers = require_index_native7(), import_list_item = require_index_native52(), import_portal2 = require_index_native30(), import_separator = require_index_native60(), import_sheet = require_index_native34(), import_stacks3 = require_index_native20(), import_text2 = require_index_native22(), import_use_controllable_state = require_index_native9(), React2 = __toESM2(require("react")), import_constants22 = require_constants_native4(), import_context = require_context_native(), import_SelectContent = require_SelectContent_native(), import_SelectImpl = require_SelectImpl_native(), import_SelectItem = require_SelectItem_native(), import_SelectItemText = require_SelectItemText_native(), import_SelectScrollButton = require_SelectScrollButton_native(), import_SelectTrigger = require_SelectTrigger_native(), import_SelectViewport = require_SelectViewport_native(), import_useSelectBreakpointActive = require_useSelectBreakpointActive_native(), import_jsx_runtime6 = require("react/jsx-runtime"), VALUE_NAME = "SelectValue", SelectValueFrame = (0, import_core13.styled)(import_text2.SizableText, {
+    var import_adapt = require_index_native25(), import_compose_refs = require_index_native10(), import_constants4 = require_index_native6(), import_core13 = require_index_native16(), import_get_token2 = require_index_native18(), import_helpers = require_index_native7(), import_list_item = require_index_native52(), import_portal2 = require_index_native30(), import_separator = require_index_native60(), import_sheet = require_index_native34(), import_stacks3 = require_index_native20(), import_text2 = require_index_native22(), import_use_controllable_state = require_index_native9(), React2 = __toESM2(require("react")), import_use_debounce = require_index_native61(), import_constants22 = require_constants_native4(), import_context = require_context_native(), import_SelectContent = require_SelectContent_native(), import_SelectImpl = require_SelectImpl_native(), import_SelectItem = require_SelectItem_native(), import_SelectItemText = require_SelectItemText_native(), import_SelectScrollButton = require_SelectScrollButton_native(), import_SelectTrigger = require_SelectTrigger_native(), import_SelectViewport = require_SelectViewport_native(), import_useSelectBreakpointActive = require_useSelectBreakpointActive_native(), import_jsx_runtime6 = require("react/jsx-runtime"), VALUE_NAME = "SelectValue", SelectValueFrame = (0, import_core13.styled)(import_text2.SizableText, {
       name: VALUE_NAME,
       userSelect: "none"
     }), SelectValue = SelectValueFrame.styleable(
@@ -17306,7 +17371,14 @@ var require_Select_native = __commonJS({
         (0, import_constants4.useIsomorphicLayoutEffect)(() => {
           selectedIndexRef.current = selectedIndex, activeIndexRef.current = activeIndex;
         });
-        let shouldRenderWebNative = import_constants4.isWeb && (native === !0 || native === "web" || Array.isArray(native) && native.includes("web"));
+        let shouldRenderWebNative = import_constants4.isWeb && (native === !0 || native === "web" || Array.isArray(native) && native.includes("web")), setActiveIndexDebounced = (0, import_use_debounce.useDebounce)(
+          (index) => {
+            setActiveIndex((prev) => prev !== index ? (typeof index == "number" && emitActiveIndex(index), index) : prev);
+          },
+          1,
+          {},
+          []
+        );
         return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(AdaptProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
           import_context.SelectItemParentProvider,
           {
@@ -17344,9 +17416,7 @@ var require_Select_native = __commonJS({
                 sheetBreakpoint,
                 activeIndex,
                 selectedIndex,
-                setActiveIndex: React2.useCallback((index) => {
-                  setActiveIndex((prev) => prev !== index ? (typeof index == "number" && emitActiveIndex(index), index) : prev);
-                }, []),
+                setActiveIndex: setActiveIndexDebounced,
                 value,
                 open,
                 native,
@@ -17399,7 +17469,7 @@ var require_Select_native = __commonJS({
 });
 
 // ../select/dist/cjs/index.native.js
-var require_index_native61 = __commonJS({
+var require_index_native62 = __commonJS({
   "../select/dist/cjs/index.native.js"(exports2, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __hasOwnProp2 = Object.prototype.hasOwnProperty, __copyProps2 = (to, from, except, desc) => {
@@ -18059,7 +18129,7 @@ var require_Slider_native = __commonJS({
 });
 
 // ../slider/dist/cjs/index.native.js
-var require_index_native62 = __commonJS({
+var require_index_native63 = __commonJS({
   "../slider/dist/cjs/index.native.js"(exports2, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __hasOwnProp2 = Object.prototype.hasOwnProperty, __export2 = (target, all) => {
@@ -18415,7 +18485,7 @@ var require_createSwitch_native = __commonJS({
 });
 
 // ../switch/dist/cjs/index.native.js
-var require_index_native63 = __commonJS({
+var require_index_native64 = __commonJS({
   "../switch/dist/cjs/index.native.js"(exports2, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __hasOwnProp2 = Object.prototype.hasOwnProperty, __export2 = (target, all) => {
@@ -18716,7 +18786,7 @@ var require_Tabs_native = __commonJS({
 });
 
 // ../tabs/dist/cjs/index.native.js
-var require_index_native64 = __commonJS({
+var require_index_native65 = __commonJS({
   "../tabs/dist/cjs/index.native.js"(exports2, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __hasOwnProp2 = Object.prototype.hasOwnProperty, __copyProps2 = (to, from, except, desc) => {
@@ -18910,7 +18980,7 @@ var require_replaceTheme_native = __commonJS({
 });
 
 // ../theme/dist/cjs/index.native.js
-var require_index_native65 = __commonJS({
+var require_index_native66 = __commonJS({
   "../theme/dist/cjs/index.native.js"(exports2, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __hasOwnProp2 = Object.prototype.hasOwnProperty, __export2 = (target, all) => {
@@ -19297,7 +19367,7 @@ var require_ToggleGroup_native = __commonJS({
 });
 
 // ../toggle-group/dist/cjs/index.native.js
-var require_index_native66 = __commonJS({
+var require_index_native67 = __commonJS({
   "../toggle-group/dist/cjs/index.native.js"(exports2, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __hasOwnProp2 = Object.prototype.hasOwnProperty, __copyProps2 = (to, from, except, desc) => {
@@ -19360,7 +19430,7 @@ var require_TooltipSimple_native = __commonJS({
 });
 
 // ../tooltip/dist/cjs/index.native.js
-var require_index_native67 = __commonJS({
+var require_index_native68 = __commonJS({
   "../tooltip/dist/cjs/index.native.js"(exports2, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __hasOwnProp2 = Object.prototype.hasOwnProperty, __copyProps2 = (to, from, except, desc) => {
@@ -19375,61 +19445,6 @@ var require_index_native67 = __commonJS({
   }
 });
 
-// ../use-debounce/dist/cjs/index.native.js
-var require_index_native68 = __commonJS({
-  "../use-debounce/dist/cjs/index.native.js"(exports2, module2) {
-    "use strict";
-    var __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __hasOwnProp2 = Object.prototype.hasOwnProperty, __export2 = (target, all) => {
-      for (var name in all)
-        __defProp2(target, name, { get: all[name], enumerable: !0 });
-    }, __copyProps2 = (to, from, except, desc) => {
-      if (from && typeof from == "object" || typeof from == "function")
-        for (let key of __getOwnPropNames2(from))
-          !__hasOwnProp2.call(to, key) && key !== except && __defProp2(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc2(from, key)) || desc.enumerable });
-      return to;
-    }, __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: !0 }), mod), src_exports2 = {};
-    __export2(src_exports2, {
-      debounce: () => debounce,
-      useDebounce: () => useDebounce,
-      useDebounceValue: () => useDebounceValue
-    });
-    module2.exports = __toCommonJS2(src_exports2);
-    var import_react2 = require("react");
-    function debounce(func, wait, leading) {
-      let timeout, isCancelled = !1;
-      function debounced() {
-        isCancelled = !1;
-        let args = arguments;
-        leading && !timeout && func.apply(this, args), clearTimeout(timeout), timeout = setTimeout(() => {
-          timeout = null, leading || isCancelled || func.apply(this, args), isCancelled = !1;
-        }, wait);
-      }
-      return debounced.cancel = () => {
-        isCancelled = !0;
-      }, debounced;
-    }
-    var defaultOpts = { leading: !1 };
-    function useDebounce(fn, wait, options = defaultOpts, mountArgs = [fn]) {
-      let dbEffect = (0, import_react2.useRef)(null);
-      return (0, import_react2.useEffect)(() => () => {
-        var _a;
-        (_a = dbEffect.current) == null || _a.cancel();
-      }, []), (0, import_react2.useMemo)(() => (dbEffect.current = debounce(fn, wait, options.leading), dbEffect.current), [options.leading, ...mountArgs]);
-    }
-    function useDebounceValue(val, amt = 0) {
-      let [state, setState] = (0, import_react2.useState)(val);
-      return (0, import_react2.useEffect)(() => {
-        let tm = setTimeout(() => {
-          setState((prev) => prev === val ? prev : val);
-        }, amt);
-        return () => {
-          clearTimeout(tm);
-        };
-      }, [val]), state;
-    }
-  }
-});
-
 // ../use-window-dimensions/dist/cjs/index.native.js
 var require_index_native69 = __commonJS({
   "../use-window-dimensions/dist/cjs/index.native.js"(exports2, module2) {
@@ -19649,20 +19664,20 @@ __reExport(src_exports, __toESM(require_index_native30()), module.exports);
 __reExport(src_exports, __toESM(require_index_native57()), module.exports);
 __reExport(src_exports, __toESM(require_index_native59()), module.exports);
 __reExport(src_exports, __toESM(require_index_native33()), module.exports);
-__reExport(src_exports, __toESM(require_index_native61()), module.exports);
+__reExport(src_exports, __toESM(require_index_native62()), module.exports);
 __reExport(src_exports, __toESM(require_index_native60()), module.exports);
 __reExport(src_exports, __toESM(require_index_native38()), module.exports);
 __reExport(src_exports, __toESM(require_index_native34()), module.exports);
-__reExport(src_exports, __toESM(require_index_native62()), module.exports);
-__reExport(src_exports, __toESM(require_index_native20()), module.exports);
 __reExport(src_exports, __toESM(require_index_native63()), module.exports);
+__reExport(src_exports, __toESM(require_index_native20()), module.exports);
 __reExport(src_exports, __toESM(require_index_native64()), module.exports);
-__reExport(src_exports, __toESM(require_index_native22()), module.exports);
 __reExport(src_exports, __toESM(require_index_native65()), module.exports);
+__reExport(src_exports, __toESM(require_index_native22()), module.exports);
 __reExport(src_exports, __toESM(require_index_native66()), module.exports);
 __reExport(src_exports, __toESM(require_index_native67()), module.exports);
-__reExport(src_exports, __toESM(require_index_native9()), module.exports);
 __reExport(src_exports, __toESM(require_index_native68()), module.exports);
+__reExport(src_exports, __toESM(require_index_native9()), module.exports);
+__reExport(src_exports, __toESM(require_index_native61()), module.exports);
 __reExport(src_exports, __toESM(require_index_native()), module.exports);
 __reExport(src_exports, __toESM(require_index_native69()), module.exports);
 __reExport(src_exports, __toESM(require_index_native70()), module.exports);