@tamagui/switch 1.61.3 → 1.62.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -0,0 +1,196 @@
1
+ "use strict";
2
+ var __create = Object.create;
3
+ var __defProp = Object.defineProperty;
4
+ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
5
+ var __getOwnPropNames = Object.getOwnPropertyNames;
6
+ var __getProtoOf = Object.getPrototypeOf, __hasOwnProp = Object.prototype.hasOwnProperty;
7
+ var __export = (target, all) => {
8
+ for (var name in all)
9
+ __defProp(target, name, { get: all[name], enumerable: !0 });
10
+ }, __copyProps = (to, from, except, desc) => {
11
+ if (from && typeof from == "object" || typeof from == "function")
12
+ for (let key of __getOwnPropNames(from))
13
+ !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
14
+ return to;
15
+ };
16
+ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
17
+ // If the importer is in node compatibility mode or this is not an ESM
18
+ // file that has been converted to a CommonJS file using a Babel-
19
+ // compatible transform (i.e. "__esModule" has not been set), then set
20
+ // "default" to the CommonJS "module.exports" for node compatibility.
21
+ isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: !0 }) : target,
22
+ mod
23
+ )), __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
24
+ var createSwitch_exports = {};
25
+ __export(createSwitch_exports, {
26
+ SwitchContext: () => SwitchContext,
27
+ createSwitch: () => createSwitch
28
+ });
29
+ module.exports = __toCommonJS(createSwitch_exports);
30
+ var import_compose_refs = require("@tamagui/compose-refs"), import_core = require("@tamagui/core"), import_focusable = require("@tamagui/focusable"), import_get_token = require("@tamagui/get-token"), import_label = require("@tamagui/label"), import_use_controllable_state = require("@tamagui/use-controllable-state"), import_use_previous = require("@tamagui/use-previous"), React = __toESM(require("react")), import_react_native = require("react-native"), import_jsx_runtime = (
31
+ // @ts-ignore
32
+ require("react/jsx-runtime")
33
+ );
34
+ const SwitchContext = (0, import_core.createStyledContext)({
35
+ checked: !1,
36
+ disabled: !1,
37
+ size: void 0,
38
+ frameWidth: 0,
39
+ unstyled: !1
40
+ });
41
+ function createSwitch({ Frame, Thumb, acceptsUnstyled }) {
42
+ const SwitchThumb = Thumb.styleable(function(props, forwardedRef) {
43
+ const { size: sizeProp, ...thumbProps } = props, { disabled, checked, unstyled, frameWidth } = React.useContext(SwitchContext), [thumbWidth, setThumbWidth] = React.useState(0), initialChecked = React.useRef(checked).current, distance = frameWidth - thumbWidth;
44
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
45
+ Thumb,
46
+ {
47
+ theme: unstyled === !1 && checked ? "active" : null,
48
+ "data-state": getState(checked),
49
+ "data-disabled": disabled ? "" : void 0,
50
+ alignSelf: initialChecked ? "flex-end" : "flex-start",
51
+ x: initialChecked ? checked ? 0 : -distance : checked ? distance : 0,
52
+ ...thumbProps,
53
+ onLayout: (0, import_core.composeEventHandlers)(
54
+ props.onLayout,
55
+ (e) => (
56
+ // @ts-ignore
57
+ setThumbWidth(e.nativeEvent.layout.width)
58
+ )
59
+ ),
60
+ ref: forwardedRef
61
+ }
62
+ );
63
+ }), SwitchComponent = Frame.extractable(
64
+ React.forwardRef(function(propsIn, forwardedRef) {
65
+ const styledContext = React.useContext(SwitchContext), props = (0, import_core.useProps)(propsIn), {
66
+ labeledBy: ariaLabelledby,
67
+ name,
68
+ checked: checkedProp,
69
+ defaultChecked,
70
+ required,
71
+ disabled,
72
+ value = "on",
73
+ onCheckedChange,
74
+ size = styledContext.size ?? "$true",
75
+ unstyled = styledContext.unstyled ?? !1,
76
+ native: nativeProp,
77
+ nativeProps,
78
+ ...switchProps
79
+ } = props, leftBorderWidth = (() => {
80
+ let _;
81
+ for (const key in switchProps)
82
+ (key === "borderWidth" || key === "borderLeftWidth") && (_ = switchProps[key]);
83
+ return acceptsUnstyled && _ === void 0 && unstyled === !1 && (_ = 2), typeof _ == "string" && (_ = (0, import_core.getVariableValue)((0, import_get_token.getSize)(_))), +_;
84
+ })(), native = Array.isArray(nativeProp) ? nativeProp : [nativeProp], shouldRenderMobileNative = !import_core.isWeb && nativeProp === !0 || !import_core.isWeb && native.includes("mobile") || native.includes("android") && import_react_native.Platform.OS === "android" || native.includes("ios") && import_react_native.Platform.OS === "ios", [button, setButton] = React.useState(null), composedRefs = (0, import_compose_refs.useComposedRefs)(forwardedRef, (node) => setButton(node)), labelId = (0, import_label.useLabelContext)(button), labelledBy = ariaLabelledby || labelId, hasConsumerStoppedPropagationRef = React.useRef(!1), isFormControl = import_core.isWeb ? button ? !!button.closest("form") : !0 : !1, [frameWidth, setFrameWidth] = React.useState(0), [checked = !1, setChecked] = (0, import_use_controllable_state.useControllableState)({
85
+ prop: checkedProp,
86
+ defaultProp: defaultChecked || !1,
87
+ onChange: onCheckedChange,
88
+ transition: !0
89
+ });
90
+ return shouldRenderMobileNative ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
91
+ import_react_native.Switch,
92
+ {
93
+ value: checkedProp,
94
+ onValueChange: onCheckedChange,
95
+ ...nativeProps
96
+ }
97
+ ) : (import_core.isWeb || React.useEffect(() => {
98
+ if (props.id)
99
+ return (0, import_focusable.registerFocusable)(props.id, {
100
+ focus: () => {
101
+ setChecked((x) => !x);
102
+ }
103
+ });
104
+ }, [props.id, setChecked]), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
105
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
106
+ Frame,
107
+ {
108
+ unstyled,
109
+ size,
110
+ checked,
111
+ disabled,
112
+ frameWidth: frameWidth ? frameWidth - leftBorderWidth * 2 : 0,
113
+ theme: checked ? "active" : null,
114
+ themeShallow: !0,
115
+ role: "switch",
116
+ "aria-checked": checked,
117
+ "aria-labelledby": labelledBy,
118
+ "aria-required": required,
119
+ "data-state": getState(checked),
120
+ "data-disabled": disabled ? "" : void 0,
121
+ tabIndex: disabled ? void 0 : 0,
122
+ value,
123
+ ...switchProps,
124
+ ref: composedRefs,
125
+ onPress: (0, import_core.composeEventHandlers)(props.onPress, (event) => {
126
+ setChecked((prevChecked) => !prevChecked), import_core.isWeb && isFormControl && (hasConsumerStoppedPropagationRef.current = event.isPropagationStopped(), hasConsumerStoppedPropagationRef.current || event.stopPropagation());
127
+ }),
128
+ onLayout: (0, import_core.composeEventHandlers)(
129
+ props.onLayout,
130
+ (e) => (
131
+ // @ts-ignore
132
+ setFrameWidth(e.nativeEvent.layout.width)
133
+ )
134
+ )
135
+ }
136
+ ),
137
+ import_core.isWeb && isFormControl && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
138
+ BubbleInput,
139
+ {
140
+ control: button,
141
+ bubbles: !hasConsumerStoppedPropagationRef.current,
142
+ name,
143
+ value,
144
+ checked,
145
+ required,
146
+ disabled,
147
+ style: { transform: "translateX(-100%)" }
148
+ }
149
+ )
150
+ ] }));
151
+ })
152
+ ), BubbleInput = (props) => {
153
+ const { control, checked, bubbles = !0, ...inputProps } = props, ref = React.useRef(null), prevChecked = (0, import_use_previous.usePrevious)(checked);
154
+ return React.useEffect(() => {
155
+ const input = ref.current, inputProto = window.HTMLInputElement.prototype, setChecked = Object.getOwnPropertyDescriptor(
156
+ inputProto,
157
+ "checked"
158
+ ).set;
159
+ if (prevChecked !== checked && setChecked) {
160
+ const event = new Event("click", { bubbles });
161
+ setChecked.call(input, checked), input.dispatchEvent(event);
162
+ }
163
+ }, [prevChecked, checked, bubbles]), // @ts-ignore
164
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
165
+ "input",
166
+ {
167
+ type: "checkbox",
168
+ "aria-hidden": !0,
169
+ defaultChecked: checked,
170
+ ...inputProps,
171
+ tabIndex: -1,
172
+ ref,
173
+ style: {
174
+ ...props.style,
175
+ // ...controlSize,
176
+ position: "absolute",
177
+ pointerEvents: "none",
178
+ opacity: 0,
179
+ margin: 0
180
+ }
181
+ }
182
+ );
183
+ };
184
+ function getState(checked) {
185
+ return checked ? "checked" : "unchecked";
186
+ }
187
+ return (0, import_core.withStaticProperties)(SwitchComponent, {
188
+ Thumb: SwitchThumb
189
+ });
190
+ }
191
+ // Annotate the CommonJS export names for ESM import in node:
192
+ 0 && (module.exports = {
193
+ SwitchContext,
194
+ createSwitch
195
+ });
196
+ //# sourceMappingURL=createSwitch.js.map
@@ -0,0 +1,6 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../src/createSwitch.tsx"],
4
+ "mappings": "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",
5
+ "names": ["NativeSwitch"]
6
+ }
package/dist/cjs/index.js CHANGED
@@ -1,18 +1,14 @@
1
- "use strict";
2
1
  var __defProp = Object.defineProperty;
