@tamagui/toggle-group 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 (93) hide show
  1. package/dist/cjs/Toggle.cjs +129 -125
  2. package/dist/cjs/Toggle.native.js +132 -128
  3. package/dist/cjs/Toggle.native.js.map +1 -1
  4. package/dist/cjs/ToggleGroup.cjs +218 -202
  5. package/dist/cjs/ToggleGroup.native.js +232 -222
  6. package/dist/cjs/ToggleGroup.native.js.map +1 -1
  7. package/dist/cjs/context.cjs +18 -14
  8. package/dist/cjs/context.native.js +20 -18
  9. package/dist/cjs/context.native.js.map +1 -1
  10. package/dist/cjs/index.cjs +13 -11
  11. package/dist/cjs/index.native.js +13 -11
  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/esm/Toggle.mjs +98 -96
  17. package/dist/esm/Toggle.mjs.map +1 -1
  18. package/dist/esm/Toggle.native.js +102 -100
  19. package/dist/esm/Toggle.native.js.map +1 -1
  20. package/dist/esm/ToggleGroup.mjs +182 -168
  21. package/dist/esm/ToggleGroup.mjs.map +1 -1
  22. package/dist/esm/ToggleGroup.native.js +197 -189
  23. package/dist/esm/ToggleGroup.native.js.map +1 -1
  24. package/dist/esm/context.mjs +6 -4
  25. package/dist/esm/context.mjs.map +1 -1
  26. package/dist/esm/context.native.js +6 -6
  27. package/dist/esm/context.native.js.map +1 -1
  28. package/dist/esm/index.js +3 -5
  29. package/dist/esm/index.js.map +1 -6
  30. package/dist/jsx/Toggle.mjs +98 -96
  31. package/dist/jsx/Toggle.mjs.map +1 -1
  32. package/dist/jsx/Toggle.native.js +132 -128
  33. package/dist/jsx/Toggle.native.js.map +1 -1
  34. package/dist/jsx/ToggleGroup.mjs +182 -168
  35. package/dist/jsx/ToggleGroup.mjs.map +1 -1
  36. package/dist/jsx/ToggleGroup.native.js +232 -222
  37. package/dist/jsx/ToggleGroup.native.js.map +1 -1
  38. package/dist/jsx/context.mjs +6 -4
  39. package/dist/jsx/context.mjs.map +1 -1
  40. package/dist/jsx/context.native.js +20 -18
  41. package/dist/jsx/context.native.js.map +1 -1
  42. package/dist/jsx/index.js +3 -5
  43. package/dist/jsx/index.js.map +1 -6
  44. package/dist/jsx/index.native.js +13 -11
  45. package/dist/jsx/types.native.js +7 -5
  46. package/package.json +18 -21
  47. package/src/Toggle.tsx +0 -1
  48. package/types/Toggle.d.ts.map +1 -1
  49. package/types/ToggleGroup.d.ts +2 -2
  50. package/dist/cjs/Toggle.js +0 -138
  51. package/dist/cjs/Toggle.js.map +0 -6
  52. package/dist/cjs/ToggleGroup.js +0 -196
  53. package/dist/cjs/ToggleGroup.js.map +0 -6
  54. package/dist/cjs/context.js +0 -26
  55. package/dist/cjs/context.js.map +0 -6
  56. package/dist/cjs/index.js +0 -22
  57. package/dist/cjs/index.js.map +0 -6
  58. package/dist/cjs/types.js +0 -14
  59. package/dist/cjs/types.js.map +0 -6
  60. package/dist/cjs/useToggleGroupItem.cjs +0 -27
  61. package/dist/cjs/useToggleGroupItem.js +0 -22
  62. package/dist/cjs/useToggleGroupItem.js.map +0 -6
  63. package/dist/cjs/useToggleGroupItem.native.js +0 -30
  64. package/dist/cjs/useToggleGroupItem.native.js.map +0 -1
  65. package/dist/esm/Toggle.js +0 -119
  66. package/dist/esm/Toggle.js.map +0 -6
  67. package/dist/esm/ToggleGroup.js +0 -182
  68. package/dist/esm/ToggleGroup.js.map +0 -6
  69. package/dist/esm/context.js +0 -10
  70. package/dist/esm/context.js.map +0 -6
  71. package/dist/esm/types.js +0 -1
  72. package/dist/esm/types.js.map +0 -6
  73. package/dist/esm/useToggleGroupItem.js +0 -6
  74. package/dist/esm/useToggleGroupItem.js.map +0 -6
  75. package/dist/esm/useToggleGroupItem.mjs +0 -4
  76. package/dist/esm/useToggleGroupItem.mjs.map +0 -1
  77. package/dist/esm/useToggleGroupItem.native.js +0 -4
  78. package/dist/esm/useToggleGroupItem.native.js.map +0 -1
  79. package/dist/jsx/Toggle.js +0 -119
  80. package/dist/jsx/Toggle.js.map +0 -6
  81. package/dist/jsx/ToggleGroup.js +0 -182
  82. package/dist/jsx/ToggleGroup.js.map +0 -6
  83. package/dist/jsx/context.js +0 -10
  84. package/dist/jsx/context.js.map +0 -6
  85. package/dist/jsx/types.js +0 -1
  86. package/dist/jsx/types.js.map +0 -6
  87. package/dist/jsx/useToggleGroupItem.js +0 -6
  88. package/dist/jsx/useToggleGroupItem.js.map +0 -6
  89. package/dist/jsx/useToggleGroupItem.mjs +0 -4
  90. package/dist/jsx/useToggleGroupItem.mjs.map +0 -1
  91. package/dist/jsx/useToggleGroupItem.native.js +0 -30
  92. package/dist/jsx/useToggleGroupItem.native.js.map +0 -1
  93. package/types/useToggleGroupItem.d.ts.map +0 -1
