lizaui 9.0.13 → 9.0.16
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/button/index.es.js +1 -1
- package/dist/calendar/index.es.js +1 -1
- package/dist/checkbox/index.es.js +1 -1
- package/dist/chunks/{button-CA3Y2GZ1.js → button-B0fpJrMg.js} +2 -2
- package/dist/chunks/{button-CA3Y2GZ1.js.map → button-B0fpJrMg.js.map} +1 -1
- package/dist/chunks/{checkbox-qzZKMLRN.js → checkbox-C1Sssumg.js} +2 -2
- package/dist/chunks/{checkbox-qzZKMLRN.js.map → checkbox-C1Sssumg.js.map} +1 -1
- package/dist/chunks/{floating-ui.dom-N5ROFCJy.js → floating-ui.dom-B9hvXzxg.js} +11 -1
- package/dist/chunks/{floating-ui.dom-N5ROFCJy.js.map → floating-ui.dom-B9hvXzxg.js.map} +1 -1
- package/dist/chunks/{floating-ui.dom-NqZWWqNg.js → floating-ui.dom-DRSBqyFN.js} +14 -4
- package/dist/chunks/{floating-ui.dom-NqZWWqNg.js.map → floating-ui.dom-DRSBqyFN.js.map} +1 -1
- package/dist/chunks/floating-ui.react-dom-BUZLdP4-.js +294 -0
- package/dist/chunks/floating-ui.react-dom-BUZLdP4-.js.map +1 -0
- package/dist/chunks/floating-ui.react-dom-CI1b2uK3.js +310 -0
- package/dist/chunks/floating-ui.react-dom-CI1b2uK3.js.map +1 -0
- package/dist/chunks/{index-DiC9dI6_.js → index-B4RTH1-D.js} +4 -4
- package/dist/chunks/{index-DiC9dI6_.js.map → index-B4RTH1-D.js.map} +1 -1
- package/dist/chunks/{scroll-area-CgJodNZ_.js → scroll-area-B-5YmafW.js} +27 -27
- package/dist/chunks/{scroll-area-CgJodNZ_.js.map → scroll-area-B-5YmafW.js.map} +1 -1
- package/dist/chunks/{scroll-area-BcM0NCEM.js → scroll-area-WNAy-5-i.js} +3 -3
- package/dist/chunks/{scroll-area-BcM0NCEM.js.map → scroll-area-WNAy-5-i.js.map} +1 -1
- package/dist/chunks/{select-DyihZY-4.js → select-C9BYUpJm.js} +439 -83
- package/dist/chunks/select-C9BYUpJm.js.map +1 -0
- package/dist/chunks/{select-DaKy-WhC.js → select-CLIZOVIj.js} +366 -10
- package/dist/chunks/select-CLIZOVIj.js.map +1 -0
- package/dist/chunks/{textarea-By2Vv44z.js → textarea-D2_KC-J4.js} +587 -36
- package/dist/chunks/textarea-D2_KC-J4.js.map +1 -0
- package/dist/chunks/{textarea-ClJsk9Gp.js → textarea-_HQpXiCX.js} +586 -35
- package/dist/chunks/textarea-_HQpXiCX.js.map +1 -0
- package/dist/chunks/tooltip-DgenLCkC.js +1921 -0
- package/dist/chunks/tooltip-DgenLCkC.js.map +1 -0
- package/dist/chunks/tooltip-nCIpADfj.js +1937 -0
- package/dist/chunks/tooltip-nCIpADfj.js.map +1 -0
- package/dist/components/tooltip/tooltip.d.ts +1 -1
- package/dist/components/tooltip/tooltip.d.ts.map +1 -1
- package/dist/divider/index.es.js +1 -1
- package/dist/modal/index.es.js +1 -1
- package/dist/pagination/index.cjs.js +2 -2
- package/dist/pagination/index.es.js +3 -3
- package/dist/phone-input/index.cjs.js +2 -2
- package/dist/phone-input/index.es.js +3 -3
- package/dist/select-input/index.cjs.js +1 -1
- package/dist/select-input/index.es.js +2 -2
- package/dist/table/index.cjs.js +1 -1
- package/dist/table/index.es.js +2 -2
- package/dist/time-input/index.cjs.js +1 -1
- package/dist/time-input/index.es.js +2 -2
- package/dist/tooltip/index.cjs.js +1 -1
- package/dist/tooltip/index.es.js +1 -1
- package/dist/ui/index.cjs.js +290 -292
- package/dist/ui/index.cjs.js.map +1 -1
- package/dist/ui/index.es.js +180 -182
- package/dist/ui/index.es.js.map +1 -1
- package/package.json +2 -2
- package/dist/chunks/index-CuySPbdY.js +0 -559
- package/dist/chunks/index-CuySPbdY.js.map +0 -1
- package/dist/chunks/index-DBDBh58Q.js +0 -575
- package/dist/chunks/index-DBDBh58Q.js.map +0 -1
- package/dist/chunks/index-DNSql2gU.js +0 -662
- package/dist/chunks/index-DNSql2gU.js.map +0 -1
- package/dist/chunks/index-DlZi5TkN.js +0 -646
- package/dist/chunks/index-DlZi5TkN.js.map +0 -1
- package/dist/chunks/select-DaKy-WhC.js.map +0 -1
- package/dist/chunks/select-DyihZY-4.js.map +0 -1
- package/dist/chunks/textarea-By2Vv44z.js.map +0 -1
- package/dist/chunks/textarea-ClJsk9Gp.js.map +0 -1
- package/dist/chunks/tooltip-D4UvkD2G.js +0 -525
- package/dist/chunks/tooltip-D4UvkD2G.js.map +0 -1
- package/dist/chunks/tooltip-WGeoFpGx.js +0 -541
- package/dist/chunks/tooltip-WGeoFpGx.js.map +0 -1
package/dist/ui/index.cjs.js
CHANGED
|
@@ -1,17 +1,15 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
-
const textarea = require("../chunks/textarea-
|
|
3
|
+
const textarea = require("../chunks/textarea-D2_KC-J4.js");
|
|
4
4
|
const jsxRuntime = require("react/jsx-runtime");
|
|
5
5
|
const React = require("react");
|
|
6
|
-
const index = require("../chunks/index-DBDBh58Q.js");
|
|
7
6
|
const utils = require("../chunks/utils-ij3i9zTT.js");
|
|
8
7
|
const labelError = require("../chunks/label-error-C8lIsfXu.js");
|
|
9
|
-
const index
|
|
10
|
-
const select = require("../chunks/select-
|
|
11
|
-
const index$
|
|
12
|
-
const index$
|
|
13
|
-
const
|
|
14
|
-
const scrollArea = require("../chunks/scroll-area-CgJodNZ_.js");
|
|
8
|
+
const index = require("../chunks/index-C_sOsPRt.js");
|
|
9
|
+
const select = require("../chunks/select-C9BYUpJm.js");
|
|
10
|
+
const index$1 = require("../chunks/index-BPW1Qzmi.js");
|
|
11
|
+
const index$2 = require("../chunks/index-DaMyCNJ8.js");
|
|
12
|
+
const scrollArea = require("../chunks/scroll-area-B-5YmafW.js");
|
|
15
13
|
const ReactDOM = require("react-dom");
|
|
16
14
|
const button = require("../chunks/button-d5z8H59K.js");
|
|
17
15
|
function _interopNamespaceDefault(e) {
|
|
@@ -34,7 +32,7 @@ const React__namespace = /* @__PURE__ */ _interopNamespaceDefault(React);
|
|
|
34
32
|
var NAME$1 = "Label";
|
|
35
33
|
var Label$2 = React__namespace.forwardRef((props, forwardedRef) => {
|
|
36
34
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
37
|
-
|
|
35
|
+
textarea.Primitive.label,
|
|
38
36
|
{
|
|
39
37
|
...props,
|
|
40
38
|
ref: forwardedRef,
|
|
@@ -66,7 +64,7 @@ var ENTRY_FOCUS = "rovingFocusGroup.onEntryFocus";
|
|
|
66
64
|
var EVENT_OPTIONS = { bubbles: false, cancelable: true };
|
|
67
65
|
var GROUP_NAME$3 = "RovingFocusGroup";
|
|
68
66
|
var [Collection$4, useCollection$4, createCollectionScope$4] = select.createCollection(GROUP_NAME$3);
|
|
69
|
-
var [createRovingFocusGroupContext, createRovingFocusGroupScope] =
|
|
67
|
+
var [createRovingFocusGroupContext, createRovingFocusGroupScope] = textarea.createContextScope(
|
|
70
68
|
GROUP_NAME$3,
|
|
71
69
|
[createCollectionScope$4]
|
|
72
70
|
);
|
|
@@ -91,16 +89,16 @@ var RovingFocusGroupImpl = React__namespace.forwardRef((props, forwardedRef) =>
|
|
|
91
89
|
...groupProps
|
|
92
90
|
} = props;
|
|
93
91
|
const ref = React__namespace.useRef(null);
|
|
94
|
-
const composedRefs = index
|
|
95
|
-
const direction = index$
|
|
96
|
-
const [currentTabStopId, setCurrentTabStopId] =
|
|
92
|
+
const composedRefs = index.useComposedRefs(forwardedRef, ref);
|
|
93
|
+
const direction = index$1.useDirection(dir);
|
|
94
|
+
const [currentTabStopId, setCurrentTabStopId] = textarea.useControllableState({
|
|
97
95
|
prop: currentTabStopIdProp,
|
|
98
96
|
defaultProp: defaultCurrentTabStopId ?? null,
|
|
99
97
|
onChange: onCurrentTabStopIdChange,
|
|
100
98
|
caller: GROUP_NAME$3
|
|
101
99
|
});
|
|
102
100
|
const [isTabbingBackOut, setIsTabbingBackOut] = React__namespace.useState(false);
|
|
103
|
-
const handleEntryFocus =
|
|
101
|
+
const handleEntryFocus = textarea.useCallbackRef(onEntryFocus);
|
|
104
102
|
const getItems = useCollection$4(__scopeRovingFocusGroup);
|
|
105
103
|
const isClickFocusRef = React__namespace.useRef(false);
|
|
106
104
|
const [focusableItemsCount, setFocusableItemsCount] = React__namespace.useState(0);
|
|
@@ -133,17 +131,17 @@ var RovingFocusGroupImpl = React__namespace.forwardRef((props, forwardedRef) =>
|
|
|
133
131
|
[]
|
|
134
132
|
),
|
|
135
133
|
children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
136
|
-
|
|
134
|
+
textarea.Primitive.div,
|
|
137
135
|
{
|
|
138
136
|
tabIndex: isTabbingBackOut || focusableItemsCount === 0 ? -1 : 0,
|
|
139
137
|
"data-orientation": orientation,
|
|
140
138
|
...groupProps,
|
|
141
139
|
ref: composedRefs,
|
|
142
140
|
style: { outline: "none", ...props.style },
|
|
143
|
-
onMouseDown:
|
|
141
|
+
onMouseDown: textarea.composeEventHandlers(props.onMouseDown, () => {
|
|
144
142
|
isClickFocusRef.current = true;
|
|
145
143
|
}),
|
|
146
|
-
onFocus:
|
|
144
|
+
onFocus: textarea.composeEventHandlers(props.onFocus, (event) => {
|
|
147
145
|
const isKeyboardFocus = !isClickFocusRef.current;
|
|
148
146
|
if (event.target === event.currentTarget && isKeyboardFocus && !isTabbingBackOut) {
|
|
149
147
|
const entryFocusEvent = new CustomEvent(ENTRY_FOCUS, EVENT_OPTIONS);
|
|
@@ -161,7 +159,7 @@ var RovingFocusGroupImpl = React__namespace.forwardRef((props, forwardedRef) =>
|
|
|
161
159
|
}
|
|
162
160
|
isClickFocusRef.current = false;
|
|
163
161
|
}),
|
|
164
|
-
onBlur:
|
|
162
|
+
onBlur: textarea.composeEventHandlers(props.onBlur, () => setIsTabbingBackOut(false))
|
|
165
163
|
}
|
|
166
164
|
)
|
|
167
165
|
}
|
|
@@ -178,7 +176,7 @@ var RovingFocusGroupItem = React__namespace.forwardRef(
|
|
|
178
176
|
children,
|
|
179
177
|
...itemProps
|
|
180
178
|
} = props;
|
|
181
|
-
const autoId =
|
|
179
|
+
const autoId = textarea.useId();
|
|
182
180
|
const id = tabStopId || autoId;
|
|
183
181
|
const context = useRovingFocusContext(ITEM_NAME$6, __scopeRovingFocusGroup);
|
|
184
182
|
const isCurrentTabStop = context.currentTabStopId === id;
|
|
@@ -198,18 +196,18 @@ var RovingFocusGroupItem = React__namespace.forwardRef(
|
|
|
198
196
|
focusable,
|
|
199
197
|
active,
|
|
200
198
|
children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
201
|
-
|
|
199
|
+
textarea.Primitive.span,
|
|
202
200
|
{
|
|
203
201
|
tabIndex: isCurrentTabStop ? 0 : -1,
|
|
204
202
|
"data-orientation": context.orientation,
|
|
205
203
|
...itemProps,
|
|
206
204
|
ref: forwardedRef,
|
|
207
|
-
onMouseDown:
|
|
205
|
+
onMouseDown: textarea.composeEventHandlers(props.onMouseDown, (event) => {
|
|
208
206
|
if (!focusable) event.preventDefault();
|
|
209
207
|
else context.onItemFocus(id);
|
|
210
208
|
}),
|
|
211
|
-
onFocus:
|
|
212
|
-
onKeyDown:
|
|
209
|
+
onFocus: textarea.composeEventHandlers(props.onFocus, () => context.onItemFocus(id)),
|
|
210
|
+
onKeyDown: textarea.composeEventHandlers(props.onKeyDown, (event) => {
|
|
213
211
|
if (event.key === "Tab" && event.shiftKey) {
|
|
214
212
|
context.onItemShiftTab();
|
|
215
213
|
return;
|
|
@@ -285,12 +283,12 @@ var SUB_CLOSE_KEYS = {
|
|
|
285
283
|
};
|
|
286
284
|
var MENU_NAME$1 = "Menu";
|
|
287
285
|
var [Collection$3, useCollection$3, createCollectionScope$3] = select.createCollection(MENU_NAME$1);
|
|
288
|
-
var [createMenuContext, createMenuScope] =
|
|
286
|
+
var [createMenuContext, createMenuScope] = textarea.createContextScope(MENU_NAME$1, [
|
|
289
287
|
createCollectionScope$3,
|
|
290
|
-
|
|
288
|
+
select.createPopperScope,
|
|
291
289
|
createRovingFocusGroupScope
|
|
292
290
|
]);
|
|
293
|
-
var usePopperScope$2 =
|
|
291
|
+
var usePopperScope$2 = select.createPopperScope();
|
|
294
292
|
var useRovingFocusGroupScope$3 = createRovingFocusGroupScope();
|
|
295
293
|
var [MenuProvider, useMenuContext] = createMenuContext(MENU_NAME$1);
|
|
296
294
|
var [MenuRootProvider, useMenuRootContext] = createMenuContext(MENU_NAME$1);
|
|
@@ -299,8 +297,8 @@ var Menu$1 = (props) => {
|
|
|
299
297
|
const popperScope = usePopperScope$2(__scopeMenu);
|
|
300
298
|
const [content, setContent] = React__namespace.useState(null);
|
|
301
299
|
const isUsingKeyboardRef = React__namespace.useRef(false);
|
|
302
|
-
const handleOpenChange =
|
|
303
|
-
const direction = index$
|
|
300
|
+
const handleOpenChange = textarea.useCallbackRef(onOpenChange);
|
|
301
|
+
const direction = index$1.useDirection(dir);
|
|
304
302
|
React__namespace.useEffect(() => {
|
|
305
303
|
const handleKeyDown = () => {
|
|
306
304
|
isUsingKeyboardRef.current = true;
|
|
@@ -315,7 +313,7 @@ var Menu$1 = (props) => {
|
|
|
315
313
|
document.removeEventListener("pointermove", handlePointer, { capture: true });
|
|
316
314
|
};
|
|
317
315
|
}, []);
|
|
318
|
-
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
316
|
+
return /* @__PURE__ */ jsxRuntime.jsx(select.Root2, { ...popperScope, children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
319
317
|
MenuProvider,
|
|
320
318
|
{
|
|
321
319
|
scope: __scopeMenu,
|
|
@@ -343,7 +341,7 @@ var MenuAnchor = React__namespace.forwardRef(
|
|
|
343
341
|
(props, forwardedRef) => {
|
|
344
342
|
const { __scopeMenu, ...anchorProps } = props;
|
|
345
343
|
const popperScope = usePopperScope$2(__scopeMenu);
|
|
346
|
-
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
344
|
+
return /* @__PURE__ */ jsxRuntime.jsx(select.Anchor, { ...popperScope, ...anchorProps, ref: forwardedRef });
|
|
347
345
|
}
|
|
348
346
|
);
|
|
349
347
|
MenuAnchor.displayName = ANCHOR_NAME$1;
|
|
@@ -354,7 +352,7 @@ var [PortalProvider$2, usePortalContext$2] = createMenuContext(PORTAL_NAME$5, {
|
|
|
354
352
|
var MenuPortal = (props) => {
|
|
355
353
|
const { __scopeMenu, forceMount, children, container } = props;
|
|
356
354
|
const context = useMenuContext(PORTAL_NAME$5, __scopeMenu);
|
|
357
|
-
return /* @__PURE__ */ jsxRuntime.jsx(PortalProvider$2, { scope: __scopeMenu, forceMount, children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
355
|
+
return /* @__PURE__ */ jsxRuntime.jsx(PortalProvider$2, { scope: __scopeMenu, forceMount, children: /* @__PURE__ */ jsxRuntime.jsx(textarea.Presence, { present: forceMount || context.open, children: /* @__PURE__ */ jsxRuntime.jsx(textarea.Portal, { asChild: true, container, children }) }) });
|
|
358
356
|
};
|
|
359
357
|
MenuPortal.displayName = PORTAL_NAME$5;
|
|
360
358
|
var CONTENT_NAME$9 = "MenuContent";
|
|
@@ -365,14 +363,14 @@ var MenuContent = React__namespace.forwardRef(
|
|
|
365
363
|
const { forceMount = portalContext.forceMount, ...contentProps } = props;
|
|
366
364
|
const context = useMenuContext(CONTENT_NAME$9, props.__scopeMenu);
|
|
367
365
|
const rootContext = useMenuRootContext(CONTENT_NAME$9, props.__scopeMenu);
|
|
368
|
-
return /* @__PURE__ */ jsxRuntime.jsx(Collection$3.Provider, { scope: props.__scopeMenu, children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
366
|
+
return /* @__PURE__ */ jsxRuntime.jsx(Collection$3.Provider, { scope: props.__scopeMenu, children: /* @__PURE__ */ jsxRuntime.jsx(textarea.Presence, { present: forceMount || context.open, children: /* @__PURE__ */ jsxRuntime.jsx(Collection$3.Slot, { scope: props.__scopeMenu, children: rootContext.modal ? /* @__PURE__ */ jsxRuntime.jsx(MenuRootContentModal, { ...contentProps, ref: forwardedRef }) : /* @__PURE__ */ jsxRuntime.jsx(MenuRootContentNonModal, { ...contentProps, ref: forwardedRef }) }) }) });
|
|
369
367
|
}
|
|
370
368
|
);
|
|
371
369
|
var MenuRootContentModal = React__namespace.forwardRef(
|
|
372
370
|
(props, forwardedRef) => {
|
|
373
371
|
const context = useMenuContext(CONTENT_NAME$9, props.__scopeMenu);
|
|
374
372
|
const ref = React__namespace.useRef(null);
|
|
375
|
-
const composedRefs = index
|
|
373
|
+
const composedRefs = index.useComposedRefs(forwardedRef, ref);
|
|
376
374
|
React__namespace.useEffect(() => {
|
|
377
375
|
const content = ref.current;
|
|
378
376
|
if (content) return textarea.hideOthers(content);
|
|
@@ -385,7 +383,7 @@ var MenuRootContentModal = React__namespace.forwardRef(
|
|
|
385
383
|
trapFocus: context.open,
|
|
386
384
|
disableOutsidePointerEvents: context.open,
|
|
387
385
|
disableOutsideScroll: true,
|
|
388
|
-
onFocusOutside:
|
|
386
|
+
onFocusOutside: textarea.composeEventHandlers(
|
|
389
387
|
props.onFocusOutside,
|
|
390
388
|
(event) => event.preventDefault(),
|
|
391
389
|
{ checkForDefaultPrevented: false }
|
|
@@ -409,7 +407,7 @@ var MenuRootContentNonModal = React__namespace.forwardRef((props, forwardedRef)
|
|
|
409
407
|
}
|
|
410
408
|
);
|
|
411
409
|
});
|
|
412
|
-
var Slot$1 = index
|
|
410
|
+
var Slot$1 = index.createSlot("MenuContent.ScrollLock");
|
|
413
411
|
var MenuContentImpl = React__namespace.forwardRef(
|
|
414
412
|
(props, forwardedRef) => {
|
|
415
413
|
const {
|
|
@@ -435,7 +433,7 @@ var MenuContentImpl = React__namespace.forwardRef(
|
|
|
435
433
|
const getItems = useCollection$3(__scopeMenu);
|
|
436
434
|
const [currentItemId, setCurrentItemId] = React__namespace.useState(null);
|
|
437
435
|
const contentRef = React__namespace.useRef(null);
|
|
438
|
-
const composedRefs = index
|
|
436
|
+
const composedRefs = index.useComposedRefs(forwardedRef, contentRef, context.onContentChange);
|
|
439
437
|
const timerRef = React__namespace.useRef(0);
|
|
440
438
|
const searchRef = React__namespace.useRef("");
|
|
441
439
|
const pointerGraceTimerRef = React__namespace.useRef(0);
|
|
@@ -503,13 +501,13 @@ var MenuContentImpl = React__namespace.forwardRef(
|
|
|
503
501
|
{
|
|
504
502
|
asChild: true,
|
|
505
503
|
trapped: trapFocus,
|
|
506
|
-
onMountAutoFocus:
|
|
504
|
+
onMountAutoFocus: textarea.composeEventHandlers(onOpenAutoFocus, (event) => {
|
|
507
505
|
event.preventDefault();
|
|
508
506
|
contentRef.current?.focus({ preventScroll: true });
|
|
509
507
|
}),
|
|
510
508
|
onUnmountAutoFocus: onCloseAutoFocus,
|
|
511
509
|
children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
512
|
-
|
|
510
|
+
textarea.DismissableLayer,
|
|
513
511
|
{
|
|
514
512
|
asChild: true,
|
|
515
513
|
disableOutsidePointerEvents,
|
|
@@ -528,12 +526,12 @@ var MenuContentImpl = React__namespace.forwardRef(
|
|
|
528
526
|
loop,
|
|
529
527
|
currentTabStopId: currentItemId,
|
|
530
528
|
onCurrentTabStopIdChange: setCurrentItemId,
|
|
531
|
-
onEntryFocus:
|
|
529
|
+
onEntryFocus: textarea.composeEventHandlers(onEntryFocus, (event) => {
|
|
532
530
|
if (!rootContext.isUsingKeyboardRef.current) event.preventDefault();
|
|
533
531
|
}),
|
|
534
532
|
preventScrollOnEntryFocus: true,
|
|
535
533
|
children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
536
|
-
|
|
534
|
+
select.Content,
|
|
537
535
|
{
|
|
538
536
|
role: "menu",
|
|
539
537
|
"aria-orientation": "vertical",
|
|
@@ -544,7 +542,7 @@ var MenuContentImpl = React__namespace.forwardRef(
|
|
|
544
542
|
...contentProps,
|
|
545
543
|
ref: composedRefs,
|
|
546
544
|
style: { outline: "none", ...contentProps.style },
|
|
547
|
-
onKeyDown:
|
|
545
|
+
onKeyDown: textarea.composeEventHandlers(contentProps.onKeyDown, (event) => {
|
|
548
546
|
const target = event.target;
|
|
549
547
|
const isKeyDownInside = target.closest("[data-radix-menu-content]") === event.currentTarget;
|
|
550
548
|
const isModifierKey = event.ctrlKey || event.altKey || event.metaKey;
|
|
@@ -562,13 +560,13 @@ var MenuContentImpl = React__namespace.forwardRef(
|
|
|
562
560
|
if (LAST_KEYS.includes(event.key)) candidateNodes.reverse();
|
|
563
561
|
focusFirst$1(candidateNodes);
|
|
564
562
|
}),
|
|
565
|
-
onBlur:
|
|
563
|
+
onBlur: textarea.composeEventHandlers(props.onBlur, (event) => {
|
|
566
564
|
if (!event.currentTarget.contains(event.target)) {
|
|
567
565
|
window.clearTimeout(timerRef.current);
|
|
568
566
|
searchRef.current = "";
|
|
569
567
|
}
|
|
570
568
|
}),
|
|
571
|
-
onPointerMove:
|
|
569
|
+
onPointerMove: textarea.composeEventHandlers(
|
|
572
570
|
props.onPointerMove,
|
|
573
571
|
whenMouse$1((event) => {
|
|
574
572
|
const target = event.target;
|
|
@@ -597,7 +595,7 @@ var GROUP_NAME$2 = "MenuGroup";
|
|
|
597
595
|
var MenuGroup = React__namespace.forwardRef(
|
|
598
596
|
(props, forwardedRef) => {
|
|
599
597
|
const { __scopeMenu, ...groupProps } = props;
|
|
600
|
-
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
598
|
+
return /* @__PURE__ */ jsxRuntime.jsx(textarea.Primitive.div, { role: "group", ...groupProps, ref: forwardedRef });
|
|
601
599
|
}
|
|
602
600
|
);
|
|
603
601
|
MenuGroup.displayName = GROUP_NAME$2;
|
|
@@ -605,7 +603,7 @@ var LABEL_NAME$2 = "MenuLabel";
|
|
|
605
603
|
var MenuLabel = React__namespace.forwardRef(
|
|
606
604
|
(props, forwardedRef) => {
|
|
607
605
|
const { __scopeMenu, ...labelProps } = props;
|
|
608
|
-
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
606
|
+
return /* @__PURE__ */ jsxRuntime.jsx(textarea.Primitive.div, { ...labelProps, ref: forwardedRef });
|
|
609
607
|
}
|
|
610
608
|
);
|
|
611
609
|
MenuLabel.displayName = LABEL_NAME$2;
|
|
@@ -617,14 +615,14 @@ var MenuItem = React__namespace.forwardRef(
|
|
|
617
615
|
const ref = React__namespace.useRef(null);
|
|
618
616
|
const rootContext = useMenuRootContext(ITEM_NAME$5, props.__scopeMenu);
|
|
619
617
|
const contentContext = useMenuContentContext(ITEM_NAME$5, props.__scopeMenu);
|
|
620
|
-
const composedRefs = index
|
|
618
|
+
const composedRefs = index.useComposedRefs(forwardedRef, ref);
|
|
621
619
|
const isPointerDownRef = React__namespace.useRef(false);
|
|
622
620
|
const handleSelect = () => {
|
|
623
621
|
const menuItem = ref.current;
|
|
624
622
|
if (!disabled && menuItem) {
|
|
625
623
|
const itemSelectEvent = new CustomEvent(ITEM_SELECT, { bubbles: true, cancelable: true });
|
|
626
624
|
menuItem.addEventListener(ITEM_SELECT, (event) => onSelect?.(event), { once: true });
|
|
627
|
-
|
|
625
|
+
textarea.dispatchDiscreteCustomEvent(menuItem, itemSelectEvent);
|
|
628
626
|
if (itemSelectEvent.defaultPrevented) {
|
|
629
627
|
isPointerDownRef.current = false;
|
|
630
628
|
} else {
|
|
@@ -638,15 +636,15 @@ var MenuItem = React__namespace.forwardRef(
|
|
|
638
636
|
...itemProps,
|
|
639
637
|
ref: composedRefs,
|
|
640
638
|
disabled,
|
|
641
|
-
onClick:
|
|
639
|
+
onClick: textarea.composeEventHandlers(props.onClick, handleSelect),
|
|
642
640
|
onPointerDown: (event) => {
|
|
643
641
|
props.onPointerDown?.(event);
|
|
644
642
|
isPointerDownRef.current = true;
|
|
645
643
|
},
|
|
646
|
-
onPointerUp:
|
|
644
|
+
onPointerUp: textarea.composeEventHandlers(props.onPointerUp, (event) => {
|
|
647
645
|
if (!isPointerDownRef.current) event.currentTarget?.click();
|
|
648
646
|
}),
|
|
649
|
-
onKeyDown:
|
|
647
|
+
onKeyDown: textarea.composeEventHandlers(props.onKeyDown, (event) => {
|
|
650
648
|
const isTypingAhead = contentContext.searchRef.current !== "";
|
|
651
649
|
if (disabled || isTypingAhead && event.key === " ") return;
|
|
652
650
|
if (SELECTION_KEYS.includes(event.key)) {
|
|
@@ -665,7 +663,7 @@ var MenuItemImpl = React__namespace.forwardRef(
|
|
|
665
663
|
const contentContext = useMenuContentContext(ITEM_NAME$5, __scopeMenu);
|
|
666
664
|
const rovingFocusGroupScope = useRovingFocusGroupScope$3(__scopeMenu);
|
|
667
665
|
const ref = React__namespace.useRef(null);
|
|
668
|
-
const composedRefs = index
|
|
666
|
+
const composedRefs = index.useComposedRefs(forwardedRef, ref);
|
|
669
667
|
const [isFocused, setIsFocused] = React__namespace.useState(false);
|
|
670
668
|
const [textContent, setTextContent] = React__namespace.useState("");
|
|
671
669
|
React__namespace.useEffect(() => {
|
|
@@ -681,7 +679,7 @@ var MenuItemImpl = React__namespace.forwardRef(
|
|
|
681
679
|
disabled,
|
|
682
680
|
textValue: textValue ?? textContent,
|
|
683
681
|
children: /* @__PURE__ */ jsxRuntime.jsx(Item$2, { asChild: true, ...rovingFocusGroupScope, focusable: !disabled, children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
684
|
-
|
|
682
|
+
textarea.Primitive.div,
|
|
685
683
|
{
|
|
686
684
|
role: "menuitem",
|
|
687
685
|
"data-highlighted": isFocused ? "" : void 0,
|
|
@@ -689,7 +687,7 @@ var MenuItemImpl = React__namespace.forwardRef(
|
|
|
689
687
|
"data-disabled": disabled ? "" : void 0,
|
|
690
688
|
...itemProps,
|
|
691
689
|
ref: composedRefs,
|
|
692
|
-
onPointerMove:
|
|
690
|
+
onPointerMove: textarea.composeEventHandlers(
|
|
693
691
|
props.onPointerMove,
|
|
694
692
|
whenMouse$1((event) => {
|
|
695
693
|
if (disabled) {
|
|
@@ -703,12 +701,12 @@ var MenuItemImpl = React__namespace.forwardRef(
|
|
|
703
701
|
}
|
|
704
702
|
})
|
|
705
703
|
),
|
|
706
|
-
onPointerLeave:
|
|
704
|
+
onPointerLeave: textarea.composeEventHandlers(
|
|
707
705
|
props.onPointerLeave,
|
|
708
706
|
whenMouse$1((event) => contentContext.onItemLeave(event))
|
|
709
707
|
),
|
|
710
|
-
onFocus:
|
|
711
|
-
onBlur:
|
|
708
|
+
onFocus: textarea.composeEventHandlers(props.onFocus, () => setIsFocused(true)),
|
|
709
|
+
onBlur: textarea.composeEventHandlers(props.onBlur, () => setIsFocused(false))
|
|
712
710
|
}
|
|
713
711
|
) })
|
|
714
712
|
}
|
|
@@ -727,7 +725,7 @@ var MenuCheckboxItem = React__namespace.forwardRef(
|
|
|
727
725
|
...checkboxItemProps,
|
|
728
726
|
ref: forwardedRef,
|
|
729
727
|
"data-state": getCheckedState(checked),
|
|
730
|
-
onSelect:
|
|
728
|
+
onSelect: textarea.composeEventHandlers(
|
|
731
729
|
checkboxItemProps.onSelect,
|
|
732
730
|
() => onCheckedChange?.(isIndeterminate(checked) ? true : !checked),
|
|
733
731
|
{ checkForDefaultPrevented: false }
|
|
@@ -746,7 +744,7 @@ var [RadioGroupProvider$1, useRadioGroupContext$1] = createMenuContext(
|
|
|
746
744
|
var MenuRadioGroup = React__namespace.forwardRef(
|
|
747
745
|
(props, forwardedRef) => {
|
|
748
746
|
const { value, onValueChange, ...groupProps } = props;
|
|
749
|
-
const handleValueChange =
|
|
747
|
+
const handleValueChange = textarea.useCallbackRef(onValueChange);
|
|
750
748
|
return /* @__PURE__ */ jsxRuntime.jsx(RadioGroupProvider$1, { scope: props.__scopeMenu, value, onValueChange: handleValueChange, children: /* @__PURE__ */ jsxRuntime.jsx(MenuGroup, { ...groupProps, ref: forwardedRef }) });
|
|
751
749
|
}
|
|
752
750
|
);
|
|
@@ -765,7 +763,7 @@ var MenuRadioItem = React__namespace.forwardRef(
|
|
|
765
763
|
...radioItemProps,
|
|
766
764
|
ref: forwardedRef,
|
|
767
765
|
"data-state": getCheckedState(checked),
|
|
768
|
-
onSelect:
|
|
766
|
+
onSelect: textarea.composeEventHandlers(
|
|
769
767
|
radioItemProps.onSelect,
|
|
770
768
|
() => context.onValueChange?.(value),
|
|
771
769
|
{ checkForDefaultPrevented: false }
|
|
@@ -785,11 +783,11 @@ var MenuItemIndicator = React__namespace.forwardRef(
|
|
|
785
783
|
const { __scopeMenu, forceMount, ...itemIndicatorProps } = props;
|
|
786
784
|
const indicatorContext = useItemIndicatorContext(ITEM_INDICATOR_NAME, __scopeMenu);
|
|
787
785
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
788
|
-
|
|
786
|
+
textarea.Presence,
|
|
789
787
|
{
|
|
790
788
|
present: forceMount || isIndeterminate(indicatorContext.checked) || indicatorContext.checked === true,
|
|
791
789
|
children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
792
|
-
|
|
790
|
+
textarea.Primitive.span,
|
|
793
791
|
{
|
|
794
792
|
...itemIndicatorProps,
|
|
795
793
|
ref: forwardedRef,
|
|
@@ -806,7 +804,7 @@ var MenuSeparator = React__namespace.forwardRef(
|
|
|
806
804
|
(props, forwardedRef) => {
|
|
807
805
|
const { __scopeMenu, ...separatorProps } = props;
|
|
808
806
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
809
|
-
|
|
807
|
+
textarea.Primitive.div,
|
|
810
808
|
{
|
|
811
809
|
role: "separator",
|
|
812
810
|
"aria-orientation": "horizontal",
|
|
@@ -822,7 +820,7 @@ var MenuArrow = React__namespace.forwardRef(
|
|
|
822
820
|
(props, forwardedRef) => {
|
|
823
821
|
const { __scopeMenu, ...arrowProps } = props;
|
|
824
822
|
const popperScope = usePopperScope$2(__scopeMenu);
|
|
825
|
-
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
823
|
+
return /* @__PURE__ */ jsxRuntime.jsx(select.Arrow, { ...popperScope, ...arrowProps, ref: forwardedRef });
|
|
826
824
|
}
|
|
827
825
|
);
|
|
828
826
|
MenuArrow.displayName = ARROW_NAME$4;
|
|
@@ -834,12 +832,12 @@ var MenuSub = (props) => {
|
|
|
834
832
|
const popperScope = usePopperScope$2(__scopeMenu);
|
|
835
833
|
const [trigger, setTrigger] = React__namespace.useState(null);
|
|
836
834
|
const [content, setContent] = React__namespace.useState(null);
|
|
837
|
-
const handleOpenChange =
|
|
835
|
+
const handleOpenChange = textarea.useCallbackRef(onOpenChange);
|
|
838
836
|
React__namespace.useEffect(() => {
|
|
839
837
|
if (parentMenuContext.open === false) handleOpenChange(false);
|
|
840
838
|
return () => handleOpenChange(false);
|
|
841
839
|
}, [parentMenuContext.open, handleOpenChange]);
|
|
842
|
-
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
840
|
+
return /* @__PURE__ */ jsxRuntime.jsx(select.Root2, { ...popperScope, children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
843
841
|
MenuProvider,
|
|
844
842
|
{
|
|
845
843
|
scope: __scopeMenu,
|
|
@@ -851,8 +849,8 @@ var MenuSub = (props) => {
|
|
|
851
849
|
MenuSubProvider,
|
|
852
850
|
{
|
|
853
851
|
scope: __scopeMenu,
|
|
854
|
-
contentId:
|
|
855
|
-
triggerId:
|
|
852
|
+
contentId: textarea.useId(),
|
|
853
|
+
triggerId: textarea.useId(),
|
|
856
854
|
trigger,
|
|
857
855
|
onTriggerChange: setTrigger,
|
|
858
856
|
children
|
|
@@ -893,14 +891,14 @@ var MenuSubTrigger = React__namespace.forwardRef(
|
|
|
893
891
|
"aria-controls": subContext.contentId,
|
|
894
892
|
"data-state": getOpenState$1(context.open),
|
|
895
893
|
...props,
|
|
896
|
-
ref: index
|
|
894
|
+
ref: index.composeRefs(forwardedRef, subContext.onTriggerChange),
|
|
897
895
|
onClick: (event) => {
|
|
898
896
|
props.onClick?.(event);
|
|
899
897
|
if (props.disabled || event.defaultPrevented) return;
|
|
900
898
|
event.currentTarget.focus();
|
|
901
899
|
if (!context.open) context.onOpenChange(true);
|
|
902
900
|
},
|
|
903
|
-
onPointerMove:
|
|
901
|
+
onPointerMove: textarea.composeEventHandlers(
|
|
904
902
|
props.onPointerMove,
|
|
905
903
|
whenMouse$1((event) => {
|
|
906
904
|
contentContext.onItemEnter(event);
|
|
@@ -914,7 +912,7 @@ var MenuSubTrigger = React__namespace.forwardRef(
|
|
|
914
912
|
}
|
|
915
913
|
})
|
|
916
914
|
),
|
|
917
|
-
onPointerLeave:
|
|
915
|
+
onPointerLeave: textarea.composeEventHandlers(
|
|
918
916
|
props.onPointerLeave,
|
|
919
917
|
whenMouse$1((event) => {
|
|
920
918
|
clearOpenTimer();
|
|
@@ -949,7 +947,7 @@ var MenuSubTrigger = React__namespace.forwardRef(
|
|
|
949
947
|
}
|
|
950
948
|
})
|
|
951
949
|
),
|
|
952
|
-
onKeyDown:
|
|
950
|
+
onKeyDown: textarea.composeEventHandlers(props.onKeyDown, (event) => {
|
|
953
951
|
const isTypingAhead = contentContext.searchRef.current !== "";
|
|
954
952
|
if (props.disabled || isTypingAhead && event.key === " ") return;
|
|
955
953
|
if (SUB_OPEN_KEYS[rootContext.dir].includes(event.key)) {
|
|
@@ -972,8 +970,8 @@ var MenuSubContent = React__namespace.forwardRef(
|
|
|
972
970
|
const rootContext = useMenuRootContext(CONTENT_NAME$9, props.__scopeMenu);
|
|
973
971
|
const subContext = useMenuSubContext(SUB_CONTENT_NAME$2, props.__scopeMenu);
|
|
974
972
|
const ref = React__namespace.useRef(null);
|
|
975
|
-
const composedRefs = index
|
|
976
|
-
return /* @__PURE__ */ jsxRuntime.jsx(Collection$3.Provider, { scope: props.__scopeMenu, children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
973
|
+
const composedRefs = index.useComposedRefs(forwardedRef, ref);
|
|
974
|
+
return /* @__PURE__ */ jsxRuntime.jsx(Collection$3.Provider, { scope: props.__scopeMenu, children: /* @__PURE__ */ jsxRuntime.jsx(textarea.Presence, { present: forceMount || context.open, children: /* @__PURE__ */ jsxRuntime.jsx(Collection$3.Slot, { scope: props.__scopeMenu, children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
977
975
|
MenuContentImpl,
|
|
978
976
|
{
|
|
979
977
|
id: subContext.contentId,
|
|
@@ -990,14 +988,14 @@ var MenuSubContent = React__namespace.forwardRef(
|
|
|
990
988
|
event.preventDefault();
|
|
991
989
|
},
|
|
992
990
|
onCloseAutoFocus: (event) => event.preventDefault(),
|
|
993
|
-
onFocusOutside:
|
|
991
|
+
onFocusOutside: textarea.composeEventHandlers(props.onFocusOutside, (event) => {
|
|
994
992
|
if (event.target !== subContext.trigger) context.onOpenChange(false);
|
|
995
993
|
}),
|
|
996
|
-
onEscapeKeyDown:
|
|
994
|
+
onEscapeKeyDown: textarea.composeEventHandlers(props.onEscapeKeyDown, (event) => {
|
|
997
995
|
rootContext.onClose();
|
|
998
996
|
event.preventDefault();
|
|
999
997
|
}),
|
|
1000
|
-
onKeyDown:
|
|
998
|
+
onKeyDown: textarea.composeEventHandlers(props.onKeyDown, (event) => {
|
|
1001
999
|
const isKeyDownInside = event.currentTarget.contains(event.target);
|
|
1002
1000
|
const isCloseKey = SUB_CLOSE_KEYS[rootContext.dir].includes(event.key);
|
|
1003
1001
|
if (isKeyDownInside && isCloseKey) {
|
|
@@ -1083,7 +1081,7 @@ var Sub = MenuSub;
|
|
|
1083
1081
|
var SubTrigger = MenuSubTrigger;
|
|
1084
1082
|
var SubContent = MenuSubContent;
|
|
1085
1083
|
var DROPDOWN_MENU_NAME = "DropdownMenu";
|
|
1086
|
-
var [createDropdownMenuContext] =
|
|
1084
|
+
var [createDropdownMenuContext] = textarea.createContextScope(
|
|
1087
1085
|
DROPDOWN_MENU_NAME,
|
|
1088
1086
|
[createMenuScope]
|
|
1089
1087
|
);
|
|
@@ -1101,7 +1099,7 @@ var DropdownMenu$1 = (props) => {
|
|
|
1101
1099
|
} = props;
|
|
1102
1100
|
const menuScope = useMenuScope$1(__scopeDropdownMenu);
|
|
1103
1101
|
const triggerRef = React__namespace.useRef(null);
|
|
1104
|
-
const [open, setOpen] =
|
|
1102
|
+
const [open, setOpen] = textarea.useControllableState({
|
|
1105
1103
|
prop: openProp,
|
|
1106
1104
|
defaultProp: defaultOpen ?? false,
|
|
1107
1105
|
onChange: onOpenChange,
|
|
@@ -1111,9 +1109,9 @@ var DropdownMenu$1 = (props) => {
|
|
|
1111
1109
|
DropdownMenuProvider,
|
|
1112
1110
|
{
|
|
1113
1111
|
scope: __scopeDropdownMenu,
|
|
1114
|
-
triggerId:
|
|
1112
|
+
triggerId: textarea.useId(),
|
|
1115
1113
|
triggerRef,
|
|
1116
|
-
contentId:
|
|
1114
|
+
contentId: textarea.useId(),
|
|
1117
1115
|
open,
|
|
1118
1116
|
onOpenChange: setOpen,
|
|
1119
1117
|
onOpenToggle: React__namespace.useCallback(() => setOpen((prevOpen) => !prevOpen), [setOpen]),
|
|
@@ -1130,7 +1128,7 @@ var DropdownMenuTrigger$1 = React__namespace.forwardRef(
|
|
|
1130
1128
|
const context = useDropdownMenuContext(TRIGGER_NAME$8, __scopeDropdownMenu);
|
|
1131
1129
|
const menuScope = useMenuScope$1(__scopeDropdownMenu);
|
|
1132
1130
|
return /* @__PURE__ */ jsxRuntime.jsx(Anchor2$1, { asChild: true, ...menuScope, children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
1133
|
-
|
|
1131
|
+
textarea.Primitive.button,
|
|
1134
1132
|
{
|
|
1135
1133
|
type: "button",
|
|
1136
1134
|
id: context.triggerId,
|
|
@@ -1141,14 +1139,14 @@ var DropdownMenuTrigger$1 = React__namespace.forwardRef(
|
|
|
1141
1139
|
"data-disabled": disabled ? "" : void 0,
|
|
1142
1140
|
disabled,
|
|
1143
1141
|
...triggerProps,
|
|
1144
|
-
ref: index
|
|
1145
|
-
onPointerDown:
|
|
1142
|
+
ref: index.composeRefs(forwardedRef, context.triggerRef),
|
|
1143
|
+
onPointerDown: textarea.composeEventHandlers(props.onPointerDown, (event) => {
|
|
1146
1144
|
if (!disabled && event.button === 0 && event.ctrlKey === false) {
|
|
1147
1145
|
context.onOpenToggle();
|
|
1148
1146
|
if (!context.open) event.preventDefault();
|
|
1149
1147
|
}
|
|
1150
1148
|
}),
|
|
1151
|
-
onKeyDown:
|
|
1149
|
+
onKeyDown: textarea.composeEventHandlers(props.onKeyDown, (event) => {
|
|
1152
1150
|
if (disabled) return;
|
|
1153
1151
|
if (["Enter", " "].includes(event.key)) context.onOpenToggle();
|
|
1154
1152
|
if (event.key === "ArrowDown") context.onOpenChange(true);
|
|
@@ -1181,12 +1179,12 @@ var DropdownMenuContent$1 = React__namespace.forwardRef(
|
|
|
1181
1179
|
...menuScope,
|
|
1182
1180
|
...contentProps,
|
|
1183
1181
|
ref: forwardedRef,
|
|
1184
|
-
onCloseAutoFocus:
|
|
1182
|
+
onCloseAutoFocus: textarea.composeEventHandlers(props.onCloseAutoFocus, (event) => {
|
|
1185
1183
|
if (!hasInteractedOutsideRef.current) context.triggerRef.current?.focus();
|
|
1186
1184
|
hasInteractedOutsideRef.current = false;
|
|
1187
1185
|
event.preventDefault();
|
|
1188
1186
|
}),
|
|
1189
|
-
onInteractOutside:
|
|
1187
|
+
onInteractOutside: textarea.composeEventHandlers(props.onInteractOutside, (event) => {
|
|
1190
1188
|
const originalEvent = event.detail.originalEvent;
|
|
1191
1189
|
const ctrlLeftClick = originalEvent.button === 0 && originalEvent.ctrlKey === true;
|
|
1192
1190
|
const isRightClick = originalEvent.button === 2 || ctrlLeftClick;
|
|
@@ -1282,7 +1280,7 @@ DropdownMenuArrow.displayName = ARROW_NAME$3;
|
|
|
1282
1280
|
var DropdownMenuSub$1 = (props) => {
|
|
1283
1281
|
const { __scopeDropdownMenu, children, open: openProp, onOpenChange, defaultOpen } = props;
|
|
1284
1282
|
const menuScope = useMenuScope$1(__scopeDropdownMenu);
|
|
1285
|
-
const [open, setOpen] =
|
|
1283
|
+
const [open, setOpen] = textarea.useControllableState({
|
|
1286
1284
|
prop: openProp,
|
|
1287
1285
|
defaultProp: defaultOpen ?? false,
|
|
1288
1286
|
onChange: onOpenChange,
|
|
@@ -1338,9 +1336,9 @@ var Sub2$1 = DropdownMenuSub$1;
|
|
|
1338
1336
|
var SubTrigger2$1 = DropdownMenuSubTrigger$1;
|
|
1339
1337
|
var SubContent2$1 = DropdownMenuSubContent$1;
|
|
1340
1338
|
const __iconNode$3 = [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]];
|
|
1341
|
-
const ChevronRight = index$
|
|
1339
|
+
const ChevronRight = index$1.createLucideIcon("chevron-right", __iconNode$3);
|
|
1342
1340
|
const __iconNode$2 = [["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }]];
|
|
1343
|
-
const Circle = index$
|
|
1341
|
+
const Circle = index$1.createLucideIcon("circle", __iconNode$2);
|
|
1344
1342
|
const __iconNode$1 = [
|
|
1345
1343
|
["circle", { cx: "9", cy: "12", r: "1", key: "1vctgf" }],
|
|
1346
1344
|
["circle", { cx: "9", cy: "5", r: "1", key: "hp0tcf" }],
|
|
@@ -1349,9 +1347,9 @@ const __iconNode$1 = [
|
|
|
1349
1347
|
["circle", { cx: "15", cy: "5", r: "1", key: "19l28e" }],
|
|
1350
1348
|
["circle", { cx: "15", cy: "19", r: "1", key: "f4zoj3" }]
|
|
1351
1349
|
];
|
|
1352
|
-
const GripVertical = index$
|
|
1350
|
+
const GripVertical = index$1.createLucideIcon("grip-vertical", __iconNode$1);
|
|
1353
1351
|
const __iconNode = [["path", { d: "M5 12h14", key: "1ays0h" }]];
|
|
1354
|
-
const Minus = index$
|
|
1352
|
+
const Minus = index$1.createLucideIcon("minus", __iconNode);
|
|
1355
1353
|
function DropdownMenu({ ...props }) {
|
|
1356
1354
|
return /* @__PURE__ */ jsxRuntime.jsx(Root2$7, { "data-slot": "dropdown-menu", ...props });
|
|
1357
1355
|
}
|
|
@@ -1410,7 +1408,7 @@ function DropdownMenuCheckboxItem({ className, children, checked, ...props }) {
|
|
|
1410
1408
|
checked,
|
|
1411
1409
|
...props,
|
|
1412
1410
|
children: [
|
|
1413
|
-
/* @__PURE__ */ jsxRuntime.jsx("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(ItemIndicator2$1, { children: /* @__PURE__ */ jsxRuntime.jsx(index$
|
|
1411
|
+
/* @__PURE__ */ jsxRuntime.jsx("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(ItemIndicator2$1, { children: /* @__PURE__ */ jsxRuntime.jsx(index$1.Check, { className: "size-4" }) }) }),
|
|
1414
1412
|
children
|
|
1415
1413
|
]
|
|
1416
1414
|
}
|
|
@@ -1497,7 +1495,7 @@ function DropdownMenuSubContent({ className, ...props }) {
|
|
|
1497
1495
|
);
|
|
1498
1496
|
}
|
|
1499
1497
|
var TABS_NAME = "Tabs";
|
|
1500
|
-
var [createTabsContext] =
|
|
1498
|
+
var [createTabsContext] = textarea.createContextScope(TABS_NAME, [
|
|
1501
1499
|
createRovingFocusGroupScope
|
|
1502
1500
|
]);
|
|
1503
1501
|
var useRovingFocusGroupScope$2 = createRovingFocusGroupScope();
|
|
@@ -1514,8 +1512,8 @@ var Tabs$1 = React__namespace.forwardRef(
|
|
|
1514
1512
|
activationMode = "automatic",
|
|
1515
1513
|
...tabsProps
|
|
1516
1514
|
} = props;
|
|
1517
|
-
const direction = index$
|
|
1518
|
-
const [value, setValue] =
|
|
1515
|
+
const direction = index$1.useDirection(dir);
|
|
1516
|
+
const [value, setValue] = textarea.useControllableState({
|
|
1519
1517
|
prop: valueProp,
|
|
1520
1518
|
onChange: onValueChange,
|
|
1521
1519
|
defaultProp: defaultValue ?? "",
|
|
@@ -1525,14 +1523,14 @@ var Tabs$1 = React__namespace.forwardRef(
|
|
|
1525
1523
|
TabsProvider,
|
|
1526
1524
|
{
|
|
1527
1525
|
scope: __scopeTabs,
|
|
1528
|
-
baseId:
|
|
1526
|
+
baseId: textarea.useId(),
|
|
1529
1527
|
value,
|
|
1530
1528
|
onValueChange: setValue,
|
|
1531
1529
|
orientation,
|
|
1532
1530
|
dir: direction,
|
|
1533
1531
|
activationMode,
|
|
1534
1532
|
children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
1535
|
-
|
|
1533
|
+
textarea.Primitive.div,
|
|
1536
1534
|
{
|
|
1537
1535
|
dir: direction,
|
|
1538
1536
|
"data-orientation": orientation,
|
|
@@ -1560,7 +1558,7 @@ var TabsList$1 = React__namespace.forwardRef(
|
|
|
1560
1558
|
dir: context.dir,
|
|
1561
1559
|
loop,
|
|
1562
1560
|
children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
1563
|
-
|
|
1561
|
+
textarea.Primitive.div,
|
|
1564
1562
|
{
|
|
1565
1563
|
role: "tablist",
|
|
1566
1564
|
"aria-orientation": context.orientation,
|
|
@@ -1590,7 +1588,7 @@ var TabsTrigger$1 = React__namespace.forwardRef(
|
|
|
1590
1588
|
focusable: !disabled,
|
|
1591
1589
|
active: isSelected,
|
|
1592
1590
|
children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
1593
|
-
|
|
1591
|
+
textarea.Primitive.button,
|
|
1594
1592
|
{
|
|
1595
1593
|
type: "button",
|
|
1596
1594
|
role: "tab",
|
|
@@ -1602,17 +1600,17 @@ var TabsTrigger$1 = React__namespace.forwardRef(
|
|
|
1602
1600
|
id: triggerId,
|
|
1603
1601
|
...triggerProps,
|
|
1604
1602
|
ref: forwardedRef,
|
|
1605
|
-
onMouseDown:
|
|
1603
|
+
onMouseDown: textarea.composeEventHandlers(props.onMouseDown, (event) => {
|
|
1606
1604
|
if (!disabled && event.button === 0 && event.ctrlKey === false) {
|
|
1607
1605
|
context.onValueChange(value);
|
|
1608
1606
|
} else {
|
|
1609
1607
|
event.preventDefault();
|
|
1610
1608
|
}
|
|
1611
1609
|
}),
|
|
1612
|
-
onKeyDown:
|
|
1610
|
+
onKeyDown: textarea.composeEventHandlers(props.onKeyDown, (event) => {
|
|
1613
1611
|
if ([" ", "Enter"].includes(event.key)) context.onValueChange(value);
|
|
1614
1612
|
}),
|
|
1615
|
-
onFocus:
|
|
1613
|
+
onFocus: textarea.composeEventHandlers(props.onFocus, () => {
|
|
1616
1614
|
const isAutomaticActivation = context.activationMode !== "manual";
|
|
1617
1615
|
if (!isSelected && !disabled && isAutomaticActivation) {
|
|
1618
1616
|
context.onValueChange(value);
|
|
@@ -1638,8 +1636,8 @@ var TabsContent$1 = React__namespace.forwardRef(
|
|
|
1638
1636
|
const rAF = requestAnimationFrame(() => isMountAnimationPreventedRef.current = false);
|
|
1639
1637
|
return () => cancelAnimationFrame(rAF);
|
|
1640
1638
|
}, []);
|
|
1641
|
-
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
1642
|
-
|
|
1639
|
+
return /* @__PURE__ */ jsxRuntime.jsx(textarea.Presence, { present: forceMount || isSelected, children: ({ present }) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
1640
|
+
textarea.Primitive.div,
|
|
1643
1641
|
{
|
|
1644
1642
|
"data-state": isSelected ? "active" : "inactive",
|
|
1645
1643
|
"data-orientation": context.orientation,
|
|
@@ -1867,7 +1865,7 @@ function subscribe() {
|
|
|
1867
1865
|
};
|
|
1868
1866
|
}
|
|
1869
1867
|
var AVATAR_NAME = "Avatar";
|
|
1870
|
-
var [createAvatarContext] =
|
|
1868
|
+
var [createAvatarContext] = textarea.createContextScope(AVATAR_NAME);
|
|
1871
1869
|
var [AvatarProvider, useAvatarContext] = createAvatarContext(AVATAR_NAME);
|
|
1872
1870
|
var Avatar$1 = React__namespace.forwardRef(
|
|
1873
1871
|
(props, forwardedRef) => {
|
|
@@ -1879,7 +1877,7 @@ var Avatar$1 = React__namespace.forwardRef(
|
|
|
1879
1877
|
scope: __scopeAvatar,
|
|
1880
1878
|
imageLoadingStatus,
|
|
1881
1879
|
onImageLoadingStatusChange: setImageLoadingStatus,
|
|
1882
|
-
children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
1880
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(textarea.Primitive.span, { ...avatarProps, ref: forwardedRef })
|
|
1883
1881
|
}
|
|
1884
1882
|
);
|
|
1885
1883
|
}
|
|
@@ -1892,16 +1890,16 @@ var AvatarImage$1 = React__namespace.forwardRef(
|
|
|
1892
1890
|
}, ...imageProps } = props;
|
|
1893
1891
|
const context = useAvatarContext(IMAGE_NAME, __scopeAvatar);
|
|
1894
1892
|
const imageLoadingStatus = useImageLoadingStatus(src, imageProps);
|
|
1895
|
-
const handleLoadingStatusChange =
|
|
1893
|
+
const handleLoadingStatusChange = textarea.useCallbackRef((status) => {
|
|
1896
1894
|
onLoadingStatusChange(status);
|
|
1897
1895
|
context.onImageLoadingStatusChange(status);
|
|
1898
1896
|
});
|
|
1899
|
-
|
|
1897
|
+
textarea.useLayoutEffect2(() => {
|
|
1900
1898
|
if (imageLoadingStatus !== "idle") {
|
|
1901
1899
|
handleLoadingStatusChange(imageLoadingStatus);
|
|
1902
1900
|
}
|
|
1903
1901
|
}, [imageLoadingStatus, handleLoadingStatusChange]);
|
|
1904
|
-
return imageLoadingStatus === "loaded" ? /* @__PURE__ */ jsxRuntime.jsx(
|
|
1902
|
+
return imageLoadingStatus === "loaded" ? /* @__PURE__ */ jsxRuntime.jsx(textarea.Primitive.img, { ...imageProps, ref: forwardedRef, src }) : null;
|
|
1905
1903
|
}
|
|
1906
1904
|
);
|
|
1907
1905
|
AvatarImage$1.displayName = IMAGE_NAME;
|
|
@@ -1917,7 +1915,7 @@ var AvatarFallback$1 = React__namespace.forwardRef(
|
|
|
1917
1915
|
return () => window.clearTimeout(timerId);
|
|
1918
1916
|
}
|
|
1919
1917
|
}, [delayMs]);
|
|
1920
|
-
return canRender && context.imageLoadingStatus !== "loaded" ? /* @__PURE__ */ jsxRuntime.jsx(
|
|
1918
|
+
return canRender && context.imageLoadingStatus !== "loaded" ? /* @__PURE__ */ jsxRuntime.jsx(textarea.Primitive.span, { ...fallbackProps, ref: forwardedRef }) : null;
|
|
1921
1919
|
}
|
|
1922
1920
|
);
|
|
1923
1921
|
AvatarFallback$1.displayName = FALLBACK_NAME;
|
|
@@ -1946,10 +1944,10 @@ function useImageLoadingStatus(src, { referrerPolicy, crossOrigin }) {
|
|
|
1946
1944
|
const [loadingStatus, setLoadingStatus] = React__namespace.useState(
|
|
1947
1945
|
() => resolveLoadingStatus(image, src)
|
|
1948
1946
|
);
|
|
1949
|
-
|
|
1947
|
+
textarea.useLayoutEffect2(() => {
|
|
1950
1948
|
setLoadingStatus(resolveLoadingStatus(image, src));
|
|
1951
1949
|
}, [image, src]);
|
|
1952
|
-
|
|
1950
|
+
textarea.useLayoutEffect2(() => {
|
|
1953
1951
|
const updateStatus = (status) => () => {
|
|
1954
1952
|
setLoadingStatus(status);
|
|
1955
1953
|
};
|
|
@@ -1974,7 +1972,7 @@ function useImageLoadingStatus(src, { referrerPolicy, crossOrigin }) {
|
|
|
1974
1972
|
var Root$2 = Avatar$1;
|
|
1975
1973
|
var Image = AvatarImage$1;
|
|
1976
1974
|
var Fallback = AvatarFallback$1;
|
|
1977
|
-
const avatarStyles = index$
|
|
1975
|
+
const avatarStyles = index$2.cva(
|
|
1978
1976
|
"flex relative justify-center items-center box-border overflow-hidden align-middle z-0 outline-none data-[focus-visible=true]:z-10 data-[focus-visible=true]:outline-2 data-[focus-visible=true]:outline-focus data-[focus-visible=true]:outline-offset-2 text-tiny text-default-foreground rounded-full",
|
|
1979
1977
|
{
|
|
1980
1978
|
variants: {
|
|
@@ -2034,10 +2032,10 @@ function AvatarFallback({ className, ...props }) {
|
|
|
2034
2032
|
);
|
|
2035
2033
|
}
|
|
2036
2034
|
var POPOVER_NAME = "Popover";
|
|
2037
|
-
var [createPopoverContext] =
|
|
2038
|
-
|
|
2035
|
+
var [createPopoverContext] = textarea.createContextScope(POPOVER_NAME, [
|
|
2036
|
+
select.createPopperScope
|
|
2039
2037
|
]);
|
|
2040
|
-
var usePopperScope$1 =
|
|
2038
|
+
var usePopperScope$1 = select.createPopperScope();
|
|
2041
2039
|
var [PopoverProvider, usePopoverContext] = createPopoverContext(POPOVER_NAME);
|
|
2042
2040
|
var Popover$1 = (props) => {
|
|
2043
2041
|
const {
|
|
@@ -2051,17 +2049,17 @@ var Popover$1 = (props) => {
|
|
|
2051
2049
|
const popperScope = usePopperScope$1(__scopePopover);
|
|
2052
2050
|
const triggerRef = React__namespace.useRef(null);
|
|
2053
2051
|
const [hasCustomAnchor, setHasCustomAnchor] = React__namespace.useState(false);
|
|
2054
|
-
const [open, setOpen] =
|
|
2052
|
+
const [open, setOpen] = textarea.useControllableState({
|
|
2055
2053
|
prop: openProp,
|
|
2056
2054
|
defaultProp: defaultOpen ?? false,
|
|
2057
2055
|
onChange: onOpenChange,
|
|
2058
2056
|
caller: POPOVER_NAME
|
|
2059
2057
|
});
|
|
2060
|
-
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
2058
|
+
return /* @__PURE__ */ jsxRuntime.jsx(select.Root2, { ...popperScope, children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
2061
2059
|
PopoverProvider,
|
|
2062
2060
|
{
|
|
2063
2061
|
scope: __scopePopover,
|
|
2064
|
-
contentId:
|
|
2062
|
+
contentId: textarea.useId(),
|
|
2065
2063
|
triggerRef,
|
|
2066
2064
|
open,
|
|
2067
2065
|
onOpenChange: setOpen,
|
|
@@ -2086,7 +2084,7 @@ var PopoverAnchor$1 = React__namespace.forwardRef(
|
|
|
2086
2084
|
onCustomAnchorAdd();
|
|
2087
2085
|
return () => onCustomAnchorRemove();
|
|
2088
2086
|
}, [onCustomAnchorAdd, onCustomAnchorRemove]);
|
|
2089
|
-
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
2087
|
+
return /* @__PURE__ */ jsxRuntime.jsx(select.Anchor, { ...popperScope, ...anchorProps, ref: forwardedRef });
|
|
2090
2088
|
}
|
|
2091
2089
|
);
|
|
2092
2090
|
PopoverAnchor$1.displayName = ANCHOR_NAME;
|
|
@@ -2096,9 +2094,9 @@ var PopoverTrigger$1 = React__namespace.forwardRef(
|
|
|
2096
2094
|
const { __scopePopover, ...triggerProps } = props;
|
|
2097
2095
|
const context = usePopoverContext(TRIGGER_NAME$6, __scopePopover);
|
|
2098
2096
|
const popperScope = usePopperScope$1(__scopePopover);
|
|
2099
|
-
const composedTriggerRef = index
|
|
2097
|
+
const composedTriggerRef = index.useComposedRefs(forwardedRef, context.triggerRef);
|
|
2100
2098
|
const trigger = /* @__PURE__ */ jsxRuntime.jsx(
|
|
2101
|
-
|
|
2099
|
+
textarea.Primitive.button,
|
|
2102
2100
|
{
|
|
2103
2101
|
type: "button",
|
|
2104
2102
|
"aria-haspopup": "dialog",
|
|
@@ -2107,10 +2105,10 @@ var PopoverTrigger$1 = React__namespace.forwardRef(
|
|
|
2107
2105
|
"data-state": getState$3(context.open),
|
|
2108
2106
|
...triggerProps,
|
|
2109
2107
|
ref: composedTriggerRef,
|
|
2110
|
-
onClick:
|
|
2108
|
+
onClick: textarea.composeEventHandlers(props.onClick, context.onOpenToggle)
|
|
2111
2109
|
}
|
|
2112
2110
|
);
|
|
2113
|
-
return context.hasCustomAnchor ? trigger : /* @__PURE__ */ jsxRuntime.jsx(
|
|
2111
|
+
return context.hasCustomAnchor ? trigger : /* @__PURE__ */ jsxRuntime.jsx(select.Anchor, { asChild: true, ...popperScope, children: trigger });
|
|
2114
2112
|
}
|
|
2115
2113
|
);
|
|
2116
2114
|
PopoverTrigger$1.displayName = TRIGGER_NAME$6;
|
|
@@ -2121,7 +2119,7 @@ var [PortalProvider$1, usePortalContext$1] = createPopoverContext(PORTAL_NAME$3,
|
|
|
2121
2119
|
var PopoverPortal = (props) => {
|
|
2122
2120
|
const { __scopePopover, forceMount, children, container } = props;
|
|
2123
2121
|
const context = usePopoverContext(PORTAL_NAME$3, __scopePopover);
|
|
2124
|
-
return /* @__PURE__ */ jsxRuntime.jsx(PortalProvider$1, { scope: __scopePopover, forceMount, children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
2122
|
+
return /* @__PURE__ */ jsxRuntime.jsx(PortalProvider$1, { scope: __scopePopover, forceMount, children: /* @__PURE__ */ jsxRuntime.jsx(textarea.Presence, { present: forceMount || context.open, children: /* @__PURE__ */ jsxRuntime.jsx(textarea.Portal, { asChild: true, container, children }) }) });
|
|
2125
2123
|
};
|
|
2126
2124
|
PopoverPortal.displayName = PORTAL_NAME$3;
|
|
2127
2125
|
var CONTENT_NAME$6 = "PopoverContent";
|
|
@@ -2130,16 +2128,16 @@ var PopoverContent$1 = React__namespace.forwardRef(
|
|
|
2130
2128
|
const portalContext = usePortalContext$1(CONTENT_NAME$6, props.__scopePopover);
|
|
2131
2129
|
const { forceMount = portalContext.forceMount, ...contentProps } = props;
|
|
2132
2130
|
const context = usePopoverContext(CONTENT_NAME$6, props.__scopePopover);
|
|
2133
|
-
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
2131
|
+
return /* @__PURE__ */ jsxRuntime.jsx(textarea.Presence, { present: forceMount || context.open, children: context.modal ? /* @__PURE__ */ jsxRuntime.jsx(PopoverContentModal, { ...contentProps, ref: forwardedRef }) : /* @__PURE__ */ jsxRuntime.jsx(PopoverContentNonModal, { ...contentProps, ref: forwardedRef }) });
|
|
2134
2132
|
}
|
|
2135
2133
|
);
|
|
2136
2134
|
PopoverContent$1.displayName = CONTENT_NAME$6;
|
|
2137
|
-
var Slot = index
|
|
2135
|
+
var Slot = index.createSlot("PopoverContent.RemoveScroll");
|
|
2138
2136
|
var PopoverContentModal = React__namespace.forwardRef(
|
|
2139
2137
|
(props, forwardedRef) => {
|
|
2140
2138
|
const context = usePopoverContext(CONTENT_NAME$6, props.__scopePopover);
|
|
2141
2139
|
const contentRef = React__namespace.useRef(null);
|
|
2142
|
-
const composedRefs = index
|
|
2140
|
+
const composedRefs = index.useComposedRefs(forwardedRef, contentRef);
|
|
2143
2141
|
const isRightClickOutsideRef = React__namespace.useRef(false);
|
|
2144
2142
|
React__namespace.useEffect(() => {
|
|
2145
2143
|
const content = contentRef.current;
|
|
@@ -2152,11 +2150,11 @@ var PopoverContentModal = React__namespace.forwardRef(
|
|
|
2152
2150
|
ref: composedRefs,
|
|
2153
2151
|
trapFocus: context.open,
|
|
2154
2152
|
disableOutsidePointerEvents: true,
|
|
2155
|
-
onCloseAutoFocus:
|
|
2153
|
+
onCloseAutoFocus: textarea.composeEventHandlers(props.onCloseAutoFocus, (event) => {
|
|
2156
2154
|
event.preventDefault();
|
|
2157
2155
|
if (!isRightClickOutsideRef.current) context.triggerRef.current?.focus();
|
|
2158
2156
|
}),
|
|
2159
|
-
onPointerDownOutside:
|
|
2157
|
+
onPointerDownOutside: textarea.composeEventHandlers(
|
|
2160
2158
|
props.onPointerDownOutside,
|
|
2161
2159
|
(event) => {
|
|
2162
2160
|
const originalEvent = event.detail.originalEvent;
|
|
@@ -2166,7 +2164,7 @@ var PopoverContentModal = React__namespace.forwardRef(
|
|
|
2166
2164
|
},
|
|
2167
2165
|
{ checkForDefaultPrevented: false }
|
|
2168
2166
|
),
|
|
2169
|
-
onFocusOutside:
|
|
2167
|
+
onFocusOutside: textarea.composeEventHandlers(
|
|
2170
2168
|
props.onFocusOutside,
|
|
2171
2169
|
(event) => event.preventDefault(),
|
|
2172
2170
|
{ checkForDefaultPrevented: false }
|
|
@@ -2241,7 +2239,7 @@ var PopoverContentImpl = React__namespace.forwardRef(
|
|
|
2241
2239
|
onMountAutoFocus: onOpenAutoFocus,
|
|
2242
2240
|
onUnmountAutoFocus: onCloseAutoFocus,
|
|
2243
2241
|
children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
2244
|
-
|
|
2242
|
+
textarea.DismissableLayer,
|
|
2245
2243
|
{
|
|
2246
2244
|
asChild: true,
|
|
2247
2245
|
disableOutsidePointerEvents,
|
|
@@ -2251,7 +2249,7 @@ var PopoverContentImpl = React__namespace.forwardRef(
|
|
|
2251
2249
|
onFocusOutside,
|
|
2252
2250
|
onDismiss: () => context.onOpenChange(false),
|
|
2253
2251
|
children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
2254
|
-
|
|
2252
|
+
select.Content,
|
|
2255
2253
|
{
|
|
2256
2254
|
"data-state": getState$3(context.open),
|
|
2257
2255
|
role: "dialog",
|
|
@@ -2284,12 +2282,12 @@ var PopoverClose = React__namespace.forwardRef(
|
|
|
2284
2282
|
const { __scopePopover, ...closeProps } = props;
|
|
2285
2283
|
const context = usePopoverContext(CLOSE_NAME, __scopePopover);
|
|
2286
2284
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
2287
|
-
|
|
2285
|
+
textarea.Primitive.button,
|
|
2288
2286
|
{
|
|
2289
2287
|
type: "button",
|
|
2290
2288
|
...closeProps,
|
|
2291
2289
|
ref: forwardedRef,
|
|
2292
|
-
onClick:
|
|
2290
|
+
onClick: textarea.composeEventHandlers(props.onClick, () => context.onOpenChange(false))
|
|
2293
2291
|
}
|
|
2294
2292
|
);
|
|
2295
2293
|
}
|
|
@@ -2300,7 +2298,7 @@ var PopoverArrow = React__namespace.forwardRef(
|
|
|
2300
2298
|
(props, forwardedRef) => {
|
|
2301
2299
|
const { __scopePopover, ...arrowProps } = props;
|
|
2302
2300
|
const popperScope = usePopperScope$1(__scopePopover);
|
|
2303
|
-
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
2301
|
+
return /* @__PURE__ */ jsxRuntime.jsx(select.Arrow, { ...popperScope, ...arrowProps, ref: forwardedRef });
|
|
2304
2302
|
}
|
|
2305
2303
|
);
|
|
2306
2304
|
PopoverArrow.displayName = ARROW_NAME$2;
|
|
@@ -2355,7 +2353,7 @@ var N = '[cmdk-group=""]', Y = '[cmdk-group-items=""]', be = '[cmdk-group-headin
|
|
|
2355
2353
|
let n = L(() => {
|
|
2356
2354
|
var e, a;
|
|
2357
2355
|
return { search: "", value: (a = (e = r.value) != null ? e : r.defaultValue) != null ? a : "", selectedItemId: void 0, filtered: { count: 0, items: /* @__PURE__ */ new Map(), groups: /* @__PURE__ */ new Set() } };
|
|
2358
|
-
}), u2 = L(() => /* @__PURE__ */ new Set()), c = L(() => /* @__PURE__ */ new Map()), d = L(() => /* @__PURE__ */ new Map()), f = L(() => /* @__PURE__ */ new Set()), p2 = pe(r), { label: b, children: m2, value: R, onValueChange: x, filter: C, shouldFilter: S, loop: A, disablePointerSelection: ge = false, vimBindings: j = true, ...O } = r, $2 =
|
|
2356
|
+
}), u2 = L(() => /* @__PURE__ */ new Set()), c = L(() => /* @__PURE__ */ new Map()), d = L(() => /* @__PURE__ */ new Map()), f = L(() => /* @__PURE__ */ new Set()), p2 = pe(r), { label: b, children: m2, value: R, onValueChange: x, filter: C, shouldFilter: S, loop: A, disablePointerSelection: ge = false, vimBindings: j = true, ...O } = r, $2 = textarea.useId(), q = textarea.useId(), _ = textarea.useId(), I = React__namespace.useRef(null), v = ke();
|
|
2359
2357
|
k(() => {
|
|
2360
2358
|
if (R !== void 0) {
|
|
2361
2359
|
let e = R.trim();
|
|
@@ -2485,7 +2483,7 @@ var N = '[cmdk-group=""]', Y = '[cmdk-group-items=""]', be = '[cmdk-group-headin
|
|
|
2485
2483
|
}, se = (e) => {
|
|
2486
2484
|
e.preventDefault(), e.metaKey ? X2(0) : e.altKey ? re(-1) : Q(-1);
|
|
2487
2485
|
};
|
|
2488
|
-
return React__namespace.createElement(
|
|
2486
|
+
return React__namespace.createElement(textarea.Primitive.div, { ref: o, tabIndex: -1, ...O, "cmdk-root": "", onKeyDown: (e) => {
|
|
2489
2487
|
var s;
|
|
2490
2488
|
(s = O.onKeyDown) == null || s.call(O, e);
|
|
2491
2489
|
let a = e.nativeEvent.isComposing || e.keyCode === 229;
|
|
@@ -2528,7 +2526,7 @@ var N = '[cmdk-group=""]', Y = '[cmdk-group-items=""]', be = '[cmdk-group-headin
|
|
|
2528
2526
|
} }, React__namespace.createElement("label", { "cmdk-label": "", htmlFor: U2.inputId, id: U2.labelId, style: Te }, b), B(r, (e) => React__namespace.createElement(de.Provider, { value: E }, React__namespace.createElement(ue.Provider, { value: U2 }, e))));
|
|
2529
2527
|
}), he = React__namespace.forwardRef((r, o) => {
|
|
2530
2528
|
var _, I;
|
|
2531
|
-
let n =
|
|
2529
|
+
let n = textarea.useId(), u2 = React__namespace.useRef(null), c = React__namespace.useContext(fe), d = K(), f = pe(r), p2 = (I = (_ = f.current) == null ? void 0 : _.forceMount) != null ? I : c == null ? void 0 : c.forceMount;
|
|
2532
2530
|
k(() => {
|
|
2533
2531
|
if (!p2) return d.item(n, c == null ? void 0 : c.id);
|
|
2534
2532
|
}, [p2]);
|
|
@@ -2546,20 +2544,20 @@ var N = '[cmdk-group=""]', Y = '[cmdk-group-items=""]', be = '[cmdk-group-headin
|
|
|
2546
2544
|
}
|
|
2547
2545
|
if (!x) return null;
|
|
2548
2546
|
let { disabled: A, value: ge, onSelect: j, forceMount: O, keywords: $2, ...q } = r;
|
|
2549
|
-
return React__namespace.createElement(
|
|
2547
|
+
return React__namespace.createElement(textarea.Primitive.div, { ref: index.composeRefs(u2, o), ...q, id: n, "cmdk-item": "", role: "option", "aria-disabled": !!A, "aria-selected": !!R, "data-disabled": !!A, "data-selected": !!R, onPointerMove: A || d.getDisablePointerSelection() ? void 0 : S, onClick: A ? void 0 : C }, r.children);
|
|
2550
2548
|
}), Ee = React__namespace.forwardRef((r, o) => {
|
|
2551
|
-
let { heading: n, children: u2, forceMount: c, ...d } = r, f =
|
|
2549
|
+
let { heading: n, children: u2, forceMount: c, ...d } = r, f = textarea.useId(), p2 = React__namespace.useRef(null), b = React__namespace.useRef(null), m2 = textarea.useId(), R = K(), x = P((S) => c || R.filter() === false ? true : S.search ? S.filtered.groups.has(f) : true);
|
|
2552
2550
|
k(() => R.group(f), []), ve(f, p2, [r.value, r.heading, b]);
|
|
2553
2551
|
let C = React__namespace.useMemo(() => ({ id: f, forceMount: c }), [c]);
|
|
2554
|
-
return React__namespace.createElement(
|
|
2552
|
+
return React__namespace.createElement(textarea.Primitive.div, { ref: index.composeRefs(p2, o), ...d, "cmdk-group": "", role: "presentation", hidden: x ? void 0 : true }, n && React__namespace.createElement("div", { ref: b, "cmdk-group-heading": "", "aria-hidden": true, id: m2 }, n), B(r, (S) => React__namespace.createElement("div", { "cmdk-group-items": "", role: "group", "aria-labelledby": n ? m2 : void 0 }, React__namespace.createElement(fe.Provider, { value: C }, S))));
|
|
2555
2553
|
}), ye = React__namespace.forwardRef((r, o) => {
|
|
2556
2554
|
let { alwaysRender: n, ...u2 } = r, c = React__namespace.useRef(null), d = P((f) => !f.search);
|
|
2557
|
-
return !n && !d ? null : React__namespace.createElement(
|
|
2555
|
+
return !n && !d ? null : React__namespace.createElement(textarea.Primitive.div, { ref: index.composeRefs(c, o), ...u2, "cmdk-separator": "", role: "separator" });
|
|
2558
2556
|
}), Se = React__namespace.forwardRef((r, o) => {
|
|
2559
2557
|
let { onValueChange: n, ...u2 } = r, c = r.value != null, d = ee(), f = P((m2) => m2.search), p2 = P((m2) => m2.selectedItemId), b = K();
|
|
2560
2558
|
return React__namespace.useEffect(() => {
|
|
2561
2559
|
r.value != null && d.setState("search", r.value);
|
|
2562
|
-
}, [r.value]), React__namespace.createElement(
|
|
2560
|
+
}, [r.value]), React__namespace.createElement(textarea.Primitive.input, { ref: o, ...u2, "cmdk-input": "", autoComplete: "off", autoCorrect: "off", spellCheck: false, "aria-autocomplete": "list", role: "combobox", "aria-expanded": true, "aria-controls": b.listId, "aria-labelledby": b.labelId, "aria-activedescendant": p2, id: b.inputId, type: "text", value: c ? r.value : f, onChange: (m2) => {
|
|
2563
2561
|
c || d.setState("search", m2.target.value), n == null || n(m2.target.value);
|
|
2564
2562
|
} });
|
|
2565
2563
|
}), Ce = React__namespace.forwardRef((r, o) => {
|
|
@@ -2576,13 +2574,13 @@ var N = '[cmdk-group=""]', Y = '[cmdk-group-items=""]', be = '[cmdk-group-headin
|
|
|
2576
2574
|
cancelAnimationFrame(x), C.unobserve(m2);
|
|
2577
2575
|
};
|
|
2578
2576
|
}
|
|
2579
|
-
}, []), React__namespace.createElement(
|
|
2577
|
+
}, []), React__namespace.createElement(textarea.Primitive.div, { ref: index.composeRefs(d, o), ...c, "cmdk-list": "", role: "listbox", tabIndex: -1, "aria-activedescendant": p2, "aria-label": u2, id: b.listId }, B(r, (m2) => React__namespace.createElement("div", { ref: index.composeRefs(f, b.listInnerRef), "cmdk-list-sizer": "" }, m2)));
|
|
2580
2578
|
}), xe = React__namespace.forwardRef((r, o) => {
|
|
2581
2579
|
let { open: n, onOpenChange: u2, overlayClassName: c, contentClassName: d, container: f, ...p2 } = r;
|
|
2582
|
-
return React__namespace.createElement(textarea.Root, { open: n, onOpenChange: u2 }, React__namespace.createElement(textarea.Portal, { container: f }, React__namespace.createElement(textarea.Overlay, { "cmdk-overlay": "", className: c }), React__namespace.createElement(textarea.Content, { "aria-label": r.label, "cmdk-dialog": "", className: d }, React__namespace.createElement(me, { ref: o, ...p2 }))));
|
|
2583
|
-
}), Ie = React__namespace.forwardRef((r, o) => P((u2) => u2.filtered.count === 0) ? React__namespace.createElement(
|
|
2580
|
+
return React__namespace.createElement(textarea.Root, { open: n, onOpenChange: u2 }, React__namespace.createElement(textarea.Portal$1, { container: f }, React__namespace.createElement(textarea.Overlay, { "cmdk-overlay": "", className: c }), React__namespace.createElement(textarea.Content, { "aria-label": r.label, "cmdk-dialog": "", className: d }, React__namespace.createElement(me, { ref: o, ...p2 }))));
|
|
2581
|
+
}), Ie = React__namespace.forwardRef((r, o) => P((u2) => u2.filtered.count === 0) ? React__namespace.createElement(textarea.Primitive.div, { ref: o, ...r, "cmdk-empty": "", role: "presentation" }) : null), Pe = React__namespace.forwardRef((r, o) => {
|
|
2584
2582
|
let { progress: n, children: u2, label: c = "Loading...", ...d } = r;
|
|
2585
|
-
return React__namespace.createElement(
|
|
2583
|
+
return React__namespace.createElement(textarea.Primitive.div, { ref: o, ...d, "cmdk-loading": "", role: "progressbar", "aria-valuenow": n, "aria-valuemin": 0, "aria-valuemax": 100, "aria-label": c }, B(r, (f) => React__namespace.createElement("div", { "aria-hidden": true }, f)));
|
|
2586
2584
|
}), _e = Object.assign(me, { List: Ce, Item: he, Input: Se, Group: Ee, Separator: ye, Dialog: xe, Empty: Ie, Loading: Pe });
|
|
2587
2585
|
function we(r, o) {
|
|
2588
2586
|
let n = r.nextElementSibling;
|
|
@@ -2731,7 +2729,7 @@ function CommandShortcut({ className, ...props }) {
|
|
|
2731
2729
|
return /* @__PURE__ */ jsxRuntime.jsx("span", { "data-slot": "command-shortcut", className: utils.cn("text-muted-foreground ml-auto text-xs tracking-widest", className), ...props });
|
|
2732
2730
|
}
|
|
2733
2731
|
var COLLAPSIBLE_NAME = "Collapsible";
|
|
2734
|
-
var [createCollapsibleContext, createCollapsibleScope] =
|
|
2732
|
+
var [createCollapsibleContext, createCollapsibleScope] = textarea.createContextScope(COLLAPSIBLE_NAME);
|
|
2735
2733
|
var [CollapsibleProvider, useCollapsibleContext] = createCollapsibleContext(COLLAPSIBLE_NAME);
|
|
2736
2734
|
var Collapsible = React__namespace.forwardRef(
|
|
2737
2735
|
(props, forwardedRef) => {
|
|
@@ -2743,7 +2741,7 @@ var Collapsible = React__namespace.forwardRef(
|
|
|
2743
2741
|
onOpenChange,
|
|
2744
2742
|
...collapsibleProps
|
|
2745
2743
|
} = props;
|
|
2746
|
-
const [open, setOpen] =
|
|
2744
|
+
const [open, setOpen] = textarea.useControllableState({
|
|
2747
2745
|
prop: openProp,
|
|
2748
2746
|
defaultProp: defaultOpen ?? false,
|
|
2749
2747
|
onChange: onOpenChange,
|
|
@@ -2754,11 +2752,11 @@ var Collapsible = React__namespace.forwardRef(
|
|
|
2754
2752
|
{
|
|
2755
2753
|
scope: __scopeCollapsible,
|
|
2756
2754
|
disabled,
|
|
2757
|
-
contentId:
|
|
2755
|
+
contentId: textarea.useId(),
|
|
2758
2756
|
open,
|
|
2759
2757
|
onOpenToggle: React__namespace.useCallback(() => setOpen((prevOpen) => !prevOpen), [setOpen]),
|
|
2760
2758
|
children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
2761
|
-
|
|
2759
|
+
textarea.Primitive.div,
|
|
2762
2760
|
{
|
|
2763
2761
|
"data-state": getState$2(open),
|
|
2764
2762
|
"data-disabled": disabled ? "" : void 0,
|
|
@@ -2777,7 +2775,7 @@ var CollapsibleTrigger = React__namespace.forwardRef(
|
|
|
2777
2775
|
const { __scopeCollapsible, ...triggerProps } = props;
|
|
2778
2776
|
const context = useCollapsibleContext(TRIGGER_NAME$5, __scopeCollapsible);
|
|
2779
2777
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
2780
|
-
|
|
2778
|
+
textarea.Primitive.button,
|
|
2781
2779
|
{
|
|
2782
2780
|
type: "button",
|
|
2783
2781
|
"aria-controls": context.contentId,
|
|
@@ -2787,7 +2785,7 @@ var CollapsibleTrigger = React__namespace.forwardRef(
|
|
|
2787
2785
|
disabled: context.disabled,
|
|
2788
2786
|
...triggerProps,
|
|
2789
2787
|
ref: forwardedRef,
|
|
2790
|
-
onClick:
|
|
2788
|
+
onClick: textarea.composeEventHandlers(props.onClick, context.onOpenToggle)
|
|
2791
2789
|
}
|
|
2792
2790
|
);
|
|
2793
2791
|
}
|
|
@@ -2798,7 +2796,7 @@ var CollapsibleContent = React__namespace.forwardRef(
|
|
|
2798
2796
|
(props, forwardedRef) => {
|
|
2799
2797
|
const { forceMount, ...contentProps } = props;
|
|
2800
2798
|
const context = useCollapsibleContext(CONTENT_NAME$5, props.__scopeCollapsible);
|
|
2801
|
-
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
2799
|
+
return /* @__PURE__ */ jsxRuntime.jsx(textarea.Presence, { present: forceMount || context.open, children: ({ present }) => /* @__PURE__ */ jsxRuntime.jsx(CollapsibleContentImpl, { ...contentProps, ref: forwardedRef, present }) });
|
|
2802
2800
|
}
|
|
2803
2801
|
);
|
|
2804
2802
|
CollapsibleContent.displayName = CONTENT_NAME$5;
|
|
@@ -2807,7 +2805,7 @@ var CollapsibleContentImpl = React__namespace.forwardRef((props, forwardedRef) =
|
|
|
2807
2805
|
const context = useCollapsibleContext(CONTENT_NAME$5, __scopeCollapsible);
|
|
2808
2806
|
const [isPresent, setIsPresent] = React__namespace.useState(present);
|
|
2809
2807
|
const ref = React__namespace.useRef(null);
|
|
2810
|
-
const composedRefs = index
|
|
2808
|
+
const composedRefs = index.useComposedRefs(forwardedRef, ref);
|
|
2811
2809
|
const heightRef = React__namespace.useRef(0);
|
|
2812
2810
|
const height = heightRef.current;
|
|
2813
2811
|
const widthRef = React__namespace.useRef(0);
|
|
@@ -2819,7 +2817,7 @@ var CollapsibleContentImpl = React__namespace.forwardRef((props, forwardedRef) =
|
|
|
2819
2817
|
const rAF = requestAnimationFrame(() => isMountAnimationPreventedRef.current = false);
|
|
2820
2818
|
return () => cancelAnimationFrame(rAF);
|
|
2821
2819
|
}, []);
|
|
2822
|
-
|
|
2820
|
+
textarea.useLayoutEffect2(() => {
|
|
2823
2821
|
const node = ref.current;
|
|
2824
2822
|
if (node) {
|
|
2825
2823
|
originalStylesRef.current = originalStylesRef.current || {
|
|
@@ -2839,7 +2837,7 @@ var CollapsibleContentImpl = React__namespace.forwardRef((props, forwardedRef) =
|
|
|
2839
2837
|
}
|
|
2840
2838
|
}, [context.open, present]);
|
|
2841
2839
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
2842
|
-
|
|
2840
|
+
textarea.Primitive.div,
|
|
2843
2841
|
{
|
|
2844
2842
|
"data-state": getState$2(context.open),
|
|
2845
2843
|
"data-disabled": context.disabled ? "" : void 0,
|
|
@@ -2865,7 +2863,7 @@ var Content$1 = CollapsibleContent;
|
|
|
2865
2863
|
var ACCORDION_NAME = "Accordion";
|
|
2866
2864
|
var ACCORDION_KEYS = ["Home", "End", "ArrowDown", "ArrowUp", "ArrowLeft", "ArrowRight"];
|
|
2867
2865
|
var [Collection$2, useCollection$2, createCollectionScope$2] = select.createCollection(ACCORDION_NAME);
|
|
2868
|
-
var [createAccordionContext] =
|
|
2866
|
+
var [createAccordionContext] = textarea.createContextScope(ACCORDION_NAME, [
|
|
2869
2867
|
createCollectionScope$2,
|
|
2870
2868
|
createCollapsibleScope
|
|
2871
2869
|
]);
|
|
@@ -2894,7 +2892,7 @@ var AccordionImplSingle = React.forwardRef(
|
|
|
2894
2892
|
collapsible = false,
|
|
2895
2893
|
...accordionSingleProps
|
|
2896
2894
|
} = props;
|
|
2897
|
-
const [value, setValue] =
|
|
2895
|
+
const [value, setValue] = textarea.useControllableState({
|
|
2898
2896
|
prop: valueProp,
|
|
2899
2897
|
defaultProp: defaultValue ?? "",
|
|
2900
2898
|
onChange: onValueChange,
|
|
@@ -2920,7 +2918,7 @@ var AccordionImplMultiple = React.forwardRef((props, forwardedRef) => {
|
|
|
2920
2918
|
},
|
|
2921
2919
|
...accordionMultipleProps
|
|
2922
2920
|
} = props;
|
|
2923
|
-
const [value, setValue] =
|
|
2921
|
+
const [value, setValue] = textarea.useControllableState({
|
|
2924
2922
|
prop: valueProp,
|
|
2925
2923
|
defaultProp: defaultValue ?? [],
|
|
2926
2924
|
onChange: onValueChange,
|
|
@@ -2950,11 +2948,11 @@ var AccordionImpl = React.forwardRef(
|
|
|
2950
2948
|
(props, forwardedRef) => {
|
|
2951
2949
|
const { __scopeAccordion, disabled, dir, orientation = "vertical", ...accordionProps } = props;
|
|
2952
2950
|
const accordionRef = React.useRef(null);
|
|
2953
|
-
const composedRefs = index
|
|
2951
|
+
const composedRefs = index.useComposedRefs(accordionRef, forwardedRef);
|
|
2954
2952
|
const getItems = useCollection$2(__scopeAccordion);
|
|
2955
|
-
const direction = index$
|
|
2953
|
+
const direction = index$1.useDirection(dir);
|
|
2956
2954
|
const isDirectionLTR = direction === "ltr";
|
|
2957
|
-
const handleKeyDown =
|
|
2955
|
+
const handleKeyDown = textarea.composeEventHandlers(props.onKeyDown, (event) => {
|
|
2958
2956
|
if (!ACCORDION_KEYS.includes(event.key)) return;
|
|
2959
2957
|
const target = event.target;
|
|
2960
2958
|
const triggerCollection = getItems().filter((item) => !item.ref.current?.disabled);
|
|
@@ -3024,7 +3022,7 @@ var AccordionImpl = React.forwardRef(
|
|
|
3024
3022
|
direction: dir,
|
|
3025
3023
|
orientation,
|
|
3026
3024
|
children: /* @__PURE__ */ jsxRuntime.jsx(Collection$2.Slot, { scope: __scopeAccordion, children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
3027
|
-
|
|
3025
|
+
textarea.Primitive.div,
|
|
3028
3026
|
{
|
|
3029
3027
|
...accordionProps,
|
|
3030
3028
|
"data-orientation": orientation,
|
|
@@ -3044,7 +3042,7 @@ var AccordionItem$1 = React.forwardRef(
|
|
|
3044
3042
|
const accordionContext = useAccordionContext(ITEM_NAME$3, __scopeAccordion);
|
|
3045
3043
|
const valueContext = useAccordionValueContext(ITEM_NAME$3, __scopeAccordion);
|
|
3046
3044
|
const collapsibleScope = useCollapsibleScope(__scopeAccordion);
|
|
3047
|
-
const triggerId =
|
|
3045
|
+
const triggerId = textarea.useId();
|
|
3048
3046
|
const open = value && valueContext.value.includes(value) || false;
|
|
3049
3047
|
const disabled = accordionContext.disabled || props.disabled;
|
|
3050
3048
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
@@ -3085,7 +3083,7 @@ var AccordionHeader = React.forwardRef(
|
|
|
3085
3083
|
const accordionContext = useAccordionContext(ACCORDION_NAME, __scopeAccordion);
|
|
3086
3084
|
const itemContext = useAccordionItemContext(HEADER_NAME, __scopeAccordion);
|
|
3087
3085
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
3088
|
-
|
|
3086
|
+
textarea.Primitive.h3,
|
|
3089
3087
|
{
|
|
3090
3088
|
"data-orientation": accordionContext.orientation,
|
|
3091
3089
|
"data-state": getState$1(itemContext.open),
|
|
@@ -3171,7 +3169,7 @@ function AccordionTrigger({ className, children, ...props }) {
|
|
|
3171
3169
|
...props,
|
|
3172
3170
|
children: [
|
|
3173
3171
|
children,
|
|
3174
|
-
/* @__PURE__ */ jsxRuntime.jsx(index$
|
|
3172
|
+
/* @__PURE__ */ jsxRuntime.jsx(index$1.ChevronDown, { className: "text-muted-foreground pointer-events-none size-4 shrink-0 translate-y-0.5 transition-transform duration-200" })
|
|
3175
3173
|
]
|
|
3176
3174
|
}
|
|
3177
3175
|
) });
|
|
@@ -3190,7 +3188,7 @@ function AccordionContent({ className, children, ...props }) {
|
|
|
3190
3188
|
var NAVIGATION_MENU_NAME = "NavigationMenu";
|
|
3191
3189
|
var [Collection$1, useCollection$1, createCollectionScope$1] = select.createCollection(NAVIGATION_MENU_NAME);
|
|
3192
3190
|
var [FocusGroupCollection, useFocusGroupCollection, createFocusGroupCollectionScope] = select.createCollection(NAVIGATION_MENU_NAME);
|
|
3193
|
-
var [createNavigationMenuContext] =
|
|
3191
|
+
var [createNavigationMenuContext] = textarea.createContextScope(
|
|
3194
3192
|
NAVIGATION_MENU_NAME,
|
|
3195
3193
|
[createCollectionScope$1, createFocusGroupCollectionScope]
|
|
3196
3194
|
);
|
|
@@ -3210,13 +3208,13 @@ var NavigationMenu$1 = React__namespace.forwardRef(
|
|
|
3210
3208
|
...NavigationMenuProps
|
|
3211
3209
|
} = props;
|
|
3212
3210
|
const [navigationMenu, setNavigationMenu] = React__namespace.useState(null);
|
|
3213
|
-
const composedRef = index
|
|
3214
|
-
const direction = index$
|
|
3211
|
+
const composedRef = index.useComposedRefs(forwardedRef, (node) => setNavigationMenu(node));
|
|
3212
|
+
const direction = index$1.useDirection(dir);
|
|
3215
3213
|
const openTimerRef = React__namespace.useRef(0);
|
|
3216
3214
|
const closeTimerRef = React__namespace.useRef(0);
|
|
3217
3215
|
const skipDelayTimerRef = React__namespace.useRef(0);
|
|
3218
3216
|
const [isOpenDelayed, setIsOpenDelayed] = React__namespace.useState(true);
|
|
3219
|
-
const [value, setValue] =
|
|
3217
|
+
const [value, setValue] = textarea.useControllableState({
|
|
3220
3218
|
prop: valueProp,
|
|
3221
3219
|
onChange: (value2) => {
|
|
3222
3220
|
const isOpen = value2 !== "";
|
|
@@ -3293,7 +3291,7 @@ var NavigationMenu$1 = React__namespace.forwardRef(
|
|
|
3293
3291
|
},
|
|
3294
3292
|
onItemDismiss: () => setValue(""),
|
|
3295
3293
|
children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
3296
|
-
|
|
3294
|
+
textarea.Primitive.nav,
|
|
3297
3295
|
{
|
|
3298
3296
|
"aria-label": "Main",
|
|
3299
3297
|
"data-orientation": orientation,
|
|
@@ -3319,7 +3317,7 @@ var NavigationMenuSub = React__namespace.forwardRef(
|
|
|
3319
3317
|
...subProps
|
|
3320
3318
|
} = props;
|
|
3321
3319
|
const context = useNavigationMenuContext(SUB_NAME$1, __scopeNavigationMenu);
|
|
3322
|
-
const [value, setValue] =
|
|
3320
|
+
const [value, setValue] = textarea.useControllableState({
|
|
3323
3321
|
prop: valueProp,
|
|
3324
3322
|
onChange: onValueChange,
|
|
3325
3323
|
defaultProp: defaultValue ?? "",
|
|
@@ -3337,7 +3335,7 @@ var NavigationMenuSub = React__namespace.forwardRef(
|
|
|
3337
3335
|
onTriggerEnter: (itemValue) => setValue(itemValue),
|
|
3338
3336
|
onItemSelect: (itemValue) => setValue(itemValue),
|
|
3339
3337
|
onItemDismiss: () => setValue(""),
|
|
3340
|
-
children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
3338
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(textarea.Primitive.div, { "data-orientation": orientation, ...subProps, ref: forwardedRef })
|
|
3341
3339
|
}
|
|
3342
3340
|
);
|
|
3343
3341
|
}
|
|
@@ -3370,19 +3368,19 @@ var NavigationMenuProvider = (props) => {
|
|
|
3370
3368
|
rootNavigationMenu,
|
|
3371
3369
|
value,
|
|
3372
3370
|
previousValue: select.usePrevious(value),
|
|
3373
|
-
baseId:
|
|
3371
|
+
baseId: textarea.useId(),
|
|
3374
3372
|
dir,
|
|
3375
3373
|
orientation,
|
|
3376
3374
|
viewport,
|
|
3377
3375
|
onViewportChange: setViewport,
|
|
3378
3376
|
indicatorTrack,
|
|
3379
3377
|
onIndicatorTrackChange: setIndicatorTrack,
|
|
3380
|
-
onTriggerEnter:
|
|
3381
|
-
onTriggerLeave:
|
|
3382
|
-
onContentEnter:
|
|
3383
|
-
onContentLeave:
|
|
3384
|
-
onItemSelect:
|
|
3385
|
-
onItemDismiss:
|
|
3378
|
+
onTriggerEnter: textarea.useCallbackRef(onTriggerEnter),
|
|
3379
|
+
onTriggerLeave: textarea.useCallbackRef(onTriggerLeave),
|
|
3380
|
+
onContentEnter: textarea.useCallbackRef(onContentEnter),
|
|
3381
|
+
onContentLeave: textarea.useCallbackRef(onContentLeave),
|
|
3382
|
+
onItemSelect: textarea.useCallbackRef(onItemSelect),
|
|
3383
|
+
onItemDismiss: textarea.useCallbackRef(onItemDismiss),
|
|
3386
3384
|
onViewportContentChange: React__namespace.useCallback((contentValue, contentData) => {
|
|
3387
3385
|
setViewportContent((prevContent) => {
|
|
3388
3386
|
prevContent.set(contentValue, contentData);
|
|
@@ -3405,8 +3403,8 @@ var NavigationMenuList$1 = React__namespace.forwardRef(
|
|
|
3405
3403
|
(props, forwardedRef) => {
|
|
3406
3404
|
const { __scopeNavigationMenu, ...listProps } = props;
|
|
3407
3405
|
const context = useNavigationMenuContext(LIST_NAME, __scopeNavigationMenu);
|
|
3408
|
-
const list = /* @__PURE__ */ jsxRuntime.jsx(
|
|
3409
|
-
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
3406
|
+
const list = /* @__PURE__ */ jsxRuntime.jsx(textarea.Primitive.ul, { "data-orientation": context.orientation, ...listProps, ref: forwardedRef });
|
|
3407
|
+
return /* @__PURE__ */ jsxRuntime.jsx(textarea.Primitive.div, { style: { position: "relative" }, ref: context.onIndicatorTrackChange, children: /* @__PURE__ */ jsxRuntime.jsx(Collection$1.Slot, { scope: __scopeNavigationMenu, children: context.isRootMenu ? /* @__PURE__ */ jsxRuntime.jsx(FocusGroup, { asChild: true, children: list }) : list }) });
|
|
3410
3408
|
}
|
|
3411
3409
|
);
|
|
3412
3410
|
NavigationMenuList$1.displayName = LIST_NAME;
|
|
@@ -3415,7 +3413,7 @@ var [NavigationMenuItemContextProvider, useNavigationMenuItemContext] = createNa
|
|
|
3415
3413
|
var NavigationMenuItem$1 = React__namespace.forwardRef(
|
|
3416
3414
|
(props, forwardedRef) => {
|
|
3417
3415
|
const { __scopeNavigationMenu, value: valueProp, ...itemProps } = props;
|
|
3418
|
-
const autoValue =
|
|
3416
|
+
const autoValue = textarea.useId();
|
|
3419
3417
|
const value = valueProp || autoValue || "LEGACY_REACT_AUTO_VALUE";
|
|
3420
3418
|
const contentRef = React__namespace.useRef(null);
|
|
3421
3419
|
const triggerRef = React__namespace.useRef(null);
|
|
@@ -3449,7 +3447,7 @@ var NavigationMenuItem$1 = React__namespace.forwardRef(
|
|
|
3449
3447
|
onFocusProxyEnter: handleContentEntry,
|
|
3450
3448
|
onRootContentClose: handleContentExit,
|
|
3451
3449
|
onContentFocusOutside: handleContentExit,
|
|
3452
|
-
children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
3450
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(textarea.Primitive.li, { ...itemProps, ref: forwardedRef })
|
|
3453
3451
|
}
|
|
3454
3452
|
);
|
|
3455
3453
|
}
|
|
@@ -3461,7 +3459,7 @@ var NavigationMenuTrigger$1 = React__namespace.forwardRef((props, forwardedRef)
|
|
|
3461
3459
|
const context = useNavigationMenuContext(TRIGGER_NAME$3, props.__scopeNavigationMenu);
|
|
3462
3460
|
const itemContext = useNavigationMenuItemContext(TRIGGER_NAME$3, props.__scopeNavigationMenu);
|
|
3463
3461
|
const ref = React__namespace.useRef(null);
|
|
3464
|
-
const composedRefs = index
|
|
3462
|
+
const composedRefs = index.useComposedRefs(ref, itemContext.triggerRef, forwardedRef);
|
|
3465
3463
|
const triggerId = makeTriggerId(context.baseId, itemContext.value);
|
|
3466
3464
|
const contentId = makeContentId(context.baseId, itemContext.value);
|
|
3467
3465
|
const hasPointerMoveOpenedRef = React__namespace.useRef(false);
|
|
@@ -3469,7 +3467,7 @@ var NavigationMenuTrigger$1 = React__namespace.forwardRef((props, forwardedRef)
|
|
|
3469
3467
|
const open = itemContext.value === context.value;
|
|
3470
3468
|
return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
|
|
3471
3469
|
/* @__PURE__ */ jsxRuntime.jsx(Collection$1.ItemSlot, { scope: __scopeNavigationMenu, value: itemContext.value, children: /* @__PURE__ */ jsxRuntime.jsx(FocusGroupItem, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
3472
|
-
|
|
3470
|
+
textarea.Primitive.button,
|
|
3473
3471
|
{
|
|
3474
3472
|
id: triggerId,
|
|
3475
3473
|
disabled,
|
|
@@ -3479,11 +3477,11 @@ var NavigationMenuTrigger$1 = React__namespace.forwardRef((props, forwardedRef)
|
|
|
3479
3477
|
"aria-controls": contentId,
|
|
3480
3478
|
...triggerProps,
|
|
3481
3479
|
ref: composedRefs,
|
|
3482
|
-
onPointerEnter:
|
|
3480
|
+
onPointerEnter: textarea.composeEventHandlers(props.onPointerEnter, () => {
|
|
3483
3481
|
wasClickCloseRef.current = false;
|
|
3484
3482
|
itemContext.wasEscapeCloseRef.current = false;
|
|
3485
3483
|
}),
|
|
3486
|
-
onPointerMove:
|
|
3484
|
+
onPointerMove: textarea.composeEventHandlers(
|
|
3487
3485
|
props.onPointerMove,
|
|
3488
3486
|
whenMouse(() => {
|
|
3489
3487
|
if (disabled || wasClickCloseRef.current || itemContext.wasEscapeCloseRef.current || hasPointerMoveOpenedRef.current)
|
|
@@ -3492,7 +3490,7 @@ var NavigationMenuTrigger$1 = React__namespace.forwardRef((props, forwardedRef)
|
|
|
3492
3490
|
hasPointerMoveOpenedRef.current = true;
|
|
3493
3491
|
})
|
|
3494
3492
|
),
|
|
3495
|
-
onPointerLeave:
|
|
3493
|
+
onPointerLeave: textarea.composeEventHandlers(
|
|
3496
3494
|
props.onPointerLeave,
|
|
3497
3495
|
whenMouse(() => {
|
|
3498
3496
|
if (disabled) return;
|
|
@@ -3500,11 +3498,11 @@ var NavigationMenuTrigger$1 = React__namespace.forwardRef((props, forwardedRef)
|
|
|
3500
3498
|
hasPointerMoveOpenedRef.current = false;
|
|
3501
3499
|
})
|
|
3502
3500
|
),
|
|
3503
|
-
onClick:
|
|
3501
|
+
onClick: textarea.composeEventHandlers(props.onClick, () => {
|
|
3504
3502
|
context.onItemSelect(itemContext.value);
|
|
3505
3503
|
wasClickCloseRef.current = open;
|
|
3506
3504
|
}),
|
|
3507
|
-
onKeyDown:
|
|
3505
|
+
onKeyDown: textarea.composeEventHandlers(props.onKeyDown, (event) => {
|
|
3508
3506
|
const verticalEntryKey = context.dir === "rtl" ? "ArrowLeft" : "ArrowRight";
|
|
3509
3507
|
const entryKey = { horizontal: "ArrowDown", vertical: verticalEntryKey }[context.orientation];
|
|
3510
3508
|
if (open && event.key === entryKey) {
|
|
@@ -3516,7 +3514,7 @@ var NavigationMenuTrigger$1 = React__namespace.forwardRef((props, forwardedRef)
|
|
|
3516
3514
|
) }) }),
|
|
3517
3515
|
open && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
|
|
3518
3516
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
3519
|
-
|
|
3517
|
+
select.Root,
|
|
3520
3518
|
{
|
|
3521
3519
|
"aria-hidden": true,
|
|
3522
3520
|
tabIndex: 0,
|
|
@@ -3543,13 +3541,13 @@ var NavigationMenuLink$1 = React__namespace.forwardRef(
|
|
|
3543
3541
|
(props, forwardedRef) => {
|
|
3544
3542
|
const { __scopeNavigationMenu, active, onSelect, ...linkProps } = props;
|
|
3545
3543
|
return /* @__PURE__ */ jsxRuntime.jsx(FocusGroupItem, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
3546
|
-
|
|
3544
|
+
textarea.Primitive.a,
|
|
3547
3545
|
{
|
|
3548
3546
|
"data-active": active ? "" : void 0,
|
|
3549
3547
|
"aria-current": active ? "page" : void 0,
|
|
3550
3548
|
...linkProps,
|
|
3551
3549
|
ref: forwardedRef,
|
|
3552
|
-
onClick:
|
|
3550
|
+
onClick: textarea.composeEventHandlers(
|
|
3553
3551
|
props.onClick,
|
|
3554
3552
|
(event) => {
|
|
3555
3553
|
const target = event.target;
|
|
@@ -3558,13 +3556,13 @@ var NavigationMenuLink$1 = React__namespace.forwardRef(
|
|
|
3558
3556
|
cancelable: true
|
|
3559
3557
|
});
|
|
3560
3558
|
target.addEventListener(LINK_SELECT, (event2) => onSelect?.(event2), { once: true });
|
|
3561
|
-
|
|
3559
|
+
textarea.dispatchDiscreteCustomEvent(target, linkSelectEvent);
|
|
3562
3560
|
if (!linkSelectEvent.defaultPrevented && !event.metaKey) {
|
|
3563
3561
|
const rootContentDismissEvent = new CustomEvent(ROOT_CONTENT_DISMISS, {
|
|
3564
3562
|
bubbles: true,
|
|
3565
3563
|
cancelable: true
|
|
3566
3564
|
});
|
|
3567
|
-
|
|
3565
|
+
textarea.dispatchDiscreteCustomEvent(target, rootContentDismissEvent);
|
|
3568
3566
|
}
|
|
3569
3567
|
},
|
|
3570
3568
|
{ checkForDefaultPrevented: false }
|
|
@@ -3580,7 +3578,7 @@ var NavigationMenuIndicator$1 = React__namespace.forwardRef((props, forwardedRef
|
|
|
3580
3578
|
const context = useNavigationMenuContext(INDICATOR_NAME$2, props.__scopeNavigationMenu);
|
|
3581
3579
|
const isVisible = Boolean(context.value);
|
|
3582
3580
|
return context.indicatorTrack ? ReactDOM.createPortal(
|
|
3583
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
3581
|
+
/* @__PURE__ */ jsxRuntime.jsx(textarea.Presence, { present: forceMount || isVisible, children: /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuIndicatorImpl, { ...indicatorProps, ref: forwardedRef }) }),
|
|
3584
3582
|
context.indicatorTrack
|
|
3585
3583
|
) : null;
|
|
3586
3584
|
});
|
|
@@ -3611,7 +3609,7 @@ var NavigationMenuIndicatorImpl = React__namespace.forwardRef((props, forwardedR
|
|
|
3611
3609
|
useResizeObserver(activeTrigger, handlePositionChange);
|
|
3612
3610
|
useResizeObserver(context.indicatorTrack, handlePositionChange);
|
|
3613
3611
|
return position ? /* @__PURE__ */ jsxRuntime.jsx(
|
|
3614
|
-
|
|
3612
|
+
textarea.Primitive.div,
|
|
3615
3613
|
{
|
|
3616
3614
|
"aria-hidden": true,
|
|
3617
3615
|
"data-state": isVisible ? "visible" : "hidden",
|
|
@@ -3639,7 +3637,7 @@ var NavigationMenuContent$1 = React__namespace.forwardRef((props, forwardedRef)
|
|
|
3639
3637
|
const { forceMount, ...contentProps } = props;
|
|
3640
3638
|
const context = useNavigationMenuContext(CONTENT_NAME$3, props.__scopeNavigationMenu);
|
|
3641
3639
|
const itemContext = useNavigationMenuItemContext(CONTENT_NAME$3, props.__scopeNavigationMenu);
|
|
3642
|
-
const composedRefs = index
|
|
3640
|
+
const composedRefs = index.useComposedRefs(itemContext.contentRef, forwardedRef);
|
|
3643
3641
|
const open = itemContext.value === context.value;
|
|
3644
3642
|
const commonProps = {
|
|
3645
3643
|
value: itemContext.value,
|
|
@@ -3650,14 +3648,14 @@ var NavigationMenuContent$1 = React__namespace.forwardRef((props, forwardedRef)
|
|
|
3650
3648
|
onRootContentClose: itemContext.onRootContentClose,
|
|
3651
3649
|
...contentProps
|
|
3652
3650
|
};
|
|
3653
|
-
return !context.viewport ? /* @__PURE__ */ jsxRuntime.jsx(
|
|
3651
|
+
return !context.viewport ? /* @__PURE__ */ jsxRuntime.jsx(textarea.Presence, { present: forceMount || open, children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
3654
3652
|
NavigationMenuContentImpl,
|
|
3655
3653
|
{
|
|
3656
3654
|
"data-state": getOpenState(open),
|
|
3657
3655
|
...commonProps,
|
|
3658
3656
|
ref: composedRefs,
|
|
3659
|
-
onPointerEnter:
|
|
3660
|
-
onPointerLeave:
|
|
3657
|
+
onPointerEnter: textarea.composeEventHandlers(props.onPointerEnter, context.onContentEnter),
|
|
3658
|
+
onPointerLeave: textarea.composeEventHandlers(
|
|
3661
3659
|
props.onPointerLeave,
|
|
3662
3660
|
whenMouse(context.onContentLeave)
|
|
3663
3661
|
),
|
|
@@ -3673,13 +3671,13 @@ NavigationMenuContent$1.displayName = CONTENT_NAME$3;
|
|
|
3673
3671
|
var ViewportContentMounter = React__namespace.forwardRef((props, forwardedRef) => {
|
|
3674
3672
|
const context = useNavigationMenuContext(CONTENT_NAME$3, props.__scopeNavigationMenu);
|
|
3675
3673
|
const { onViewportContentChange, onViewportContentRemove } = context;
|
|
3676
|
-
|
|
3674
|
+
textarea.useLayoutEffect2(() => {
|
|
3677
3675
|
onViewportContentChange(props.value, {
|
|
3678
3676
|
ref: forwardedRef,
|
|
3679
3677
|
...props
|
|
3680
3678
|
});
|
|
3681
3679
|
}, [props, forwardedRef, onViewportContentChange]);
|
|
3682
|
-
|
|
3680
|
+
textarea.useLayoutEffect2(() => {
|
|
3683
3681
|
return () => onViewportContentRemove(props.value);
|
|
3684
3682
|
}, [props.value, onViewportContentRemove]);
|
|
3685
3683
|
return null;
|
|
@@ -3698,7 +3696,7 @@ var NavigationMenuContentImpl = React__namespace.forwardRef((props, forwardedRef
|
|
|
3698
3696
|
} = props;
|
|
3699
3697
|
const context = useNavigationMenuContext(CONTENT_NAME$3, __scopeNavigationMenu);
|
|
3700
3698
|
const ref = React__namespace.useRef(null);
|
|
3701
|
-
const composedRefs = index
|
|
3699
|
+
const composedRefs = index.useComposedRefs(ref, forwardedRef);
|
|
3702
3700
|
const triggerId = makeTriggerId(context.baseId, value);
|
|
3703
3701
|
const contentId = makeContentId(context.baseId, value);
|
|
3704
3702
|
const getItems = useCollection$1(__scopeNavigationMenu);
|
|
@@ -3736,7 +3734,7 @@ var NavigationMenuContentImpl = React__namespace.forwardRef((props, forwardedRef
|
|
|
3736
3734
|
return attribute;
|
|
3737
3735
|
}, [context.previousValue, context.value, context.dir, getItems, value]);
|
|
3738
3736
|
return /* @__PURE__ */ jsxRuntime.jsx(FocusGroup, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
3739
|
-
|
|
3737
|
+
textarea.DismissableLayer,
|
|
3740
3738
|
{
|
|
3741
3739
|
id: contentId,
|
|
3742
3740
|
"aria-labelledby": triggerId,
|
|
@@ -3752,18 +3750,18 @@ var NavigationMenuContentImpl = React__namespace.forwardRef((props, forwardedRef
|
|
|
3752
3750
|
});
|
|
3753
3751
|
ref.current?.dispatchEvent(rootContentDismissEvent);
|
|
3754
3752
|
},
|
|
3755
|
-
onFocusOutside:
|
|
3753
|
+
onFocusOutside: textarea.composeEventHandlers(props.onFocusOutside, (event) => {
|
|
3756
3754
|
onContentFocusOutside();
|
|
3757
3755
|
const target = event.target;
|
|
3758
3756
|
if (context.rootNavigationMenu?.contains(target)) event.preventDefault();
|
|
3759
3757
|
}),
|
|
3760
|
-
onPointerDownOutside:
|
|
3758
|
+
onPointerDownOutside: textarea.composeEventHandlers(props.onPointerDownOutside, (event) => {
|
|
3761
3759
|
const target = event.target;
|
|
3762
3760
|
const isTrigger = getItems().some((item) => item.ref.current?.contains(target));
|
|
3763
3761
|
const isRootViewport = context.isRootMenu && context.viewport?.contains(target);
|
|
3764
3762
|
if (isTrigger || isRootViewport || !context.isRootMenu) event.preventDefault();
|
|
3765
3763
|
}),
|
|
3766
|
-
onKeyDown:
|
|
3764
|
+
onKeyDown: textarea.composeEventHandlers(props.onKeyDown, (event) => {
|
|
3767
3765
|
const isMetaKey = event.altKey || event.ctrlKey || event.metaKey;
|
|
3768
3766
|
const isTabKey = event.key === "Tab" && !isMetaKey;
|
|
3769
3767
|
if (isTabKey) {
|
|
@@ -3779,7 +3777,7 @@ var NavigationMenuContentImpl = React__namespace.forwardRef((props, forwardedRef
|
|
|
3779
3777
|
}
|
|
3780
3778
|
}
|
|
3781
3779
|
}),
|
|
3782
|
-
onEscapeKeyDown:
|
|
3780
|
+
onEscapeKeyDown: textarea.composeEventHandlers(props.onEscapeKeyDown, (_event) => {
|
|
3783
3781
|
wasEscapeCloseRef.current = true;
|
|
3784
3782
|
})
|
|
3785
3783
|
}
|
|
@@ -3790,13 +3788,13 @@ var NavigationMenuViewport$1 = React__namespace.forwardRef((props, forwardedRef)
|
|
|
3790
3788
|
const { forceMount, ...viewportProps } = props;
|
|
3791
3789
|
const context = useNavigationMenuContext(VIEWPORT_NAME, props.__scopeNavigationMenu);
|
|
3792
3790
|
const open = Boolean(context.value);
|
|
3793
|
-
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
3791
|
+
return /* @__PURE__ */ jsxRuntime.jsx(textarea.Presence, { present: forceMount || open, children: /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuViewportImpl, { ...viewportProps, ref: forwardedRef }) });
|
|
3794
3792
|
});
|
|
3795
3793
|
NavigationMenuViewport$1.displayName = VIEWPORT_NAME;
|
|
3796
3794
|
var NavigationMenuViewportImpl = React__namespace.forwardRef((props, forwardedRef) => {
|
|
3797
3795
|
const { __scopeNavigationMenu, children, ...viewportImplProps } = props;
|
|
3798
3796
|
const context = useNavigationMenuContext(VIEWPORT_NAME, __scopeNavigationMenu);
|
|
3799
|
-
const composedRefs = index
|
|
3797
|
+
const composedRefs = index.useComposedRefs(forwardedRef, context.onViewportChange);
|
|
3800
3798
|
const viewportContentContext = useViewportContentContext(
|
|
3801
3799
|
CONTENT_NAME$3,
|
|
3802
3800
|
props.__scopeNavigationMenu
|
|
@@ -3812,7 +3810,7 @@ var NavigationMenuViewportImpl = React__namespace.forwardRef((props, forwardedRe
|
|
|
3812
3810
|
};
|
|
3813
3811
|
useResizeObserver(content, handleSizeChange);
|
|
3814
3812
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
3815
|
-
|
|
3813
|
+
textarea.Primitive.div,
|
|
3816
3814
|
{
|
|
3817
3815
|
"data-state": getOpenState(open),
|
|
3818
3816
|
"data-orientation": context.orientation,
|
|
@@ -3825,15 +3823,15 @@ var NavigationMenuViewportImpl = React__namespace.forwardRef((props, forwardedRe
|
|
|
3825
3823
|
["--radix-navigation-menu-viewport-height"]: viewportHeight,
|
|
3826
3824
|
...viewportImplProps.style
|
|
3827
3825
|
},
|
|
3828
|
-
onPointerEnter:
|
|
3829
|
-
onPointerLeave:
|
|
3826
|
+
onPointerEnter: textarea.composeEventHandlers(props.onPointerEnter, context.onContentEnter),
|
|
3827
|
+
onPointerLeave: textarea.composeEventHandlers(props.onPointerLeave, whenMouse(context.onContentLeave)),
|
|
3830
3828
|
children: Array.from(viewportContentContext.items).map(([value, { ref, forceMount, ...props2 }]) => {
|
|
3831
3829
|
const isActive = activeContentValue === value;
|
|
3832
|
-
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
3830
|
+
return /* @__PURE__ */ jsxRuntime.jsx(textarea.Presence, { present: forceMount || isActive, children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
3833
3831
|
NavigationMenuContentImpl,
|
|
3834
3832
|
{
|
|
3835
3833
|
...props2,
|
|
3836
|
-
ref: index
|
|
3834
|
+
ref: index.composeRefs(ref, (node) => {
|
|
3837
3835
|
if (isActive && node) setContent(node);
|
|
3838
3836
|
})
|
|
3839
3837
|
}
|
|
@@ -3847,7 +3845,7 @@ var FocusGroup = React__namespace.forwardRef(
|
|
|
3847
3845
|
(props, forwardedRef) => {
|
|
3848
3846
|
const { __scopeNavigationMenu, ...groupProps } = props;
|
|
3849
3847
|
const context = useNavigationMenuContext(FOCUS_GROUP_NAME, __scopeNavigationMenu);
|
|
3850
|
-
return /* @__PURE__ */ jsxRuntime.jsx(FocusGroupCollection.Provider, { scope: __scopeNavigationMenu, children: /* @__PURE__ */ jsxRuntime.jsx(FocusGroupCollection.Slot, { scope: __scopeNavigationMenu, children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
3848
|
+
return /* @__PURE__ */ jsxRuntime.jsx(FocusGroupCollection.Provider, { scope: __scopeNavigationMenu, children: /* @__PURE__ */ jsxRuntime.jsx(FocusGroupCollection.Slot, { scope: __scopeNavigationMenu, children: /* @__PURE__ */ jsxRuntime.jsx(textarea.Primitive.div, { dir: context.dir, ...groupProps, ref: forwardedRef }) }) });
|
|
3851
3849
|
}
|
|
3852
3850
|
);
|
|
3853
3851
|
var ARROW_KEYS$1 = ["ArrowRight", "ArrowLeft", "ArrowUp", "ArrowDown"];
|
|
@@ -3858,11 +3856,11 @@ var FocusGroupItem = React__namespace.forwardRef(
|
|
|
3858
3856
|
const getItems = useFocusGroupCollection(__scopeNavigationMenu);
|
|
3859
3857
|
const context = useNavigationMenuContext(FOCUS_GROUP_ITEM_NAME, __scopeNavigationMenu);
|
|
3860
3858
|
return /* @__PURE__ */ jsxRuntime.jsx(FocusGroupCollection.ItemSlot, { scope: __scopeNavigationMenu, children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
3861
|
-
|
|
3859
|
+
textarea.Primitive.button,
|
|
3862
3860
|
{
|
|
3863
3861
|
...groupProps,
|
|
3864
3862
|
ref: forwardedRef,
|
|
3865
|
-
onKeyDown:
|
|
3863
|
+
onKeyDown: textarea.composeEventHandlers(props.onKeyDown, (event) => {
|
|
3866
3864
|
const isFocusNavigationKey = ["Home", "End", ...ARROW_KEYS$1].includes(event.key);
|
|
3867
3865
|
if (isFocusNavigationKey) {
|
|
3868
3866
|
let candidateNodes = getItems().map((item) => item.ref.current);
|
|
@@ -3914,8 +3912,8 @@ function removeFromTabOrder(candidates) {
|
|
|
3914
3912
|
};
|
|
3915
3913
|
}
|
|
3916
3914
|
function useResizeObserver(element, onResize) {
|
|
3917
|
-
const handleResize =
|
|
3918
|
-
|
|
3915
|
+
const handleResize = textarea.useCallbackRef(onResize);
|
|
3916
|
+
textarea.useLayoutEffect2(() => {
|
|
3919
3917
|
let rAF = 0;
|
|
3920
3918
|
if (element) {
|
|
3921
3919
|
const resizeObserver = new ResizeObserver(() => {
|
|
@@ -3983,7 +3981,7 @@ function NavigationMenuList({ className, ...props }) {
|
|
|
3983
3981
|
function NavigationMenuItem({ className, ...props }) {
|
|
3984
3982
|
return /* @__PURE__ */ jsxRuntime.jsx(Item, { "data-slot": "navigation-menu-item", className: utils.cn("relative", className), ...props });
|
|
3985
3983
|
}
|
|
3986
|
-
const navigationMenuTriggerStyle = index$
|
|
3984
|
+
const navigationMenuTriggerStyle = index$2.cva(
|
|
3987
3985
|
"group inline-flex h-9 w-max items-center justify-center rounded-md px-4 py-2 text-sm font-medium hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=open]:hover:bg-accent data-[state=open]:text-accent-foreground data-[state=open]:focus:bg-accent data-[state=open]:bg-accent/50 focus-visible:ring-ring/50 outline-none transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1"
|
|
3988
3986
|
);
|
|
3989
3987
|
function NavigationMenuTrigger({ className, children, ...props }) {
|
|
@@ -3997,7 +3995,7 @@ function NavigationMenuTrigger({ className, children, ...props }) {
|
|
|
3997
3995
|
children,
|
|
3998
3996
|
" ",
|
|
3999
3997
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
4000
|
-
index$
|
|
3998
|
+
index$1.ChevronDown,
|
|
4001
3999
|
{
|
|
4002
4000
|
className: "relative top-[1px] ml-1 size-3 transition duration-300 group-data-[state=open]:rotate-180",
|
|
4003
4001
|
"aria-hidden": "true"
|
|
@@ -4160,7 +4158,7 @@ var AspectRatio$1 = React__namespace.forwardRef(
|
|
|
4160
4158
|
},
|
|
4161
4159
|
"data-radix-aspect-ratio-wrapper": "",
|
|
4162
4160
|
children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
4163
|
-
|
|
4161
|
+
textarea.Primitive.div,
|
|
4164
4162
|
{
|
|
4165
4163
|
...aspectRatioProps,
|
|
4166
4164
|
ref: forwardedRef,
|
|
@@ -4185,7 +4183,7 @@ function AspectRatio({ ...props }) {
|
|
|
4185
4183
|
return /* @__PURE__ */ jsxRuntime.jsx(Root, { "data-slot": "aspect-ratio", ...props });
|
|
4186
4184
|
}
|
|
4187
4185
|
var RADIO_NAME = "Radio";
|
|
4188
|
-
var [createRadioContext, createRadioScope] =
|
|
4186
|
+
var [createRadioContext, createRadioScope] = textarea.createContextScope(RADIO_NAME);
|
|
4189
4187
|
var [RadioProvider, useRadioContext] = createRadioContext(RADIO_NAME);
|
|
4190
4188
|
var Radio = React__namespace.forwardRef(
|
|
4191
4189
|
(props, forwardedRef) => {
|
|
@@ -4201,12 +4199,12 @@ var Radio = React__namespace.forwardRef(
|
|
|
4201
4199
|
...radioProps
|
|
4202
4200
|
} = props;
|
|
4203
4201
|
const [button2, setButton] = React__namespace.useState(null);
|
|
4204
|
-
const composedRefs = index
|
|
4202
|
+
const composedRefs = index.useComposedRefs(forwardedRef, (node) => setButton(node));
|
|
4205
4203
|
const hasConsumerStoppedPropagationRef = React__namespace.useRef(false);
|
|
4206
4204
|
const isFormControl = button2 ? form || !!button2.closest("form") : true;
|
|
4207
4205
|
return /* @__PURE__ */ jsxRuntime.jsxs(RadioProvider, { scope: __scopeRadio, checked, disabled, children: [
|
|
4208
4206
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
4209
|
-
|
|
4207
|
+
textarea.Primitive.button,
|
|
4210
4208
|
{
|
|
4211
4209
|
type: "button",
|
|
4212
4210
|
role: "radio",
|
|
@@ -4217,7 +4215,7 @@ var Radio = React__namespace.forwardRef(
|
|
|
4217
4215
|
value,
|
|
4218
4216
|
...radioProps,
|
|
4219
4217
|
ref: composedRefs,
|
|
4220
|
-
onClick:
|
|
4218
|
+
onClick: textarea.composeEventHandlers(props.onClick, (event) => {
|
|
4221
4219
|
if (!checked) onCheck?.();
|
|
4222
4220
|
if (isFormControl) {
|
|
4223
4221
|
hasConsumerStoppedPropagationRef.current = event.isPropagationStopped();
|
|
@@ -4249,8 +4247,8 @@ var RadioIndicator = React__namespace.forwardRef(
|
|
|
4249
4247
|
(props, forwardedRef) => {
|
|
4250
4248
|
const { __scopeRadio, forceMount, ...indicatorProps } = props;
|
|
4251
4249
|
const context = useRadioContext(INDICATOR_NAME$1, __scopeRadio);
|
|
4252
|
-
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
4253
|
-
|
|
4250
|
+
return /* @__PURE__ */ jsxRuntime.jsx(textarea.Presence, { present: forceMount || context.checked, children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
4251
|
+
textarea.Primitive.span,
|
|
4254
4252
|
{
|
|
4255
4253
|
"data-state": getState(context.checked),
|
|
4256
4254
|
"data-disabled": context.disabled ? "" : void 0,
|
|
@@ -4271,9 +4269,9 @@ var RadioBubbleInput = React__namespace.forwardRef(
|
|
|
4271
4269
|
...props
|
|
4272
4270
|
}, forwardedRef) => {
|
|
4273
4271
|
const ref = React__namespace.useRef(null);
|
|
4274
|
-
const composedRefs = index
|
|
4272
|
+
const composedRefs = index.useComposedRefs(ref, forwardedRef);
|
|
4275
4273
|
const prevChecked = select.usePrevious(checked);
|
|
4276
|
-
const controlSize =
|
|
4274
|
+
const controlSize = select.useSize(control);
|
|
4277
4275
|
React__namespace.useEffect(() => {
|
|
4278
4276
|
const input = ref.current;
|
|
4279
4277
|
if (!input) return;
|
|
@@ -4290,7 +4288,7 @@ var RadioBubbleInput = React__namespace.forwardRef(
|
|
|
4290
4288
|
}
|
|
4291
4289
|
}, [prevChecked, checked, bubbles]);
|
|
4292
4290
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
4293
|
-
|
|
4291
|
+
textarea.Primitive.input,
|
|
4294
4292
|
{
|
|
4295
4293
|
type: "radio",
|
|
4296
4294
|
"aria-hidden": true,
|
|
@@ -4316,7 +4314,7 @@ function getState(checked) {
|
|
|
4316
4314
|
}
|
|
4317
4315
|
var ARROW_KEYS = ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"];
|
|
4318
4316
|
var RADIO_GROUP_NAME$1 = "RadioGroup";
|
|
4319
|
-
var [createRadioGroupContext] =
|
|
4317
|
+
var [createRadioGroupContext] = textarea.createContextScope(RADIO_GROUP_NAME$1, [
|
|
4320
4318
|
createRovingFocusGroupScope,
|
|
4321
4319
|
createRadioScope
|
|
4322
4320
|
]);
|
|
@@ -4339,8 +4337,8 @@ var RadioGroup$1 = React__namespace.forwardRef(
|
|
|
4339
4337
|
...groupProps
|
|
4340
4338
|
} = props;
|
|
4341
4339
|
const rovingFocusGroupScope = useRovingFocusGroupScope$1(__scopeRadioGroup);
|
|
4342
|
-
const direction = index$
|
|
4343
|
-
const [value, setValue] =
|
|
4340
|
+
const direction = index$1.useDirection(dir);
|
|
4341
|
+
const [value, setValue] = textarea.useControllableState({
|
|
4344
4342
|
prop: valueProp,
|
|
4345
4343
|
defaultProp: defaultValue ?? null,
|
|
4346
4344
|
onChange: onValueChange,
|
|
@@ -4364,7 +4362,7 @@ var RadioGroup$1 = React__namespace.forwardRef(
|
|
|
4364
4362
|
dir: direction,
|
|
4365
4363
|
loop,
|
|
4366
4364
|
children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
4367
|
-
|
|
4365
|
+
textarea.Primitive.div,
|
|
4368
4366
|
{
|
|
4369
4367
|
role: "radiogroup",
|
|
4370
4368
|
"aria-required": required,
|
|
@@ -4391,7 +4389,7 @@ var RadioGroupItem$1 = React__namespace.forwardRef(
|
|
|
4391
4389
|
const rovingFocusGroupScope = useRovingFocusGroupScope$1(__scopeRadioGroup);
|
|
4392
4390
|
const radioScope = useRadioScope(__scopeRadioGroup);
|
|
4393
4391
|
const ref = React__namespace.useRef(null);
|
|
4394
|
-
const composedRefs = index
|
|
4392
|
+
const composedRefs = index.useComposedRefs(forwardedRef, ref);
|
|
4395
4393
|
const checked = context.value === itemProps.value;
|
|
4396
4394
|
const isArrowKeyPressedRef = React__namespace.useRef(false);
|
|
4397
4395
|
React__namespace.useEffect(() => {
|
|
@@ -4426,10 +4424,10 @@ var RadioGroupItem$1 = React__namespace.forwardRef(
|
|
|
4426
4424
|
name: context.name,
|
|
4427
4425
|
ref: composedRefs,
|
|
4428
4426
|
onCheck: () => context.onValueChange(itemProps.value),
|
|
4429
|
-
onKeyDown:
|
|
4427
|
+
onKeyDown: textarea.composeEventHandlers((event) => {
|
|
4430
4428
|
if (event.key === "Enter") event.preventDefault();
|
|
4431
4429
|
}),
|
|
4432
|
-
onFocus:
|
|
4430
|
+
onFocus: textarea.composeEventHandlers(itemProps.onFocus, () => {
|
|
4433
4431
|
if (isArrowKeyPressedRef.current) ref.current?.click();
|
|
4434
4432
|
})
|
|
4435
4433
|
}
|
|
@@ -4478,7 +4476,7 @@ function SheetClose({ ...props }) {
|
|
|
4478
4476
|
return /* @__PURE__ */ jsxRuntime.jsx(textarea.Close, { "data-slot": "sheet-close", ...props });
|
|
4479
4477
|
}
|
|
4480
4478
|
function SheetPortal({ ...props }) {
|
|
4481
|
-
return /* @__PURE__ */ jsxRuntime.jsx(textarea.Portal, { "data-slot": "sheet-portal", ...props });
|
|
4479
|
+
return /* @__PURE__ */ jsxRuntime.jsx(textarea.Portal$1, { "data-slot": "sheet-portal", ...props });
|
|
4482
4480
|
}
|
|
4483
4481
|
function SheetOverlay({ className, backdrop, ...props }) {
|
|
4484
4482
|
let overlayClass = "";
|
|
@@ -4569,7 +4567,7 @@ function SheetDescription({ className, ...props }) {
|
|
|
4569
4567
|
}
|
|
4570
4568
|
var MENUBAR_NAME = "Menubar";
|
|
4571
4569
|
var [Collection, useCollection, createCollectionScope] = select.createCollection(MENUBAR_NAME);
|
|
4572
|
-
var [createMenubarContext] =
|
|
4570
|
+
var [createMenubarContext] = textarea.createContextScope(MENUBAR_NAME, [
|
|
4573
4571
|
createCollectionScope,
|
|
4574
4572
|
createRovingFocusGroupScope
|
|
4575
4573
|
]);
|
|
@@ -4587,9 +4585,9 @@ var Menubar$1 = React__namespace.forwardRef(
|
|
|
4587
4585
|
dir,
|
|
4588
4586
|
...menubarProps
|
|
4589
4587
|
} = props;
|
|
4590
|
-
const direction = index$
|
|
4588
|
+
const direction = index$1.useDirection(dir);
|
|
4591
4589
|
const rovingFocusGroupScope = useRovingFocusGroupScope(__scopeMenubar);
|
|
4592
|
-
const [value, setValue] =
|
|
4590
|
+
const [value, setValue] = textarea.useControllableState({
|
|
4593
4591
|
prop: valueProp,
|
|
4594
4592
|
onChange: onValueChange,
|
|
4595
4593
|
defaultProp: defaultValue ?? "",
|
|
@@ -4628,7 +4626,7 @@ var Menubar$1 = React__namespace.forwardRef(
|
|
|
4628
4626
|
dir: direction,
|
|
4629
4627
|
currentTabStopId,
|
|
4630
4628
|
onCurrentTabStopIdChange: setCurrentTabStopId,
|
|
4631
|
-
children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
4629
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(textarea.Primitive.div, { role: "menubar", ...menubarProps, ref: forwardedRef })
|
|
4632
4630
|
}
|
|
4633
4631
|
) }) })
|
|
4634
4632
|
}
|
|
@@ -4640,7 +4638,7 @@ var MENU_NAME = "MenubarMenu";
|
|
|
4640
4638
|
var [MenubarMenuProvider, useMenubarMenuContext] = createMenubarContext(MENU_NAME);
|
|
4641
4639
|
var MenubarMenu$1 = (props) => {
|
|
4642
4640
|
const { __scopeMenubar, value: valueProp, ...menuProps } = props;
|
|
4643
|
-
const autoValue =
|
|
4641
|
+
const autoValue = textarea.useId();
|
|
4644
4642
|
const value = valueProp || autoValue || "LEGACY_REACT_AUTO_VALUE";
|
|
4645
4643
|
const context = useMenubarContext(MENU_NAME, __scopeMenubar);
|
|
4646
4644
|
const menuScope = useMenuScope(__scopeMenubar);
|
|
@@ -4655,9 +4653,9 @@ var MenubarMenu$1 = (props) => {
|
|
|
4655
4653
|
{
|
|
4656
4654
|
scope: __scopeMenubar,
|
|
4657
4655
|
value,
|
|
4658
|
-
triggerId:
|
|
4656
|
+
triggerId: textarea.useId(),
|
|
4659
4657
|
triggerRef,
|
|
4660
|
-
contentId:
|
|
4658
|
+
contentId: textarea.useId(),
|
|
4661
4659
|
wasKeyboardTriggerOpenRef,
|
|
4662
4660
|
children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
4663
4661
|
Root3$1,
|
|
@@ -4685,7 +4683,7 @@ var MenubarTrigger$1 = React__namespace.forwardRef(
|
|
|
4685
4683
|
const context = useMenubarContext(TRIGGER_NAME$2, __scopeMenubar);
|
|
4686
4684
|
const menuContext = useMenubarMenuContext(TRIGGER_NAME$2, __scopeMenubar);
|
|
4687
4685
|
const ref = React__namespace.useRef(null);
|
|
4688
|
-
const composedRefs = index
|
|
4686
|
+
const composedRefs = index.useComposedRefs(forwardedRef, ref, menuContext.triggerRef);
|
|
4689
4687
|
const [isFocused, setIsFocused] = React__namespace.useState(false);
|
|
4690
4688
|
const open = context.value === menuContext.value;
|
|
4691
4689
|
return /* @__PURE__ */ jsxRuntime.jsx(Collection.ItemSlot, { scope: __scopeMenubar, value: menuContext.value, disabled, children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
@@ -4696,7 +4694,7 @@ var MenubarTrigger$1 = React__namespace.forwardRef(
|
|
|
4696
4694
|
focusable: !disabled,
|
|
4697
4695
|
tabStopId: menuContext.value,
|
|
4698
4696
|
children: /* @__PURE__ */ jsxRuntime.jsx(Anchor2$1, { asChild: true, ...menuScope, children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
4699
|
-
|
|
4697
|
+
textarea.Primitive.button,
|
|
4700
4698
|
{
|
|
4701
4699
|
type: "button",
|
|
4702
4700
|
role: "menuitem",
|
|
@@ -4710,20 +4708,20 @@ var MenubarTrigger$1 = React__namespace.forwardRef(
|
|
|
4710
4708
|
disabled,
|
|
4711
4709
|
...triggerProps,
|
|
4712
4710
|
ref: composedRefs,
|
|
4713
|
-
onPointerDown:
|
|
4711
|
+
onPointerDown: textarea.composeEventHandlers(props.onPointerDown, (event) => {
|
|
4714
4712
|
if (!disabled && event.button === 0 && event.ctrlKey === false) {
|
|
4715
4713
|
context.onMenuOpen(menuContext.value);
|
|
4716
4714
|
if (!open) event.preventDefault();
|
|
4717
4715
|
}
|
|
4718
4716
|
}),
|
|
4719
|
-
onPointerEnter:
|
|
4717
|
+
onPointerEnter: textarea.composeEventHandlers(props.onPointerEnter, () => {
|
|
4720
4718
|
const menubarOpen = Boolean(context.value);
|
|
4721
4719
|
if (menubarOpen && !open) {
|
|
4722
4720
|
context.onMenuOpen(menuContext.value);
|
|
4723
4721
|
ref.current?.focus();
|
|
4724
4722
|
}
|
|
4725
4723
|
}),
|
|
4726
|
-
onKeyDown:
|
|
4724
|
+
onKeyDown: textarea.composeEventHandlers(props.onKeyDown, (event) => {
|
|
4727
4725
|
if (disabled) return;
|
|
4728
4726
|
if (["Enter", " "].includes(event.key)) context.onMenuToggle(menuContext.value);
|
|
4729
4727
|
if (event.key === "ArrowDown") context.onMenuOpen(menuContext.value);
|
|
@@ -4732,8 +4730,8 @@ var MenubarTrigger$1 = React__namespace.forwardRef(
|
|
|
4732
4730
|
event.preventDefault();
|
|
4733
4731
|
}
|
|
4734
4732
|
}),
|
|
4735
|
-
onFocus:
|
|
4736
|
-
onBlur:
|
|
4733
|
+
onFocus: textarea.composeEventHandlers(props.onFocus, () => setIsFocused(true)),
|
|
4734
|
+
onBlur: textarea.composeEventHandlers(props.onBlur, () => setIsFocused(false))
|
|
4737
4735
|
}
|
|
4738
4736
|
) })
|
|
4739
4737
|
}
|
|
@@ -4767,7 +4765,7 @@ var MenubarContent$1 = React__namespace.forwardRef(
|
|
|
4767
4765
|
...contentProps,
|
|
4768
4766
|
ref: forwardedRef,
|
|
4769
4767
|
align,
|
|
4770
|
-
onCloseAutoFocus:
|
|
4768
|
+
onCloseAutoFocus: textarea.composeEventHandlers(props.onCloseAutoFocus, (event) => {
|
|
4771
4769
|
const menubarOpen = Boolean(context.value);
|
|
4772
4770
|
if (!menubarOpen && !hasInteractedOutsideRef.current) {
|
|
4773
4771
|
menuContext.triggerRef.current?.focus();
|
|
@@ -4775,18 +4773,18 @@ var MenubarContent$1 = React__namespace.forwardRef(
|
|
|
4775
4773
|
hasInteractedOutsideRef.current = false;
|
|
4776
4774
|
event.preventDefault();
|
|
4777
4775
|
}),
|
|
4778
|
-
onFocusOutside:
|
|
4776
|
+
onFocusOutside: textarea.composeEventHandlers(props.onFocusOutside, (event) => {
|
|
4779
4777
|
const target = event.target;
|
|
4780
4778
|
const isMenubarTrigger = getItems().some((item) => item.ref.current?.contains(target));
|
|
4781
4779
|
if (isMenubarTrigger) event.preventDefault();
|
|
4782
4780
|
}),
|
|
4783
|
-
onInteractOutside:
|
|
4781
|
+
onInteractOutside: textarea.composeEventHandlers(props.onInteractOutside, () => {
|
|
4784
4782
|
hasInteractedOutsideRef.current = true;
|
|
4785
4783
|
}),
|
|
4786
4784
|
onEntryFocus: (event) => {
|
|
4787
4785
|
if (!menuContext.wasKeyboardTriggerOpenRef.current) event.preventDefault();
|
|
4788
4786
|
},
|
|
4789
|
-
onKeyDown:
|
|
4787
|
+
onKeyDown: textarea.composeEventHandlers(
|
|
4790
4788
|
props.onKeyDown,
|
|
4791
4789
|
(event) => {
|
|
4792
4790
|
if (["ArrowRight", "ArrowLeft"].includes(event.key)) {
|
|
@@ -4908,7 +4906,7 @@ var SUB_NAME = "MenubarSub";
|
|
|
4908
4906
|
var MenubarSub$1 = (props) => {
|
|
4909
4907
|
const { __scopeMenubar, children, open: openProp, onOpenChange, defaultOpen } = props;
|
|
4910
4908
|
const menuScope = useMenuScope(__scopeMenubar);
|
|
4911
|
-
const [open, setOpen] =
|
|
4909
|
+
const [open, setOpen] = textarea.useControllableState({
|
|
4912
4910
|
prop: openProp,
|
|
4913
4911
|
defaultProp: defaultOpen ?? false,
|
|
4914
4912
|
onChange: onOpenChange,
|
|
@@ -5070,7 +5068,7 @@ function MenubarCheckboxItem({ className, children, checked, ...props }) {
|
|
|
5070
5068
|
checked,
|
|
5071
5069
|
...props,
|
|
5072
5070
|
children: [
|
|
5073
|
-
/* @__PURE__ */ jsxRuntime.jsx("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(ItemIndicator2, { children: /* @__PURE__ */ jsxRuntime.jsx(index$
|
|
5071
|
+
/* @__PURE__ */ jsxRuntime.jsx("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(ItemIndicator2, { children: /* @__PURE__ */ jsxRuntime.jsx(index$1.Check, { className: "size-4" }) }) }),
|
|
5074
5072
|
children
|
|
5075
5073
|
]
|
|
5076
5074
|
}
|
|
@@ -5154,7 +5152,7 @@ function MenubarSubContent({ className, ...props }) {
|
|
|
5154
5152
|
);
|
|
5155
5153
|
}
|
|
5156
5154
|
var ROOT_NAME = "AlertDialog";
|
|
5157
|
-
var [createAlertDialogContext] =
|
|
5155
|
+
var [createAlertDialogContext] = textarea.createContextScope(ROOT_NAME, [
|
|
5158
5156
|
textarea.createDialogScope
|
|
5159
5157
|
]);
|
|
5160
5158
|
var useDialogScope = textarea.createDialogScope();
|
|
@@ -5177,7 +5175,7 @@ var PORTAL_NAME$1 = "AlertDialogPortal";
|
|
|
5177
5175
|
var AlertDialogPortal$1 = (props) => {
|
|
5178
5176
|
const { __scopeAlertDialog, ...portalProps } = props;
|
|
5179
5177
|
const dialogScope = useDialogScope(__scopeAlertDialog);
|
|
5180
|
-
return /* @__PURE__ */ jsxRuntime.jsx(textarea.Portal, { ...dialogScope, ...portalProps });
|
|
5178
|
+
return /* @__PURE__ */ jsxRuntime.jsx(textarea.Portal$1, { ...dialogScope, ...portalProps });
|
|
5181
5179
|
};
|
|
5182
5180
|
AlertDialogPortal$1.displayName = PORTAL_NAME$1;
|
|
5183
5181
|
var OVERLAY_NAME = "AlertDialogOverlay";
|
|
@@ -5191,13 +5189,13 @@ var AlertDialogOverlay$1 = React__namespace.forwardRef(
|
|
|
5191
5189
|
AlertDialogOverlay$1.displayName = OVERLAY_NAME;
|
|
5192
5190
|
var CONTENT_NAME$1 = "AlertDialogContent";
|
|
5193
5191
|
var [AlertDialogContentProvider, useAlertDialogContentContext] = createAlertDialogContext(CONTENT_NAME$1);
|
|
5194
|
-
var Slottable = index
|
|
5192
|
+
var Slottable = index.createSlottable("AlertDialogContent");
|
|
5195
5193
|
var AlertDialogContent$1 = React__namespace.forwardRef(
|
|
5196
5194
|
(props, forwardedRef) => {
|
|
5197
5195
|
const { __scopeAlertDialog, children, ...contentProps } = props;
|
|
5198
5196
|
const dialogScope = useDialogScope(__scopeAlertDialog);
|
|
5199
5197
|
const contentRef = React__namespace.useRef(null);
|
|
5200
|
-
const composedRefs = index
|
|
5198
|
+
const composedRefs = index.useComposedRefs(forwardedRef, contentRef);
|
|
5201
5199
|
const cancelRef = React__namespace.useRef(null);
|
|
5202
5200
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
5203
5201
|
textarea.WarningProvider,
|
|
@@ -5212,7 +5210,7 @@ var AlertDialogContent$1 = React__namespace.forwardRef(
|
|
|
5212
5210
|
...dialogScope,
|
|
5213
5211
|
...contentProps,
|
|
5214
5212
|
ref: composedRefs,
|
|
5215
|
-
onOpenAutoFocus:
|
|
5213
|
+
onOpenAutoFocus: textarea.composeEventHandlers(contentProps.onOpenAutoFocus, (event) => {
|
|
5216
5214
|
event.preventDefault();
|
|
5217
5215
|
cancelRef.current?.focus({ preventScroll: true });
|
|
5218
5216
|
}),
|
|
@@ -5260,7 +5258,7 @@ var AlertDialogCancel$1 = React__namespace.forwardRef(
|
|
|
5260
5258
|
const { __scopeAlertDialog, ...cancelProps } = props;
|
|
5261
5259
|
const { cancelRef } = useAlertDialogContentContext(CANCEL_NAME, __scopeAlertDialog);
|
|
5262
5260
|
const dialogScope = useDialogScope(__scopeAlertDialog);
|
|
5263
|
-
const ref = index
|
|
5261
|
+
const ref = index.useComposedRefs(forwardedRef, cancelRef);
|
|
5264
5262
|
return /* @__PURE__ */ jsxRuntime.jsx(textarea.Close, { ...dialogScope, ...cancelProps, ref });
|
|
5265
5263
|
}
|
|
5266
5264
|
);
|
|
@@ -5381,10 +5379,10 @@ const AlertConfirmation = ({
|
|
|
5381
5379
|
};
|
|
5382
5380
|
var originalBodyUserSelect;
|
|
5383
5381
|
var HOVERCARD_NAME = "HoverCard";
|
|
5384
|
-
var [createHoverCardContext] =
|
|
5385
|
-
|
|
5382
|
+
var [createHoverCardContext] = textarea.createContextScope(HOVERCARD_NAME, [
|
|
5383
|
+
select.createPopperScope
|
|
5386
5384
|
]);
|
|
5387
|
-
var usePopperScope =
|
|
5385
|
+
var usePopperScope = select.createPopperScope();
|
|
5388
5386
|
var [HoverCardProvider, useHoverCardContext] = createHoverCardContext(HOVERCARD_NAME);
|
|
5389
5387
|
var HoverCard$1 = (props) => {
|
|
5390
5388
|
const {
|
|
@@ -5401,7 +5399,7 @@ var HoverCard$1 = (props) => {
|
|
|
5401
5399
|
const closeTimerRef = React__namespace.useRef(0);
|
|
5402
5400
|
const hasSelectionRef = React__namespace.useRef(false);
|
|
5403
5401
|
const isPointerDownOnContentRef = React__namespace.useRef(false);
|
|
5404
|
-
const [open, setOpen] =
|
|
5402
|
+
const [open, setOpen] = textarea.useControllableState({
|
|
5405
5403
|
prop: openProp,
|
|
5406
5404
|
defaultProp: defaultOpen ?? false,
|
|
5407
5405
|
onChange: onOpenChange,
|
|
@@ -5435,7 +5433,7 @@ var HoverCard$1 = (props) => {
|
|
|
5435
5433
|
onDismiss: handleDismiss,
|
|
5436
5434
|
hasSelectionRef,
|
|
5437
5435
|
isPointerDownOnContentRef,
|
|
5438
|
-
children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
5436
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(select.Root2, { ...popperScope, children })
|
|
5439
5437
|
}
|
|
5440
5438
|
);
|
|
5441
5439
|
};
|
|
@@ -5446,17 +5444,17 @@ var HoverCardTrigger$1 = React__namespace.forwardRef(
|
|
|
5446
5444
|
const { __scopeHoverCard, ...triggerProps } = props;
|
|
5447
5445
|
const context = useHoverCardContext(TRIGGER_NAME, __scopeHoverCard);
|
|
5448
5446
|
const popperScope = usePopperScope(__scopeHoverCard);
|
|
5449
|
-
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
5450
|
-
|
|
5447
|
+
return /* @__PURE__ */ jsxRuntime.jsx(select.Anchor, { asChild: true, ...popperScope, children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
5448
|
+
textarea.Primitive.a,
|
|
5451
5449
|
{
|
|
5452
5450
|
"data-state": context.open ? "open" : "closed",
|
|
5453
5451
|
...triggerProps,
|
|
5454
5452
|
ref: forwardedRef,
|
|
5455
|
-
onPointerEnter:
|
|
5456
|
-
onPointerLeave:
|
|
5457
|
-
onFocus:
|
|
5458
|
-
onBlur:
|
|
5459
|
-
onTouchStart:
|
|
5453
|
+
onPointerEnter: textarea.composeEventHandlers(props.onPointerEnter, excludeTouch(context.onOpen)),
|
|
5454
|
+
onPointerLeave: textarea.composeEventHandlers(props.onPointerLeave, excludeTouch(context.onClose)),
|
|
5455
|
+
onFocus: textarea.composeEventHandlers(props.onFocus, context.onOpen),
|
|
5456
|
+
onBlur: textarea.composeEventHandlers(props.onBlur, context.onClose),
|
|
5457
|
+
onTouchStart: textarea.composeEventHandlers(props.onTouchStart, (event) => event.preventDefault())
|
|
5460
5458
|
}
|
|
5461
5459
|
) });
|
|
5462
5460
|
}
|
|
@@ -5469,7 +5467,7 @@ var [PortalProvider, usePortalContext] = createHoverCardContext(PORTAL_NAME, {
|
|
|
5469
5467
|
var HoverCardPortal = (props) => {
|
|
5470
5468
|
const { __scopeHoverCard, forceMount, children, container } = props;
|
|
5471
5469
|
const context = useHoverCardContext(PORTAL_NAME, __scopeHoverCard);
|
|
5472
|
-
return /* @__PURE__ */ jsxRuntime.jsx(PortalProvider, { scope: __scopeHoverCard, forceMount, children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
5470
|
+
return /* @__PURE__ */ jsxRuntime.jsx(PortalProvider, { scope: __scopeHoverCard, forceMount, children: /* @__PURE__ */ jsxRuntime.jsx(textarea.Presence, { present: forceMount || context.open, children: /* @__PURE__ */ jsxRuntime.jsx(textarea.Portal, { asChild: true, container, children }) }) });
|
|
5473
5471
|
};
|
|
5474
5472
|
HoverCardPortal.displayName = PORTAL_NAME;
|
|
5475
5473
|
var CONTENT_NAME = "HoverCardContent";
|
|
@@ -5478,13 +5476,13 @@ var HoverCardContent$1 = React__namespace.forwardRef(
|
|
|
5478
5476
|
const portalContext = usePortalContext(CONTENT_NAME, props.__scopeHoverCard);
|
|
5479
5477
|
const { forceMount = portalContext.forceMount, ...contentProps } = props;
|
|
5480
5478
|
const context = useHoverCardContext(CONTENT_NAME, props.__scopeHoverCard);
|
|
5481
|
-
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
5479
|
+
return /* @__PURE__ */ jsxRuntime.jsx(textarea.Presence, { present: forceMount || context.open, children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
5482
5480
|
HoverCardContentImpl,
|
|
5483
5481
|
{
|
|
5484
5482
|
"data-state": context.open ? "open" : "closed",
|
|
5485
5483
|
...contentProps,
|
|
5486
|
-
onPointerEnter:
|
|
5487
|
-
onPointerLeave:
|
|
5484
|
+
onPointerEnter: textarea.composeEventHandlers(props.onPointerEnter, excludeTouch(context.onOpen)),
|
|
5485
|
+
onPointerLeave: textarea.composeEventHandlers(props.onPointerLeave, excludeTouch(context.onClose)),
|
|
5488
5486
|
ref: forwardedRef
|
|
5489
5487
|
}
|
|
5490
5488
|
) });
|
|
@@ -5503,7 +5501,7 @@ var HoverCardContentImpl = React__namespace.forwardRef((props, forwardedRef) =>
|
|
|
5503
5501
|
const context = useHoverCardContext(CONTENT_NAME, __scopeHoverCard);
|
|
5504
5502
|
const popperScope = usePopperScope(__scopeHoverCard);
|
|
5505
5503
|
const ref = React__namespace.useRef(null);
|
|
5506
|
-
const composedRefs = index
|
|
5504
|
+
const composedRefs = index.useComposedRefs(forwardedRef, ref);
|
|
5507
5505
|
const [containSelection, setContainSelection] = React__namespace.useState(false);
|
|
5508
5506
|
React__namespace.useEffect(() => {
|
|
5509
5507
|
if (containSelection) {
|
|
@@ -5542,23 +5540,23 @@ var HoverCardContentImpl = React__namespace.forwardRef((props, forwardedRef) =>
|
|
|
5542
5540
|
}
|
|
5543
5541
|
});
|
|
5544
5542
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
5545
|
-
|
|
5543
|
+
textarea.DismissableLayer,
|
|
5546
5544
|
{
|
|
5547
5545
|
asChild: true,
|
|
5548
5546
|
disableOutsidePointerEvents: false,
|
|
5549
5547
|
onInteractOutside,
|
|
5550
5548
|
onEscapeKeyDown,
|
|
5551
5549
|
onPointerDownOutside,
|
|
5552
|
-
onFocusOutside:
|
|
5550
|
+
onFocusOutside: textarea.composeEventHandlers(onFocusOutside, (event) => {
|
|
5553
5551
|
event.preventDefault();
|
|
5554
5552
|
}),
|
|
5555
5553
|
onDismiss: context.onDismiss,
|
|
5556
5554
|
children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
5557
|
-
|
|
5555
|
+
select.Content,
|
|
5558
5556
|
{
|
|
5559
5557
|
...popperScope,
|
|
5560
5558
|
...contentProps,
|
|
5561
|
-
onPointerDown:
|
|
5559
|
+
onPointerDown: textarea.composeEventHandlers(contentProps.onPointerDown, (event) => {
|
|
5562
5560
|
if (event.currentTarget.contains(event.target)) {
|
|
5563
5561
|
setContainSelection(true);
|
|
5564
5562
|
}
|
|
@@ -5590,7 +5588,7 @@ var HoverCardArrow = React__namespace.forwardRef(
|
|
|
5590
5588
|
(props, forwardedRef) => {
|
|
5591
5589
|
const { __scopeHoverCard, ...arrowProps } = props;
|
|
5592
5590
|
const popperScope = usePopperScope(__scopeHoverCard);
|
|
5593
|
-
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
5591
|
+
return /* @__PURE__ */ jsxRuntime.jsx(select.Arrow, { ...popperScope, ...arrowProps, ref: forwardedRef });
|
|
5594
5592
|
}
|
|
5595
5593
|
);
|
|
5596
5594
|
HoverCardArrow.displayName = ARROW_NAME;
|