@tamagui/switch 2.0.0-rc.4 → 2.0.0-rc.40

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.
Files changed (85) hide show
  1. package/dist/cjs/StyledContext.cjs +14 -12
  2. package/dist/cjs/StyledContext.native.js +20 -18
  3. package/dist/cjs/StyledContext.native.js.map +1 -1
  4. package/dist/cjs/Switch.cjs +76 -74
  5. package/dist/cjs/Switch.native.js +81 -80
  6. package/dist/cjs/Switch.native.js.map +1 -1
  7. package/dist/cjs/createSwitch.cjs +156 -144
  8. package/dist/cjs/createSwitch.native.js +161 -153
  9. package/dist/cjs/createSwitch.native.js.map +1 -1
  10. package/dist/cjs/index.cjs +15 -13
  11. package/dist/cjs/index.native.js +20 -18
  12. package/dist/cjs/index.native.js.map +1 -1
  13. package/dist/cjs/types.cjs +7 -5
  14. package/dist/cjs/types.native.js +7 -5
  15. package/dist/cjs/types.native.js.map +1 -1
  16. package/dist/cjs/useSwitchNative.cjs +12 -10
  17. package/dist/cjs/useSwitchNative.native.js +40 -33
  18. package/dist/cjs/useSwitchNative.native.js.map +1 -1
  19. package/dist/esm/StyledContext.mjs +2 -2
  20. package/dist/esm/StyledContext.native.js +2 -2
  21. package/dist/esm/Switch.mjs +61 -61
  22. package/dist/esm/Switch.mjs.map +1 -1
  23. package/dist/esm/Switch.native.js +65 -66
  24. package/dist/esm/Switch.native.js.map +1 -1
  25. package/dist/esm/createSwitch.mjs +124 -114
  26. package/dist/esm/createSwitch.mjs.map +1 -1
  27. package/dist/esm/createSwitch.native.js +129 -123
  28. package/dist/esm/createSwitch.native.js.map +1 -1
  29. package/dist/esm/index.js +8 -11
  30. package/dist/esm/index.js.map +1 -6
  31. package/dist/esm/useSwitchNative.native.js +11 -6
  32. package/dist/esm/useSwitchNative.native.js.map +1 -1
  33. package/dist/jsx/StyledContext.mjs +2 -2
  34. package/dist/jsx/StyledContext.native.js +20 -18
  35. package/dist/jsx/StyledContext.native.js.map +1 -1
  36. package/dist/jsx/Switch.mjs +61 -61
  37. package/dist/jsx/Switch.mjs.map +1 -1
  38. package/dist/jsx/Switch.native.js +81 -80
  39. package/dist/jsx/Switch.native.js.map +1 -1
  40. package/dist/jsx/createSwitch.mjs +124 -114
  41. package/dist/jsx/createSwitch.mjs.map +1 -1
  42. package/dist/jsx/createSwitch.native.js +161 -153
  43. package/dist/jsx/createSwitch.native.js.map +1 -1
  44. package/dist/jsx/index.js +8 -11
  45. package/dist/jsx/index.js.map +1 -6
  46. package/dist/jsx/index.native.js +20 -18
  47. package/dist/jsx/index.native.js.map +1 -1
  48. package/dist/jsx/types.native.js +7 -5
  49. package/dist/jsx/useSwitchNative.native.js +40 -33
  50. package/dist/jsx/useSwitchNative.native.js.map +1 -1
  51. package/package.json +17 -20
  52. package/types/createSwitch.d.ts +4 -4
  53. package/types/index.d.ts +4 -4
  54. package/dist/cjs/StyledContext.js +0 -28
  55. package/dist/cjs/StyledContext.js.map +0 -6
  56. package/dist/cjs/Switch.js +0 -93
  57. package/dist/cjs/Switch.js.map +0 -6
  58. package/dist/cjs/createSwitch.js +0 -146
  59. package/dist/cjs/createSwitch.js.map +0 -6
  60. package/dist/cjs/index.js +0 -31
  61. package/dist/cjs/index.js.map +0 -6
  62. package/dist/cjs/types.js +0 -14
  63. package/dist/cjs/types.js.map +0 -6
  64. package/dist/cjs/useSwitchNative.js +0 -23
  65. package/dist/cjs/useSwitchNative.js.map +0 -6
  66. package/dist/esm/StyledContext.js +0 -12
  67. package/dist/esm/StyledContext.js.map +0 -6
  68. package/dist/esm/Switch.js +0 -79
  69. package/dist/esm/Switch.js.map +0 -6
  70. package/dist/esm/createSwitch.js +0 -135
  71. package/dist/esm/createSwitch.js.map +0 -6
  72. package/dist/esm/types.js +0 -1
  73. package/dist/esm/types.js.map +0 -6
  74. package/dist/esm/useSwitchNative.js +0 -7
  75. package/dist/esm/useSwitchNative.js.map +0 -6
  76. package/dist/jsx/StyledContext.js +0 -12
  77. package/dist/jsx/StyledContext.js.map +0 -6
  78. package/dist/jsx/Switch.js +0 -79
  79. package/dist/jsx/Switch.js.map +0 -6
  80. package/dist/jsx/createSwitch.js +0 -135
  81. package/dist/jsx/createSwitch.js.map +0 -6
  82. package/dist/jsx/types.js +0 -1
  83. package/dist/jsx/types.js.map +0 -6
  84. package/dist/jsx/useSwitchNative.js +0 -7
  85. package/dist/jsx/useSwitchNative.js.map +0 -6
