tamagui 1.79.10 → 1.79.12

package/dist/native.js

@@ -5611,6 +5611,30 @@ var require_withStaticProperties_native = __commonJS({
   }
 });
 
+// ../web/dist/cjs/internalWithTheme.native.js
+var require_internalWithTheme_native = __commonJS({
+  "../web/dist/cjs/internalWithTheme.native.js"(exports, 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), internalWithTheme_exports = {};
+    __export2(internalWithTheme_exports, {
+      internalWithTheme: () => internalWithTheme
+    });
+    module2.exports = __toCommonJS2(internalWithTheme_exports);
+    var import_useTheme = require_useTheme_native(), import_jsx_runtime6 = require("react/jsx-runtime"), internalWithTheme = (Component, styleProvider) => (props) => {
+      let { expressions, ...rest } = props, theme = (0, import_useTheme.useTheme)();
+      return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Component, { style: styleProvider(theme, props.expressions), ...rest });
+    };
+  }
+});
+
 // ../web/dist/cjs/hooks/useThemeName.native.js
 var require_useThemeName_native = __commonJS({
   "../web/dist/cjs/hooks/useThemeName.native.js"(exports, module2) {
@@ -6127,6 +6151,7 @@ var require_index_native9 = __commonJS({
     __reExport2(src_exports2, require_themes_native(), module2.exports);
     __reExport2(src_exports2, require_createShallowSetState_native(), module2.exports);
     __reExport2(src_exports2, require_withStaticProperties_native(), module2.exports);
+    __reExport2(src_exports2, require_internalWithTheme_native(), module2.exports);
     var import_useMedia = require_useMedia_native();
     __reExport2(src_exports2, require_useTheme_native(), module2.exports);
     __reExport2(src_exports2, require_useThemeName_native(), module2.exports);
@@ -8188,7 +8213,7 @@ var require_index_native18 = __commonJS({
     });
     module2.exports = __toCommonJS2(src_exports2);
     var import_get_token2 = require_index_native17(), getButtonSized2 = (val, { tokens, props }) => {
-      if (!val)
+      if (!val || props.circular)
         return;
       if (typeof val == "number")
         return {
@@ -11194,27 +11219,18 @@ var require_Dialog_native = __commonJS({
     DialogDescription.displayName = DESCRIPTION_NAME;
     var CLOSE_NAME = "DialogClose", DialogCloseFrame = (0, import_core13.styled)(import_core13.View, {
       name: CLOSE_NAME,
-      tag: "button",
-      variants: {
-        unstyled: {
-          false: {
-            zIndex: 100
-          }
-        }
-      },
-      defaultVariants: {
-        unstyled: process.env.TAMAGUI_HEADLESS === "1"
-      }
+      tag: "button"
     }), DialogClose = DialogCloseFrame.styleable(
       (props, forwardedRef) => {
         let { __scopeDialog, displayWhenAdapted, ...closeProps } = props, context = useDialogContext(CLOSE_NAME, __scopeDialog, {
           warn: !1,
           fallback: {}
-        });
-        return useShowDialogSheet(context) && !displayWhenAdapted ? null : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+        }), isSheet = useShowDialogSheet(context), isInsideButton = React2.useContext(import_stacks3.ButtonNestingContext);
+        return isSheet && !displayWhenAdapted ? null : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
           DialogCloseFrame,
           {
             accessibilityLabel: "Dialog Close",
+            tag: isInsideButton ? "span" : "button",
             ...closeProps,
             ref: forwardedRef,
             onPress: (0, import_core13.composeEventHandlers)(
@@ -17147,8 +17163,8 @@ var require_helpers_native2 = __commonJS({
       return distances.indexOf(closestDistance);
     }
     function getThumbInBoundsOffset(width, left, direction) {
-      let halfWidth = width / 2, offset2 = linearScale([0, 50], [0, halfWidth]);
-      return (halfWidth - offset2(left) * direction) * direction;
+      let quarterWidth = width / 4, offset2 = linearScale([0, 50], [0, quarterWidth]);
+      return (quarterWidth - offset2(left) * direction) * direction;
     }
     function getStepsBetweenValues(values) {
       return values.slice(0, -1).map((value, index) => values[index + 1] - value);
@@ -17537,61 +17553,63 @@ var require_Slider_native = __commonJS({
       defaultVariants: {
         unstyled: process.env.TAMAGUI_HEADLESS === "1"
       }
-    }), SliderThumb = SliderThumbFrame.styleable(function(props, forwardedRef) {
-      let { __scopeSlider, index, size: sizeProp, ...thumbProps } = props, context = (0, import_constants.useSliderContext)(THUMB_NAME, __scopeSlider), orientation = (0, import_constants.useSliderOrientationContext)(THUMB_NAME, __scopeSlider), [thumb, setThumb] = React2.useState(null), composedRefs = (0, import_compose_refs.useComposedRefs)(
-        forwardedRef,
-        (node) => setThumb(node)
-      ), value = context.values[index], percent = value === void 0 ? 0 : (0, import_helpers2.convertValueToPercentage)(value, context.min, context.max), label = (0, import_helpers2.getLabel)(index, context.values.length), sizeIn = sizeProp ?? context.size ?? "$true", [size2, setSize] = React2.useState(() => (0, import_core13.getVariableValue)(getThumbSize(sizeIn).width)), thumbInBoundsOffset = size2 ? (0, import_helpers2.getThumbInBoundsOffset)(size2, percent, orientation.direction) : 0;
-      React2.useEffect(() => {
-        if (thumb)
-          return context.thumbs.set(thumb, index), () => {
-            context.thumbs.delete(thumb);
-          };
-      }, [thumb, context.thumbs, index]);
-      let positionalStyles = context.orientation === "horizontal" ? {
-        x: thumbInBoundsOffset - size2 / 2,
-        y: -size2 / 2,
-        top: "50%",
-        ...size2 === 0 && {
-          top: "auto",
-          bottom: "auto"
-        }
-      } : {
-        x: -size2 / 2,
-        y: size2 / 2,
-        left: "50%",
-        ...size2 === 0 && {
-          left: "auto",
-          right: "auto"
-        }
-      };
-      return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-        SliderThumbFrame,
-        {
-          ref: composedRefs,
-          role: "slider",
-          "aria-label": props["aria-label"] || label,
-          "aria-valuemin": context.min,
-          "aria-valuenow": value,
-          "aria-valuemax": context.max,
-          "aria-orientation": context.orientation,
-          "data-orientation": context.orientation,
-          "data-disabled": context.disabled ? "" : void 0,
-          tabIndex: context.disabled ? void 0 : 0,
-          animateOnly: ["transform", "left", "top", "right", "bottom"],
-          ...positionalStyles,
-          [orientation.startEdge]: `${percent}%`,
-          size: sizeIn,
-          ...thumbProps,
-          onLayout: (e) => {
-            setSize(e.nativeEvent.layout[orientation.sizeProp]);
-          },
-          onFocus: (0, import_helpers.composeEventHandlers)(props.onFocus, () => {
-            context.valueIndexToChangeRef.current = index;
-          })
-        }
-      );
-    }), SliderComponent = React2.forwardRef(
+    }), SliderThumb = React2.memo(
+      SliderThumbFrame.styleable(function(props, forwardedRef) {
+        let { __scopeSlider, index, size: sizeProp, ...thumbProps } = props, context = (0, import_constants.useSliderContext)(THUMB_NAME, __scopeSlider), orientation = (0, import_constants.useSliderOrientationContext)(THUMB_NAME, __scopeSlider), [thumb, setThumb] = React2.useState(null), composedRefs = (0, import_compose_refs.useComposedRefs)(
+          forwardedRef,
+          (node) => setThumb(node)
+        ), value = context.values[index], percent = value === void 0 ? 0 : (0, import_helpers2.convertValueToPercentage)(value, context.min, context.max), label = (0, import_helpers2.getLabel)(index, context.values.length), sizeIn = sizeProp ?? context.size ?? "$true", [size2, setSize] = React2.useState(() => (0, import_core13.getVariableValue)(getThumbSize(sizeIn).width)), thumbInBoundsOffset = size2 ? (0, import_helpers2.getThumbInBoundsOffset)(size2, percent, orientation.direction) : 0;
+        React2.useEffect(() => {
+          if (thumb)
+            return context.thumbs.set(thumb, index), () => {
+              context.thumbs.delete(thumb);
+            };
+        }, [thumb, context.thumbs, index]);
+        let positionalStyles = context.orientation === "horizontal" ? {
+          x: thumbInBoundsOffset - size2 / 2,
+          y: -size2 / 2,
+          top: "50%",
+          ...size2 === 0 && {
+            top: "auto",
+            bottom: "auto"
+          }
+        } : {
+          x: -size2 / 2,
+          y: size2 / 2,
+          left: "50%",
+          ...size2 === 0 && {
+            left: "auto",
+            right: "auto"
+          }
+        };
+        return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+          SliderThumbFrame,
+          {
+            ref: composedRefs,
+            role: "slider",
+            "aria-label": props["aria-label"] || label,
+            "aria-valuemin": context.min,
+            "aria-valuenow": value,
+            "aria-valuemax": context.max,
+            "aria-orientation": context.orientation,
+            "data-orientation": context.orientation,
+            "data-disabled": context.disabled ? "" : void 0,
+            tabIndex: context.disabled ? void 0 : 0,
+            animateOnly: ["transform", "left", "top", "right", "bottom"],
+            ...positionalStyles,
+            [orientation.startEdge]: `${percent}%`,
+            size: sizeIn,
+            ...thumbProps,
+            onLayout: (e) => {
+              setSize(e.nativeEvent.layout[orientation.sizeProp]);
+            },
+            onFocus: (0, import_helpers.composeEventHandlers)(props.onFocus, () => {
+              context.valueIndexToChangeRef.current = index;
+            })
+          }
+        );
+      })
+    ), SliderComponent = React2.forwardRef(
       (props, forwardedRef) => {
         let {
           name,
@@ -19105,7 +19123,7 @@ var require_index_native67 = __commonJS({
       }, debounced;
     }
     var defaultOpts = { leading: !1 };
-    function useDebounce(fn, wait, options = defaultOpts, mountArgs = []) {
+    function useDebounce(fn, wait, options = defaultOpts, mountArgs = [fn]) {
       let dbEffect = (0, import_react2.useRef)(null);
       return (0, import_react2.useEffect)(() => () => {
         var _a;