3
2
  var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
3
  var __getOwnPropNames = Object.getOwnPropertyNames;
5
4
  var __hasOwnProp = Object.prototype.hasOwnProperty;
6
5
  var __copyProps = (to, from, except, desc) => {
7
- if (from && typeof from === "object" || typeof from === "function") {
6
+ if (from && typeof from == "object" || typeof from == "function")
8
7
  for (let key of __getOwnPropNames(from))
9
- if (!__hasOwnProp.call(to, key) && key !== except)
10
- __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
11
- }
8
+ !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
12
9
  return to;
13
- };
14
- var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
15
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
10
+ }, __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
11
+ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
16
12
  var src_exports = {};
17
13
  module.exports = __toCommonJS(src_exports);
18
14
  __reExport(src_exports, require("./Switch"), module.exports);
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/index.ts"],
4
- "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA,wBAAc,qBAAd;AACA,wBAAc,2BADd;",
4
+ "mappings": ";;;;;;;;;;;AAAA;AAAA;AAAA,wBAAc,qBAAd;AACA,wBAAc,2BADd;",
5
5
  "names": []
6
6
  }
@@ -0,0 +1,22 @@
1
+ "use strict";
2
+ var __defProp = Object.defineProperty;
3
+ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
+ var __getOwnPropNames = Object.getOwnPropertyNames;
5
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
6
+ var __copyProps = (to, from, except, desc) => {
7
+ if (from && typeof from == "object" || typeof from == "function")
8
+ for (let key of __getOwnPropNames(from))
9
+ !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
10
+ return to;
11
+ }, __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
12
+ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
13
+ var src_exports = {};
14
+ module.exports = __toCommonJS(src_exports);
15
+ __reExport(src_exports, require("./Switch"), module.exports);
16
+ __reExport(src_exports, require("./createSwitch"), module.exports);
17
+ // Annotate the CommonJS export names for ESM import in node:
18
+ 0 && (module.exports = {
19
+ ...require("./Switch"),
20
+ ...require("./createSwitch")
21
+ });
22
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1,6 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../src/index.ts"],
4
+ "mappings": ";;;;;;;;;;;;AAAA;AAAA;AAAA,wBAAc,qBAAd;AACA,wBAAc,2BADd;",
5
+ "names": []
6
+ }
@@ -24,12 +24,9 @@ const SwitchThumb = styled(ThemeableStack, {
24
24
  }
25
25
  },