@@ -2,145 +2,149 @@ var __create = Object.create;
2
2
  var __defProp = Object.defineProperty;
3
3
  var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
4
  var __getOwnPropNames = Object.getOwnPropertyNames;
5
- var __getProtoOf = Object.getPrototypeOf,
6
- __hasOwnProp = Object.prototype.hasOwnProperty;
5
+ var __getProtoOf = Object.getPrototypeOf;
6
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
7
7
  var __export = (target, all) => {
8
- for (var name in all) __defProp(target, name, {
9
- get: all[name],
10
- enumerable: !0
11
- });
12
- },
13
- __copyProps = (to, from, except, desc) => {
14
- if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
8
+ for (var name in all) __defProp(target, name, {
9
+ get: all[name],
10
+ enumerable: true
11
+ });
12
+ };
13
+ var __copyProps = (to, from, except, desc) => {
14
+ if (from && typeof from === "object" || typeof from === "function") {
15
+ for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
15
16
  get: () => from[key],
16
17
  enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
17
18
  });
18
- return to;
19
- };
19
+ }
20
+ return to;
21
+ };
20
22
  var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
21
- // If the importer is in node compatibility mode or this is not an ESM
22
- // file that has been converted to a CommonJS file using a Babel-
23
- // compatible transform (i.e. "__esModule" has not been set), then set
24
- // "default" to the CommonJS "module.exports" for node compatibility.
25
- isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
26
- value: mod,
27
- enumerable: !0
28
- }) : target, mod)),
29
- __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
30
- value: !0
31
- }), mod);
23
+ // If the importer is in node compatibility mode or this is not an ESM
24
+ // file that has been converted to a CommonJS file using a Babel-
25
+ // compatible transform (i.e. "__esModule" has not been set), then set
26
+ // "default" to the CommonJS "module.exports" for node compatibility.
27
+ isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
28
+ value: mod,
29
+ enumerable: true
30
+ }) : target, mod));
31
+ var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
32
+ value: true
33
+ }), mod);
32
34
  var Toggle_exports = {};
33
35
  __export(Toggle_exports, {
34
36
  Toggle: () => Toggle,
35
37
  ToggleFrame: () => ToggleFrame
36
38
  });
37
39
  module.exports = __toCommonJS(Toggle_exports);
