tamagui 1.67.0 → 1.68.1

package/dist/native.js

@@ -4625,10 +4625,12 @@ var require_createComponent_native = __commonJS({
             delay: 800,
             ...typeof devVisualizerConfig == "object" ? devVisualizerConfig : {}
           };
-          document.addEventListener("keydown", ({ key, defaultPrevented }) => {
-            defaultPrevented || key === options.key && (clearTimeout(tm), tm = setTimeout(() => {
+          document.addEventListener("blur", () => {
+            clearTimeout(tm);
+          }), document.addEventListener("keydown", ({ key, defaultPrevented }) => {
+            defaultPrevented || (clearTimeout(tm), key === options.key && (tm = setTimeout(() => {
               isShowing = !0, debugKeyListeners == null || debugKeyListeners.forEach((l) => l(!0));
-            }, options.delay));
+            }, options.delay)));
           }), document.addEventListener("keyup", ({ key, defaultPrevented }) => {
             defaultPrevented || key === options.key && (clearTimeout(tm), isShowing && (debugKeyListeners == null || debugKeyListeners.forEach((l) => l(!1))));
           });
@@ -4816,7 +4818,14 @@ var require_createComponent_native = __commonJS({
           keys: mediaListeningKeys
         });
         let isAnimatedReactNativeWeb = hasAnimationProp && isReactNative;
-        if (process.env.NODE_ENV === "development" && debugProp && debugProp !== "profile" && (console.groupCollapsed(">>>"), console.log("props in", propsIn, "mapped to", props, "in order", Object.keys(props)), console.log("splitStyles", splitStyles), console.log("media", { shouldListenForMedia, isMediaArray, mediaListeningKeys }), console.log("className", Object.values(splitStyles.classNames)), import_constants.isClient && console.log("ref", hostRef, "(click to view)"), console.groupEnd(), debugProp === "break"))
+        if (process.env.NODE_ENV === "development" && debugProp && debugProp !== "profile" && (console.groupCollapsed(">>>"), console.log(
+          "props in",
+          propsIn,
+          "mapped to",
+          props,
+          "in order",
+          Object.keys(props)
+        ), console.log("splitStyles", splitStyles), console.log("media", { shouldListenForMedia, isMediaArray, mediaListeningKeys }), console.log("className", Object.values(splitStyles.classNames)), import_constants.isClient && console.log("ref", hostRef, "(click to view)"), console.groupEnd(), debugProp === "break"))
           debugger;
         let {
           viewProps: viewPropsIn,
@@ -12333,6 +12342,24 @@ var require_Checkbox_native = __commonJS({
             }
           }
         },
+        disabled: {
+          true: {
+            pointerEvents: "none",
+            userSelect: "none",
+            cursor: "not-allowed",
+            hoverStyle: {
+              borderColor: "$borderColor",
+              backgroundColor: "$background"
+            },
+            pressStyle: {
+              borderColor: "$borderColor",
+              backgroundColor: "$backgroundColor"
+            },
+            focusStyle: {
+              outlineWidth: 0
+            }
+          }
+        },
         size: {
           "...size": (val, { tokens }) => ({
             borderRadius: (0, import_core12.getVariableValue)((0, import_get_token2.getSize)(val)) / 8
@@ -14457,6 +14484,24 @@ var require_RadioGroup_native = __commonJS({
             }
           }
         },
+        disabled: {
+          true: {
+            pointerEvents: "none",
+            userSelect: "none",
+            cursor: "not-allowed",
+            hoverStyle: {
+              borderColor: "$borderColor",
+              backgroundColor: "$background"
+            },
+            pressStyle: {
+              borderColor: "$borderColor",
+              backgroundColor: "$backgroundColor"
+            },
+            focusStyle: {
+              outlineWidth: 0
+            }
+          }
+        },
         size: {
           "...size": (value, { props }) => {
             let size = Math.floor(
@@ -16175,6 +16220,119 @@ var require_index_native60 = __commonJS({
   }
 });
 
+// ../switch/dist/cjs/SwitchContext.native.js
+var require_SwitchContext_native = __commonJS({
+  "../switch/dist/cjs/SwitchContext.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), SwitchContext_exports = {};
+    __export2(SwitchContext_exports, {
+      SwitchContext: () => SwitchContext
+    });
+    module2.exports = __toCommonJS2(SwitchContext_exports);
+    var import_core12 = require_index_native10(), SwitchContext = (0, import_core12.createStyledContext)({
+      checked: !1,
+      disabled: !1,
+      size: void 0,
+      frameWidth: 0,
+      unstyled: !1
+    });
+  }
+});
+
+// ../switch/dist/cjs/Switch.native.js
+var require_Switch_native = __commonJS({
+  "../switch/dist/cjs/Switch.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), Switch_exports = {};
+    __export2(Switch_exports, {
+      SwitchFrame: () => SwitchFrame,
+      SwitchThumb: () => SwitchThumb
+    });
+    module2.exports = __toCommonJS2(Switch_exports);
+    var import_core12 = require_index_native10(), import_get_token2 = require_index_native18(), import_stacks3 = require_index_native20(), import_SwitchContext = require_SwitchContext_native(), SwitchThumb = (0, import_core12.styled)(import_stacks3.ThemeableStack, {
+      name: "SwitchThumb",
+      context: import_SwitchContext.SwitchContext,
+      variants: {
+        unstyled: {
+          false: {
+            size: "$true",
+            backgroundColor: "$background",
+            borderRadius: 1e3
+          }
+        },
+        size: {
+          "...size": (val) => {
+            let size = getSwitchHeight(val);
+            return {
+              height: size,
+              width: size
+            };
+          }
+        }
+      },
+      defaultVariants: {
+        unstyled: !1
+      }
+    }), getSwitchHeight = (val) => Math.round((0, import_core12.getVariableValue)((0, import_get_token2.getSize)(val)) * 0.65), getSwitchWidth = (val) => getSwitchHeight(val) * 2, SwitchFrame = (0, import_core12.styled)(import_stacks3.YStack, {
+      name: "Switch",
+      tag: "button",
+      context: import_SwitchContext.SwitchContext,
+      variants: {
+        unstyled: {
+          false: {
+            size: "$true",
+            borderRadius: 1e3,
+            borderWidth: 2,
+            borderColor: "transparent",
+            backgroundColor: "$background",
+            focusStyle: {
+              borderColor: "$borderColorFocus",
+              outlineColor: "$borderColorFocus",
+              outlineStyle: "solid",
+              outlineWidth: 1
+            }
+          }
+        },
+        checked: {
+          true: {}
+        },
+        frameWidth: {
+          ":number": () => null
+        },
+        size: {
+          "...size": (val) => {
+            let height = getSwitchHeight(val) + 4, width = getSwitchWidth(val) + 4;
+            return {
+              height,
+              minHeight: height,
+              width
+            };
+          }
+        }
+      },
+      defaultVariants: {
+        unstyled: !1
+      }
+    });
+  }
+});
+
 // ../switch/dist/cjs/createSwitch.native.js
 var require_createSwitch_native = __commonJS({
   "../switch/dist/cjs/createSwitch.native.js"(exports, module2) {
@@ -16196,31 +16354,43 @@ var require_createSwitch_native = __commonJS({
       mod
     )), __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: !0 }), mod), createSwitch_exports = {};
     __export2(createSwitch_exports, {
-      SwitchContext: () => SwitchContext,
       createSwitch: () => createSwitch
     });
     module2.exports = __toCommonJS2(createSwitch_exports);
-    var import_compose_refs = require_index_native6(), import_core12 = require_index_native10(), import_focusable2 = require_index_native44(), import_get_token2 = require_index_native18(), import_label = require_index_native45(), import_use_controllable_state = require_index_native15(), import_use_previous = require_index_native46(), React2 = __toESM2(require("react")), import_react_native4 = require_fake_react_native(), import_jsx_runtime6 = (
+    var import_compose_refs = require_index_native6(), import_core12 = require_index_native10(), import_focusable2 = require_index_native44(), import_get_token2 = require_index_native18(), import_label = require_index_native45(), import_use_controllable_state = require_index_native15(), import_use_previous = require_index_native46(), React2 = __toESM2(require("react")), import_react_native4 = require_fake_react_native(), import_Switch = require_Switch_native(), import_SwitchContext = require_SwitchContext_native(), import_jsx_runtime6 = (
       // @ts-ignore
       require("react/jsx-runtime")
-    ), SwitchContext = (0, import_core12.createStyledContext)({
-      checked: !1,
-      disabled: !1,
-      size: void 0,
-      frameWidth: 0,
-      unstyled: !1
-    });
-    function createSwitch({ Frame, Thumb, acceptsUnstyled }) {
-      let SwitchThumb = Thumb.styleable(function(props, forwardedRef) {
-        let { size: sizeProp, ...thumbProps } = props, { disabled, checked, unstyled, frameWidth } = React2.useContext(SwitchContext), [thumbWidth, setThumbWidth] = React2.useState(0), initialChecked = React2.useRef(checked).current, distance = frameWidth - thumbWidth;
+    );
+    function createSwitch({
+      Frame = import_Switch.SwitchFrame,
+      Thumb = import_Switch.SwitchThumb,
+      acceptsUnstyled
+    }) {
+      process.env.NODE_ENV === "development" && (Frame !== import_Switch.SwitchFrame && Frame.staticConfig.context && console.warn(
+        "Warning: createSwitch() needs to control context to pass checked state from Frame to Thumb, any custom context passed will be overridden."
+      ), Thumb !== import_Switch.SwitchThumb && Thumb.staticConfig.context && console.warn(
+        "Warning: createSwitch() needs to control context to pass checked state from Frame to Thumb, any custom context passed will be overridden."
+      )), Frame.staticConfig.context = import_SwitchContext.SwitchContext, Thumb.staticConfig.context = import_SwitchContext.SwitchContext;
+      let SwitchThumbComponent = Thumb.styleable(function(props, forwardedRef) {
+        let { size: sizeProp, unstyled: unstyledProp, ...thumbProps } = props, context = React2.useContext(import_SwitchContext.SwitchContext), {
+          disabled,
+          checked,
+          unstyled: unstyledContext,
+          frameWidth,
+          size: sizeContext
+        } = context, [thumbWidth, setThumbWidth] = React2.useState(0), initialChecked = React2.useRef(checked).current, distance = frameWidth - thumbWidth, x = initialChecked ? checked ? 0 : -distance : checked ? distance : 0;
         return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
           Thumb,
           {
-            theme: unstyled === !1 && checked ? "active" : null,
+            ...(unstyledProp ?? unstyledContext ?? !1) === !1 && {
+              unstyled: !1,
+              size: sizeProp ?? sizeContext ?? "$true",
+              theme: checked ? "active" : null
+            },
             "data-state": getState(checked),
             "data-disabled": disabled ? "" : void 0,
             alignSelf: initialChecked ? "flex-end" : "flex-start",
-            x: initialChecked ? checked ? 0 : -distance : checked ? distance : 0,
+            x,
             ...thumbProps,
             onLayout: (0, import_core12.composeEventHandlers)(
               props.onLayout,
@@ -16233,8 +16403,8 @@ var require_createSwitch_native = __commonJS({
           }
         );
       }), SwitchComponent = Frame.extractable(
-        React2.forwardRef(function(propsIn, forwardedRef) {
-          let styledContext = React2.useContext(SwitchContext), props = (0, import_core12.useProps)(propsIn), {
+        React2.forwardRef(function SwitchFrame2(propsIn, forwardedRef) {
+          let styledContext = React2.useContext(import_SwitchContext.SwitchContext), props = (0, import_core12.useProps)(propsIn), {
             labeledBy: ariaLabelledby,
             name,
             checked: checkedProp,
@@ -16247,12 +16417,13 @@ var require_createSwitch_native = __commonJS({
             unstyled = styledContext.unstyled ?? !1,
             native: nativeProp,
             nativeProps,
+            children,
             ...switchProps
           } = props, leftBorderWidth = (() => {
             let _;
             for (let key in switchProps)
               (key === "borderWidth" || key === "borderLeftWidth") && (_ = switchProps[key]);
-            return acceptsUnstyled && _ === void 0 && unstyled === !1 && (_ = 2), typeof _ == "string" && (_ = (0, import_core12.getVariableValue)((0, import_get_token2.getSize)(_))), +_;
+            return Frame === SwitchFrame2 && acceptsUnstyled && _ == null && unstyled === !1 && (_ = 2), typeof _ == "string" && (_ = (0, import_core12.getVariableValue)((0, import_get_token2.getSize)(_))), typeof _ == "number" ? _ : 0;
           })(), native = Array.isArray(nativeProp) ? nativeProp : [nativeProp], shouldRenderMobileNative = !import_core12.isWeb && nativeProp === !0 || !import_core12.isWeb && native.includes("mobile") || native.includes("android") && import_react_native4.Platform.OS === "android" || native.includes("ios") && import_react_native4.Platform.OS === "ios", [button, setButton] = React2.useState(null), composedRefs = (0, import_compose_refs.useComposedRefs)(forwardedRef, (node) => setButton(node)), labelId = (0, import_label.useLabelContext)(button), labelledBy = ariaLabelledby || labelId, hasConsumerStoppedPropagationRef = React2.useRef(!1), isFormControl = import_core12.isWeb ? button ? !!button.closest("form") : !0 : !1, [frameWidth, setFrameWidth] = React2.useState(0), [checked = !1, setChecked] = (0, import_use_controllable_state.useControllableState)({
             prop: checkedProp,
             defaultProp: defaultChecked || !1,
@@ -16298,12 +16469,13 @@ var require_createSwitch_native = __commonJS({
                   setChecked((prevChecked) => !prevChecked), import_core12.isWeb && isFormControl && (hasConsumerStoppedPropagationRef.current = event.isPropagationStopped(), hasConsumerStoppedPropagationRef.current || event.stopPropagation());
                 }),
                 onLayout: (0, import_core12.composeEventHandlers)(
+                  // @ts-ignore
                   props.onLayout,
-                  (e) => (
-                    // @ts-ignore
-                    setFrameWidth(e.nativeEvent.layout.width)
-                  )
-                )
+                  (e) => {
+                    setFrameWidth(e.nativeEvent.layout.width);
+                  }
+                ),
+                children: typeof children == "function" ? children(checked) : children
               }
             ),
             import_core12.isWeb && isFormControl && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
@@ -16357,15 +16529,15 @@ var require_createSwitch_native = __commonJS({
         return checked ? "checked" : "unchecked";
       }
       return (0, import_core12.withStaticProperties)(SwitchComponent, {
-        Thumb: SwitchThumb
+        Thumb: SwitchThumbComponent
       });
     }
   }
 });
 
-// ../switch/dist/cjs/Switch.native.js
-var require_Switch_native = __commonJS({
-  "../switch/dist/cjs/Switch.native.js"(exports, module2) {
+// ../switch/dist/cjs/index.native.js
+var require_index_native61 = __commonJS({
+  "../switch/dist/cjs/index.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)
@@ -16375,98 +16547,19 @@ var require_Switch_native = __commonJS({
         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), Switch_exports = {};
-    __export2(Switch_exports, {
-      Switch: () => Switch,
-      SwitchFrame: () => SwitchFrame,
-      SwitchThumb: () => SwitchThumb
-    });
-    module2.exports = __toCommonJS2(Switch_exports);
-    var import_core12 = require_index_native10(), import_get_token2 = require_index_native18(), import_stacks3 = require_index_native20(), import_createSwitch = require_createSwitch_native(), SwitchThumb = (0, import_core12.styled)(import_stacks3.ThemeableStack, {
-      name: "SwitchThumb",
-      context: import_createSwitch.SwitchContext,
-      variants: {
-        unstyled: {
-          false: {
-            size: "$true",
-            backgroundColor: "$background",
-            borderRadius: 1e3
-          }
-        },
-        size: {
-          "...size": (val) => {
-            let size = getSwitchHeight(val);
-            return {
-              height: size,
-              width: size
-            };
-          }
-        }
-      },
-      defaultVariants: {
-        unstyled: !1
-      }
-    }), getSwitchHeight = (val) => Math.round((0, import_core12.getVariableValue)((0, import_get_token2.getSize)(val)) * 0.65), getSwitchWidth = (val) => getSwitchHeight(val) * 2, SwitchFrame = (0, import_core12.styled)(import_stacks3.YStack, {
-      name: "Switch",
-      tag: "button",
-      context: import_createSwitch.SwitchContext,
-      variants: {
-        unstyled: {
-          false: {
-            size: "$true",
-            borderRadius: 1e3,
-            borderWidth: 2,
-            borderColor: "transparent",
-            backgroundColor: "$background",
-            focusStyle: {
-              borderColor: "$borderColorFocus",
-              outlineColor: "$borderColorFocus",
-              outlineStyle: "solid",
-              outlineWidth: 1
-            }
-          }
-        },
-        checked: {
-          true: {}
-        },
-        frameWidth: {
-          ":number": () => null
-        },
-        size: {
-          "...size": (val) => {
-            let height = getSwitchHeight(val) + 4, width = getSwitchWidth(val) + 4;
-            return {
-              height,
-              minHeight: height,
-              width
-            };
-          }
-        }
-      },
-      defaultVariants: {
-        unstyled: !1
-      }
-    }), Switch = (0, import_createSwitch.createSwitch)({
-      Frame: SwitchFrame,
-      Thumb: SwitchThumb,
-      acceptsUnstyled: !0
-    });
-  }
-});
-
-// ../switch/dist/cjs/index.native.js
-var require_index_native61 = __commonJS({
-  "../switch/dist/cjs/index.native.js"(exports, module2) {
-    "use strict";
-    var __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __hasOwnProp2 = Object.prototype.hasOwnProperty, __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;
     }, __reExport2 = (target, mod, secondTarget) => (__copyProps2(target, mod, "default"), secondTarget && __copyProps2(secondTarget, mod, "default")), __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: !0 }), mod), src_exports2 = {};
+    __export2(src_exports2, {
+      Switch: () => Switch
+    });
     module2.exports = __toCommonJS2(src_exports2);
+    var import_createSwitch = require_createSwitch_native(), import_Switch = require_Switch_native();
     __reExport2(src_exports2, require_Switch_native(), module2.exports);
     __reExport2(src_exports2, require_createSwitch_native(), module2.exports);
+    var Switch = (0, import_createSwitch.createSwitch)({
+      Frame: import_Switch.SwitchFrame,
+      Thumb: import_Switch.SwitchThumb,
+      acceptsUnstyled: !0
+    });
   }
 });