@tamagui/toggle-group 2.0.0-rc.3 → 2.0.0-rc.31

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 (63) hide show
  1. package/dist/cjs/Toggle.cjs +1 -2
  2. package/dist/cjs/Toggle.native.js +1 -2
  3. package/dist/cjs/Toggle.native.js.map +1 -1
  4. package/dist/esm/Toggle.mjs +1 -2
  5. package/dist/esm/Toggle.mjs.map +1 -1
  6. package/dist/esm/Toggle.native.js +1 -2
  7. package/dist/esm/Toggle.native.js.map +1 -1
  8. package/dist/esm/index.js +3 -5
  9. package/dist/esm/index.js.map +1 -6
  10. package/dist/jsx/Toggle.mjs +1 -2
  11. package/dist/jsx/Toggle.mjs.map +1 -1
  12. package/dist/jsx/Toggle.native.js +1 -2
  13. package/dist/jsx/Toggle.native.js.map +1 -1
  14. package/dist/jsx/index.js +3 -5
  15. package/dist/jsx/index.js.map +1 -6
  16. package/package.json +18 -21
  17. package/src/Toggle.tsx +0 -1
  18. package/types/Toggle.d.ts.map +1 -1
  19. package/types/ToggleGroup.d.ts +2 -2
  20. package/dist/cjs/Toggle.js +0 -138
  21. package/dist/cjs/Toggle.js.map +0 -6
  22. package/dist/cjs/ToggleGroup.js +0 -196
  23. package/dist/cjs/ToggleGroup.js.map +0 -6
  24. package/dist/cjs/context.js +0 -26
  25. package/dist/cjs/context.js.map +0 -6
  26. package/dist/cjs/index.js +0 -22
  27. package/dist/cjs/index.js.map +0 -6
  28. package/dist/cjs/types.js +0 -14
  29. package/dist/cjs/types.js.map +0 -6
  30. package/dist/cjs/useToggleGroupItem.cjs +0 -27
  31. package/dist/cjs/useToggleGroupItem.js +0 -22
  32. package/dist/cjs/useToggleGroupItem.js.map +0 -6
  33. package/dist/cjs/useToggleGroupItem.native.js +0 -30
  34. package/dist/cjs/useToggleGroupItem.native.js.map +0 -1
  35. package/dist/esm/Toggle.js +0 -119
  36. package/dist/esm/Toggle.js.map +0 -6
  37. package/dist/esm/ToggleGroup.js +0 -182
  38. package/dist/esm/ToggleGroup.js.map +0 -6
  39. package/dist/esm/context.js +0 -10
  40. package/dist/esm/context.js.map +0 -6
  41. package/dist/esm/types.js +0 -1
  42. package/dist/esm/types.js.map +0 -6
  43. package/dist/esm/useToggleGroupItem.js +0 -6
  44. package/dist/esm/useToggleGroupItem.js.map +0 -6
  45. package/dist/esm/useToggleGroupItem.mjs +0 -4
  46. package/dist/esm/useToggleGroupItem.mjs.map +0 -1
  47. package/dist/esm/useToggleGroupItem.native.js +0 -4
  48. package/dist/esm/useToggleGroupItem.native.js.map +0 -1
  49. package/dist/jsx/Toggle.js +0 -119
  50. package/dist/jsx/Toggle.js.map +0 -6
  51. package/dist/jsx/ToggleGroup.js +0 -182
  52. package/dist/jsx/ToggleGroup.js.map +0 -6
  53. package/dist/jsx/context.js +0 -10
  54. package/dist/jsx/context.js.map +0 -6
  55. package/dist/jsx/types.js +0 -1
  56. package/dist/jsx/types.js.map +0 -6
  57. package/dist/jsx/useToggleGroupItem.js +0 -6
  58. package/dist/jsx/useToggleGroupItem.js.map +0 -6
  59. package/dist/jsx/useToggleGroupItem.mjs +0 -4
  60. package/dist/jsx/useToggleGroupItem.mjs.map +0 -1
  61. package/dist/jsx/useToggleGroupItem.native.js +0 -30
  62. package/dist/jsx/useToggleGroupItem.native.js.map +0 -1
  63. package/types/useToggleGroupItem.d.ts.map +0 -1
