@tamagui/toggle-group 1.111.8 → 1.111.10
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/esm/Toggle.native.js +82 -76
- package/dist/esm/Toggle.native.js.map +1 -6
- package/dist/esm/ToggleGroup.native.js +249 -192
- package/dist/esm/ToggleGroup.native.js.map +1 -6
- package/dist/esm/index.native.js +2 -2
- package/dist/esm/index.native.js.map +1 -6
- package/package.json +16 -16
- package/dist/esm/Toggle.native.mjs +0 -95
- package/dist/esm/Toggle.native.mjs.map +0 -1
- package/dist/esm/ToggleGroup.native.mjs +0 -281
- package/dist/esm/ToggleGroup.native.mjs.map +0 -1
- package/dist/esm/index.native.mjs +0 -2
- package/dist/esm/index.native.mjs.map +0 -1
|
@@ -4,86 +4,92 @@ import { ThemeableStack } from "@tamagui/stacks";
|
|
|
4
4
|
import { useControllableState } from "@tamagui/use-controllable-state";
|
|
5
5
|
import { styled } from "@tamagui/web";
|
|
6
6
|
import * as React from "react";
|
|
7
|
-
var NAME = "Toggle",
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
7
|
+
var NAME = "Toggle",
|
|
8
|
+
ToggleFrame = styled(ThemeableStack, {
|
|
9
|
+
name: NAME,
|
|
10
|
+
tag: "button",
|
|
11
|
+
variants: {
|
|
12
|
+
unstyled: {
|
|
13
|
+
false: {
|
|
14
|
+
pressTheme: !0,
|
|
15
|
+
backgroundColor: "$background",
|
|
16
|
+
alignItems: "center",
|
|
17
|
+
justifyContent: "center",
|
|
18
|
+
display: "flex",
|
|
19
|
+
borderColor: "$borderColor",
|
|
20
|
+
borderWidth: 1,
|
|
21
|
+
margin: -1,
|
|
22
|
+
hoverStyle: {
|
|
23
|
+
backgroundColor: "$backgroundHover"
|
|
24
|
+
},
|
|
25
|
+
pressStyle: {
|
|
26
|
+
backgroundColor: "$backgroundPress"
|
|
27
|
+
},
|
|
28
|
+
focusStyle: {
|
|
29
|
+
borderColor: "$borderColorFocus"
|
|
30
|
+
},
|
|
31
|
+
focusVisibleStyle: {
|
|
32
|
+
outlineColor: "$outlineColor",
|
|
33
|
+
outlineWidth: 2,
|
|
34
|
+
outlineStyle: "solid"
|
|
35
|
+
}
|
|
34
36
|
}
|
|
35
|
-
}
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
37
|
+
},
|
|
38
|
+
active: {
|
|
39
|
+
true: {
|
|
40
|
+
zIndex: 1,
|
|
41
|
+
hoverStyle: {
|
|
42
|
+
backgroundColor: "$background"
|
|
43
|
+
},
|
|
44
|
+
focusStyle: {
|
|
45
|
+
borderColor: "$borderColor",
|
|
46
|
+
backgroundColor: "$background"
|
|
47
|
+
}
|
|
48
|
+
}
|
|
49
|
+
},
|
|
50
|
+
orientation: {
|
|
51
|
+
horizontal: {
|
|
52
|
+
flexDirection: "row",
|
|
53
|
+
spaceDirection: "horizontal"
|
|
42
54
|
},
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
55
|
+
vertical: {
|
|
56
|
+
flexDirection: "column",
|
|
57
|
+
spaceDirection: "vertical"
|
|
46
58
|
}
|
|
47
59
|
}
|
|
48
60
|
},
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
flexDirection: "row",
|
|
52
|
-
spaceDirection: "horizontal"
|
|
53
|
-
},
|
|
54
|
-
vertical: {
|
|
55
|
-
flexDirection: "column",
|
|
56
|
-
spaceDirection: "vertical"
|
|
57
|
-
}
|
|
61
|
+
defaultVariants: {
|
|
62
|
+
unstyled: process.env.TAMAGUI_HEADLESS === "1"
|
|
58
63
|
}
|
|
59
|
-
},
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
props.disabled
|
|
82
|
-
|
|
64
|
+
}),
|
|
65
|
+
Toggle = /* @__PURE__ */React.forwardRef(function (props, forwardedRef) {
|
|
66
|
+
var {
|
|
67
|
+
pressed: pressedProp,
|
|
68
|
+
defaultPressed = !1,
|
|
69
|
+
onPressedChange,
|
|
70
|
+
...buttonProps
|
|
71
|
+
} = props,
|
|
72
|
+
[pressed = !1, setPressed] = useControllableState({
|
|
73
|
+
prop: pressedProp,
|
|
74
|
+
onChange: onPressedChange,
|
|
75
|
+
defaultProp: defaultPressed
|
|
76
|
+
}),
|
|
77
|
+
_props_onPress;
|
|
78
|
+
return /* @__PURE__ */_jsx(ToggleFrame, {
|
|
79
|
+
...(!props.unstyled && {
|
|
80
|
+
theme: pressed ? "active" : null,
|
|
81
|
+
themeShallow: !0
|
|
82
|
+
}),
|
|
83
|
+
active: props.unstyled ? void 0 : pressed,
|
|
84
|
+
"aria-pressed": pressed,
|
|
85
|
+
"data-state": pressed ? "on" : "off",
|
|
86
|
+
"data-disabled": props.disabled ? "" : void 0,
|
|
87
|
+
...buttonProps,
|
|
88
|
+
ref: forwardedRef,
|
|
89
|
+
onPress: composeEventHandlers((_props_onPress = props.onPress) !== null && _props_onPress !== void 0 ? _props_onPress : void 0, function () {
|
|
90
|
+
props.disabled || setPressed(!pressed);
|
|
91
|
+
})
|
|
92
|
+
});
|
|
83
93
|
});
|
|
84
|
-
}
|
|
85
|
-
|
|
86
|
-
Toggle,
|
|
87
|
-
ToggleFrame
|
|
88
|
-
};
|
|
89
|
-
//# sourceMappingURL=Toggle.js.map
|
|
94
|
+
export { Toggle, ToggleFrame };
|
|
95
|
+
//# sourceMappingURL=Toggle.native.js.map
|
|
@@ -1,6 +1 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../src/Users/n8/tamagui/code/ui/toggle-group/src/Toggle.tsx"],
|
|
4
|
-
"mappings": ";AAAA,SAASA,4BAA4B;AACrC,SAASC,sBAAsB;AAC/B,SAASC,4BAA4B;AAErC,SAASC,cAAc;AACvB,YAAYC,WAAW;AAMvB,IAAMC,OAAO,UAMAC,cAAcH,OAAOF,gBAAgB;EAChDM,MAAMF;EACNG,KAAK;EAELC,UAAU;IACRC,UAAU;MACRC,OAAO;QACLC,YAAY;QACZC,iBAAiB;QACjBC,YAAY;QACZC,gBAAgB;QAChBC,SAAS;QACTC,aAAa;QACbC,aAAa;QACbC,QAAQ;QACRC,YAAY;UACVP,iBAAiB;QACnB;QACAQ,YAAY;UACVR,iBAAiB;QACnB;QACAS,YAAY;UACVL,aAAa;QACf;QACAM,mBAAmB;UACjBC,cAAc;UACdC,cAAc;UACdC,cAAc;QAChB;MACF;IACF;IAEAC,QAAQ;MACNC,MAAM;QACJC,QAAQ;QAERT,YAAY;UACVP,iBAAiB;QACnB;QAEAS,YAAY;UACVL,aAAa;UACbJ,iBAAiB;QACnB;MACF;IACF;IAEAiB,aAAa;MACXC,YAAY;QACVC,eAAe;QACfC,gBAAgB;MAClB;MACAC,UAAU;QACRF,eAAe;QACfC,gBAAgB;MAClB;IACF;EACF;EAEAE,iBAAiB;IACfzB,UAAU0B,QAAQC,IAAIC,qBAAqB;EAC7C;AACF,CAAA,GAcaC,SAASnC,sBAAMoC,WAC1B,SAAgBC,OAAOC,cAAY;AACjC,MAAM,EACJC,SAASC,aACTC,iBAAiB,IACjBC,iBACA,GAAGC,YAAAA,IACDN,OAEE,CAACE,UAAU,IAAOK,UAAAA,IAAc9C,qBAAqB;IACzD+C,MAAML;IACNM,UAAUJ;IACVK,aAAaN;EACf,CAAA,GAckCJ;AAZlC,SACE,qBAACnC,aAAAA;IACE,GAAI,CAACmC,MAAM/B,YAAY;MACtB0C,OAAOT,UAAU,WAAW;MAC5BU,cAAc;IAChB;IACA1B,QAASc,MAAM/B,WAAqB4C,SAAVX;IAC1BY,gBAAcZ;IACda,cAAYb,UAAU,OAAO;IAC7Bc,iBAAehB,MAAMiB,WAAW,KAAKJ;IACpC,GAAGP;IACJY,KAAKjB;IACLkB,SAAS5D,sBAAqByC,iBAAAA,MAAMmB,aAAO,QAAbnB,mBAAAA,SAAAA,iBAAiBa,QAAW,WAAA;AACxD,MAAKb,MAAMiB,YACTV,WAAW,CAACL,OAAAA;IAEhB,CAAA;;AAGN,CAAA;",
|
|
5
|
-
"names": ["composeEventHandlers", "ThemeableStack", "useControllableState", "styled", "React", "NAME", "ToggleFrame", "name", "tag", "variants", "unstyled", "false", "pressTheme", "backgroundColor", "alignItems", "justifyContent", "display", "borderColor", "borderWidth", "margin", "hoverStyle", "pressStyle", "focusStyle", "focusVisibleStyle", "outlineColor", "outlineWidth", "outlineStyle", "active", "true", "zIndex", "orientation", "horizontal", "flexDirection", "spaceDirection", "vertical", "defaultVariants", "process", "env", "TAMAGUI_HEADLESS", "Toggle", "forwardRef", "props", "forwardedRef", "pressed", "pressedProp", "defaultPressed", "onPressedChange", "buttonProps", "setPressed", "prop", "onChange", "defaultProp", "theme", "themeShallow", "undefined", "aria-pressed", "data-state", "data-disabled", "disabled", "ref", "onPress"]
|
|
6
|
-
}
|
|
1
|
+
{"version":3,"names":["jsx","_jsx","composeEventHandlers","ThemeableStack","useControllableState","styled","React","NAME","ToggleFrame","name","tag","variants","unstyled","false","pressTheme","backgroundColor","alignItems","justifyContent","display","borderColor","borderWidth","margin","hoverStyle","pressStyle","focusStyle","focusVisibleStyle","outlineColor","outlineWidth","outlineStyle","active","true","zIndex","orientation","horizontal","flexDirection","spaceDirection","vertical","defaultVariants","process","env","TAMAGUI_HEADLESS","Toggle","forwardRef","props","forwardedRef","pressed","pressedProp","defaultPressed","onPressedChange","buttonProps","setPressed","prop","onChange","defaultProp","_props_onPress","theme","themeShallow","disabled","ref","onPress"],"sources":["../../src/Toggle.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAA,2BAA4B;AACrC,SAASC,oBAAA,QAAsB;AAC/B,SAASC,cAAA,yBAA4B;AAErC,SAASC,oBAAc;AACvB,SAAAC,MAAY,QAAW;AAwGjB,YAAAC,KAAA;AAlGN,IAAAC,IAAM,WAAO;EAAAC,WAMA,GAAAH,MAAc,CAAAF,cAAO;IAChCM,IAAA,EAAMF,IAAA;IACNG,GAAA,EAAK;IAELC,QAAA,EAAU;MACRC,QAAA,EAAU;QACRC,KAAA,EAAO;UACLC,UAAA,EAAY;UACZC,eAAA,EAAiB;UACjBC,UAAA,EAAY;UACZC,cAAA,EAAgB;UAChBC,OAAA,EAAS;UACTC,WAAA,EAAa;UACbC,WAAA,EAAa;UACbC,MAAA,EAAQ;UACRC,UAAA,EAAY;YACVP,eAAA,EAAiB;UACnB;UACAQ,UAAA,EAAY;YACVR,eAAA,EAAiB;UACnB;UACAS,UAAA,EAAY;YACVL,WAAA,EAAa;UACf;UACAM,iBAAA,EAAmB;YACjBC,YAAA,EAAc;YACdC,YAAA,EAAc;YACdC,YAAA,EAAc;UAChB;QACF;MACF;MAEAC,MAAA,EAAQ;QACNC,IAAA,EAAM;UACJC,MAAA,EAAQ;UAERT,UAAA,EAAY;YACVP,eAAA,EAAiB;UACnB;UAEAS,UAAA,EAAY;YACVL,WAAA,EAAa;YACbJ,eAAA,EAAiB;UACnB;QACF;MACF;MAEAiB,WAAA,EAAa;QACXC,UAAA,EAAY;UACVC,aAAA,EAAe;UACfC,cAAA,EAAgB;QAClB;QACAC,QAAA,EAAU;UACRF,aAAA,EAAe;UACfC,cAAA,EAAgB;QAClB;MACF;IACF;IAEAE,eAAA,EAAiB;MACfzB,QAAA,EAAU0B,OAAA,CAAQC,GAAA,CAAIC,gBAAA,KAAqB;IAC7C;EACF,CAAC;EAcYC,MAAA,GAAS,eAAMnC,KAAA,CAAAoC,UAAA,WAAAC,KAAA,EAAAC,YAAA;IAC1B;QAAAC,OAAgB,EAAAC,WAAO;QAAAC,cAAc;QAAAC,eAAA;QAAA,GAAAC;MAAA,IAAAN,KAAA;MAAA,CAAAE,OAAA,OAAAK,UAAA,IAAA9C,oBAAA;QACnC+C,IAAA,EAAML,WAAA;QAAAM,QACJ,EAAAJ,eAAS;QAAAK,WACT,EAAAN;MAAiB;MACjBO,cAAA;IAAA,OACG,eAAArD,IAAA,CAAAO,WAAA;MACL,KAAImC,KAAA,CAAA/B,QAEG,IAAU;QACf2C,KAAA,EAAMV,OAAA;QACNW,YAAU;MAAA;MAEZ3B,MAAC,EAAAc,KAAA,CAAA/B,QAAA,YAAAiC,OAAA;MAED,cACE,EAAAA,OAAA;MAAA,YAAC,EAAAA,OAAA;MAAA,iBAAAF,KAAA,CAAAc,QAAA;MAAA,GAAAR,WACa;MAAYS,GAAA,EAAAd,YACf;MAAqBe,OAC5B,EAAAzD,oBAAc,EAAAoD,cAAA,GAAAX,KAAA,CAAAgB,OAAA,cAAAL,cAAA,cAAAA,cAAA;QAAAX,KAChB,CAAAc,QAAA,IAAAP,UAAA,EAAAL,OAAA;MAAA;IAC0B;EACZ;AACe,SACQJ,MACpC,EAAGjC,WACC","ignoreList":[]}
|
|
@@ -11,214 +11,271 @@ import { useControllableState } from "@tamagui/use-controllable-state";
|
|
|
11
11
|
import { useDirection } from "@tamagui/use-direction";
|
|
12
12
|
import { createStyledContext, getVariableValue, styled, useTheme } from "@tamagui/web";
|
|
13
13
|
import React from "react";
|
|
14
|
-
import { Toggle, ToggleFrame } from "./Toggle";
|
|
15
|
-
var TOGGLE_GROUP_NAME = "ToggleGroup",
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
}
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
})
|
|
14
|
+
import { Toggle, ToggleFrame } from "./Toggle.native.js";
|
|
15
|
+
var TOGGLE_GROUP_NAME = "ToggleGroup",
|
|
16
|
+
TOGGLE_GROUP_ITEM_NAME = "ToggleGroupItem",
|
|
17
|
+
TOGGLE_GROUP_CONTEXT = "ToggleGroup",
|
|
18
|
+
{
|
|
19
|
+
Provider: ToggleGroupItemProvider,
|
|
20
|
+
useStyledContext: useToggleGroupItemContext
|
|
21
|
+
} = createStyledContext(),
|
|
22
|
+
{
|
|
23
|
+
Provider: ToggleGroupContext,
|
|
24
|
+
useStyledContext: useToggleGroupContext
|
|
25
|
+
} = createStyledContext(),
|
|
26
|
+
ToggleGroupItem = ToggleFrame.extractable(/* @__PURE__ */React.forwardRef(function (props, forwardedRef) {
|
|
27
|
+
var {
|
|
28
|
+
disablePassStyles,
|
|
29
|
+
...rest
|
|
30
|
+
} = props,
|
|
31
|
+
valueContext = useToggleGroupValueContext(props.__scopeToggleGroup),
|
|
32
|
+
context = useToggleGroupContext(props.__scopeToggleGroup),
|
|
33
|
+
pressed = valueContext?.value.includes(props.value),
|
|
34
|
+
disabled = context.disabled || props.disabled || !1,
|
|
35
|
+
groupItemProps = useGroupItem({
|
|
36
|
+
disabled
|
|
37
|
+
}),
|
|
38
|
+
_props_size,
|
|
39
|
+
size = (_props_size = props.size) !== null && _props_size !== void 0 ? _props_size : context.size,
|
|
40
|
+
sizeProps = props.unstyled ? {} : {
|
|
41
|
+
width: void 0,
|
|
42
|
+
height: void 0,
|
|
43
|
+
padding: getVariableValue(size) * 0.6
|
|
44
|
+
},
|
|
45
|
+
iconSize = (typeof size == "number" ? size * 0.7 : getFontSize(size)) * 1.2,
|
|
46
|
+
theme = useTheme(),
|
|
47
|
+
getThemedIcon = useGetThemedIcon({
|
|
48
|
+
size: iconSize,
|
|
49
|
+
color: theme.color
|
|
50
|
+
}),
|
|
51
|
+
childrens = React.Children.toArray(props.children),
|
|
52
|
+
children = childrens.map(function (child) {
|
|
53
|
+
return props.disablePassStyles || ! /* @__PURE__ */React.isValidElement(child) ? child : getThemedIcon(child);
|
|
54
|
+
}),
|
|
55
|
+
commonProps = {
|
|
56
|
+
pressed,
|
|
57
|
+
disabled,
|
|
58
|
+
...sizeProps,
|
|
59
|
+
...rest,
|
|
60
|
+
children
|
|
61
|
+
},
|
|
62
|
+
inner = /* @__PURE__ */_jsx(ToggleGroupItemImpl, {
|
|
63
|
+
...commonProps,
|
|
64
|
+
ref: forwardedRef,
|
|
65
|
+
focusable: !disabled,
|
|
66
|
+
disabled,
|
|
67
|
+
...groupItemProps
|
|
68
|
+
});
|
|
69
|
+
return /* @__PURE__ */_jsx(ToggleGroupItemProvider, {
|
|
70
|
+
scope: props.__scopeToggleGroup,
|
|
71
|
+
children: context.rovingFocus ? /* @__PURE__ */_jsx(RovingFocusGroup.Item, {
|
|
72
|
+
asChild: "except-style",
|
|
73
|
+
__scopeRovingFocusGroup: props.__scopeToggleGroup || TOGGLE_GROUP_CONTEXT,
|
|
74
|
+
focusable: !disabled,
|
|
75
|
+
active: pressed,
|
|
76
|
+
children: inner
|
|
77
|
+
}) : inner
|
|
78
|
+
});
|
|
79
|
+
}));
|
|
51
80
|
ToggleGroupItem.displayName = TOGGLE_GROUP_ITEM_NAME;
|
|
52
|
-
var ToggleGroupItemImpl = /* @__PURE__ */
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
81
|
+
var ToggleGroupItemImpl = /* @__PURE__ */React.forwardRef(function (props, forwardedRef) {
|
|
82
|
+
var {
|
|
83
|
+
__scopeToggleGroup,
|
|
84
|
+
value,
|
|
85
|
+
...itemProps
|
|
86
|
+
} = props,
|
|
87
|
+
valueContext = useToggleGroupValueContext(__scopeToggleGroup),
|
|
88
|
+
singleProps = {
|
|
89
|
+
"aria-pressed": void 0
|
|
90
|
+
},
|
|
91
|
+
typeProps = valueContext.type === "single" ? singleProps : void 0;
|
|
92
|
+
return /* @__PURE__ */_jsx(Toggle, {
|
|
93
|
+
...typeProps,
|
|
94
|
+
...itemProps,
|
|
95
|
+
ref: forwardedRef,
|
|
96
|
+
onPressedChange: function (pressed) {
|
|
97
|
+
pressed ? valueContext.onItemActivate(value) : valueContext.onItemDeactivate(value);
|
|
98
|
+
}
|
|
99
|
+
});
|
|
100
|
+
}),
|
|
101
|
+
ToggleGroup = withStaticProperties(/* @__PURE__ */React.forwardRef(function (props, forwardedRef) {
|
|
102
|
+
var {
|
|
103
|
+
type,
|
|
104
|
+
...toggleGroupProps
|
|
105
|
+
} = props;
|
|
106
|
+
if (isWeb || React.useEffect(function () {
|
|
107
|
+
if (props.id) return registerFocusable(props.id, {
|
|
69
108
|
// TODO: would be nice to focus on the first child later - could be done with reforest
|
|
70
109
|
// for now leaving it empty
|
|
71
|
-
focus: function() {
|
|
72
|
-
}
|
|
110
|
+
focus: function () {}
|
|
73
111
|
});
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
});
|
|
89
|
-
}
|
|
90
|
-
|
|
91
|
-
}), {
|
|
92
|
-
Item: ToggleGroupItem
|
|
93
|
-
});
|
|
94
|
-
ToggleGroup.displayName = TOGGLE_GROUP_NAME;
|
|
95
|
-
var { Provider: ToggleGroupValueProvider, useStyledContext: useToggleGroupValueContext } = createStyledContext(), ToggleGroupImplSingle = /* @__PURE__ */ React.forwardRef(function(props, forwardedRef) {
|
|
96
|
-
var { value: valueProp, defaultValue, onValueChange = function() {
|
|
97
|
-
}, disableDeactivation = !1, ...toggleGroupSingleProps } = props, [value, setValue] = useControllableState({
|
|
98
|
-
prop: valueProp,
|
|
99
|
-
defaultProp: defaultValue,
|
|
100
|
-
onChange: onValueChange
|
|
101
|
-
});
|
|
102
|
-
return /* @__PURE__ */ _jsx(ToggleGroupValueProvider, {
|
|
103
|
-
scope: props.__scopeToggleGroup,
|
|
104
|
-
type: "single",
|
|
105
|
-
value: value ? [
|
|
106
|
-
value
|
|
107
|
-
] : [],
|
|
108
|
-
defaultValue: value,
|
|
109
|
-
onItemActivate: setValue,
|
|
110
|
-
onItemDeactivate: React.useCallback(function() {
|
|
111
|
-
return disableDeactivation ? null : setValue("");
|
|
112
|
-
}, [
|
|
113
|
-
setValue,
|
|
114
|
-
disableDeactivation
|
|
115
|
-
]),
|
|
116
|
-
children: /* @__PURE__ */ _jsx(ToggleGroupImpl, {
|
|
117
|
-
...toggleGroupSingleProps,
|
|
118
|
-
ref: forwardedRef
|
|
119
|
-
})
|
|
112
|
+
}, [props.id]), type === "single") {
|
|
113
|
+
var singleProps = toggleGroupProps;
|
|
114
|
+
return /* @__PURE__ */_jsx(ToggleGroupImplSingle, {
|
|
115
|
+
...singleProps,
|
|
116
|
+
ref: forwardedRef
|
|
117
|
+
});
|
|
118
|
+
}
|
|
119
|
+
if (type === "multiple") {
|
|
120
|
+
var multipleProps = toggleGroupProps;
|
|
121
|
+
return /* @__PURE__ */_jsx(ToggleGroupImplMultiple, {
|
|
122
|
+
...multipleProps,
|
|
123
|
+
ref: forwardedRef
|
|
124
|
+
});
|
|
125
|
+
}
|
|
126
|
+
throw new Error(`Missing prop \`type\` expected on \`${TOGGLE_GROUP_NAME}\``);
|
|
127
|
+
}), {
|
|
128
|
+
Item: ToggleGroupItem
|
|
120
129
|
});
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
return setValue(function() {
|
|
139
|
-
var prevValue = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : [];
|
|
140
|
-
return prevValue.filter(function(value2) {
|
|
141
|
-
return value2 !== itemValue;
|
|
130
|
+
ToggleGroup.displayName = TOGGLE_GROUP_NAME;
|
|
131
|
+
var {
|
|
132
|
+
Provider: ToggleGroupValueProvider,
|
|
133
|
+
useStyledContext: useToggleGroupValueContext
|
|
134
|
+
} = createStyledContext(),
|
|
135
|
+
ToggleGroupImplSingle = /* @__PURE__ */React.forwardRef(function (props, forwardedRef) {
|
|
136
|
+
var {
|
|
137
|
+
value: valueProp,
|
|
138
|
+
defaultValue,
|
|
139
|
+
onValueChange = function () {},
|
|
140
|
+
disableDeactivation = !1,
|
|
141
|
+
...toggleGroupSingleProps
|
|
142
|
+
} = props,
|
|
143
|
+
[value, setValue] = useControllableState({
|
|
144
|
+
prop: valueProp,
|
|
145
|
+
defaultProp: defaultValue,
|
|
146
|
+
onChange: onValueChange
|
|
142
147
|
});
|
|
148
|
+
return /* @__PURE__ */_jsx(ToggleGroupValueProvider, {
|
|
149
|
+
scope: props.__scopeToggleGroup,
|
|
150
|
+
type: "single",
|
|
151
|
+
value: value ? [value] : [],
|
|
152
|
+
defaultValue: value,
|
|
153
|
+
onItemActivate: setValue,
|
|
154
|
+
onItemDeactivate: React.useCallback(function () {
|
|
155
|
+
return disableDeactivation ? null : setValue("");
|
|
156
|
+
}, [setValue, disableDeactivation]),
|
|
157
|
+
children: /* @__PURE__ */_jsx(ToggleGroupImpl, {
|
|
158
|
+
...toggleGroupSingleProps,
|
|
159
|
+
ref: forwardedRef
|
|
160
|
+
})
|
|
161
|
+
});
|
|
162
|
+
}),
|
|
163
|
+
ToggleGroupImplMultiple = /* @__PURE__ */React.forwardRef(function (props, forwardedRef) {
|
|
164
|
+
var {
|
|
165
|
+
value: valueProp,
|
|
166
|
+
defaultValue,
|
|
167
|
+
onValueChange = function () {},
|
|
168
|
+
disableDeactivation,
|
|
169
|
+
...toggleGroupMultipleProps
|
|
170
|
+
} = props,
|
|
171
|
+
[value = [], setValue] = useControllableState({
|
|
172
|
+
prop: valueProp,
|
|
173
|
+
defaultProp: defaultValue,
|
|
174
|
+
onChange: onValueChange
|
|
175
|
+
}),
|
|
176
|
+
handleButtonActivate = React.useCallback(function (itemValue) {
|
|
177
|
+
return setValue(function () {
|
|
178
|
+
var prevValue = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : [];
|
|
179
|
+
return [...prevValue, itemValue];
|
|
180
|
+
});
|
|
181
|
+
}, [setValue]),
|
|
182
|
+
handleButtonDeactivate = React.useCallback(function (itemValue) {
|
|
183
|
+
return setValue(function () {
|
|
184
|
+
var prevValue = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : [];
|
|
185
|
+
return prevValue.filter(function (value2) {
|
|
186
|
+
return value2 !== itemValue;
|
|
187
|
+
});
|
|
188
|
+
});
|
|
189
|
+
}, [setValue]);
|
|
190
|
+
return /* @__PURE__ */_jsx(ToggleGroupValueProvider, {
|
|
191
|
+
scope: props.__scopeToggleGroup,
|
|
192
|
+
type: "multiple",
|
|
193
|
+
value,
|
|
194
|
+
defaultValue: value,
|
|
195
|
+
onItemActivate: handleButtonActivate,
|
|
196
|
+
onItemDeactivate: handleButtonDeactivate,
|
|
197
|
+
children: /* @__PURE__ */_jsx(ToggleGroupImpl, {
|
|
198
|
+
...toggleGroupMultipleProps,
|
|
199
|
+
ref: forwardedRef
|
|
200
|
+
})
|
|
143
201
|
});
|
|
144
|
-
}, [
|
|
145
|
-
setValue
|
|
146
|
-
]);
|
|
147
|
-
return /* @__PURE__ */ _jsx(ToggleGroupValueProvider, {
|
|
148
|
-
scope: props.__scopeToggleGroup,
|
|
149
|
-
type: "multiple",
|
|
150
|
-
value,
|
|
151
|
-
defaultValue: value,
|
|
152
|
-
onItemActivate: handleButtonActivate,
|
|
153
|
-
onItemDeactivate: handleButtonDeactivate,
|
|
154
|
-
children: /* @__PURE__ */ _jsx(ToggleGroupImpl, {
|
|
155
|
-
...toggleGroupMultipleProps,
|
|
156
|
-
ref: forwardedRef
|
|
157
|
-
})
|
|
158
202
|
});
|
|
159
|
-
});
|
|
160
203
|
ToggleGroup.displayName = TOGGLE_GROUP_NAME;
|
|
161
204
|
var ToggleGroupImplElementFrame = styled(Group, {
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
},
|
|
169
|
-
orientation: {
|
|
170
|
-
vertical: {
|
|
171
|
-
flexDirection: "column",
|
|
172
|
-
spaceDirection: "vertical"
|
|
205
|
+
name: TOGGLE_GROUP_NAME,
|
|
206
|
+
variants: {
|
|
207
|
+
unstyled: {
|
|
208
|
+
false: {
|
|
209
|
+
backgroundColor: "$background"
|
|
210
|
+
}
|
|
173
211
|
},
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
212
|
+
orientation: {
|
|
213
|
+
vertical: {
|
|
214
|
+
flexDirection: "column",
|
|
215
|
+
spaceDirection: "vertical"
|
|
216
|
+
},
|
|
217
|
+
horizontal: {
|
|
218
|
+
flexDirection: "row",
|
|
219
|
+
spaceDirection: "horizontal"
|
|
220
|
+
}
|
|
177
221
|
}
|
|
222
|
+
},
|
|
223
|
+
defaultVariants: {
|
|
224
|
+
unstyled: process.env.TAMAGUI_HEADLESS === "1"
|
|
178
225
|
}
|
|
179
|
-
},
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
226
|
+
}),
|
|
227
|
+
ToggleGroupImpl = ToggleGroupImplElementFrame.extractable(/* @__PURE__ */React.forwardRef(function (props, forwardedRef) {
|
|
228
|
+
var {
|
|
229
|
+
__scopeToggleGroup,
|
|
230
|
+
disabled = !1,
|
|
231
|
+
orientation = "horizontal",
|
|
232
|
+
dir,
|
|
233
|
+
rovingFocus = !0,
|
|
234
|
+
loop = !0,
|
|
235
|
+
unstyled = !1,
|
|
236
|
+
size: sizeProp = "$true",
|
|
237
|
+
sizeAdjust = 0,
|
|
238
|
+
...toggleGroupProps
|
|
239
|
+
} = props,
|
|
240
|
+
direction = useDirection(dir),
|
|
241
|
+
commonProps = {
|
|
242
|
+
role: "group",
|
|
243
|
+
dir: direction,
|
|
244
|
+
...toggleGroupProps
|
|
245
|
+
},
|
|
246
|
+
adjustedSize = getVariableValue(getSize(sizeProp, {
|
|
247
|
+
shift: sizeAdjust
|
|
248
|
+
})),
|
|
249
|
+
size = Math.round(adjustedSize * 0.45);
|
|
250
|
+
return /* @__PURE__ */_jsx(ToggleGroupContext, {
|
|
251
|
+
scope: __scopeToggleGroup,
|
|
252
|
+
rovingFocus,
|
|
253
|
+
disabled,
|
|
254
|
+
size,
|
|
255
|
+
children: rovingFocus ? /* @__PURE__ */_jsx(RovingFocusGroup, {
|
|
256
|
+
asChild: "except-style",
|
|
257
|
+
__scopeRovingFocusGroup: __scopeToggleGroup || TOGGLE_GROUP_CONTEXT,
|
|
204
258
|
orientation,
|
|
205
|
-
|
|
259
|
+
dir: direction,
|
|
260
|
+
loop,
|
|
261
|
+
children: /* @__PURE__ */_jsx(ToggleGroupImplElementFrame, {
|
|
262
|
+
"aria-orientation": orientation,
|
|
263
|
+
orientation,
|
|
264
|
+
axis: orientation,
|
|
265
|
+
ref: forwardedRef,
|
|
266
|
+
"data-disabled": disabled ? "" : void 0,
|
|
267
|
+
unstyled,
|
|
268
|
+
...commonProps
|
|
269
|
+
})
|
|
270
|
+
}) : /* @__PURE__ */_jsx(ToggleGroupImplElementFrame, {
|
|
271
|
+
"aria-orientation": orientation,
|
|
206
272
|
ref: forwardedRef,
|
|
273
|
+
orientation,
|
|
207
274
|
"data-disabled": disabled ? "" : void 0,
|
|
208
275
|
unstyled,
|
|
209
276
|
...commonProps
|
|
210
277
|
})
|
|
211
|
-
})
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
"data-disabled": disabled ? "" : void 0,
|
|
216
|
-
unstyled,
|
|
217
|
-
...commonProps
|
|
218
|
-
})
|
|
219
|
-
});
|
|
220
|
-
}));
|
|
221
|
-
export {
|
|
222
|
-
ToggleGroup
|
|
223
|
-
};
|
|
224
|
-
//# sourceMappingURL=ToggleGroup.js.map
|
|
278
|
+
});
|
|
279
|
+
}));
|
|
280
|
+
export { ToggleGroup };
|
|
281
|
+
//# sourceMappingURL=ToggleGroup.native.js.map
|
|
@@ -1,6 +1 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../src/Users/n8/tamagui/code/ui/toggle-group/src/ToggleGroup.tsx"],
|
|
4
|
-
"mappings": "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",
|
|
5
|
-
"names": ["isWeb", "registerFocusable", "getFontSize", "getSize", "Group", "useGroupItem", "withStaticProperties", "useGetThemedIcon", "RovingFocusGroup", "useControllableState", "useDirection", "createStyledContext", "getVariableValue", "styled", "useTheme", "React", "Toggle", "ToggleFrame", "TOGGLE_GROUP_NAME", "TOGGLE_GROUP_ITEM_NAME", "TOGGLE_GROUP_CONTEXT", "Provider", "ToggleGroupItemProvider", "useStyledContext", "useToggleGroupItemContext", "ToggleGroupContext", "useToggleGroupContext", "ToggleGroupItem", "extractable", "forwardRef", "props", "forwardedRef", "disablePassStyles", "rest", "valueContext", "useToggleGroupValueContext", "__scopeToggleGroup", "context", "pressed", "value", "includes", "disabled", "groupItemProps", "size", "sizeProps", "unstyled", "width", "undefined", "height", "padding", "iconSize", "theme", "getThemedIcon", "color", "childrens", "Children", "toArray", "children", "map", "child", "isValidElement", "commonProps", "inner", "ToggleGroupItemImpl", "ref", "focusable", "scope", "rovingFocus", "Item", "asChild", "__scopeRovingFocusGroup", "active", "displayName", "itemProps", "singleProps", "typeProps", "type", "onPressedChange", "onItemActivate", "onItemDeactivate", "ToggleGroup", "toggleGroupProps", "useEffect", "id", "focus", "ToggleGroupImplSingle", "multipleProps", "ToggleGroupImplMultiple", "Error", "ToggleGroupValueProvider", "valueProp", "defaultValue", "onValueChange", "disableDeactivation", "toggleGroupSingleProps", "setValue", "prop", "defaultProp", "onChange", "useCallback", "ToggleGroupImpl", "toggleGroupMultipleProps", "handleButtonActivate", "itemValue", "prevValue", "handleButtonDeactivate", "filter", "ToggleGroupImplElementFrame", "name", "variants", "false", "backgroundColor", "orientation", "vertical", "flexDirection", "spaceDirection", "horizontal", "defaultVariants", "process", "env", "TAMAGUI_HEADLESS", "dir", "loop", "sizeProp", "sizeAdjust", "direction", "role", "adjustedSize", "shift", "Math", "round", "aria-orientation", "axis", "data-disabled"]
|
|
6
|
-
}
|
|
1
|
+
{"version":3,"names":["jsx","_jsx","isWeb","registerFocusable","getFontSize","getSize","Group","useGroupItem","withStaticProperties","useGetThemedIcon","RovingFocusGroup","useControllableState","useDirection","createStyledContext","getVariableValue","styled","useTheme","React","Toggle","ToggleFrame","TOGGLE_GROUP_NAME","TOGGLE_GROUP_ITEM_NAME","TOGGLE_GROUP_CONTEXT","Provider","ToggleGroupItemProvider","useStyledContext","useToggleGroupItemContext","ToggleGroupContext","useToggleGroupContext","ToggleGroupItem","extractable","forwardRef","props","forwardedRef","disablePassStyles","rest","valueContext","useToggleGroupValueContext","__scopeToggleGroup","context","pressed","value","includes","disabled","groupItemProps","_props_size","size","sizeProps","unstyled","width","height","padding","iconSize","theme","getThemedIcon","color","childrens","Children","toArray","children","map","child","isValidElement","commonProps","inner","ToggleGroupItemImpl","ref","focusable","scope","rovingFocus","Item","asChild","__scopeRovingFocusGroup","active","displayName","itemProps","singleProps","typeProps","type","onPressedChange","onItemActivate","onItemDeactivate","ToggleGroup","toggleGroupProps","useEffect","id","focus","ToggleGroupImplSingle","multipleProps","ToggleGroupImplMultiple","Error","ToggleGroupValueProvider","valueProp","defaultValue","onValueChange","disableDeactivation","toggleGroupSingleProps","setValue","prop","defaultProp","onChange","useCallback","ToggleGroupImpl","toggleGroupMultipleProps","handleButtonActivate","itemValue","prevValue","arguments","length","handleButtonDeactivate","filter","value2","ToggleGroupImplElementFrame","name","variants","false","backgroundColor","orientation","vertical","flexDirection","spaceDirection","horizontal","defaultVariants","process","env","TAMAGUI_HEADLESS","dir","loop","sizeProp","sizeAdjust","direction","role","adjustedSize","shift","Math","round","axis"],"sources":["../../src/ToggleGroup.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
package/dist/esm/index.native.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export * from "./ToggleGroup";
|
|
2
|
-
//# sourceMappingURL=index.js.map
|
|
1
|
+
export * from "./ToggleGroup.native.js";
|
|
2
|
+
//# sourceMappingURL=index.native.js.map
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tamagui/toggle-group",
|
|
3
|
-
"version": "1.111.
|
|
3
|
+
"version": "1.111.10",
|
|
4
4
|
"sideEffects": [
|
|
5
5
|
"*.css"
|
|
6
6
|
],
|
|
@@ -25,7 +25,7 @@
|
|
|
25
25
|
"exports": {
|
|
26
26
|
"./package.json": "./package.json",
|
|
27
27
|
".": {
|
|
28
|
-
"react-native-import": "./dist/esm/index.native.
|
|
28
|
+
"react-native-import": "./dist/esm/index.native.js",
|
|
29
29
|
"react-native": "./dist/cjs/index.native.js",
|
|
30
30
|
"types": "./types/index.d.ts",
|
|
31
31
|
"import": "./dist/esm/index.mjs",
|
|
@@ -33,22 +33,22 @@
|
|
|
33
33
|
}
|
|
34
34
|
},
|
|
35
35
|
"dependencies": {
|
|
36
|
-
"@tamagui/constants": "1.111.
|
|
37
|
-
"@tamagui/create-context": "1.111.
|
|
38
|
-
"@tamagui/focusable": "1.111.
|
|
39
|
-
"@tamagui/font-size": "1.111.
|
|
40
|
-
"@tamagui/get-token": "1.111.
|
|
41
|
-
"@tamagui/group": "1.111.
|
|
42
|
-
"@tamagui/helpers": "1.111.
|
|
43
|
-
"@tamagui/helpers-tamagui": "1.111.
|
|
44
|
-
"@tamagui/roving-focus": "1.111.
|
|
45
|
-
"@tamagui/stacks": "1.111.
|
|
46
|
-
"@tamagui/use-controllable-state": "1.111.
|
|
47
|
-
"@tamagui/use-direction": "1.111.
|
|
48
|
-
"@tamagui/web": "1.111.
|
|
36
|
+
"@tamagui/constants": "1.111.10",
|
|
37
|
+
"@tamagui/create-context": "1.111.10",
|
|
38
|
+
"@tamagui/focusable": "1.111.10",
|
|
39
|
+
"@tamagui/font-size": "1.111.10",
|
|
40
|
+
"@tamagui/get-token": "1.111.10",
|
|
41
|
+
"@tamagui/group": "1.111.10",
|
|
42
|
+
"@tamagui/helpers": "1.111.10",
|
|
43
|
+
"@tamagui/helpers-tamagui": "1.111.10",
|
|
44
|
+
"@tamagui/roving-focus": "1.111.10",
|
|
45
|
+
"@tamagui/stacks": "1.111.10",
|
|
46
|
+
"@tamagui/use-controllable-state": "1.111.10",
|
|
47
|
+
"@tamagui/use-direction": "1.111.10",
|
|
48
|
+
"@tamagui/web": "1.111.10"
|
|
49
49
|
},
|
|
50
50
|
"devDependencies": {
|
|
51
|
-
"@tamagui/build": "1.111.
|
|
51
|
+
"@tamagui/build": "1.111.10",
|
|
52
52
|
"react": "^18.2.0 || ^19.0.0"
|
|
53
53
|
},
|
|
54
54
|
"publishConfig": {
|
|
@@ -1,95 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { composeEventHandlers } from "@tamagui/helpers";
|
|
3
|
-
import { ThemeableStack } from "@tamagui/stacks";
|
|
4
|
-
import { useControllableState } from "@tamagui/use-controllable-state";
|
|
5
|
-
import { styled } from "@tamagui/web";
|
|
6
|
-
import * as React from "react";
|
|
7
|
-
var NAME = "Toggle",
|
|
8
|
-
ToggleFrame = styled(ThemeableStack, {
|
|
9
|
-
name: NAME,
|
|
10
|
-
tag: "button",
|
|
11
|
-
variants: {
|
|
12
|
-
unstyled: {
|
|
13
|
-
false: {
|
|
14
|
-
pressTheme: !0,
|
|
15
|
-
backgroundColor: "$background",
|
|
16
|
-
alignItems: "center",
|
|
17
|
-
justifyContent: "center",
|
|
18
|
-
display: "flex",
|
|
19
|
-
borderColor: "$borderColor",
|
|
20
|
-
borderWidth: 1,
|
|
21
|
-
margin: -1,
|
|
22
|
-
hoverStyle: {
|
|
23
|
-
backgroundColor: "$backgroundHover"
|
|
24
|
-
},
|
|
25
|
-
pressStyle: {
|
|
26
|
-
backgroundColor: "$backgroundPress"
|
|
27
|
-
},
|
|
28
|
-
focusStyle: {
|
|
29
|
-
borderColor: "$borderColorFocus"
|
|
30
|
-
},
|
|
31
|
-
focusVisibleStyle: {
|
|
32
|
-
outlineColor: "$outlineColor",
|
|
33
|
-
outlineWidth: 2,
|
|
34
|
-
outlineStyle: "solid"
|
|
35
|
-
}
|
|
36
|
-
}
|
|
37
|
-
},
|
|
38
|
-
active: {
|
|
39
|
-
true: {
|
|
40
|
-
zIndex: 1,
|
|
41
|
-
hoverStyle: {
|
|
42
|
-
backgroundColor: "$background"
|
|
43
|
-
},
|
|
44
|
-
focusStyle: {
|
|
45
|
-
borderColor: "$borderColor",
|
|
46
|
-
backgroundColor: "$background"
|
|
47
|
-
}
|
|
48
|
-
}
|
|
49
|
-
},
|
|
50
|
-
orientation: {
|
|
51
|
-
horizontal: {
|
|
52
|
-
flexDirection: "row",
|
|
53
|
-
spaceDirection: "horizontal"
|
|
54
|
-
},
|
|
55
|
-
vertical: {
|
|
56
|
-
flexDirection: "column",
|
|
57
|
-
spaceDirection: "vertical"
|
|
58
|
-
}
|
|
59
|
-
}
|
|
60
|
-
},
|
|
61
|
-
defaultVariants: {
|
|
62
|
-
unstyled: process.env.TAMAGUI_HEADLESS === "1"
|
|
63
|
-
}
|
|
64
|
-
}),
|
|
65
|
-
Toggle = /* @__PURE__ */React.forwardRef(function (props, forwardedRef) {
|
|
66
|
-
var {
|
|
67
|
-
pressed: pressedProp,
|
|
68
|
-
defaultPressed = !1,
|
|
69
|
-
onPressedChange,
|
|
70
|
-
...buttonProps
|
|
71
|
-
} = props,
|
|
72
|
-
[pressed = !1, setPressed] = useControllableState({
|
|
73
|
-
prop: pressedProp,
|
|
74
|
-
onChange: onPressedChange,
|
|
75
|
-
defaultProp: defaultPressed
|
|
76
|
-
}),
|
|
77
|
-
_props_onPress;
|
|
78
|
-
return /* @__PURE__ */_jsx(ToggleFrame, {
|
|
79
|
-
...(!props.unstyled && {
|
|
80
|
-
theme: pressed ? "active" : null,
|
|
81
|
-
themeShallow: !0
|
|
82
|
-
}),
|
|
83
|
-
active: props.unstyled ? void 0 : pressed,
|
|
84
|
-
"aria-pressed": pressed,
|
|
85
|
-
"data-state": pressed ? "on" : "off",
|
|
86
|
-
"data-disabled": props.disabled ? "" : void 0,
|
|
87
|
-
...buttonProps,
|
|
88
|
-
ref: forwardedRef,
|
|
89
|
-
onPress: composeEventHandlers((_props_onPress = props.onPress) !== null && _props_onPress !== void 0 ? _props_onPress : void 0, function () {
|
|
90
|
-
props.disabled || setPressed(!pressed);
|
|
91
|
-
})
|
|
92
|
-
});
|
|
93
|
-
});
|
|
94
|
-
export { Toggle, ToggleFrame };
|
|
95
|
-
//# sourceMappingURL=Toggle.native.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["jsx","_jsx","composeEventHandlers","ThemeableStack","useControllableState","styled","React","NAME","ToggleFrame","name","tag","variants","unstyled","false","pressTheme","backgroundColor","alignItems","justifyContent","display","borderColor","borderWidth","margin","hoverStyle","pressStyle","focusStyle","focusVisibleStyle","outlineColor","outlineWidth","outlineStyle","active","true","zIndex","orientation","horizontal","flexDirection","spaceDirection","vertical","defaultVariants","process","env","TAMAGUI_HEADLESS","Toggle","forwardRef","props","forwardedRef","pressed","pressedProp","defaultPressed","onPressedChange","buttonProps","setPressed","prop","onChange","defaultProp","_props_onPress","theme","themeShallow","disabled","ref","onPress"],"sources":["../../src/Toggle.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAA,2BAA4B;AACrC,SAASC,oBAAA,QAAsB;AAC/B,SAASC,cAAA,yBAA4B;AAErC,SAASC,oBAAc;AACvB,SAAAC,MAAY,QAAW;AAwGjB,YAAAC,KAAA;AAlGN,IAAAC,IAAM,WAAO;EAAAC,WAMA,GAAAH,MAAc,CAAAF,cAAO;IAChCM,IAAA,EAAMF,IAAA;IACNG,GAAA,EAAK;IAELC,QAAA,EAAU;MACRC,QAAA,EAAU;QACRC,KAAA,EAAO;UACLC,UAAA,EAAY;UACZC,eAAA,EAAiB;UACjBC,UAAA,EAAY;UACZC,cAAA,EAAgB;UAChBC,OAAA,EAAS;UACTC,WAAA,EAAa;UACbC,WAAA,EAAa;UACbC,MAAA,EAAQ;UACRC,UAAA,EAAY;YACVP,eAAA,EAAiB;UACnB;UACAQ,UAAA,EAAY;YACVR,eAAA,EAAiB;UACnB;UACAS,UAAA,EAAY;YACVL,WAAA,EAAa;UACf;UACAM,iBAAA,EAAmB;YACjBC,YAAA,EAAc;YACdC,YAAA,EAAc;YACdC,YAAA,EAAc;UAChB;QACF;MACF;MAEAC,MAAA,EAAQ;QACNC,IAAA,EAAM;UACJC,MAAA,EAAQ;UAERT,UAAA,EAAY;YACVP,eAAA,EAAiB;UACnB;UAEAS,UAAA,EAAY;YACVL,WAAA,EAAa;YACbJ,eAAA,EAAiB;UACnB;QACF;MACF;MAEAiB,WAAA,EAAa;QACXC,UAAA,EAAY;UACVC,aAAA,EAAe;UACfC,cAAA,EAAgB;QAClB;QACAC,QAAA,EAAU;UACRF,aAAA,EAAe;UACfC,cAAA,EAAgB;QAClB;MACF;IACF;IAEAE,eAAA,EAAiB;MACfzB,QAAA,EAAU0B,OAAA,CAAQC,GAAA,CAAIC,gBAAA,KAAqB;IAC7C;EACF,CAAC;EAcYC,MAAA,GAAS,eAAMnC,KAAA,CAAAoC,UAAA,WAAAC,KAAA,EAAAC,YAAA;IAC1B;QAAAC,OAAgB,EAAAC,WAAO;QAAAC,cAAc;QAAAC,eAAA;QAAA,GAAAC;MAAA,IAAAN,KAAA;MAAA,CAAAE,OAAA,OAAAK,UAAA,IAAA9C,oBAAA;QACnC+C,IAAA,EAAML,WAAA;QAAAM,QACJ,EAAAJ,eAAS;QAAAK,WACT,EAAAN;MAAiB;MACjBO,cAAA;IAAA,OACG,eAAArD,IAAA,CAAAO,WAAA;MACL,KAAImC,KAAA,CAAA/B,QAEG,IAAU;QACf2C,KAAA,EAAMV,OAAA;QACNW,YAAU;MAAA;MAEZ3B,MAAC,EAAAc,KAAA,CAAA/B,QAAA,YAAAiC,OAAA;MAED,cACE,EAAAA,OAAA;MAAA,YAAC,EAAAA,OAAA;MAAA,iBAAAF,KAAA,CAAAc,QAAA;MAAA,GAAAR,WACa;MAAYS,GAAA,EAAAd,YACf;MAAqBe,OAC5B,EAAAzD,oBAAc,EAAAoD,cAAA,GAAAX,KAAA,CAAAgB,OAAA,cAAAL,cAAA,cAAAA,cAAA;QAAAX,KAChB,CAAAc,QAAA,IAAAP,UAAA,EAAAL,OAAA;MAAA;IAC0B;EACZ;AACe,SACQJ,MACpC,EAAGjC,WACC","ignoreList":[]}
|
|
@@ -1,281 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { isWeb } from "@tamagui/constants";
|
|
3
|
-
import { registerFocusable } from "@tamagui/focusable";
|
|
4
|
-
import { getFontSize } from "@tamagui/font-size";
|
|
5
|
-
import { getSize } from "@tamagui/get-token";
|
|
6
|
-
import { Group, useGroupItem } from "@tamagui/group";
|
|
7
|
-
import { withStaticProperties } from "@tamagui/helpers";
|
|
8
|
-
import { useGetThemedIcon } from "@tamagui/helpers-tamagui";
|
|
9
|
-
import { RovingFocusGroup } from "@tamagui/roving-focus";
|
|
10
|
-
import { useControllableState } from "@tamagui/use-controllable-state";
|
|
11
|
-
import { useDirection } from "@tamagui/use-direction";
|
|
12
|
-
import { createStyledContext, getVariableValue, styled, useTheme } from "@tamagui/web";
|
|
13
|
-
import React from "react";
|
|
14
|
-
import { Toggle, ToggleFrame } from "./Toggle.native.mjs";
|
|
15
|
-
var TOGGLE_GROUP_NAME = "ToggleGroup",
|
|
16
|
-
TOGGLE_GROUP_ITEM_NAME = "ToggleGroupItem",
|
|
17
|
-
TOGGLE_GROUP_CONTEXT = "ToggleGroup",
|
|
18
|
-
{
|
|
19
|
-
Provider: ToggleGroupItemProvider,
|
|
20
|
-
useStyledContext: useToggleGroupItemContext
|
|
21
|
-
} = createStyledContext(),
|
|
22
|
-
{
|
|
23
|
-
Provider: ToggleGroupContext,
|
|
24
|
-
useStyledContext: useToggleGroupContext
|
|
25
|
-
} = createStyledContext(),
|
|
26
|
-
ToggleGroupItem = ToggleFrame.extractable(/* @__PURE__ */React.forwardRef(function (props, forwardedRef) {
|
|
27
|
-
var {
|
|
28
|
-
disablePassStyles,
|
|
29
|
-
...rest
|
|
30
|
-
} = props,
|
|
31
|
-
valueContext = useToggleGroupValueContext(props.__scopeToggleGroup),
|
|
32
|
-
context = useToggleGroupContext(props.__scopeToggleGroup),
|
|
33
|
-
pressed = valueContext?.value.includes(props.value),
|
|
34
|
-
disabled = context.disabled || props.disabled || !1,
|
|
35
|
-
groupItemProps = useGroupItem({
|
|
36
|
-
disabled
|
|
37
|
-
}),
|
|
38
|
-
_props_size,
|
|
39
|
-
size = (_props_size = props.size) !== null && _props_size !== void 0 ? _props_size : context.size,
|
|
40
|
-
sizeProps = props.unstyled ? {} : {
|
|
41
|
-
width: void 0,
|
|
42
|
-
height: void 0,
|
|
43
|
-
padding: getVariableValue(size) * 0.6
|
|
44
|
-
},
|
|
45
|
-
iconSize = (typeof size == "number" ? size * 0.7 : getFontSize(size)) * 1.2,
|
|
46
|
-
theme = useTheme(),
|
|
47
|
-
getThemedIcon = useGetThemedIcon({
|
|
48
|
-
size: iconSize,
|
|
49
|
-
color: theme.color
|
|
50
|
-
}),
|
|
51
|
-
childrens = React.Children.toArray(props.children),
|
|
52
|
-
children = childrens.map(function (child) {
|
|
53
|
-
return props.disablePassStyles || ! /* @__PURE__ */React.isValidElement(child) ? child : getThemedIcon(child);
|
|
54
|
-
}),
|
|
55
|
-
commonProps = {
|
|
56
|
-
pressed,
|
|
57
|
-
disabled,
|
|
58
|
-
...sizeProps,
|
|
59
|
-
...rest,
|
|
60
|
-
children
|
|
61
|
-
},
|
|
62
|
-
inner = /* @__PURE__ */_jsx(ToggleGroupItemImpl, {
|
|
63
|
-
...commonProps,
|
|
64
|
-
ref: forwardedRef,
|
|
65
|
-
focusable: !disabled,
|
|
66
|
-
disabled,
|
|
67
|
-
...groupItemProps
|
|
68
|
-
});
|
|
69
|
-
return /* @__PURE__ */_jsx(ToggleGroupItemProvider, {
|
|
70
|
-
scope: props.__scopeToggleGroup,
|
|
71
|
-
children: context.rovingFocus ? /* @__PURE__ */_jsx(RovingFocusGroup.Item, {
|
|
72
|
-
asChild: "except-style",
|
|
73
|
-
__scopeRovingFocusGroup: props.__scopeToggleGroup || TOGGLE_GROUP_CONTEXT,
|
|
74
|
-
focusable: !disabled,
|
|
75
|
-
active: pressed,
|
|
76
|
-
children: inner
|
|
77
|
-
}) : inner
|
|
78
|
-
});
|
|
79
|
-
}));
|
|
80
|
-
ToggleGroupItem.displayName = TOGGLE_GROUP_ITEM_NAME;
|
|
81
|
-
var ToggleGroupItemImpl = /* @__PURE__ */React.forwardRef(function (props, forwardedRef) {
|
|
82
|
-
var {
|
|
83
|
-
__scopeToggleGroup,
|
|
84
|
-
value,
|
|
85
|
-
...itemProps
|
|
86
|
-
} = props,
|
|
87
|
-
valueContext = useToggleGroupValueContext(__scopeToggleGroup),
|
|
88
|
-
singleProps = {
|
|
89
|
-
"aria-pressed": void 0
|
|
90
|
-
},
|
|
91
|
-
typeProps = valueContext.type === "single" ? singleProps : void 0;
|
|
92
|
-
return /* @__PURE__ */_jsx(Toggle, {
|
|
93
|
-
...typeProps,
|
|
94
|
-
...itemProps,
|
|
95
|
-
ref: forwardedRef,
|
|
96
|
-
onPressedChange: function (pressed) {
|
|
97
|
-
pressed ? valueContext.onItemActivate(value) : valueContext.onItemDeactivate(value);
|
|
98
|
-
}
|
|
99
|
-
});
|
|
100
|
-
}),
|
|
101
|
-
ToggleGroup = withStaticProperties(/* @__PURE__ */React.forwardRef(function (props, forwardedRef) {
|
|
102
|
-
var {
|
|
103
|
-
type,
|
|
104
|
-
...toggleGroupProps
|
|
105
|
-
} = props;
|
|
106
|
-
if (isWeb || React.useEffect(function () {
|
|
107
|
-
if (props.id) return registerFocusable(props.id, {
|
|
108
|
-
// TODO: would be nice to focus on the first child later - could be done with reforest
|
|
109
|
-
// for now leaving it empty
|
|
110
|
-
focus: function () {}
|
|
111
|
-
});
|
|
112
|
-
}, [props.id]), type === "single") {
|
|
113
|
-
var singleProps = toggleGroupProps;
|
|
114
|
-
return /* @__PURE__ */_jsx(ToggleGroupImplSingle, {
|
|
115
|
-
...singleProps,
|
|
116
|
-
ref: forwardedRef
|
|
117
|
-
});
|
|
118
|
-
}
|
|
119
|
-
if (type === "multiple") {
|
|
120
|
-
var multipleProps = toggleGroupProps;
|
|
121
|
-
return /* @__PURE__ */_jsx(ToggleGroupImplMultiple, {
|
|
122
|
-
...multipleProps,
|
|
123
|
-
ref: forwardedRef
|
|
124
|
-
});
|
|
125
|
-
}
|
|
126
|
-
throw new Error(`Missing prop \`type\` expected on \`${TOGGLE_GROUP_NAME}\``);
|
|
127
|
-
}), {
|
|
128
|
-
Item: ToggleGroupItem
|
|
129
|
-
});
|
|
130
|
-
ToggleGroup.displayName = TOGGLE_GROUP_NAME;
|
|
131
|
-
var {
|
|
132
|
-
Provider: ToggleGroupValueProvider,
|
|
133
|
-
useStyledContext: useToggleGroupValueContext
|
|
134
|
-
} = createStyledContext(),
|
|
135
|
-
ToggleGroupImplSingle = /* @__PURE__ */React.forwardRef(function (props, forwardedRef) {
|
|
136
|
-
var {
|
|
137
|
-
value: valueProp,
|
|
138
|
-
defaultValue,
|
|
139
|
-
onValueChange = function () {},
|
|
140
|
-
disableDeactivation = !1,
|
|
141
|
-
...toggleGroupSingleProps
|
|
142
|
-
} = props,
|
|
143
|
-
[value, setValue] = useControllableState({
|
|
144
|
-
prop: valueProp,
|
|
145
|
-
defaultProp: defaultValue,
|
|
146
|
-
onChange: onValueChange
|
|
147
|
-
});
|
|
148
|
-
return /* @__PURE__ */_jsx(ToggleGroupValueProvider, {
|
|
149
|
-
scope: props.__scopeToggleGroup,
|
|
150
|
-
type: "single",
|
|
151
|
-
value: value ? [value] : [],
|
|
152
|
-
defaultValue: value,
|
|
153
|
-
onItemActivate: setValue,
|
|
154
|
-
onItemDeactivate: React.useCallback(function () {
|
|
155
|
-
return disableDeactivation ? null : setValue("");
|
|
156
|
-
}, [setValue, disableDeactivation]),
|
|
157
|
-
children: /* @__PURE__ */_jsx(ToggleGroupImpl, {
|
|
158
|
-
...toggleGroupSingleProps,
|
|
159
|
-
ref: forwardedRef
|
|
160
|
-
})
|
|
161
|
-
});
|
|
162
|
-
}),
|
|
163
|
-
ToggleGroupImplMultiple = /* @__PURE__ */React.forwardRef(function (props, forwardedRef) {
|
|
164
|
-
var {
|
|
165
|
-
value: valueProp,
|
|
166
|
-
defaultValue,
|
|
167
|
-
onValueChange = function () {},
|
|
168
|
-
disableDeactivation,
|
|
169
|
-
...toggleGroupMultipleProps
|
|
170
|
-
} = props,
|
|
171
|
-
[value = [], setValue] = useControllableState({
|
|
172
|
-
prop: valueProp,
|
|
173
|
-
defaultProp: defaultValue,
|
|
174
|
-
onChange: onValueChange
|
|
175
|
-
}),
|
|
176
|
-
handleButtonActivate = React.useCallback(function (itemValue) {
|
|
177
|
-
return setValue(function () {
|
|
178
|
-
var prevValue = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : [];
|
|
179
|
-
return [...prevValue, itemValue];
|
|
180
|
-
});
|
|
181
|
-
}, [setValue]),
|
|
182
|
-
handleButtonDeactivate = React.useCallback(function (itemValue) {
|
|
183
|
-
return setValue(function () {
|
|
184
|
-
var prevValue = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : [];
|
|
185
|
-
return prevValue.filter(function (value2) {
|
|
186
|
-
return value2 !== itemValue;
|
|
187
|
-
});
|
|
188
|
-
});
|
|
189
|
-
}, [setValue]);
|
|
190
|
-
return /* @__PURE__ */_jsx(ToggleGroupValueProvider, {
|
|
191
|
-
scope: props.__scopeToggleGroup,
|
|
192
|
-
type: "multiple",
|
|
193
|
-
value,
|
|
194
|
-
defaultValue: value,
|
|
195
|
-
onItemActivate: handleButtonActivate,
|
|
196
|
-
onItemDeactivate: handleButtonDeactivate,
|
|
197
|
-
children: /* @__PURE__ */_jsx(ToggleGroupImpl, {
|
|
198
|
-
...toggleGroupMultipleProps,
|
|
199
|
-
ref: forwardedRef
|
|
200
|
-
})
|
|
201
|
-
});
|
|
202
|
-
});
|
|
203
|
-
ToggleGroup.displayName = TOGGLE_GROUP_NAME;
|
|
204
|
-
var ToggleGroupImplElementFrame = styled(Group, {
|
|
205
|
-
name: TOGGLE_GROUP_NAME,
|
|
206
|
-
variants: {
|
|
207
|
-
unstyled: {
|
|
208
|
-
false: {
|
|
209
|
-
backgroundColor: "$background"
|
|
210
|
-
}
|
|
211
|
-
},
|
|
212
|
-
orientation: {
|
|
213
|
-
vertical: {
|
|
214
|
-
flexDirection: "column",
|
|
215
|
-
spaceDirection: "vertical"
|
|
216
|
-
},
|
|
217
|
-
horizontal: {
|
|
218
|
-
flexDirection: "row",
|
|
219
|
-
spaceDirection: "horizontal"
|
|
220
|
-
}
|
|
221
|
-
}
|
|
222
|
-
},
|
|
223
|
-
defaultVariants: {
|
|
224
|
-
unstyled: process.env.TAMAGUI_HEADLESS === "1"
|
|
225
|
-
}
|
|
226
|
-
}),
|
|
227
|
-
ToggleGroupImpl = ToggleGroupImplElementFrame.extractable(/* @__PURE__ */React.forwardRef(function (props, forwardedRef) {
|
|
228
|
-
var {
|
|
229
|
-
__scopeToggleGroup,
|
|
230
|
-
disabled = !1,
|
|
231
|
-
orientation = "horizontal",
|
|
232
|
-
dir,
|
|
233
|
-
rovingFocus = !0,
|
|
234
|
-
loop = !0,
|
|
235
|
-
unstyled = !1,
|
|
236
|
-
size: sizeProp = "$true",
|
|
237
|
-
sizeAdjust = 0,
|
|
238
|
-
...toggleGroupProps
|
|
239
|
-
} = props,
|
|
240
|
-
direction = useDirection(dir),
|
|
241
|
-
commonProps = {
|
|
242
|
-
role: "group",
|
|
243
|
-
dir: direction,
|
|
244
|
-
...toggleGroupProps
|
|
245
|
-
},
|
|
246
|
-
adjustedSize = getVariableValue(getSize(sizeProp, {
|
|
247
|
-
shift: sizeAdjust
|
|
248
|
-
})),
|
|
249
|
-
size = Math.round(adjustedSize * 0.45);
|
|
250
|
-
return /* @__PURE__ */_jsx(ToggleGroupContext, {
|
|
251
|
-
scope: __scopeToggleGroup,
|
|
252
|
-
rovingFocus,
|
|
253
|
-
disabled,
|
|
254
|
-
size,
|
|
255
|
-
children: rovingFocus ? /* @__PURE__ */_jsx(RovingFocusGroup, {
|
|
256
|
-
asChild: "except-style",
|
|
257
|
-
__scopeRovingFocusGroup: __scopeToggleGroup || TOGGLE_GROUP_CONTEXT,
|
|
258
|
-
orientation,
|
|
259
|
-
dir: direction,
|
|
260
|
-
loop,
|
|
261
|
-
children: /* @__PURE__ */_jsx(ToggleGroupImplElementFrame, {
|
|
262
|
-
"aria-orientation": orientation,
|
|
263
|
-
orientation,
|
|
264
|
-
axis: orientation,
|
|
265
|
-
ref: forwardedRef,
|
|
266
|
-
"data-disabled": disabled ? "" : void 0,
|
|
267
|
-
unstyled,
|
|
268
|
-
...commonProps
|
|
269
|
-
})
|
|
270
|
-
}) : /* @__PURE__ */_jsx(ToggleGroupImplElementFrame, {
|
|
271
|
-
"aria-orientation": orientation,
|
|
272
|
-
ref: forwardedRef,
|
|
273
|
-
orientation,
|
|
274
|
-
"data-disabled": disabled ? "" : void 0,
|
|
275
|
-
unstyled,
|
|
276
|
-
...commonProps
|
|
277
|
-
})
|
|
278
|
-
});
|
|
279
|
-
}));
|
|
280
|
-
export { ToggleGroup };
|
|
281
|
-
//# sourceMappingURL=ToggleGroup.native.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["jsx","_jsx","isWeb","registerFocusable","getFontSize","getSize","Group","useGroupItem","withStaticProperties","useGetThemedIcon","RovingFocusGroup","useControllableState","useDirection","createStyledContext","getVariableValue","styled","useTheme","React","Toggle","ToggleFrame","TOGGLE_GROUP_NAME","TOGGLE_GROUP_ITEM_NAME","TOGGLE_GROUP_CONTEXT","Provider","ToggleGroupItemProvider","useStyledContext","useToggleGroupItemContext","ToggleGroupContext","useToggleGroupContext","ToggleGroupItem","extractable","forwardRef","props","forwardedRef","disablePassStyles","rest","valueContext","useToggleGroupValueContext","__scopeToggleGroup","context","pressed","value","includes","disabled","groupItemProps","_props_size","size","sizeProps","unstyled","width","height","padding","iconSize","theme","getThemedIcon","color","childrens","Children","toArray","children","map","child","isValidElement","commonProps","inner","ToggleGroupItemImpl","ref","focusable","scope","rovingFocus","Item","asChild","__scopeRovingFocusGroup","active","displayName","itemProps","singleProps","typeProps","type","onPressedChange","onItemActivate","onItemDeactivate","ToggleGroup","toggleGroupProps","useEffect","id","focus","ToggleGroupImplSingle","multipleProps","ToggleGroupImplMultiple","Error","ToggleGroupValueProvider","valueProp","defaultValue","onValueChange","disableDeactivation","toggleGroupSingleProps","setValue","prop","defaultProp","onChange","useCallback","ToggleGroupImpl","toggleGroupMultipleProps","handleButtonActivate","itemValue","prevValue","arguments","length","handleButtonDeactivate","filter","value2","ToggleGroupImplElementFrame","name","variants","false","backgroundColor","orientation","vertical","flexDirection","spaceDirection","horizontal","defaultVariants","process","env","TAMAGUI_HEADLESS","dir","loop","sizeProp","sizeAdjust","direction","role","adjustedSize","shift","Math","round","axis"],"sources":["../../src/ToggleGroup.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":[],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"AAAA,cAAc","ignoreList":[]}
|