@tamagui/switch 1.26.0 → 1.27.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/switch",
-  "version": "1.26.0",
+  "version": "1.27.0",
   "sideEffects": [
     "*.css"
   ],
@@ -32,21 +32,21 @@
   },
   "dependencies": {
     "@radix-ui/react-use-previous": "^0.1.1",
-    "@tamagui/compose-refs": "1.26.0",
-    "@tamagui/core": "1.26.0",
-    "@tamagui/create-context": "1.26.0",
-    "@tamagui/focusable": "1.26.0",
-    "@tamagui/get-size": "1.26.0",
-    "@tamagui/label": "1.26.0",
-    "@tamagui/stacks": "1.26.0",
-    "@tamagui/use-controllable-state": "1.26.0"
+    "@tamagui/compose-refs": "1.27.0",
+    "@tamagui/core": "1.27.0",
+    "@tamagui/create-context": "1.27.0",
+    "@tamagui/focusable": "1.27.0",
+    "@tamagui/get-size": "1.27.0",
+    "@tamagui/label": "1.27.0",
+    "@tamagui/stacks": "1.27.0",
+    "@tamagui/use-controllable-state": "1.27.0"
   },
   "peerDependencies": {
     "react": "*",
     "react-native": "*"
   },
   "devDependencies": {
-    "@tamagui/build": "1.26.0",
+    "@tamagui/build": "1.27.0",
     "react": "^18.2.0",
     "react-native": "^0.71.7"
   },

package/dist/esm/Switch.mjs

