@tamagui/switch 1.116.0 → 1.116.2

package/dist/cjs/StyledContext.js

@@ -0,0 +1,25 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: !0 });
+}, __copyProps = (to, from, except, desc) => {
+  if (from && typeof from == "object" || typeof from == "function")
+    for (let key of __getOwnPropNames(from))
+      !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
+var StyledContext_exports = {};
+__export(StyledContext_exports, {
+  SwitchStyledContext: () => SwitchStyledContext
+});
+module.exports = __toCommonJS(StyledContext_exports);
+var import_core = require("@tamagui/core");
+const SwitchStyledContext = (0, import_core.createStyledContext)({
+  size: void 0,
+  unstyled: process.env.TAMAGUI_HEADLESS === "1"
+});
+//# sourceMappingURL=StyledContext.js.map

package/dist/cjs/Switch.js

@@ -0,0 +1,84 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: !0 });
+}, __copyProps = (to, from, except, desc) => {
+  if (from && typeof from == "object" || typeof from == "function")
+    for (let key of __getOwnPropNames(from))
+      !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
+var Switch_exports = {};
+__export(Switch_exports, {
+  SwitchFrame: () => SwitchFrame,
+  SwitchThumb: () => SwitchThumb
+});
+module.exports = __toCommonJS(Switch_exports);
+var import_core = require("@tamagui/core"), import_get_token = require("@tamagui/get-token"), import_stacks = require("@tamagui/stacks");
+const SwitchThumb = (0, import_core.styled)(import_stacks.ThemeableStack, {
+  name: "SwitchThumb",
+  variants: {
+    unstyled: {
+      false: {
+        size: "$true",
+        backgroundColor: "$background",
+        borderRadius: 1e3
+      }
+    },
+    checked: {
+      true: {}
+    },
+    size: {
+      "...size": (val) => {
+        const size = getSwitchHeight(val);
+        return {
+          height: size,
+          width: size
+        };
+      }
+    }
+  },
+  defaultVariants: {
+    unstyled: process.env.TAMAGUI_HEADLESS === "1"
+  }
+}), getSwitchHeight = (val) => Math.round((0, import_core.getVariableValue)((0, import_get_token.getSize)(val)) * 0.65), getSwitchWidth = (val) => getSwitchHeight(val) * 2, SwitchFrame = (0, import_core.styled)(import_stacks.YStack, {
+  name: "Switch",
+  tag: "button",
+  tabIndex: 0,
+  variants: {
+    unstyled: {
+      false: {
+        borderRadius: 1e3,
+        backgroundColor: "$background",
+        borderWidth: 2,
+        borderColor: "$background",
+        focusVisibleStyle: {
+          outlineColor: "$outlineColor",
+          outlineStyle: "solid",
+          outlineWidth: 2
+        }
+      }
+    },
+    checked: {
+      true: {}
+    },
+    size: {
+      "...size": (val) => {
+        const height = getSwitchHeight(val) + 4, width = getSwitchWidth(val) + 4;
+        return {
+          height,
+          minHeight: height,
+          width
+        };
+      }
+    }
+  },
+  defaultVariants: {
+    unstyled: process.env.TAMAGUI_HEADLESS === "1"
+  }
+});
+//# sourceMappingURL=Switch.js.map

package/dist/cjs/createSwitch.js

@@ -0,0 +1,145 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf, __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: !0 });
+}, __copyProps = (to, from, except, desc) => {
+  if (from && typeof from == "object" || typeof from == "function")
+    for (let key of __getOwnPropNames(from))
+      !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: !0 }) : target,
+  mod
+)), __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
+var createSwitch_exports = {};
+__export(createSwitch_exports, {
+  SwitchContext: () => SwitchContext,
+  createSwitch: () => createSwitch
+});
+module.exports = __toCommonJS(createSwitch_exports);
+var import_core = require("@tamagui/core"), import_focusable = require("@tamagui/focusable"), import_switch_headless = require("@tamagui/switch-headless"), import_use_controllable_state = require("@tamagui/use-controllable-state"), React = __toESM(require("react")), import_react_native = require("react-native-web"), import_StyledContext = require("./StyledContext"), import_Switch = require("./Switch"), import_jsx_runtime = require("react/jsx-runtime");
+const SwitchContext = React.createContext({
+  checked: !1,
+  disabled: !1,
+  frameWidth: 0
+});
+function createSwitch(createProps) {
+  const {
+    disableActiveTheme,
+    Frame = import_Switch.SwitchFrame,
+    Thumb = import_Switch.SwitchThumb
+  } = createProps;
+  process.env.NODE_ENV === "development" && (Frame !== import_Switch.SwitchFrame && Frame.staticConfig.context && Frame.staticConfig.context !== import_StyledContext.SwitchStyledContext || Thumb !== import_Switch.SwitchThumb && Thumb.staticConfig.context && Thumb.staticConfig.context !== import_StyledContext.SwitchStyledContext) && 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_StyledContext.SwitchStyledContext, Thumb.staticConfig.context = import_StyledContext.SwitchStyledContext;
+  const SwitchThumbComponent = Thumb.styleable(
+    function(props, forwardedRef) {
+      const { size: sizeProp, unstyled: unstyledProp, nativeID, ...thumbProps } = props, context = React.useContext(SwitchContext), { checked, disabled, frameWidth } = context, styledContext = import_StyledContext.SwitchStyledContext.useStyledContext(), { unstyled: unstyledContext, size: sizeContext } = styledContext, unstyled = process.env.TAMAGUI_HEADLESS === "1" ? !0 : unstyledProp ?? unstyledContext ?? !1, size = sizeProp ?? sizeContext ?? "$true", initialChecked = React.useRef(checked).current, [thumbWidth, setThumbWidth] = React.useState(0), distance = frameWidth - thumbWidth, x = initialChecked ? checked ? 0 : -distance : checked ? distance : 0;
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        Thumb,
+        {
+          ref: forwardedRef,
+          unstyled,
+          ...unstyled === !1 && {
+            size,
+            ...!disableActiveTheme && {
+              theme: checked ? "active" : null
+            }
+          },
+          alignSelf: initialChecked ? "flex-end" : "flex-start",
+          x,
+          onLayout: (0, import_core.composeEventHandlers)(
+            props.onLayout,
+            (e) => setThumbWidth(e.nativeEvent.layout.width)
+          ),
+          checked,
+          disabled,
+          ...thumbProps
+        }
+      );
+    }
+  ), SwitchComponent = Frame.styleable(
+    function(_props, forwardedRef) {
+      const {
+        native,
+        nativeProps,
+        checked: checkedProp,
+        defaultChecked,
+        onCheckedChange,
+        ...props
+      } = _props, [checked, setChecked] = (0, import_use_controllable_state.useControllableState)({
+        prop: checkedProp,
+        defaultProp: defaultChecked || !1,
+        onChange: onCheckedChange,
+        transition: !0
+      }), styledContext = React.useContext(import_StyledContext.SwitchStyledContext.context), [frameWidth, setFrameWidth] = React.useState(0), propsActive = (0, import_core.useProps)(props, {
+        noNormalize: !0,
+        noExpand: !0,
+        resolveValues: "none",
+        forComponent: Frame
+      }), { switchProps, bubbleInput, switchRef } = (0, import_switch_headless.useSwitch)(
+        // @ts-ignore
+        Object.assign(
+          {
+            size: styledContext.size ?? props.size ?? "$true",
+            unstyled: styledContext.unstyled ?? props.unstyled ?? !1
+          },
+          propsActive
+        ),
+        [checked, setChecked],
+        forwardedRef
+      ), renderNative = (0, import_core.shouldRenderNativePlatform)(native);
+      return renderNative === "android" || renderNative === "ios" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native.Switch, { value: checked, onValueChange: setChecked, ...nativeProps }) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+        SwitchContext.Provider,
+        {
+          value: { checked, disabled: switchProps.disabled, frameWidth },
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              Frame,
+              {
+                ref: switchRef,
+                tag: "button",
+                ...import_core.isWeb && { type: "button" },
+                ...switchProps,
+                ...!disableActiveTheme && {
+                  theme: checked ? "active" : null,
+                  themeShallow: !0
+                },
+                checked,
+                disabled: switchProps.disabled,
+                children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                  import_core.Stack,
+                  {
+                    alignSelf: "stretch",
+                    flex: 1,
+                    onLayout: (e) => {
+                      setFrameWidth(e.nativeEvent.layout.width);
+                    },
+                    children: switchProps.children
+                  }
+                )
+              }
+            ),
+            bubbleInput
+          ]
+        }
+      );
+    },
+    {
+      disableTheme: !0
+    }
+  );
+  return (0, import_core.withStaticProperties)(SwitchComponent, {
+    Thumb: SwitchThumbComponent
+  });
+}
+//# sourceMappingURL=createSwitch.js.map

