@tamagui/toggle-group 1.61.3 → 1.62.1
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.
- package/dist/cjs/Toggle.js +16 -31
- package/dist/cjs/Toggle.js.map +1 -1
- package/dist/cjs/Toggle.native.js +119 -0
- package/dist/cjs/Toggle.native.js.map +6 -0
- package/dist/cjs/ToggleGroup.js +42 -121
- package/dist/cjs/ToggleGroup.js.map +1 -1
- package/dist/cjs/ToggleGroup.native.js +287 -0
- package/dist/cjs/ToggleGroup.native.js.map +6 -0
- package/dist/cjs/index.js +4 -8
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/index.native.js +20 -0
- package/dist/cjs/index.native.js.map +6 -0
- package/dist/esm/Toggle.js +9 -14
- package/dist/esm/Toggle.js.map +1 -1
- package/dist/esm/ToggleGroup.js +35 -96
- package/dist/esm/ToggleGroup.js.map +1 -1
- package/dist/jsx/Toggle.js +8 -13
- package/dist/jsx/Toggle.js.map +1 -1
- package/dist/jsx/Toggle.native.js +89 -0
- package/dist/jsx/Toggle.native.js.map +6 -0
- package/dist/jsx/ToggleGroup.js +31 -88
- package/dist/jsx/ToggleGroup.js.map +1 -1
- package/dist/jsx/ToggleGroup.native.js +238 -0
- package/dist/jsx/ToggleGroup.native.js.map +6 -0
- package/dist/jsx/index.native.js +2 -0
- package/dist/jsx/index.native.js.map +6 -0
- package/package.json +13 -13
package/dist/cjs/Toggle.js
CHANGED
|
@@ -1,20 +1,15 @@
|
|
|
1
|
-
"use strict";
|
|
2
1
|
var __create = Object.create;
|
|
3
2
|
var __defProp = Object.defineProperty;
|
|
4
3
|
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
4
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
-
var __getProtoOf = Object.getPrototypeOf;
|
|
7
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
5
|
+
var __getProtoOf = Object.getPrototypeOf, __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
8
6
|
var __export = (target, all) => {
|
|
9
7
|
for (var name in all)
|
|
10
|
-
__defProp(target, name, { get: all[name], enumerable:
|
|
11
|
-
}
|
|
12
|
-
|
|
13
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
8
|
+
__defProp(target, name, { get: all[name], enumerable: !0 });
|
|
9
|
+
}, __copyProps = (to, from, except, desc) => {
|
|
10
|
+
if (from && typeof from == "object" || typeof from == "function")
|
|
14
11
|
for (let key of __getOwnPropNames(from))
|
|
15
|
-
|
|
16
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
17
|
-
}
|
|
12
|
+
!__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
18
13
|
return to;
|
|
19
14
|
};
|
|
20
15
|
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
@@ -22,29 +17,23 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
|
|
|
22
17
|
// file that has been converted to a CommonJS file using a Babel-
|
|
23
18
|
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
24
19
|
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
25
|
-
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable:
|
|
20
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: !0 }) : target,
|
|
26
21
|
mod
|
|
27
|
-
));
|
|
28
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
22
|
+
)), __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
|
|
29
23
|
var Toggle_exports = {};
|
|
30
24
|
__export(Toggle_exports, {
|
|
31
25
|
Toggle: () => Toggle,
|
|
32
26
|
ToggleFrame: () => ToggleFrame
|
|
33
27
|
});
|
|
34
28
|
module.exports = __toCommonJS(Toggle_exports);
|
|
35
|
-
var import_jsx_runtime = require("react/jsx-runtime");
|
|
36
|
-
|
|
37
|
-
var import_use_controllable_state = require("@tamagui/use-controllable-state");
|
|
38
|
-
var import_web = require("@tamagui/web");
|
|
39
|
-
var React = __toESM(require("react"));
|
|
40
|
-
const NAME = "Toggle";
|
|
41
|
-
const ToggleFrame = (0, import_web.styled)(import_stacks.ThemeableStack, {
|
|
29
|
+
var import_stacks = require("@tamagui/stacks"), import_use_controllable_state = require("@tamagui/use-controllable-state"), import_web = require("@tamagui/web"), React = __toESM(require("react")), import_jsx_runtime = require("react/jsx-runtime");
|
|
30
|
+
const NAME = "Toggle", ToggleFrame = (0, import_web.styled)(import_stacks.ThemeableStack, {
|
|
42
31
|
name: NAME,
|
|
43
32
|
tag: "button",
|
|
44
33
|
variants: {
|
|
45
34
|
unstyled: {
|
|
46
35
|
false: {
|
|
47
|
-
pressTheme:
|
|
36
|
+
pressTheme: !0,
|
|
48
37
|
backgroundColor: "$background",
|
|
49
38
|
alignItems: "center",
|
|
50
39
|
justifyContent: "center",
|
|
@@ -90,18 +79,16 @@ const ToggleFrame = (0, import_web.styled)(import_stacks.ThemeableStack, {
|
|
|
90
79
|
}
|
|
91
80
|
},
|
|
92
81
|
defaultVariants: {
|
|
93
|
-
unstyled:
|
|
82
|
+
unstyled: !1
|
|
94
83
|
}
|
|
95
|
-
})
|
|
96
|
-
const Toggle = ToggleFrame.extractable(
|
|
84
|
+
}), Toggle = ToggleFrame.extractable(
|
|
97
85
|
React.forwardRef((props, forwardedRef) => {
|
|
98
86
|
const {
|
|
99
87
|
pressed: pressedProp,
|
|
100
|
-
defaultPressed =
|
|
88
|
+
defaultPressed = !1,
|
|
101
89
|
onPressedChange,
|
|
102
90
|
...buttonProps
|
|
103
|
-
} = props
|
|
104
|
-
const [pressed = false, setPressed] = (0, import_use_controllable_state.useControllableState)({
|
|
91
|
+
} = props, [pressed = !1, setPressed] = (0, import_use_controllable_state.useControllableState)({
|
|
105
92
|
prop: pressedProp,
|
|
106
93
|
onChange: onPressedChange,
|
|
107
94
|
defaultProp: defaultPressed
|
|
@@ -109,16 +96,14 @@ const Toggle = ToggleFrame.extractable(
|
|
|
109
96
|
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_web.Theme, { name: pressed ? "active" : null, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
110
97
|
ToggleFrame,
|
|
111
98
|
{
|
|
112
|
-
active:
|
|
99
|
+
active: props.unstyled ? void 0 : pressed,
|
|
113
100
|
"aria-pressed": pressed,
|
|
114
101
|
"data-state": pressed ? "on" : "off",
|
|
115
102
|
"data-disabled": props.disabled ? "" : void 0,
|
|
116
103
|
...buttonProps,
|
|
117
104
|
ref: forwardedRef,
|
|
118
105
|
onPress: (0, import_web.composeEventHandlers)(props.onPress ?? void 0, (event) => {
|
|
119
|
-
|
|
120
|
-
setPressed(!pressed);
|
|
121
|
-
}
|
|
106
|
+
props.disabled || setPressed(!pressed);
|
|
122
107
|
})
|
|
123
108
|
}
|
|
124
109
|
) });
|
package/dist/cjs/Toggle.js.map
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/Toggle.tsx"],
|
|
4
|
-
"mappings": "
|
|
4
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAA+B,4BAC/B,gCAAqC,4CACrC,aAAqE,yBACrE,QAAuB,2BAkGf;AA5FR,MAAM,OAAO,UAMP,kBAAc,mBAAO,8BAAgB;AAAA,EACzC,MAAM;AAAA,EACN,KAAK;AAAA,EAEL,UAAU;AAAA,IACR,UAAU;AAAA,MACR,OAAO;AAAA,QACL,YAAY;AAAA,QACZ,iBAAiB;AAAA,QACjB,YAAY;AAAA,QACZ,gBAAgB;AAAA,QAChB,SAAS;AAAA,QACT,aAAa;AAAA,QACb,aAAa;AAAA,QACb,QAAQ;AAAA,QACR,YAAY;AAAA,UACV,iBAAiB;AAAA,QACnB;AAAA,QACA,YAAY;AAAA,UACV,iBAAiB;AAAA,QACnB;AAAA,QACA,YAAY;AAAA,UACV,aAAa;AAAA,UACb,cAAc;AAAA,UACd,cAAc;AAAA,UACd,cAAc;AAAA,QAChB;AAAA,MACF;AAAA,IACF;AAAA,IAEA,QAAQ;AAAA,MACN,MAAM;AAAA,QACJ,QAAQ;AAAA,QACR,YAAY;AAAA,UACV,iBAAiB;AAAA,QACnB;AAAA,QACA,YAAY;AAAA,UACV,aAAa;AAAA,UACb,iBAAiB;AAAA,QACnB;AAAA,MACF;AAAA,IACF;AAAA,IAEA,aAAa;AAAA,MACX,YAAY;AAAA,QACV,eAAe;AAAA,QACf,gBAAgB;AAAA,MAClB;AAAA,MACA,UAAU;AAAA,QACR,eAAe;AAAA,QACf,gBAAgB;AAAA,MAClB;AAAA,IACF;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,UAAU;AAAA,EACZ;AACF,CAAC,GAYK,SAAS,YAAY;AAAA,EACzB,MAAM,WAAuC,CAAC,OAAO,iBAAiB;AACpE,UAAM;AAAA,MACJ,SAAS;AAAA,MACT,iBAAiB;AAAA,MACjB;AAAA,MACA,GAAG;AAAA,IACL,IAAI,OAEE,CAAC,UAAU,IAAO,UAAU,QAAI,oDAAqB;AAAA,MACzD,MAAM;AAAA,MACN,UAAU;AAAA,MACV,aAAa;AAAA,IACf,CAAC;AAED,WACE,4CAAC,oBAAM,MAAM,UAAU,WAAW,MAChC;AAAA,MAAC;AAAA;AAAA,QACC,QAAS,MAAM,WAAqB,SAAV;AAAA,QAC1B,gBAAc;AAAA,QACd,cAAY,UAAU,OAAO;AAAA,QAC7B,iBAAe,MAAM,WAAW,KAAK;AAAA,QACpC,GAAG;AAAA,QACJ,KAAK;AAAA,QACL,aAAS,iCAAqB,MAAM,WAAW,QAAW,CAAC,UAAU;AACnE,UAAK,MAAM,YACT,WAAW,CAAC,OAAO;AAAA,QAEvB,CAAC;AAAA;AAAA,IAcH,GACF;AAAA,EAEJ,CAAC;AACH;AACA,OAAO,cAAc;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
|
@@ -0,0 +1,119 @@
|
|
|
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 Toggle_exports = {};
|
|
25
|
+
__export(Toggle_exports, {
|
|
26
|
+
Toggle: () => Toggle,
|
|
27
|
+
ToggleFrame: () => ToggleFrame
|
|
28
|
+
});
|
|
29
|
+
module.exports = __toCommonJS(Toggle_exports);
|
|
30
|
+
var import_stacks = require("@tamagui/stacks"), import_use_controllable_state = require("@tamagui/use-controllable-state"), import_web = require("@tamagui/web"), React = __toESM(require("react")), import_jsx_runtime = require("react/jsx-runtime");
|
|
31
|
+
const NAME = "Toggle", ToggleFrame = (0, import_web.styled)(import_stacks.ThemeableStack, {
|
|
32
|
+
name: NAME,
|
|
33
|
+
tag: "button",
|
|
34
|
+
variants: {
|
|
35
|
+
unstyled: {
|
|
36
|
+
false: {
|
|
37
|
+
pressTheme: !0,
|
|
38
|
+
backgroundColor: "$background",
|
|
39
|
+
alignItems: "center",
|
|
40
|
+
justifyContent: "center",
|
|
41
|
+
display: "flex",
|
|
42
|
+
borderColor: "$borderColor",
|
|
43
|
+
borderWidth: 1,
|
|
44
|
+
margin: -1,
|
|
45
|
+
hoverStyle: {
|
|
46
|
+
backgroundColor: "$backgroundHover"
|
|
47
|
+
},
|
|
48
|
+
pressStyle: {
|
|
49
|
+
backgroundColor: "$backgroundPress"
|
|
50
|
+
},
|
|
51
|
+
focusStyle: {
|
|
52
|
+
borderColor: "$borderColorFocus",
|
|
53
|
+
outlineColor: "$borderColorFocus",
|
|
54
|
+
outlineWidth: 2,
|
|
55
|
+
outlineStyle: "solid"
|
|
56
|
+
}
|
|
57
|
+
}
|
|
58
|
+
},
|
|
59
|
+
active: {
|
|
60
|
+
true: {
|
|
61
|
+
zIndex: 1,
|
|
62
|
+
hoverStyle: {
|
|
63
|
+
backgroundColor: "$background"
|
|
64
|
+
},
|
|
65
|
+
focusStyle: {
|
|
66
|
+
borderColor: "$borderColorPress",
|
|
67
|
+
backgroundColor: "$backgroundPress"
|
|
68
|
+
}
|
|
69
|
+
}
|
|
70
|
+
},
|
|
71
|
+
orientation: {
|
|
72
|
+
horizontal: {
|
|
73
|
+
flexDirection: "row",
|
|
74
|
+
spaceDirection: "horizontal"
|
|
75
|
+
},
|
|
76
|
+
vertical: {
|
|
77
|
+
flexDirection: "column",
|
|
78
|
+
spaceDirection: "vertical"
|
|
79
|
+
}
|
|
80
|
+
}
|
|
81
|
+
},
|
|
82
|
+
defaultVariants: {
|
|
83
|
+
unstyled: !1
|
|
84
|
+
}
|
|
85
|
+
}), Toggle = ToggleFrame.extractable(
|
|
86
|
+
React.forwardRef((props, forwardedRef) => {
|
|
87
|
+
const {
|
|
88
|
+
pressed: pressedProp,
|
|
89
|
+
defaultPressed = !1,
|
|
90
|
+
onPressedChange,
|
|
91
|
+
...buttonProps
|
|
92
|
+
} = props, [pressed = !1, setPressed] = (0, import_use_controllable_state.useControllableState)({
|
|
93
|
+
prop: pressedProp,
|
|
94
|
+
onChange: onPressedChange,
|
|
95
|
+
defaultProp: defaultPressed
|
|
96
|
+
});
|
|
97
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_web.Theme, { name: pressed ? "active" : null, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
98
|
+
ToggleFrame,
|
|
99
|
+
{
|
|
100
|
+
active: props.unstyled ? void 0 : pressed,
|
|
101
|
+
"aria-pressed": pressed,
|
|
102
|
+
"data-state": pressed ? "on" : "off",
|
|
103
|
+
"data-disabled": props.disabled ? "" : void 0,
|
|
104
|
+
...buttonProps,
|
|
105
|
+
ref: forwardedRef,
|
|
106
|
+
onPress: (0, import_web.composeEventHandlers)(props.onPress ?? void 0, (event) => {
|
|
107
|
+
props.disabled || setPressed(!pressed);
|
|
108
|
+
})
|
|
109
|
+
}
|
|
110
|
+
) });
|
|
111
|
+
})
|
|
112
|
+
);
|
|
113
|
+
Toggle.displayName = NAME;
|
|
114
|
+
// Annotate the CommonJS export names for ESM import in node:
|
|
115
|
+
0 && (module.exports = {
|
|
116
|
+
Toggle,
|
|
117
|
+
ToggleFrame
|
|
118
|
+
});
|
|
119
|
+
//# sourceMappingURL=Toggle.js.map
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../src/Toggle.tsx"],
|
|
4
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAA+B,4BAC/B,gCAAqC,4CACrC,aAAqE,yBACrE,QAAuB,2BAkGf;AA5FR,MAAM,OAAO,UAMP,kBAAc,mBAAO,8BAAgB;AAAA,EACzC,MAAM;AAAA,EACN,KAAK;AAAA,EAEL,UAAU;AAAA,IACR,UAAU;AAAA,MACR,OAAO;AAAA,QACL,YAAY;AAAA,QACZ,iBAAiB;AAAA,QACjB,YAAY;AAAA,QACZ,gBAAgB;AAAA,QAChB,SAAS;AAAA,QACT,aAAa;AAAA,QACb,aAAa;AAAA,QACb,QAAQ;AAAA,QACR,YAAY;AAAA,UACV,iBAAiB;AAAA,QACnB;AAAA,QACA,YAAY;AAAA,UACV,iBAAiB;AAAA,QACnB;AAAA,QACA,YAAY;AAAA,UACV,aAAa;AAAA,UACb,cAAc;AAAA,UACd,cAAc;AAAA,UACd,cAAc;AAAA,QAChB;AAAA,MACF;AAAA,IACF;AAAA,IAEA,QAAQ;AAAA,MACN,MAAM;AAAA,QACJ,QAAQ;AAAA,QACR,YAAY;AAAA,UACV,iBAAiB;AAAA,QACnB;AAAA,QACA,YAAY;AAAA,UACV,aAAa;AAAA,UACb,iBAAiB;AAAA,QACnB;AAAA,MACF;AAAA,IACF;AAAA,IAEA,aAAa;AAAA,MACX,YAAY;AAAA,QACV,eAAe;AAAA,QACf,gBAAgB;AAAA,MAClB;AAAA,MACA,UAAU;AAAA,QACR,eAAe;AAAA,QACf,gBAAgB;AAAA,MAClB;AAAA,IACF;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,UAAU;AAAA,EACZ;AACF,CAAC,GAYK,SAAS,YAAY;AAAA,EACzB,MAAM,WAAuC,CAAC,OAAO,iBAAiB;AACpE,UAAM;AAAA,MACJ,SAAS;AAAA,MACT,iBAAiB;AAAA,MACjB;AAAA,MACA,GAAG;AAAA,IACL,IAAI,OAEE,CAAC,UAAU,IAAO,UAAU,QAAI,oDAAqB;AAAA,MACzD,MAAM;AAAA,MACN,UAAU;AAAA,MACV,aAAa;AAAA,IACf,CAAC;AAED,WACE,4CAAC,oBAAM,MAAM,UAAU,WAAW,MAChC;AAAA,MAAC;AAAA;AAAA,QACC,QAAS,MAAM,WAAqB,SAAV;AAAA,QAC1B,gBAAc;AAAA,QACd,cAAY,UAAU,OAAO;AAAA,QAC7B,iBAAe,MAAM,WAAW,KAAK;AAAA,QACpC,GAAG;AAAA,QACJ,KAAK;AAAA,QACL,aAAS,iCAAqB,MAAM,WAAW,QAAW,CAAC,UAAU;AACnE,UAAK,MAAM,YACT,WAAW,CAAC,OAAO;AAAA,QAEvB,CAAC;AAAA;AAAA,IAcH,GACF;AAAA,EAEJ,CAAC;AACH;AACA,OAAO,cAAc;",
|
|
5
|
+
"names": []
|
|
6
|
+
}
|
package/dist/cjs/ToggleGroup.js
CHANGED
|
@@ -1,20 +1,15 @@
|
|
|
1
|
-
"use strict";
|
|
2
1
|
var __create = Object.create;
|
|
3
2
|
var __defProp = Object.defineProperty;
|
|
4
3
|
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
4
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
-
var __getProtoOf = Object.getPrototypeOf;
|
|
7
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
5
|
+
var __getProtoOf = Object.getPrototypeOf, __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
8
6
|
var __export = (target, all) => {
|
|
9
7
|
for (var name in all)
|
|
10
|
-
__defProp(target, name, { get: all[name], enumerable:
|
|
11
|
-
}
|
|
12
|
-
|
|
13
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
8
|
+
__defProp(target, name, { get: all[name], enumerable: !0 });
|
|
9
|
+
}, __copyProps = (to, from, except, desc) => {
|
|
10
|
+
if (from && typeof from == "object" || typeof from == "function")
|
|
14
11
|
for (let key of __getOwnPropNames(from))
|
|
15
|
-
|
|
16
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
17
|
-
}
|
|
12
|
+
!__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
18
13
|
return to;
|
|
19
14
|
};
|
|
20
15
|
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
@@ -22,79 +17,35 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
|
|
|
22
17
|
// file that has been converted to a CommonJS file using a Babel-
|
|
23
18
|
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
24
19
|
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
25
|
-
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable:
|
|
20
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: !0 }) : target,
|
|
26
21
|
mod
|
|
27
|
-
));
|
|
28
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
22
|
+
)), __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
|
|
29
23
|
var ToggleGroup_exports = {};
|
|
30
24
|
__export(ToggleGroup_exports, {
|
|
31
25
|
ToggleGroup: () => ToggleGroup,
|
|
32
26
|
createToggleGroupScope: () => createToggleGroupScope
|
|
33
27
|
});
|
|
34
28
|
module.exports = __toCommonJS(ToggleGroup_exports);
|
|
35
|
-
var import_jsx_runtime = require("react/jsx-runtime");
|
|
36
|
-
|
|
37
|
-
var import_focusable = require("@tamagui/focusable");
|
|
38
|
-
var import_font_size = require("@tamagui/font-size");
|
|
39
|
-
var import_get_token = require("@tamagui/get-token");
|
|
40
|
-
var import_group = require("@tamagui/group");
|
|
41
|
-
var import_helpers_tamagui = require("@tamagui/helpers-tamagui");
|
|
42
|
-
var import_roving_focus = require("@tamagui/roving-focus");
|
|
43
|
-
var import_use_controllable_state = require("@tamagui/use-controllable-state");
|
|
44
|
-
var import_use_direction = require("@tamagui/use-direction");
|
|
45
|
-
var import_web = require("@tamagui/web");
|
|
46
|
-
var import_react = __toESM(require("react"));
|
|
47
|
-
var import_Toggle = require("./Toggle");
|
|
48
|
-
const TOGGLE_GROUP_NAME = "ToggleGroup";
|
|
49
|
-
const [createToggleGroupContext, createToggleGroupScope] = (0, import_create_context.createContextScope)(
|
|
29
|
+
var import_create_context = require("@tamagui/create-context"), import_focusable = require("@tamagui/focusable"), import_font_size = require("@tamagui/font-size"), import_get_token = require("@tamagui/get-token"), import_group = require("@tamagui/group"), import_helpers_tamagui = require("@tamagui/helpers-tamagui"), 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")), import_Toggle = require("./Toggle"), import_jsx_runtime = require("react/jsx-runtime");
|
|
30
|
+
const TOGGLE_GROUP_NAME = "ToggleGroup", [createToggleGroupContext, createToggleGroupScope] = (0, import_create_context.createContextScope)(
|
|
50
31
|
TOGGLE_GROUP_NAME,
|
|
51
32
|
[import_roving_focus.createRovingFocusGroupScope]
|
|
52
|
-
)
|
|
53
|
-
const TOGGLE_GROUP_ITEM_NAME = "ToggleGroupItem";
|
|
54
|
-
const [createToggleGroupItemContext, createToggleGroupItemScope] = (0, import_create_context.createContextScope)(TOGGLE_GROUP_ITEM_NAME);
|
|
55
|
-
const [ToggleGroupItemProvider, useToggleGroupItemContext] = createToggleGroupContext(TOGGLE_GROUP_NAME);
|
|
56
|
-
const useToggleGroupItemScope = createToggleGroupItemScope();
|
|
57
|
-
const ToggleGroupItem = import_Toggle.ToggleFrame.extractable(
|
|
33
|
+
), TOGGLE_GROUP_ITEM_NAME = "ToggleGroupItem", [createToggleGroupItemContext, createToggleGroupItemScope] = (0, import_create_context.createContextScope)(TOGGLE_GROUP_ITEM_NAME), [ToggleGroupItemProvider, useToggleGroupItemContext] = createToggleGroupContext(TOGGLE_GROUP_NAME), useToggleGroupItemScope = createToggleGroupItemScope(), ToggleGroupItem = import_Toggle.ToggleFrame.extractable(
|
|
58
34
|
import_react.default.forwardRef(
|
|
59
35
|
(props, forwardedRef) => {
|
|
60
36
|
const valueContext = useToggleGroupValueContext(
|
|
61
37
|
TOGGLE_GROUP_ITEM_NAME,
|
|
62
38
|
props.__scopeToggleGroup
|
|
63
|
-
)
|
|
64
|
-
const context = useToggleGroupContext(
|
|
39
|
+
), context = useToggleGroupContext(
|
|
65
40
|
TOGGLE_GROUP_ITEM_NAME,
|
|
66
41
|
props.__scopeToggleGroup
|
|
67
|
-
)
|
|
68
|
-
const __scopeToggleGroup = props.__scopeToggleGroup;
|
|
69
|
-
const rovingFocusGroupScope = useRovingFocusGroupScope(props.__scopeToggleGroup);
|
|
70
|
-
const pressed = valueContext.value.includes(props.value);
|
|
71
|
-
const disabled = context.disabled || props.disabled || false;
|
|
72
|
-
const ref = import_react.default.useRef(null);
|
|
73
|
-
const groupItemProps = (0, import_group.useGroupItem)({ disabled });
|
|
74
|
-
const size = props.size ?? context.size;
|
|
75
|
-
const sizeProps = props.unstyled ? {} : {
|
|
42
|
+
), __scopeToggleGroup = props.__scopeToggleGroup, rovingFocusGroupScope = useRovingFocusGroupScope(props.__scopeToggleGroup), pressed = valueContext.value.includes(props.value), disabled = context.disabled || props.disabled || !1, ref = import_react.default.useRef(null), groupItemProps = (0, import_group.useGroupItem)({ disabled }), size = props.size ?? context.size, sizeProps = props.unstyled ? {} : {
|
|
76
43
|
width: void 0,
|
|
77
44
|
height: void 0,
|
|
78
45
|
padding: (0, import_web.getVariableValue)(size) * 0.6
|
|
79
46
|
};
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
sizeProps.height = (0, import_web.getVariableValue)(size) * 2.4;
|
|
83
|
-
} else {
|
|
84
|
-
sizeProps.width = (0, import_web.getVariableValue)(size) * 2.4;
|
|
85
|
-
}
|
|
86
|
-
}
|
|
87
|
-
const iconSize = (typeof size === "number" ? size * 0.7 : (0, import_font_size.getFontSize)(size)) * 1.2;
|
|
88
|
-
const theme = (0, import_web.useTheme)();
|
|
89
|
-
const getThemedIcon = (0, import_helpers_tamagui.useGetThemedIcon)({ size: iconSize, color: theme.color });
|
|
90
|
-
const childrens = import_react.default.Children.toArray(props.children);
|
|
91
|
-
const children = childrens.map((child) => {
|
|
92
|
-
if (props.disablePassStyles || !import_react.default.isValidElement(child)) {
|
|
93
|
-
return child;
|
|
94
|
-
}
|
|
95
|
-
return getThemedIcon(child);
|
|
96
|
-
});
|
|
97
|
-
const commonProps = { ...props, pressed, disabled, ...sizeProps, children };
|
|
47
|
+
props.unstyled || (props.orientation === "horizontal" ? sizeProps.height = (0, import_web.getVariableValue)(size) * 2.4 : sizeProps.width = (0, import_web.getVariableValue)(size) * 2.4);
|
|
48
|
+
const iconSize = (typeof size == "number" ? size * 0.7 : (0, import_font_size.getFontSize)(size)) * 1.2, theme = (0, import_web.useTheme)(), getThemedIcon = (0, import_helpers_tamagui.useGetThemedIcon)({ size: iconSize, color: theme.color }), children = import_react.default.Children.toArray(props.children).map((child) => props.disablePassStyles || !import_react.default.isValidElement(child) ? child : getThemedIcon(child)), commonProps = { ...props, pressed, disabled, ...sizeProps, children };
|
|
98
49
|
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToggleGroupItemProvider, { scope: __scopeToggleGroup, children: context.rovingFocus ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
99
50
|
import_roving_focus.RovingFocusGroup.Item,
|
|
100
51
|
{
|
|
@@ -137,15 +88,12 @@ ToggleGroupItem.displayName = TOGGLE_GROUP_ITEM_NAME;
|
|
|
137
88
|
const ToggleGroupItemImpl = import_Toggle.ToggleFrame.extractable(
|
|
138
89
|
import_react.default.forwardRef(
|
|
139
90
|
(props, forwardedRef) => {
|
|
140
|
-
const { __scopeToggleGroup, value, ...itemProps } = props
|
|
141
|
-
const valueContext = useToggleGroupValueContext(
|
|
91
|
+
const { __scopeToggleGroup, value, ...itemProps } = props, valueContext = useToggleGroupValueContext(
|
|
142
92
|
TOGGLE_GROUP_ITEM_NAME,
|
|
143
93
|
__scopeToggleGroup
|
|
144
|
-
)
|
|
145
|
-
const singleProps = {
|
|
94
|
+
), singleProps = {
|
|
146
95
|
"aria-pressed": void 0
|
|
147
|
-
};
|
|
148
|
-
const typeProps = valueContext.type === "single" ? singleProps : void 0;
|
|
96
|
+
}, typeProps = valueContext.type === "single" ? singleProps : void 0;
|
|
149
97
|
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
150
98
|
import_Toggle.Toggle,
|
|
151
99
|
{
|
|
@@ -153,41 +101,27 @@ const ToggleGroupItemImpl = import_Toggle.ToggleFrame.extractable(
|
|
|
153
101
|
...itemProps,
|
|
154
102
|
ref: forwardedRef,
|
|
155
103
|
onPressedChange: (pressed) => {
|
|
156
|
-
|
|
157
|
-
valueContext.onItemActivate(value);
|
|
158
|
-
} else {
|
|
159
|
-
valueContext.onItemDeactivate(value);
|
|
160
|
-
}
|
|
104
|
+
pressed ? valueContext.onItemActivate(value) : valueContext.onItemDeactivate(value);
|
|
161
105
|
}
|
|
162
106
|
}
|
|
163
107
|
);
|
|
164
108
|
}
|
|
165
109
|
)
|
|
166
|
-
)
|
|
167
|
-
const useRovingFocusGroupScope = (0, import_roving_focus.createRovingFocusGroupScope)();
|
|
168
|
-
const ToggleGroup = (0, import_web.withStaticProperties)(
|
|
110
|
+
), useRovingFocusGroupScope = (0, import_roving_focus.createRovingFocusGroupScope)(), ToggleGroup = (0, import_web.withStaticProperties)(
|
|
169
111
|
import_react.default.forwardRef((props, forwardedRef) => {
|
|
170
112
|
const { type, ...toggleGroupProps } = props;
|
|
171
|
-
if (
|
|
172
|
-
|
|
173
|
-
if (!props.id)
|
|
174
|
-
return;
|
|
113
|
+
if (import_web.isWeb || import_react.default.useEffect(() => {
|
|
114
|
+
if (props.id)
|
|
175
115
|
return (0, import_focusable.registerFocusable)(props.id, {
|
|
176
116
|
// TODO: would be nice to focus on the first child later - could be done with reforest
|
|
177
117
|
// for now leaving it empty
|
|
178
118
|
focus: () => {
|
|
179
119
|
}
|
|
180
120
|
});
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
if (type === "
|
|
184
|
-
|
|
185
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToggleGroupImplSingle, { ...singleProps, ref: forwardedRef });
|
|
186
|
-
}
|
|
187
|
-
if (type === "multiple") {
|
|
188
|
-
const multipleProps = toggleGroupProps;
|
|
189
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToggleGroupImplMultiple, { ...multipleProps, ref: forwardedRef });
|
|
190
|
-
}
|
|
121
|
+
}, [props.id]), type === "single")
|
|
122
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToggleGroupImplSingle, { ...toggleGroupProps, ref: forwardedRef });
|
|
123
|
+
if (type === "multiple")
|
|
124
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToggleGroupImplMultiple, { ...toggleGroupProps, ref: forwardedRef });
|
|
191
125
|
throw new Error(`Missing prop \`type\` expected on \`${TOGGLE_GROUP_NAME}\``);
|
|
192
126
|
}),
|
|
193
127
|
{
|
|
@@ -195,17 +129,15 @@ const ToggleGroup = (0, import_web.withStaticProperties)(
|
|
|
195
129
|
}
|
|
196
130
|
);
|
|
197
131
|
ToggleGroup.displayName = TOGGLE_GROUP_NAME;
|
|
198
|
-
const [ToggleGroupValueProvider, useToggleGroupValueContext] = createToggleGroupContext(TOGGLE_GROUP_NAME)
|
|
199
|
-
const ToggleGroupImplSingle = import_react.default.forwardRef((props, forwardedRef) => {
|
|
132
|
+
const [ToggleGroupValueProvider, useToggleGroupValueContext] = createToggleGroupContext(TOGGLE_GROUP_NAME), ToggleGroupImplSingle = import_react.default.forwardRef((props, forwardedRef) => {
|
|
200
133
|
const {
|
|
201
134
|
value: valueProp,
|
|
202
135
|
defaultValue,
|
|
203
136
|
onValueChange = () => {
|
|
204
137
|
},
|
|
205
|
-
disableDeactivation =
|
|
138
|
+
disableDeactivation = !1,
|
|
206
139
|
...toggleGroupSingleProps
|
|
207
|
-
} = props
|
|
208
|
-
const [value, setValue] = (0, import_use_controllable_state.useControllableState)({
|
|
140
|
+
} = props, [value, setValue] = (0, import_use_controllable_state.useControllableState)({
|
|
209
141
|
prop: valueProp,
|
|
210
142
|
defaultProp: defaultValue,
|
|
211
143
|
onChange: onValueChange
|
|
@@ -225,25 +157,21 @@ const ToggleGroupImplSingle = import_react.default.forwardRef((props, forwardedR
|
|
|
225
157
|
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToggleGroupImpl, { ...toggleGroupSingleProps, ref: forwardedRef })
|
|
226
158
|
}
|
|
227
159
|
);
|
|
228
|
-
})
|
|
229
|
-
const ToggleGroupImplMultiple = import_react.default.forwardRef((props, forwardedRef) => {
|
|
160
|
+
}), ToggleGroupImplMultiple = import_react.default.forwardRef((props, forwardedRef) => {
|
|
230
161
|
const {
|
|
231
162
|
value: valueProp,
|
|
232
163
|
defaultValue,
|
|
233
164
|
onValueChange = () => {
|
|
234
165
|
},
|
|
235
166
|
...toggleGroupMultipleProps
|
|
236
|
-
} = props
|
|
237
|
-
const [value = [], setValue] = (0, import_use_controllable_state.useControllableState)({
|
|
167
|
+
} = props, [value = [], setValue] = (0, import_use_controllable_state.useControllableState)({
|
|
238
168
|
prop: valueProp,
|
|
239
169
|
defaultProp: defaultValue,
|
|
240
170
|
onChange: onValueChange
|
|
241
|
-
})
|
|
242
|
-
const handleButtonActivate = import_react.default.useCallback(
|
|
171
|
+
}), handleButtonActivate = import_react.default.useCallback(
|
|
243
172
|
(itemValue) => setValue((prevValue = []) => [...prevValue, itemValue]),
|
|
244
173
|
[setValue]
|
|
245
|
-
)
|
|
246
|
-
const handleButtonDeactivate = import_react.default.useCallback(
|
|
174
|
+
), handleButtonDeactivate = import_react.default.useCallback(
|
|
247
175
|
(itemValue) => setValue((prevValue = []) => prevValue.filter((value2) => value2 !== itemValue)),
|
|
248
176
|
[setValue]
|
|
249
177
|
);
|
|
@@ -261,8 +189,7 @@ const ToggleGroupImplMultiple = import_react.default.forwardRef((props, forwarde
|
|
|
261
189
|
);
|
|
262
190
|
});
|
|
263
191
|
ToggleGroup.displayName = TOGGLE_GROUP_NAME;
|
|
264
|
-
const [ToggleGroupContext, useToggleGroupContext] = createToggleGroupContext(TOGGLE_GROUP_NAME)
|
|
265
|
-
const ToggleGroupImplElementFrame = (0, import_web.styled)(import_group.Group, {
|
|
192
|
+
const [ToggleGroupContext, useToggleGroupContext] = createToggleGroupContext(TOGGLE_GROUP_NAME), ToggleGroupImplElementFrame = (0, import_web.styled)(import_group.Group, {
|
|
266
193
|
name: TOGGLE_GROUP_NAME,
|
|
267
194
|
variants: {
|
|
268
195
|
unstyled: {
|
|
@@ -282,37 +209,31 @@ const ToggleGroupImplElementFrame = (0, import_web.styled)(import_group.Group, {
|
|
|
282
209
|
}
|
|
283
210
|
},
|
|
284
211
|
defaultVariants: {
|
|
285
|
-
unstyled:
|
|
212
|
+
unstyled: !1
|
|
286
213
|
}
|
|
287
|
-
})
|
|
288
|
-
const ToggleGroupImpl = ToggleGroupImplElementFrame.extractable(
|
|
214
|
+
}), ToggleGroupImpl = ToggleGroupImplElementFrame.extractable(
|
|
289
215
|
import_react.default.forwardRef(
|
|
290
216
|
(props, forwardedRef) => {
|
|
291
217
|
const {
|
|
292
218
|
__scopeToggleGroup,
|
|
293
|
-
disabled =
|
|
219
|
+
disabled = !1,
|
|
294
220
|
orientation = "horizontal",
|
|
295
221
|
dir,
|
|
296
|
-
rovingFocus =
|
|
297
|
-
loop =
|
|
298
|
-
unstyled =
|
|
222
|
+
rovingFocus = !0,
|
|
223
|
+
loop = !0,
|
|
224
|
+
unstyled = !1,
|
|
299
225
|
size: sizeProp = "$true",
|
|
300
226
|
sizeAdjust = 0,
|
|
301
227
|
...toggleGroupProps
|
|
302
|
-
} = props
|
|
303
|
-
const rovingFocusGroupScope = useRovingFocusGroupScope(__scopeToggleGroup);
|
|
304
|
-
const direction = (0, import_use_direction.useDirection)(dir);
|
|
305
|
-
const commonProps = {
|
|
228
|
+
} = props, rovingFocusGroupScope = useRovingFocusGroupScope(__scopeToggleGroup), direction = (0, import_use_direction.useDirection)(dir), commonProps = {
|
|
306
229
|
role: "group",
|
|
307
230
|
dir: direction,
|
|
308
231
|
...toggleGroupProps
|
|
309
|
-
}
|
|
310
|
-
const adjustedSize = (0, import_web.getVariableValue)(
|
|
232
|
+
}, adjustedSize = (0, import_web.getVariableValue)(
|
|
311
233
|
(0, import_get_token.getSize)(props.size, {
|
|
312
234
|
shift: sizeAdjust
|
|
313
235
|
})
|
|
314
|
-
);
|
|
315
|
-
const size = Math.round(adjustedSize * 0.45);
|
|
236
|
+
), size = Math.round(adjustedSize * 0.45);
|
|
316
237
|
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
317
238
|
ToggleGroupContext,
|
|
318
239
|
{
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/ToggleGroup.tsx"],
|
|
4
|
-
"mappings": "
|
|
4
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4BAA0C,oCAC1C,mBAAkC,+BAClC,mBAA4B,+BAC5B,mBAAwB,+BACxB,eAAgD,2BAChD,yBAAiC,qCACjC,sBAA8D,kCAC9D,gCAAqC,4CACrC,uBAA6B,mCAC7B,aASO,yBACP,eAAkB,2BAElB,gBAAiD,qBAoGjC;AAlGhB,MAAM,oBAAoB,eACpB,CAAC,0BAA0B,sBAAsB,QAAI;AAAA,EACzD;AAAA,EACA,CAAC,+CAA2B;AAC9B,GAKM,yBAAyB,mBAIzB,CAAC,8BAA8B,0BAA0B,QAC7D,0CAAmB,sBAAsB,GACrC,CAAC,yBAAyB,yBAAyB,IACvD,yBAAsD,iBAAiB,GACnE,0BAA0B,2BAA2B,GAcrD,kBAAkB,0BAAY;AAAA,EAClC,aAAAA,QAAM;AAAA,IACJ,CAAC,OAA0C,iBAAiB;AAC1D,YAAM,eAAe;AAAA,QACnB;AAAA,QACA,MAAM;AAAA,MACR,GACM,UAAU;AAAA,QACd;AAAA,QACA,MAAM;AAAA,MACR,GACM,qBAAqB,MAAM,oBAC3B,wBAAwB,yBAAyB,MAAM,kBAAkB,GACzE,UAAU,aAAa,MAAM,SAAS,MAAM,KAAK,GACjD,WAAW,QAAQ,YAAY,MAAM,YAAY,IACjD,MAAM,aAAAA,QAAM,OAAuB,IAAI,GACvC,qBAAiB,2BAAa,EAAE,SAAS,CAAC,GAC1C,OAAO,MAAM,QAAQ,QAAQ,MAE7B,YAAiC,MAAM,WACzC,CAAC,IACD;AAAA,QACE,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,aAAS,6BAAiB,IAAI,IAAI;AAAA,MACpC;AAEJ,MAAK,MAAM,aACL,MAAM,gBAAgB,eACxB,UAAU,aAAS,6BAAiB,IAAI,IAAI,MAE5C,UAAU,YAAQ,6BAAiB,IAAI,IAAI;AAI/C,YAAM,YACH,OAAO,QAAS,WAAW,OAAO,UAAM,8BAAY,IAAsB,KAC3E,KAEI,YAAQ,qBAAS,GACjB,oBAAgB,yCAAiB,EAAE,MAAM,UAAU,OAAO,MAAM,MAAM,CAAC,GAGvE,WADY,aAAAA,QAAM,SAAS,QAAQ,MAAM,QAAQ,EAC5B,IAAI,CAAC,UAC1B,MAAM,qBAAqB,CAAC,aAAAA,QAAM,eAAe,KAAK,IACjD,QAEF,cAAc,KAAK,CAC3B,GAEK,cAAc,EAAE,GAAG,OAAO,SAAS,UAAU,GAAG,WAAW,SAAS;AAE1E,aACE,4CAAC,2BAAwB,OAAO,oBAC7B,kBAAQ,cACP;AAAA,QAAC,qCAAiB;AAAA,QAAjB;AAAA,UACC,SAAQ;AAAA,UACP,GAAG;AAAA,UACJ,WAAW,CAAC;AAAA,UACZ,QAAQ;AAAA,UAER;AAAA,YAAC;AAAA;AAAA,cACC,SAAQ;AAAA,cACR,WAAW,CAAC;AAAA,cACZ;AAAA,cACA;AAAA,cAEA;AAAA,gBAAC;AAAA;AAAA,kBACE,GAAG;AAAA,kBACJ,KAAK;AAAA,kBACJ,GAAG;AAAA;AAAA,cACN;AAAA;AAAA,UACF;AAAA;AAAA,MACF,IAEA;AAAA,QAAC;AAAA;AAAA,UACC,SAAQ;AAAA,UACR,WAAW,CAAC;AAAA,UACZ;AAAA,UACA;AAAA,UAEA,sDAAC,uBAAqB,GAAG,aAAa,KAAK,cAAc;AAAA;AAAA,MAC3D,GAEJ;AAAA,IAEJ;AAAA,EACF;AACF;AACA,gBAAgB,cAAc;AAgB9B,MAAM,sBAAsB,0BAAY;AAAA,EACtC,aAAAA,QAAM;AAAA,IACJ,CAAC,OAA8C,iBAAiB;AAC9D,YAAM,EAAE,oBAAoB,OAAO,GAAG,UAAU,IAAI,OAC9C,eAAe;AAAA,QACnB;AAAA,QACA;AAAA,MACF,GACM,cAAc;AAAA,QAClB,gBAAgB;AAAA,MAClB,GACM,YAAY,aAAa,SAAS,WAAW,cAAc;AAEjE,aACE;AAAA,QAAC;AAAA;AAAA,UACE,GAAG;AAAA,UACH,GAAG;AAAA,UACJ,KAAK;AAAA,UACL,iBAAiB,CAAC,YAAY;AAC5B,YAAI,UACF,aAAa,eAAe,KAAK,IAEjC,aAAa,iBAAiB,KAAK;AAAA,UAEvC;AAAA;AAAA,MACF;AAAA,IAEJ;AAAA,EACF;AACF,GAUM,+BAA2B,iDAA4B,GAYvD,kBAAc;AAAA,EAClB,aAAAA,QAAM,WAAiD,CAAC,OAAO,iBAAiB;AAC9E,UAAM,EAAE,MAAM,GAAG,iBAAiB,IAAI;AActC,QAZK,oBAEH,aAAAA,QAAM,UAAU,MAAM;AACpB,UAAK,MAAM;AACX,mBAAO,oCAAkB,MAAM,IAAI;AAAA;AAAA;AAAA,UAGjC,OAAO,MAAM;AAAA,UAAC;AAAA,QAChB,CAAC;AAAA,IACH,GAAG,CAAC,MAAM,EAAE,CAAC,GAGX,SAAS;AAEX,aAAO,4CAAC,yBAAuB,GADX,kBAC2B,KAAK,cAAc;AAGpE,QAAI,SAAS;AAEX,aAAO,4CAAC,2BAAyB,GADX,kBAC6B,KAAK,cAAc;AAGxE,UAAM,IAAI,MAAM,uCAAuC,iBAAiB,IAAI;AAAA,EAC9E,CAAC;AAAA,EACD;AAAA,IACE,MAAM;AAAA,EACR;AACF;AAEA,YAAY,cAAc;AAY1B,MAAM,CAAC,0BAA0B,0BAA0B,IACzD,yBAAuD,iBAAiB,GAuBpE,wBAAwB,aAAAA,QAAM,WAGlC,CAAC,OAAgD,iBAAiB;AAClE,QAAM;AAAA,IACJ,OAAO;AAAA,IACP;AAAA,IACA,gBAAgB,MAAM;AAAA,IAAC;AAAA,IACvB,sBAAsB;AAAA,IACtB,GAAG;AAAA,EACL,IAAI,OAEE,CAAC,OAAO,QAAQ,QAAI,oDAAqB;AAAA,IAC7C,MAAM;AAAA,IACN,aAAa;AAAA,IACb,UAAU;AAAA,EACZ,CAAC;AAED,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAO,MAAM;AAAA,MACb,MAAK;AAAA,MACL,OAAO,QAAQ,CAAC,KAAK,IAAI,CAAC;AAAA,MAC1B,cAAc;AAAA,MACd,gBAAgB;AAAA,MAChB,kBAAkB,aAAAA,QAAM;AAAA,QACtB,MAAO,sBAAsB,OAAO,SAAS,EAAE;AAAA,QAC/C,CAAC,UAAU,mBAAmB;AAAA,MAChC;AAAA,MAEA,sDAAC,mBAAiB,GAAG,wBAAwB,KAAK,cAAc;AAAA;AAAA,EAClE;AAEJ,CAAC,GAmBK,0BAA0B,aAAAA,QAAM,WAGpC,CAAC,OAAkD,iBAAiB;AACpE,QAAM;AAAA,IACJ,OAAO;AAAA,IACP;AAAA,IACA,gBAAgB,MAAM;AAAA,IAAC;AAAA,IACvB,GAAG;AAAA,EACL,IAAI,OAEE,CAAC,QAAQ,CAAC,GAAG,QAAQ,QAAI,oDAAqB;AAAA,IAClD,MAAM;AAAA,IACN,aAAa;AAAA,IACb,UAAU;AAAA,EACZ,CAAC,GAEK,uBAAuB,aAAAA,QAAM;AAAA,IACjC,CAAC,cAAsB,SAAS,CAAC,YAAY,CAAC,MAAM,CAAC,GAAG,WAAW,SAAS,CAAC;AAAA,IAC7E,CAAC,QAAQ;AAAA,EACX,GAEM,yBAAyB,aAAAA,QAAM;AAAA,IACnC,CAAC,cACC,SAAS,CAAC,YAAY,CAAC,MAAM,UAAU,OAAO,CAACC,WAAUA,WAAU,SAAS,CAAC;AAAA,IAC/E,CAAC,QAAQ;AAAA,EACX;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAO,MAAM;AAAA,MACb,MAAK;AAAA,MACL;AAAA,MACA,cAAc;AAAA,MACd,gBAAgB;AAAA,MAChB,kBAAkB;AAAA,MAElB,sDAAC,mBAAiB,GAAG,0BAA0B,KAAK,cAAc;AAAA;AAAA,EACpE;AAEJ,CAAC;AAED,YAAY,cAAc;AAU1B,MAAM,CAAC,oBAAoB,qBAAqB,IAC9C,yBAAkD,iBAAiB,GAM/D,kCAA8B,mBAAO,oBAAO;AAAA,EAChD,MAAM;AAAA,EAEN,UAAU;AAAA,IACR,UAAU;AAAA,MACR,OAAO;AAAA,QACL,iBAAiB;AAAA,MACnB;AAAA,IACF;AAAA,IAEA,aAAa;AAAA,MACX,UAAU;AAAA,QACR,eAAe;AAAA,QACf,gBAAgB;AAAA,MAClB;AAAA,MACA,YAAY;AAAA,QACV,eAAe;AAAA,QACf,gBAAgB;AAAA,MAClB;AAAA,IACF;AAAA,EACF;AAAA,EAEA,iBAAiB;AAAA,IACf,UAAU;AAAA,EACZ;AACF,CAAC,GAUK,kBAAkB,4BAA4B;AAAA,EAClD,aAAAD,QAAM;AAAA,IACJ,CAAC,OAA0C,iBAAiB;AAC1D,YAAM;AAAA,QACJ;AAAA,QACA,WAAW;AAAA,QACX,cAAc;AAAA,QACd;AAAA,QACA,cAAc;AAAA,QACd,OAAO;AAAA,QACP,WAAW;AAAA,QACX,MAAM,WAAW;AAAA,QACjB,aAAa;AAAA,QACb,GAAG;AAAA,MACL,IAAI,OACE,wBAAwB,yBAAyB,kBAAkB,GACnE,gBAAY,mCAAa,GAAG,GAC5B,cAAoC;AAAA,QACxC,MAAM;AAAA,QACN,KAAK;AAAA,QACL,GAAG;AAAA,MACL,GACM,mBAAe;AAAA,YACnB,0BAAQ,MAAM,MAAM;AAAA,UAClB,OAAO;AAAA,QACT,CAAC;AAAA,MACH,GACM,OAAO,KAAK,MAAM,eAAe,IAAI;AAE3C,aACE;AAAA,QAAC;AAAA;AAAA,UACC,OAAO;AAAA,UACP;AAAA,UACA;AAAA,UACA;AAAA,UAEC,wBACC;AAAA,YAAC;AAAA;AAAA,cACC,SAAQ;AAAA,cACP,GAAG;AAAA,cACJ;AAAA,cACA,KAAK;AAAA,cACL;AAAA,cAEA;AAAA,gBAAC;AAAA;AAAA,kBACC,oBAAkB;AAAA,kBAClB;AAAA,kBACA,MAAM;AAAA,kBACN,KAAK;AAAA,kBACL,iBAAe,WAAW,KAAK;AAAA,kBAC/B;AAAA,kBACC,GAAG;AAAA;AAAA,cACN;AAAA;AAAA,UACF,IAEA;AAAA,YAAC;AAAA;AAAA,cACC,oBAAkB;AAAA,cAClB,KAAK;AAAA,cACL;AAAA,cACA,iBAAe,WAAW,KAAK;AAAA,cAC/B;AAAA,cACC,GAAG;AAAA;AAAA,UACN;AAAA;AAAA,MAEJ;AAAA,IAEJ;AAAA,EACF;AACF;",
|
|
5
5
|
"names": ["React", "value"]
|
|
6
6
|
}
|