@tamagui/toggle-group 2.0.0-1768741592663 → 2.0.0-1768781784925

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 (140) hide show
  1. package/dist/cjs/Toggle.cjs +61 -61
  2. package/dist/cjs/Toggle.js +87 -80
  3. package/dist/cjs/Toggle.js.map +2 -2
  4. package/dist/cjs/Toggle.native.js +61 -61
  5. package/dist/cjs/Toggle.native.js.map +1 -1
  6. package/dist/cjs/ToggleGroup.cjs +44 -66
  7. package/dist/cjs/ToggleGroup.js +18 -32
  8. package/dist/cjs/ToggleGroup.js.map +1 -1
  9. package/dist/cjs/ToggleGroup.native.js +44 -71
  10. package/dist/cjs/ToggleGroup.native.js.map +1 -1
  11. package/dist/cjs/ToggleStylesBase.cjs +16 -0
  12. package/dist/cjs/ToggleStylesBase.js +14 -0
  13. package/dist/cjs/ToggleStylesBase.js.map +6 -0
  14. package/dist/cjs/ToggleStylesBase.native.js +19 -0
  15. package/dist/cjs/ToggleStylesBase.native.js.map +1 -0
  16. package/dist/cjs/context.cjs +31 -0
  17. package/dist/cjs/context.js +26 -0
  18. package/dist/cjs/context.js.map +6 -0
  19. package/dist/cjs/context.native.js +34 -0
  20. package/dist/cjs/context.native.js.map +1 -0
  21. package/dist/cjs/index.cjs +12 -2
  22. package/dist/cjs/index.js +8 -1
  23. package/dist/cjs/index.js.map +1 -1
  24. package/dist/cjs/index.native.js +11 -1
  25. package/dist/cjs/index.native.js.map +1 -1
  26. package/dist/cjs/types.cjs +16 -0
  27. package/dist/cjs/types.js +14 -0
  28. package/dist/cjs/types.js.map +6 -0
  29. package/dist/cjs/types.native.js +19 -0
  30. package/dist/cjs/types.native.js.map +1 -0
  31. package/dist/cjs/useToggleGroupItem.cjs +27 -0
  32. package/dist/cjs/useToggleGroupItem.js +22 -0
  33. package/dist/cjs/useToggleGroupItem.js.map +6 -0
  34. package/dist/cjs/useToggleGroupItem.native.js +30 -0
  35. package/dist/cjs/useToggleGroupItem.native.js.map +1 -0
  36. package/dist/esm/Toggle.js +88 -81
  37. package/dist/esm/Toggle.js.map +2 -2
  38. package/dist/esm/Toggle.mjs +61 -60
  39. package/dist/esm/Toggle.mjs.map +1 -1
  40. package/dist/esm/Toggle.native.js +62 -61
  41. package/dist/esm/Toggle.native.js.map +1 -1
  42. package/dist/esm/ToggleGroup.js +21 -36
  43. package/dist/esm/ToggleGroup.js.map +1 -1
  44. package/dist/esm/ToggleGroup.mjs +44 -66
  45. package/dist/esm/ToggleGroup.mjs.map +1 -1
  46. package/dist/esm/ToggleGroup.native.js +44 -71
  47. package/dist/esm/ToggleGroup.native.js.map +1 -1
  48. package/dist/esm/ToggleStylesBase.js +1 -0
  49. package/dist/esm/ToggleStylesBase.js.map +6 -0
  50. package/dist/esm/ToggleStylesBase.mjs +2 -0
  51. package/dist/esm/ToggleStylesBase.mjs.map +1 -0
  52. package/dist/esm/ToggleStylesBase.native.js +2 -0
  53. package/dist/esm/ToggleStylesBase.native.js.map +1 -0
  54. package/dist/esm/context.js +10 -0
  55. package/dist/esm/context.js.map +6 -0
  56. package/dist/esm/context.mjs +8 -0
  57. package/dist/esm/context.mjs.map +1 -0
  58. package/dist/esm/context.native.js +8 -0
  59. package/dist/esm/context.native.js.map +1 -0
  60. package/dist/esm/index.js +4 -0
  61. package/dist/esm/index.js.map +1 -1
  62. package/dist/esm/index.mjs +2 -0
  63. package/dist/esm/index.mjs.map +1 -1
  64. package/dist/esm/index.native.js +2 -0
  65. package/dist/esm/index.native.js.map +1 -1
  66. package/dist/esm/types.js +1 -0
  67. package/dist/esm/types.js.map +6 -0
  68. package/dist/esm/types.mjs +2 -0
  69. package/dist/esm/types.mjs.map +1 -0
  70. package/dist/esm/types.native.js +2 -0
  71. package/dist/esm/types.native.js.map +1 -0
  72. package/dist/esm/useToggleGroupItem.js +6 -0
  73. package/dist/esm/useToggleGroupItem.js.map +6 -0
  74. package/dist/esm/useToggleGroupItem.mjs +4 -0
  75. package/dist/esm/useToggleGroupItem.mjs.map +1 -0
  76. package/dist/esm/useToggleGroupItem.native.js +4 -0
  77. package/dist/esm/useToggleGroupItem.native.js.map +1 -0
  78. package/dist/jsx/Toggle.js +88 -81
  79. package/dist/jsx/Toggle.js.map +2 -2
  80. package/dist/jsx/Toggle.mjs +61 -60
  81. package/dist/jsx/Toggle.mjs.map +1 -1
  82. package/dist/jsx/Toggle.native.js +61 -61
  83. package/dist/jsx/Toggle.native.js.map +1 -1
  84. package/dist/jsx/ToggleGroup.js +21 -36
  85. package/dist/jsx/ToggleGroup.js.map +1 -1
  86. package/dist/jsx/ToggleGroup.mjs +44 -66
  87. package/dist/jsx/ToggleGroup.mjs.map +1 -1
  88. package/dist/jsx/ToggleGroup.native.js +44 -71
  89. package/dist/jsx/ToggleGroup.native.js.map +1 -1
  90. package/dist/jsx/ToggleStylesBase.js +1 -0
  91. package/dist/jsx/ToggleStylesBase.js.map +6 -0
  92. package/dist/jsx/ToggleStylesBase.mjs +2 -0
  93. package/dist/jsx/ToggleStylesBase.mjs.map +1 -0
  94. package/dist/jsx/ToggleStylesBase.native.js +19 -0
  95. package/dist/jsx/ToggleStylesBase.native.js.map +1 -0
  96. package/dist/jsx/context.js +10 -0
  97. package/dist/jsx/context.js.map +6 -0
  98. package/dist/jsx/context.mjs +8 -0
  99. package/dist/jsx/context.mjs.map +1 -0
  100. package/dist/jsx/context.native.js +34 -0
  101. package/dist/jsx/context.native.js.map +1 -0
  102. package/dist/jsx/index.js +4 -0
  103. package/dist/jsx/index.js.map +1 -1
  104. package/dist/jsx/index.mjs +2 -0
  105. package/dist/jsx/index.mjs.map +1 -1
  106. package/dist/jsx/index.native.js +11 -1
  107. package/dist/jsx/index.native.js.map +1 -1
  108. package/dist/jsx/types.js +1 -0
  109. package/dist/jsx/types.js.map +6 -0
  110. package/dist/jsx/types.mjs +2 -0
  111. package/dist/jsx/types.mjs.map +1 -0
  112. package/dist/jsx/types.native.js +19 -0
  113. package/dist/jsx/types.native.js.map +1 -0
  114. package/dist/jsx/useToggleGroupItem.js +6 -0
  115. package/dist/jsx/useToggleGroupItem.js.map +6 -0
  116. package/dist/jsx/useToggleGroupItem.mjs +4 -0
  117. package/dist/jsx/useToggleGroupItem.mjs.map +1 -0
  118. package/dist/jsx/useToggleGroupItem.native.js +30 -0
  119. package/dist/jsx/useToggleGroupItem.native.js.map +1 -0
  120. package/package.json +16 -15
  121. package/src/Toggle.tsx +99 -93
  122. package/src/ToggleGroup.tsx +56 -94
  123. package/src/context.tsx +7 -0
  124. package/src/index.ts +1 -0
  125. package/src/types.tsx +3 -0
  126. package/src/useToggleGroupItem.ts +3 -0
  127. package/types/Toggle.d.ts +59 -81
  128. package/types/Toggle.d.ts.map +1 -1
  129. package/types/ToggleGroup.d.ts +123 -161
  130. package/types/ToggleGroup.d.ts.map +1 -1
  131. package/types/ToggleStylesBase.d.ts +5 -0
  132. package/types/ToggleStylesBase.d.ts.map +1 -0
  133. package/types/context.d.ts +7 -0
  134. package/types/context.d.ts.map +1 -0
  135. package/types/index.d.ts +1 -0
  136. package/types/index.d.ts.map +1 -1
  137. package/types/types.d.ts +5 -0
  138. package/types/types.d.ts.map +1 -0
  139. package/types/useToggleGroupItem.d.ts +6 -0
  140. package/types/useToggleGroupItem.d.ts.map +1 -0
