@tamagui/switch 1.13.2 → 1.13.4

package/dist/cjs/Switch.js

@@ -1,296 +1,2 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__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: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var Switch_exports = {};
-__export(Switch_exports, {
-  Switch: () => Switch,
-  SwitchFrame: () => SwitchFrame,
-  SwitchThumb: () => SwitchThumb,
-  SwitchThumbFrame: () => SwitchThumbFrame,
-  createSwitchScope: () => createSwitchScope
-});
-module.exports = __toCommonJS(Switch_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_react_use_previous = require("@radix-ui/react-use-previous");
-var import_compose_refs = require("@tamagui/compose-refs");
-var import_core = require("@tamagui/core");
-var import_create_context = require("@tamagui/create-context");
-var import_focusable = require("@tamagui/focusable");
-var import_get_size = require("@tamagui/get-size");
-var import_label = require("@tamagui/label");
-var import_stacks = require("@tamagui/stacks");
-var import_use_controllable_state = require("@tamagui/use-controllable-state");
-var React = __toESM(require("react"));
-const SWITCH_NAME = "Switch";
-const getSwitchHeight = (val) => Math.round((0, import_core.getVariableValue)((0, import_get_size.getSize)(val)) * 0.65);
-const getSwitchWidth = (val) => getSwitchHeight(val) * 2;
-const scopeContexts = (0, import_create_context.createContextScope)(SWITCH_NAME);
-const [createSwitchContext] = scopeContexts;
-const createSwitchScope = scopeContexts[1];
-const [SwitchProvider, useSwitchContext] = createSwitchContext(SWITCH_NAME);
-const THUMB_NAME = "SwitchThumb";
-const SwitchThumbFrame = (0, import_core.styled)(import_stacks.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__ */ (0, import_jsx_runtime.jsx)(
-        SwitchThumbFrame,
-        {
-          unstyled,
-          size,
-          theme: checked ? "active" : null,
-          "data-state": getState(checked),
-          "data-disabled": disabled ? "" : void 0,
-          ...thumbProps,
-          x: checked ? (0, import_core.getVariableValue)(getSwitchWidth(size)) - (0, import_core.getVariableValue)(getSwitchHeight(size)) : 0,
-          ref: forwardedRef
-        }
-      );
-    }
-  )
-);
-SwitchThumb.displayName = THUMB_NAME;
-const SwitchFrame = (0, import_core.styled)(import_stacks.XStack, {
-  name: SWITCH_NAME,
-  tag: "button",
-  variants: {
-    unstyled: {
-      false: {
-        size: "$true",
-        borderRadius: 1e3,
-        borderWidth: 2,
-        borderColor: "transparent",
-        backgroundColor: "$background",
-        focusStyle: {
-          borderColor: "$borderColorFocus"
-        }
-      }
-    },
-    size: {
-      "...size": (val) => {
-        const height = getSwitchHeight(val) + 4;
-        const width = getSwitchWidth(val) + 4;
-        return {
-          height,
-          minHeight: height,
-          width
-        };
-      }
-    }
-  },
-  defaultVariants: {
-    unstyled: false
-  }
-});
-const Switch = (0, import_core.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 = (0, import_compose_refs.useComposedRefs)(
-          forwardedRef,
-          (node) => setButton(node)
-        );
-        const labelId = (0, import_label.useLabelContext)(button);
-        const labelledBy = ariaLabelledby || labelId;
-        const hasConsumerStoppedPropagationRef = React.useRef(false);
-        const isFormControl = import_core.isWeb ? button ? Boolean(button.closest("form")) : true : false;
-        const [checked = false, setChecked] = (0, import_use_controllable_state.useControllableState)({
-          prop: checkedProp,
-          defaultProp: defaultChecked || false,
-          onChange: onCheckedChange,
-          transition: true
-        });
-        if (!import_core.isWeb) {
-          React.useEffect(() => {
-            if (!props.id)
-              return;
-            return (0, import_focusable.registerFocusable)(props.id, {
-              focus: () => {
-                setChecked((x) => !x);
-              }
-            });
-          }, [props.id, setChecked]);
-        }
-        return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-          SwitchProvider,
-          {
-            scope: __scopeSwitch,
-            checked,
-            disabled,
-            size,
-            unstyled,
-            children: [
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-                SwitchFrame,
-                {
-                  unstyled,
-                  size,
-                  role: "switch",
-                  "aria-checked": checked,
-                  "aria-labelledby": labelledBy,
-                  "aria-required": required,
-                  "data-state": getState(checked),
-                  "data-disabled": disabled ? "" : void 0,
-                  disabled,
-                  theme: checked ? "active" : null,
-                  themeShallow: true,
-                  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 (import_core.isWeb && isFormControl) {
-                      hasConsumerStoppedPropagationRef.current = event.isPropagationStopped();
-                      if (!hasConsumerStoppedPropagationRef.current)
-                        event.stopPropagation();
-                    }
-                  }
-                }
-              ),
-              import_core.isWeb && isFormControl && /* @__PURE__ */ (0, import_jsx_runtime.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 = (0, import_react_use_previous.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__ */ (0, import_jsx_runtime.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";
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  Switch,
-  SwitchFrame,
-  SwitchThumb,
-  SwitchThumbFrame,
-  createSwitchScope
-});
+"use strict";var j=Object.create;var w=Object.defineProperty;var J=Object.getOwnPropertyDescriptor;var K=Object.getOwnPropertyNames;var Q=Object.getPrototypeOf,Y=Object.prototype.hasOwnProperty;var Z=(e,t)=>{for(var o in t)w(e,o,{get:t[o],enumerable:!0})},R=(e,t,o,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let n of K(t))!Y.call(e,n)&&n!==o&&w(e,n,{get:()=>t[n],enumerable:!(r=J(t,n))||r.enumerable});return e};var ee=(e,t,o)=>(o=e!=null?j(Q(e)):{},R(t||!e||!e.__esModule?w(o,"default",{value:e,enumerable:!0}):o,e)),te=e=>R(w({},"__esModule",{value:!0}),e);var ae={};Z(ae,{Switch:()=>ce,SwitchFrame:()=>x,SwitchThumb:()=>T,SwitchThumbFrame:()=>z,createSwitchScope:()=>se});module.exports=te(ae);var u=require("react/jsx-runtime"),L=require("@radix-ui/react-use-previous"),V=require("@tamagui/compose-refs"),s=require("@tamagui/core"),_=require("@tamagui/create-context"),$=require("@tamagui/focusable"),W=require("@tamagui/get-size"),q=require("@tamagui/label"),P=require("@tamagui/stacks"),G=require("@tamagui/use-controllable-state"),d=ee(require("react"));const C="Switch",k=e=>Math.round((0,s.getVariableValue)((0,W.getSize)(e))*.65),I=e=>k(e)*2,H=(0,_.createContextScope)(C),[oe]=H,se=H[1],[ne,re]=oe(C),M="SwitchThumb",z=(0,s.styled)(P.ThemeableStack,{name:"SwitchThumb",variants:{unstyled:{false:{size:"$true",backgroundColor:"$background",borderRadius:1e3}},size:{"...size":e=>{const t=k(e);return{height:t,width:t}}}},defaultVariants:{unstyled:!1}}),T=z.extractable(d.forwardRef((e,t)=>{const{__scopeSwitch:o,size:r,...n}=e,{size:h,disabled:p,checked:c,unstyled:i}=re(M,o),a=r??h;return(0,u.jsx)(z,{unstyled:i,size:a,theme:c?"active":null,"data-state":F(c),"data-disabled":p?"":void 0,...n,x:c?(0,s.getVariableValue)(I(a))-(0,s.getVariableValue)(k(a)):0,ref:t})}));T.displayName=M;const x=(0,s.styled)(P.XStack,{name:C,tag:"button",variants:{unstyled:{false:{size:"$true",borderRadius:1e3,borderWidth:2,borderColor:"transparent",backgroundColor:"$background",focusStyle:{borderColor:"$borderColorFocus"}}},size:{"...size":e=>{const t=k(e)+4,o=I(e)+4;return{height:t,minHeight:t,width:o}}}},defaultVariants:{unstyled:!1}}),ce=(0,s.withStaticProperties)(x.extractable(d.forwardRef((e,t)=>{const{__scopeSwitch:o,labeledBy:r,name:n,checked:h,defaultChecked:p,required:c,disabled:i,value:a="on",onCheckedChange:f,size:m="$true",unstyled:v=!1,...N}=e,[S,O]=d.useState(null),A=(0,V.useComposedRefs)(t,l=>O(l)),D=(0,q.useLabelContext)(S),X=r||D,y=d.useRef(!1),B=s.isWeb?S?Boolean(S.closest("form")):!0:!1,[b=!1,g]=(0,G.useControllableState)({prop:h,defaultProp:p||!1,onChange:f,transition:!0});return s.isWeb||d.useEffect(()=>{if(e.id)return(0,$.registerFocusable)(e.id,{focus:()=>{g(l=>!l)}})},[e.id,g]),(0,u.jsxs)(ne,{scope:o,checked:b,disabled:i,size:m,unstyled:v,children:[(0,u.jsx)(x,{unstyled:v,size:m,role:"switch","aria-checked":b,"aria-labelledby":X,"aria-required":c,"data-state":F(b),"data-disabled":i?"":void 0,disabled:i,theme:b?"active":null,themeShallow:!0,tabIndex:i?void 0:0,value:a,...N,ref:A,onPress:l=>{var E;(E=e.onPress)==null||E.call(e,l),g(U=>!U),s.isWeb&&B&&(y.current=l.isPropagationStopped(),y.current||l.stopPropagation())}}),s.isWeb&&B&&(0,u.jsx)(ie,{control:S,bubbles:!y.current,name:n,value:a,checked:b,required:c,disabled:i,style:{transform:"translateX(-100%)"}})]})})),{Thumb:T}),ie=e=>{const{control:t,checked:o,bubbles:r=!0,...n}=e,h=d.useRef(null),p=(0,L.usePrevious)(o);return d.useEffect(()=>{const c=h.current,i=window.HTMLInputElement.prototype,f=Object.getOwnPropertyDescriptor(i,"checked").set;if(p!==o&&f){const m=new Event("click",{bubbles:r});f.call(c,o),c.dispatchEvent(m)}},[p,o,r]),(0,u.jsx)("input",{type:"checkbox","aria-hidden":!0,defaultChecked:o,...n,tabIndex:-1,ref:h,style:{...e.style,position:"absolute",pointerEvents:"none",opacity:0,margin:0}})};function F(e){return e?"checked":"unchecked"}0&&(module.exports={Switch,SwitchFrame,SwitchThumb,SwitchThumbFrame,createSwitchScope});
 //# sourceMappingURL=Switch.js.map

package/dist/cjs/Switch.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/Switch.tsx"],
   "sourcesContent": ["// via radix\n// https://github.com/radix-ui/primitives/blob/main/packages/react/switch/src/Switch.tsx\n\nimport { usePrevious } from '@radix-ui/react-use-previous'\nimport { useComposedRefs } from '@tamagui/compose-refs'\nimport {\n  GetProps,\n  SizeTokens,\n  getVariableValue,\n  isWeb,\n  styled,\n  withStaticProperties,\n} from '@tamagui/core'\nimport { ScopedProps, createContextScope } from '@tamagui/create-context'\nimport { registerFocusable } from '@tamagui/focusable'\nimport { getSize } from '@tamagui/get-size'\nimport { useLabelContext } from '@tamagui/label'\nimport { ThemeableStack, XStack } from '@tamagui/stacks'\nimport { useControllableState } from '@tamagui/use-controllable-state'\nimport * as React from 'react'\nimport { View } from 'react-native'\n\nconst SWITCH_NAME = 'Switch'\n\n// TODO make customizable\nconst getSwitchHeight = (val: SizeTokens) =>\n  Math.round(getVariableValue(getSize(val)) * 0.65)\nconst getSwitchWidth = (val: SizeTokens) => getSwitchHeight(val) * 2\n\nconst scopeContexts = createContextScope(SWITCH_NAME)\nconst [createSwitchContext] = scopeContexts\nexport const createSwitchScope = scopeContexts[1]\n\nconst [SwitchProvider, useSwitchContext] = createSwitchContext<{\n  checked: boolean\n  disabled?: boolean\n  size: SizeTokens\n  unstyled?: boolean\n}>(SWITCH_NAME)\n\n/* -------------------------------------------------------------------------------------------------\n * SwitchThumb\n * -----------------------------------------------------------------------------------------------*/\n\nconst THUMB_NAME = 'SwitchThumb'\n\nexport const SwitchThumbFrame = styled(ThemeableStack, {\n  name: 'SwitchThumb',\n\n  variants: {\n    unstyled: {\n      false: {\n        size: '$true',\n        backgroundColor: '$background',\n        borderRadius: 1000,\n      },\n    },\n\n    size: {\n      '...size': (val) => {\n        const size = getSwitchHeight(val)\n        return {\n          height: size,\n          width: size,\n        }\n      },\n    },\n  } as const,\n\n  defaultVariants: {\n    unstyled: false,\n  },\n})\n\nexport type SwitchThumbProps = GetProps<typeof SwitchThumbFrame>\n\nexport const SwitchThumb = SwitchThumbFrame.extractable(\n  React.forwardRef<React.ElementRef<'span'>, SwitchThumbProps>(\n    (props: ScopedProps<SwitchThumbProps, 'Switch'>, forwardedRef) => {\n      const { __scopeSwitch, size: sizeProp, ...thumbProps } = props\n      const {\n        size: sizeContext,\n        disabled,\n        checked,\n        unstyled,\n      } = useSwitchContext(THUMB_NAME, __scopeSwitch)\n      const size = sizeProp ?? sizeContext\n      return (\n        <SwitchThumbFrame\n          unstyled={unstyled}\n          size={size}\n          theme={checked ? 'active' : null}\n          data-state={getState(checked)}\n          data-disabled={disabled ? '' : undefined}\n          {...thumbProps}\n          x={\n            checked\n              ? getVariableValue(getSwitchWidth(size)) -\n                getVariableValue(getSwitchHeight(size))\n              : 0\n          }\n          ref={forwardedRef}\n        />\n      )\n    }\n  )\n)\n\nSwitchThumb.displayName = THUMB_NAME\n\n/* -------------------------------------------------------------------------------------------------\n * Switch\n * -----------------------------------------------------------------------------------------------*/\n\nexport const SwitchFrame = styled(XStack, {\n  name: SWITCH_NAME,\n  tag: 'button',\n\n  variants: {\n    unstyled: {\n      false: {\n        size: '$true',\n        borderRadius: 1000,\n        borderWidth: 2,\n        borderColor: 'transparent',\n        backgroundColor: '$background',\n\n        focusStyle: {\n          borderColor: '$borderColorFocus',\n        },\n      },\n    },\n\n    size: {\n      '...size': (val) => {\n        const height = getSwitchHeight(val) + 4\n        const width = getSwitchWidth(val) + 4\n        return {\n          height,\n          minHeight: height,\n          width,\n        }\n      },\n    },\n  } as const,\n\n  defaultVariants: {\n    unstyled: false,\n  },\n})\n\ntype SwitchButtonProps = GetProps<typeof SwitchFrame>\n\nexport type SwitchProps = SwitchButtonProps & {\n  labeledBy?: string\n  name?: string\n  value?: string\n  checked?: boolean\n  defaultChecked?: boolean\n  required?: boolean\n  onCheckedChange?(checked: boolean): void\n}\n\nexport const Switch = withStaticProperties(\n  SwitchFrame.extractable(\n    React.forwardRef<HTMLButtonElement | View, SwitchProps>(\n      (props: ScopedProps<SwitchProps, 'Switch'>, forwardedRef) => {\n        const {\n          __scopeSwitch,\n          labeledBy: ariaLabelledby,\n          name,\n          checked: checkedProp,\n          defaultChecked,\n          required,\n          disabled,\n          value = 'on',\n          onCheckedChange,\n          size = '$true',\n          unstyled = false,\n          ...switchProps\n        } = props\n        const [button, setButton] = React.useState<HTMLButtonElement | null>(null)\n        const composedRefs = useComposedRefs(forwardedRef, (node) =>\n          setButton(node as any)\n        )\n        const labelId = useLabelContext(button)\n        const labelledBy = ariaLabelledby || labelId\n        const hasConsumerStoppedPropagationRef = React.useRef(false)\n        // We set this to true by default so that events bubble to forms without JS (SSR)\n        const isFormControl = isWeb\n          ? button\n            ? Boolean(button.closest('form'))\n            : true\n          : false\n        const [checked = false, setChecked] = useControllableState({\n          prop: checkedProp,\n          defaultProp: defaultChecked || false,\n          onChange: onCheckedChange,\n          transition: true,\n        })\n\n        if (!isWeb) {\n          // eslint-disable-next-line react-hooks/rules-of-hooks\n          React.useEffect(() => {\n            if (!props.id) return\n            return registerFocusable(props.id, {\n              focus: () => {\n                setChecked((x) => !x)\n              },\n            })\n          }, [props.id, setChecked])\n        }\n\n        return (\n          <SwitchProvider\n            scope={__scopeSwitch}\n            checked={checked}\n            disabled={disabled}\n            size={size}\n            unstyled={unstyled}\n          >\n            <SwitchFrame\n              unstyled={unstyled}\n              size={size}\n              // @ts-ignore\n              role=\"switch\"\n              aria-checked={checked}\n              aria-labelledby={labelledBy}\n              aria-required={required}\n              data-state={getState(checked)}\n              data-disabled={disabled ? '' : undefined}\n              disabled={disabled}\n              theme={checked ? 'active' : null}\n              themeShallow\n              // @ts-ignore\n              tabIndex={disabled ? undefined : 0}\n              // @ts-ignore\n              value={value}\n              {...switchProps}\n              ref={composedRefs}\n              onPress={(event) => {\n                props.onPress?.(event)\n                setChecked((prevChecked) => !prevChecked)\n                if (isWeb && isFormControl) {\n                  hasConsumerStoppedPropagationRef.current = event.isPropagationStopped()\n                  // if switch is in a form, stop propagation from the button so that we only propagate\n                  // one click event (from the input). We propagate changes from an input so that native\n                  // form validation works and form events reflect switch updates.\n                  if (!hasConsumerStoppedPropagationRef.current) event.stopPropagation()\n                }\n              }}\n            />\n            {isWeb && isFormControl && (\n              <BubbleInput\n                control={button}\n                bubbles={!hasConsumerStoppedPropagationRef.current}\n                name={name}\n                value={value}\n                checked={checked}\n                required={required}\n                disabled={disabled}\n                // We transform because the input is absolutely positioned but we have\n                // rendered it **after** the button. This pulls it back to sit on top\n                // of the button.\n                style={{ transform: 'translateX(-100%)' }}\n              />\n            )}\n          </SwitchProvider>\n        )\n      }\n    )\n  ),\n  {\n    Thumb: SwitchThumb,\n  }\n)\n\n/* ---------------------------------------------------------------------------------------------- */\n\ntype InputProps = any //Radix.ComponentPropsWithoutRef<'input'>\ninterface BubbleInputProps extends Omit<InputProps, 'checked'> {\n  checked: boolean\n  control: HTMLElement | null\n  bubbles: boolean\n}\n\n// TODO make this native friendly\nconst BubbleInput = (props: BubbleInputProps) => {\n  const { control, checked, bubbles = true, ...inputProps } = props\n  const ref = React.useRef<HTMLInputElement>(null)\n  const prevChecked = usePrevious(checked)\n  // const controlSize = useSize(control)\n\n  // Bubble checked change to parents (e.g form change event)\n  React.useEffect(() => {\n    const input = ref.current!\n    const inputProto = window.HTMLInputElement.prototype\n    const descriptor = Object.getOwnPropertyDescriptor(\n      inputProto,\n      'checked'\n    ) as PropertyDescriptor\n    const setChecked = descriptor.set\n    if (prevChecked !== checked && setChecked) {\n      const event = new Event('click', { bubbles })\n      setChecked.call(input, checked)\n      input.dispatchEvent(event)\n    }\n  }, [prevChecked, checked, bubbles])\n\n  return (\n    <input\n      type=\"checkbox\"\n      aria-hidden\n      defaultChecked={checked}\n      {...inputProps}\n      tabIndex={-1}\n      ref={ref}\n      style={{\n        ...props.style,\n        // ...controlSize,\n        position: 'absolute',\n        pointerEvents: 'none',\n        opacity: 0,\n        margin: 0,\n      }}\n    />\n  )\n}\n\nfunction getState(checked: boolean) {\n  return checked ? 'checked' : 'unchecked'\n}\n"],
-  "mappings": "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",
-  "names": []
+  "mappings": "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",
+  "names": ["Switch_exports", "__export", "Switch", "SwitchFrame", "SwitchThumb", "SwitchThumbFrame", "createSwitchScope", "__toCommonJS", "import_jsx_runtime", "import_react_use_previous", "import_compose_refs", "import_core", "import_create_context", "import_focusable", "import_get_size", "import_label", "import_stacks", "import_use_controllable_state", "React", "SWITCH_NAME", "getSwitchHeight", "val", "getSwitchWidth", "scopeContexts", "createSwitchContext", "SwitchProvider", "useSwitchContext", "THUMB_NAME", "size", "props", "forwardedRef", "__scopeSwitch", "sizeProp", "thumbProps", "sizeContext", "disabled", "checked", "unstyled", "getState", "height", "width", "ariaLabelledby", "name", "checkedProp", "defaultChecked", "required", "value", "onCheckedChange", "switchProps", "button", "setButton", "composedRefs", "node", "labelId", "labelledBy", "hasConsumerStoppedPropagationRef", "isFormControl", "setChecked", "x", "event", "_a", "prevChecked", "BubbleInput", "control", "bubbles", "inputProps", "ref", "input", "inputProto"]
 }

package/dist/cjs/index.js

@@ -1,19 +1,2 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var src_exports = {};
-module.exports = __toCommonJS(src_exports);
-__reExport(src_exports, require("./Switch"), module.exports);
+"use strict";var a=Object.defineProperty;var b=Object.getOwnPropertyDescriptor;var c=Object.getOwnPropertyNames;var d=Object.prototype.hasOwnProperty;var p=(r,o,f,x)=>{if(o&&typeof o=="object"||typeof o=="function")for(let e of c(o))!d.call(r,e)&&e!==f&&a(r,e,{get:()=>o[e],enumerable:!(x=b(o,e))||x.enumerable});return r},t=(r,o,f)=>(p(r,o,"default"),f&&p(f,o,"default"));var g=r=>p(a({},"__esModule",{value:!0}),r);var m={};module.exports=g(m);t(m,require("./Switch"),module.exports);
 //# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/index.ts"],
   "sourcesContent": ["export * from './Switch'\n"],
-  "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA,wBAAc,qBAAd;",
-  "names": []
+  "mappings": "iaAAA,IAAAA,EAAA,kBAAAC,EAAAD,GAAAE,EAAAF,EAAc,oBAAd",
+  "names": ["src_exports", "__toCommonJS", "__reExport"]
 }