lizaui 12.0.21 → 12.0.22
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/components/ui/index.d.ts +0 -1
- package/dist/components/ui/index.d.ts.map +1 -1
- package/dist/lizaui.css +5 -5
- package/dist/ui/index.cjs.js +90 -416
- package/dist/ui/index.cjs.js.map +1 -1
- package/dist/ui/index.es.js +91 -417
- package/dist/ui/index.es.js.map +1 -1
- package/package.json +1 -1
- package/dist/components/ui/tabs.d.ts +0 -8
- package/dist/components/ui/tabs.d.ts.map +0 -1
package/dist/ui/index.es.js
CHANGED
|
@@ -4,7 +4,7 @@ import { I as Input } from "../chunks/input-DO2QjJ-y.js";
|
|
|
4
4
|
import { jsx, jsxs, Fragment } from "react/jsx-runtime";
|
|
5
5
|
import { c } from "react/compiler-runtime";
|
|
6
6
|
import * as React from "react";
|
|
7
|
-
import { P as Primitive, c as createContextScope,
|
|
7
|
+
import { P as Primitive, c as createContextScope, k as useId, u as useLayoutEffect2, d as composeEventHandlers, m as useDirection, n as useControllableState, l as useCallbackRef, f as Presence, a as createPopperScope, o as Popper, b as PopperAnchor, e as Portal, h as hideOthers, q as useFocusScopeBranch, p as useFocusScopeBranchRegistry, g as useFocusGuards, r as FocusScopeBranchProvider, R as ReactRemoveScroll, F as FocusScope, D as DismissableLayer, j as PopperContent, t as dispatchDiscreteCustomEvent, C as Check, v as useSize } from "../chunks/index-DvmTR3H_.js";
|
|
8
8
|
import { c as cn } from "../chunks/utils-H80jjgLf.js";
|
|
9
9
|
import { L } from "../chunks/label-error-Agq8c0z2.js";
|
|
10
10
|
import { u as useComposedRefs, c as createSlot, b as createSlottable } from "../chunks/index-aB7p1uJB.js";
|
|
@@ -18,10 +18,10 @@ import { C, i as i2, j as j2, k, l, m, n, o, p, P, q, r, s, S as S3, t } from ".
|
|
|
18
18
|
import { C as ChevronDown } from "../chunks/chevron-up-Diak1VOI.js";
|
|
19
19
|
import * as ReactDOM from "react-dom";
|
|
20
20
|
import { b as button, B as Button } from "../chunks/button-BFgg3tFM.js";
|
|
21
|
-
var __defProp$
|
|
22
|
-
var __name$
|
|
21
|
+
var __defProp$e = Object.defineProperty;
|
|
22
|
+
var __name$e = (target, value) => __defProp$e(target, "name", { value, configurable: true });
|
|
23
23
|
var Label$1 = /* @__PURE__ */ React.forwardRef(
|
|
24
|
-
/* @__PURE__ */ __name$
|
|
24
|
+
/* @__PURE__ */ __name$e(function Label2(props, forwardedRef) {
|
|
25
25
|
return /* @__PURE__ */ jsx(
|
|
26
26
|
Primitive.label,
|
|
27
27
|
{
|
|
@@ -72,8 +72,8 @@ function Label(t0) {
|
|
|
72
72
|
}
|
|
73
73
|
return t2;
|
|
74
74
|
}
|
|
75
|
-
var __defProp$
|
|
76
|
-
var __name$
|
|
75
|
+
var __defProp$d = Object.defineProperty;
|
|
76
|
+
var __name$d = (target, value) => __defProp$d(target, "name", { value, configurable: true });
|
|
77
77
|
var _isHydrated = false;
|
|
78
78
|
function useIsHydrated() {
|
|
79
79
|
const [isHydrated, setIsHydrated] = React.useState(_isHydrated);
|
|
@@ -85,13 +85,13 @@ function useIsHydrated() {
|
|
|
85
85
|
}, []);
|
|
86
86
|
return isHydrated;
|
|
87
87
|
}
|
|
88
|
-
__name$
|
|
88
|
+
__name$d(useIsHydrated, "useIsHydrated");
|
|
89
89
|
var useReactSyncExternalStore = React[" useSyncExternalStore ".trim().toString()];
|
|
90
90
|
function subscribe() {
|
|
91
91
|
return () => {
|
|
92
92
|
};
|
|
93
93
|
}
|
|
94
|
-
__name$
|
|
94
|
+
__name$d(subscribe, "subscribe");
|
|
95
95
|
function useIsHydratedModern() {
|
|
96
96
|
return useReactSyncExternalStore(
|
|
97
97
|
subscribe,
|
|
@@ -99,10 +99,10 @@ function useIsHydratedModern() {
|
|
|
99
99
|
() => false
|
|
100
100
|
);
|
|
101
101
|
}
|
|
102
|
-
__name$
|
|
102
|
+
__name$d(useIsHydratedModern, "useIsHydratedModern");
|
|
103
103
|
var useIsHydrated2 = typeof useReactSyncExternalStore === "function" ? useIsHydratedModern : useIsHydrated;
|
|
104
|
-
var __defProp$
|
|
105
|
-
var __name$
|
|
104
|
+
var __defProp$c = Object.defineProperty;
|
|
105
|
+
var __name$c = (target, value) => __defProp$c(target, "name", { value, configurable: true });
|
|
106
106
|
var ENTRY_FOCUS = "rovingFocusGroup.onEntryFocus";
|
|
107
107
|
var EVENT_OPTIONS = { bubbles: false, cancelable: true };
|
|
108
108
|
var GROUP_NAME = "RovingFocusGroup";
|
|
@@ -121,11 +121,11 @@ var Direction$4 = {
|
|
|
121
121
|
var [RovingFocusProvider, useRovingFocusContext] = createRovingFocusGroupContext(GROUP_NAME);
|
|
122
122
|
var RovingFocusGroup = /* @__PURE__ */ React.forwardRef(
|
|
123
123
|
// blank line to reduce diff noise
|
|
124
|
-
/* @__PURE__ */ __name$
|
|
124
|
+
/* @__PURE__ */ __name$c(function RovingFocusGroup2(props, forwardedRef) {
|
|
125
125
|
return /* @__PURE__ */ jsx(Collection$4.Provider, { scope: props.__scopeRovingFocusGroup, children: /* @__PURE__ */ jsx(Collection$4.Slot, { scope: props.__scopeRovingFocusGroup, children: /* @__PURE__ */ jsx(RovingFocusGroupImpl, { ...props, ref: forwardedRef }) }) });
|
|
126
126
|
}, "RovingFocusGroup")
|
|
127
127
|
);
|
|
128
|
-
var RovingFocusGroupImpl = /* @__PURE__ */ React.forwardRef(/* @__PURE__ */ __name$
|
|
128
|
+
var RovingFocusGroupImpl = /* @__PURE__ */ React.forwardRef(/* @__PURE__ */ __name$c(function RovingFocusGroupImpl2(props, forwardedRef) {
|
|
129
129
|
const {
|
|
130
130
|
__scopeRovingFocusGroup,
|
|
131
131
|
orientation,
|
|
@@ -218,7 +218,7 @@ var RovingFocusGroupImpl = /* @__PURE__ */ React.forwardRef(/* @__PURE__ */ __na
|
|
|
218
218
|
var ITEM_NAME$3 = "RovingFocusGroupItem";
|
|
219
219
|
var RovingFocusGroupItem = /* @__PURE__ */ React.forwardRef(
|
|
220
220
|
// blank line to reduce diff noise
|
|
221
|
-
/* @__PURE__ */ __name$
|
|
221
|
+
/* @__PURE__ */ __name$c(function RovingFocusGroupItem2(props, forwardedRef) {
|
|
222
222
|
const {
|
|
223
223
|
__scopeRovingFocusGroup,
|
|
224
224
|
focusable = true,
|
|
@@ -309,7 +309,7 @@ function getDirectionAwareKey(key, dir) {
|
|
|
309
309
|
if (dir !== Direction$4.RTL) return key;
|
|
310
310
|
return key === "ArrowLeft" ? "ArrowRight" : key === "ArrowRight" ? "ArrowLeft" : key;
|
|
311
311
|
}
|
|
312
|
-
__name$
|
|
312
|
+
__name$c(getDirectionAwareKey, "getDirectionAwareKey");
|
|
313
313
|
function getFocusIntent(event, orientation, dir) {
|
|
314
314
|
const key = getDirectionAwareKey(event.key, dir);
|
|
315
315
|
if (orientation === Orientation$2.Vertical && ["ArrowLeft", "ArrowRight"].includes(key)) {
|
|
@@ -320,7 +320,7 @@ function getFocusIntent(event, orientation, dir) {
|
|
|
320
320
|
}
|
|
321
321
|
return MAP_KEY_TO_FOCUS_INTENT[key];
|
|
322
322
|
}
|
|
323
|
-
__name$
|
|
323
|
+
__name$c(getFocusIntent, "getFocusIntent");
|
|
324
324
|
function focusFirst$2(candidates, preventScroll = false) {
|
|
325
325
|
const PREVIOUSLY_FOCUSED_ELEMENT = document.activeElement;
|
|
326
326
|
for (const candidate of candidates) {
|
|
@@ -329,13 +329,13 @@ function focusFirst$2(candidates, preventScroll = false) {
|
|
|
329
329
|
if (document.activeElement !== PREVIOUSLY_FOCUSED_ELEMENT) return;
|
|
330
330
|
}
|
|
331
331
|
}
|
|
332
|
-
__name$
|
|
332
|
+
__name$c(focusFirst$2, "focusFirst");
|
|
333
333
|
function wrapArray$2(array, startIndex) {
|
|
334
334
|
return array.map((_, index) => array[(startIndex + index) % array.length]);
|
|
335
335
|
}
|
|
336
|
-
__name$
|
|
337
|
-
var __defProp$
|
|
338
|
-
var __name$
|
|
336
|
+
__name$c(wrapArray$2, "wrapArray");
|
|
337
|
+
var __defProp$b = Object.defineProperty;
|
|
338
|
+
var __name$b = (target, value) => __defProp$b(target, "name", { value, configurable: true });
|
|
339
339
|
var Direction$3 = {
|
|
340
340
|
RTL: "rtl"
|
|
341
341
|
};
|
|
@@ -359,10 +359,10 @@ var [createMenuContext, createMenuScope] = createContextScope(MENU_NAME$1, [
|
|
|
359
359
|
createRovingFocusGroupScope
|
|
360
360
|
]);
|
|
361
361
|
var usePopperScope$1 = createPopperScope();
|
|
362
|
-
var useRovingFocusGroupScope$
|
|
362
|
+
var useRovingFocusGroupScope$2 = createRovingFocusGroupScope();
|
|
363
363
|
var [MenuProvider, useMenuContext] = createMenuContext(MENU_NAME$1);
|
|
364
364
|
var [MenuRootProvider, useMenuRootContext] = createMenuContext(MENU_NAME$1);
|
|
365
|
-
var Menu = /* @__PURE__ */ __name$
|
|
365
|
+
var Menu = /* @__PURE__ */ __name$b((props) => {
|
|
366
366
|
const { __scopeMenu, open = false, children, dir, onOpenChange, modal = true } = props;
|
|
367
367
|
const popperScope = usePopperScope$1(__scopeMenu);
|
|
368
368
|
const [content, setContent] = React.useState(null);
|
|
@@ -370,12 +370,12 @@ var Menu = /* @__PURE__ */ __name$c((props) => {
|
|
|
370
370
|
const handleOpenChange = useCallbackRef(onOpenChange);
|
|
371
371
|
const direction = useDirection(dir);
|
|
372
372
|
React.useEffect(() => {
|
|
373
|
-
const handleKeyDown = /* @__PURE__ */ __name$
|
|
373
|
+
const handleKeyDown = /* @__PURE__ */ __name$b(() => {
|
|
374
374
|
isUsingKeyboardRef.current = true;
|
|
375
375
|
document.addEventListener("pointerdown", handlePointer, { capture: true, once: true });
|
|
376
376
|
document.addEventListener("pointermove", handlePointer, { capture: true, once: true });
|
|
377
377
|
}, "handleKeyDown");
|
|
378
|
-
const handlePointer = /* @__PURE__ */ __name$
|
|
378
|
+
const handlePointer = /* @__PURE__ */ __name$b(() => isUsingKeyboardRef.current = false, "handlePointer");
|
|
379
379
|
document.addEventListener("keydown", handleKeyDown, { capture: true });
|
|
380
380
|
return () => {
|
|
381
381
|
document.removeEventListener("keydown", handleKeyDown, { capture: true });
|
|
@@ -387,7 +387,7 @@ var Menu = /* @__PURE__ */ __name$c((props) => {
|
|
|
387
387
|
if (!open) {
|
|
388
388
|
return;
|
|
389
389
|
}
|
|
390
|
-
const handleBlur = /* @__PURE__ */ __name$
|
|
390
|
+
const handleBlur = /* @__PURE__ */ __name$b(() => handleOpenChange(false), "handleBlur");
|
|
391
391
|
window.addEventListener("blur", handleBlur);
|
|
392
392
|
return () => window.removeEventListener("blur", handleBlur);
|
|
393
393
|
}, [open, handleOpenChange]);
|
|
@@ -414,7 +414,7 @@ var Menu = /* @__PURE__ */ __name$c((props) => {
|
|
|
414
414
|
) });
|
|
415
415
|
}, "Menu");
|
|
416
416
|
var MenuAnchor = /* @__PURE__ */ React.forwardRef(
|
|
417
|
-
/* @__PURE__ */ __name$
|
|
417
|
+
/* @__PURE__ */ __name$b(function MenuAnchor2(props, forwardedRef) {
|
|
418
418
|
const { __scopeMenu, ...anchorProps } = props;
|
|
419
419
|
const popperScope = usePopperScope$1(__scopeMenu);
|
|
420
420
|
return /* @__PURE__ */ jsx(PopperAnchor, { ...popperScope, ...anchorProps, ref: forwardedRef });
|
|
@@ -424,26 +424,26 @@ var PORTAL_NAME$1 = "MenuPortal";
|
|
|
424
424
|
var [PortalProvider$1, usePortalContext$1] = createMenuContext(PORTAL_NAME$1, {
|
|
425
425
|
forceMount: void 0
|
|
426
426
|
});
|
|
427
|
-
var MenuPortal = /* @__PURE__ */ __name$
|
|
427
|
+
var MenuPortal = /* @__PURE__ */ __name$b((props) => {
|
|
428
428
|
const { __scopeMenu, forceMount, children, container } = props;
|
|
429
429
|
const context = useMenuContext(PORTAL_NAME$1, __scopeMenu);
|
|
430
430
|
return /* @__PURE__ */ jsx(PortalProvider$1, { scope: __scopeMenu, forceMount, children: /* @__PURE__ */ jsx(Presence, { present: forceMount || context.open, children: /* @__PURE__ */ jsx(Portal, { asChild: true, container, children }) }) });
|
|
431
431
|
}, "MenuPortal");
|
|
432
|
-
var CONTENT_NAME$
|
|
433
|
-
var [MenuContentProvider, useMenuContentContext] = createMenuContext(CONTENT_NAME$
|
|
432
|
+
var CONTENT_NAME$8 = "MenuContent";
|
|
433
|
+
var [MenuContentProvider, useMenuContentContext] = createMenuContext(CONTENT_NAME$8);
|
|
434
434
|
var MenuContent = /* @__PURE__ */ React.forwardRef(
|
|
435
|
-
/* @__PURE__ */ __name$
|
|
436
|
-
const portalContext = usePortalContext$1(CONTENT_NAME$
|
|
435
|
+
/* @__PURE__ */ __name$b(function MenuContent2(props, forwardedRef) {
|
|
436
|
+
const portalContext = usePortalContext$1(CONTENT_NAME$8, props.__scopeMenu);
|
|
437
437
|
const { forceMount = portalContext.forceMount, ...contentProps } = props;
|
|
438
|
-
const context = useMenuContext(CONTENT_NAME$
|
|
439
|
-
const rootContext = useMenuRootContext(CONTENT_NAME$
|
|
438
|
+
const context = useMenuContext(CONTENT_NAME$8, props.__scopeMenu);
|
|
439
|
+
const rootContext = useMenuRootContext(CONTENT_NAME$8, props.__scopeMenu);
|
|
440
440
|
return /* @__PURE__ */ jsx(Collection$3.Provider, { scope: props.__scopeMenu, children: /* @__PURE__ */ jsx(Presence, { present: forceMount || context.open, children: /* @__PURE__ */ jsx(Collection$3.Slot, { scope: props.__scopeMenu, children: rootContext.modal ? /* @__PURE__ */ jsx(MenuRootContentModal, { ...contentProps, ref: forwardedRef }) : /* @__PURE__ */ jsx(MenuRootContentNonModal, { ...contentProps, ref: forwardedRef }) }) }) });
|
|
441
441
|
}, "MenuContent")
|
|
442
442
|
);
|
|
443
443
|
var MenuRootContentModal = /* @__PURE__ */ React.forwardRef(
|
|
444
444
|
// blank line to reduce diff noise
|
|
445
|
-
/* @__PURE__ */ __name$
|
|
446
|
-
const context = useMenuContext(CONTENT_NAME$
|
|
445
|
+
/* @__PURE__ */ __name$b(function MenuRootContentModal2(props, forwardedRef) {
|
|
446
|
+
const context = useMenuContext(CONTENT_NAME$8, props.__scopeMenu);
|
|
447
447
|
const ref = React.useRef(null);
|
|
448
448
|
const composedRefs = useComposedRefs(forwardedRef, ref);
|
|
449
449
|
React.useEffect(() => {
|
|
@@ -468,8 +468,8 @@ var MenuRootContentModal = /* @__PURE__ */ React.forwardRef(
|
|
|
468
468
|
);
|
|
469
469
|
}, "MenuRootContentModal")
|
|
470
470
|
);
|
|
471
|
-
var MenuRootContentNonModal = /* @__PURE__ */ React.forwardRef(/* @__PURE__ */ __name$
|
|
472
|
-
const context = useMenuContext(CONTENT_NAME$
|
|
471
|
+
var MenuRootContentNonModal = /* @__PURE__ */ React.forwardRef(/* @__PURE__ */ __name$b(function MenuRootContentNonModal2(props, forwardedRef) {
|
|
472
|
+
const context = useMenuContext(CONTENT_NAME$8, props.__scopeMenu);
|
|
473
473
|
return /* @__PURE__ */ jsx(
|
|
474
474
|
MenuContentImpl,
|
|
475
475
|
{
|
|
@@ -485,7 +485,7 @@ var MenuRootContentNonModal = /* @__PURE__ */ React.forwardRef(/* @__PURE__ */ _
|
|
|
485
485
|
var Slot = createSlot("MenuContent.ScrollLock");
|
|
486
486
|
var MenuContentImpl = /* @__PURE__ */ React.forwardRef(
|
|
487
487
|
// blank line to reduce diff noise
|
|
488
|
-
/* @__PURE__ */ __name$
|
|
488
|
+
/* @__PURE__ */ __name$b(function MenuContentImpl2(props, forwardedRef) {
|
|
489
489
|
const {
|
|
490
490
|
__scopeMenu,
|
|
491
491
|
loop = false,
|
|
@@ -502,10 +502,10 @@ var MenuContentImpl = /* @__PURE__ */ React.forwardRef(
|
|
|
502
502
|
disableOutsideScroll,
|
|
503
503
|
...contentProps
|
|
504
504
|
} = props;
|
|
505
|
-
const context = useMenuContext(CONTENT_NAME$
|
|
506
|
-
const rootContext = useMenuRootContext(CONTENT_NAME$
|
|
505
|
+
const context = useMenuContext(CONTENT_NAME$8, __scopeMenu);
|
|
506
|
+
const rootContext = useMenuRootContext(CONTENT_NAME$8, __scopeMenu);
|
|
507
507
|
const popperScope = usePopperScope$1(__scopeMenu);
|
|
508
|
-
const rovingFocusGroupScope = useRovingFocusGroupScope$
|
|
508
|
+
const rovingFocusGroupScope = useRovingFocusGroupScope$2(__scopeMenu);
|
|
509
509
|
const getItems = useCollection$3(__scopeMenu);
|
|
510
510
|
const [currentItemId, setCurrentItemId] = React.useState(null);
|
|
511
511
|
const contentRef = React.useRef(null);
|
|
@@ -535,7 +535,7 @@ var MenuContentImpl = /* @__PURE__ */ React.forwardRef(
|
|
|
535
535
|
allowPinchZoom: true,
|
|
536
536
|
shards
|
|
537
537
|
} : void 0;
|
|
538
|
-
const handleTypeaheadSearch = /* @__PURE__ */ __name$
|
|
538
|
+
const handleTypeaheadSearch = /* @__PURE__ */ __name$b((key) => {
|
|
539
539
|
const search = searchRef.current + key;
|
|
540
540
|
const items = getItems().filter((item) => !item.disabled);
|
|
541
541
|
const currentItem = document.activeElement;
|
|
@@ -543,7 +543,7 @@ var MenuContentImpl = /* @__PURE__ */ React.forwardRef(
|
|
|
543
543
|
const values = items.map((item) => item.textValue);
|
|
544
544
|
const nextMatch = getNextMatch(values, search, currentMatch);
|
|
545
545
|
const newItem = items.find((item) => item.textValue === nextMatch)?.ref.current;
|
|
546
|
-
(/* @__PURE__ */ __name$
|
|
546
|
+
(/* @__PURE__ */ __name$b((function updateSearch(value) {
|
|
547
547
|
searchRef.current = value;
|
|
548
548
|
window.clearTimeout(timerRef.current);
|
|
549
549
|
if (value !== "") timerRef.current = window.setTimeout(() => updateSearch(""), 1e3);
|
|
@@ -685,13 +685,13 @@ var MenuContentImpl = /* @__PURE__ */ React.forwardRef(
|
|
|
685
685
|
}, "MenuContentImpl")
|
|
686
686
|
);
|
|
687
687
|
var MenuGroup = /* @__PURE__ */ React.forwardRef(
|
|
688
|
-
/* @__PURE__ */ __name$
|
|
688
|
+
/* @__PURE__ */ __name$b(function MenuGroup2(props, forwardedRef) {
|
|
689
689
|
const { __scopeMenu, ...groupProps } = props;
|
|
690
690
|
return /* @__PURE__ */ jsx(Primitive.div, { role: "group", ...groupProps, ref: forwardedRef });
|
|
691
691
|
}, "MenuGroup")
|
|
692
692
|
);
|
|
693
693
|
var MenuLabel = /* @__PURE__ */ React.forwardRef(
|
|
694
|
-
/* @__PURE__ */ __name$
|
|
694
|
+
/* @__PURE__ */ __name$b(function MenuLabel2(props, forwardedRef) {
|
|
695
695
|
const { __scopeMenu, ...labelProps } = props;
|
|
696
696
|
return /* @__PURE__ */ jsx(Primitive.div, { ...labelProps, ref: forwardedRef });
|
|
697
697
|
}, "MenuLabel")
|
|
@@ -700,14 +700,14 @@ var ITEM_NAME$2 = "MenuItem";
|
|
|
700
700
|
var ITEM_SELECT = "menu.itemSelect";
|
|
701
701
|
var MenuItem = /* @__PURE__ */ React.forwardRef(
|
|
702
702
|
// blank line to reduce diff noise
|
|
703
|
-
/* @__PURE__ */ __name$
|
|
703
|
+
/* @__PURE__ */ __name$b(function MenuItem2(props, forwardedRef) {
|
|
704
704
|
const { disabled = false, onSelect, ...itemProps } = props;
|
|
705
705
|
const ref = React.useRef(null);
|
|
706
706
|
const rootContext = useMenuRootContext(ITEM_NAME$2, props.__scopeMenu);
|
|
707
707
|
const contentContext = useMenuContentContext(ITEM_NAME$2, props.__scopeMenu);
|
|
708
708
|
const composedRefs = useComposedRefs(forwardedRef, ref);
|
|
709
709
|
const isPointerDownRef = React.useRef(false);
|
|
710
|
-
const handleSelect = /* @__PURE__ */ __name$
|
|
710
|
+
const handleSelect = /* @__PURE__ */ __name$b(() => {
|
|
711
711
|
const menuItem = ref.current;
|
|
712
712
|
if (!disabled && menuItem) {
|
|
713
713
|
const itemSelectEvent = new CustomEvent(ITEM_SELECT, { bubbles: true, cancelable: true });
|
|
@@ -752,10 +752,10 @@ var MenuItem = /* @__PURE__ */ React.forwardRef(
|
|
|
752
752
|
}, "MenuItem")
|
|
753
753
|
);
|
|
754
754
|
var MenuItemImpl = /* @__PURE__ */ React.forwardRef(
|
|
755
|
-
/* @__PURE__ */ __name$
|
|
755
|
+
/* @__PURE__ */ __name$b(function MenuItemImpl2(props, forwardedRef) {
|
|
756
756
|
const { __scopeMenu, disabled = false, textValue, ...itemProps } = props;
|
|
757
757
|
const contentContext = useMenuContentContext(ITEM_NAME$2, __scopeMenu);
|
|
758
|
-
const rovingFocusGroupScope = useRovingFocusGroupScope$
|
|
758
|
+
const rovingFocusGroupScope = useRovingFocusGroupScope$2(__scopeMenu);
|
|
759
759
|
const ref = React.useRef(null);
|
|
760
760
|
const composedRefs = useComposedRefs(forwardedRef, ref);
|
|
761
761
|
const [isFocused, setIsFocused] = React.useState(false);
|
|
@@ -809,7 +809,7 @@ var MenuItemImpl = /* @__PURE__ */ React.forwardRef(
|
|
|
809
809
|
);
|
|
810
810
|
var MenuCheckboxItem = /* @__PURE__ */ React.forwardRef(
|
|
811
811
|
// blank line to reduce diff noise
|
|
812
|
-
/* @__PURE__ */ __name$
|
|
812
|
+
/* @__PURE__ */ __name$b(function MenuCheckboxItem2(props, forwardedRef) {
|
|
813
813
|
const { checked = false, onCheckedChange, ...checkboxItemProps } = props;
|
|
814
814
|
return /* @__PURE__ */ jsx(ItemIndicatorProvider, { scope: props.__scopeMenu, checked, children: /* @__PURE__ */ jsx(
|
|
815
815
|
MenuItem,
|
|
@@ -831,11 +831,11 @@ var MenuCheckboxItem = /* @__PURE__ */ React.forwardRef(
|
|
|
831
831
|
var RADIO_GROUP_NAME$1 = "MenuRadioGroup";
|
|
832
832
|
var [RadioGroupProvider$1, useRadioGroupContext$1] = createMenuContext(
|
|
833
833
|
RADIO_GROUP_NAME$1,
|
|
834
|
-
{ value: void 0, onValueChange: /* @__PURE__ */ __name$
|
|
834
|
+
{ value: void 0, onValueChange: /* @__PURE__ */ __name$b(() => {
|
|
835
835
|
}, "onValueChange") }
|
|
836
836
|
);
|
|
837
837
|
var MenuRadioGroup = /* @__PURE__ */ React.forwardRef(
|
|
838
|
-
/* @__PURE__ */ __name$
|
|
838
|
+
/* @__PURE__ */ __name$b(function MenuRadioGroup2(props, forwardedRef) {
|
|
839
839
|
const { value, onValueChange, ...groupProps } = props;
|
|
840
840
|
const handleValueChange = useCallbackRef(onValueChange);
|
|
841
841
|
return /* @__PURE__ */ jsx(RadioGroupProvider$1, { scope: props.__scopeMenu, value, onValueChange: handleValueChange, children: /* @__PURE__ */ jsx(MenuGroup, { ...groupProps, ref: forwardedRef }) });
|
|
@@ -843,7 +843,7 @@ var MenuRadioGroup = /* @__PURE__ */ React.forwardRef(
|
|
|
843
843
|
);
|
|
844
844
|
var RADIO_ITEM_NAME = "MenuRadioItem";
|
|
845
845
|
var MenuRadioItem = /* @__PURE__ */ React.forwardRef(
|
|
846
|
-
/* @__PURE__ */ __name$
|
|
846
|
+
/* @__PURE__ */ __name$b(function MenuRadioItem2(props, forwardedRef) {
|
|
847
847
|
const { value, ...radioItemProps } = props;
|
|
848
848
|
const context = useRadioGroupContext$1(RADIO_ITEM_NAME, props.__scopeMenu);
|
|
849
849
|
const checked = value === context.value;
|
|
@@ -871,7 +871,7 @@ var [ItemIndicatorProvider, useItemIndicatorContext] = createMenuContext(
|
|
|
871
871
|
);
|
|
872
872
|
var MenuItemIndicator = /* @__PURE__ */ React.forwardRef(
|
|
873
873
|
// blank line to reduce diff noise
|
|
874
|
-
/* @__PURE__ */ __name$
|
|
874
|
+
/* @__PURE__ */ __name$b(function MenuItemIndicator2(props, forwardedRef) {
|
|
875
875
|
const { __scopeMenu, forceMount, ...itemIndicatorProps } = props;
|
|
876
876
|
const indicatorContext = useItemIndicatorContext(ITEM_INDICATOR_NAME, __scopeMenu);
|
|
877
877
|
return /* @__PURE__ */ jsx(
|
|
@@ -891,7 +891,7 @@ var MenuItemIndicator = /* @__PURE__ */ React.forwardRef(
|
|
|
891
891
|
}, "MenuItemIndicator")
|
|
892
892
|
);
|
|
893
893
|
var MenuSeparator = /* @__PURE__ */ React.forwardRef(
|
|
894
|
-
/* @__PURE__ */ __name$
|
|
894
|
+
/* @__PURE__ */ __name$b(function MenuSeparator2(props, forwardedRef) {
|
|
895
895
|
const { __scopeMenu, ...separatorProps } = props;
|
|
896
896
|
return /* @__PURE__ */ jsx(
|
|
897
897
|
Primitive.div,
|
|
@@ -906,7 +906,7 @@ var MenuSeparator = /* @__PURE__ */ React.forwardRef(
|
|
|
906
906
|
);
|
|
907
907
|
var SUB_NAME$2 = "MenuSub";
|
|
908
908
|
var [MenuSubProvider, useMenuSubContext] = createMenuContext(SUB_NAME$2);
|
|
909
|
-
var MenuSub = /* @__PURE__ */ __name$
|
|
909
|
+
var MenuSub = /* @__PURE__ */ __name$b((props) => {
|
|
910
910
|
const { __scopeMenu, children, open = false, onOpenChange } = props;
|
|
911
911
|
const parentMenuContext = useMenuContext(SUB_NAME$2, __scopeMenu);
|
|
912
912
|
const popperScope = usePopperScope$1(__scopeMenu);
|
|
@@ -941,7 +941,7 @@ var MenuSub = /* @__PURE__ */ __name$c((props) => {
|
|
|
941
941
|
}, "MenuSub");
|
|
942
942
|
var SUB_TRIGGER_NAME = "MenuSubTrigger";
|
|
943
943
|
var MenuSubTrigger = /* @__PURE__ */ React.forwardRef(
|
|
944
|
-
/* @__PURE__ */ __name$
|
|
944
|
+
/* @__PURE__ */ __name$b(function MenuSubTrigger2(props, forwardedRef) {
|
|
945
945
|
const context = useMenuContext(SUB_TRIGGER_NAME, props.__scopeMenu);
|
|
946
946
|
const rootContext = useMenuRootContext(SUB_TRIGGER_NAME, props.__scopeMenu);
|
|
947
947
|
const subContext = useMenuSubContext(SUB_TRIGGER_NAME, props.__scopeMenu);
|
|
@@ -1047,11 +1047,11 @@ var MenuSubTrigger = /* @__PURE__ */ React.forwardRef(
|
|
|
1047
1047
|
);
|
|
1048
1048
|
var SUB_CONTENT_NAME = "MenuSubContent";
|
|
1049
1049
|
var MenuSubContent = /* @__PURE__ */ React.forwardRef(
|
|
1050
|
-
/* @__PURE__ */ __name$
|
|
1051
|
-
const portalContext = usePortalContext$1(CONTENT_NAME$
|
|
1050
|
+
/* @__PURE__ */ __name$b(function MenuSubContent2(props, forwardedRef) {
|
|
1051
|
+
const portalContext = usePortalContext$1(CONTENT_NAME$8, props.__scopeMenu);
|
|
1052
1052
|
const { forceMount = portalContext.forceMount, align = "start", ...subContentProps } = props;
|
|
1053
|
-
const context = useMenuContext(CONTENT_NAME$
|
|
1054
|
-
const rootContext = useMenuRootContext(CONTENT_NAME$
|
|
1053
|
+
const context = useMenuContext(CONTENT_NAME$8, props.__scopeMenu);
|
|
1054
|
+
const rootContext = useMenuRootContext(CONTENT_NAME$8, props.__scopeMenu);
|
|
1055
1055
|
const subContext = useMenuSubContext(SUB_CONTENT_NAME, props.__scopeMenu);
|
|
1056
1056
|
const ref = React.useRef(null);
|
|
1057
1057
|
const composedRefs = useComposedRefs(forwardedRef, ref);
|
|
@@ -1095,15 +1095,15 @@ var MenuSubContent = /* @__PURE__ */ React.forwardRef(
|
|
|
1095
1095
|
function getOpenState$1(open) {
|
|
1096
1096
|
return open ? "open" : "closed";
|
|
1097
1097
|
}
|
|
1098
|
-
__name$
|
|
1098
|
+
__name$b(getOpenState$1, "getOpenState");
|
|
1099
1099
|
function isIndeterminate(checked) {
|
|
1100
1100
|
return checked === "indeterminate";
|
|
1101
1101
|
}
|
|
1102
|
-
__name$
|
|
1102
|
+
__name$b(isIndeterminate, "isIndeterminate");
|
|
1103
1103
|
function getCheckedState(checked) {
|
|
1104
1104
|
return isIndeterminate(checked) ? "indeterminate" : checked ? "checked" : "unchecked";
|
|
1105
1105
|
}
|
|
1106
|
-
__name$
|
|
1106
|
+
__name$b(getCheckedState, "getCheckedState");
|
|
1107
1107
|
function focusFirst$1(candidates) {
|
|
1108
1108
|
const PREVIOUSLY_FOCUSED_ELEMENT = document.activeElement;
|
|
1109
1109
|
for (const candidate of candidates) {
|
|
@@ -1112,11 +1112,11 @@ function focusFirst$1(candidates) {
|
|
|
1112
1112
|
if (document.activeElement !== PREVIOUSLY_FOCUSED_ELEMENT) return;
|
|
1113
1113
|
}
|
|
1114
1114
|
}
|
|
1115
|
-
__name$
|
|
1115
|
+
__name$b(focusFirst$1, "focusFirst");
|
|
1116
1116
|
function wrapArray$1(array, startIndex) {
|
|
1117
1117
|
return array.map((_, index) => array[(startIndex + index) % array.length]);
|
|
1118
1118
|
}
|
|
1119
|
-
__name$
|
|
1119
|
+
__name$b(wrapArray$1, "wrapArray");
|
|
1120
1120
|
function getNextMatch(values, search, currentMatch) {
|
|
1121
1121
|
const isRepeated = search.length > 1 && Array.from(search).every((char) => char === search[0]);
|
|
1122
1122
|
const normalizedSearch = isRepeated ? search[0] : search;
|
|
@@ -1129,7 +1129,7 @@ function getNextMatch(values, search, currentMatch) {
|
|
|
1129
1129
|
);
|
|
1130
1130
|
return nextMatch !== currentMatch ? nextMatch : void 0;
|
|
1131
1131
|
}
|
|
1132
|
-
__name$
|
|
1132
|
+
__name$b(getNextMatch, "getNextMatch");
|
|
1133
1133
|
function isPointInPolygon(point, polygon) {
|
|
1134
1134
|
const { x, y } = point;
|
|
1135
1135
|
let inside = false;
|
|
@@ -1145,19 +1145,19 @@ function isPointInPolygon(point, polygon) {
|
|
|
1145
1145
|
}
|
|
1146
1146
|
return inside;
|
|
1147
1147
|
}
|
|
1148
|
-
__name$
|
|
1148
|
+
__name$b(isPointInPolygon, "isPointInPolygon");
|
|
1149
1149
|
function isPointerInGraceArea(event, area) {
|
|
1150
1150
|
if (!area) return false;
|
|
1151
1151
|
const cursorPos = { x: event.clientX, y: event.clientY };
|
|
1152
1152
|
return isPointInPolygon(cursorPos, area);
|
|
1153
1153
|
}
|
|
1154
|
-
__name$
|
|
1154
|
+
__name$b(isPointerInGraceArea, "isPointerInGraceArea");
|
|
1155
1155
|
function whenMouse$1(handler) {
|
|
1156
1156
|
return (event) => event.pointerType === "mouse" ? handler(event) : void 0;
|
|
1157
1157
|
}
|
|
1158
|
-
__name$
|
|
1159
|
-
var __defProp$
|
|
1160
|
-
var __name$
|
|
1158
|
+
__name$b(whenMouse$1, "whenMouse");
|
|
1159
|
+
var __defProp$a = Object.defineProperty;
|
|
1160
|
+
var __name$a = (target, value) => __defProp$a(target, "name", { value, configurable: true });
|
|
1161
1161
|
var DROPDOWN_MENU_NAME = "DropdownMenu";
|
|
1162
1162
|
var [createDropdownMenuContext, createDropdownMenuScope] = createContextScope(
|
|
1163
1163
|
DROPDOWN_MENU_NAME,
|
|
@@ -1165,7 +1165,7 @@ var [createDropdownMenuContext, createDropdownMenuScope] = createContextScope(
|
|
|
1165
1165
|
);
|
|
1166
1166
|
var useMenuScope$2 = createMenuScope();
|
|
1167
1167
|
var [DropdownMenuProvider, useDropdownMenuContext] = createDropdownMenuContext(DROPDOWN_MENU_NAME);
|
|
1168
|
-
var DropdownMenu$1 = /* @__PURE__ */ __name$
|
|
1168
|
+
var DropdownMenu$1 = /* @__PURE__ */ __name$a((props) => {
|
|
1169
1169
|
const {
|
|
1170
1170
|
__scopeDropdownMenu,
|
|
1171
1171
|
children,
|
|
@@ -1198,12 +1198,12 @@ var DropdownMenu$1 = /* @__PURE__ */ __name$b((props) => {
|
|
|
1198
1198
|
}
|
|
1199
1199
|
);
|
|
1200
1200
|
}, "DropdownMenu");
|
|
1201
|
-
var TRIGGER_NAME$
|
|
1201
|
+
var TRIGGER_NAME$7 = "DropdownMenuTrigger";
|
|
1202
1202
|
var DropdownMenuTrigger$1 = /* @__PURE__ */ React.forwardRef(
|
|
1203
1203
|
// blank line to reduce diff noise
|
|
1204
|
-
/* @__PURE__ */ __name$
|
|
1204
|
+
/* @__PURE__ */ __name$a(function DropdownMenuTrigger2(props, forwardedRef) {
|
|
1205
1205
|
const { __scopeDropdownMenu, disabled = false, ...triggerProps } = props;
|
|
1206
|
-
const context = useDropdownMenuContext(TRIGGER_NAME$
|
|
1206
|
+
const context = useDropdownMenuContext(TRIGGER_NAME$7, __scopeDropdownMenu);
|
|
1207
1207
|
const menuScope = useMenuScope$2(__scopeDropdownMenu);
|
|
1208
1208
|
const composedRefs = useComposedRefs(forwardedRef, context.triggerRef);
|
|
1209
1209
|
return /* @__PURE__ */ jsx(MenuAnchor, { asChild: true, ...menuScope, children: /* @__PURE__ */ jsx(
|
|
@@ -1235,17 +1235,17 @@ var DropdownMenuTrigger$1 = /* @__PURE__ */ React.forwardRef(
|
|
|
1235
1235
|
) });
|
|
1236
1236
|
}, "DropdownMenuTrigger")
|
|
1237
1237
|
);
|
|
1238
|
-
var DropdownMenuPortal$1 = /* @__PURE__ */ __name$
|
|
1238
|
+
var DropdownMenuPortal$1 = /* @__PURE__ */ __name$a((props) => {
|
|
1239
1239
|
const { __scopeDropdownMenu, ...portalProps } = props;
|
|
1240
1240
|
const menuScope = useMenuScope$2(__scopeDropdownMenu);
|
|
1241
1241
|
return /* @__PURE__ */ jsx(MenuPortal, { ...menuScope, ...portalProps });
|
|
1242
1242
|
}, "DropdownMenuPortal");
|
|
1243
|
-
var CONTENT_NAME$
|
|
1243
|
+
var CONTENT_NAME$7 = "DropdownMenuContent";
|
|
1244
1244
|
var DropdownMenuContent$1 = /* @__PURE__ */ React.forwardRef(
|
|
1245
1245
|
// blank line to reduce diff noise
|
|
1246
|
-
/* @__PURE__ */ __name$
|
|
1246
|
+
/* @__PURE__ */ __name$a(function DropdownMenuContent2(props, forwardedRef) {
|
|
1247
1247
|
const { __scopeDropdownMenu, ...contentProps } = props;
|
|
1248
|
-
const context = useDropdownMenuContext(CONTENT_NAME$
|
|
1248
|
+
const context = useDropdownMenuContext(CONTENT_NAME$7, __scopeDropdownMenu);
|
|
1249
1249
|
const menuScope = useMenuScope$2(__scopeDropdownMenu);
|
|
1250
1250
|
const hasInteractedOutsideRef = React.useRef(false);
|
|
1251
1251
|
return /* @__PURE__ */ jsx(
|
|
@@ -1284,7 +1284,7 @@ var DropdownMenuContent$1 = /* @__PURE__ */ React.forwardRef(
|
|
|
1284
1284
|
);
|
|
1285
1285
|
var DropdownMenuGroup$1 = /* @__PURE__ */ React.forwardRef(
|
|
1286
1286
|
// blank line to reduce diff noise
|
|
1287
|
-
/* @__PURE__ */ __name$
|
|
1287
|
+
/* @__PURE__ */ __name$a(function DropdownMenuGroup2(props, forwardedRef) {
|
|
1288
1288
|
const { __scopeDropdownMenu, ...groupProps } = props;
|
|
1289
1289
|
const menuScope = useMenuScope$2(__scopeDropdownMenu);
|
|
1290
1290
|
return /* @__PURE__ */ jsx(MenuGroup, { ...menuScope, ...groupProps, ref: forwardedRef });
|
|
@@ -1292,7 +1292,7 @@ var DropdownMenuGroup$1 = /* @__PURE__ */ React.forwardRef(
|
|
|
1292
1292
|
);
|
|
1293
1293
|
var DropdownMenuLabel$1 = /* @__PURE__ */ React.forwardRef(
|
|
1294
1294
|
// blank line to reduce diff noise
|
|
1295
|
-
/* @__PURE__ */ __name$
|
|
1295
|
+
/* @__PURE__ */ __name$a(function DropdownMenuLabel2(props, forwardedRef) {
|
|
1296
1296
|
const { __scopeDropdownMenu, ...labelProps } = props;
|
|
1297
1297
|
const menuScope = useMenuScope$2(__scopeDropdownMenu);
|
|
1298
1298
|
return /* @__PURE__ */ jsx(MenuLabel, { ...menuScope, ...labelProps, ref: forwardedRef });
|
|
@@ -1300,38 +1300,38 @@ var DropdownMenuLabel$1 = /* @__PURE__ */ React.forwardRef(
|
|
|
1300
1300
|
);
|
|
1301
1301
|
var DropdownMenuItem$1 = /* @__PURE__ */ React.forwardRef(
|
|
1302
1302
|
// blank line to reduce diff noise
|
|
1303
|
-
/* @__PURE__ */ __name$
|
|
1303
|
+
/* @__PURE__ */ __name$a(function DropdownMenuItem2(props, forwardedRef) {
|
|
1304
1304
|
const { __scopeDropdownMenu, ...itemProps } = props;
|
|
1305
1305
|
const menuScope = useMenuScope$2(__scopeDropdownMenu);
|
|
1306
1306
|
return /* @__PURE__ */ jsx(MenuItem, { ...menuScope, ...itemProps, ref: forwardedRef });
|
|
1307
1307
|
}, "DropdownMenuItem")
|
|
1308
1308
|
);
|
|
1309
|
-
var DropdownMenuCheckboxItem$1 = /* @__PURE__ */ React.forwardRef(/* @__PURE__ */ __name$
|
|
1309
|
+
var DropdownMenuCheckboxItem$1 = /* @__PURE__ */ React.forwardRef(/* @__PURE__ */ __name$a(function DropdownMenuCheckboxItem2(props, forwardedRef) {
|
|
1310
1310
|
const { __scopeDropdownMenu, ...checkboxItemProps } = props;
|
|
1311
1311
|
const menuScope = useMenuScope$2(__scopeDropdownMenu);
|
|
1312
1312
|
return /* @__PURE__ */ jsx(MenuCheckboxItem, { ...menuScope, ...checkboxItemProps, ref: forwardedRef });
|
|
1313
1313
|
}, "DropdownMenuCheckboxItem"));
|
|
1314
|
-
var DropdownMenuRadioGroup$1 = /* @__PURE__ */ React.forwardRef(/* @__PURE__ */ __name$
|
|
1314
|
+
var DropdownMenuRadioGroup$1 = /* @__PURE__ */ React.forwardRef(/* @__PURE__ */ __name$a(function DropdownMenuRadioGroup2(props, forwardedRef) {
|
|
1315
1315
|
const { __scopeDropdownMenu, ...radioGroupProps } = props;
|
|
1316
1316
|
const menuScope = useMenuScope$2(__scopeDropdownMenu);
|
|
1317
1317
|
return /* @__PURE__ */ jsx(MenuRadioGroup, { ...menuScope, ...radioGroupProps, ref: forwardedRef });
|
|
1318
1318
|
}, "DropdownMenuRadioGroup"));
|
|
1319
|
-
var DropdownMenuRadioItem$1 = /* @__PURE__ */ React.forwardRef(/* @__PURE__ */ __name$
|
|
1319
|
+
var DropdownMenuRadioItem$1 = /* @__PURE__ */ React.forwardRef(/* @__PURE__ */ __name$a(function DropdownMenuRadioItem2(props, forwardedRef) {
|
|
1320
1320
|
const { __scopeDropdownMenu, ...radioItemProps } = props;
|
|
1321
1321
|
const menuScope = useMenuScope$2(__scopeDropdownMenu);
|
|
1322
1322
|
return /* @__PURE__ */ jsx(MenuRadioItem, { ...menuScope, ...radioItemProps, ref: forwardedRef });
|
|
1323
1323
|
}, "DropdownMenuRadioItem"));
|
|
1324
|
-
var DropdownMenuItemIndicator = /* @__PURE__ */ React.forwardRef(/* @__PURE__ */ __name$
|
|
1324
|
+
var DropdownMenuItemIndicator = /* @__PURE__ */ React.forwardRef(/* @__PURE__ */ __name$a(function DropdownMenuItemIndicator2(props, forwardedRef) {
|
|
1325
1325
|
const { __scopeDropdownMenu, ...itemIndicatorProps } = props;
|
|
1326
1326
|
const menuScope = useMenuScope$2(__scopeDropdownMenu);
|
|
1327
1327
|
return /* @__PURE__ */ jsx(MenuItemIndicator, { ...menuScope, ...itemIndicatorProps, ref: forwardedRef });
|
|
1328
1328
|
}, "DropdownMenuItemIndicator"));
|
|
1329
|
-
var DropdownMenuSeparator$1 = /* @__PURE__ */ React.forwardRef(/* @__PURE__ */ __name$
|
|
1329
|
+
var DropdownMenuSeparator$1 = /* @__PURE__ */ React.forwardRef(/* @__PURE__ */ __name$a(function DropdownMenuSeparator2(props, forwardedRef) {
|
|
1330
1330
|
const { __scopeDropdownMenu, ...separatorProps } = props;
|
|
1331
1331
|
const menuScope = useMenuScope$2(__scopeDropdownMenu);
|
|
1332
1332
|
return /* @__PURE__ */ jsx(MenuSeparator, { ...menuScope, ...separatorProps, ref: forwardedRef });
|
|
1333
1333
|
}, "DropdownMenuSeparator"));
|
|
1334
|
-
var DropdownMenuSub$1 = /* @__PURE__ */ __name$
|
|
1334
|
+
var DropdownMenuSub$1 = /* @__PURE__ */ __name$a((props) => {
|
|
1335
1335
|
const { __scopeDropdownMenu, children, open: openProp, onOpenChange, defaultOpen } = props;
|
|
1336
1336
|
const menuScope = useMenuScope$2(__scopeDropdownMenu);
|
|
1337
1337
|
const [open, setOpen] = useControllableState({
|
|
@@ -1342,12 +1342,12 @@ var DropdownMenuSub$1 = /* @__PURE__ */ __name$b((props) => {
|
|
|
1342
1342
|
});
|
|
1343
1343
|
return /* @__PURE__ */ jsx(MenuSub, { ...menuScope, open, onOpenChange: setOpen, children });
|
|
1344
1344
|
}, "DropdownMenuSub");
|
|
1345
|
-
var DropdownMenuSubTrigger$1 = /* @__PURE__ */ React.forwardRef(/* @__PURE__ */ __name$
|
|
1345
|
+
var DropdownMenuSubTrigger$1 = /* @__PURE__ */ React.forwardRef(/* @__PURE__ */ __name$a(function DropdownMenuSubTrigger2(props, forwardedRef) {
|
|
1346
1346
|
const { __scopeDropdownMenu, ...subTriggerProps } = props;
|
|
1347
1347
|
const menuScope = useMenuScope$2(__scopeDropdownMenu);
|
|
1348
1348
|
return /* @__PURE__ */ jsx(MenuSubTrigger, { ...menuScope, ...subTriggerProps, ref: forwardedRef });
|
|
1349
1349
|
}, "DropdownMenuSubTrigger"));
|
|
1350
|
-
var DropdownMenuSubContent$1 = /* @__PURE__ */ React.forwardRef(/* @__PURE__ */ __name$
|
|
1350
|
+
var DropdownMenuSubContent$1 = /* @__PURE__ */ React.forwardRef(/* @__PURE__ */ __name$a(function DropdownMenuSubContent2(props, forwardedRef) {
|
|
1351
1351
|
const { __scopeDropdownMenu, ...subContentProps } = props;
|
|
1352
1352
|
const menuScope = useMenuScope$2(__scopeDropdownMenu);
|
|
1353
1353
|
return /* @__PURE__ */ jsx(
|
|
@@ -1922,328 +1922,6 @@ function DropdownMenuSubContent(t0) {
|
|
|
1922
1922
|
}
|
|
1923
1923
|
return t2;
|
|
1924
1924
|
}
|
|
1925
|
-
var __defProp$a = Object.defineProperty;
|
|
1926
|
-
var __name$a = (target, value) => __defProp$a(target, "name", { value, configurable: true });
|
|
1927
|
-
var ActivationMode$1 = {
|
|
1928
|
-
Automatic: "automatic",
|
|
1929
|
-
Manual: "manual"
|
|
1930
|
-
};
|
|
1931
|
-
var TABS_NAME = "Tabs";
|
|
1932
|
-
var [createTabsContext, createTabsScope] = createContextScope(TABS_NAME, [
|
|
1933
|
-
createRovingFocusGroupScope
|
|
1934
|
-
]);
|
|
1935
|
-
var useRovingFocusGroupScope$2 = createRovingFocusGroupScope();
|
|
1936
|
-
var [TabsProvider, useTabsContext] = createTabsContext(TABS_NAME);
|
|
1937
|
-
var Tabs$1 = /* @__PURE__ */ React.forwardRef(
|
|
1938
|
-
// blank line to reduce diff noise
|
|
1939
|
-
/* @__PURE__ */ __name$a(function Tabs2(props, forwardedRef) {
|
|
1940
|
-
const {
|
|
1941
|
-
__scopeTabs,
|
|
1942
|
-
value: valueProp,
|
|
1943
|
-
onValueChange,
|
|
1944
|
-
defaultValue,
|
|
1945
|
-
orientation = "horizontal",
|
|
1946
|
-
dir,
|
|
1947
|
-
activationMode = ActivationMode$1.Automatic,
|
|
1948
|
-
...tabsProps
|
|
1949
|
-
} = props;
|
|
1950
|
-
const direction = useDirection(dir);
|
|
1951
|
-
const [value, setValue] = useControllableState({
|
|
1952
|
-
prop: valueProp,
|
|
1953
|
-
onChange: onValueChange,
|
|
1954
|
-
defaultProp: defaultValue ?? "",
|
|
1955
|
-
caller: TABS_NAME
|
|
1956
|
-
});
|
|
1957
|
-
return /* @__PURE__ */ jsx(
|
|
1958
|
-
TabsProvider,
|
|
1959
|
-
{
|
|
1960
|
-
scope: __scopeTabs,
|
|
1961
|
-
baseId: useId(),
|
|
1962
|
-
value,
|
|
1963
|
-
onValueChange: setValue,
|
|
1964
|
-
orientation,
|
|
1965
|
-
dir: direction,
|
|
1966
|
-
activationMode,
|
|
1967
|
-
children: /* @__PURE__ */ jsx(
|
|
1968
|
-
Primitive.div,
|
|
1969
|
-
{
|
|
1970
|
-
dir: direction,
|
|
1971
|
-
"data-orientation": orientation,
|
|
1972
|
-
...tabsProps,
|
|
1973
|
-
ref: forwardedRef
|
|
1974
|
-
}
|
|
1975
|
-
)
|
|
1976
|
-
}
|
|
1977
|
-
);
|
|
1978
|
-
}, "Tabs")
|
|
1979
|
-
);
|
|
1980
|
-
var TAB_LIST_NAME = "TabsList";
|
|
1981
|
-
var TabsList$1 = /* @__PURE__ */ React.forwardRef(
|
|
1982
|
-
// blank line to reduce diff noise
|
|
1983
|
-
/* @__PURE__ */ __name$a(function TabsList2(props, forwardedRef) {
|
|
1984
|
-
const { __scopeTabs, loop = true, ...listProps } = props;
|
|
1985
|
-
const context = useTabsContext(TAB_LIST_NAME, __scopeTabs);
|
|
1986
|
-
const rovingFocusGroupScope = useRovingFocusGroupScope$2(__scopeTabs);
|
|
1987
|
-
return /* @__PURE__ */ jsx(
|
|
1988
|
-
RovingFocusGroup,
|
|
1989
|
-
{
|
|
1990
|
-
asChild: true,
|
|
1991
|
-
...rovingFocusGroupScope,
|
|
1992
|
-
orientation: context.orientation,
|
|
1993
|
-
dir: context.dir,
|
|
1994
|
-
loop,
|
|
1995
|
-
children: /* @__PURE__ */ jsx(
|
|
1996
|
-
Primitive.div,
|
|
1997
|
-
{
|
|
1998
|
-
role: "tablist",
|
|
1999
|
-
"aria-orientation": context.orientation,
|
|
2000
|
-
...listProps,
|
|
2001
|
-
ref: forwardedRef
|
|
2002
|
-
}
|
|
2003
|
-
)
|
|
2004
|
-
}
|
|
2005
|
-
);
|
|
2006
|
-
}, "TabsList")
|
|
2007
|
-
);
|
|
2008
|
-
var TRIGGER_NAME$7 = "TabsTrigger";
|
|
2009
|
-
var TabsTrigger$1 = /* @__PURE__ */ React.forwardRef(
|
|
2010
|
-
/* @__PURE__ */ __name$a(function TabsTrigger2(props, forwardedRef) {
|
|
2011
|
-
const { __scopeTabs, value, disabled = false, ...triggerProps } = props;
|
|
2012
|
-
const context = useTabsContext(TRIGGER_NAME$7, __scopeTabs);
|
|
2013
|
-
const rovingFocusGroupScope = useRovingFocusGroupScope$2(__scopeTabs);
|
|
2014
|
-
const triggerId = makeTriggerId$1(context.baseId, value);
|
|
2015
|
-
const contentId = makeContentId$1(context.baseId, value);
|
|
2016
|
-
const isSelected = value === context.value;
|
|
2017
|
-
return /* @__PURE__ */ jsx(
|
|
2018
|
-
RovingFocusGroupItem,
|
|
2019
|
-
{
|
|
2020
|
-
asChild: true,
|
|
2021
|
-
...rovingFocusGroupScope,
|
|
2022
|
-
focusable: !disabled,
|
|
2023
|
-
active: isSelected,
|
|
2024
|
-
children: /* @__PURE__ */ jsx(
|
|
2025
|
-
Primitive.button,
|
|
2026
|
-
{
|
|
2027
|
-
type: "button",
|
|
2028
|
-
role: "tab",
|
|
2029
|
-
"aria-selected": isSelected,
|
|
2030
|
-
"aria-controls": contentId,
|
|
2031
|
-
"data-state": isSelected ? "active" : "inactive",
|
|
2032
|
-
"data-disabled": disabled ? "" : void 0,
|
|
2033
|
-
disabled,
|
|
2034
|
-
id: triggerId,
|
|
2035
|
-
...triggerProps,
|
|
2036
|
-
ref: forwardedRef,
|
|
2037
|
-
onMouseDown: composeEventHandlers(props.onMouseDown, (event) => {
|
|
2038
|
-
if (!disabled && event.button === 0 && event.ctrlKey === false) {
|
|
2039
|
-
event.currentTarget.focus();
|
|
2040
|
-
context.onValueChange(value);
|
|
2041
|
-
} else {
|
|
2042
|
-
event.preventDefault();
|
|
2043
|
-
}
|
|
2044
|
-
}),
|
|
2045
|
-
onKeyDown: composeEventHandlers(props.onKeyDown, (event) => {
|
|
2046
|
-
if (disabled || event.target !== event.currentTarget) {
|
|
2047
|
-
return;
|
|
2048
|
-
}
|
|
2049
|
-
if ([" ", "Enter"].includes(event.key)) {
|
|
2050
|
-
context.onValueChange(value);
|
|
2051
|
-
}
|
|
2052
|
-
}),
|
|
2053
|
-
onFocus: composeEventHandlers(props.onFocus, () => {
|
|
2054
|
-
const isAutomaticActivation = context.activationMode !== ActivationMode$1.Manual;
|
|
2055
|
-
if (!isSelected && !disabled && isAutomaticActivation) {
|
|
2056
|
-
context.onValueChange(value);
|
|
2057
|
-
}
|
|
2058
|
-
})
|
|
2059
|
-
}
|
|
2060
|
-
)
|
|
2061
|
-
}
|
|
2062
|
-
);
|
|
2063
|
-
}, "TabsTrigger")
|
|
2064
|
-
);
|
|
2065
|
-
var CONTENT_NAME$7 = "TabsContent";
|
|
2066
|
-
var TabsContent$1 = /* @__PURE__ */ React.forwardRef(
|
|
2067
|
-
/* @__PURE__ */ __name$a(function TabsContent2(props, forwardedRef) {
|
|
2068
|
-
const { __scopeTabs, value, forceMount, children, ...contentProps } = props;
|
|
2069
|
-
const context = useTabsContext(CONTENT_NAME$7, __scopeTabs);
|
|
2070
|
-
const triggerId = makeTriggerId$1(context.baseId, value);
|
|
2071
|
-
const contentId = makeContentId$1(context.baseId, value);
|
|
2072
|
-
const isSelected = value === context.value;
|
|
2073
|
-
const isMountAnimationPreventedRef = React.useRef(isSelected);
|
|
2074
|
-
React.useEffect(() => {
|
|
2075
|
-
const rAF = requestAnimationFrame(() => isMountAnimationPreventedRef.current = false);
|
|
2076
|
-
return () => cancelAnimationFrame(rAF);
|
|
2077
|
-
}, []);
|
|
2078
|
-
return /* @__PURE__ */ jsx(Presence, { present: forceMount || isSelected, children: ({ present }) => /* @__PURE__ */ jsx(
|
|
2079
|
-
Primitive.div,
|
|
2080
|
-
{
|
|
2081
|
-
"data-state": isSelected ? "active" : "inactive",
|
|
2082
|
-
"data-orientation": context.orientation,
|
|
2083
|
-
role: "tabpanel",
|
|
2084
|
-
"aria-labelledby": triggerId,
|
|
2085
|
-
hidden: !present,
|
|
2086
|
-
id: contentId,
|
|
2087
|
-
tabIndex: 0,
|
|
2088
|
-
...contentProps,
|
|
2089
|
-
ref: forwardedRef,
|
|
2090
|
-
style: {
|
|
2091
|
-
...props.style,
|
|
2092
|
-
animationDuration: isMountAnimationPreventedRef.current ? "0s" : void 0
|
|
2093
|
-
},
|
|
2094
|
-
children: present && children
|
|
2095
|
-
}
|
|
2096
|
-
) });
|
|
2097
|
-
}, "TabsContent")
|
|
2098
|
-
);
|
|
2099
|
-
function makeTriggerId$1(baseId, value) {
|
|
2100
|
-
return `${baseId}-trigger-${value}`;
|
|
2101
|
-
}
|
|
2102
|
-
__name$a(makeTriggerId$1, "makeTriggerId");
|
|
2103
|
-
function makeContentId$1(baseId, value) {
|
|
2104
|
-
return `${baseId}-content-${value}`;
|
|
2105
|
-
}
|
|
2106
|
-
__name$a(makeContentId$1, "makeContentId");
|
|
2107
|
-
function Tabs(t0) {
|
|
2108
|
-
const $ = c(8);
|
|
2109
|
-
let className;
|
|
2110
|
-
let props;
|
|
2111
|
-
if ($[0] !== t0) {
|
|
2112
|
-
({
|
|
2113
|
-
className,
|
|
2114
|
-
...props
|
|
2115
|
-
} = t0);
|
|
2116
|
-
$[0] = t0;
|
|
2117
|
-
$[1] = className;
|
|
2118
|
-
$[2] = props;
|
|
2119
|
-
} else {
|
|
2120
|
-
className = $[1];
|
|
2121
|
-
props = $[2];
|
|
2122
|
-
}
|
|
2123
|
-
let t1;
|
|
2124
|
-
if ($[3] !== className) {
|
|
2125
|
-
t1 = cn("flex flex-col gap-2", className);
|
|
2126
|
-
$[3] = className;
|
|
2127
|
-
$[4] = t1;
|
|
2128
|
-
} else {
|
|
2129
|
-
t1 = $[4];
|
|
2130
|
-
}
|
|
2131
|
-
let t2;
|
|
2132
|
-
if ($[5] !== props || $[6] !== t1) {
|
|
2133
|
-
t2 = /* @__PURE__ */ jsx(Tabs$1, { "data-slot": "tabs", className: t1, ...props });
|
|
2134
|
-
$[5] = props;
|
|
2135
|
-
$[6] = t1;
|
|
2136
|
-
$[7] = t2;
|
|
2137
|
-
} else {
|
|
2138
|
-
t2 = $[7];
|
|
2139
|
-
}
|
|
2140
|
-
return t2;
|
|
2141
|
-
}
|
|
2142
|
-
function TabsList(t0) {
|
|
2143
|
-
const $ = c(8);
|
|
2144
|
-
let className;
|
|
2145
|
-
let props;
|
|
2146
|
-
if ($[0] !== t0) {
|
|
2147
|
-
({
|
|
2148
|
-
className,
|
|
2149
|
-
...props
|
|
2150
|
-
} = t0);
|
|
2151
|
-
$[0] = t0;
|
|
2152
|
-
$[1] = className;
|
|
2153
|
-
$[2] = props;
|
|
2154
|
-
} else {
|
|
2155
|
-
className = $[1];
|
|
2156
|
-
props = $[2];
|
|
2157
|
-
}
|
|
2158
|
-
let t1;
|
|
2159
|
-
if ($[3] !== className) {
|
|
2160
|
-
t1 = cn("bg-muted text-muted-foreground inline-flex h-9 w-fit items-center justify-center rounded-lg p-[3px]", className);
|
|
2161
|
-
$[3] = className;
|
|
2162
|
-
$[4] = t1;
|
|
2163
|
-
} else {
|
|
2164
|
-
t1 = $[4];
|
|
2165
|
-
}
|
|
2166
|
-
let t2;
|
|
2167
|
-
if ($[5] !== props || $[6] !== t1) {
|
|
2168
|
-
t2 = /* @__PURE__ */ jsx(TabsList$1, { "data-slot": "tabs-list", className: t1, ...props });
|
|
2169
|
-
$[5] = props;
|
|
2170
|
-
$[6] = t1;
|
|
2171
|
-
$[7] = t2;
|
|
2172
|
-
} else {
|
|
2173
|
-
t2 = $[7];
|
|
2174
|
-
}
|
|
2175
|
-
return t2;
|
|
2176
|
-
}
|
|
2177
|
-
function TabsTrigger(t0) {
|
|
2178
|
-
const $ = c(8);
|
|
2179
|
-
let className;
|
|
2180
|
-
let props;
|
|
2181
|
-
if ($[0] !== t0) {
|
|
2182
|
-
({
|
|
2183
|
-
className,
|
|
2184
|
-
...props
|
|
2185
|
-
} = t0);
|
|
2186
|
-
$[0] = t0;
|
|
2187
|
-
$[1] = className;
|
|
2188
|
-
$[2] = props;
|
|
2189
|
-
} else {
|
|
2190
|
-
className = $[1];
|
|
2191
|
-
props = $[2];
|
|
2192
|
-
}
|
|
2193
|
-
let t1;
|
|
2194
|
-
if ($[3] !== className) {
|
|
2195
|
-
t1 = cn("data-[state=active]:bg-content1 dark:data-[state=active]:text-foreground focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring dark:data-[state=active]:border-input dark:data-[state=active]:bg-input/30 text-foreground dark:text-muted-foreground inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-2 py-1 text-sm font-medium whitespace-nowrap transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:shadow-sm [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className);
|
|
2196
|
-
$[3] = className;
|
|
2197
|
-
$[4] = t1;
|
|
2198
|
-
} else {
|
|
2199
|
-
t1 = $[4];
|
|
2200
|
-
}
|
|
2201
|
-
let t2;
|
|
2202
|
-
if ($[5] !== props || $[6] !== t1) {
|
|
2203
|
-
t2 = /* @__PURE__ */ jsx(TabsTrigger$1, { "data-slot": "tabs-trigger", className: t1, ...props });
|
|
2204
|
-
$[5] = props;
|
|
2205
|
-
$[6] = t1;
|
|
2206
|
-
$[7] = t2;
|
|
2207
|
-
} else {
|
|
2208
|
-
t2 = $[7];
|
|
2209
|
-
}
|
|
2210
|
-
return t2;
|
|
2211
|
-
}
|
|
2212
|
-
function TabsContent(t0) {
|
|
2213
|
-
const $ = c(8);
|
|
2214
|
-
let className;
|
|
2215
|
-
let props;
|
|
2216
|
-
if ($[0] !== t0) {
|
|
2217
|
-
({
|
|
2218
|
-
className,
|
|
2219
|
-
...props
|
|
2220
|
-
} = t0);
|
|
2221
|
-
$[0] = t0;
|
|
2222
|
-
$[1] = className;
|
|
2223
|
-
$[2] = props;
|
|
2224
|
-
} else {
|
|
2225
|
-
className = $[1];
|
|
2226
|
-
props = $[2];
|
|
2227
|
-
}
|
|
2228
|
-
let t1;
|
|
2229
|
-
if ($[3] !== className) {
|
|
2230
|
-
t1 = cn("flex-1 outline-none", className);
|
|
2231
|
-
$[3] = className;
|
|
2232
|
-
$[4] = t1;
|
|
2233
|
-
} else {
|
|
2234
|
-
t1 = $[4];
|
|
2235
|
-
}
|
|
2236
|
-
let t2;
|
|
2237
|
-
if ($[5] !== props || $[6] !== t1) {
|
|
2238
|
-
t2 = /* @__PURE__ */ jsx(TabsContent$1, { "data-slot": "tabs-content", className: t1, ...props });
|
|
2239
|
-
$[5] = props;
|
|
2240
|
-
$[6] = t1;
|
|
2241
|
-
$[7] = t2;
|
|
2242
|
-
} else {
|
|
2243
|
-
t2 = $[7];
|
|
2244
|
-
}
|
|
2245
|
-
return t2;
|
|
2246
|
-
}
|
|
2247
1925
|
function Skeleton(t0) {
|
|
2248
1926
|
const $ = c(8);
|
|
2249
1927
|
let className;
|
|
@@ -8321,10 +7999,6 @@ export {
|
|
|
8321
7999
|
b as SelectValue,
|
|
8322
8000
|
Skeleton,
|
|
8323
8001
|
S as Switch,
|
|
8324
|
-
Tabs,
|
|
8325
|
-
TabsContent,
|
|
8326
|
-
TabsList,
|
|
8327
|
-
TabsTrigger,
|
|
8328
8002
|
Textarea,
|
|
8329
8003
|
navigationMenuTriggerStyle
|
|
8330
8004
|
};
|