26
26
  defaultVariants: {
27
- unstyled: false
27
+ unstyled: !1
28
28
  }
29
- });
30
- const getSwitchHeight = (val) => Math.round(getVariableValue(getSize(val)) * 0.65);
31
- const getSwitchWidth = (val) => getSwitchHeight(val) * 2;
32
- const SwitchFrame = styled(YStack, {
29
+ }), getSwitchHeight = (val) => Math.round(getVariableValue(getSize(val)) * 0.65), getSwitchWidth = (val) => getSwitchHeight(val) * 2, SwitchFrame = styled(YStack, {
33
30
  name: "Switch",
34
31
  tag: "button",
35
32
  context: SwitchContext,
@@ -57,8 +54,7 @@ const SwitchFrame = styled(YStack, {
57
54
  },
58
55
  size: {
59
56
  "...size": (val) => {
60
- const height = getSwitchHeight(val) + 4;
61
- const width = getSwitchWidth(val) + 4;
57
+ const height = getSwitchHeight(val) + 4, width = getSwitchWidth(val) + 4;
62
58
  return {
63
59
  height,
64
60
  minHeight: height,
@@ -68,13 +64,12 @@ const SwitchFrame = styled(YStack, {
68
64
  }
69
65
  },
70
66
  defaultVariants: {
71
- unstyled: false
67
+ unstyled: !1
72
68
  }
73
- });
74
- const Switch = createSwitch({
69
+ }), Switch = createSwitch({
75
70
  Frame: SwitchFrame,
76
71
  Thumb: SwitchThumb,
77
- acceptsUnstyled: true
72
+ acceptsUnstyled: !0
78
73
  });
79
74
  export {
80
75
  Switch,
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/Switch.tsx"],
4
- "mappings": "AAAA,SAAqB,kBAAkB,cAAc;AACrD,SAAS,eAAe;AACxB,SAAS,gBAAgB,cAAc;AAEvC,SAAS,eAAe,oBAAoB;AAErC,MAAM,cAAc,OAAO,gBAAgB;AAAA,EAChD,MAAM;AAAA,EACN,SAAS;AAAA,EAET,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;AAED,MAAM,kBAAkB,CAAC,QACvB,KAAK,MAAM,iBAAiB,QAAQ,GAAG,CAAC,IAAI,IAAI;AAElD,MAAM,iBAAiB,CAAC,QAAoB,gBAAgB,GAAG,IAAI;AAE5D,MAAM,cAAc,OAAO,QAAQ;AAAA,EACxC,MAAM;AAAA,EACN,KAAK;AAAA,EACL,SAAS;AAAA,EAET,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,SAAS;AAAA,MACP,MAAM,CAAC;AAAA,IACT;AAAA,IAEA,YAAY;AAAA,MACV,WAAW,MAAM;AAAA,IACnB;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;AAEM,MAAM,SAAS,aAAa;AAAA,EACjC,OAAO;AAAA,EACP,OAAO;AAAA,EACP,iBAAiB;AACnB,CAAC;",
4
+ "mappings": "AAAA,SAAqB,kBAAkB,cAAc;AACrD,SAAS,eAAe;AACxB,SAAS,gBAAgB,cAAc;AAEvC,SAAS,eAAe,oBAAoB;AAErC,MAAM,cAAc,OAAO,gBAAgB;AAAA,EAChD,MAAM;AAAA,EACN,SAAS;AAAA,EAET,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,GAEK,kBAAkB,CAAC,QACvB,KAAK,MAAM,iBAAiB,QAAQ,GAAG,CAAC,IAAI,IAAI,GAE5C,iBAAiB,CAAC,QAAoB,gBAAgB,GAAG,IAAI,GAEtD,cAAc,OAAO,QAAQ;AAAA,EACxC,MAAM;AAAA,EACN,KAAK;AAAA,EACL,SAAS;AAAA,EAET,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,SAAS;AAAA,MACP,MAAM,CAAC;AAAA,IACT;AAAA,IAEA,YAAY;AAAA,MACV,WAAW,MAAM;AAAA,IACnB;AAAA,IAEA,MAAM;AAAA,MACJ,WAAW,CAAC,QAAQ;AAClB,cAAM,SAAS,gBAAgB,GAAG,IAAI,GAChC,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,GAEY,SAAS,aAAa;AAAA,EACjC,OAAO;AAAA,EACP,OAAO;AAAA,EACP,iBAAiB;AACnB,CAAC;",
5
5
  "names": []
6
6
  }
@@ -1,4 +1,3 @@
1
- import { Fragment, jsx, jsxs } from "react/jsx-runtime";
2
1
  import { useComposedRefs } from "@tamagui/compose-refs";
3
2
  import {
4
3
  composeEventHandlers,
@@ -18,26 +17,23 @@ import {
18
17
  Switch as NativeSwitch,
19
18
  Platform
20
19
  } from "react-native";
20
+ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
21
21
  const SwitchContext = createStyledContext({
22
- checked: false,
23
- disabled: false,
22
+ checked: !1,
23
+ disabled: !1,
24
24
  size: void 0,
25
25
  frameWidth: 0,
26
- unstyled: false
26
+ unstyled: !1
27
27
  });
28
28
  function createSwitch({ Frame, Thumb, acceptsUnstyled }) {
29
- const SwitchThumb = Thumb.styleable(function SwitchThumb2(props, forwardedRef) {
30
- const { size: sizeProp, ...thumbProps } = props;
31
- const { disabled, checked, unstyled, frameWidth } = React.useContext(SwitchContext);
32
- const [thumbWidth, setThumbWidth] = React.useState(0);
33
- const initialChecked = React.useRef(checked).current;
34
- const distance = frameWidth - thumbWidth;
29
+ const SwitchThumb = Thumb.styleable(function(props, forwardedRef) {
30
+ const { size: sizeProp, ...thumbProps } = props, { disabled, checked, unstyled, frameWidth } = React.useContext(SwitchContext), [thumbWidth, setThumbWidth] = React.useState(0), initialChecked = React.useRef(checked).current, distance = frameWidth - thumbWidth;
35
31
  return (
36
32
  // @ts-ignore
37
33
  /* @__PURE__ */ jsx(
38
34
  Thumb,
39
35
  {
40
- theme: unstyled === false && checked ? "active" : null,
36
+ theme: unstyled === !1 && checked ? "active" : null,
41
37
  "data-state": getState(checked),
42
38
  "data-disabled": disabled ? "" : void 0,
43
39
  alignSelf: initialChecked ? "flex-end" : "flex-start",
@@ -54,12 +50,9 @@ function createSwitch({ Frame, Thumb, acceptsUnstyled }) {
54
50
  }
55
51
  )
56
52
  );
57
- });
58
- const SwitchComponent = Frame.extractable(
59
- React.forwardRef(function SwitchFrame(propsIn, forwardedRef) {
60
- const styledContext = React.useContext(SwitchContext);
61
- const props = useProps(propsIn);
62
- const {
53
+ }), SwitchComponent = Frame.extractable(
54
+ React.forwardRef(function(propsIn, forwardedRef) {
55
+ const styledContext = React.useContext(SwitchContext), props = useProps(propsIn), {
63
56
  labeledBy: ariaLabelledby,
64
57
  name,
65
58
  checked: checkedProp,
@@ -69,63 +62,36 @@ function createSwitch({ Frame, Thumb, acceptsUnstyled }) {
69
62
  value = "on",
70
63
  onCheckedChange,
71
64
  size = styledContext.size ?? "$true",
72
- unstyled = styledContext.unstyled ?? false,
65
+ unstyled = styledContext.unstyled ?? !1,
73
66
  native: nativeProp,
74
67
  nativeProps,
75
68
  ...switchProps
76
- } = props;
77
- const leftBorderWidth = (() => {
78
- let _ = void 0;
79
- for (const key in switchProps) {
80
- if (key === "borderWidth" || key === "borderLeftWidth") {
81
- _ = switchProps[key];
82
- }
83
- }
84
- if (acceptsUnstyled && _ === void 0 && unstyled === false) {
85
- _ = 2;
86
- }
87
- if (typeof _ === "string") {
88
- _ = getVariableValue(getSize(_));
89
- }
90
- return +_;
91
- })();
92
- const native = Array.isArray(nativeProp) ? nativeProp : [nativeProp];
93
- const shouldRenderMobileNative = !isWeb && nativeProp === true || !isWeb && native.includes("mobile") || native.includes("android") && Platform.OS === "android" || native.includes("ios") && Platform.OS === "ios";
94
- const [button, setButton] = React.useState(null);
95
- const composedRefs = useComposedRefs(forwardedRef, (node) => setButton(node));
96
- const labelId = useLabelContext(button);
97
- const labelledBy = ariaLabelledby || labelId;
98
- const hasConsumerStoppedPropagationRef = React.useRef(false);
99
- const isFormControl = isWeb ? button ? Boolean(button.closest("form")) : true : false;
100
- const [frameWidth, setFrameWidth] = React.useState(0);
101
- const [checked = false, setChecked] = useControllableState({
69
+ } = props, leftBorderWidth = (() => {
70
+ let _;
71
+ for (const key in switchProps)
72
+ (key === "borderWidth" || key === "borderLeftWidth") && (_ = switchProps[key]);
73
+ return acceptsUnstyled && _ === void 0 && unstyled === !1 && (_ = 2), typeof _ == "string" && (_ = getVariableValue(getSize(_))), +_;
74
+ })(), native = Array.isArray(nativeProp) ? nativeProp : [nativeProp], shouldRenderMobileNative = !isWeb && nativeProp === !0 || !isWeb && native.includes("mobile") || native.includes("android") && Platform.OS === "android" || native.includes("ios") && Platform.OS === "ios", [button, setButton] = React.useState(null), composedRefs = useComposedRefs(forwardedRef, (node) => setButton(node)), labelId = useLabelContext(button), labelledBy = ariaLabelledby || labelId, hasConsumerStoppedPropagationRef = React.useRef(!1), isFormControl = isWeb ? button ? !!button.closest("form") : !0 : !1, [frameWidth, setFrameWidth] = React.useState(0), [checked = !1, setChecked] = useControllableState({
102
75
  prop: checkedProp,
103
- defaultProp: defaultChecked || false,
76
+ defaultProp: defaultChecked || !1,
104
77
  onChange: onCheckedChange,
105
- transition: true
78
+ transition: !0
106
79
  });
107
- if (shouldRenderMobileNative) {
108
- return /* @__PURE__ */ jsx(
109
- NativeSwitch,
110
- {
111
- value: checkedProp,
112
- onValueChange: onCheckedChange,
113
- ...nativeProps
114
- }
115
- );
116
- }
117
- if (!isWeb) {
118
- React.useEffect(() => {
119
- if (!props.id)
120
- return;
80
+ return shouldRenderMobileNative ? /* @__PURE__ */ jsx(
81
+ NativeSwitch,
82
+ {
83
+ value: checkedProp,
84
+ onValueChange: onCheckedChange,
85
+ ...nativeProps
86
+ }
87
+ ) : (isWeb || React.useEffect(() => {
88
+ if (props.id)
121
89
  return registerFocusable(props.id, {
122
90
  focus: () => {
123
91
  setChecked((x) => !x);
124
92
  }
125
93
  });
126
- }, [props.id, setChecked]);
127
- }
128
- return /* @__PURE__ */ jsxs(Fragment, { children: [
94
+ }, [props.id, setChecked]), /* @__PURE__ */ jsxs(Fragment, { children: [
129
95
  /* @__PURE__ */ jsx(
130
96
  Frame,
131
97
  {
@@ -135,7 +101,7 @@ function createSwitch({ Frame, Thumb, acceptsUnstyled }) {
135
101
  disabled,
136
102
  frameWidth: frameWidth ? frameWidth - leftBorderWidth * 2 : 0,
137
103
  theme: checked ? "active" : null,
138
- themeShallow: true,
104
+ themeShallow: !0,
139
105
  role: "switch",
140
106
  "aria-checked": checked,
141
107
  "aria-labelledby": labelledBy,
@@ -147,12 +113,7 @@ function createSwitch({ Frame, Thumb, acceptsUnstyled }) {
147
113
  ...switchProps,
148
114
  ref: composedRefs,
149
115
  onPress: composeEventHandlers(props.onPress, (event) => {
150
- setChecked((prevChecked) => !prevChecked);
151
- if (isWeb && isFormControl) {
152
- hasConsumerStoppedPropagationRef.current = event.isPropagationStopped();
153
- if (!hasConsumerStoppedPropagationRef.current)
154
- event.stopPropagation();
155
- }
116
+ setChecked((prevChecked) => !prevChecked), isWeb && isFormControl && (hasConsumerStoppedPropagationRef.current = event.isPropagationStopped(), hasConsumerStoppedPropagationRef.current || event.stopPropagation());
156
117
  }),
157
118
  onLayout: composeEventHandlers(
158
119
  props.onLayout,
@@ -176,57 +137,46 @@ function createSwitch({ Frame, Thumb, acceptsUnstyled }) {
176
137
  style: { transform: "translateX(-100%)" }
177
138
  }
178
139
  )
179
- ] });
140
+ ] }));
180
141
  })
181
- );
182
- const BubbleInput = (props) => {
183
- const { control, checked, bubbles = true, ...inputProps } = props;
184
- const ref = React.useRef(null);
185
- const prevChecked = usePrevious(checked);
186
- React.useEffect(() => {
187
- const input = ref.current;
188
- const inputProto = window.HTMLInputElement.prototype;
189
- const descriptor = Object.getOwnPropertyDescriptor(
142
+ ), BubbleInput = (props) => {
143
+ const { control, checked, bubbles = !0, ...inputProps } = props, ref = React.useRef(null), prevChecked = usePrevious(checked);
144
+ return React.useEffect(() => {
145
+ const input = ref.current, inputProto = window.HTMLInputElement.prototype, setChecked = Object.getOwnPropertyDescriptor(
190
146
  inputProto,
191
147
  "checked"
192
- );
193
- const setChecked = descriptor.set;
148
+ ).set;
194
149
  if (prevChecked !== checked && setChecked) {
195
150
  const event = new Event("click", { bubbles });
196
- setChecked.call(input, checked);
197
- input.dispatchEvent(event);
151
+ setChecked.call(input, checked), input.dispatchEvent(event);
198
152
  }
199
- }, [prevChecked, checked, bubbles]);
200
- return (
201
- // @ts-ignore
202
- /* @__PURE__ */ jsx(
203
- "input",
204
- {
205
- type: "checkbox",
206
- "aria-hidden": true,
207
- defaultChecked: checked,
208
- ...inputProps,
209
- tabIndex: -1,
210
- ref,
211
- style: {
212
- ...props.style,
213
- // ...controlSize,
214
- position: "absolute",
215
- pointerEvents: "none",
216
- opacity: 0,
217
- margin: 0
218
- }
153
+ }, [prevChecked, checked, bubbles]), // @ts-ignore
154
+ /* @__PURE__ */ jsx(
155
+ "input",
156
+ {
157
+ type: "checkbox",
158
+ "aria-hidden": !0,
159
+ defaultChecked: checked,
160
+ ...inputProps,
161
+ tabIndex: -1,
162
+ ref,
163
+ style: {
164
+ ...props.style,
165
+ // ...controlSize,
166
+ position: "absolute",
167
+ pointerEvents: "none",
168
+ opacity: 0,
169
+ margin: 0
219
170
  }
220
- )
171
+ }
221
172
  );
222
173
  };
223
174
  function getState(checked) {
224
175
  return checked ? "checked" : "unchecked";
225
176
  }
226
- const Switch = withStaticProperties(SwitchComponent, {
177
+ return withStaticProperties(SwitchComponent, {
227
178
  Thumb: SwitchThumb
228
179
  });
229
- return Switch;
230
180
  }
231
181
  export {
232
182
  SwitchContext,
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/createSwitch.tsx"],
4
- "mappings": "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",
5
- "names": ["SwitchThumb"]
4
+ "mappings": "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",
5
+ "names": []
6
6
  }
@@ -24,12 +24,9 @@ const SwitchThumb = styled(ThemeableStack, {
24
24
  }
25
25
  },
26
26
  defaultVariants: {
27
- unstyled: false
27
+ unstyled: !1
28
28
  }
29
- });
30
- const getSwitchHeight = (val) => Math.round(getVariableValue(getSize(val)) * 0.65);
31
- const getSwitchWidth = (val) => getSwitchHeight(val) * 2;
32
- const SwitchFrame = styled(YStack, {
29
+ }), getSwitchHeight = (val) => Math.round(getVariableValue(getSize(val)) * 0.65), getSwitchWidth = (val) => getSwitchHeight(val) * 2, SwitchFrame = styled(YStack, {
33
30
  name: "Switch",
34
31
  tag: "button",
35
32
  context: SwitchContext,
@@ -57,8 +54,7 @@ const SwitchFrame = styled(YStack, {
57
54
  },
58
55
  size: {
59
56
  "...size": (val) => {
60
- const height = getSwitchHeight(val) + 4;
61
- const width = getSwitchWidth(val) + 4;
57
+ const height = getSwitchHeight(val) + 4, width = getSwitchWidth(val) + 4;
62
58
  return {
63
59
  height,
64
60
  minHeight: height,
@@ -68,13 +64,12 @@ const SwitchFrame = styled(YStack, {
68
64
  }
69
65
  },
70
66
  defaultVariants: {
71
- unstyled: false
67
+ unstyled: !1
72
68
  }
73
- });
74
- const Switch = createSwitch({
69
+ }), Switch = createSwitch({
75
70
  Frame: SwitchFrame,
76
71
  Thumb: SwitchThumb,
77
- acceptsUnstyled: true
72
+ acceptsUnstyled: !0
78
73
  });
79
74
  export {
80
75
  Switch,