package/dist/cjs/index.js

@@ -0,0 +1,28 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: !0 });
+}, __copyProps = (to, from, except, desc) => {
+  if (from && typeof from == "object" || typeof from == "function")
+    for (let key of __getOwnPropNames(from))
+      !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  return to;
+}, __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
+var src_exports = {};
+__export(src_exports, {
+  Switch: () => Switch
+});
+module.exports = __toCommonJS(src_exports);
+var import_createSwitch = require("./createSwitch"), import_Switch = require("./Switch");
+__reExport(src_exports, require("./createSwitch"), module.exports);
+__reExport(src_exports, require("./StyledContext"), module.exports);
+__reExport(src_exports, require("./Switch"), module.exports);
+const Switch = (0, import_createSwitch.createSwitch)({
+  Frame: import_Switch.SwitchFrame,
+  Thumb: import_Switch.SwitchThumb
+});
+//# sourceMappingURL=index.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/switch",
-  "version": "1.116.0",
+  "version": "1.116.2",
   "removeSideEffects": true,
   "sideEffects": [
     "*.css"
@@ -35,23 +35,23 @@
     }
   },
   "dependencies": {
-    "@tamagui/compose-refs": "1.116.0",
-    "@tamagui/constants": "1.116.0",
-    "@tamagui/core": "1.116.0",
-    "@tamagui/focusable": "1.116.0",
-    "@tamagui/get-token": "1.116.0",
-    "@tamagui/helpers": "1.116.0",
-    "@tamagui/label": "1.116.0",
-    "@tamagui/stacks": "1.116.0",
-    "@tamagui/switch-headless": "1.116.0",
-    "@tamagui/use-controllable-state": "1.116.0",
-    "@tamagui/use-previous": "1.116.0"
+    "@tamagui/compose-refs": "1.116.2",
+    "@tamagui/constants": "1.116.2",
+    "@tamagui/core": "1.116.2",
+    "@tamagui/focusable": "1.116.2",
+    "@tamagui/get-token": "1.116.2",
+    "@tamagui/helpers": "1.116.2",
+    "@tamagui/label": "1.116.2",
+    "@tamagui/stacks": "1.116.2",
+    "@tamagui/switch-headless": "1.116.2",
+    "@tamagui/use-controllable-state": "1.116.2",
+    "@tamagui/use-previous": "1.116.2"
   },
   "peerDependencies": {
     "react": "*"
   },
   "devDependencies": {
-    "@tamagui/build": "1.116.0",
+    "@tamagui/build": "1.116.2",
     "react": "^18.2.0 || ^19.0.0"
   },
   "publishConfig": {