@@ -2,8 +2,8 @@ import type { GroupProps } from '@tamagui/group';
2
2
  import { RovingFocusGroup } from '@tamagui/roving-focus';
3
3
  import type { GetProps, SizeTokens, TamaguiElement } from '@tamagui/web';
4
4
  import React from 'react';
5
- import type { ToggleStylesBase } from './Toggle';
6
5
  import { ToggleFrame } from './Toggle';
6
+ import type { ToggleStylesBase } from './types';
7
7
  type ToggleGroupItemProps = GetProps<typeof ToggleFrame> & {
8
8
  value: string;
9
9
  id?: string;
@@ -13,7 +13,7 @@ type ToggleGroupItemProps = GetProps<typeof ToggleFrame> & {
13
13
  * Used to disable passing styles down to children.
14
14
  */
15
15
  disablePassStyles?: boolean;
16
- toggledStyle?: ToggleStylesBase | null;
16
+ activeStyle?: ToggleStylesBase | null;
17
17
  color?: string;
18
18
  };
19
19
  type ScopedProps<P> = P & {
@@ -27,96 +27,74 @@ interface ToggleGroupMultipleProps extends ToggleGroupImplMultipleProps {
27
27
  }
28
28
  type ToggleGroupProps = ToggleGroupSingleProps | ToggleGroupMultipleProps;
29
29
  declare const ToggleGroup: React.ForwardRefExoticComponent<ScopedProps<ToggleGroupProps> & React.RefAttributes<TamaguiElement>> & {
30
- Item: import("@tamagui/web").TamaguiComponent<Omit<import("@tamagui/web").GetFinalProps<import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/web").StackStyleBase, {
31
- elevation?: number | SizeTokens | undefined;
32
- transparent?: boolean | undefined;
33
- fullscreen?: boolean | undefined;
34
- circular?: boolean | undefined;
35
- backgrounded?: boolean | undefined;
36
- radiused?: boolean | undefined;
37
- hoverTheme?: boolean | undefined;
38
- pressTheme?: boolean | undefined;
39
- focusTheme?: boolean | undefined;
40
- padded?: boolean | undefined;
41
- elevate?: boolean | undefined;
42
- bordered?: number | boolean | undefined;
43
- chromeless?: boolean | "all" | undefined;
44
- toggledStyle?: ToggleStylesBase | null | undefined;
45
- active?: boolean | undefined;
30
+ Item: import("@tamagui/web").TamaguiComponent<Omit<import("@tamagui/web").GetFinalProps<import("@tamagui/web").StackNonStyleProps, import("@tamagui/web").StackStyleBase & {
31
+ readonly activeStyle?: Partial<import("@tamagui/web").InferStyleProps<import("@tamagui/web").TamaguiComponent<import("@tamagui/web").StackProps, TamaguiElement, import("@tamagui/web").StackNonStyleProps, import("@tamagui/web").StackStyleBase, {}, {}>, {
32
+ accept: {
33
+ readonly activeStyle: "style";
34
+ };
35
+ }>> | undefined;
36
+ }, {
37
+ size?: number | SizeTokens | undefined;
46
38
  unstyled?: boolean | undefined;
47
- orientation?: "horizontal" | "vertical" | undefined;
48
- }>, "color" | `$${string}` | `$${number}` | import("@tamagui/web").GroupMediaKeys | `$theme-${string}` | `$theme-${number}` | keyof import("@tamagui/core").RNTamaguiViewNonStyleProps | "elevation" | keyof import("@tamagui/web").StackStyleBase | "transparent" | "fullscreen" | "circular" | "backgrounded" | "radiused" | "hoverTheme" | "pressTheme" | "focusTheme" | "padded" | "elevate" | "bordered" | "chromeless" | "toggledStyle" | "active" | "size" | "unstyled" | "orientation" | keyof import("@tamagui/web").WithPseudoProps<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase> & {
49
- elevation?: number | SizeTokens | undefined;
50
- transparent?: boolean | undefined;
51
- fullscreen?: boolean | undefined;
52
- circular?: boolean | undefined;
53
- backgrounded?: boolean | undefined;
54
- radiused?: boolean | undefined;
55
- hoverTheme?: boolean | undefined;
56
- pressTheme?: boolean | undefined;
57
- focusTheme?: boolean | undefined;
58
- padded?: boolean | undefined;
59
- elevate?: boolean | undefined;
60
- bordered?: number | boolean | undefined;
61
- chromeless?: boolean | "all" | undefined;
62
- toggledStyle?: ToggleStylesBase | null | undefined;
63
- active?: boolean | undefined;
39
+ defaultActiveStyle?: boolean | undefined;
40
+ }>, "color" | "size" | `$${string}` | `$${number}` | import("@tamagui/web").GroupMediaKeys | `$theme-${string}` | `$theme-${number}` | keyof import("@tamagui/web").StackStyleBase | keyof import("@tamagui/web").StackNonStyleProps | "activeStyle" | "unstyled" | "defaultActiveStyle" | keyof import("@tamagui/web").WithPseudoProps<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase & {
41
+ readonly activeStyle?: Partial<import("@tamagui/web").InferStyleProps<import("@tamagui/web").TamaguiComponent<import("@tamagui/web").StackProps, TamaguiElement, import("@tamagui/web").StackNonStyleProps, import("@tamagui/web").StackStyleBase, {}, {}>, {
42
+ accept: {
43
+ readonly activeStyle: "style";
44
+ };
45
+ }>> | undefined;
46
+ }> & {
47
+ size?: number | SizeTokens | undefined;
64
48
  unstyled?: boolean | undefined;
65
- orientation?: "horizontal" | "vertical" | undefined;
66
- } & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase>>> | "value" | "disablePassStyles" | "__scopeToggleGroup"> & Omit<import("@tamagui/core").RNTamaguiViewNonStyleProps, "elevation" | keyof import("@tamagui/web").StackStyleBase | "transparent" | "fullscreen" | "circular" | "backgrounded" | "radiused" | "hoverTheme" | "pressTheme" | "focusTheme" | "padded" | "elevate" | "bordered" | "chromeless" | "toggledStyle" | "active" | "unstyled" | "orientation"> & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase> & {
67
- elevation?: number | SizeTokens | undefined;
68
- transparent?: boolean | undefined;
69
- fullscreen?: boolean | undefined;
70
- circular?: boolean | undefined;
71
- backgrounded?: boolean | undefined;
72
- radiused?: boolean | undefined;
73
- hoverTheme?: boolean | undefined;
74
- pressTheme?: boolean | undefined;
75
- focusTheme?: boolean | undefined;
76
- padded?: boolean | undefined;
77
- elevate?: boolean | undefined;
78
- bordered?: number | boolean | undefined;
79
- chromeless?: boolean | "all" | undefined;
80
- toggledStyle?: ToggleStylesBase | null | undefined;
81
- active?: boolean | undefined;
49
+ defaultActiveStyle?: boolean | undefined;
50
+ } & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase & {
51
+ readonly activeStyle?: Partial<import("@tamagui/web").InferStyleProps<import("@tamagui/web").TamaguiComponent<import("@tamagui/web").StackProps, TamaguiElement, import("@tamagui/web").StackNonStyleProps, import("@tamagui/web").StackStyleBase, {}, {}>, {
52
+ accept: {
53
+ readonly activeStyle: "style";
54
+ };
55
+ }>> | undefined;
56
+ }>>> | "value" | "disablePassStyles" | "__scopeToggleGroup"> & Omit<import("@tamagui/web").StackNonStyleProps, "size" | keyof import("@tamagui/web").StackStyleBase | "activeStyle" | "unstyled" | "defaultActiveStyle"> & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase & {
57
+ readonly activeStyle?: Partial<import("@tamagui/web").InferStyleProps<import("@tamagui/web").TamaguiComponent<import("@tamagui/web").StackProps, TamaguiElement, import("@tamagui/web").StackNonStyleProps, import("@tamagui/web").StackStyleBase, {}, {}>, {
58
+ accept: {
59
+ readonly activeStyle: "style";
60
+ };
61
+ }>> | undefined;
62
+ }> & {
63
+ size?: number | SizeTokens | undefined;
82
64
  unstyled?: boolean | undefined;
83
- orientation?: "horizontal" | "vertical" | undefined;
84
- } & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase>> & import("@tamagui/web").WithPseudoProps<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase> & {
85
- elevation?: number | SizeTokens | undefined;
86
- transparent?: boolean | undefined;
87
- fullscreen?: boolean | undefined;
88
- circular?: boolean | undefined;
89
- backgrounded?: boolean | undefined;
90
- radiused?: boolean | undefined;
91
- hoverTheme?: boolean | undefined;
92
- pressTheme?: boolean | undefined;
93
- focusTheme?: boolean | undefined;
94
- padded?: boolean | undefined;
95
- elevate?: boolean | undefined;
96
- bordered?: number | boolean | undefined;
97
- chromeless?: boolean | "all" | undefined;
98
- toggledStyle?: ToggleStylesBase | null | undefined;
99
- active?: boolean | undefined;
65
+ defaultActiveStyle?: boolean | undefined;
66
+ } & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase & {
67
+ readonly activeStyle?: Partial<import("@tamagui/web").InferStyleProps<import("@tamagui/web").TamaguiComponent<import("@tamagui/web").StackProps, TamaguiElement, import("@tamagui/web").StackNonStyleProps, import("@tamagui/web").StackStyleBase, {}, {}>, {
68
+ accept: {
69
+ readonly activeStyle: "style";
70
+ };
71
+ }>> | undefined;
72
+ }>> & import("@tamagui/web").WithPseudoProps<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase & {
73
+ readonly activeStyle?: Partial<import("@tamagui/web").InferStyleProps<import("@tamagui/web").TamaguiComponent<import("@tamagui/web").StackProps, TamaguiElement, import("@tamagui/web").StackNonStyleProps, import("@tamagui/web").StackStyleBase, {}, {}>, {
74
+ accept: {
75
+ readonly activeStyle: "style";
76
+ };
77
+ }>> | undefined;
78
+ }> & {
79
+ size?: number | SizeTokens | undefined;
100
80
  unstyled?: boolean | undefined;
101
- orientation?: "horizontal" | "vertical" | undefined;
102
- } & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase>>> & import("@tamagui/web").WithMediaProps<import("@tamagui/web").WithThemeShorthandsAndPseudos<import("@tamagui/web").StackStyleBase, {
103
- elevation?: number | SizeTokens | undefined;
104
- transparent?: boolean | undefined;
105
- fullscreen?: boolean | undefined;
106
- circular?: boolean | undefined;
107
- backgrounded?: boolean | undefined;
108
- radiused?: boolean | undefined;
109
- hoverTheme?: boolean | undefined;
110
- pressTheme?: boolean | undefined;
111
- focusTheme?: boolean | undefined;
112
- padded?: boolean | undefined;
113
- elevate?: boolean | undefined;
114
- bordered?: number | boolean | undefined;
115
- chromeless?: boolean | "all" | undefined;
116
- toggledStyle?: ToggleStylesBase | null | undefined;
117
- active?: boolean | undefined;
81
+ defaultActiveStyle?: boolean | undefined;
82
+ } & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase & {
83
+ readonly activeStyle?: Partial<import("@tamagui/web").InferStyleProps<import("@tamagui/web").TamaguiComponent<import("@tamagui/web").StackProps, TamaguiElement, import("@tamagui/web").StackNonStyleProps, import("@tamagui/web").StackStyleBase, {}, {}>, {
84
+ accept: {
85
+ readonly activeStyle: "style";
86
+ };
87
+ }>> | undefined;
88
+ }>>> & import("@tamagui/web").WithMediaProps<import("@tamagui/web").WithThemeShorthandsAndPseudos<import("@tamagui/web").StackStyleBase & {
89
+ readonly activeStyle?: Partial<import("@tamagui/web").InferStyleProps<import("@tamagui/web").TamaguiComponent<import("@tamagui/web").StackProps, TamaguiElement, import("@tamagui/web").StackNonStyleProps, import("@tamagui/web").StackStyleBase, {}, {}>, {
90
+ accept: {
91
+ readonly activeStyle: "style";
92
+ };
93
+ }>> | undefined;
94
+ }, {
95
+ size?: number | SizeTokens | undefined;
118
96
  unstyled?: boolean | undefined;
119
- orientation?: "horizontal" | "vertical" | undefined;
97
+ defaultActiveStyle?: boolean | undefined;
120
98
  }>> & {
121
99
  value: string;
122
100
  id?: string;
@@ -126,64 +104,52 @@ declare const ToggleGroup: React.ForwardRefExoticComponent<ScopedProps<ToggleGro
126
104
  * Used to disable passing styles down to children.
127
105
  */
128
106
  disablePassStyles?: boolean;
129
- toggledStyle?: ToggleStylesBase | null;
107
+ activeStyle?: ToggleStylesBase | null;
130
108
  color?: string;
131
109
  } & {
132
110
  __scopeToggleGroup?: string;
133
- }, TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps & Omit<import("@tamagui/core").RNTamaguiViewNonStyleProps, "elevation" | keyof import("@tamagui/web").StackStyleBase | "transparent" | "fullscreen" | "circular" | "backgrounded" | "radiused" | "hoverTheme" | "pressTheme" | "focusTheme" | "padded" | "elevate" | "bordered" | "chromeless" | "toggledStyle" | "active" | "unstyled" | "orientation"> & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase> & {
134
- elevation?: number | SizeTokens | undefined;
135
- transparent?: boolean | undefined;
136
- fullscreen?: boolean | undefined;
137
- circular?: boolean | undefined;
138
- backgrounded?: boolean | undefined;
139
- radiused?: boolean | undefined;
140
- hoverTheme?: boolean | undefined;
141
- pressTheme?: boolean | undefined;
142
- focusTheme?: boolean | undefined;
143
- padded?: boolean | undefined;
144
- elevate?: boolean | undefined;
145
- bordered?: number | boolean | undefined;
146
- chromeless?: boolean | "all" | undefined;
147
- toggledStyle?: ToggleStylesBase | null | undefined;
148
- active?: boolean | undefined;
111
+ }, TamaguiElement, import("@tamagui/web").StackNonStyleProps & Omit<import("@tamagui/web").StackNonStyleProps, "size" | keyof import("@tamagui/web").StackStyleBase | "activeStyle" | "unstyled" | "defaultActiveStyle"> & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase & {
112
+ readonly activeStyle?: Partial<import("@tamagui/web").InferStyleProps<import("@tamagui/web").TamaguiComponent<import("@tamagui/web").StackProps, TamaguiElement, import("@tamagui/web").StackNonStyleProps, import("@tamagui/web").StackStyleBase, {}, {}>, {
113
+ accept: {
114
+ readonly activeStyle: "style";
115
+ };
116
+ }>> | undefined;
117
+ }> & {
118
+ size?: number | SizeTokens | undefined;
149
119
  unstyled?: boolean | undefined;
150
- orientation?: "horizontal" | "vertical" | undefined;
151
- } & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase>> & import("@tamagui/web").WithPseudoProps<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase> & {
152
- elevation?: number | SizeTokens | undefined;
153
- transparent?: boolean | undefined;
154
- fullscreen?: boolean | undefined;
155
- circular?: boolean | undefined;
156
- backgrounded?: boolean | undefined;
157
- radiused?: boolean | undefined;
158
- hoverTheme?: boolean | undefined;
159
- pressTheme?: boolean | undefined;
160
- focusTheme?: boolean | undefined;
161
- padded?: boolean | undefined;
162
- elevate?: boolean | undefined;
163
- bordered?: number | boolean | undefined;
164
- chromeless?: boolean | "all" | undefined;
165
- toggledStyle?: ToggleStylesBase | null | undefined;
166
- active?: boolean | undefined;
120
+ defaultActiveStyle?: boolean | undefined;
121
+ } & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase & {
122
+ readonly activeStyle?: Partial<import("@tamagui/web").InferStyleProps<import("@tamagui/web").TamaguiComponent<import("@tamagui/web").StackProps, TamaguiElement, import("@tamagui/web").StackNonStyleProps, import("@tamagui/web").StackStyleBase, {}, {}>, {
123
+ accept: {
124
+ readonly activeStyle: "style";
125
+ };
126
+ }>> | undefined;
127
+ }>> & import("@tamagui/web").WithPseudoProps<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase & {
128
+ readonly activeStyle?: Partial<import("@tamagui/web").InferStyleProps<import("@tamagui/web").TamaguiComponent<import("@tamagui/web").StackProps, TamaguiElement, import("@tamagui/web").StackNonStyleProps, import("@tamagui/web").StackStyleBase, {}, {}>, {
129
+ accept: {
130
+ readonly activeStyle: "style";
131
+ };
132
+ }>> | undefined;
133
+ }> & {
134
+ size?: number | SizeTokens | undefined;
167
135
  unstyled?: boolean | undefined;
168
- orientation?: "horizontal" | "vertical" | undefined;
169
- } & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase>>> & import("@tamagui/web").WithMediaProps<import("@tamagui/web").WithThemeShorthandsAndPseudos<import("@tamagui/web").StackStyleBase, {
170
- elevation?: number | SizeTokens | undefined;
171
- transparent?: boolean | undefined;
172
- fullscreen?: boolean | undefined;
173
- circular?: boolean | undefined;
174
- backgrounded?: boolean | undefined;
175
- radiused?: boolean | undefined;
176
- hoverTheme?: boolean | undefined;
177
- pressTheme?: boolean | undefined;
178
- focusTheme?: boolean | undefined;
179
- padded?: boolean | undefined;
180
- elevate?: boolean | undefined;
181
- bordered?: number | boolean | undefined;
182
- chromeless?: boolean | "all" | undefined;
183
- toggledStyle?: ToggleStylesBase | null | undefined;
184
- active?: boolean | undefined;
136
+ defaultActiveStyle?: boolean | undefined;
137
+ } & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase & {
138
+ readonly activeStyle?: Partial<import("@tamagui/web").InferStyleProps<import("@tamagui/web").TamaguiComponent<import("@tamagui/web").StackProps, TamaguiElement, import("@tamagui/web").StackNonStyleProps, import("@tamagui/web").StackStyleBase, {}, {}>, {
139
+ accept: {
140
+ readonly activeStyle: "style";
141
+ };
142
+ }>> | undefined;
143
+ }>>> & import("@tamagui/web").WithMediaProps<import("@tamagui/web").WithThemeShorthandsAndPseudos<import("@tamagui/web").StackStyleBase & {
144
+ readonly activeStyle?: Partial<import("@tamagui/web").InferStyleProps<import("@tamagui/web").TamaguiComponent<import("@tamagui/web").StackProps, TamaguiElement, import("@tamagui/web").StackNonStyleProps, import("@tamagui/web").StackStyleBase, {}, {}>, {
145
+ accept: {
146
+ readonly activeStyle: "style";
147
+ };
148
+ }>> | undefined;
149
+ }, {
150
+ size?: number | SizeTokens | undefined;
185
151
  unstyled?: boolean | undefined;
186
- orientation?: "horizontal" | "vertical" | undefined;
152
+ defaultActiveStyle?: boolean | undefined;
187
153
  }>> & {
188
154
  value: string;
189
155
  id?: string;
@@ -193,29 +159,25 @@ declare const ToggleGroup: React.ForwardRefExoticComponent<ScopedProps<ToggleGro
193
159
  * Used to disable passing styles down to children.
194
160
  */
195
161
  disablePassStyles?: boolean;
196
- toggledStyle?: ToggleStylesBase | null;
162
+ activeStyle?: ToggleStylesBase | null;
197
163
  color?: string;
198
164
  } & {
199
165
  __scopeToggleGroup?: string;
200
- }, import("@tamagui/web").StackStyleBase, {
201
- elevation?: number | SizeTokens | undefined;
202
- transparent?: boolean | undefined;
203
- fullscreen?: boolean | undefined;
204
- circular?: boolean | undefined;
205
- backgrounded?: boolean | undefined;
206
- radiused?: boolean | undefined;
207
- hoverTheme?: boolean | undefined;
208
- pressTheme?: boolean | undefined;
209
- focusTheme?: boolean | undefined;
210
- padded?: boolean | undefined;
211
- elevate?: boolean | undefined;
212
- bordered?: number | boolean | undefined;
213
- chromeless?: boolean | "all" | undefined;
214
- toggledStyle?: ToggleStylesBase | null | undefined;
215
- active?: boolean | undefined;
166
+ }, import("@tamagui/web").StackStyleBase & {
167
+ readonly activeStyle?: Partial<import("@tamagui/web").InferStyleProps<import("@tamagui/web").TamaguiComponent<import("@tamagui/web").StackProps, TamaguiElement, import("@tamagui/web").StackNonStyleProps, import("@tamagui/web").StackStyleBase, {}, {}>, {
168
+ accept: {
169
+ readonly activeStyle: "style";
170
+ };
171
+ }>> | undefined;
172
+ }, {
173
+ size?: number | SizeTokens | undefined;
216
174
  unstyled?: boolean | undefined;
217
- orientation?: "horizontal" | "vertical" | undefined;
218
- }, import("@tamagui/web").StaticConfigPublic>;
175
+ defaultActiveStyle?: boolean | undefined;
176
+ }, {
177
+ accept: {
178
+ readonly activeStyle: "style";
179
+ };
180
+ }>;
219
181
  };
220
182
  interface ToggleGroupImplSingleProps extends ToggleGroupImplProps {
221
183
  /**
@@ -263,17 +225,17 @@ declare const ToggleGroupImplElementFrame: import("@tamagui/web").TamaguiCompone
263
225
  } & {
264
226
  __scopeGroup?: import("@tamagui/create-context").Scope;
265
227
  }, import("@tamagui/web").StackStyleBase, {
266
- elevation?: number | SizeTokens | undefined;
267
- fullscreen?: boolean | undefined;
268
228
  size?: any;
229
+ elevation?: number | SizeTokens | undefined;
269
230
  unstyled?: boolean | undefined;
231
+ fullscreen?: boolean | undefined;
270
232
  }, import("@tamagui/web").StaticConfigPublic>;
271
233
  type ToggleGroupImplProps = GetProps<typeof ToggleGroupImplElementFrame> & GroupProps & {
272
234
  rovingFocus?: boolean;
273
235
  dir?: RovingFocusGroupProps['dir'];
274
236
  loop?: RovingFocusGroupProps['loop'];
275
237
  sizeAdjust?: number;
276
- toggledStyle?: ToggleStylesBase | null;
238
+ activeStyle?: ToggleStylesBase | null;
277
239
  color?: string;
278
240
  };
279
241
  export { ToggleGroup };
@@ -1 +1 @@
1
- {"version":3,"file":"ToggleGroup.d.ts","sourceRoot":"","sources":["../src/ToggleGroup.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"ToggleGroup.d.ts","sourceRoot":"","sources":["../src/ToggleGroup.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,5 @@
1
+ import type { StackStyleBase } from '@tamagui/web/types';
2
+ export type ToggleStylesBase = StackStyleBase & {
3
+ color?: string;
4
+ };
5
+ //# sourceMappingURL=ToggleStylesBase.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ToggleStylesBase.d.ts","sourceRoot":"","sources":["../src/ToggleStylesBase.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAA;AAExD,MAAM,MAAM,gBAAgB,GAAG,cAAc,GAAG;IAAE,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,CAAA"}
@@ -0,0 +1,7 @@
1
+ import { type SizeTokens } from '@tamagui/web';
2
+ export declare const context: import("@tamagui/web").StyledContext<{
3
+ size: SizeTokens | undefined;
4
+ color: string;
5
+ active: boolean;
6
+ }>;
7
+ //# sourceMappingURL=context.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../src/context.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAuB,KAAK,UAAU,EAAE,MAAM,cAAc,CAAA;AAEnE,eAAO,MAAM,OAAO;UACC,UAAU,GAAG,SAAS;;;EAGzC,CAAA"}
package/types/index.d.ts CHANGED
@@ -1,2 +1,3 @@
1
1
  export * from './ToggleGroup';
2
+ export { useToggleGroupItem } from './useToggleGroupItem';
2
3
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAA;AAC7B,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAA"}
@@ -0,0 +1,5 @@
1
+ import type { ViewStyle } from '@tamagui/web';
2
+ export type ToggleStylesBase = ViewStyle & {
3
+ color?: string;
4
+ };
5
+ //# sourceMappingURL=types.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAE7C,MAAM,MAAM,gBAAgB,GAAG,SAAS,GAAG;IAAE,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,CAAA"}
@@ -0,0 +1,6 @@
1
+ export declare const useToggleGroupItem: (scope?: string) => {
2
+ size: import("@tamagui/web").SizeTokens | undefined;
3
+ color: string;
4
+ active: boolean;
5
+ };
6
+ //# sourceMappingURL=useToggleGroupItem.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useToggleGroupItem.d.ts","sourceRoot":"","sources":["../src/useToggleGroupItem.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,kBAAkB;;;;CAA2B,CAAA"}