@@ -11,127 +11,137 @@ function createSwitch(createProps) {
11
11
  Frame = DefaultSwitchFrame,
12
12
  Thumb = SwitchThumb
13
13
  } = createProps;
14
- process.env.NODE_ENV === "development" && (Frame !== DefaultSwitchFrame && Frame.staticConfig.context && Frame.staticConfig.context !== SwitchStyledContext || Thumb !== SwitchThumb && Thumb.staticConfig.context && Thumb.staticConfig.context !== 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 = SwitchStyledContext, Thumb.staticConfig.context = SwitchStyledContext;
15
- const SwitchThumbComponent = Thumb.styleable(function (props, forwardedRef) {
16
- const {
17
- size: sizeProp,
18
- unstyled: unstyledProp,
19
- activeStyle,
20
- ...thumbProps
21
- } = props,
22
- styledContext = SwitchStyledContext.useStyledContext(),
23
- {
24
- unstyled: unstyledContext,
25
- size: sizeContext,
26
- active,
27
- disabled,
28
- frameWidth = 0
29
- } = styledContext,
30
- unstyled = process.env.TAMAGUI_HEADLESS === "1" ? !0 : unstyledProp ?? unstyledContext ?? !1,
31
- size = sizeProp ?? sizeContext ?? "$true",
32
- initialChecked = React.useRef(active).current,
33
- initialWidth = getVariableValue(props.width || size, "size"),
34
- [thumbWidth, setThumbWidth] = React.useState(typeof initialWidth == "number" ? initialWidth : 0),
35
- distance = frameWidth - thumbWidth,
36
- x = initialChecked ? active ? 0 : -distance : active ? distance : 0;
37
- return /* @__PURE__ */jsx(Thumb, {
38
- ref: forwardedRef,
14
+ if (process.env.NODE_ENV === "development") {
15
+ if (Frame !== DefaultSwitchFrame && Frame.staticConfig.context && Frame.staticConfig.context !== SwitchStyledContext || Thumb !== SwitchThumb && Thumb.staticConfig.context && Thumb.staticConfig.context !== SwitchStyledContext) {
16
+ console.warn(`Warning: createSwitch() needs to control context to pass checked state from Frame to Thumb, any custom context passed will be overridden.`);
17
+ }
18
+ }
19
+ Frame.staticConfig.context = SwitchStyledContext;
20
+ Thumb.staticConfig.context = SwitchStyledContext;
21
+ const SwitchThumbComponent = Thumb.styleable(function SwitchThumb2(props, forwardedRef) {
22
+ const {
23
+ size: sizeProp,
24
+ unstyled: unstyledProp,
25
+ activeStyle,
26
+ ...thumbProps
27
+ } = props;
28
+ const styledContext = SwitchStyledContext.useStyledContext();
29
+ const {
30
+ unstyled: unstyledContext,
31
+ size: sizeContext,
32
+ active,
33
+ disabled,
34
+ frameWidth = 0
35
+ } = styledContext;
36
+ const unstyled = process.env.TAMAGUI_HEADLESS === "1" ? true : unstyledProp ?? unstyledContext ?? false;
37
+ const size = sizeProp ?? sizeContext ?? "$true";
38
+ const initialChecked = React.useRef(active).current;
39
+ const initialWidth = getVariableValue(props.width || size, "size");
40
+ const [thumbWidth, setThumbWidth] = React.useState(typeof initialWidth === "number" ? initialWidth : 0);
41
+ const distance = frameWidth - thumbWidth;
42
+ const x = initialChecked ? active ? 0 : -distance : active ? distance : 0;
43
+ return /* @__PURE__ */jsx(Thumb, {
44
+ ref: forwardedRef,
45
+ unstyled,
46
+ ...(unstyled === false && {
47
+ size
48
+ }),
49
+ alignSelf: initialChecked ? "flex-end" : "flex-start",
50
+ x,
51
+ onLayout: composeEventHandlers(props.onLayout, e => {
52
+ const next = e.nativeEvent.layout.width;
53
+ setThumbWidth(next);
54
+ }),
55
+ disabled,
56
+ ...thumbProps,
57
+ ...(active && activeStyle)
58
+ });
59
+ });
60
+ const SwitchComponent = Frame.styleable(function SwitchFrame(_props, forwardedRef) {
61
+ const {
62
+ native,
63
+ nativeProps,
64
+ checked: checkedProp,
65
+ defaultChecked,
66
+ onCheckedChange,
67
+ activeStyle,
68
+ unstyled: unstyledProp,
69
+ activeTheme: activeThemeProp,
70
+ ...props
71
+ } = _props;
72
+ const [checked, setChecked] = useControllableState({
73
+ prop: checkedProp,
74
+ defaultProp: defaultChecked || false,
75
+ onChange: onCheckedChange,
76
+ transition: true
77
+ });
78
+ const styledContext = React.useContext(SwitchStyledContext.context);
79
+ const [frameWidth, setFrameInnerWidth] = React.useState(0);
80
+ const {
81
+ switchProps,
82
+ bubbleInput,
83
+ switchRef
84
+ } = useSwitch(props, [checked, setChecked],
85
+ // @ts-ignore TODO tamagui react 19 type error
86
+ forwardedRef);
87
+ const nativeSwitch = useSwitchNative({
88
+ id: props.id,
89
+ disabled: props.disabled,
90
+ native,
91
+ nativeProps,
92
+ checked,
93
+ setChecked
94
+ });
95
+ if (nativeSwitch) {
96
+ return nativeSwitch;
97
+ }
98
+ const disabled = props.disabled;
99
+ const handleLayout = e => {
100
+ const next = e.nativeEvent.layout.width;
101
+ if (next !== frameWidth) {
102
+ setFrameInnerWidth(next);
103
+ }
104
+ };
105
+ const unstyled = styledContext.unstyled ?? unstyledProp ?? false;
106
+ return /* @__PURE__ */jsxs(Fragment, {
107
+ children: [/* @__PURE__ */jsx(SwitchStyledContext.Provider, {
108
+ size: styledContext.size ?? props.size ?? "$true",
39
109
  unstyled,
40
- ...(unstyled === !1 && {
41
- size
42
- }),
43
- alignSelf: initialChecked ? "flex-end" : "flex-start",
44
- x,
45
- onLayout: composeEventHandlers(props.onLayout, e => {
46
- const next = e.nativeEvent.layout.width;
47
- setThumbWidth(next);
48
- }),
110
+ active: checked,
49
111
  disabled,
50
- ...thumbProps,
51
- ...(active && activeStyle)
52
- });
53
- }),
54
- SwitchComponent = Frame.styleable(function (_props, forwardedRef) {
55
- const {
56
- native,
57
- nativeProps,
58
- checked: checkedProp,
59
- defaultChecked,
60
- onCheckedChange,
61
- activeStyle,
62
- unstyled: unstyledProp,
63
- activeTheme: activeThemeProp,
64
- ...props
65
- } = _props,
66
- [checked, setChecked] = useControllableState({
67
- prop: checkedProp,
68
- defaultProp: defaultChecked || !1,
69
- onChange: onCheckedChange,
70
- transition: !0
71
- }),
72
- styledContext = React.useContext(SwitchStyledContext.context),
73
- [frameWidth, setFrameInnerWidth] = React.useState(0),
74
- {
75
- switchProps,
76
- bubbleInput,
77
- switchRef
78
- } = useSwitch(props, [checked, setChecked],
79
- // @ts-ignore TODO tamagui react 19 type error
80
- forwardedRef),
81
- nativeSwitch = useSwitchNative({
82
- id: props.id,
83
- disabled: props.disabled,
84
- native,
85
- nativeProps,
86
- checked,
87
- setChecked
88
- });
89
- if (nativeSwitch) return nativeSwitch;
90
- const disabled = props.disabled,
91
- handleLayout = e => {
92
- const next = e.nativeEvent.layout.width;
93
- next !== frameWidth && setFrameInnerWidth(next);
94
- },
95
- unstyled = styledContext.unstyled ?? unstyledProp ?? !1;
96
- return /* @__PURE__ */jsxs(Fragment, {
97
- children: [/* @__PURE__ */jsx(SwitchStyledContext.Provider, {
98
- size: styledContext.size ?? props.size ?? "$true",
112
+ frameWidth,
113
+ children: /* @__PURE__ */jsx(Frame, {
114
+ ref: switchRef,
115
+ render: "button",
116
+ theme: activeThemeProp ?? null,
117
+ ...(isWeb && {
118
+ type: "button"
119
+ }),
120
+ ...(!unstyled && {
121
+ size: styledContext.size ?? props.size ?? "$true"
122
+ }),
99
123
  unstyled,
100
- active: checked,
124
+ ...props,
125
+ ...switchProps,
101
126
  disabled,
102
- frameWidth,
103
- children: /* @__PURE__ */jsx(Frame, {
104
- ref: switchRef,
105
- render: "button",
106
- theme: activeThemeProp ?? null,
107
- ...(isWeb && {
108
- type: "button"
109
- }),
110
- ...(!unstyled && {
111
- size: styledContext.size ?? props.size ?? "$true"
127
+ ...(checked && {
128
+ ...(!unstyled && !activeStyle && {
129
+ backgroundColor: "$backgroundActive"
112
130
  }),
113
- unstyled,
114
- ...props,
115
- ...switchProps,
116
- disabled,
117
- ...(checked && {
118
- ...(!unstyled && !activeStyle && {
119
- backgroundColor: "$backgroundActive"
120
- }),
121
- ...activeStyle
122
- }),
123
- children: /* @__PURE__ */jsx(View, {
124
- alignSelf: "stretch",
125
- flex: 1,
126
- onLayout: handleLayout,
127
- children: props.children
128
- })
131
+ ...activeStyle
132
+ }),
133
+ children: /* @__PURE__ */jsx(View, {
134
+ alignSelf: "stretch",
135
+ flex: 1,
136
+ onLayout: handleLayout,
137
+ children: props.children
129
138
  })
130
- }), bubbleInput]
131
- });
132
- }, {
133
- disableTheme: !0
139
+ })
140
+ }), bubbleInput]
134
141
  });
142
+ }, {
143
+ disableTheme: true
144
+ });
135
145
  return withStaticProperties(SwitchComponent, {
136
146
  Thumb: SwitchThumbComponent
137
147
  });
@@ -1 +1 @@
1
- {"version":3,"names":["composeEventHandlers","getVariableValue","isWeb","View","withStaticProperties","useSwitch","useControllableState","React","SwitchStyledContext","SwitchFrame","DefaultSwitchFrame","SwitchThumb","useSwitchNative","Fragment","jsx","jsxs","createSwitch","createProps","Frame","Thumb","process","env","NODE_ENV","staticConfig","context","console","warn","SwitchThumbComponent","styleable","props","forwardedRef","size","sizeProp","unstyled","unstyledProp","activeStyle","thumbProps","styledContext","useStyledContext","unstyledContext","sizeContext","active","disabled","frameWidth","TAMAGUI_HEADLESS","initialChecked","useRef","current","initialWidth","width","thumbWidth","setThumbWidth","useState","distance","x","ref","alignSelf","onLayout","e","next","nativeEvent","layout","SwitchComponent","_props","native","nativeProps","checked","checkedProp","defaultChecked","onCheckedChange","activeTheme","activeThemeProp","setChecked","prop","defaultProp","onChange","transition","useContext","setFrameInnerWidth","switchProps","bubbleInput","switchRef","nativeSwitch","id","handleLayout","children","Provider","render","theme","type","backgroundColor","flex","disableTheme"],"sources":["../../src/createSwitch.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"names":["composeEventHandlers","getVariableValue","isWeb","View","withStaticProperties","useSwitch","useControllableState","React","SwitchStyledContext","SwitchFrame","DefaultSwitchFrame","SwitchThumb","useSwitchNative","Fragment","jsx","jsxs","createSwitch","createProps","Frame","Thumb","process","env","NODE_ENV","staticConfig","context","console","warn","SwitchThumbComponent","styleable","SwitchThumb2","props","forwardedRef","size","sizeProp","unstyled","unstyledProp","activeStyle","thumbProps","styledContext","useStyledContext","unstyledContext","sizeContext","active","disabled","frameWidth","TAMAGUI_HEADLESS","initialChecked","useRef","current","initialWidth","width","thumbWidth","setThumbWidth","useState","distance","x","ref","alignSelf","onLayout","e","next","nativeEvent","layout","SwitchComponent","_props","native","nativeProps","checked","checkedProp","defaultChecked","onCheckedChange","activeTheme","activeThemeProp","setChecked","prop","defaultProp","onChange","transition","useContext","setFrameInnerWidth","switchProps","bubbleInput","switchRef","nativeSwitch","id","handleLayout","children","Provider","render","theme","type","backgroundColor","flex","disableTheme"],"sources":["../../src/createSwitch.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
@@ -11,136 +11,142 @@ function createSwitch(createProps) {
11
11
  Frame = DefaultSwitchFrame,
12
12
  Thumb = SwitchThumb
13
13
  } = createProps;
14
- process.env.NODE_ENV === "development" && (Frame !== DefaultSwitchFrame && Frame.staticConfig.context && Frame.staticConfig.context !== SwitchStyledContext || Thumb !== SwitchThumb && Thumb.staticConfig.context && Thumb.staticConfig.context !== 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 = SwitchStyledContext, Thumb.staticConfig.context = SwitchStyledContext;
15
- var SwitchThumbComponent = Thumb.styleable(function (props, forwardedRef) {
16
- var {
17
- size: sizeProp,
18
- unstyled: unstyledProp,
19
- activeStyle,
20
- ...thumbProps
21
- } = props,
22
- styledContext = SwitchStyledContext.useStyledContext(),
23
- {
24
- unstyled: unstyledContext,
25
- size: sizeContext,
26
- active,
27
- disabled,
28
- frameWidth = 0
29
- } = styledContext,
30
- _ref,
31
- unstyled = process.env.TAMAGUI_HEADLESS === "1" ? !0 : (_ref = unstyledProp ?? unstyledContext) !== null && _ref !== void 0 ? _ref : !1,
32
- _ref1,
33
- size = (_ref1 = sizeProp ?? sizeContext) !== null && _ref1 !== void 0 ? _ref1 : "$true",
34
- initialChecked = React.useRef(active).current,
35
- initialWidth = getVariableValue(props.width || size, "size"),
36
- [thumbWidth, setThumbWidth] = React.useState(typeof initialWidth == "number" ? initialWidth : 0),
37
- distance = frameWidth - thumbWidth,
38
- x = initialChecked ? active ? 0 : -distance : active ? distance : 0;
39
- return /* @__PURE__ */_jsx(Thumb, {
40
- ref: forwardedRef,
14
+ if (process.env.NODE_ENV === "development") {
15
+ if (Frame !== DefaultSwitchFrame && Frame.staticConfig.context && Frame.staticConfig.context !== SwitchStyledContext || Thumb !== SwitchThumb && Thumb.staticConfig.context && Thumb.staticConfig.context !== SwitchStyledContext) {
16
+ console.warn(`Warning: createSwitch() needs to control context to pass checked state from Frame to Thumb, any custom context passed will be overridden.`);
17
+ }
18
+ }
19
+ Frame.staticConfig.context = SwitchStyledContext;
20
+ Thumb.staticConfig.context = SwitchStyledContext;
21
+ var SwitchThumbComponent = Thumb.styleable(function SwitchThumb2(props, forwardedRef) {
22
+ var {
23
+ size: sizeProp,
24
+ unstyled: unstyledProp,
25
+ activeStyle,
26
+ ...thumbProps
27
+ } = props;
28
+ var styledContext = SwitchStyledContext.useStyledContext();
29
+ var {
30
+ unstyled: unstyledContext,
31
+ size: sizeContext,
32
+ active,
33
+ disabled,
34
+ frameWidth = 0
35
+ } = styledContext;
36
+ var _ref;
37
+ var unstyled = process.env.TAMAGUI_HEADLESS === "1" ? true : (_ref = unstyledProp !== null && unstyledProp !== void 0 ? unstyledProp : unstyledContext) !== null && _ref !== void 0 ? _ref : false;
38
+ var _ref1;
39
+ var size = (_ref1 = sizeProp !== null && sizeProp !== void 0 ? sizeProp : sizeContext) !== null && _ref1 !== void 0 ? _ref1 : "$true";
40
+ var initialChecked = React.useRef(active).current;
41
+ var initialWidth = getVariableValue(props.width || size, "size");
42
+ var [thumbWidth, setThumbWidth] = React.useState(typeof initialWidth === "number" ? initialWidth : 0);
43
+ var distance = frameWidth - thumbWidth;
44
+ var x = initialChecked ? active ? 0 : -distance : active ? distance : 0;
45
+ return /* @__PURE__ */_jsx(Thumb, {
46
+ ref: forwardedRef,
47
+ unstyled,
48
+ ...(unstyled === false && {
49
+ size
50
+ }),
51
+ alignSelf: initialChecked ? "flex-end" : "flex-start",
52
+ x,
53
+ onLayout: composeEventHandlers(props.onLayout, function (e) {
54
+ var next = e.nativeEvent.layout.width;
55
+ setThumbWidth(next);
56
+ }),
57
+ disabled,
58
+ ...thumbProps,
59
+ ...(active && activeStyle)
60
+ });
61
+ });
62
+ var SwitchComponent = Frame.styleable(function SwitchFrame(_props, forwardedRef) {
63
+ var {
64
+ native,
65
+ nativeProps,
66
+ checked: checkedProp,
67
+ defaultChecked,
68
+ onCheckedChange,
69
+ activeStyle,
70
+ unstyled: unstyledProp,
71
+ activeTheme: activeThemeProp,
72
+ ...props
73
+ } = _props;
74
+ var [checked, setChecked] = useControllableState({
75
+ prop: checkedProp,
76
+ defaultProp: defaultChecked || false,
77
+ onChange: onCheckedChange,
78
+ transition: true
79
+ });
80
+ var styledContext = React.useContext(SwitchStyledContext.context);
81
+ var [frameWidth, setFrameInnerWidth] = React.useState(0);
82
+ var {
83
+ switchProps,
84
+ bubbleInput,
85
+ switchRef
86
+ } = useSwitch(props, [checked, setChecked],
87
+ // @ts-ignore TODO tamagui react 19 type error
88
+ forwardedRef);
89
+ var nativeSwitch = useSwitchNative({
90
+ id: props.id,
91
+ disabled: props.disabled,
92
+ native,
93
+ nativeProps,
94
+ checked,
95
+ setChecked
96
+ });
97
+ if (nativeSwitch) {
98
+ return nativeSwitch;
99
+ }
100
+ var disabled = props.disabled;
101
+ var handleLayout = function (e) {
102
+ var next = e.nativeEvent.layout.width;
103
+ if (next !== frameWidth) {
104
+ setFrameInnerWidth(next);
105
+ }
106
+ };
107
+ var _styledContext_unstyled, _ref;
108
+ var unstyled = (_ref = (_styledContext_unstyled = styledContext.unstyled) !== null && _styledContext_unstyled !== void 0 ? _styledContext_unstyled : unstyledProp) !== null && _ref !== void 0 ? _ref : false;
109
+ var _styledContext_size, _ref1, _styledContext_size1, _ref2;
110
+ return /* @__PURE__ */_jsxs(_Fragment, {
111
+ children: [/* @__PURE__ */_jsx(SwitchStyledContext.Provider, {
112
+ size: (_ref1 = (_styledContext_size = styledContext.size) !== null && _styledContext_size !== void 0 ? _styledContext_size : props.size) !== null && _ref1 !== void 0 ? _ref1 : "$true",
41
113
  unstyled,
42
- ...(unstyled === !1 && {
43
- size
44
- }),
45
- alignSelf: initialChecked ? "flex-end" : "flex-start",
46
- x,
47
- onLayout: composeEventHandlers(props.onLayout, function (e) {
48
- var next = e.nativeEvent.layout.width;
49
- setThumbWidth(next);
50
- }),
114
+ active: checked,
51
115
  disabled,
52
- ...thumbProps,
53
- ...(active && activeStyle)
54
- });
55
- }),
56
- SwitchComponent = Frame.styleable(function (_props, forwardedRef) {
57
- var {
58
- native,
59
- nativeProps,
60
- checked: checkedProp,
61
- defaultChecked,
62
- onCheckedChange,
63
- activeStyle,
64
- unstyled: unstyledProp,
65
- activeTheme: activeThemeProp,
66
- ...props
67
- } = _props,
68
- [checked, setChecked] = useControllableState({
69
- prop: checkedProp,
70
- defaultProp: defaultChecked || !1,
71
- onChange: onCheckedChange,
72
- transition: !0
73
- }),
74
- styledContext = React.useContext(SwitchStyledContext.context),
75
- [frameWidth, setFrameInnerWidth] = React.useState(0),
76
- {
77
- switchProps,
78
- bubbleInput,
79
- switchRef
80
- } = useSwitch(props, [checked, setChecked],
81
- // @ts-ignore TODO tamagui react 19 type error
82
- forwardedRef),
83
- nativeSwitch = useSwitchNative({
84
- id: props.id,
85
- disabled: props.disabled,
86
- native,
87
- nativeProps,
88
- checked,
89
- setChecked
90
- });
91
- if (nativeSwitch) return nativeSwitch;
92
- var disabled = props.disabled,
93
- handleLayout = function (e) {
94
- var next = e.nativeEvent.layout.width;
95
- next !== frameWidth && setFrameInnerWidth(next);
96
- },
97
- _styledContext_unstyled,
98
- _ref,
99
- unstyled = (_ref = (_styledContext_unstyled = styledContext.unstyled) !== null && _styledContext_unstyled !== void 0 ? _styledContext_unstyled : unstyledProp) !== null && _ref !== void 0 ? _ref : !1,
100
- _styledContext_size,
101
- _ref1,
102
- _styledContext_size1,
103
- _ref2;
104
- return /* @__PURE__ */_jsxs(_Fragment, {
105
- children: [/* @__PURE__ */_jsx(SwitchStyledContext.Provider, {
106
- size: (_ref1 = (_styledContext_size = styledContext.size) !== null && _styledContext_size !== void 0 ? _styledContext_size : props.size) !== null && _ref1 !== void 0 ? _ref1 : "$true",
116
+ frameWidth,
117
+ children: /* @__PURE__ */_jsx(Frame, {
118
+ ref: switchRef,
119
+ render: "button",
120
+ // activeThemeProp should be a theme name string like "active", not a style object
121
+ theme: activeThemeProp !== null && activeThemeProp !== void 0 ? activeThemeProp : null,
122
+ ...(isWeb && {
123
+ type: "button"
124
+ }),
125
+ ...(!unstyled && {
126
+ size: (_ref2 = (_styledContext_size1 = styledContext.size) !== null && _styledContext_size1 !== void 0 ? _styledContext_size1 : props.size) !== null && _ref2 !== void 0 ? _ref2 : "$true"
127
+ }),
107
128
  unstyled,
108
- active: checked,
129
+ ...props,
130
+ ...switchProps,
109
131
  disabled,
110
- frameWidth,
111
- children: /* @__PURE__ */_jsx(Frame, {
112
- ref: switchRef,
113
- render: "button",
114
- // activeThemeProp should be a theme name string like "active", not a style object
115
- theme: activeThemeProp ?? null,
116
- ...(isWeb && {
117
- type: "button"
118
- }),
119
- ...(!unstyled && {
120
- size: (_ref2 = (_styledContext_size1 = styledContext.size) !== null && _styledContext_size1 !== void 0 ? _styledContext_size1 : props.size) !== null && _ref2 !== void 0 ? _ref2 : "$true"
132
+ ...(checked && {
133
+ ...(!unstyled && !activeStyle && {
134
+ backgroundColor: "$backgroundActive"
121
135
  }),
122
- unstyled,
123
- ...props,
124
- ...switchProps,
125
- disabled,
126
- ...(checked && {
127
- ...(!unstyled && !activeStyle && {
128
- backgroundColor: "$backgroundActive"
129
- }),
130
- ...activeStyle
131
- }),
132
- children: /* @__PURE__ */_jsx(View, {
133
- alignSelf: "stretch",
134
- flex: 1,
135
- onLayout: handleLayout,
136
- children: props.children
137
- })
136
+ ...activeStyle
137
+ }),
138
+ children: /* @__PURE__ */_jsx(View, {
139
+ alignSelf: "stretch",
140
+ flex: 1,
141
+ onLayout: handleLayout,
142
+ children: props.children
138
143
  })
139
- }), bubbleInput]
140
- });
141
- }, {
142
- disableTheme: !0
144
+ })
145
+ }), bubbleInput]
143
146
  });
147
+ }, {
148
+ disableTheme: true
149
+ });
144
150
  return withStaticProperties(SwitchComponent, {
145
151
  Thumb: SwitchThumbComponent
146
152
  });
@@ -1 +1 @@
1
- {"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","composeEventHandlers","getVariableValue","isWeb","View","withStaticProperties","useSwitch","useControllableState","React","SwitchStyledContext","SwitchFrame","DefaultSwitchFrame","SwitchThumb","useSwitchNative","createSwitch","createProps","Frame","Thumb","process","env","NODE_ENV","staticConfig","context","console","warn","SwitchThumbComponent","styleable","props","forwardedRef","size","sizeProp","unstyled","unstyledProp","activeStyle","thumbProps","styledContext","useStyledContext","unstyledContext","sizeContext","active","disabled","frameWidth","_ref","TAMAGUI_HEADLESS","_ref1","initialChecked","useRef","current","initialWidth","width","thumbWidth","setThumbWidth","useState","distance","x","ref","alignSelf","onLayout","e","next","nativeEvent","layout","SwitchComponent","_props","native","nativeProps","checked","checkedProp","defaultChecked","onCheckedChange","activeTheme","activeThemeProp","setChecked","prop","defaultProp","onChange","transition","useContext","setFrameInnerWidth","switchProps","bubbleInput","switchRef","nativeSwitch","id","handleLayout","_styledContext_unstyled","_styledContext_size","_styledContext_size1","_ref2","children","Provider","render","theme","type","backgroundColor","flex","disableTheme"],"sources":["../../src/createSwitch.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","composeEventHandlers","getVariableValue","isWeb","View","withStaticProperties","useSwitch","useControllableState","React","SwitchStyledContext","SwitchFrame","DefaultSwitchFrame","SwitchThumb","useSwitchNative","createSwitch","createProps","Frame","Thumb","process","env","NODE_ENV","staticConfig","context","console","warn","SwitchThumbComponent","styleable","SwitchThumb2","props","forwardedRef","size","sizeProp","unstyled","unstyledProp","activeStyle","thumbProps","styledContext","useStyledContext","unstyledContext","sizeContext","active","disabled","frameWidth","_ref","TAMAGUI_HEADLESS","_ref1","initialChecked","useRef","current","initialWidth","width","thumbWidth","setThumbWidth","useState","distance","x","ref","alignSelf","onLayout","e","next","nativeEvent","layout","SwitchComponent","_props","native","nativeProps","checked","checkedProp","defaultChecked","onCheckedChange","activeTheme","activeThemeProp","setChecked","prop","defaultProp","onChange","transition","useContext","setFrameInnerWidth","switchProps","bubbleInput","switchRef","nativeSwitch","id","handleLayout","_styledContext_unstyled","_styledContext_size","_styledContext_size1","_ref2","children","Provider","render","theme","type","backgroundColor","flex","disableTheme"],"sources":["../../src/createSwitch.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
package/dist/esm/index.js CHANGED
@@ -1,16 +1,13 @@
1
- import { createSwitch } from "./createSwitch";
2
- import { SwitchFrame, SwitchThumb } from "./Switch";
3
- export * from "./createSwitch";
4
- export * from "./StyledContext";
5
- export * from "./Switch";
6
- export * from "./types";
7
- import { useSwitchNative } from "./useSwitchNative";
1
+ import { createSwitch } from "./createSwitch.mjs";
2
+ import { SwitchFrame, SwitchThumb } from "./Switch.mjs";
3
+ export * from "./createSwitch.mjs";
4
+ export * from "./StyledContext.mjs";
5
+ export * from "./Switch.mjs";
6
+ export * from "./types.mjs";
7
+ import { useSwitchNative } from "./useSwitchNative.mjs";
8
8
  const Switch = createSwitch({
9
9
  Frame: SwitchFrame,
10
10
  Thumb: SwitchThumb
11
11
  });
12
- export {
13
- Switch,
14
- useSwitchNative
15
- };
12
+ export { Switch, useSwitchNative };
16
13
  //# sourceMappingURL=index.js.map
@@ -1,6 +1 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../src/index.ts"],
4
- "mappings": "AAAA,SAAS,oBAAoB;AAC7B,SAAS,aAAa,mBAAmB;AAEzC,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,SAAS,uBAAuB;AAazB,MAAM,SAAS,aAAa;AAAA,EACjC,OAAO;AAAA,EACP,OAAO;AACT,CAAC;",
5
- "names": []
6
- }
1
+ {"version":3,"names":["createSwitch","SwitchFrame","SwitchThumb","useSwitchNative","Switch","Frame","Thumb"],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"AAAA,SAASA,YAAA,QAAoB;AAC7B,SAASC,WAAA,EAAaC,WAAA,QAAmB;AAEzC,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,SAASC,eAAA,QAAuB;AAazB,MAAMC,MAAA,GAASJ,YAAA,CAAa;EACjCK,KAAA,EAAOJ,WAAA;EACPK,KAAA,EAAOJ;AACT,CAAC","ignoreList":[]}