38
- var import_helpers = require("@tamagui/helpers"),
39
- import_use_controllable_state = require("@tamagui/use-controllable-state"),
40
- import_web = require("@tamagui/web"),
41
- React = __toESM(require("react"), 1),
42
- import_context = require("./context.cjs"),
43
- import_jsx_runtime = require("react/jsx-runtime");
44
- const NAME = "Toggle",
45
- ToggleFrame = (0, import_web.styled)(import_web.View, {
46
- name: NAME,
47
- render: "button",
48
- context: import_context.context,
49
- variants: {
50
- unstyled: {
51
- false: {
52
- size: "$true",
53
- alignItems: "center",
54
- justifyContent: "center",
55
- display: "flex",
56
- backgroundColor: "$background",
57
- borderColor: "$borderColor",
58
- borderWidth: 1,
59
- margin: -1,
60
- hoverStyle: {
61
- backgroundColor: "$backgroundHover",
62
- borderColor: "$borderColorHover"
63
- },
64
- pressStyle: {
65
- backgroundColor: "$backgroundPress",
66
- borderColor: "$borderColorPress"
67
- },
68
- focusVisibleStyle: {
69
- outlineColor: "$outlineColor",
70
- outlineWidth: 2,
71
- outlineStyle: "solid",
72
- zIndex: 10
73
- }
40
+ var import_helpers = require("@tamagui/helpers");
41
+ var import_use_controllable_state = require("@tamagui/use-controllable-state");
42
+ var import_web = require("@tamagui/web");
43
+ var React = __toESM(require("react"), 1);
44
+ var import_context = require("./context.cjs");
45
+ var import_jsx_runtime = require("react/jsx-runtime");
46
+ const NAME = "Toggle";
47
+ const ToggleFrame = (0, import_web.styled)(import_web.View, {
48
+ name: NAME,
49
+ render: "button",
50
+ context: import_context.context,
51
+ variants: {
52
+ unstyled: {
53
+ false: {
54
+ size: "$true",
55
+ alignItems: "center",
56
+ justifyContent: "center",
57
+ display: "flex",
58
+ backgroundColor: "$background",
59
+ borderColor: "$borderColor",
60
+ borderWidth: 1,
61
+ margin: -1,
62
+ hoverStyle: {
63
+ backgroundColor: "$backgroundHover",
64
+ borderColor: "$borderColorHover"
65
+ },
66
+ pressStyle: {
67
+ backgroundColor: "$backgroundPress",
68
+ borderColor: "$borderColorPress"
69
+ },
70
+ focusVisibleStyle: {
71
+ outlineColor: "$outlineColor",
72
+ outlineWidth: 2,
73
+ outlineStyle: "solid",
74
+ zIndex: 10
74
75
  }
76
+ }
77
+ },
78
+ size: {
79
+ "...size": (val, {
80
+ tokens
81
+ }) => {
82
+ if (!val) return;
83
+ return {
84
+ width: tokens.size[val],
85
+ height: tokens.size[val]
86
+ };
75
87
  },
76
- size: {
77
- "...size": (val, {
78
- tokens
79
- }) => {
80
- if (val) return {
81
- width: tokens.size[val],
82
- height: tokens.size[val]
83
- };
88
+ ":number": val => ({
89
+ width: val,
90
+ height: val
91
+ })
92
+ },
93
+ defaultActiveStyle: {
94
+ true: {
95
+ backgroundColor: "$backgroundActive",
96
+ hoverStyle: {
97
+ backgroundColor: "$backgroundActive"
84
98
  },
85
- ":number": val => ({
86
- width: val,
87
- height: val
88
- })
89
- },
90
- defaultActiveStyle: {
91
- true: {
92
- backgroundColor: "$backgroundActive",
93
- hoverStyle: {
94
- backgroundColor: "$backgroundActive"
95
- },
96
- focusStyle: {
97
- backgroundColor: "$backgroundActive",
98
- borderColor: "$borderColorActive"
99
- }
99
+ focusStyle: {
100
+ backgroundColor: "$backgroundActive"
100
101
  }
101
102
  }
102
- },
103
- defaultVariants: {
104
- unstyled: process.env.TAMAGUI_HEADLESS === "1"
105
103
  }
106
- }, {
107
- accept: {
108
- activeStyle: "style"
109
- }
110
- }),
111
- Toggle = React.forwardRef(function (props, forwardedRef) {
112
- const {
113
- active: activeProp,
114
- activeStyle,
115
- defaultActive = !1,
116
- onActiveChange,
117
- activeTheme,
118
- unstyled = !1,
119
- ...buttonProps
120
- } = props,
121
- [active = !1, setActive] = (0, import_use_controllable_state.useControllableState)({
122
- prop: activeProp,
123
- onChange: onActiveChange,
124
- defaultProp: defaultActive
125
- });
126
- return /* @__PURE__ */(0, import_jsx_runtime.jsx)(ToggleFrame, {
127
- theme: activeTheme ?? null,
128
- "aria-pressed": active,
129
- "data-state": active ? "on" : "off",
130
- "data-disabled": props.disabled ? "" : void 0,
131
- unstyled,
132
- ...(active && !activeStyle && !unstyled && {
133
- defaultActiveStyle: !0
134
- }),
135
- ...(active && activeStyle && {
136
- ...activeStyle,
137
- hoverStyle: activeStyle,
138
- focusStyle: activeStyle
139
- }),
140
- ...buttonProps,
141
- ref: forwardedRef,
142
- onPress: (0, import_helpers.composeEventHandlers)(props.onPress ?? void 0, () => {
143
- props.disabled || setActive(prev => !prev);
144
- })
145
- });
146
- });
104
+ },
105
+ defaultVariants: {
106
+ unstyled: process.env.TAMAGUI_HEADLESS === "1"
107
+ }
108
+ }, {
109
+ accept: {
110
+ activeStyle: "style"
111
+ }
112
+ });
113
+ const Toggle = React.forwardRef(function Toggle2(props, forwardedRef) {
114
+ const {
115
+ active: activeProp,
116
+ activeStyle,
117
+ defaultActive = false,
118
+ onActiveChange,
119
+ activeTheme,
120
+ unstyled = false,
121
+ ...buttonProps
122
+ } = props;
123
+ const [active = false, setActive] = (0, import_use_controllable_state.useControllableState)({
124
+ prop: activeProp,
125
+ onChange: onActiveChange,
126
+ defaultProp: defaultActive
127
+ });
128
+ return /* @__PURE__ */(0, import_jsx_runtime.jsx)(ToggleFrame, {
129
+ theme: activeTheme ?? null,
130
+ "aria-pressed": active,
131
+ "data-state": active ? "on" : "off",
132
+ "data-disabled": props.disabled ? "" : void 0,
133
+ unstyled,
134
+ ...(active && !activeStyle && !unstyled && {
135
+ defaultActiveStyle: true
136
+ }),
137
+ ...(active && activeStyle && {
138
+ ...activeStyle,
139
+ hoverStyle: activeStyle,
140
+ focusStyle: activeStyle
141
+ }),
142
+ ...buttonProps,
143
+ ref: forwardedRef,
144
+ onPress: (0, import_helpers.composeEventHandlers)(props.onPress ?? void 0, () => {
145
+ if (!props.disabled) {
146
+ setActive(prev => !prev);
147
+ }
148
+ })
149
+ });
150
+ });
@@ -4,152 +4,156 @@ var __create = Object.create;
4
4
  var __defProp = Object.defineProperty;
5
5
  var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
6
6
  var __getOwnPropNames = Object.getOwnPropertyNames;
7
- var __getProtoOf = Object.getPrototypeOf,
8
- __hasOwnProp = Object.prototype.hasOwnProperty;
7
+ var __getProtoOf = Object.getPrototypeOf;
8
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
9
9
  var __export = (target, all) => {
10
- for (var name in all) __defProp(target, name, {
11
- get: all[name],
12
- enumerable: !0
13
- });
14
- },
15
- __copyProps = (to, from, except, desc) => {
16
- if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
10
+ for (var name in all) __defProp(target, name, {
11
+ get: all[name],
12
+ enumerable: true
13
+ });
14
+ };
15
+ var __copyProps = (to, from, except, desc) => {
16
+ if (from && typeof from === "object" || typeof from === "function") {
17
+ for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
17
18
  get: () => from[key],
18
19
  enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
19
20
  });
20
- return to;
21
- };
21
+ }
22
+ return to;
23
+ };
22
24
  var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
23
- // If the importer is in node compatibility mode or this is not an ESM
24
- // file that has been converted to a CommonJS file using a Babel-
25
- // compatible transform (i.e. "__esModule" has not been set), then set
26
- // "default" to the CommonJS "module.exports" for node compatibility.
27
- isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
28
- value: mod,
29
- enumerable: !0
30
- }) : target, mod)),
31
- __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
32
- value: !0
33
- }), mod);
25
+ // If the importer is in node compatibility mode or this is not an ESM
26
+ // file that has been converted to a CommonJS file using a Babel-
27
+ // compatible transform (i.e. "__esModule" has not been set), then set
28
+ // "default" to the CommonJS "module.exports" for node compatibility.
29
+ isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
30
+ value: mod,
31
+ enumerable: true
32
+ }) : target, mod));
33
+ var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
34
+ value: true
35
+ }), mod);
34
36
  var Toggle_exports = {};
