@compa11y/react 0.1.2 → 0.1.3
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/chunk-36S2JYVF.cjs +1 -0
- package/dist/chunk-AJ7JSWUT.cjs +1 -0
- package/dist/chunk-DDFEION3.cjs +1 -0
- package/dist/chunk-DWU3PTJO.cjs +1 -0
- package/dist/chunk-FD4F6ONU.cjs +1 -0
- package/dist/chunk-FOVHQAY5.cjs +1 -0
- package/dist/chunk-GITBIGD4.js +1 -0
- package/dist/chunk-HEA4NAOM.js +1 -0
- package/dist/chunk-IZ7LLPPV.js +1 -0
- package/dist/chunk-JS3UD7KS.cjs +1 -0
- package/dist/chunk-MAR6RBHF.cjs +1 -0
- package/dist/chunk-MD4AVTLT.js +1 -0
- package/dist/chunk-SB6ASQ36.js +1 -0
- package/dist/chunk-VMM4K2K4.js +1 -0
- package/dist/chunk-XEJXACWE.js +1 -0
- package/dist/chunk-ZB3SYGHE.js +1 -0
- package/dist/components/combobox/index.cjs +1 -31
- package/dist/components/combobox/index.js +1 -6
- package/dist/components/dialog/index.cjs +1 -46
- package/dist/components/dialog/index.js +1 -5
- package/dist/components/menu/index.cjs +1 -46
- package/dist/components/menu/index.js +1 -5
- package/dist/components/tabs/index.cjs +1 -35
- package/dist/components/tabs/index.js +1 -6
- package/dist/components/toast/index.cjs +1 -24
- package/dist/components/toast/index.js +1 -3
- package/dist/index.cjs +1 -3714
- package/dist/index.js +1 -3408
- package/package.json +2 -2
- package/dist/chunk-2S4C6FGA.js +0 -380
- package/dist/chunk-2S4C6FGA.js.map +0 -1
- package/dist/chunk-52J4Z3QD.cjs +0 -45
- package/dist/chunk-52J4Z3QD.cjs.map +0 -1
- package/dist/chunk-C7QK2I7H.js +0 -373
- package/dist/chunk-C7QK2I7H.js.map +0 -1
- package/dist/chunk-D2UMS62N.cjs +0 -245
- package/dist/chunk-D2UMS62N.cjs.map +0 -1
- package/dist/chunk-E265U2RK.js +0 -234
- package/dist/chunk-E265U2RK.js.map +0 -1
- package/dist/chunk-E4XJRXWM.js +0 -215
- package/dist/chunk-E4XJRXWM.js.map +0 -1
- package/dist/chunk-GDLOJH6K.cjs +0 -110
- package/dist/chunk-GDLOJH6K.cjs.map +0 -1
- package/dist/chunk-IR46CNNY.cjs +0 -329
- package/dist/chunk-IR46CNNY.cjs.map +0 -1
- package/dist/chunk-JXYOE7SH.js +0 -103
- package/dist/chunk-JXYOE7SH.js.map +0 -1
- package/dist/chunk-O3YYQZ5O.js +0 -317
- package/dist/chunk-O3YYQZ5O.js.map +0 -1
- package/dist/chunk-OIVTOU4Z.cjs +0 -386
- package/dist/chunk-OIVTOU4Z.cjs.map +0 -1
- package/dist/chunk-OND5B7UG.js +0 -85
- package/dist/chunk-OND5B7UG.js.map +0 -1
- package/dist/chunk-R4FR6M6I.cjs +0 -383
- package/dist/chunk-R4FR6M6I.cjs.map +0 -1
- package/dist/chunk-RBDQCIS7.cjs +0 -89
- package/dist/chunk-RBDQCIS7.cjs.map +0 -1
- package/dist/chunk-SOBS7MIH.cjs +0 -220
- package/dist/chunk-SOBS7MIH.cjs.map +0 -1
- package/dist/chunk-WURPAE3R.js +0 -41
- package/dist/chunk-WURPAE3R.js.map +0 -1
- package/dist/components/combobox/index.cjs.map +0 -1
- package/dist/components/combobox/index.js.map +0 -1
- package/dist/components/dialog/index.cjs.map +0 -1
- package/dist/components/dialog/index.js.map +0 -1
- package/dist/components/menu/index.cjs.map +0 -1
- package/dist/components/menu/index.js.map +0 -1
- package/dist/components/tabs/index.cjs.map +0 -1
- package/dist/components/tabs/index.js.map +0 -1
- package/dist/components/toast/index.cjs.map +0 -1
- package/dist/components/toast/index.js.map +0 -1
- package/dist/index.cjs.map +0 -1
- package/dist/index.js.map +0 -1
package/dist/chunk-C7QK2I7H.js
DELETED
|
@@ -1,373 +0,0 @@
|
|
|
1
|
-
import { useKeyboard } from './chunk-JXYOE7SH.js';
|
|
2
|
-
import { useId } from './chunk-WURPAE3R.js';
|
|
3
|
-
import { createContext, forwardRef, useRef, useEffect, useContext, useState, useCallback } from 'react';
|
|
4
|
-
import { jsx } from 'react/jsx-runtime';
|
|
5
|
-
|
|
6
|
-
var ActionMenuContext = createContext(null);
|
|
7
|
-
function useActionMenuContext() {
|
|
8
|
-
const context = useContext(ActionMenuContext);
|
|
9
|
-
if (!context) {
|
|
10
|
-
throw new Error(
|
|
11
|
-
"ActionMenu compound components must be used within an ActionMenu component"
|
|
12
|
-
);
|
|
13
|
-
}
|
|
14
|
-
return context;
|
|
15
|
-
}
|
|
16
|
-
var ActionMenuProvider = ActionMenuContext.Provider;
|
|
17
|
-
function ActionMenu({
|
|
18
|
-
defaultOpen = false,
|
|
19
|
-
open: controlledOpen,
|
|
20
|
-
onOpenChange,
|
|
21
|
-
children,
|
|
22
|
-
unstyled = false
|
|
23
|
-
}) {
|
|
24
|
-
const [uncontrolledOpen, setUncontrolledOpen] = useState(defaultOpen);
|
|
25
|
-
const isOpen = controlledOpen ?? uncontrolledOpen;
|
|
26
|
-
const [highlightedIndex, setHighlightedIndex] = useState(-1);
|
|
27
|
-
const itemsRef = useRef([]);
|
|
28
|
-
const onSelectRef = useRef(null);
|
|
29
|
-
const menuId = useId("action-menu");
|
|
30
|
-
const triggerId = useId("action-menu-trigger");
|
|
31
|
-
const setOpen = useCallback(
|
|
32
|
-
(value) => {
|
|
33
|
-
if (controlledOpen === void 0) {
|
|
34
|
-
setUncontrolledOpen(value);
|
|
35
|
-
}
|
|
36
|
-
onOpenChange?.(value);
|
|
37
|
-
if (!value) {
|
|
38
|
-
setHighlightedIndex(-1);
|
|
39
|
-
}
|
|
40
|
-
},
|
|
41
|
-
[controlledOpen, onOpenChange]
|
|
42
|
-
);
|
|
43
|
-
const open = useCallback(() => setOpen(true), [setOpen]);
|
|
44
|
-
const close = useCallback(() => setOpen(false), [setOpen]);
|
|
45
|
-
const toggle = useCallback(() => setOpen(!isOpen), [setOpen, isOpen]);
|
|
46
|
-
const registerItem = useCallback((id) => {
|
|
47
|
-
const index = itemsRef.current.length;
|
|
48
|
-
itemsRef.current.push(id);
|
|
49
|
-
return index;
|
|
50
|
-
}, []);
|
|
51
|
-
const unregisterItem = useCallback((id) => {
|
|
52
|
-
const index = itemsRef.current.indexOf(id);
|
|
53
|
-
if (index > -1) {
|
|
54
|
-
itemsRef.current.splice(index, 1);
|
|
55
|
-
}
|
|
56
|
-
}, []);
|
|
57
|
-
const getItemCount = useCallback(() => itemsRef.current.length, []);
|
|
58
|
-
const selectItem = useCallback(
|
|
59
|
-
(index) => {
|
|
60
|
-
onSelectRef.current?.(index);
|
|
61
|
-
close();
|
|
62
|
-
},
|
|
63
|
-
[close]
|
|
64
|
-
);
|
|
65
|
-
const contextValue = {
|
|
66
|
-
isOpen,
|
|
67
|
-
open,
|
|
68
|
-
close,
|
|
69
|
-
toggle,
|
|
70
|
-
highlightedIndex,
|
|
71
|
-
setHighlightedIndex,
|
|
72
|
-
menuId,
|
|
73
|
-
triggerId,
|
|
74
|
-
registerItem,
|
|
75
|
-
unregisterItem,
|
|
76
|
-
getItemCount,
|
|
77
|
-
selectItem,
|
|
78
|
-
unstyled
|
|
79
|
-
};
|
|
80
|
-
return /* @__PURE__ */ jsx(ActionMenuProvider, { value: contextValue, children: /* @__PURE__ */ jsx(
|
|
81
|
-
"div",
|
|
82
|
-
{
|
|
83
|
-
style: { position: "relative", display: "inline-block" },
|
|
84
|
-
"data-compa11y-action-menu": true,
|
|
85
|
-
children
|
|
86
|
-
}
|
|
87
|
-
) });
|
|
88
|
-
}
|
|
89
|
-
var ActionMenuTrigger = forwardRef(function ActionMenuTrigger2({ children, onClick, onKeyDown, ...props }, ref) {
|
|
90
|
-
const {
|
|
91
|
-
isOpen,
|
|
92
|
-
toggle,
|
|
93
|
-
open,
|
|
94
|
-
close,
|
|
95
|
-
triggerId,
|
|
96
|
-
menuId,
|
|
97
|
-
setHighlightedIndex,
|
|
98
|
-
getItemCount
|
|
99
|
-
} = useActionMenuContext();
|
|
100
|
-
const handleClick = (event) => {
|
|
101
|
-
onClick?.(event);
|
|
102
|
-
if (!event.defaultPrevented) {
|
|
103
|
-
toggle();
|
|
104
|
-
}
|
|
105
|
-
};
|
|
106
|
-
const keyboardProps = useKeyboard(
|
|
107
|
-
{
|
|
108
|
-
ArrowDown: () => {
|
|
109
|
-
if (!isOpen) {
|
|
110
|
-
open();
|
|
111
|
-
}
|
|
112
|
-
setHighlightedIndex(0);
|
|
113
|
-
},
|
|
114
|
-
ArrowUp: () => {
|
|
115
|
-
if (!isOpen) {
|
|
116
|
-
open();
|
|
117
|
-
}
|
|
118
|
-
setHighlightedIndex(getItemCount() - 1);
|
|
119
|
-
},
|
|
120
|
-
Enter: () => toggle(),
|
|
121
|
-
Space: () => toggle(),
|
|
122
|
-
Escape: () => close()
|
|
123
|
-
},
|
|
124
|
-
{ preventDefault: true }
|
|
125
|
-
);
|
|
126
|
-
const handleKeyDown = (event) => {
|
|
127
|
-
onKeyDown?.(event);
|
|
128
|
-
if (!event.defaultPrevented) {
|
|
129
|
-
keyboardProps.onKeyDown(event);
|
|
130
|
-
}
|
|
131
|
-
};
|
|
132
|
-
return /* @__PURE__ */ jsx(
|
|
133
|
-
"button",
|
|
134
|
-
{
|
|
135
|
-
ref,
|
|
136
|
-
id: triggerId,
|
|
137
|
-
type: "button",
|
|
138
|
-
tabIndex: 0,
|
|
139
|
-
"aria-haspopup": "menu",
|
|
140
|
-
"aria-expanded": isOpen,
|
|
141
|
-
"aria-controls": isOpen ? menuId : void 0,
|
|
142
|
-
onClick: handleClick,
|
|
143
|
-
onKeyDown: handleKeyDown,
|
|
144
|
-
"data-compa11y-action-menu-trigger": true,
|
|
145
|
-
...props,
|
|
146
|
-
children
|
|
147
|
-
}
|
|
148
|
-
);
|
|
149
|
-
});
|
|
150
|
-
var ActionMenuContent = forwardRef(function ActionMenuContent2({ children, onKeyDown, style, ...props }, ref) {
|
|
151
|
-
const {
|
|
152
|
-
isOpen,
|
|
153
|
-
close,
|
|
154
|
-
menuId,
|
|
155
|
-
triggerId,
|
|
156
|
-
highlightedIndex,
|
|
157
|
-
setHighlightedIndex,
|
|
158
|
-
getItemCount,
|
|
159
|
-
unstyled
|
|
160
|
-
} = useActionMenuContext();
|
|
161
|
-
const menuRef = useRef(null);
|
|
162
|
-
const clickHighlightedItem = () => {
|
|
163
|
-
if (highlightedIndex >= 0 && menuRef.current) {
|
|
164
|
-
const items = menuRef.current.querySelectorAll('[role="menuitem"]');
|
|
165
|
-
const item = items[highlightedIndex];
|
|
166
|
-
if (item && item.getAttribute("aria-disabled") !== "true") {
|
|
167
|
-
item.click();
|
|
168
|
-
}
|
|
169
|
-
}
|
|
170
|
-
};
|
|
171
|
-
const keyboardProps = useKeyboard(
|
|
172
|
-
{
|
|
173
|
-
ArrowDown: () => {
|
|
174
|
-
const count = getItemCount();
|
|
175
|
-
setHighlightedIndex((highlightedIndex + 1) % count);
|
|
176
|
-
},
|
|
177
|
-
ArrowUp: () => {
|
|
178
|
-
const count = getItemCount();
|
|
179
|
-
setHighlightedIndex((highlightedIndex - 1 + count) % count);
|
|
180
|
-
},
|
|
181
|
-
Home: () => setHighlightedIndex(0),
|
|
182
|
-
End: () => setHighlightedIndex(getItemCount() - 1),
|
|
183
|
-
Enter: () => clickHighlightedItem(),
|
|
184
|
-
Space: () => clickHighlightedItem(),
|
|
185
|
-
Escape: () => close(),
|
|
186
|
-
Tab: () => {
|
|
187
|
-
close();
|
|
188
|
-
return false;
|
|
189
|
-
}
|
|
190
|
-
},
|
|
191
|
-
{ preventDefault: true }
|
|
192
|
-
);
|
|
193
|
-
const handleKeyDown = (event) => {
|
|
194
|
-
onKeyDown?.(event);
|
|
195
|
-
if (!event.defaultPrevented) {
|
|
196
|
-
keyboardProps.onKeyDown(event);
|
|
197
|
-
}
|
|
198
|
-
};
|
|
199
|
-
useEffect(() => {
|
|
200
|
-
if (isOpen && menuRef.current) {
|
|
201
|
-
menuRef.current.focus();
|
|
202
|
-
}
|
|
203
|
-
}, [isOpen]);
|
|
204
|
-
useEffect(() => {
|
|
205
|
-
if (!isOpen) return;
|
|
206
|
-
const handleClick = (event) => {
|
|
207
|
-
const target = event.target;
|
|
208
|
-
const menu = menuRef.current;
|
|
209
|
-
const trigger = document.getElementById(triggerId);
|
|
210
|
-
if (menu && !menu.contains(target) && trigger && !trigger.contains(target)) {
|
|
211
|
-
close();
|
|
212
|
-
}
|
|
213
|
-
};
|
|
214
|
-
document.addEventListener("mousedown", handleClick);
|
|
215
|
-
return () => document.removeEventListener("mousedown", handleClick);
|
|
216
|
-
}, [isOpen, close, triggerId]);
|
|
217
|
-
if (!isOpen) {
|
|
218
|
-
return null;
|
|
219
|
-
}
|
|
220
|
-
const contentStructuralStyles = {
|
|
221
|
-
position: "absolute",
|
|
222
|
-
top: "100%",
|
|
223
|
-
left: 0,
|
|
224
|
-
marginTop: "4px",
|
|
225
|
-
zIndex: 1e3
|
|
226
|
-
};
|
|
227
|
-
const contentVisualStyles = unstyled ? {} : {
|
|
228
|
-
minWidth: "160px",
|
|
229
|
-
backgroundColor: "white",
|
|
230
|
-
border: "1px solid #e0e0e0",
|
|
231
|
-
borderRadius: "4px",
|
|
232
|
-
boxShadow: "0 4px 6px rgba(0, 0, 0, 0.1)",
|
|
233
|
-
padding: "4px 0"
|
|
234
|
-
};
|
|
235
|
-
const contentStyles = {
|
|
236
|
-
...contentStructuralStyles,
|
|
237
|
-
...contentVisualStyles
|
|
238
|
-
};
|
|
239
|
-
return /* @__PURE__ */ jsx(
|
|
240
|
-
"div",
|
|
241
|
-
{
|
|
242
|
-
ref: (node) => {
|
|
243
|
-
menuRef.current = node;
|
|
244
|
-
if (typeof ref === "function") {
|
|
245
|
-
ref(node);
|
|
246
|
-
} else if (ref) {
|
|
247
|
-
ref.current = node;
|
|
248
|
-
}
|
|
249
|
-
},
|
|
250
|
-
id: menuId,
|
|
251
|
-
role: "menu",
|
|
252
|
-
"aria-labelledby": triggerId,
|
|
253
|
-
tabIndex: -1,
|
|
254
|
-
onKeyDown: handleKeyDown,
|
|
255
|
-
style: { ...contentStyles, ...style },
|
|
256
|
-
"data-compa11y-action-menu-content": true,
|
|
257
|
-
...props,
|
|
258
|
-
children
|
|
259
|
-
}
|
|
260
|
-
);
|
|
261
|
-
});
|
|
262
|
-
var ActionMenuItem = forwardRef(
|
|
263
|
-
function ActionMenuItem2({
|
|
264
|
-
children,
|
|
265
|
-
disabled = false,
|
|
266
|
-
onSelect,
|
|
267
|
-
onClick,
|
|
268
|
-
onMouseEnter,
|
|
269
|
-
style,
|
|
270
|
-
...props
|
|
271
|
-
}, ref) {
|
|
272
|
-
const {
|
|
273
|
-
registerItem,
|
|
274
|
-
unregisterItem,
|
|
275
|
-
highlightedIndex,
|
|
276
|
-
setHighlightedIndex,
|
|
277
|
-
close,
|
|
278
|
-
unstyled
|
|
279
|
-
} = useActionMenuContext();
|
|
280
|
-
const itemId = useId("action-menu-item");
|
|
281
|
-
const indexRef = useRef(-1);
|
|
282
|
-
useEffect(() => {
|
|
283
|
-
if (!disabled) {
|
|
284
|
-
indexRef.current = registerItem(itemId);
|
|
285
|
-
}
|
|
286
|
-
return () => {
|
|
287
|
-
if (!disabled) {
|
|
288
|
-
unregisterItem(itemId);
|
|
289
|
-
}
|
|
290
|
-
};
|
|
291
|
-
}, [itemId, disabled, registerItem, unregisterItem]);
|
|
292
|
-
const isHighlighted = indexRef.current === highlightedIndex;
|
|
293
|
-
const handleClick = (event) => {
|
|
294
|
-
onClick?.(event);
|
|
295
|
-
if (!event.defaultPrevented && !disabled) {
|
|
296
|
-
onSelect?.();
|
|
297
|
-
close();
|
|
298
|
-
}
|
|
299
|
-
};
|
|
300
|
-
const handleMouseEnter = (event) => {
|
|
301
|
-
onMouseEnter?.(event);
|
|
302
|
-
if (!disabled) {
|
|
303
|
-
setHighlightedIndex(indexRef.current);
|
|
304
|
-
}
|
|
305
|
-
};
|
|
306
|
-
const itemBehaviorStyles = {
|
|
307
|
-
cursor: disabled ? "not-allowed" : "pointer",
|
|
308
|
-
opacity: disabled ? 0.5 : 1
|
|
309
|
-
};
|
|
310
|
-
const itemVisualStyles = unstyled ? {} : {
|
|
311
|
-
padding: "8px 16px",
|
|
312
|
-
backgroundColor: isHighlighted ? "#f0f0f0" : "transparent"
|
|
313
|
-
};
|
|
314
|
-
const itemStyles = {
|
|
315
|
-
...itemBehaviorStyles,
|
|
316
|
-
...itemVisualStyles
|
|
317
|
-
};
|
|
318
|
-
return /* @__PURE__ */ jsx(
|
|
319
|
-
"div",
|
|
320
|
-
{
|
|
321
|
-
ref,
|
|
322
|
-
id: itemId,
|
|
323
|
-
role: "menuitem",
|
|
324
|
-
tabIndex: -1,
|
|
325
|
-
"aria-disabled": disabled,
|
|
326
|
-
"data-highlighted": isHighlighted,
|
|
327
|
-
"data-disabled": disabled,
|
|
328
|
-
onClick: handleClick,
|
|
329
|
-
onMouseEnter: handleMouseEnter,
|
|
330
|
-
style: { ...itemStyles, ...style },
|
|
331
|
-
"data-compa11y-action-menu-item": true,
|
|
332
|
-
...props,
|
|
333
|
-
children
|
|
334
|
-
}
|
|
335
|
-
);
|
|
336
|
-
}
|
|
337
|
-
);
|
|
338
|
-
var ActionMenuSeparator = forwardRef(function ActionMenuSeparator2(props, ref) {
|
|
339
|
-
return /* @__PURE__ */ jsx(
|
|
340
|
-
"div",
|
|
341
|
-
{
|
|
342
|
-
ref,
|
|
343
|
-
role: "separator",
|
|
344
|
-
"data-compa11y-action-menu-separator": true,
|
|
345
|
-
...props
|
|
346
|
-
}
|
|
347
|
-
);
|
|
348
|
-
});
|
|
349
|
-
var ActionMenuLabel = forwardRef(
|
|
350
|
-
function ActionMenuLabel2({ children, ...props }, ref) {
|
|
351
|
-
return /* @__PURE__ */ jsx(
|
|
352
|
-
"div",
|
|
353
|
-
{
|
|
354
|
-
ref,
|
|
355
|
-
role: "presentation",
|
|
356
|
-
"data-compa11y-action-menu-label": true,
|
|
357
|
-
...props,
|
|
358
|
-
children
|
|
359
|
-
}
|
|
360
|
-
);
|
|
361
|
-
}
|
|
362
|
-
);
|
|
363
|
-
var ActionMenuCompound = Object.assign(ActionMenu, {
|
|
364
|
-
Trigger: ActionMenuTrigger,
|
|
365
|
-
Content: ActionMenuContent,
|
|
366
|
-
Item: ActionMenuItem,
|
|
367
|
-
Separator: ActionMenuSeparator,
|
|
368
|
-
Label: ActionMenuLabel
|
|
369
|
-
});
|
|
370
|
-
|
|
371
|
-
export { ActionMenu, ActionMenuCompound, ActionMenuContent, ActionMenuItem, ActionMenuLabel, ActionMenuProvider, ActionMenuSeparator, ActionMenuTrigger, useActionMenuContext };
|
|
372
|
-
//# sourceMappingURL=chunk-C7QK2I7H.js.map
|
|
373
|
-
//# sourceMappingURL=chunk-C7QK2I7H.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/components/menu/menu-context.ts","../src/components/menu/menu.tsx"],"names":["ActionMenuTrigger","ActionMenuContent","ActionMenuItem","ActionMenuSeparator","ActionMenuLabel"],"mappings":"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","file":"chunk-C7QK2I7H.js","sourcesContent":["import { createContext, useContext } from 'react';\n\nexport interface ActionMenuContextValue {\n /** Whether the menu is open */\n isOpen: boolean;\n /** Open the menu */\n open: () => void;\n /** Close the menu */\n close: () => void;\n /** Toggle the menu */\n toggle: () => void;\n /** Currently highlighted item index */\n highlightedIndex: number;\n /** Set highlighted item */\n setHighlightedIndex: (index: number) => void;\n /** ID for the menu element */\n menuId: string;\n /** ID for the trigger element */\n triggerId: string;\n /** Register a menu item */\n registerItem: (id: string) => number;\n /** Unregister a menu item */\n unregisterItem: (id: string) => void;\n /** Get item count */\n getItemCount: () => number;\n /** Select an item */\n selectItem: (index: number) => void;\n /** Whether default styles are disabled */\n unstyled: boolean;\n}\n\nconst ActionMenuContext = createContext<ActionMenuContextValue | null>(null);\n\nexport function useActionMenuContext(): ActionMenuContextValue {\n const context = useContext(ActionMenuContext);\n if (!context) {\n throw new Error(\n 'ActionMenu compound components must be used within an ActionMenu component'\n );\n }\n return context;\n}\n\nexport const ActionMenuProvider = ActionMenuContext.Provider;\n","import React, {\n forwardRef,\n useCallback,\n useEffect,\n useRef,\n useState,\n} from 'react';\nimport { useId } from '../../hooks/use-id';\nimport { useKeyboard } from '../../hooks/use-keyboard';\nimport {\n ActionMenuProvider,\n useActionMenuContext,\n type ActionMenuContextValue,\n} from './menu-context';\n\n// ============================================================================\n// ActionMenu Root\n// ============================================================================\n\nexport interface ActionMenuProps {\n /** Whether the menu is initially open */\n defaultOpen?: boolean;\n /** Controlled open state */\n open?: boolean;\n /** Called when open state changes */\n onOpenChange?: (open: boolean) => void;\n /** Menu content */\n children: React.ReactNode;\n /** Remove default styles to allow full customization via className */\n unstyled?: boolean;\n}\n\nexport function ActionMenu({\n defaultOpen = false,\n open: controlledOpen,\n onOpenChange,\n children,\n unstyled = false,\n}: ActionMenuProps) {\n const [uncontrolledOpen, setUncontrolledOpen] = useState(defaultOpen);\n const isOpen = controlledOpen ?? uncontrolledOpen;\n\n const [highlightedIndex, setHighlightedIndex] = useState(-1);\n const itemsRef = useRef<string[]>([]);\n const onSelectRef = useRef<((index: number) => void) | null>(null);\n\n const menuId = useId('action-menu');\n const triggerId = useId('action-menu-trigger');\n\n const setOpen = useCallback(\n (value: boolean) => {\n if (controlledOpen === undefined) {\n setUncontrolledOpen(value);\n }\n onOpenChange?.(value);\n\n if (!value) {\n setHighlightedIndex(-1);\n }\n },\n [controlledOpen, onOpenChange]\n );\n\n const open = useCallback(() => setOpen(true), [setOpen]);\n const close = useCallback(() => setOpen(false), [setOpen]);\n const toggle = useCallback(() => setOpen(!isOpen), [setOpen, isOpen]);\n\n const registerItem = useCallback((id: string) => {\n const index = itemsRef.current.length;\n itemsRef.current.push(id);\n return index;\n }, []);\n\n const unregisterItem = useCallback((id: string) => {\n const index = itemsRef.current.indexOf(id);\n if (index > -1) {\n itemsRef.current.splice(index, 1);\n }\n }, []);\n\n const getItemCount = useCallback(() => itemsRef.current.length, []);\n\n const selectItem = useCallback(\n (index: number) => {\n onSelectRef.current?.(index);\n close();\n },\n [close]\n );\n\n const contextValue: ActionMenuContextValue = {\n isOpen,\n open,\n close,\n toggle,\n highlightedIndex,\n setHighlightedIndex,\n menuId,\n triggerId,\n registerItem,\n unregisterItem,\n getItemCount,\n selectItem,\n unstyled,\n };\n\n return (\n <ActionMenuProvider value={contextValue}>\n <div\n style={{ position: 'relative', display: 'inline-block' }}\n data-compa11y-action-menu\n >\n {children}\n </div>\n </ActionMenuProvider>\n );\n}\n\nexport interface ActionMenuTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n children: React.ReactNode;\n}\n\nexport const ActionMenuTrigger = forwardRef<\n HTMLButtonElement,\n ActionMenuTriggerProps\n>(function ActionMenuTrigger({ children, onClick, onKeyDown, ...props }, ref) {\n const {\n isOpen,\n toggle,\n open,\n close,\n triggerId,\n menuId,\n setHighlightedIndex,\n getItemCount,\n } = useActionMenuContext();\n\n const handleClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n onClick?.(event);\n if (!event.defaultPrevented) {\n toggle();\n }\n };\n\n const keyboardProps = useKeyboard(\n {\n ArrowDown: () => {\n if (!isOpen) {\n open();\n }\n setHighlightedIndex(0);\n },\n ArrowUp: () => {\n if (!isOpen) {\n open();\n }\n setHighlightedIndex(getItemCount() - 1);\n },\n Enter: () => toggle(),\n Space: () => toggle(),\n Escape: () => close(),\n },\n { preventDefault: true }\n );\n\n const handleKeyDown = (event: React.KeyboardEvent<HTMLButtonElement>) => {\n onKeyDown?.(event);\n if (!event.defaultPrevented) {\n keyboardProps.onKeyDown(event);\n }\n };\n\n return (\n <button\n ref={ref}\n id={triggerId}\n type=\"button\"\n // Safari fix: Ensure button is in tab order (Safari skips buttons by default)\n tabIndex={0}\n aria-haspopup=\"menu\"\n aria-expanded={isOpen}\n aria-controls={isOpen ? menuId : undefined}\n onClick={handleClick}\n onKeyDown={handleKeyDown}\n data-compa11y-action-menu-trigger\n {...props}\n >\n {children}\n </button>\n );\n});\n\nexport interface ActionMenuContentProps extends React.HTMLAttributes<HTMLDivElement> {\n children: React.ReactNode;\n}\n\nexport const ActionMenuContent = forwardRef<\n HTMLDivElement,\n ActionMenuContentProps\n>(function ActionMenuContent({ children, onKeyDown, style, ...props }, ref) {\n const {\n isOpen,\n close,\n menuId,\n triggerId,\n highlightedIndex,\n setHighlightedIndex,\n getItemCount,\n unstyled,\n } = useActionMenuContext();\n const menuRef = useRef<HTMLDivElement>(null);\n\n const clickHighlightedItem = () => {\n if (highlightedIndex >= 0 && menuRef.current) {\n const items = menuRef.current.querySelectorAll('[role=\"menuitem\"]');\n const item = items[highlightedIndex] as HTMLElement;\n if (item && item.getAttribute('aria-disabled') !== 'true') {\n item.click();\n }\n }\n };\n\n const keyboardProps = useKeyboard(\n {\n ArrowDown: () => {\n const count = getItemCount();\n setHighlightedIndex((highlightedIndex + 1) % count);\n },\n ArrowUp: () => {\n const count = getItemCount();\n setHighlightedIndex((highlightedIndex - 1 + count) % count);\n },\n Home: () => setHighlightedIndex(0),\n End: () => setHighlightedIndex(getItemCount() - 1),\n Enter: () => clickHighlightedItem(),\n Space: () => clickHighlightedItem(),\n Escape: () => close(),\n Tab: () => {\n close();\n return false; // Allow default tab behavior\n },\n },\n { preventDefault: true }\n );\n\n const handleKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n onKeyDown?.(event);\n if (!event.defaultPrevented) {\n keyboardProps.onKeyDown(event);\n }\n };\n\n useEffect(() => {\n if (isOpen && menuRef.current) {\n menuRef.current.focus();\n }\n }, [isOpen]);\n\n useEffect(() => {\n if (!isOpen) return;\n\n const handleClick = (event: MouseEvent) => {\n const target = event.target as Node;\n const menu = menuRef.current;\n const trigger = document.getElementById(triggerId);\n\n if (\n menu &&\n !menu.contains(target) &&\n trigger &&\n !trigger.contains(target)\n ) {\n close();\n }\n };\n\n document.addEventListener('mousedown', handleClick);\n return () => document.removeEventListener('mousedown', handleClick);\n }, [isOpen, close, triggerId]);\n\n if (!isOpen) {\n return null;\n }\n\n // Structural styles - always applied, required for dropdown positioning\n const contentStructuralStyles: React.CSSProperties = {\n position: 'absolute',\n top: '100%',\n left: 0,\n marginTop: '4px',\n zIndex: 1000,\n };\n\n // Visual styles - only applied when not unstyled\n const contentVisualStyles: React.CSSProperties = unstyled\n ? {}\n : {\n minWidth: '160px',\n backgroundColor: 'white',\n border: '1px solid #e0e0e0',\n borderRadius: '4px',\n boxShadow: '0 4px 6px rgba(0, 0, 0, 0.1)',\n padding: '4px 0',\n };\n\n const contentStyles: React.CSSProperties = {\n ...contentStructuralStyles,\n ...contentVisualStyles,\n };\n\n return (\n <div\n ref={(node) => {\n (menuRef as React.MutableRefObject<HTMLDivElement | null>).current =\n node;\n if (typeof ref === 'function') {\n ref(node);\n } else if (ref) {\n ref.current = node;\n }\n }}\n id={menuId}\n role=\"menu\"\n aria-labelledby={triggerId}\n tabIndex={-1}\n onKeyDown={handleKeyDown}\n style={{ ...contentStyles, ...style }}\n data-compa11y-action-menu-content\n {...props}\n >\n {children}\n </div>\n );\n});\n\nexport interface ActionMenuItemProps extends React.HTMLAttributes<HTMLDivElement> {\n /** Whether the item is disabled */\n disabled?: boolean;\n /** Called when item is selected */\n onSelect?: () => void;\n children: React.ReactNode;\n}\n\nexport const ActionMenuItem = forwardRef<HTMLDivElement, ActionMenuItemProps>(\n function ActionMenuItem(\n {\n children,\n disabled = false,\n onSelect,\n onClick,\n onMouseEnter,\n style,\n ...props\n },\n ref\n ) {\n const {\n registerItem,\n unregisterItem,\n highlightedIndex,\n setHighlightedIndex,\n close,\n unstyled,\n } = useActionMenuContext();\n const itemId = useId('action-menu-item');\n const indexRef = useRef(-1);\n\n useEffect(() => {\n if (!disabled) {\n indexRef.current = registerItem(itemId);\n }\n return () => {\n if (!disabled) {\n unregisterItem(itemId);\n }\n };\n }, [itemId, disabled, registerItem, unregisterItem]);\n\n const isHighlighted = indexRef.current === highlightedIndex;\n\n const handleClick = (event: React.MouseEvent<HTMLDivElement>) => {\n onClick?.(event);\n if (!event.defaultPrevented && !disabled) {\n onSelect?.();\n close();\n }\n };\n\n const handleMouseEnter = (event: React.MouseEvent<HTMLDivElement>) => {\n onMouseEnter?.(event);\n if (!disabled) {\n setHighlightedIndex(indexRef.current);\n }\n };\n\n // Behavioral styles - always applied for correct UX\n const itemBehaviorStyles: React.CSSProperties = {\n cursor: disabled ? 'not-allowed' : 'pointer',\n opacity: disabled ? 0.5 : 1,\n };\n\n // Visual styles - only applied when not unstyled\n const itemVisualStyles: React.CSSProperties = unstyled\n ? {}\n : {\n padding: '8px 16px',\n backgroundColor: isHighlighted ? '#f0f0f0' : 'transparent',\n };\n\n const itemStyles: React.CSSProperties = {\n ...itemBehaviorStyles,\n ...itemVisualStyles,\n };\n\n return (\n <div\n ref={ref}\n id={itemId}\n role=\"menuitem\"\n tabIndex={-1}\n aria-disabled={disabled}\n data-highlighted={isHighlighted}\n data-disabled={disabled}\n onClick={handleClick}\n onMouseEnter={handleMouseEnter}\n style={{ ...itemStyles, ...style }}\n data-compa11y-action-menu-item\n {...props}\n >\n {children}\n </div>\n );\n }\n);\n\nexport interface ActionMenuSeparatorProps extends React.HTMLAttributes<HTMLDivElement> {}\n\nexport const ActionMenuSeparator = forwardRef<\n HTMLDivElement,\n ActionMenuSeparatorProps\n>(function ActionMenuSeparator(props, ref) {\n return (\n <div\n ref={ref}\n role=\"separator\"\n data-compa11y-action-menu-separator\n {...props}\n />\n );\n});\n\nexport interface ActionMenuLabelProps extends React.HTMLAttributes<HTMLDivElement> {\n children: React.ReactNode;\n}\n\nexport const ActionMenuLabel = forwardRef<HTMLDivElement, ActionMenuLabelProps>(\n function ActionMenuLabel({ children, ...props }, ref) {\n return (\n <div\n ref={ref}\n role=\"presentation\"\n data-compa11y-action-menu-label\n {...props}\n >\n {children}\n </div>\n );\n }\n);\n\nexport const ActionMenuCompound = Object.assign(ActionMenu, {\n Trigger: ActionMenuTrigger,\n Content: ActionMenuContent,\n Item: ActionMenuItem,\n Separator: ActionMenuSeparator,\n Label: ActionMenuLabel,\n});\n"]}
|
package/dist/chunk-D2UMS62N.cjs
DELETED
|
@@ -1,245 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
var chunkRBDQCIS7_cjs = require('./chunk-RBDQCIS7.cjs');
|
|
4
|
-
var chunkGDLOJH6K_cjs = require('./chunk-GDLOJH6K.cjs');
|
|
5
|
-
var chunk52J4Z3QD_cjs = require('./chunk-52J4Z3QD.cjs');
|
|
6
|
-
var React = require('react');
|
|
7
|
-
var jsxRuntime = require('react/jsx-runtime');
|
|
8
|
-
|
|
9
|
-
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
10
|
-
|
|
11
|
-
var React__default = /*#__PURE__*/_interopDefault(React);
|
|
12
|
-
|
|
13
|
-
var TabsContext = React.createContext(null);
|
|
14
|
-
function useTabsContext() {
|
|
15
|
-
const context = React.useContext(TabsContext);
|
|
16
|
-
if (!context) {
|
|
17
|
-
throw new Error(
|
|
18
|
-
"Tabs compound components must be used within a Tabs component"
|
|
19
|
-
);
|
|
20
|
-
}
|
|
21
|
-
return context;
|
|
22
|
-
}
|
|
23
|
-
var TabsProvider = TabsContext.Provider;
|
|
24
|
-
var Tabs = React.forwardRef(function Tabs2({
|
|
25
|
-
defaultValue = "",
|
|
26
|
-
value: controlledValue,
|
|
27
|
-
onValueChange,
|
|
28
|
-
orientation = "horizontal",
|
|
29
|
-
activationMode = "automatic",
|
|
30
|
-
children,
|
|
31
|
-
...props
|
|
32
|
-
}, ref) {
|
|
33
|
-
const [uncontrolledValue, setUncontrolledValue] = React.useState(defaultValue);
|
|
34
|
-
const selectedValue = controlledValue ?? uncontrolledValue;
|
|
35
|
-
const tabsRef = React.useRef([]);
|
|
36
|
-
const baseId = chunk52J4Z3QD_cjs.useId("tabs");
|
|
37
|
-
const setSelectedValue = React.useCallback(
|
|
38
|
-
(value) => {
|
|
39
|
-
if (controlledValue === void 0) {
|
|
40
|
-
setUncontrolledValue(value);
|
|
41
|
-
}
|
|
42
|
-
onValueChange?.(value);
|
|
43
|
-
},
|
|
44
|
-
[controlledValue, onValueChange]
|
|
45
|
-
);
|
|
46
|
-
const registerTab = React.useCallback((value) => {
|
|
47
|
-
if (!tabsRef.current.includes(value)) {
|
|
48
|
-
tabsRef.current.push(value);
|
|
49
|
-
}
|
|
50
|
-
}, []);
|
|
51
|
-
const unregisterTab = React.useCallback((value) => {
|
|
52
|
-
const index = tabsRef.current.indexOf(value);
|
|
53
|
-
if (index > -1) {
|
|
54
|
-
tabsRef.current.splice(index, 1);
|
|
55
|
-
}
|
|
56
|
-
}, []);
|
|
57
|
-
const getTabValues = React.useCallback(() => [...tabsRef.current], []);
|
|
58
|
-
const contextValue = {
|
|
59
|
-
selectedValue,
|
|
60
|
-
setSelectedValue,
|
|
61
|
-
baseId,
|
|
62
|
-
orientation,
|
|
63
|
-
activationMode,
|
|
64
|
-
registerTab,
|
|
65
|
-
unregisterTab,
|
|
66
|
-
getTabValues
|
|
67
|
-
};
|
|
68
|
-
return /* @__PURE__ */ jsxRuntime.jsx(TabsProvider, { value: contextValue, children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
69
|
-
"div",
|
|
70
|
-
{
|
|
71
|
-
ref,
|
|
72
|
-
"data-orientation": orientation,
|
|
73
|
-
"data-compa11y-tabs": true,
|
|
74
|
-
...props,
|
|
75
|
-
children
|
|
76
|
-
}
|
|
77
|
-
) });
|
|
78
|
-
});
|
|
79
|
-
var TabList = React.forwardRef(
|
|
80
|
-
function TabList2({ children, "aria-label": ariaLabel, onKeyDown, ...props }, ref) {
|
|
81
|
-
const {
|
|
82
|
-
orientation,
|
|
83
|
-
selectedValue,
|
|
84
|
-
setSelectedValue,
|
|
85
|
-
getTabValues,
|
|
86
|
-
activationMode
|
|
87
|
-
} = useTabsContext();
|
|
88
|
-
const navigateToTab = React.useCallback(
|
|
89
|
-
(direction) => {
|
|
90
|
-
const values = getTabValues();
|
|
91
|
-
if (values.length === 0) return;
|
|
92
|
-
const currentIndex = values.indexOf(selectedValue);
|
|
93
|
-
let newIndex;
|
|
94
|
-
switch (direction) {
|
|
95
|
-
case "next":
|
|
96
|
-
newIndex = (currentIndex + 1) % values.length;
|
|
97
|
-
break;
|
|
98
|
-
case "previous":
|
|
99
|
-
newIndex = (currentIndex - 1 + values.length) % values.length;
|
|
100
|
-
break;
|
|
101
|
-
case "first":
|
|
102
|
-
newIndex = 0;
|
|
103
|
-
break;
|
|
104
|
-
case "last":
|
|
105
|
-
newIndex = values.length - 1;
|
|
106
|
-
break;
|
|
107
|
-
}
|
|
108
|
-
const newValue = values[newIndex];
|
|
109
|
-
if (newValue) {
|
|
110
|
-
const tabElement = document.querySelector(
|
|
111
|
-
`[data-compa11y-tab][data-value="${newValue}"]`
|
|
112
|
-
);
|
|
113
|
-
tabElement?.focus();
|
|
114
|
-
if (activationMode === "automatic") {
|
|
115
|
-
setSelectedValue(newValue);
|
|
116
|
-
}
|
|
117
|
-
}
|
|
118
|
-
},
|
|
119
|
-
[getTabValues, selectedValue, setSelectedValue, activationMode]
|
|
120
|
-
);
|
|
121
|
-
const keyboardProps = chunkGDLOJH6K_cjs.useKeyboard(
|
|
122
|
-
{
|
|
123
|
-
ArrowRight: () => {
|
|
124
|
-
if (orientation === "horizontal") navigateToTab("next");
|
|
125
|
-
},
|
|
126
|
-
ArrowLeft: () => {
|
|
127
|
-
if (orientation === "horizontal") navigateToTab("previous");
|
|
128
|
-
},
|
|
129
|
-
ArrowDown: () => {
|
|
130
|
-
if (orientation === "vertical") navigateToTab("next");
|
|
131
|
-
},
|
|
132
|
-
ArrowUp: () => {
|
|
133
|
-
if (orientation === "vertical") navigateToTab("previous");
|
|
134
|
-
},
|
|
135
|
-
Home: () => navigateToTab("first"),
|
|
136
|
-
End: () => navigateToTab("last")
|
|
137
|
-
},
|
|
138
|
-
{ preventDefault: true }
|
|
139
|
-
);
|
|
140
|
-
const handleKeyDown = (event) => {
|
|
141
|
-
onKeyDown?.(event);
|
|
142
|
-
if (!event.defaultPrevented) {
|
|
143
|
-
keyboardProps.onKeyDown(event);
|
|
144
|
-
}
|
|
145
|
-
};
|
|
146
|
-
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
147
|
-
"div",
|
|
148
|
-
{
|
|
149
|
-
ref,
|
|
150
|
-
role: "tablist",
|
|
151
|
-
"aria-label": ariaLabel,
|
|
152
|
-
"aria-orientation": orientation,
|
|
153
|
-
onKeyDown: handleKeyDown,
|
|
154
|
-
"data-compa11y-tablist": true,
|
|
155
|
-
...props,
|
|
156
|
-
children
|
|
157
|
-
}
|
|
158
|
-
);
|
|
159
|
-
}
|
|
160
|
-
);
|
|
161
|
-
var Tab = React.forwardRef(function Tab2({ value, disabled = false, children, onClick, ...props }, ref) {
|
|
162
|
-
const {
|
|
163
|
-
selectedValue,
|
|
164
|
-
setSelectedValue,
|
|
165
|
-
baseId,
|
|
166
|
-
registerTab,
|
|
167
|
-
unregisterTab
|
|
168
|
-
} = useTabsContext();
|
|
169
|
-
const { announce } = chunkRBDQCIS7_cjs.useAnnouncer();
|
|
170
|
-
React__default.default.useEffect(() => {
|
|
171
|
-
registerTab(value);
|
|
172
|
-
return () => unregisterTab(value);
|
|
173
|
-
}, [value, registerTab, unregisterTab]);
|
|
174
|
-
const isSelected = selectedValue === value;
|
|
175
|
-
const tabId = `${baseId}-tab-${value}`;
|
|
176
|
-
const panelId = `${baseId}-panel-${value}`;
|
|
177
|
-
const handleClick = (event) => {
|
|
178
|
-
onClick?.(event);
|
|
179
|
-
if (!event.defaultPrevented && !disabled) {
|
|
180
|
-
setSelectedValue(value);
|
|
181
|
-
announce(`${value} tab selected`);
|
|
182
|
-
}
|
|
183
|
-
};
|
|
184
|
-
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
185
|
-
"button",
|
|
186
|
-
{
|
|
187
|
-
ref,
|
|
188
|
-
type: "button",
|
|
189
|
-
role: "tab",
|
|
190
|
-
id: tabId,
|
|
191
|
-
"aria-selected": isSelected,
|
|
192
|
-
"aria-controls": panelId,
|
|
193
|
-
"aria-disabled": disabled,
|
|
194
|
-
tabIndex: isSelected ? 0 : -1,
|
|
195
|
-
onClick: handleClick,
|
|
196
|
-
disabled,
|
|
197
|
-
"data-selected": isSelected,
|
|
198
|
-
"data-disabled": disabled,
|
|
199
|
-
"data-value": value,
|
|
200
|
-
"data-compa11y-tab": true,
|
|
201
|
-
...props,
|
|
202
|
-
children
|
|
203
|
-
}
|
|
204
|
-
);
|
|
205
|
-
});
|
|
206
|
-
var TabPanel = React.forwardRef(
|
|
207
|
-
function TabPanel2({ value, forceMount = false, children, ...props }, ref) {
|
|
208
|
-
const { selectedValue, baseId } = useTabsContext();
|
|
209
|
-
const isSelected = selectedValue === value;
|
|
210
|
-
const tabId = `${baseId}-tab-${value}`;
|
|
211
|
-
const panelId = `${baseId}-panel-${value}`;
|
|
212
|
-
if (!isSelected && !forceMount) {
|
|
213
|
-
return null;
|
|
214
|
-
}
|
|
215
|
-
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
216
|
-
"div",
|
|
217
|
-
{
|
|
218
|
-
ref,
|
|
219
|
-
role: "tabpanel",
|
|
220
|
-
id: panelId,
|
|
221
|
-
"aria-labelledby": tabId,
|
|
222
|
-
tabIndex: 0,
|
|
223
|
-
hidden: !isSelected,
|
|
224
|
-
"data-selected": isSelected,
|
|
225
|
-
"data-compa11y-tabpanel": true,
|
|
226
|
-
...props,
|
|
227
|
-
children
|
|
228
|
-
}
|
|
229
|
-
);
|
|
230
|
-
}
|
|
231
|
-
);
|
|
232
|
-
var TabsCompound = Object.assign(Tabs, {
|
|
233
|
-
List: TabList,
|
|
234
|
-
Tab,
|
|
235
|
-
Panel: TabPanel
|
|
236
|
-
});
|
|
237
|
-
|
|
238
|
-
exports.Tab = Tab;
|
|
239
|
-
exports.TabList = TabList;
|
|
240
|
-
exports.TabPanel = TabPanel;
|
|
241
|
-
exports.Tabs = Tabs;
|
|
242
|
-
exports.TabsCompound = TabsCompound;
|
|
243
|
-
exports.useTabsContext = useTabsContext;
|
|
244
|
-
//# sourceMappingURL=chunk-D2UMS62N.cjs.map
|
|
245
|
-
//# sourceMappingURL=chunk-D2UMS62N.cjs.map
|