@@ -1,196 +0,0 @@
1
- var __create = Object.create;
2
- var __defProp = Object.defineProperty;
3
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
- var __getOwnPropNames = Object.getOwnPropertyNames;
5
- var __getProtoOf = Object.getPrototypeOf, __hasOwnProp = Object.prototype.hasOwnProperty;
6
- var __export = (target, all) => {
7
- for (var name in all)
8
- __defProp(target, name, { get: all[name], enumerable: !0 });
9
- }, __copyProps = (to, from, except, desc) => {
10
- if (from && typeof from == "object" || typeof from == "function")
11
- for (let key of __getOwnPropNames(from))
12
- !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
13
- return to;
14
- };
15
- var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
16
- // If the importer is in node compatibility mode or this is not an ESM
17
- // file that has been converted to a CommonJS file using a Babel-
18
- // compatible transform (i.e. "__esModule" has not been set), then set
19
- // "default" to the CommonJS "module.exports" for node compatibility.
20
- isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: !0 }) : target,
21
- mod
22
- )), __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
23
- var ToggleGroup_exports = {};
24
- __export(ToggleGroup_exports, {
25
- ToggleGroup: () => ToggleGroup
26
- });
27
- module.exports = __toCommonJS(ToggleGroup_exports);
28
- var import_constants = require("@tamagui/constants"), import_focusable = require("@tamagui/focusable"), import_helpers = require("@tamagui/helpers"), import_roving_focus = require("@tamagui/roving-focus"), import_use_controllable_state = require("@tamagui/use-controllable-state"), import_use_direction = require("@tamagui/use-direction"), import_web = require("@tamagui/web"), import_react = __toESM(require("react"), 1), import_Toggle = require("./Toggle"), import_context = require("./context"), import_jsx_runtime = require("react/jsx-runtime");
29
- const TOGGLE_GROUP_NAME = "ToggleGroup", TOGGLE_GROUP_ITEM_NAME = "ToggleGroupItem", TOGGLE_GROUP_CONTEXT = "ToggleGroup", { Provider: ToggleGroupItemProvider } = (0, import_web.createStyledContext)(), { Provider: ToggleGroupContext, useStyledContext: useToggleGroupContext } = (0, import_web.createStyledContext)({}), ToggleGroupItem = import_Toggle.ToggleFrame.styleable(
30
- (props, forwardedRef) => {
31
- const valueContext = useToggleGroupValueContext(props.__scopeToggleGroup), context = useToggleGroupContext(props.__scopeToggleGroup), toggleContext = import_context.context.useStyledContext(props.__scopeToggleGroup), active = valueContext?.value.includes(props.value), color = props.color || toggleContext.color, disabled = context.disabled || props.disabled || !1, inner = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
32
- ToggleGroupItemImpl,
33
- {
34
- ref: forwardedRef,
35
- tabIndex: disabled ? -1 : 0,
36
- ...props,
37
- active,
38
- disabled
39
- }
40
- );
41
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToggleGroupItemProvider, { scope: props.__scopeToggleGroup, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_context.context.Provider, { color, active, children: context.rovingFocus ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
42
- import_roving_focus.RovingFocusGroup.Item,
43
- {
44
- asChild: "except-style",
45
- __scopeRovingFocusGroup: props.__scopeToggleGroup || TOGGLE_GROUP_CONTEXT,
46
- focusable: !disabled,
47
- active,
48
- children: inner
49
- }
50
- ) : inner }) });
51
- }
52
- );
53
- ToggleGroupItem.displayName = TOGGLE_GROUP_ITEM_NAME;
54
- const ToggleGroupItemImpl = import_react.default.forwardRef((props, forwardedRef) => {
55
- const { __scopeToggleGroup, value, ...itemProps } = props, valueContext = useToggleGroupValueContext(__scopeToggleGroup), singleProps = { "aria-pressed": void 0 }, typeProps = valueContext.type === "single" ? singleProps : void 0;
56
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
57
- import_Toggle.Toggle,
58
- {
59
- ...typeProps,
60
- ...itemProps,
61
- ref: forwardedRef,
62
- onActiveChange: (pressed) => {
63
- pressed ? valueContext.onItemActivate(value) : valueContext.onItemDeactivate(value);
64
- }
65
- }
66
- );
67
- }), ToggleGroup = (0, import_helpers.withStaticProperties)(
68
- import_react.default.forwardRef(
69
- (props, forwardedRef) => {
70
- const { type, ...toggleGroupProps } = props;
71
- if (import_constants.isWeb || import_react.default.useEffect(() => {
72
- if (props.id)
73
- return (0, import_focusable.registerFocusable)(props.id, {
74
- focus: () => {
75
- }
76
- });
77
- }, [props.id]), type === "single")
78
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToggleGroupImplSingle, { ...toggleGroupProps, ref: forwardedRef });
79
- if (type === "multiple")
80
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToggleGroupImplMultiple, { ...toggleGroupProps, ref: forwardedRef });
81
- throw new Error(`Missing prop \`type\` expected on \`${TOGGLE_GROUP_NAME}\``);
82
- }
83
- ),
84
- {
85
- Item: ToggleGroupItem
86
- }
87
- );
88
- ToggleGroup.displayName = TOGGLE_GROUP_NAME;
89
- const {
90
- Provider: ToggleGroupValueProvider,
91
- useStyledContext: useToggleGroupValueContext
92
- } = (0, import_web.createStyledContext)(), ToggleGroupImplSingle = import_react.default.forwardRef((props, forwardedRef) => {
93
- const {
94
- value: valueProp,
95
- defaultValue,
96
- onValueChange = () => {
97
- },
98
- disableDeactivation = !1,
99
- children,
100
- ...toggleGroupSingleProps
101
- } = props, [value, setValue] = (0, import_use_controllable_state.useControllableState)({
102
- prop: valueProp,
103
- defaultProp: defaultValue,
104
- onChange: onValueChange
105
- });
106
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
107
- ToggleGroupValueProvider,
108
- {
109
- scope: props.__scopeToggleGroup,
110
- type: "single",
111
- value: value ? [value] : [],
112
- defaultValue: value,
113
- onItemActivate: setValue,
114
- onItemDeactivate: import_react.default.useCallback(
115
- () => disableDeactivation ? null : setValue(""),
116
- [setValue, disableDeactivation]
117
- ),
118
- children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToggleGroupImpl, { ...toggleGroupSingleProps, ref: forwardedRef, children })
119
- }
120
- );
121
- }), ToggleGroupImplMultiple = import_react.default.forwardRef((props, forwardedRef) => {
122
- const {
123
- value: valueProp,
124
- defaultValue,
125
- onValueChange = () => {
126
- },
127
- disableDeactivation,
128
- children,
129
- ...toggleGroupMultipleProps
130
- } = props, [value = [], setValue] = (0, import_use_controllable_state.useControllableState)({
131
- prop: valueProp,
132
- defaultProp: defaultValue,
133
- onChange: onValueChange
134
- }), handleButtonActivate = import_react.default.useCallback(
135
- (itemValue) => setValue((prevValue = []) => [...prevValue, itemValue]),
136
- [setValue]
137
- ), handleButtonDeactivate = import_react.default.useCallback(
138
- (itemValue) => setValue((prevValue = []) => prevValue.filter((value2) => value2 !== itemValue)),
139
- [setValue]
140
- );
141
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
142
- ToggleGroupValueProvider,
143
- {
144
- scope: props.__scopeToggleGroup,
145
- type: "multiple",
146
- value,
147
- defaultValue: value,
148
- onItemActivate: handleButtonActivate,
149
- onItemDeactivate: handleButtonDeactivate,
150
- children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToggleGroupImpl, { ...toggleGroupMultipleProps, ref: forwardedRef, children })
151
- }
152
- );
153
- }), ToggleGroupFrame = (0, import_web.styled)(import_web.View, {
154
- name: TOGGLE_GROUP_NAME
155
- }), ToggleGroupImpl = ToggleGroupFrame.styleable(
156
- (props, forwardedRef) => {
157
- const {
158
- __scopeToggleGroup,
159
- disabled = !1,
160
- orientation = "horizontal",
161
- dir,
162
- rovingFocus = !0,
163
- loop = !0,
164
- color,
165
- ...toggleGroupProps
166
- } = props, direction = (0, import_use_direction.useDirection)(dir), content = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
167
- ToggleGroupFrame,
168
- {
169
- role: "group",
170
- ref: forwardedRef,
171
- "data-disabled": disabled ? "" : void 0,
172
- ...toggleGroupProps
173
- }
174
- );
175
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
176
- ToggleGroupContext,
177
- {
178
- scope: __scopeToggleGroup,
179
- rovingFocus,
180
- disabled,
181
- children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_context.context.Provider, { color, children: rovingFocus ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
182
- import_roving_focus.RovingFocusGroup,
183
- {
184
- asChild: "except-style",
185
- __scopeRovingFocusGroup: __scopeToggleGroup || TOGGLE_GROUP_CONTEXT,
186
- orientation,
187
- dir: direction,
188
- loop,
189
- children: content
190
- }
191
- ) : content })
192
- }
193
- );
194
- }
195
- );
196
- //# sourceMappingURL=ToggleGroup.js.map
@@ -1,6 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../src/ToggleGroup.tsx"],
4
- "mappings": "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",
5
- "names": ["ToggleContext", "React", "value"]
6
- }
@@ -1,26 +0,0 @@
1
- var __defProp = Object.defineProperty;
2
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
3
- var __getOwnPropNames = Object.getOwnPropertyNames;
4
- var __hasOwnProp = Object.prototype.hasOwnProperty;
5
- var __export = (target, all) => {
6
- for (var name in all)
7
- __defProp(target, name, { get: all[name], enumerable: !0 });
8
- }, __copyProps = (to, from, except, desc) => {
9
- if (from && typeof from == "object" || typeof from == "function")
10
- for (let key of __getOwnPropNames(from))
11
- !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
12
- return to;
13
- };
14
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
15
- var context_exports = {};
16
- __export(context_exports, {
17
- context: () => context,
18
- useToggleGroupItem: () => useToggleGroupItem
19
- });
20
- module.exports = __toCommonJS(context_exports);
21
- var import_web = require("@tamagui/web");
22
- const context = (0, import_web.createStyledContext)({
23
- color: "",
24
- active: !1
25
- }), useToggleGroupItem = () => context.useStyledContext();
26
- //# sourceMappingURL=context.js.map
@@ -1,6 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../src/context.tsx"],
4
- "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBAAoC;AAE7B,MAAM,cAAU,gCAAoB;AAAA,EACzC,OAAO;AAAA,EACP,QAAQ;AACV,CAAC,GAEY,qBAAqB,MACzB,QAAQ,iBAAiB;",
5
- "names": []
6
- }
package/dist/cjs/index.js DELETED
@@ -1,22 +0,0 @@
1
- var __defProp = Object.defineProperty;
2
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
3
- var __getOwnPropNames = Object.getOwnPropertyNames;
4
- var __hasOwnProp = Object.prototype.hasOwnProperty;
5
- var __export = (target, all) => {
6
- for (var name in all)
7
- __defProp(target, name, { get: all[name], enumerable: !0 });
8
- }, __copyProps = (to, from, except, desc) => {
9
- if (from && typeof from == "object" || typeof from == "function")
10
- for (let key of __getOwnPropNames(from))
11
- !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
12
- return to;
13
- }, __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
14
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
15
- var index_exports = {};
16
- __export(index_exports, {
17
- useToggleGroupItem: () => import_context.useToggleGroupItem
18
- });
19
- module.exports = __toCommonJS(index_exports);
20
- __reExport(index_exports, require("./ToggleGroup"), module.exports);
21
- var import_context = require("./context");
22
- //# sourceMappingURL=index.js.map
@@ -1,6 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../src/index.ts"],
4
- "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAAc,0BAAd;AACA,qBAAmC;",
5
- "names": []
6
- }
package/dist/cjs/types.js DELETED
@@ -1,14 +0,0 @@
1
- var __defProp = Object.defineProperty;
2
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
3
- var __getOwnPropNames = Object.getOwnPropertyNames;
4
- var __hasOwnProp = Object.prototype.hasOwnProperty;
5
- var __copyProps = (to, from, except, desc) => {
6
- if (from && typeof from == "object" || typeof from == "function")
7
- for (let key of __getOwnPropNames(from))
8
- !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
9
- return to;
10
- };
11
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
12
- var types_exports = {};
13
- module.exports = __toCommonJS(types_exports);
14
- //# sourceMappingURL=types.js.map
@@ -1,6 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../src/types.tsx"],
4
- "mappings": ";;;;;;;;;;;AAAA;AAAA;",
5
- "names": []
6
- }
@@ -1,27 +0,0 @@
1
- var __defProp = Object.defineProperty;
2
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
3
- var __getOwnPropNames = Object.getOwnPropertyNames;
4
- var __hasOwnProp = Object.prototype.hasOwnProperty;
5
- var __export = (target, all) => {
6
- for (var name in all) __defProp(target, name, {
7
- get: all[name],
8
- enumerable: !0
9
- });
10
- },
11
- __copyProps = (to, from, except, desc) => {
12
- if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
13
- get: () => from[key],
14
- enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
15
- });
16
- return to;
17
- };
18
- var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
19
- value: !0
20
- }), mod);
21
- var useToggleGroupItem_exports = {};
22
- __export(useToggleGroupItem_exports, {
23
- useToggleGroupItem: () => useToggleGroupItem
24
- });
25
- module.exports = __toCommonJS(useToggleGroupItem_exports);
26
- var import_context = require("./context.cjs");
27
- const useToggleGroupItem = import_context.context.useStyledContext;
@@ -1,22 +0,0 @@
1
- var __defProp = Object.defineProperty;
2
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
3
- var __getOwnPropNames = Object.getOwnPropertyNames;
4
- var __hasOwnProp = Object.prototype.hasOwnProperty;
5
- var __export = (target, all) => {
6
- for (var name in all)
7
- __defProp(target, name, { get: all[name], enumerable: !0 });
8
- }, __copyProps = (to, from, except, desc) => {
9
- if (from && typeof from == "object" || typeof from == "function")
10
- for (let key of __getOwnPropNames(from))
11
- !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
12
- return to;
13
- };
14
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
15
- var useToggleGroupItem_exports = {};
16
- __export(useToggleGroupItem_exports, {
17
- useToggleGroupItem: () => useToggleGroupItem
18
- });
19
- module.exports = __toCommonJS(useToggleGroupItem_exports);
20
- var import_context = require("./context");
21
- const useToggleGroupItem = import_context.context.useStyledContext;
22
- //# sourceMappingURL=useToggleGroupItem.js.map
@@ -1,6 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../src/useToggleGroupItem.ts"],
4
- "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAAwB;AAEjB,MAAM,qBAAqB,uBAAQ;",
5
- "names": []
6
- }
@@ -1,30 +0,0 @@
1
- "use strict";
2
-
3
- var __defProp = Object.defineProperty;
4
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
5
- var __getOwnPropNames = Object.getOwnPropertyNames;
6
- var __hasOwnProp = Object.prototype.hasOwnProperty;
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, {
15
- get: () => from[key],
16
- enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
17
- });
18
- return to;
19
- };
20
- var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
21
- value: !0
22
- }), mod);
23
- var useToggleGroupItem_exports = {};
24
- __export(useToggleGroupItem_exports, {
25
- useToggleGroupItem: () => useToggleGroupItem
26
- });
27
- module.exports = __toCommonJS(useToggleGroupItem_exports);
28
- var import_context = require("./context.native.js"),
29
- useToggleGroupItem = import_context.context.useStyledContext;
30
- //# sourceMappingURL=useToggleGroupItem.native.js.map
@@ -1 +0,0 @@
1
- {"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","useToggleGroupItem_exports","__export","useToggleGroupItem","module","exports","import_context","require","context","useStyledContext"],"sources":["../../src/useToggleGroupItem.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,0BAAA;AAAAC,QAAA,CAAAD,0BAAA;EAAAE,kBAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAAwB,CAAAK,0BAAA;AAEjB,IAAAK,cAAM,GAAAC,OAAqB;EAAAJ,kBAAQ,GAAAG,cAAA,CAAAE,OAAA,CAAAC,gBAAA","ignoreList":[]}
@@ -1,119 +0,0 @@
1
- import { composeEventHandlers } from "@tamagui/helpers";
2
- import { useControllableState } from "@tamagui/use-controllable-state";
3
- import { styled, View } from "@tamagui/web";
4
- import * as React from "react";
5
- import { context } from "./context";
6
- import { jsx } from "react/jsx-runtime";
7
- const NAME = "Toggle", ToggleFrame = styled(
8
- View,
9
- {
10
- name: NAME,
11
- render: "button",
12
- context,
13
- variants: {
14
- unstyled: {
15
- false: {
16
- size: "$true",
17
- alignItems: "center",
18
- justifyContent: "center",
19
- display: "flex",
20
- backgroundColor: "$background",
21
- borderColor: "$borderColor",
22
- borderWidth: 1,
23
- margin: -1,
24
- hoverStyle: {
25
- backgroundColor: "$backgroundHover",
26
- borderColor: "$borderColorHover"
27
- },
28
- pressStyle: {
29
- backgroundColor: "$backgroundPress",
30
- borderColor: "$borderColorPress"
31
- },
32
- focusVisibleStyle: {
33
- outlineColor: "$outlineColor",
34
- outlineWidth: 2,
35
- outlineStyle: "solid",
36
- zIndex: 10
37
- }
38
- }
39
- },
40
- size: {
41
- "...size": (val, { tokens }) => {
42
- if (val)
43
- return {
44
- width: tokens.size[val],
45
- height: tokens.size[val]
46
- };
47
- },
48
- ":number": (val) => ({
49
- width: val,
50
- height: val
51
- })
52
- },
53
- defaultActiveStyle: {
54
- true: {
55
- backgroundColor: "$backgroundActive",
56
- hoverStyle: {
57
- backgroundColor: "$backgroundActive"
58
- },
59
- focusStyle: {
60
- backgroundColor: "$backgroundActive",
61
- borderColor: "$borderColorActive"
62
- }
63
- }
64
- }
65
- },
66
- defaultVariants: {
67
- unstyled: process.env.TAMAGUI_HEADLESS === "1"
68
- }
69
- },
70
- {
71
- accept: {
72
- activeStyle: "style"
73
- }
74
- }
75
- ), Toggle = React.forwardRef(
76
- function(props, forwardedRef) {
77
- const {
78
- active: activeProp,
79
- activeStyle,
80
- defaultActive = !1,
81
- onActiveChange,
82
- activeTheme,
83
- unstyled = !1,
84
- ...buttonProps
85
- } = props, [active = !1, setActive] = useControllableState({
86
- prop: activeProp,
87
- onChange: onActiveChange,
88
- defaultProp: defaultActive
89
- });
90
- return /* @__PURE__ */ jsx(
91
- ToggleFrame,
92
- {
93
- theme: activeTheme ?? null,
94
- "aria-pressed": active,
95
- "data-state": active ? "on" : "off",
96
- "data-disabled": props.disabled ? "" : void 0,
97
- unstyled,
98
- ...active && !activeStyle && !unstyled && {
99
- defaultActiveStyle: !0
100
- },
101
- ...active && activeStyle && {
102
- ...activeStyle,
103
- hoverStyle: activeStyle,
104
- focusStyle: activeStyle
105
- },
106
- ...buttonProps,
107
- ref: forwardedRef,
108
- onPress: composeEventHandlers(props.onPress ?? void 0, () => {
109
- props.disabled || setActive((prev) => !prev);
110
- })
111
- }
112
- );
113
- }
114
- );
115
- export {
116
- Toggle,
117
- ToggleFrame
118
- };
119
- //# sourceMappingURL=Toggle.js.map
@@ -1,6 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../src/Toggle.tsx"],
4
- "mappings": "AAAA,SAAS,4BAA4B;AACrC,SAAS,4BAA4B;AAErC,SAAS,QAAQ,YAAY;AAC7B,YAAY,WAAW;AACvB,SAAS,eAAe;AAoHlB;AA9GN,MAAM,OAAO,UAEA,cAAc;AAAA,EACzB;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,QAAQ;AAAA,IACR;AAAA,IAEA,UAAU;AAAA,MACR,UAAU;AAAA,QACR,OAAO;AAAA,UACL,MAAM;AAAA,UACN,YAAY;AAAA,UACZ,gBAAgB;AAAA,UAChB,SAAS;AAAA,UACT,iBAAiB;AAAA,UACjB,aAAa;AAAA,UACb,aAAa;AAAA,UACb,QAAQ;AAAA,UACR,YAAY;AAAA,YACV,iBAAiB;AAAA,YACjB,aAAa;AAAA,UACf;AAAA,UACA,YAAY;AAAA,YACV,iBAAiB;AAAA,YACjB,aAAa;AAAA,UACf;AAAA,UACA,mBAAmB;AAAA,YACjB,cAAc;AAAA,YACd,cAAc;AAAA,YACd,cAAc;AAAA,YACd,QAAQ;AAAA,UACV;AAAA,QACF;AAAA,MACF;AAAA,MAEA,MAAM;AAAA,QACJ,WAAW,CAAC,KAAK,EAAE,OAAO,MAAM;AAC9B,cAAK;AACL,mBAAO;AAAA,cACL,OAAO,OAAO,KAAK,GAAG;AAAA,cACtB,QAAQ,OAAO,KAAK,GAAG;AAAA,YACzB;AAAA,QACF;AAAA,QACA,WAAW,CAAC,SAAS;AAAA,UACnB,OAAO;AAAA,UACP,QAAQ;AAAA,QACV;AAAA,MACF;AAAA,MAEA,oBAAoB;AAAA,QAClB,MAAM;AAAA,UACJ,iBAAiB;AAAA,UACjB,YAAY;AAAA,YACV,iBAAiB;AAAA,UACnB;AAAA,UACA,YAAY;AAAA,YACV,iBAAiB;AAAA,YACjB,aAAa;AAAA,UACf;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAAA,IAEA,iBAAiB;AAAA,MACf,UAAU,QAAQ,IAAI,qBAAqB;AAAA,IAC7C;AAAA,EACF;AAAA,EACA;AAAA,IACE,QAAQ;AAAA,MACN,aAAa;AAAA,IACf;AAAA,EACF;AACF,GAiBa,SAAS,MAAM;AAAA,EAC1B,SAAgB,OAAO,cAAc;AACnC,UAAM;AAAA,MACJ,QAAQ;AAAA,MACR;AAAA,MACA,gBAAgB;AAAA,MAChB;AAAA,MACA;AAAA,MACA,WAAW;AAAA,MACX,GAAG;AAAA,IACL,IAAI,OAEE,CAAC,SAAS,IAAO,SAAS,IAAI,qBAAqB;AAAA,MACvD,MAAM;AAAA,MACN,UAAU;AAAA,MACV,aAAa;AAAA,IACf,CAAC;AAED,WACE;AAAA,MAAC;AAAA;AAAA,QACC,OAAO,eAAe;AAAA,QACtB,gBAAc;AAAA,QACd,cAAY,SAAS,OAAO;AAAA,QAC5B,iBAAe,MAAM,WAAW,KAAK;AAAA,QACrC;AAAA,QACC,GAAI,UACH,CAAC,eACD,CAAC,YAAY;AAAA,UACX,oBAAoB;AAAA,QACtB;AAAA,QACD,GAAI,UACH,eAAe;AAAA,UACb,GAAI;AAAA,UACJ,YAAY;AAAA,UACZ,YAAY;AAAA,QACd;AAAA,QACD,GAAG;AAAA,QACJ,KAAK;AAAA,QACL,SAAS,qBAAqB,MAAM,WAAW,QAAW,MAAM;AAC9D,UAAK,MAAM,YACT,UAAU,CAAC,SAAS,CAAC,IAAI;AAAA,QAE7B,CAAC;AAAA;AAAA,IACH;AAAA,EAEJ;AACF;",
5
- "names": []
6
- }