@@ -1,265 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { usePrevious } from "@radix-ui/react-use-previous";
-import { useComposedRefs } from "@tamagui/compose-refs";
-import {
-  getVariableValue,
-  isWeb,
-  styled,
-  withStaticProperties
-} from "@tamagui/core";
-import { createContextScope } from "@tamagui/create-context";
-import { registerFocusable } from "@tamagui/focusable";
-import { getSize } from "@tamagui/get-size";
-import { useLabelContext } from "@tamagui/label";
-import { ThemeableStack, XStack } from "@tamagui/stacks";
-import { useControllableState } from "@tamagui/use-controllable-state";
-import * as React from "react";
-const SWITCH_NAME = "Switch";
-const getSwitchHeight = (val) => Math.round(getVariableValue(getSize(val)) * 0.65);
-const getSwitchWidth = (val) => getSwitchHeight(val) * 2;
-const scopeContexts = createContextScope(SWITCH_NAME);
-const [createSwitchContext] = scopeContexts;
-const createSwitchScope = scopeContexts[1];
-const [SwitchProvider, useSwitchContext] = createSwitchContext(SWITCH_NAME);
-const THUMB_NAME = "SwitchThumb";
-const SwitchThumbFrame = styled(ThemeableStack, {
-  name: "SwitchThumb",
-  variants: {
-    unstyled: {
-      false: {
-        size: "$true",
-        backgroundColor: "$background",
-        borderRadius: 1e3
-      }
-    },
-    size: {
-      "...size": (val) => {
-        const size = getSwitchHeight(val);
-        return {
-          height: size,
-          width: size
-        };
-      }
-    }
-  },
-  defaultVariants: {
-    unstyled: false
-  }
-});
-const SwitchThumb = SwitchThumbFrame.extractable(
-  React.forwardRef(
-    (props, forwardedRef) => {
-      const { __scopeSwitch, size: sizeProp, ...thumbProps } = props;
-      const {
-        size: sizeContext,
-        disabled,
-        checked,
-        unstyled
-      } = useSwitchContext(THUMB_NAME, __scopeSwitch);
-      const size = sizeProp ?? sizeContext;
-      return /* @__PURE__ */ jsx(
-        SwitchThumbFrame,
-        {
-          unstyled,
-          theme: checked ? "active" : null,
-          size,
-          "data-state": getState(checked),
-          "data-disabled": disabled ? "" : void 0,
-          ...thumbProps,
-          x: checked ? getVariableValue(getSwitchWidth(size)) - getVariableValue(getSwitchHeight(size)) : 0,
-          ref: forwardedRef
-        }
-      );
-    }
-  )
-);
-SwitchThumb.displayName = THUMB_NAME;
-const SwitchFrame = styled(XStack, {
-  name: SWITCH_NAME,
-  tag: "button",
-  variants: {
-    unstyled: {
-      false: {
-        size: "$true",
-        borderRadius: 1e3,
-        borderWidth: 2,
-        borderColor: "transparent",
-        backgroundColor: "$background",
-        focusStyle: {
-          borderColor: "$borderColorFocus",
-          outlineColor: "$borderColorFocus",
-          outlineStyle: "solid",
-          outlineWidth: 1
-        }
-      }
-    },
-    size: {
-      "...size": (val) => {
-        const height = getSwitchHeight(val) + 4;
-        const width = getSwitchWidth(val) + 4;
-        return {
-          height,
-          minHeight: height,
-          width
-        };
-      }
-    }
-  },
-  defaultVariants: {
-    unstyled: false
-  }
-});
-const Switch = withStaticProperties(
-  SwitchFrame.extractable(
-    React.forwardRef(
-      (props, forwardedRef) => {
-        const {
-          __scopeSwitch,
-          labeledBy: ariaLabelledby,
-          name,
-          checked: checkedProp,
-          defaultChecked,
-          required,
-          disabled,
-          value = "on",
-          onCheckedChange,
-          size = "$true",
-          unstyled = false,
-          ...switchProps
-        } = props;
-        const [button, setButton] = React.useState(null);
-        const composedRefs = useComposedRefs(
-          forwardedRef,
-          (node) => setButton(node)
-        );
-        const labelId = useLabelContext(button);
-        const labelledBy = ariaLabelledby || labelId;
-        const hasConsumerStoppedPropagationRef = React.useRef(false);
-        const isFormControl = isWeb ? button ? Boolean(button.closest("form")) : true : false;
-        const [checked = false, setChecked] = useControllableState({
-          prop: checkedProp,
-          defaultProp: defaultChecked || false,
-          onChange: onCheckedChange,
-          transition: true
-        });
-        if (!isWeb) {
-          React.useEffect(() => {
-            if (!props.id)
-              return;
-            return registerFocusable(props.id, {
-              focus: () => {
-                setChecked((x) => !x);
-              }
-            });
-          }, [props.id, setChecked]);
-        }
-        return /* @__PURE__ */ jsxs(
-          SwitchProvider,
-          {
-            scope: __scopeSwitch,
-            checked,
-            disabled,
-            size,
-            unstyled,
-            children: [
-              /* @__PURE__ */ jsx(
-                SwitchFrame,
-                {
-                  unstyled,
-                  size,
-                  theme: checked ? "active" : null,
-                  role: "switch",
-                  "aria-checked": checked,
-                  "aria-labelledby": labelledBy,
-                  "aria-required": required,
-                  "data-state": getState(checked),
-                  "data-disabled": disabled ? "" : void 0,
-                  disabled,
-                  tabIndex: disabled ? void 0 : 0,
-                  value,
-                  ...switchProps,
-                  ref: composedRefs,
-                  onPress: (event) => {
-                    var _a;
-                    (_a = props.onPress) == null ? void 0 : _a.call(props, event);
-                    setChecked((prevChecked) => !prevChecked);
-                    if (isWeb && isFormControl) {
-                      hasConsumerStoppedPropagationRef.current = event.isPropagationStopped();
-                      if (!hasConsumerStoppedPropagationRef.current)
-                        event.stopPropagation();
-                    }
-                  }
-                }
-              ),
-              isWeb && isFormControl && /* @__PURE__ */ jsx(
-                BubbleInput,
-                {
-                  control: button,
-                  bubbles: !hasConsumerStoppedPropagationRef.current,
-                  name,
-                  value,
-                  checked,
-                  required,
-                  disabled,
-                  style: { transform: "translateX(-100%)" }
-                }
-              )
-            ]
-          }
-        );
-      }
-    )
-  ),
-  {
-    Thumb: SwitchThumb
-  }
-);
-const BubbleInput = (props) => {
-  const { control, checked, bubbles = true, ...inputProps } = props;
-  const ref = React.useRef(null);
-  const prevChecked = usePrevious(checked);
-  React.useEffect(() => {
-    const input = ref.current;
-    const inputProto = window.HTMLInputElement.prototype;
-    const descriptor = Object.getOwnPropertyDescriptor(
-      inputProto,
-      "checked"
-    );
-    const setChecked = descriptor.set;
-    if (prevChecked !== checked && setChecked) {
-      const event = new Event("click", { bubbles });
-      setChecked.call(input, checked);
-      input.dispatchEvent(event);
-    }
-  }, [prevChecked, checked, bubbles]);
-  return /* @__PURE__ */ jsx(
-    "input",
-    {
-      type: "checkbox",
-      "aria-hidden": true,
-      defaultChecked: checked,
-      ...inputProps,
-      tabIndex: -1,
-      ref,
-      style: {
-        ...props.style,
-        // ...controlSize,
-        position: "absolute",
-        pointerEvents: "none",
-        opacity: 0,
-        margin: 0
-      }
-    }
-  );
-};
-function getState(checked) {
-  return checked ? "checked" : "unchecked";
-}
-export {
-  Switch,
-  SwitchFrame,
-  SwitchThumb,
-  SwitchThumbFrame,
-  createSwitchScope
-};
-//# sourceMappingURL=Switch.mjs.map

