@tamagui/tabs 1.113.0 → 1.113.2
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/Tabs.native.js +206 -254
- package/dist/esm/Tabs.native.js.map +6 -1
- package/dist/esm/index.native.js +2 -2
- package/dist/esm/index.native.js.map +6 -1
- package/package.json +13 -13
package/dist/esm/Tabs.native.js
CHANGED
|
@@ -10,274 +10,223 @@ import { useControllableState } from "@tamagui/use-controllable-state";
|
|
|
10
10
|
import { useDirection } from "@tamagui/use-direction";
|
|
11
11
|
import { Theme, createStyledContext, styled, useEvent } from "@tamagui/web";
|
|
12
12
|
import * as React from "react";
|
|
13
|
-
var TABS_CONTEXT = "TabsContext",
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
13
|
+
var TABS_CONTEXT = "TabsContext", TAB_LIST_NAME = "TabsList", TabsList = /* @__PURE__ */ React.forwardRef(function(props, forwardedRef) {
|
|
14
|
+
var { __scopeTabs, loop = !0, children, ...listProps } = props, context = useTabsContext(__scopeTabs);
|
|
15
|
+
return /* @__PURE__ */ _jsx(RovingFocusGroup, {
|
|
16
|
+
__scopeRovingFocusGroup: __scopeTabs || TABS_CONTEXT,
|
|
17
|
+
orientation: context.orientation,
|
|
18
|
+
dir: context.dir,
|
|
19
|
+
loop,
|
|
20
|
+
asChild: !0,
|
|
21
|
+
children: /* @__PURE__ */ _jsx(Group, {
|
|
22
|
+
role: "tablist",
|
|
23
|
+
componentName: TAB_LIST_NAME,
|
|
24
|
+
"aria-orientation": context.orientation,
|
|
25
|
+
ref: forwardedRef,
|
|
25
26
|
orientation: context.orientation,
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
children: /* @__PURE__ */_jsx(Group, {
|
|
30
|
-
role: "tablist",
|
|
31
|
-
componentName: TAB_LIST_NAME,
|
|
32
|
-
"aria-orientation": context.orientation,
|
|
33
|
-
ref: forwardedRef,
|
|
34
|
-
orientation: context.orientation,
|
|
35
|
-
...listProps,
|
|
36
|
-
children
|
|
37
|
-
})
|
|
38
|
-
});
|
|
27
|
+
...listProps,
|
|
28
|
+
children
|
|
29
|
+
})
|
|
39
30
|
});
|
|
31
|
+
});
|
|
40
32
|
TabsList.displayName = TAB_LIST_NAME;
|
|
41
|
-
var TRIGGER_NAME = "TabsTrigger",
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
size:
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
backgroundColor: "$background"
|
|
67
|
-
}
|
|
68
|
-
}
|
|
69
|
-
},
|
|
70
|
-
unstyled: {
|
|
71
|
-
false: {
|
|
72
|
-
backgroundColor: "$background",
|
|
73
|
-
pressStyle: {
|
|
74
|
-
backgroundColor: "$backgroundPress"
|
|
75
|
-
},
|
|
76
|
-
hoverStyle: {
|
|
77
|
-
backgroundColor: "$backgroundHover"
|
|
78
|
-
},
|
|
79
|
-
focusStyle: {
|
|
80
|
-
backgroundColor: "$backgroundFocus"
|
|
81
|
-
}
|
|
33
|
+
var TRIGGER_NAME = "TabsTrigger", TabsTriggerFrame = styled(ThemeableStack, {
|
|
34
|
+
name: TRIGGER_NAME,
|
|
35
|
+
tag: "button",
|
|
36
|
+
justifyContent: "center",
|
|
37
|
+
alignItems: "center",
|
|
38
|
+
flexWrap: "nowrap",
|
|
39
|
+
flexDirection: "row",
|
|
40
|
+
cursor: "pointer",
|
|
41
|
+
userSelect: "none",
|
|
42
|
+
variants: {
|
|
43
|
+
size: {
|
|
44
|
+
"...size": getButtonSized
|
|
45
|
+
},
|
|
46
|
+
disabled: {
|
|
47
|
+
true: {
|
|
48
|
+
pointerEvents: "none"
|
|
49
|
+
}
|
|
50
|
+
},
|
|
51
|
+
active: {
|
|
52
|
+
true: {
|
|
53
|
+
hoverStyle: {
|
|
54
|
+
backgroundColor: "$background"
|
|
55
|
+
},
|
|
56
|
+
focusStyle: {
|
|
57
|
+
backgroundColor: "$background"
|
|
82
58
|
}
|
|
83
59
|
}
|
|
84
60
|
},
|
|
85
|
-
|
|
86
|
-
|
|
61
|
+
unstyled: {
|
|
62
|
+
false: {
|
|
63
|
+
backgroundColor: "$background",
|
|
64
|
+
pressStyle: {
|
|
65
|
+
backgroundColor: "$backgroundPress"
|
|
66
|
+
},
|
|
67
|
+
hoverStyle: {
|
|
68
|
+
backgroundColor: "$backgroundHover"
|
|
69
|
+
},
|
|
70
|
+
focusStyle: {
|
|
71
|
+
backgroundColor: "$backgroundFocus"
|
|
72
|
+
}
|
|
73
|
+
}
|
|
87
74
|
}
|
|
88
|
-
}
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
context
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
triggerRef
|
|
104
|
-
|
|
105
|
-
|
|
75
|
+
},
|
|
76
|
+
defaultVariants: {
|
|
77
|
+
unstyled: process.env.TAMAGUI_HEADLESS === "1"
|
|
78
|
+
}
|
|
79
|
+
}), TabsTrigger = TabsTriggerFrame.styleable(function(props, forwardedRef) {
|
|
80
|
+
var { __scopeTabs, value, disabled = !1, onInteraction, disableActiveTheme, ...triggerProps } = props, context = useTabsContext(__scopeTabs), triggerId = makeTriggerId(context.baseId, value), contentId = makeContentId(context.baseId, value), isSelected = value === context.value, [layout, setLayout] = React.useState(null), triggerRef = React.useRef(null), groupItemProps = useGroupItem({
|
|
81
|
+
disabled: !!disabled
|
|
82
|
+
});
|
|
83
|
+
React.useEffect(function() {
|
|
84
|
+
return context.registerTrigger(), function() {
|
|
85
|
+
return context.unregisterTrigger();
|
|
86
|
+
};
|
|
87
|
+
}, []), React.useEffect(function() {
|
|
88
|
+
if (!triggerRef.current || !isWeb) return;
|
|
89
|
+
function getTriggerSize() {
|
|
90
|
+
triggerRef.current && setLayout({
|
|
91
|
+
width: triggerRef.current.offsetWidth,
|
|
92
|
+
height: triggerRef.current.offsetHeight,
|
|
93
|
+
x: triggerRef.current.offsetLeft,
|
|
94
|
+
y: triggerRef.current.offsetTop
|
|
106
95
|
});
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
96
|
+
}
|
|
97
|
+
getTriggerSize();
|
|
98
|
+
var observer = new ResizeObserver(getTriggerSize);
|
|
99
|
+
return observer.observe(triggerRef.current), function() {
|
|
100
|
+
triggerRef.current && observer.unobserve(triggerRef.current);
|
|
101
|
+
};
|
|
102
|
+
}, [
|
|
103
|
+
context.triggersCount
|
|
104
|
+
]), React.useEffect(function() {
|
|
105
|
+
isSelected && layout && onInteraction?.("select", layout);
|
|
106
|
+
}, [
|
|
107
|
+
isSelected,
|
|
108
|
+
value,
|
|
109
|
+
layout
|
|
110
|
+
]);
|
|
111
|
+
var _props_onPress;
|
|
112
|
+
return /* @__PURE__ */ _jsx(Theme, {
|
|
113
|
+
name: isSelected && !disableActiveTheme ? "active" : null,
|
|
114
|
+
children: /* @__PURE__ */ _jsx(RovingFocusGroup.Item, {
|
|
115
|
+
__scopeRovingFocusGroup: __scopeTabs || TABS_CONTEXT,
|
|
116
|
+
asChild: !0,
|
|
117
|
+
focusable: !disabled,
|
|
118
|
+
active: isSelected,
|
|
119
|
+
children: /* @__PURE__ */ _jsx(TabsTriggerFrame, {
|
|
120
|
+
onLayout: function(event) {
|
|
121
|
+
isWeb || setLayout(event.nativeEvent.layout);
|
|
122
|
+
},
|
|
123
|
+
onHoverIn: composeEventHandlers(props.onHoverIn, function() {
|
|
124
|
+
layout && onInteraction?.("hover", layout);
|
|
125
|
+
}),
|
|
126
|
+
onHoverOut: composeEventHandlers(props.onHoverOut, function() {
|
|
127
|
+
onInteraction?.("hover", null);
|
|
128
|
+
}),
|
|
129
|
+
role: "tab",
|
|
130
|
+
"aria-selected": isSelected,
|
|
131
|
+
"aria-controls": contentId,
|
|
132
|
+
"data-state": isSelected ? "active" : "inactive",
|
|
133
|
+
"data-disabled": disabled ? "" : void 0,
|
|
134
|
+
disabled,
|
|
135
|
+
id: triggerId,
|
|
136
|
+
...!props.unstyled && {
|
|
137
|
+
size: context.size
|
|
138
|
+
},
|
|
139
|
+
...groupItemProps,
|
|
140
|
+
...triggerProps,
|
|
141
|
+
ref: composeRefs(forwardedRef, triggerRef),
|
|
142
|
+
onPress: composeEventHandlers((_props_onPress = props.onPress) !== null && _props_onPress !== void 0 ? _props_onPress : void 0, function(event) {
|
|
143
|
+
var webChecks = !isWeb || event.button === 0 && event.ctrlKey === !1;
|
|
144
|
+
!disabled && !isSelected && webChecks ? context.onChange(value) : event.preventDefault();
|
|
145
|
+
}),
|
|
146
|
+
...isWeb && {
|
|
147
|
+
type: "button",
|
|
148
|
+
onKeyDown: composeEventHandlers(props.onKeyDown, function(event) {
|
|
149
|
+
[
|
|
150
|
+
" ",
|
|
151
|
+
"Enter"
|
|
152
|
+
].includes(event.key) && (context.onChange(value), event.preventDefault());
|
|
156
153
|
}),
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
var webChecks = !isWeb || event.button === 0 && event.ctrlKey === !1;
|
|
162
|
-
!disabled && !isSelected && webChecks ? context.onChange(value) : event.preventDefault();
|
|
154
|
+
onFocus: composeEventHandlers(props.onFocus, function(event) {
|
|
155
|
+
layout && onInteraction?.("focus", layout);
|
|
156
|
+
var isAutomaticActivation = context.activationMode !== "manual";
|
|
157
|
+
!isSelected && !disabled && isAutomaticActivation && context.onChange(value);
|
|
163
158
|
}),
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
onKeyDown: composeEventHandlers(props.onKeyDown, function (event) {
|
|
167
|
-
[" ", "Enter"].includes(event.key) && (context.onChange(value), event.preventDefault());
|
|
168
|
-
}),
|
|
169
|
-
onFocus: composeEventHandlers(props.onFocus, function (event) {
|
|
170
|
-
layout && onInteraction?.("focus", layout);
|
|
171
|
-
var isAutomaticActivation = context.activationMode !== "manual";
|
|
172
|
-
!isSelected && !disabled && isAutomaticActivation && context.onChange(value);
|
|
173
|
-
}),
|
|
174
|
-
onBlur: composeEventHandlers(props.onFocus, function () {
|
|
175
|
-
onInteraction?.("focus", null);
|
|
176
|
-
})
|
|
159
|
+
onBlur: composeEventHandlers(props.onFocus, function() {
|
|
160
|
+
onInteraction?.("focus", null);
|
|
177
161
|
})
|
|
178
|
-
}
|
|
162
|
+
}
|
|
179
163
|
})
|
|
180
|
-
})
|
|
164
|
+
})
|
|
181
165
|
});
|
|
166
|
+
});
|
|
182
167
|
TabsTrigger.displayName = TRIGGER_NAME;
|
|
183
|
-
var CONTENT_NAME = "TabsContent",
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
}),
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
TABS_NAME = "Tabs",
|
|
215
|
-
{
|
|
216
|
-
Provider: TabsProvider,
|
|
217
|
-
useStyledContext: useTabsContext
|
|
218
|
-
} = createStyledContext(),
|
|
219
|
-
TabsFrame = styled(SizableStack, {
|
|
220
|
-
name: TABS_NAME
|
|
221
|
-
}),
|
|
222
|
-
TabsComponent = TabsFrame.styleable(function (props, forwardedRef) {
|
|
223
|
-
var {
|
|
224
|
-
__scopeTabs,
|
|
225
|
-
value: valueProp,
|
|
226
|
-
onValueChange,
|
|
227
|
-
defaultValue,
|
|
228
|
-
orientation = "horizontal",
|
|
229
|
-
dir,
|
|
230
|
-
activationMode = "automatic",
|
|
231
|
-
size = "$true",
|
|
232
|
-
...tabsProps
|
|
233
|
-
} = props,
|
|
234
|
-
direction = useDirection(dir),
|
|
235
|
-
[value, setValue] = useControllableState({
|
|
236
|
-
prop: valueProp,
|
|
237
|
-
onChange: onValueChange,
|
|
238
|
-
defaultProp: defaultValue ?? ""
|
|
239
|
-
}),
|
|
240
|
-
[triggersCount, setTriggersCount] = React.useState(0),
|
|
241
|
-
registerTrigger = useEvent(function () {
|
|
242
|
-
return setTriggersCount(function (v) {
|
|
243
|
-
return v + 1;
|
|
244
|
-
});
|
|
245
|
-
}),
|
|
246
|
-
unregisterTrigger = useEvent(function () {
|
|
247
|
-
return setTriggersCount(function (v) {
|
|
248
|
-
return v - 1;
|
|
249
|
-
});
|
|
250
|
-
});
|
|
251
|
-
return /* @__PURE__ */_jsx(TabsProvider, {
|
|
252
|
-
scope: __scopeTabs,
|
|
253
|
-
baseId: React.useId(),
|
|
254
|
-
value,
|
|
255
|
-
onChange: setValue,
|
|
256
|
-
orientation,
|
|
257
|
-
dir: direction,
|
|
258
|
-
activationMode,
|
|
259
|
-
size,
|
|
260
|
-
registerTrigger,
|
|
261
|
-
triggersCount,
|
|
262
|
-
unregisterTrigger,
|
|
263
|
-
children: /* @__PURE__ */_jsx(TabsFrame, {
|
|
264
|
-
direction,
|
|
265
|
-
// dir={direction}
|
|
266
|
-
"data-orientation": orientation,
|
|
267
|
-
...tabsProps,
|
|
268
|
-
ref: forwardedRef
|
|
269
|
-
})
|
|
168
|
+
var CONTENT_NAME = "TabsContent", TabsContentFrame = styled(ThemeableStack, {
|
|
169
|
+
name: CONTENT_NAME
|
|
170
|
+
}), TabsContent = TabsContentFrame.styleable(function(props, forwardedRef) {
|
|
171
|
+
var { __scopeTabs, value, forceMount, children, ...contentProps } = props, context = useTabsContext(__scopeTabs), isSelected = value === context.value, show = forceMount || isSelected, triggerId = makeTriggerId(context.baseId, value), contentId = makeContentId(context.baseId, value);
|
|
172
|
+
return show ? /* @__PURE__ */ _jsx(TabsContentFrame, {
|
|
173
|
+
"data-state": isSelected ? "active" : "inactive",
|
|
174
|
+
"data-orientation": context.orientation,
|
|
175
|
+
role: "tabpanel",
|
|
176
|
+
"aria-labelledby": triggerId,
|
|
177
|
+
// @ts-ignore
|
|
178
|
+
hidden: !show,
|
|
179
|
+
id: contentId,
|
|
180
|
+
tabIndex: 0,
|
|
181
|
+
...contentProps,
|
|
182
|
+
ref: forwardedRef,
|
|
183
|
+
children
|
|
184
|
+
}, value) : null;
|
|
185
|
+
}), TABS_NAME = "Tabs", { Provider: TabsProvider, useStyledContext: useTabsContext } = createStyledContext(), TabsFrame = styled(SizableStack, {
|
|
186
|
+
name: TABS_NAME
|
|
187
|
+
}), TabsComponent = TabsFrame.styleable(function(props, forwardedRef) {
|
|
188
|
+
var { __scopeTabs, value: valueProp, onValueChange, defaultValue, orientation = "horizontal", dir, activationMode = "automatic", size = "$true", ...tabsProps } = props, direction = useDirection(dir), [value, setValue] = useControllableState({
|
|
189
|
+
prop: valueProp,
|
|
190
|
+
onChange: onValueChange,
|
|
191
|
+
defaultProp: defaultValue ?? ""
|
|
192
|
+
}), [triggersCount, setTriggersCount] = React.useState(0), registerTrigger = useEvent(function() {
|
|
193
|
+
return setTriggersCount(function(v) {
|
|
194
|
+
return v + 1;
|
|
195
|
+
});
|
|
196
|
+
}), unregisterTrigger = useEvent(function() {
|
|
197
|
+
return setTriggersCount(function(v) {
|
|
198
|
+
return v - 1;
|
|
270
199
|
});
|
|
271
|
-
}),
|
|
272
|
-
Tabs = withStaticProperties(TabsComponent, {
|
|
273
|
-
List: TabsList,
|
|
274
|
-
/**
|
|
275
|
-
* @deprecated Use Tabs.Tab instead
|
|
276
|
-
*/
|
|
277
|
-
Trigger: TabsTrigger,
|
|
278
|
-
Tab: TabsTrigger,
|
|
279
|
-
Content: TabsContent
|
|
280
200
|
});
|
|
201
|
+
return /* @__PURE__ */ _jsx(TabsProvider, {
|
|
202
|
+
scope: __scopeTabs,
|
|
203
|
+
baseId: React.useId(),
|
|
204
|
+
value,
|
|
205
|
+
onChange: setValue,
|
|
206
|
+
orientation,
|
|
207
|
+
dir: direction,
|
|
208
|
+
activationMode,
|
|
209
|
+
size,
|
|
210
|
+
registerTrigger,
|
|
211
|
+
triggersCount,
|
|
212
|
+
unregisterTrigger,
|
|
213
|
+
children: /* @__PURE__ */ _jsx(TabsFrame, {
|
|
214
|
+
direction,
|
|
215
|
+
// dir={direction}
|
|
216
|
+
"data-orientation": orientation,
|
|
217
|
+
...tabsProps,
|
|
218
|
+
ref: forwardedRef
|
|
219
|
+
})
|
|
220
|
+
});
|
|
221
|
+
}), Tabs = withStaticProperties(TabsComponent, {
|
|
222
|
+
List: TabsList,
|
|
223
|
+
/**
|
|
224
|
+
* @deprecated Use Tabs.Tab instead
|
|
225
|
+
*/
|
|
226
|
+
Trigger: TabsTrigger,
|
|
227
|
+
Tab: TabsTrigger,
|
|
228
|
+
Content: TabsContent
|
|
229
|
+
});
|
|
281
230
|
Tabs.displayName = TABS_NAME;
|
|
282
231
|
function makeTriggerId(baseId, value) {
|
|
283
232
|
return `${baseId}-trigger-${value}`;
|
|
@@ -285,5 +234,8 @@ function makeTriggerId(baseId, value) {
|
|
|
285
234
|
function makeContentId(baseId, value) {
|
|
286
235
|
return `${baseId}-content-${value}`;
|
|
287
236
|
}
|
|
288
|
-
export {
|
|
289
|
-
|
|
237
|
+
export {
|
|
238
|
+
Tabs,
|
|
239
|
+
useTabsContext
|
|
240
|
+
};
|
|
241
|
+
//# sourceMappingURL=Tabs.js.map
|
|
@@ -1 +1,6 @@
|
|
|
1
|
-
{
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../src/Users/n8/tamagui/code/ui/tabs/src/Tabs.tsx"],
|
|
4
|
+
"mappings": "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",
|
|
5
|
+
"names": ["composeRefs", "isWeb", "getButtonSized", "Group", "useGroupItem", "composeEventHandlers", "withStaticProperties", "RovingFocusGroup", "SizableStack", "ThemeableStack", "useControllableState", "useDirection", "Theme", "createStyledContext", "styled", "useEvent", "React", "TABS_CONTEXT", "TAB_LIST_NAME", "TabsList", "forwardRef", "props", "forwardedRef", "__scopeTabs", "loop", "children", "listProps", "context", "useTabsContext", "__scopeRovingFocusGroup", "orientation", "dir", "asChild", "role", "componentName", "aria-orientation", "ref", "displayName", "TRIGGER_NAME", "TabsTriggerFrame", "name", "tag", "justifyContent", "alignItems", "flexWrap", "flexDirection", "cursor", "userSelect", "variants", "size", "disabled", "true", "pointerEvents", "active", "hoverStyle", "backgroundColor", "focusStyle", "unstyled", "false", "pressStyle", "defaultVariants", "process", "env", "TAMAGUI_HEADLESS", "TabsTrigger", "styleable", "value", "onInteraction", "disableActiveTheme", "triggerProps", "triggerId", "makeTriggerId", "baseId", "contentId", "makeContentId", "isSelected", "layout", "setLayout", "useState", "triggerRef", "useRef", "groupItemProps", "useEffect", "registerTrigger", "unregisterTrigger", "current", "getTriggerSize", "width", "offsetWidth", "height", "offsetHeight", "x", "offsetLeft", "y", "offsetTop", "observer", "ResizeObserver", "observe", "unobserve", "triggersCount", "Item", "focusable", "onLayout", "event", "nativeEvent", "onHoverIn", "onHoverOut", "aria-selected", "aria-controls", "data-state", "data-disabled", "undefined", "id", "onPress", "webChecks", "button", "ctrlKey", "onChange", "preventDefault", "type", "onKeyDown", "includes", "key", "onFocus", "isAutomaticActivation", "activationMode", "onBlur", "CONTENT_NAME", "TabsContentFrame", "TabsContent", "forceMount", "contentProps", "show", "data-orientation", "aria-labelledby", "hidden", "tabIndex", "TABS_NAME", "Provider", "TabsProvider", "useStyledContext", "TabsFrame", "TabsComponent", "valueProp", "onValueChange", "defaultValue", "tabsProps", "direction", "setValue", "prop", "defaultProp", "setTriggersCount", "v", "scope", "useId", "Tabs", "List", "Trigger", "Tab", "Content"]
|
|
6
|
+
}
|
package/dist/esm/index.native.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export * from "./Tabs
|
|
2
|
-
//# sourceMappingURL=index.
|
|
1
|
+
export * from "./Tabs";
|
|
2
|
+
//# sourceMappingURL=index.js.map
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tamagui/tabs",
|
|
3
|
-
"version": "1.113.
|
|
3
|
+
"version": "1.113.2",
|
|
4
4
|
"sideEffects": false,
|
|
5
5
|
"source": "src/index.ts",
|
|
6
6
|
"types": "./types/index.d.ts",
|
|
@@ -31,23 +31,23 @@
|
|
|
31
31
|
}
|
|
32
32
|
},
|
|
33
33
|
"dependencies": {
|
|
34
|
-
"@tamagui/compose-refs": "1.113.
|
|
35
|
-
"@tamagui/constants": "1.113.
|
|
36
|
-
"@tamagui/create-context": "1.113.
|
|
37
|
-
"@tamagui/get-button-sized": "1.113.
|
|
38
|
-
"@tamagui/group": "1.113.
|
|
39
|
-
"@tamagui/helpers": "1.113.
|
|
40
|
-
"@tamagui/roving-focus": "1.113.
|
|
41
|
-
"@tamagui/stacks": "1.113.
|
|
42
|
-
"@tamagui/use-controllable-state": "1.113.
|
|
43
|
-
"@tamagui/use-direction": "1.113.
|
|
44
|
-
"@tamagui/web": "1.113.
|
|
34
|
+
"@tamagui/compose-refs": "1.113.2",
|
|
35
|
+
"@tamagui/constants": "1.113.2",
|
|
36
|
+
"@tamagui/create-context": "1.113.2",
|
|
37
|
+
"@tamagui/get-button-sized": "1.113.2",
|
|
38
|
+
"@tamagui/group": "1.113.2",
|
|
39
|
+
"@tamagui/helpers": "1.113.2",
|
|
40
|
+
"@tamagui/roving-focus": "1.113.2",
|
|
41
|
+
"@tamagui/stacks": "1.113.2",
|
|
42
|
+
"@tamagui/use-controllable-state": "1.113.2",
|
|
43
|
+
"@tamagui/use-direction": "1.113.2",
|
|
44
|
+
"@tamagui/web": "1.113.2"
|
|
45
45
|
},
|
|
46
46
|
"peerDependencies": {
|
|
47
47
|
"react": "*"
|
|
48
48
|
},
|
|
49
49
|
"devDependencies": {
|
|
50
|
-
"@tamagui/build": "1.113.
|
|
50
|
+
"@tamagui/build": "1.113.2",
|
|
51
51
|
"react": "^18.2.0 || ^19.0.0",
|
|
52
52
|
"react-dom": "^18.2.0 || ^19.0.0"
|
|
53
53
|
},
|