35
37
  __export(Toggle_exports, {
36
38
  Toggle: () => Toggle,
37
39
  ToggleFrame: () => ToggleFrame
38
40
  });
39
41
  module.exports = __toCommonJS(Toggle_exports);
40
- var import_jsx_runtime = require("react/jsx-runtime"),
41
- import_helpers = require("@tamagui/helpers"),
42
- import_use_controllable_state = require("@tamagui/use-controllable-state"),
43
- import_web = require("@tamagui/web"),
44
- React = __toESM(require("react"), 1),
45
- import_context = require("./context.native.js"),
46
- NAME = "Toggle",
47
- ToggleFrame = (0, import_web.styled)(import_web.View, {
48
- name: NAME,
49
- render: "button",
50
- context: import_context.context,
51
- variants: {
52
- unstyled: {
53
- false: {
54
- size: "$true",
55
- alignItems: "center",
56
- justifyContent: "center",
57
- display: "flex",
58
- backgroundColor: "$background",
59
- borderColor: "$borderColor",
60
- borderWidth: 1,
61
- margin: -1,
62
- hoverStyle: {
63
- backgroundColor: "$backgroundHover",
64
- borderColor: "$borderColorHover"
65
- },
66
- pressStyle: {
67
- backgroundColor: "$backgroundPress",
68
- borderColor: "$borderColorPress"
69
- },
70
- focusVisibleStyle: {
71
- outlineColor: "$outlineColor",
72
- outlineWidth: 2,
73
- outlineStyle: "solid",
74
- zIndex: 10
75
- }
76
- }
77
- },
78
- size: {
79
- "...size": function (val, param) {
80
- var {
81
- tokens
82
- } = param;
83
- if (val) return {
84
- width: tokens.size[val],
85
- height: tokens.size[val]
86
- };
42
+ var import_jsx_runtime = require("react/jsx-runtime");
43
+ var import_helpers = require("@tamagui/helpers");
44
+ var import_use_controllable_state = require("@tamagui/use-controllable-state");
45
+ var import_web = require("@tamagui/web");
46
+ var React = __toESM(require("react"), 1);
47
+ var import_context = require("./context.native.js");
48
+ var NAME = "Toggle";
49
+ var ToggleFrame = (0, import_web.styled)(import_web.View, {
50
+ name: NAME,
51
+ render: "button",
52
+ context: import_context.context,
53
+ variants: {
54
+ unstyled: {
55
+ false: {
56
+ size: "$true",
57
+ alignItems: "center",
58
+ justifyContent: "center",
59
+ display: "flex",
60
+ backgroundColor: "$background",
61
+ borderColor: "$borderColor",
62
+ borderWidth: 1,
63
+ margin: -1,
64
+ hoverStyle: {
65
+ backgroundColor: "$backgroundHover",
66
+ borderColor: "$borderColorHover"
87
67
  },
88
- ":number": function (val) {
89
- return {
90
- width: val,
91
- height: val
92
- };
68
+ pressStyle: {
69
+ backgroundColor: "$backgroundPress",
70
+ borderColor: "$borderColorPress"
71
+ },
72
+ focusVisibleStyle: {
73
+ outlineColor: "$outlineColor",
74
+ outlineWidth: 2,
75
+ outlineStyle: "solid",
76
+ zIndex: 10
93
77
  }
78
+ }
79
+ },
80
+ size: {
81
+ "...size": function (val, param) {
82
+ var {
83
+ tokens
84
+ } = param;
85
+ if (!val) return;
86
+ return {
87
+ width: tokens.size[val],
88
+ height: tokens.size[val]
89
+ };
94
90
  },
95
- defaultActiveStyle: {
96
- true: {
97
- backgroundColor: "$backgroundActive",
98
- hoverStyle: {
99
- backgroundColor: "$backgroundActive"
100
- },
101
- focusStyle: {
102
- backgroundColor: "$backgroundActive",
103
- borderColor: "$borderColorActive"
104
- }
105
- }
91
+ ":number": function (val) {
92
+ return {
93
+ width: val,
94
+ height: val
95
+ };
106
96
  }
107
97
  },
108
- defaultVariants: {
109
- unstyled: process.env.TAMAGUI_HEADLESS === "1"
110
- }
111
- }, {
112
- accept: {
113
- activeStyle: "style"
98
+ defaultActiveStyle: {
99
+ true: {
100
+ backgroundColor: "$backgroundActive",
101
+ hoverStyle: {
102
+ backgroundColor: "$backgroundActive"
103
+ },
104
+ focusStyle: {
105
+ backgroundColor: "$backgroundActive"
106
+ }
107
+ }
114
108
  }
115
- }),
116
- Toggle = /* @__PURE__ */React.forwardRef(function (props, forwardedRef) {
117
- var {
118
- active: activeProp,
119
- activeStyle,
120
- defaultActive = !1,
121
- onActiveChange,
122
- activeTheme,
123
- unstyled = !1,
124
- ...buttonProps
125
- } = props,
126
- [active = !1, setActive] = (0, import_use_controllable_state.useControllableState)({
127
- prop: activeProp,
128
- onChange: onActiveChange,
129
- defaultProp: defaultActive
130
- }),
131
- _props_onPress;
132
- return /* @__PURE__ */(0, import_jsx_runtime.jsx)(ToggleFrame, {
133
- theme: activeTheme ?? null,
134
- "aria-pressed": active,
135
- "data-state": active ? "on" : "off",
136
- "data-disabled": props.disabled ? "" : void 0,
137
- unstyled,
138
- ...(active && !activeStyle && !unstyled && {
139
- defaultActiveStyle: !0
140
- }),
141
- ...(active && activeStyle && {
142
- ...activeStyle,
143
- hoverStyle: activeStyle,
144
- focusStyle: activeStyle
145
- }),
146
- ...buttonProps,
147
- ref: forwardedRef,
148
- onPress: (0, import_helpers.composeEventHandlers)((_props_onPress = props.onPress) !== null && _props_onPress !== void 0 ? _props_onPress : void 0, function () {
149
- props.disabled || setActive(function (prev) {
109
+ },
110
+ defaultVariants: {
111
+ unstyled: process.env.TAMAGUI_HEADLESS === "1"
112
+ }
113
+ }, {
114
+ accept: {
115
+ activeStyle: "style"
116
+ }
117
+ });
118
+ var Toggle = /* @__PURE__ */React.forwardRef(function Toggle2(props, forwardedRef) {
119
+ var {
120
+ active: activeProp,
121
+ activeStyle,
122
+ defaultActive = false,
123
+ onActiveChange,
124
+ activeTheme,
125
+ unstyled = false,
126
+ ...buttonProps
127
+ } = props;
128
+ var [active = false, setActive] = (0, import_use_controllable_state.useControllableState)({
129
+ prop: activeProp,
130
+ onChange: onActiveChange,
131
+ defaultProp: defaultActive
132
+ });
133
+ var _props_onPress;
134
+ return /* @__PURE__ */(0, import_jsx_runtime.jsx)(ToggleFrame, {
135
+ theme: activeTheme !== null && activeTheme !== void 0 ? activeTheme : null,
136
+ "aria-pressed": active,
137
+ "data-state": active ? "on" : "off",
138
+ "data-disabled": props.disabled ? "" : void 0,
139
+ unstyled,
140
+ ...(active && !activeStyle && !unstyled && {
141
+ defaultActiveStyle: true
142
+ }),
143
+ ...(active && activeStyle && {
144
+ ...activeStyle,
145
+ hoverStyle: activeStyle,
146
+ focusStyle: activeStyle
147
+ }),
148
+ ...buttonProps,
149
+ ref: forwardedRef,
150
+ onPress: (0, import_helpers.composeEventHandlers)((_props_onPress = props.onPress) !== null && _props_onPress !== void 0 ? _props_onPress : void 0, function () {
151
+ if (!props.disabled) {
152
+ setActive(function (prev) {
150
153
  return !prev;
151
154
  });
152
- })
153
- });
155
+ }
156
+ })
154
157
  });
158
+ });
155
159
  //# sourceMappingURL=Toggle.native.js.map
@@ -1 +1 @@
1
- {"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","Toggle_exports","__export","Toggle","ToggleFrame","module","exports","import_jsx_runtime","require","import_helpers","import_use_controllable_state","import_web","React","__toESM","import_context","NAME","styled","View","name","render","context","variants","unstyled","false","size","alignItems","justifyContent","display","backgroundColor","borderColor","borderWidth","margin","hoverStyle","pressStyle","focusVisibleStyle","outlineColor","outlineWidth","outlineStyle","zIndex","...size","val","param","tokens","width","height",":number","defaultActiveStyle","true","focusStyle","defaultVariants","process","env","TAMAGUI_HEADLESS","accept","activeStyle","forwardRef","props","forwardedRef","active","activeProp","defaultActive","onActiveChange","activeTheme","buttonProps","setActive","useControllableState","prop","onChange","defaultProp","_props_onPress","jsx","theme","disabled","ref","onPress","composeEventHandlers","prev"],"sources":["../../src/Toggle.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;kBAAA;EAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;IAAAC,KAAA;EAAA,IAAAH,GAAA;AAAA,IAAAI,cAAA;AAAAC,QAAA,CAAAD,cAAA;EAAAE,MAAA,EAAAA,CAAA,KAAAA,MAAA;EAAAC,WAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAV,YAAqC,CAAAK,cAAA;AAWrC,IAAAM,kBAAa,GAEAC,OAAA,oBAAc;EAAAC,cAAA,GAAAD,OAAA;EAAAE,6BAAA,GAAAF,OAAA;EAAAG,UAAA,GAAAH,OAAA;EAAAI,KAAA,GAAAC,OAAA,CAAAL,OAAA;EAAAM,cAAA,GAAAN,OAAA;EAAAO,IAAA;EAAAX,WAAA,OAAAO,UAAA,CAAAK,MAAA,EAAAL,UAAA,CAAAM,IAAA;IACzBC,IAAA,EAAAH,IAAA;IACAI,MAAA;IAAAC,OACE,EAAMN,cAAA,CAAAM,OAAA;IAAAC,QACN,EAAQ;MACRC,QAAA;QAEAC,KAAA;UACEC,IAAA,SAAU;UACRC,UAAO;UAAAC,cACC;UAAAC,OACN,QAAY;UAAAC,eACZ,eAAgB;UAAAC,WACP;UAAAC,WACT;UAAiBC,MACjB;UAAaC,UACb;YACAJ,eAAQ;YACRC,WAAA,EAAY;UAAA;UACOI,UACjB;YACFL,eAAA;YACAC,WAAA,EAAY;UAAA;UACOK,iBACJ;YACfC,YAAA;YACAC,YAAA;YAAmBC,YACjB,SAAc;YAAAC,MACd;UAAc;QACA;MACN;MACVd,IACF;QACF,oBAAAe,CAAAC,GAAA,EAAAC,KAAA;UAEA,IAAM;YAAAC;UAAA,IAAAD,KAAA;UACJ,IAAAD,GAAA,EACE,OAAK;YACLG,KAAA,EAAOD,MAAA,CAAAlB,IAAA,CAAAgB,GAAA;YAAAI,MACL,EAAAF,MAAO,CAAAlB,IAAO,CAAAgB,GAAK;UAAG;QACC;QACzB,SACF,WAAAK,CAAAL,GAAA;UACA;YACEG,KAAA,EAAOH,GAAA;YACPI,MAAA,EAAQJ;UACV;QACF;MAAA;MAEoBM,kBACZ;QAAAC,IACJ;UAAiBnB,eACL;UAAAI,UACV;YACFJ,eAAA;UAAA;UACYoB,UACV;YAAiBpB,eACJ;YACfC,WAAA;UACF;QACF;MACF;IAAA;IAEiBoB,eACL;MACZ3B,QAAA,EAAA4B,OAAA,CAAAC,GAAA,CAAAC,gBAAA;IACF;EAAA,GACA;IAAAC,MACE;MAAQC,WACN;IAAa;EACf,EACF;EAAAnD,MAAA,kBAAAS,KAAA,CAAA2C,UAAA,WAAAC,KAAA,EAAAC,YAAA;IACF,IAiBa;QAAAC,MAAS,EAAAC,UAAM;QAAAL,WAAA;QAAAM,aAAA;QAAAC,cAAA;QAAAC,WAAA;QAAAxC,QAAA;QAAA,GAAAyC;MAAA,IAAAP,KAAA;MAAA,CAAAE,MAAA,OAAAM,SAAA,QAAAtD,6BAAA,CAAAuD,oBAAA;QAC1BC,IAAA,EAAAP,UAAuB;QACrBQ,QAAM,EAAAN,cAAA;QAAAO,WACI,EAAAR;MAAA;MACRS,cAAA;IAAA,OACA,eAAgB,IAAA9D,kBAAA,CAAA+D,GAAA,EAAAlE,WAAA;MAAAmE,KAChB,EAAAT,WAAA;MAAA,cACA,EAAAJ,MAAA;MAAA,YACA,EAAWA,MAAA;MAAA,eACR,EAAAF,KAAA,CAAAgB,QAAA;MACLlD,QAAI;MAEqD,IACvDoC,MAAM,KAAAJ,WAAA,KAAAhC,QAAA;QACNwB,kBAAU;MAAA;MAEZ,IAACY,MAAA,IAAAJ,WAAA;QAED,GAAAA,WACE;QAACtB,UAAA,EAAAsB,WAAA;QAAAN,UAAA,EAAAM;MAAA;MACuB,GAAAS,WACtB;MAAcU,GAAA,EACdhB,YAAA;MAA4BiB,OAC5B,MAAAjE,cAAqB,CAAAkE,oBAAgB,GAAAN,cAAA,GAAAb,KAAA,CAAAkB,OAAA,cAAAL,cAAA,cAAAA,cAAA;QAAAb,KACrC,CAAAgB,QAAA,IAAAR,SAAA,WAAAY,IAAA;UACC,OAAI,CAAAA,IAAA;QAEU;MACS;IACtB;EAEe","ignoreList":[]}
1
+ {"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","Toggle_exports","__export","Toggle","ToggleFrame","module","exports","import_jsx_runtime","require","import_helpers","import_use_controllable_state","import_web","React","__toESM","import_context","NAME","styled","View","name","render","context","variants","unstyled","false","size","alignItems","justifyContent","display","backgroundColor","borderColor","borderWidth","margin","hoverStyle","pressStyle","focusVisibleStyle","outlineColor","outlineWidth","outlineStyle","zIndex","...size","val","param","tokens","width","height",":number","defaultActiveStyle","true","focusStyle","defaultVariants","process","env","TAMAGUI_HEADLESS","accept","activeStyle","forwardRef","Toggle2","props","forwardedRef","active","activeProp","defaultActive","onActiveChange","activeTheme","buttonProps","setActive","useControllableState","prop","onChange","defaultProp","_props_onPress","jsx","theme","disabled","ref","onPress","composeEventHandlers","prev"],"sources":["../../src/Toggle.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}