package/dist/esm/Switch.mjs.map

@@ -1,6 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/Switch.tsx"],
-  "mappings": "AAwFQ,cAiIE,YAjIF;AArFR,SAAS,mBAAmB;AAC5B,SAAS,uBAAuB;AAChC;AAAA,EAGE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAsB,0BAA0B;AAChD,SAAS,yBAAyB;AAClC,SAAS,eAAe;AACxB,SAAS,uBAAuB;AAChC,SAAS,gBAAgB,cAAc;AACvC,SAAS,4BAA4B;AACrC,YAAY,WAAW;AAGvB,MAAM,cAAc;AAGpB,MAAM,kBAAkB,CAAC,QACvB,KAAK,MAAM,iBAAiB,QAAQ,GAAG,CAAC,IAAI,IAAI;AAClD,MAAM,iBAAiB,CAAC,QAAoB,gBAAgB,GAAG,IAAI;AAEnE,MAAM,gBAAgB,mBAAmB,WAAW;AACpD,MAAM,CAAC,mBAAmB,IAAI;AACvB,MAAM,oBAAoB,cAAc,CAAC;AAEhD,MAAM,CAAC,gBAAgB,gBAAgB,IAAI,oBAKxC,WAAW;AAMd,MAAM,aAAa;AAEZ,MAAM,mBAAmB,OAAO,gBAAgB;AAAA,EACrD,MAAM;AAAA,EAEN,UAAU;AAAA,IACR,UAAU;AAAA,MACR,OAAO;AAAA,QACL,MAAM;AAAA,QACN,iBAAiB;AAAA,QACjB,cAAc;AAAA,MAChB;AAAA,IACF;AAAA,IAEA,MAAM;AAAA,MACJ,WAAW,CAAC,QAAQ;AAClB,cAAM,OAAO,gBAAgB,GAAG;AAChC,eAAO;AAAA,UACL,QAAQ;AAAA,UACR,OAAO;AAAA,QACT;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAAA,EAEA,iBAAiB;AAAA,IACf,UAAU;AAAA,EACZ;AACF,CAAC;AAIM,MAAM,cAAc,iBAAiB;AAAA,EAC1C,MAAM;AAAA,IACJ,CAAC,OAAgD,iBAAiB;AAChE,YAAM,EAAE,eAAe,MAAM,UAAU,GAAG,WAAW,IAAI;AACzD,YAAM;AAAA,QACJ,MAAM;AAAA,QACN;AAAA,QACA;AAAA,QACA;AAAA,MACF,IAAI,iBAAiB,YAAY,aAAa;AAC9C,YAAM,OAAO,YAAY;AACzB,aACE;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA,OAAO,UAAU,WAAW;AAAA,UAC5B;AAAA,UACA,cAAY,SAAS,OAAO;AAAA,UAC5B,iBAAe,WAAW,KAAK;AAAA,UAC9B,GAAG;AAAA,UACJ,GACE,UACI,iBAAiB,eAAe,IAAI,CAAC,IACrC,iBAAiB,gBAAgB,IAAI,CAAC,IACtC;AAAA,UAEN,KAAK;AAAA;AAAA,MACP;AAAA,IAEJ;AAAA,EACF;AACF;AAEA,YAAY,cAAc;AAMnB,MAAM,cAAc,OAAO,QAAQ;AAAA,EACxC,MAAM;AAAA,EACN,KAAK;AAAA,EAEL,UAAU;AAAA,IACR,UAAU;AAAA,MACR,OAAO;AAAA,QACL,MAAM;AAAA,QACN,cAAc;AAAA,QACd,aAAa;AAAA,QACb,aAAa;AAAA,QACb,iBAAiB;AAAA,QAEjB,YAAY;AAAA,UACV,aAAa;AAAA,UACb,cAAc;AAAA,UACd,cAAc;AAAA,UACd,cAAc;AAAA,QAChB;AAAA,MACF;AAAA,IACF;AAAA,IAEA,MAAM;AAAA,MACJ,WAAW,CAAC,QAAQ;AAClB,cAAM,SAAS,gBAAgB,GAAG,IAAI;AACtC,cAAM,QAAQ,eAAe,GAAG,IAAI;AACpC,eAAO;AAAA,UACL;AAAA,UACA,WAAW;AAAA,UACX;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAAA,EAEA,iBAAiB;AAAA,IACf,UAAU;AAAA,EACZ;AACF,CAAC;AAcM,MAAM,SAAS;AAAA,EACpB,YAAY;AAAA,IACV,MAAM;AAAA,MACJ,CAAC,OAA2C,iBAAiB;AAC3D,cAAM;AAAA,UACJ;AAAA,UACA,WAAW;AAAA,UACX;AAAA,UACA,SAAS;AAAA,UACT;AAAA,UACA;AAAA,UACA;AAAA,UACA,QAAQ;AAAA,UACR;AAAA,UACA,OAAO;AAAA,UACP,WAAW;AAAA,UACX,GAAG;AAAA,QACL,IAAI;AACJ,cAAM,CAAC,QAAQ,SAAS,IAAI,MAAM,SAAmC,IAAI;AACzE,cAAM,eAAe;AAAA,UAAgB;AAAA,UAAc,CAAC,SAClD,UAAU,IAAW;AAAA,QACvB;AACA,cAAM,UAAU,gBAAgB,MAAM;AACtC,cAAM,aAAa,kBAAkB;AACrC,cAAM,mCAAmC,MAAM,OAAO,KAAK;AAE3D,cAAM,gBAAgB,QAClB,SACE,QAAQ,OAAO,QAAQ,MAAM,CAAC,IAC9B,OACF;AACJ,cAAM,CAAC,UAAU,OAAO,UAAU,IAAI,qBAAqB;AAAA,UACzD,MAAM;AAAA,UACN,aAAa,kBAAkB;AAAA,UAC/B,UAAU;AAAA,UACV,YAAY;AAAA,QACd,CAAC;AAED,YAAI,CAAC,OAAO;AAEV,gBAAM,UAAU,MAAM;AACpB,gBAAI,CAAC,MAAM;AAAI;AACf,mBAAO,kBAAkB,MAAM,IAAI;AAAA,cACjC,OAAO,MAAM;AACX,2BAAW,CAAC,MAAM,CAAC,CAAC;AAAA,cACtB;AAAA,YACF,CAAC;AAAA,UACH,GAAG,CAAC,MAAM,IAAI,UAAU,CAAC;AAAA,QAC3B;AAEA,eACE;AAAA,UAAC;AAAA;AAAA,YACC,OAAO;AAAA,YACP;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YAEA;AAAA;AAAA,gBAAC;AAAA;AAAA,kBACC;AAAA,kBACA;AAAA,kBACA,OAAO,UAAU,WAAW;AAAA,kBAE5B,MAAK;AAAA,kBACL,gBAAc;AAAA,kBACd,mBAAiB;AAAA,kBACjB,iBAAe;AAAA,kBACf,cAAY,SAAS,OAAO;AAAA,kBAC5B,iBAAe,WAAW,KAAK;AAAA,kBAC/B;AAAA,kBAEA,UAAU,WAAW,SAAY;AAAA,kBAEjC;AAAA,kBACC,GAAG;AAAA,kBACJ,KAAK;AAAA,kBACL,SAAS,CAAC,UAAU;AAlPlC;AAmPgB,gCAAM,YAAN,+BAAgB;AAChB,+BAAW,CAAC,gBAAgB,CAAC,WAAW;AACxC,wBAAI,SAAS,eAAe;AAC1B,uDAAiC,UAAU,MAAM,qBAAqB;AAItE,0BAAI,CAAC,iCAAiC;AAAS,8BAAM,gBAAgB;AAAA,oBACvE;AAAA,kBACF;AAAA;AAAA,cACF;AAAA,cACC,SAAS,iBACR;AAAA,gBAAC;AAAA;AAAA,kBACC,SAAS;AAAA,kBACT,SAAS,CAAC,iCAAiC;AAAA,kBAC3C;AAAA,kBACA;AAAA,kBACA;AAAA,kBACA;AAAA,kBACA;AAAA,kBAIA,OAAO,EAAE,WAAW,oBAAoB;AAAA;AAAA,cAC1C;AAAA;AAAA;AAAA,QAEJ;AAAA,MAEJ;AAAA,IACF;AAAA,EACF;AAAA,EACA;AAAA,IACE,OAAO;AAAA,EACT;AACF;AAYA,MAAM,cAAc,CAAC,UAA4B;AAC/C,QAAM,EAAE,SAAS,SAAS,UAAU,MAAM,GAAG,WAAW,IAAI;AAC5D,QAAM,MAAM,MAAM,OAAyB,IAAI;AAC/C,QAAM,cAAc,YAAY,OAAO;AAIvC,QAAM,UAAU,MAAM;AACpB,UAAM,QAAQ,IAAI;AAClB,UAAM,aAAa,OAAO,iBAAiB;AAC3C,UAAM,aAAa,OAAO;AAAA,MACxB;AAAA,MACA;AAAA,IACF;AACA,UAAM,aAAa,WAAW;AAC9B,QAAI,gBAAgB,WAAW,YAAY;AACzC,YAAM,QAAQ,IAAI,MAAM,SAAS,EAAE,QAAQ,CAAC;AAC5C,iBAAW,KAAK,OAAO,OAAO;AAC9B,YAAM,cAAc,KAAK;AAAA,IAC3B;AAAA,EACF,GAAG,CAAC,aAAa,SAAS,OAAO,CAAC;AAElC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,eAAW;AAAA,MACX,gBAAgB;AAAA,MACf,GAAG;AAAA,MACJ,UAAU;AAAA,MACV;AAAA,MACA,OAAO;AAAA,QACL,GAAG,MAAM;AAAA;AAAA,QAET,UAAU;AAAA,QACV,eAAe;AAAA,QACf,SAAS;AAAA,QACT,QAAQ;AAAA,MACV;AAAA;AAAA,EACF;AAEJ;AAEA,SAAS,SAAS,SAAkB;AAClC,SAAO,UAAU,YAAY;AAC/B;",
-  "names": []
-}

package/dist/esm/index.mjs

@@ -1,2 +0,0 @@
-export * from "./Switch";
-//# sourceMappingURL=index.mjs.map

package/dist/esm/index.mjs.map

@@ -1,6 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/index.ts"],
-  "mappings": "AAAA,cAAc;",
-  "names": []
-}