@arolariu/components 1.0.0 → 1.1.0
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/CHANGELOG.md +57 -0
- package/EXAMPLES.md +2510 -0
- package/dist/components/ui/alert-dialog.d.ts +4 -16
- package/dist/components/ui/alert-dialog.d.ts.map +1 -1
- package/dist/components/ui/alert-dialog.js +18 -14
- package/dist/components/ui/alert-dialog.js.map +1 -1
- package/dist/components/ui/avatar.d.ts +3 -12
- package/dist/components/ui/avatar.d.ts.map +1 -1
- package/dist/components/ui/avatar.js +18 -15
- package/dist/components/ui/avatar.js.map +1 -1
- package/dist/components/ui/button-group.d.ts +1 -1
- package/dist/components/ui/button-group.d.ts.map +1 -1
- package/dist/components/ui/calendar.d.ts +1 -4
- package/dist/components/ui/calendar.d.ts.map +1 -1
- package/dist/components/ui/calendar.js +7 -7
- package/dist/components/ui/calendar.js.map +1 -1
- package/dist/components/ui/carousel.d.ts.map +1 -1
- package/dist/components/ui/carousel.js.map +1 -1
- package/dist/components/ui/chart.d.ts.map +1 -1
- package/dist/components/ui/chart.js +125 -59
- package/dist/components/ui/chart.js.map +1 -1
- package/dist/components/ui/checkbox-group.d.ts +2 -6
- package/dist/components/ui/checkbox-group.d.ts.map +1 -1
- package/dist/components/ui/checkbox-group.js +8 -7
- package/dist/components/ui/checkbox-group.js.map +1 -1
- package/dist/components/ui/checkbox.d.ts +3 -1
- package/dist/components/ui/checkbox.d.ts.map +1 -1
- package/dist/components/ui/checkbox.js +4 -1
- package/dist/components/ui/checkbox.js.map +1 -1
- package/dist/components/ui/collapsible.d.ts.map +1 -1
- package/dist/components/ui/collapsible.js.map +1 -1
- package/dist/components/ui/combobox.d.ts +335 -0
- package/dist/components/ui/combobox.d.ts.map +1 -0
- package/dist/components/ui/combobox.js +206 -0
- package/dist/components/ui/combobox.js.map +1 -0
- package/dist/components/ui/combobox.module.js +23 -0
- package/dist/components/ui/combobox.module.js.map +1 -0
- package/dist/components/ui/combobox_module.css +142 -0
- package/dist/components/ui/combobox_module.css.map +1 -0
- package/dist/components/ui/command.d.ts.map +1 -1
- package/dist/components/ui/command.js +25 -16
- package/dist/components/ui/command.js.map +1 -1
- package/dist/components/ui/context-menu.d.ts.map +1 -1
- package/dist/components/ui/context-menu.js.map +1 -1
- package/dist/components/ui/drawer.d.ts.map +1 -1
- package/dist/components/ui/drawer.js.map +1 -1
- package/dist/components/ui/dropdown-menu.d.ts.map +1 -1
- package/dist/components/ui/dropdown-menu.js.map +1 -1
- package/dist/components/ui/dropdrawer.d.ts +10 -16
- package/dist/components/ui/dropdrawer.d.ts.map +1 -1
- package/dist/components/ui/dropdrawer.js +28 -20
- package/dist/components/ui/dropdrawer.js.map +1 -1
- package/dist/components/ui/item.d.ts +1 -1
- package/dist/components/ui/item.d.ts.map +1 -1
- package/dist/components/ui/menubar.d.ts +11 -13
- package/dist/components/ui/menubar.d.ts.map +1 -1
- package/dist/components/ui/menubar.js.map +1 -1
- package/dist/components/ui/meter.d.ts +8 -24
- package/dist/components/ui/meter.d.ts.map +1 -1
- package/dist/components/ui/meter.js +23 -19
- package/dist/components/ui/meter.js.map +1 -1
- package/dist/components/ui/navigation-menu.d.ts +3 -12
- package/dist/components/ui/navigation-menu.d.ts.map +1 -1
- package/dist/components/ui/navigation-menu.js +14 -11
- package/dist/components/ui/navigation-menu.js.map +1 -1
- package/dist/components/ui/number-field.d.ts +6 -12
- package/dist/components/ui/number-field.d.ts.map +1 -1
- package/dist/components/ui/number-field.js.map +1 -1
- package/dist/components/ui/progress.d.ts +1 -4
- package/dist/components/ui/progress.d.ts.map +1 -1
- package/dist/components/ui/progress.js +10 -9
- package/dist/components/ui/progress.js.map +1 -1
- package/dist/components/ui/radio-group.d.ts +2 -4
- package/dist/components/ui/radio-group.d.ts.map +1 -1
- package/dist/components/ui/radio-group.js.map +1 -1
- package/dist/components/ui/resizable.d.ts +3 -3
- package/dist/components/ui/resizable.d.ts.map +1 -1
- package/dist/components/ui/resizable.js.map +1 -1
- package/dist/components/ui/scratcher.d.ts +1 -1
- package/dist/components/ui/scratcher.d.ts.map +1 -1
- package/dist/components/ui/scratcher.js +5 -4
- package/dist/components/ui/scratcher.js.map +1 -1
- package/dist/components/ui/scroll-area.d.ts +2 -4
- package/dist/components/ui/scroll-area.d.ts.map +1 -1
- package/dist/components/ui/scroll-area.js.map +1 -1
- package/dist/components/ui/separator.d.ts +1 -4
- package/dist/components/ui/separator.d.ts.map +1 -1
- package/dist/components/ui/separator.js +9 -8
- package/dist/components/ui/separator.js.map +1 -1
- package/dist/components/ui/sheet.d.ts.map +1 -1
- package/dist/components/ui/sheet.js.map +1 -1
- package/dist/components/ui/sidebar.d.ts +1 -1
- package/dist/components/ui/sidebar.d.ts.map +1 -1
- package/dist/components/ui/sidebar.js.map +1 -1
- package/dist/components/ui/sonner.d.ts +5 -4
- package/dist/components/ui/sonner.d.ts.map +1 -1
- package/dist/components/ui/sonner.js +7 -6
- package/dist/components/ui/sonner.js.map +1 -1
- package/dist/components/ui/toggle-group.d.ts +2 -8
- package/dist/components/ui/toggle-group.d.ts.map +1 -1
- package/dist/components/ui/toggle-group.js +12 -10
- package/dist/components/ui/toggle-group.js.map +1 -1
- package/dist/components/ui/toolbar.d.ts +10 -30
- package/dist/components/ui/toolbar.d.ts.map +1 -1
- package/dist/components/ui/toolbar.js +28 -23
- package/dist/components/ui/toolbar.js.map +1 -1
- package/dist/hooks/useClipboard.d.ts +77 -0
- package/dist/hooks/useClipboard.d.ts.map +1 -0
- package/dist/hooks/useClipboard.js +42 -0
- package/dist/hooks/useClipboard.js.map +1 -0
- package/dist/hooks/useControllableState.d.ts +54 -0
- package/dist/hooks/useControllableState.d.ts.map +1 -0
- package/dist/hooks/useControllableState.js +29 -0
- package/dist/hooks/useControllableState.js.map +1 -0
- package/dist/hooks/useDebounce.d.ts +33 -0
- package/dist/hooks/useDebounce.d.ts.map +1 -0
- package/dist/hooks/useDebounce.js +20 -0
- package/dist/hooks/useDebounce.js.map +1 -0
- package/dist/hooks/useEventCallback.d.ts +34 -0
- package/dist/hooks/useEventCallback.d.ts.map +1 -0
- package/dist/hooks/useEventCallback.js +12 -0
- package/dist/hooks/useEventCallback.js.map +1 -0
- package/dist/hooks/useId.d.ts +30 -0
- package/dist/hooks/useId.d.ts.map +1 -0
- package/dist/hooks/useId.js +9 -0
- package/dist/hooks/useId.js.map +1 -0
- package/dist/hooks/useIntersectionObserver.d.ts +51 -0
- package/dist/hooks/useIntersectionObserver.d.ts.map +1 -0
- package/dist/hooks/useIntersectionObserver.js +25 -0
- package/dist/hooks/useIntersectionObserver.js.map +1 -0
- package/dist/hooks/useInterval.d.ts +55 -0
- package/dist/hooks/useInterval.d.ts.map +1 -0
- package/dist/hooks/useInterval.js +24 -0
- package/dist/hooks/useInterval.js.map +1 -0
- package/dist/hooks/useLocalStorage.d.ts +43 -0
- package/dist/hooks/useLocalStorage.d.ts.map +1 -0
- package/dist/hooks/useLocalStorage.js +53 -0
- package/dist/hooks/useLocalStorage.js.map +1 -0
- package/dist/hooks/useMergedRefs.d.ts +27 -0
- package/dist/hooks/useMergedRefs.d.ts.map +1 -0
- package/dist/hooks/useMergedRefs.js +11 -0
- package/dist/hooks/useMergedRefs.js.map +1 -0
- package/dist/hooks/useOnClickOutside.d.ts +32 -0
- package/dist/hooks/useOnClickOutside.d.ts.map +1 -0
- package/dist/hooks/useOnClickOutside.js +23 -0
- package/dist/hooks/useOnClickOutside.js.map +1 -0
- package/dist/hooks/usePrevious.d.ts +33 -0
- package/dist/hooks/usePrevious.d.ts.map +1 -0
- package/dist/hooks/usePrevious.js +14 -0
- package/dist/hooks/usePrevious.js.map +1 -0
- package/dist/hooks/useThrottle.d.ts +37 -0
- package/dist/hooks/useThrottle.d.ts.map +1 -0
- package/dist/hooks/useThrottle.js +34 -0
- package/dist/hooks/useThrottle.js.map +1 -0
- package/dist/hooks/useTimeout.d.ts +28 -0
- package/dist/hooks/useTimeout.d.ts.map +1 -0
- package/dist/hooks/useTimeout.js +24 -0
- package/dist/hooks/useTimeout.js.map +1 -0
- package/dist/index.d.ts +14 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +14 -0
- package/dist/lib/utilities.d.ts +2 -3
- package/dist/lib/utilities.d.ts.map +1 -1
- package/dist/lib/utilities.js.map +1 -1
- package/dist/motion/tokens.js +5 -5
- package/dist/motion/tokens.js.map +1 -1
- package/dist/rslib-runtime.js +39 -0
- package/dist/rslib-runtime.js.map +1 -0
- package/package.json +82 -3
- package/src/components/ui/alert-dialog.tsx +15 -8
- package/src/components/ui/avatar.tsx +9 -6
- package/src/components/ui/calendar.tsx +7 -13
- package/src/components/ui/carousel.tsx +2 -0
- package/src/components/ui/chart.tsx +63 -60
- package/src/components/ui/checkbox-group.tsx +4 -5
- package/src/components/ui/checkbox.tsx +10 -2
- package/src/components/ui/collapsible.tsx +1 -0
- package/src/components/ui/combobox.module.css +158 -0
- package/src/components/ui/combobox.tsx +569 -0
- package/src/components/ui/command.tsx +31 -15
- package/src/components/ui/context-menu.tsx +3 -0
- package/src/components/ui/drawer.tsx +2 -0
- package/src/components/ui/dropdown-menu.tsx +3 -0
- package/src/components/ui/dropdrawer.tsx +80 -62
- package/src/components/ui/menubar.tsx +9 -10
- package/src/components/ui/meter.tsx +16 -17
- package/src/components/ui/navigation-menu.tsx +41 -33
- package/src/components/ui/number-field.tsx +6 -13
- package/src/components/ui/progress.tsx +3 -2
- package/src/components/ui/radio-group.tsx +2 -5
- package/src/components/ui/resizable.tsx +2 -2
- package/src/components/ui/scratcher.tsx +6 -10
- package/src/components/ui/scroll-area.tsx +2 -5
- package/src/components/ui/separator.tsx +4 -3
- package/src/components/ui/sheet.tsx +3 -0
- package/src/components/ui/sidebar.tsx +1 -0
- package/src/components/ui/sonner.tsx +20 -12
- package/src/components/ui/toggle-group.tsx +6 -4
- package/src/components/ui/toolbar.tsx +20 -21
- package/src/hooks/useClipboard.tsx +137 -0
- package/src/hooks/useControllableState.tsx +81 -0
- package/src/hooks/useDebounce.tsx +50 -0
- package/src/hooks/useEventCallback.tsx +47 -0
- package/src/hooks/useId.tsx +36 -0
- package/src/hooks/useIntersectionObserver.tsx +81 -0
- package/src/hooks/useInterval.tsx +80 -0
- package/src/hooks/useLocalStorage.tsx +111 -0
- package/src/hooks/useMergedRefs.tsx +48 -0
- package/src/hooks/useOnClickOutside.tsx +55 -0
- package/src/hooks/usePrevious.tsx +44 -0
- package/src/hooks/useThrottle.tsx +78 -0
- package/src/hooks/useTimeout.tsx +51 -0
- package/src/index.ts +23 -0
- package/src/lib/utilities.ts +4 -4
- package/src/motion/tokens.ts +4 -4
- package/src/stories/DesignPrinciples.mdx +48 -0
- package/src/stories/GettingStarted.mdx +92 -0
- package/src/stories/Welcome.mdx +44 -0
|
@@ -6,7 +6,7 @@ import { mergeProps } from "@base-ui/react/merge-props";
|
|
|
6
6
|
import { useRender } from "@base-ui/react/use-render";
|
|
7
7
|
import { ChevronLeftIcon, ChevronRightIcon } from "lucide-react";
|
|
8
8
|
import { AnimatePresence, motion } from "motion/react";
|
|
9
|
-
import { Children, cloneElement, createContext, isValidElement, useCallback, useContext, useEffect, useId, useMemo, useRef, useState } from "react";
|
|
9
|
+
import { Children, cloneElement, createContext, forwardRef, isValidElement, useCallback, useContext, useEffect, useId, useMemo, useRef, useState } from "react";
|
|
10
10
|
import { useIsMobile } from "../../hooks/useIsMobile.js";
|
|
11
11
|
import { cn } from "../../lib/utilities.js";
|
|
12
12
|
import dropdrawer_module from "./dropdrawer.module.js";
|
|
@@ -21,11 +21,12 @@ const useDropDrawerContext = ()=>{
|
|
|
21
21
|
};
|
|
22
22
|
const dropdrawer_Drawer = Drawer.Root;
|
|
23
23
|
const DrawerPortal = Drawer.Portal;
|
|
24
|
-
|
|
24
|
+
const dropdrawer_DrawerTrigger = /*#__PURE__*/ forwardRef(function(props, forwardedRef) {
|
|
25
25
|
const { asChild = false, children, className, render, ...otherProps } = props;
|
|
26
26
|
const renderProp = asChild && /*#__PURE__*/ isValidElement(children) ? children : render;
|
|
27
27
|
return /*#__PURE__*/ jsx(Drawer.Trigger, {
|
|
28
28
|
...otherProps,
|
|
29
|
+
ref: forwardedRef,
|
|
29
30
|
render: useRender({
|
|
30
31
|
defaultTagName: "button",
|
|
31
32
|
render: renderProp,
|
|
@@ -35,7 +36,7 @@ function DrawerTrigger(props) {
|
|
|
35
36
|
}),
|
|
36
37
|
children: renderProp ? void 0 : children
|
|
37
38
|
});
|
|
38
|
-
}
|
|
39
|
+
});
|
|
39
40
|
function DrawerOverlay(props) {
|
|
40
41
|
const { className, render, ...otherProps } = props;
|
|
41
42
|
return /*#__PURE__*/ jsx(Drawer.Backdrop, {
|
|
@@ -49,7 +50,7 @@ function DrawerOverlay(props) {
|
|
|
49
50
|
})
|
|
50
51
|
});
|
|
51
52
|
}
|
|
52
|
-
|
|
53
|
+
const dropdrawer_DrawerContent = /*#__PURE__*/ forwardRef(function(props, forwardedRef) {
|
|
53
54
|
const { className, children, render, ...otherProps } = props;
|
|
54
55
|
return /*#__PURE__*/ jsxs(DrawerPortal, {
|
|
55
56
|
children: [
|
|
@@ -58,6 +59,7 @@ function DrawerContent(props) {
|
|
|
58
59
|
className: dropdrawer_module.drawerViewport,
|
|
59
60
|
children: /*#__PURE__*/ jsxs(Drawer.Popup, {
|
|
60
61
|
...otherProps,
|
|
62
|
+
ref: forwardedRef,
|
|
61
63
|
render: useRender({
|
|
62
64
|
defaultTagName: "div",
|
|
63
65
|
render: render,
|
|
@@ -78,7 +80,7 @@ function DrawerContent(props) {
|
|
|
78
80
|
})
|
|
79
81
|
]
|
|
80
82
|
});
|
|
81
|
-
}
|
|
83
|
+
});
|
|
82
84
|
function DrawerHeader(props) {
|
|
83
85
|
const { className, children, render, ...otherProps } = props;
|
|
84
86
|
return useRender({
|
|
@@ -119,11 +121,12 @@ function DrawerTitle(props) {
|
|
|
119
121
|
}
|
|
120
122
|
const DropdownMenu = Menu.Root;
|
|
121
123
|
const DropdownMenuSub = Menu.SubmenuRoot;
|
|
122
|
-
|
|
124
|
+
const dropdrawer_DropdownMenuTrigger = /*#__PURE__*/ forwardRef(function(props, forwardedRef) {
|
|
123
125
|
const { asChild = false, children, className, render, ...otherProps } = props;
|
|
124
126
|
const renderProp = asChild && /*#__PURE__*/ isValidElement(children) ? children : render;
|
|
125
127
|
return /*#__PURE__*/ jsx(Menu.Trigger, {
|
|
126
128
|
...otherProps,
|
|
129
|
+
ref: forwardedRef,
|
|
127
130
|
render: useRender({
|
|
128
131
|
defaultTagName: "button",
|
|
129
132
|
render: renderProp,
|
|
@@ -133,12 +136,13 @@ function DropdownMenuTrigger(props) {
|
|
|
133
136
|
}),
|
|
134
137
|
children: renderProp ? void 0 : children
|
|
135
138
|
});
|
|
136
|
-
}
|
|
137
|
-
|
|
139
|
+
});
|
|
140
|
+
const dropdrawer_DropdownMenuContent = /*#__PURE__*/ forwardRef(function(props, forwardedRef) {
|
|
138
141
|
const { className, children, render, ...otherProps } = props;
|
|
139
142
|
return /*#__PURE__*/ jsx(Menu.Portal, {
|
|
140
143
|
children: /*#__PURE__*/ jsx(Menu.Positioner, {
|
|
141
144
|
...otherProps,
|
|
145
|
+
ref: forwardedRef,
|
|
142
146
|
render: useRender({
|
|
143
147
|
defaultTagName: "div",
|
|
144
148
|
props: mergeProps({
|
|
@@ -157,7 +161,7 @@ function DropdownMenuContent(props) {
|
|
|
157
161
|
})
|
|
158
162
|
})
|
|
159
163
|
});
|
|
160
|
-
}
|
|
164
|
+
});
|
|
161
165
|
function DropdownMenuItem(props) {
|
|
162
166
|
const { asChild = false, children, className, inset = false, render, ...otherProps } = props;
|
|
163
167
|
const renderProp = asChild && /*#__PURE__*/ isValidElement(children) ? children : render;
|
|
@@ -266,21 +270,23 @@ function DropDrawer({ children, ...props }) {
|
|
|
266
270
|
})
|
|
267
271
|
});
|
|
268
272
|
}
|
|
269
|
-
|
|
273
|
+
const dropdrawer_DropDrawerTrigger = /*#__PURE__*/ forwardRef(function({ className, children, ...props }, forwardedRef) {
|
|
270
274
|
const { isMobile } = useDropDrawerContext();
|
|
271
|
-
return isMobile ? /*#__PURE__*/ jsx(
|
|
275
|
+
return isMobile ? /*#__PURE__*/ jsx(dropdrawer_DrawerTrigger, {
|
|
276
|
+
ref: forwardedRef,
|
|
272
277
|
"data-slot": "drop-drawer-trigger",
|
|
273
278
|
className: className,
|
|
274
279
|
...props,
|
|
275
280
|
children: children
|
|
276
|
-
}) : /*#__PURE__*/ jsx(
|
|
281
|
+
}) : /*#__PURE__*/ jsx(dropdrawer_DropdownMenuTrigger, {
|
|
282
|
+
ref: forwardedRef,
|
|
277
283
|
"data-slot": "drop-drawer-trigger",
|
|
278
284
|
className: className,
|
|
279
285
|
...props,
|
|
280
286
|
children: children
|
|
281
287
|
});
|
|
282
|
-
}
|
|
283
|
-
|
|
288
|
+
});
|
|
289
|
+
const dropdrawer_DropDrawerContent = /*#__PURE__*/ forwardRef(function({ className, children, ...props }, forwardedRef) {
|
|
284
290
|
const { isMobile } = useDropDrawerContext();
|
|
285
291
|
const [activeSubmenu, setActiveSubmenu] = useState(null);
|
|
286
292
|
const [submenuTitle, setSubmenuTitle] = useState(null);
|
|
@@ -405,7 +411,8 @@ function DropDrawerContent({ className, children, ...props }) {
|
|
|
405
411
|
setSubmenuTitle,
|
|
406
412
|
submenuTitle
|
|
407
413
|
},
|
|
408
|
-
children: /*#__PURE__*/ jsx(
|
|
414
|
+
children: /*#__PURE__*/ jsx(dropdrawer_DrawerContent, {
|
|
415
|
+
ref: forwardedRef,
|
|
409
416
|
"data-slot": "drop-drawer-content",
|
|
410
417
|
className: cn(dropdrawer_module.mobileContent, className),
|
|
411
418
|
...props,
|
|
@@ -487,7 +494,8 @@ function DropDrawerContent({ className, children, ...props }) {
|
|
|
487
494
|
setSubmenuTitle,
|
|
488
495
|
submenuTitle
|
|
489
496
|
},
|
|
490
|
-
children: /*#__PURE__*/ jsx(
|
|
497
|
+
children: /*#__PURE__*/ jsx(dropdrawer_DropdownMenuContent, {
|
|
498
|
+
ref: forwardedRef,
|
|
491
499
|
"data-slot": "drop-drawer-content",
|
|
492
500
|
align: "end",
|
|
493
501
|
sideOffset: 4,
|
|
@@ -496,7 +504,7 @@ function DropDrawerContent({ className, children, ...props }) {
|
|
|
496
504
|
children: children
|
|
497
505
|
})
|
|
498
506
|
});
|
|
499
|
-
}
|
|
507
|
+
});
|
|
500
508
|
function DropDrawerItem({ className, children, closeOnClick, disabled, icon, inset, onClick, onSelect, ...props }) {
|
|
501
509
|
const { isMobile } = useDropDrawerContext();
|
|
502
510
|
const isInGroup = useCallback((element)=>{
|
|
@@ -809,8 +817,8 @@ function DropDrawerSubContent({ className, sideOffset = 4, children, ...props })
|
|
|
809
817
|
});
|
|
810
818
|
}
|
|
811
819
|
DropDrawer.displayName = "DropDrawer";
|
|
812
|
-
|
|
813
|
-
|
|
820
|
+
dropdrawer_DropDrawerTrigger.displayName = "DropDrawerTrigger";
|
|
821
|
+
dropdrawer_DropDrawerContent.displayName = "DropDrawerContent";
|
|
814
822
|
DropDrawerItem.displayName = "DropDrawerItem";
|
|
815
823
|
DropDrawerSeparator.displayName = "DropDrawerSeparator";
|
|
816
824
|
DropDrawerLabel.displayName = "DropDrawerLabel";
|
|
@@ -819,6 +827,6 @@ DropDrawerGroup.displayName = "DropDrawerGroup";
|
|
|
819
827
|
DropDrawerSub.displayName = "DropDrawerSub";
|
|
820
828
|
DropDrawerSubTrigger.displayName = "DropDrawerSubTrigger";
|
|
821
829
|
DropDrawerSubContent.displayName = "DropDrawerSubContent";
|
|
822
|
-
export { DropDrawer,
|
|
830
|
+
export { DropDrawer, DropDrawerFooter, DropDrawerGroup, DropDrawerItem, DropDrawerLabel, DropDrawerSeparator, DropDrawerSub, DropDrawerSubContent, DropDrawerSubTrigger, dropdrawer_DropDrawerContent as DropDrawerContent, dropdrawer_DropDrawerTrigger as DropDrawerTrigger };
|
|
823
831
|
|
|
824
832
|
//# sourceMappingURL=dropdrawer.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"components/ui/dropdrawer.js","sources":["../../../src/components/ui/dropdrawer.tsx"],"sourcesContent":["\"use client\";\r\n\r\n/* eslint-disable react/no-children-prop, react-x/no-children-for-each, react-x/no-children-map, react-x/no-children-to-array, react-x/no-clone-element, sonarjs/function-return-type, sonarjs/no-identical-functions, sonarjs/no-unused-vars, max-lines, unicorn/no-array-callback-reference, unicorn/no-useless-undefined, unicorn/prefer-at, unicorn/prefer-dom-node-dataset, jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions */\r\n\r\nimport {Drawer as BaseDrawer} from \"@base-ui/react/drawer\";\r\nimport {Menu as BaseMenu} from \"@base-ui/react/menu\";\r\nimport {mergeProps} from \"@base-ui/react/merge-props\";\r\nimport {useRender} from \"@base-ui/react/use-render\";\r\nimport {ChevronLeftIcon, ChevronRightIcon} from \"lucide-react\";\r\nimport {AnimatePresence, motion, type Transition} from \"motion/react\";\r\nimport * as React from \"react\";\r\n\r\nimport {useIsMobile} from \"@/hooks/useIsMobile\";\r\nimport {cn} from \"@/lib/utilities\";\r\nimport styles from \"./dropdrawer.module.css\";\r\n\r\nconst MOBILE_MENU_TITLE = \"Menu\";\r\nconst MOBILE_SUBMENU_TITLE = \"Submenu\";\r\nconst MOBILE_BACK_LABEL = \"Go back\";\r\n\r\ninterface DropDrawerContextValue {\r\n isMobile: boolean;\r\n}\r\n\r\nconst DropDrawerContext = React.createContext<DropDrawerContextValue | null>(null);\r\n\r\nconst useDropDrawerContext = (): DropDrawerContextValue => {\r\n const context = React.useContext(DropDrawerContext);\r\n\r\n if (context === null) {\r\n throw new Error(\"DropDrawer components cannot be rendered outside the Context\");\r\n }\r\n\r\n return context;\r\n};\r\n\r\nconst Drawer = BaseDrawer.Root;\r\nconst DrawerPortal = BaseDrawer.Portal;\r\n\r\nfunction DrawerTrigger(props: Readonly<React.ComponentPropsWithRef<typeof BaseDrawer.Trigger> & {asChild?: boolean}>): React.ReactElement {\r\n const {asChild = false, children, className, render, ...otherProps} = props;\r\n const renderProp = asChild && React.isValidElement(children) ? children : render;\r\n\r\n return (\r\n <BaseDrawer.Trigger\r\n {...otherProps}\r\n render={useRender({\r\n defaultTagName: \"button\",\r\n render: renderProp as never,\r\n props: mergeProps({className}, {}),\r\n })}>\r\n {renderProp ? undefined : children}\r\n </BaseDrawer.Trigger>\r\n );\r\n}\r\n\r\nfunction DrawerOverlay(props: Readonly<React.ComponentPropsWithRef<typeof BaseDrawer.Backdrop>>): React.ReactElement {\r\n const {className, render, ...otherProps} = props;\r\n\r\n return (\r\n <BaseDrawer.Backdrop\r\n {...otherProps}\r\n render={useRender({\r\n defaultTagName: \"div\",\r\n render: render as never,\r\n props: mergeProps({className: cn(styles.drawerOverlay, className)}, {}),\r\n })}\r\n />\r\n );\r\n}\r\n\r\nfunction DrawerContent(\r\n props: Readonly<React.ComponentPropsWithRef<typeof BaseDrawer.Popup> & {children?: React.ReactNode}>,\r\n): React.ReactElement {\r\n const {className, children, render, ...otherProps} = props;\r\n\r\n return (\r\n <DrawerPortal>\r\n <DrawerOverlay />\r\n <BaseDrawer.Viewport className={styles.drawerViewport}>\r\n <BaseDrawer.Popup\r\n {...otherProps}\r\n render={useRender({\r\n defaultTagName: \"div\",\r\n render: render as never,\r\n props: mergeProps({className: cn(styles.drawerContent, className)}, {}),\r\n })}>\r\n <div className={styles.drawerHandle} />\r\n <BaseDrawer.Content className={styles.drawerInnerContent}>{children}</BaseDrawer.Content>\r\n </BaseDrawer.Popup>\r\n </BaseDrawer.Viewport>\r\n </DrawerPortal>\r\n );\r\n}\r\n\r\nfunction DrawerHeader(\r\n props: Readonly<React.ComponentPropsWithRef<\"div\"> & {render?: useRender.RenderProp<Record<string, never>>}>,\r\n): React.ReactElement {\r\n const {className, children, render, ...otherProps} = props;\r\n\r\n return useRender({\r\n defaultTagName: \"div\",\r\n render: render as never,\r\n props: mergeProps({className: cn(styles.drawerHeader, className)}, otherProps, {children}),\r\n });\r\n}\r\n\r\nfunction DrawerFooter(\r\n props: Readonly<React.ComponentPropsWithRef<\"div\"> & {render?: useRender.RenderProp<Record<string, never>>}>,\r\n): React.ReactElement {\r\n const {className, children, render, ...otherProps} = props;\r\n\r\n return useRender({\r\n defaultTagName: \"div\",\r\n render: render as never,\r\n props: mergeProps({className: cn(styles.drawerFooter, className)}, otherProps, {children}),\r\n });\r\n}\r\n\r\nfunction DrawerTitle(props: Readonly<React.ComponentPropsWithRef<typeof BaseDrawer.Title>>): React.ReactElement {\r\n const {className, children, render, ...otherProps} = props;\r\n\r\n return (\r\n <BaseDrawer.Title\r\n {...otherProps}\r\n render={useRender({\r\n defaultTagName: \"h2\",\r\n render: render as never,\r\n props: mergeProps({className: cn(styles.drawerTitle, className)}, {}),\r\n })}>\r\n {children}\r\n </BaseDrawer.Title>\r\n );\r\n}\r\n\r\nconst DropdownMenu = BaseMenu.Root;\r\nconst DropdownMenuSub = BaseMenu.SubmenuRoot;\r\n\r\nfunction DropdownMenuTrigger(\r\n props: Readonly<React.ComponentPropsWithRef<typeof BaseMenu.Trigger> & {asChild?: boolean}>,\r\n): React.ReactElement {\r\n const {asChild = false, children, className, render, ...otherProps} = props;\r\n const renderProp = asChild && React.isValidElement(children) ? children : render;\r\n\r\n return (\r\n <BaseMenu.Trigger\r\n {...otherProps}\r\n render={useRender({\r\n defaultTagName: \"button\",\r\n render: renderProp as never,\r\n props: mergeProps({className}, {}),\r\n })}>\r\n {renderProp ? undefined : children}\r\n </BaseMenu.Trigger>\r\n );\r\n}\r\n\r\nfunction DropdownMenuContent(\r\n props: Readonly<React.ComponentPropsWithRef<typeof BaseMenu.Positioner> & {children?: React.ReactNode}>,\r\n): React.ReactElement {\r\n const {className, children, render, ...otherProps} = props;\r\n\r\n return (\r\n <BaseMenu.Portal>\r\n <BaseMenu.Positioner\r\n {...otherProps}\r\n render={useRender({\r\n defaultTagName: \"div\",\r\n props: mergeProps({className: styles.dropdownPositioner}, {}),\r\n })}>\r\n <BaseMenu.Popup\r\n render={useRender({\r\n defaultTagName: \"div\",\r\n render: render as never,\r\n props: mergeProps({className: cn(styles.dropdownContent, className)}, {}),\r\n })}>\r\n {children}\r\n </BaseMenu.Popup>\r\n </BaseMenu.Positioner>\r\n </BaseMenu.Portal>\r\n );\r\n}\r\n\r\ninterface DropdownMenuItemProps extends React.ComponentPropsWithRef<typeof BaseMenu.Item> {\r\n /** @deprecated Prefer Base UI's `render` prop. */\r\n asChild?: boolean;\r\n /**\r\n * Whether to apply inset spacing to align with grouped menu content.\r\n * @default false\r\n */\r\n inset?: boolean;\r\n}\r\n\r\nfunction DropdownMenuItem(props: Readonly<DropdownMenuItemProps>): React.ReactElement {\r\n const {asChild = false, children, className, inset = false, render, ...otherProps} = props;\r\n const renderProp = asChild && React.isValidElement(children) ? children : render;\r\n\r\n return (\r\n <BaseMenu.Item\r\n {...otherProps}\r\n render={useRender({\r\n defaultTagName: \"div\",\r\n render: renderProp as never,\r\n props: mergeProps({className: cn(styles.desktopItem, inset && styles.inset, className)}, {}),\r\n })}>\r\n {renderProp ? undefined : children}\r\n </BaseMenu.Item>\r\n );\r\n}\r\n\r\nfunction DropdownMenuLabel(props: Readonly<React.ComponentPropsWithRef<typeof BaseMenu.GroupLabel>>): React.ReactElement {\r\n const {className, children, render, ...otherProps} = props;\r\n\r\n return (\r\n <BaseMenu.GroupLabel\r\n {...otherProps}\r\n render={useRender({\r\n defaultTagName: \"div\",\r\n render: render as never,\r\n props: mergeProps({className: cn(styles.desktopLabel, className)}, {}),\r\n })}>\r\n {children}\r\n </BaseMenu.GroupLabel>\r\n );\r\n}\r\n\r\nfunction DropdownMenuSeparator(props: Readonly<React.ComponentPropsWithRef<typeof BaseMenu.Separator>>): React.ReactElement {\r\n const {className, render, ...otherProps} = props;\r\n\r\n return (\r\n <BaseMenu.Separator\r\n {...otherProps}\r\n render={useRender({\r\n defaultTagName: \"div\",\r\n render: render as never,\r\n props: mergeProps({className: cn(styles.desktopSeparator, className)}, {}),\r\n })}\r\n />\r\n );\r\n}\r\n\r\nfunction DropdownMenuSubTrigger(\r\n props: Readonly<React.ComponentPropsWithRef<typeof BaseMenu.SubmenuTrigger> & {inset?: boolean}>,\r\n): React.ReactElement {\r\n const {className, children, inset = false, render, ...otherProps} = props;\r\n\r\n return (\r\n <BaseMenu.SubmenuTrigger\r\n {...otherProps}\r\n render={useRender({\r\n defaultTagName: \"div\",\r\n render: render as never,\r\n props: mergeProps({className: cn(styles.desktopSubTrigger, inset && styles.inset, className)}, {}),\r\n })}>\r\n {children}\r\n <ChevronRightIcon className={styles.chevron} />\r\n </BaseMenu.SubmenuTrigger>\r\n );\r\n}\r\n\r\nfunction DropdownMenuSubContent(\r\n props: Readonly<React.ComponentPropsWithRef<typeof BaseMenu.Positioner> & {children?: React.ReactNode}>,\r\n): React.ReactElement {\r\n const {className, children, render, ...otherProps} = props;\r\n\r\n return (\r\n <BaseMenu.Positioner\r\n {...otherProps}\r\n render={useRender({\r\n defaultTagName: \"div\",\r\n props: mergeProps({className: styles.dropdownPositioner}, {}),\r\n })}>\r\n <BaseMenu.Popup\r\n render={useRender({\r\n defaultTagName: \"div\",\r\n render: render as never,\r\n props: mergeProps({className: cn(styles.dropdownSubContent, className)}, {}),\r\n })}>\r\n {children}\r\n </BaseMenu.Popup>\r\n </BaseMenu.Positioner>\r\n );\r\n}\r\n\r\ntype DropDrawerRootProps = React.ComponentProps<typeof Drawer> | React.ComponentProps<typeof DropdownMenu>;\r\ntype DropDrawerTriggerProps =\r\n | React.ComponentPropsWithoutRef<typeof DrawerTrigger>\r\n | React.ComponentPropsWithoutRef<typeof DropdownMenuTrigger>;\r\ntype DropDrawerContentProps =\r\n | React.ComponentPropsWithoutRef<typeof DrawerContent>\r\n | React.ComponentPropsWithoutRef<typeof DropdownMenuContent>;\r\n\r\ninterface MobileSubmenuDataAttributes {\r\n \"data-parent-submenu-id\"?: string;\r\n \"data-parent-submenu\"?: string;\r\n \"data-submenu-id\"?: string;\r\n}\r\n\r\ninterface SharedDropDrawerItemProps\r\n extends Omit<React.ComponentPropsWithoutRef<typeof BaseMenu.Item>, \"children\" | \"onClick\" | \"onSelect\">, MobileSubmenuDataAttributes {\r\n /**\r\n * Item contents.\r\n * @default undefined\r\n */\r\n children?: React.ReactNode;\r\n /**\r\n * Additional CSS classes merged with the item styles.\r\n * @default undefined\r\n */\r\n className?: string;\r\n /**\r\n * Whether the desktop dropdown should close after the item is activated.\r\n * @default undefined\r\n */\r\n closeOnClick?: boolean;\r\n /**\r\n * Optional trailing icon or affordance rendered alongside the item content.\r\n * @default undefined\r\n */\r\n icon?: React.ReactNode;\r\n /**\r\n * Whether to apply inset spacing to align the item with grouped content.\r\n * @default undefined\r\n */\r\n inset?: boolean;\r\n /**\r\n * Mouse click handler invoked when the item is activated.\r\n * @default undefined\r\n */\r\n onClick?: React.MouseEventHandler<HTMLElement>;\r\n /**\r\n * Selection callback invoked with the native event when the item is activated.\r\n * @default undefined\r\n */\r\n onSelect?: (event: Event) => void;\r\n}\r\n\r\ninterface SubmenuContextType {\r\n activeSubmenu: string | null;\r\n navigateToSubmenu?: (id: string, title: string) => void;\r\n registerSubmenuContent?: (id: string, content: ReadonlyArray<React.ReactNode>) => void;\r\n setActiveSubmenu: (id: string | null) => void;\r\n setSubmenuTitle: (title: string | null) => void;\r\n submenuTitle: string | null;\r\n}\r\n\r\nconst SubmenuContext = React.createContext<SubmenuContextType>({\r\n activeSubmenu: null,\r\n navigateToSubmenu: undefined,\r\n registerSubmenuContent: undefined,\r\n setActiveSubmenu: () => undefined,\r\n setSubmenuTitle: () => undefined,\r\n submenuTitle: null,\r\n});\r\n\r\n/**\r\n * Provides a responsive dropdown-on-desktop, drawer-on-mobile navigation surface.\r\n *\r\n * @remarks\r\n * - Renders either Base UI `Menu.Root` or `Drawer.Root` depending on viewport size\r\n * - Built on Base UI Menu and Drawer primitives\r\n *\r\n * @example\r\n * ```tsx\r\n * <DropDrawer>\r\n * <DropDrawerTrigger>Open menu</DropDrawerTrigger>\r\n * <DropDrawerContent>\r\n * <DropDrawerItem>Profile</DropDrawerItem>\r\n * </DropDrawerContent>\r\n * </DropDrawer>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/menu | Base UI Menu Docs}\r\n */\r\nfunction DropDrawer({children, ...props}: DropDrawerRootProps): React.JSX.Element {\r\n const isMobile = useIsMobile();\r\n\r\n return (\r\n <DropDrawerContext.Provider value={{isMobile}}>\r\n {isMobile ? (\r\n <Drawer\r\n data-slot='drop-drawer'\r\n {...(props as React.ComponentProps<typeof Drawer>)}>\r\n {children}\r\n </Drawer>\r\n ) : (\r\n <DropdownMenu\r\n data-slot='drop-drawer'\r\n {...(props as React.ComponentProps<typeof DropdownMenu>)}>\r\n {children}\r\n </DropdownMenu>\r\n )}\r\n </DropDrawerContext.Provider>\r\n );\r\n}\r\n\r\n/**\r\n * Renders the control that opens the dropdown or drawer surface.\r\n *\r\n * @remarks\r\n * - Renders either a Base UI menu trigger or drawer trigger\r\n * - Built on Base UI Menu and Drawer primitives\r\n *\r\n * @example\r\n * ```tsx\r\n * <DropDrawerTrigger>Open menu</DropDrawerTrigger>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/drawer | Base UI Drawer Docs}\r\n */\r\nfunction DropDrawerTrigger({className, children, ...props}: DropDrawerTriggerProps): React.JSX.Element {\r\n const {isMobile} = useDropDrawerContext();\r\n\r\n return isMobile ? (\r\n <DrawerTrigger\r\n data-slot='drop-drawer-trigger'\r\n className={className}\r\n {...(props as React.ComponentProps<typeof DrawerTrigger>)}>\r\n {children}\r\n </DrawerTrigger>\r\n ) : (\r\n <DropdownMenuTrigger\r\n data-slot='drop-drawer-trigger'\r\n className={className}\r\n {...(props as React.ComponentProps<typeof DropdownMenuTrigger>)}>\r\n {children}\r\n </DropdownMenuTrigger>\r\n );\r\n}\r\n\r\n/**\r\n * Renders the responsive dropdown or drawer content surface.\r\n *\r\n * @remarks\r\n * - Renders a Base UI popup on desktop and drawer content on mobile\r\n * - Built on Base UI Menu and Drawer primitives with animated mobile submenu navigation\r\n *\r\n * @example\r\n * ```tsx\r\n * <DropDrawerContent>\r\n * <DropDrawerItem>Settings</DropDrawerItem>\r\n * </DropDrawerContent>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/menu | Base UI Menu Docs}\r\n */\r\nfunction DropDrawerContent({className, children, ...props}: DropDrawerContentProps): React.JSX.Element {\r\n const {isMobile} = useDropDrawerContext();\r\n const [activeSubmenu, setActiveSubmenu] = React.useState<string | null>(null);\r\n const [submenuTitle, setSubmenuTitle] = React.useState<string | null>(null);\r\n const [submenuStack, setSubmenuStack] = React.useState<ReadonlyArray<{id: string; title: string}>>([]);\r\n const [animationDirection, setAnimationDirection] = React.useState<\"forward\" | \"backward\">(\"forward\");\r\n const submenuContentRef = React.useRef(new Map<string, ReadonlyArray<React.ReactNode>>());\r\n\r\n React.useEffect(() => {\r\n submenuContentRef.current.clear();\r\n }, [children]);\r\n\r\n const navigateToSubmenu = React.useCallback((id: string, title: string): void => {\r\n setAnimationDirection(\"forward\");\r\n setActiveSubmenu(id);\r\n setSubmenuTitle(title);\r\n setSubmenuStack((previousStack) => [...previousStack, {id, title}]);\r\n }, []);\r\n\r\n const goBack = React.useCallback((): void => {\r\n setAnimationDirection(\"backward\");\r\n\r\n if (submenuStack.length <= 1) {\r\n setActiveSubmenu(null);\r\n setSubmenuTitle(null);\r\n setSubmenuStack([]);\r\n return;\r\n }\r\n\r\n const newStack = [...submenuStack];\r\n newStack.pop();\r\n const previousSubmenu = newStack[newStack.length - 1];\r\n\r\n if (!previousSubmenu) {\r\n setActiveSubmenu(null);\r\n setSubmenuTitle(null);\r\n setSubmenuStack([]);\r\n return;\r\n }\r\n\r\n setActiveSubmenu(previousSubmenu.id);\r\n setSubmenuTitle(previousSubmenu.title);\r\n setSubmenuStack(newStack);\r\n }, [submenuStack]);\r\n\r\n const registerSubmenuContent = React.useCallback((id: string, content: ReadonlyArray<React.ReactNode>): void => {\r\n submenuContentRef.current.set(id, content);\r\n }, []);\r\n\r\n const extractSubmenuContent = React.useCallback((elements: React.ReactNode, targetId: string): ReadonlyArray<React.ReactNode> => {\r\n const result: Array<React.ReactNode> = [];\r\n\r\n const findSubmenuContent = (node: React.ReactNode): void => {\r\n if (!React.isValidElement(node)) {\r\n return;\r\n }\r\n\r\n const element = node as React.ReactElement<{\r\n \"data-submenu-id\"?: string;\r\n children?: React.ReactNode;\r\n id?: string;\r\n }>;\r\n\r\n if (element.type === DropDrawerSub) {\r\n const elementId = element.props.id;\r\n const dataSubmenuId = element.props[\"data-submenu-id\"];\r\n\r\n if (elementId === targetId || dataSubmenuId === targetId) {\r\n if (element.props.children) {\r\n React.Children.forEach(element.props.children, (child) => {\r\n if (React.isValidElement(child) && child.type === DropDrawerSubContent) {\r\n const subContentElement = child as React.ReactElement<{children?: React.ReactNode}>;\r\n\r\n React.Children.forEach(subContentElement.props.children, (contentChild) => {\r\n result.push(contentChild);\r\n });\r\n }\r\n });\r\n }\r\n\r\n return;\r\n }\r\n }\r\n\r\n if (element.props.children) {\r\n React.Children.forEach(element.props.children, findSubmenuContent);\r\n }\r\n };\r\n\r\n React.Children.forEach(elements, findSubmenuContent);\r\n return result;\r\n }, []);\r\n\r\n const getSubmenuContent = React.useCallback(\r\n (id: string): ReadonlyArray<React.ReactNode> => {\r\n const cachedContent = submenuContentRef.current.get(id);\r\n\r\n if (cachedContent && cachedContent.length > 0) {\r\n return cachedContent;\r\n }\r\n\r\n const submenuContent = extractSubmenuContent(children, id);\r\n\r\n if (submenuContent.length > 0) {\r\n submenuContentRef.current.set(id, submenuContent);\r\n }\r\n\r\n return submenuContent;\r\n },\r\n [children, extractSubmenuContent],\r\n );\r\n\r\n const variants = {\r\n center: {\r\n opacity: 1,\r\n x: 0,\r\n },\r\n enter: (direction: \"forward\" | \"backward\") => ({\r\n opacity: 0,\r\n x: direction === \"forward\" ? \"100%\" : \"-100%\",\r\n }),\r\n exit: (direction: \"forward\" | \"backward\") => ({\r\n opacity: 0,\r\n x: direction === \"forward\" ? \"-100%\" : \"100%\",\r\n }),\r\n };\r\n\r\n const transition = {\r\n duration: 0.3,\r\n ease: [0.25, 0.1, 0.25, 1],\r\n } satisfies Transition;\r\n\r\n if (isMobile) {\r\n return (\r\n <SubmenuContext.Provider\r\n value={{\r\n activeSubmenu,\r\n navigateToSubmenu,\r\n registerSubmenuContent,\r\n setActiveSubmenu: (id) => {\r\n if (id === null) {\r\n setActiveSubmenu(null);\r\n setSubmenuTitle(null);\r\n setSubmenuStack([]);\r\n }\r\n },\r\n setSubmenuTitle,\r\n submenuTitle,\r\n }}>\r\n <DrawerContent\r\n data-slot='drop-drawer-content'\r\n className={cn(styles.mobileContent, className)}\r\n {...(props as React.ComponentProps<typeof DrawerContent>)}>\r\n {activeSubmenu ? (\r\n <>\r\n <DrawerHeader>\r\n <div className={styles.mobileHeaderRow}>\r\n <button\r\n type='button'\r\n aria-label={MOBILE_BACK_LABEL}\r\n onClick={goBack}\r\n className={styles.backButton}>\r\n <ChevronLeftIcon className={styles.chevron} />\r\n </button>\r\n <DrawerTitle>{submenuTitle || MOBILE_SUBMENU_TITLE}</DrawerTitle>\r\n </div>\r\n </DrawerHeader>\r\n <div className={styles.mobileViewport}>\r\n <AnimatePresence\r\n initial={false}\r\n mode='wait'\r\n custom={animationDirection}>\r\n <motion.div\r\n key={activeSubmenu}\r\n custom={animationDirection}\r\n variants={variants}\r\n initial='enter'\r\n animate='center'\r\n exit='exit'\r\n transition={transition}\r\n className={styles.mobileMotionPanel}>\r\n {getSubmenuContent(activeSubmenu)}\r\n </motion.div>\r\n </AnimatePresence>\r\n </div>\r\n </>\r\n ) : (\r\n <>\r\n <DrawerHeader className={styles.screenReaderOnlyHeader}>\r\n <DrawerTitle>{MOBILE_MENU_TITLE}</DrawerTitle>\r\n </DrawerHeader>\r\n <div className={styles.mobileMainViewport}>\r\n <AnimatePresence\r\n initial={false}\r\n mode='wait'\r\n custom={animationDirection}>\r\n <motion.div\r\n key='main-menu'\r\n custom={animationDirection}\r\n variants={variants}\r\n initial='enter'\r\n animate='center'\r\n exit='exit'\r\n transition={transition}\r\n className={styles.mobileMotionPanel}>\r\n {children}\r\n </motion.div>\r\n </AnimatePresence>\r\n </div>\r\n </>\r\n )}\r\n </DrawerContent>\r\n </SubmenuContext.Provider>\r\n );\r\n }\r\n\r\n return (\r\n <SubmenuContext.Provider\r\n value={{\r\n activeSubmenu,\r\n registerSubmenuContent,\r\n setActiveSubmenu,\r\n setSubmenuTitle,\r\n submenuTitle,\r\n }}>\r\n <DropdownMenuContent\r\n data-slot='drop-drawer-content'\r\n align='end'\r\n sideOffset={4}\r\n className={cn(styles.desktopContent, className)}\r\n {...(props as React.ComponentProps<typeof DropdownMenuContent>)}>\r\n {children}\r\n </DropdownMenuContent>\r\n </SubmenuContext.Provider>\r\n );\r\n}\r\n\r\n/**\r\n * Renders an actionable item inside the drop drawer surface.\r\n *\r\n * @remarks\r\n * - Renders a Base UI menu item on desktop and a keyboard-accessible `<div>` on mobile\r\n * - Built on Base UI Menu and Drawer close primitives\r\n *\r\n * @example\r\n * ```tsx\r\n * <DropDrawerItem icon={<ChevronRightIcon />}>Account</DropDrawerItem>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/menu | Base UI Menu Docs}\r\n */\r\nfunction DropDrawerItem({\r\n className,\r\n children,\r\n closeOnClick,\r\n disabled,\r\n icon,\r\n inset,\r\n onClick,\r\n onSelect,\r\n ...props\r\n}: SharedDropDrawerItemProps): React.JSX.Element {\r\n const {isMobile} = useDropDrawerContext();\r\n\r\n const isInGroup = React.useCallback((element: HTMLElement | null): boolean => {\r\n if (!element) {\r\n return false;\r\n }\r\n\r\n let parent = element.parentElement;\r\n\r\n while (parent) {\r\n if (parent.hasAttribute(\"data-drop-drawer-group\")) {\r\n return true;\r\n }\r\n\r\n parent = parent.parentElement;\r\n }\r\n\r\n return false;\r\n }, []);\r\n\r\n const itemRef = React.useRef<HTMLDivElement>(null);\r\n const [isInsideGroup, setIsInsideGroup] = React.useState(false);\r\n\r\n React.useEffect(() => {\r\n if (!isMobile) {\r\n return;\r\n }\r\n\r\n const timer = globalThis.window.setTimeout(() => {\r\n if (itemRef.current) {\r\n setIsInsideGroup(isInGroup(itemRef.current));\r\n }\r\n }, 0);\r\n\r\n return () => globalThis.window.clearTimeout(timer);\r\n }, [isInGroup, isMobile]);\r\n\r\n const handleSelect = React.useCallback(\r\n (event: Event): void => {\r\n if (!disabled) {\r\n onSelect?.(event);\r\n }\r\n },\r\n [disabled, onSelect],\r\n );\r\n\r\n if (isMobile) {\r\n const handleClick: React.MouseEventHandler<HTMLDivElement> = (event): void => {\r\n if (disabled) {\r\n return;\r\n }\r\n\r\n onClick?.(event);\r\n handleSelect(event.nativeEvent);\r\n };\r\n\r\n const handleKeyDown: React.KeyboardEventHandler<HTMLDivElement> = (event): void => {\r\n if (event.key !== \"Enter\" && event.key !== \" \") {\r\n return;\r\n }\r\n\r\n event.preventDefault();\r\n event.currentTarget.click();\r\n };\r\n\r\n const content = (\r\n <div\r\n ref={itemRef}\r\n data-slot='drop-drawer-item'\r\n data-disabled={disabled}\r\n data-inset={inset}\r\n role='menuitem'\r\n tabIndex={disabled ? -1 : 0}\r\n className={cn(\r\n styles.mobileItem,\r\n !isInsideGroup && styles.mobileStandaloneItem,\r\n isInsideGroup && styles.mobileGroupedItem,\r\n inset && styles.inset,\r\n className,\r\n )}\r\n onClick={handleClick}\r\n onKeyDown={handleKeyDown}\r\n aria-disabled={disabled}\r\n {...props}>\r\n <div className={styles.itemChildren}>{children}</div>\r\n {icon ? <div className={styles.itemIcon}>{icon}</div> : null}\r\n </div>\r\n );\r\n\r\n const parentSubmenuId = props[\"data-parent-submenu-id\"] ?? props[\"data-parent-submenu\"];\r\n\r\n if (parentSubmenuId) {\r\n return content;\r\n }\r\n\r\n return (\r\n <BaseDrawer.Close\r\n nativeButton={false}\r\n render={content}\r\n />\r\n );\r\n }\r\n\r\n const handleDesktopClick: React.MouseEventHandler<HTMLElement> = (event): void => {\r\n if (disabled) {\r\n return;\r\n }\r\n\r\n onClick?.(event);\r\n handleSelect(event.nativeEvent);\r\n };\r\n\r\n return (\r\n <DropdownMenuItem\r\n data-slot='drop-drawer-item'\r\n data-inset={inset}\r\n className={cn(styles.desktopItem, className)}\r\n closeOnClick={closeOnClick}\r\n disabled={disabled}\r\n inset={inset}\r\n onClick={handleDesktopClick}\r\n {...props}>\r\n <div className={styles.itemRow}>\r\n <div className={styles.itemChildren}>{children}</div>\r\n {icon ? <div className={styles.itemIcon}>{icon}</div> : null}\r\n </div>\r\n </DropdownMenuItem>\r\n );\r\n}\r\n\r\n/**\r\n * Renders a visual separator between desktop drop drawer sections.\r\n *\r\n * @remarks\r\n * - Renders a separator only in desktop dropdown mode\r\n * - Built on Base UI Menu separator primitives\r\n *\r\n * @example\r\n * ```tsx\r\n * <DropDrawerSeparator />\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/menu | Base UI Menu Docs}\r\n */\r\nfunction DropDrawerSeparator({\r\n className,\r\n ...props\r\n}: React.ComponentPropsWithoutRef<typeof DropdownMenuSeparator>): React.JSX.Element | null {\r\n const {isMobile} = useDropDrawerContext();\r\n\r\n if (isMobile) {\r\n return null;\r\n }\r\n\r\n return (\r\n <DropdownMenuSeparator\r\n data-slot='drop-drawer-separator'\r\n className={className}\r\n {...props}\r\n />\r\n );\r\n}\r\n\r\n/**\r\n * Renders a section label for the drop drawer surface.\r\n *\r\n * @remarks\r\n * - Renders a drawer title on mobile and a menu label on desktop\r\n * - Built on Base UI Drawer and Menu primitives\r\n *\r\n * @example\r\n * ```tsx\r\n * <DropDrawerLabel>Actions</DropDrawerLabel>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/menu | Base UI Menu Docs}\r\n */\r\nfunction DropDrawerLabel({\r\n className,\r\n children,\r\n ...props\r\n}: React.ComponentProps<typeof DropdownMenuLabel> | React.ComponentProps<typeof DrawerTitle>): React.JSX.Element {\r\n const {isMobile} = useDropDrawerContext();\r\n\r\n return isMobile ? (\r\n <DrawerHeader className={styles.mobileLabelWrapper}>\r\n <DrawerTitle\r\n data-slot='drop-drawer-label'\r\n className={cn(styles.mobileLabel, className)}\r\n {...(props as React.ComponentProps<typeof DrawerTitle>)}>\r\n {children}\r\n </DrawerTitle>\r\n </DrawerHeader>\r\n ) : (\r\n <DropdownMenuLabel\r\n data-slot='drop-drawer-label'\r\n className={className}\r\n {...(props as React.ComponentProps<typeof DropdownMenuLabel>)}>\r\n {children}\r\n </DropdownMenuLabel>\r\n );\r\n}\r\n\r\n/**\r\n * Renders footer content aligned to the bottom of the responsive surface.\r\n *\r\n * @remarks\r\n * - Renders a drawer footer on mobile and a styled `<div>` on desktop\r\n * - Built on Base UI Drawer primitives for mobile layouts\r\n *\r\n * @example\r\n * ```tsx\r\n * <DropDrawerFooter>Signed in as Alex</DropDrawerFooter>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/drawer | Base UI Drawer Docs}\r\n */\r\nfunction DropDrawerFooter({\r\n className,\r\n children,\r\n ...props\r\n}: React.ComponentProps<typeof DrawerFooter> | React.ComponentProps<\"div\">): React.JSX.Element {\r\n const {isMobile} = useDropDrawerContext();\r\n\r\n return isMobile ? (\r\n <DrawerFooter\r\n data-slot='drop-drawer-footer'\r\n className={cn(styles.mobileFooter, className)}\r\n {...(props as React.ComponentProps<typeof DrawerFooter>)}>\r\n {children}\r\n </DrawerFooter>\r\n ) : (\r\n <div\r\n data-slot='drop-drawer-footer'\r\n className={cn(styles.desktopFooter, className)}\r\n {...props}>\r\n {children}\r\n </div>\r\n );\r\n}\r\n\r\n/**\r\n * Renders a grouped collection of drop drawer items.\r\n *\r\n * @remarks\r\n * - Renders a Base UI menu group on desktop and a `<div role=\"group\">` on mobile\r\n * - Inserts mobile-only separators between adjacent children\r\n *\r\n * @example\r\n * ```tsx\r\n * <DropDrawerGroup>\r\n * <DropDrawerItem>Profile</DropDrawerItem>\r\n * <DropDrawerItem>Billing</DropDrawerItem>\r\n * </DropDrawerGroup>\r\n * ```\r\n *\r\n * @see {@link https://developer.mozilla.org/docs/Web/Accessibility/ARIA/Roles/group_role | ARIA Group Role}\r\n */\r\nfunction DropDrawerGroup({className, children, ...props}: React.ComponentProps<\"div\"> & {children: React.ReactNode}): React.JSX.Element {\r\n const {isMobile} = useDropDrawerContext();\r\n\r\n const childrenWithSeparators = React.useMemo(() => {\r\n if (!isMobile) {\r\n return children;\r\n }\r\n\r\n const childArray = React.Children.toArray(children);\r\n const filteredChildren = childArray.filter((child) => !(React.isValidElement(child) && child.type === DropDrawerSeparator));\r\n\r\n return filteredChildren.flatMap((child, index) => {\r\n if (index === filteredChildren.length - 1) {\r\n return [child];\r\n }\r\n\r\n return [\r\n child,\r\n <div\r\n key={`separator-${index}`}\r\n className={styles.mobileGroupSeparator}\r\n aria-hidden='true'\r\n />,\r\n ];\r\n });\r\n }, [children, isMobile]);\r\n\r\n return isMobile ? (\r\n <div\r\n data-drop-drawer-group\r\n data-slot='drop-drawer-group'\r\n role='group'\r\n className={cn(styles.mobileGroup, className)}\r\n {...props}>\r\n {childrenWithSeparators}\r\n </div>\r\n ) : (\r\n <BaseMenu.Group\r\n data-drop-drawer-group\r\n data-slot='drop-drawer-group'\r\n className={className}\r\n {...(props as React.ComponentPropsWithoutRef<typeof BaseMenu.Group>)}>\r\n {children}\r\n </BaseMenu.Group>\r\n );\r\n}\r\n\r\n/**\r\n * Renders a submenu root within the drop drawer surface.\r\n *\r\n * @remarks\r\n * - Renders a Base UI submenu on desktop and a mobile-aware container on small screens\r\n * - Registers submenu content for animated mobile drill-down navigation\r\n *\r\n * @example\r\n * ```tsx\r\n * <DropDrawerSub>\r\n * <DropDrawerSubTrigger>More</DropDrawerSubTrigger>\r\n * <DropDrawerSubContent>\r\n * <DropDrawerItem>Sub item</DropDrawerItem>\r\n * </DropDrawerSubContent>\r\n * </DropDrawerSub>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/menu | Base UI Menu Docs}\r\n */\r\nfunction DropDrawerSub({\r\n children,\r\n id,\r\n ...props\r\n}: React.ComponentPropsWithoutRef<typeof DropdownMenuSub> & {children?: React.ReactNode; id?: string}): React.JSX.Element {\r\n const {isMobile} = useDropDrawerContext();\r\n const {registerSubmenuContent} = React.useContext(SubmenuContext);\r\n const generatedId = React.useId();\r\n const submenuId = id || generatedId;\r\n\r\n React.useEffect(() => {\r\n if (!registerSubmenuContent) {\r\n return;\r\n }\r\n\r\n const contentItems: Array<React.ReactNode> = [];\r\n\r\n React.Children.forEach(children, (child) => {\r\n if (React.isValidElement(child) && child.type === DropDrawerSubContent) {\r\n const childElement = child as React.ReactElement<{children?: React.ReactNode}>;\r\n\r\n React.Children.forEach(childElement.props.children, (contentChild) => {\r\n contentItems.push(contentChild);\r\n });\r\n }\r\n });\r\n\r\n if (contentItems.length > 0) {\r\n registerSubmenuContent(submenuId, contentItems);\r\n }\r\n }, [children, registerSubmenuContent, submenuId]);\r\n\r\n if (isMobile) {\r\n const processedChildren = React.Children.map(children, (child) => {\r\n if (!React.isValidElement(child)) {\r\n return child;\r\n }\r\n\r\n if (child.type === DropDrawerSubTrigger || child.type === DropDrawerSubContent) {\r\n return React.cloneElement(child as React.ReactElement<MobileSubmenuDataAttributes>, {\r\n \"data-parent-submenu\": submenuId,\r\n \"data-parent-submenu-id\": submenuId,\r\n \"data-submenu-id\": submenuId,\r\n });\r\n }\r\n\r\n return child;\r\n });\r\n\r\n return (\r\n <div\r\n data-slot='drop-drawer-sub'\r\n data-submenu-id={submenuId}\r\n id={submenuId}>\r\n {processedChildren}\r\n </div>\r\n );\r\n }\r\n\r\n return (\r\n <DropdownMenuSub\r\n data-slot='drop-drawer-sub'\r\n data-submenu-id={submenuId}\r\n {...props}>\r\n {children}\r\n </DropdownMenuSub>\r\n );\r\n}\r\n\r\ninterface DropDrawerSubTriggerProps\r\n extends Omit<React.ComponentPropsWithoutRef<typeof DropdownMenuSubTrigger>, \"children\" | \"onClick\">, MobileSubmenuDataAttributes {\r\n /**\r\n * Trigger contents.\r\n * @default undefined\r\n */\r\n children?: React.ReactNode;\r\n /**\r\n * Additional CSS classes merged with the trigger styles.\r\n * @default undefined\r\n */\r\n className?: string;\r\n /**\r\n * Whether to apply inset spacing to align the trigger with grouped content.\r\n * @default undefined\r\n */\r\n inset?: boolean;\r\n /**\r\n * Mouse click handler invoked before submenu navigation occurs.\r\n * @default undefined\r\n */\r\n onClick?: React.MouseEventHandler<HTMLElement>;\r\n}\r\n\r\n/**\r\n * Renders the trigger that opens a nested submenu.\r\n *\r\n * @remarks\r\n * - Renders a Base UI submenu trigger on desktop and a keyboard-accessible `<div>` on mobile\r\n * - Built on Base UI Menu submenu primitives\r\n *\r\n * @example\r\n * ```tsx\r\n * <DropDrawerSubTrigger>Advanced</DropDrawerSubTrigger>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/menu | Base UI Menu Docs}\r\n */\r\nfunction DropDrawerSubTrigger({className, inset, children, onClick, ...props}: DropDrawerSubTriggerProps): React.JSX.Element {\r\n const {isMobile} = useDropDrawerContext();\r\n const {navigateToSubmenu} = React.useContext(SubmenuContext);\r\n\r\n const isInGroup = React.useCallback((element: HTMLElement | null): boolean => {\r\n if (!element) {\r\n return false;\r\n }\r\n\r\n let parent = element.parentElement;\r\n\r\n while (parent) {\r\n if (parent.hasAttribute(\"data-drop-drawer-group\")) {\r\n return true;\r\n }\r\n\r\n parent = parent.parentElement;\r\n }\r\n\r\n return false;\r\n }, []);\r\n\r\n const itemRef = React.useRef<HTMLDivElement>(null);\r\n const [isInsideGroup, setIsInsideGroup] = React.useState(false);\r\n\r\n React.useEffect(() => {\r\n if (!isMobile) {\r\n return;\r\n }\r\n\r\n const timer = globalThis.window.setTimeout(() => {\r\n if (itemRef.current) {\r\n setIsInsideGroup(isInGroup(itemRef.current));\r\n }\r\n }, 0);\r\n\r\n return () => globalThis.window.clearTimeout(timer);\r\n }, [isInGroup, isMobile]);\r\n\r\n if (isMobile) {\r\n const navigate = (eventTarget: HTMLElement): void => {\r\n let submenuId: string | null = null;\r\n const closestElement = eventTarget.closest(\"[data-submenu-id]\");\r\n const closestId = closestElement?.getAttribute(\"data-submenu-id\");\r\n\r\n if (closestId) {\r\n submenuId = closestId;\r\n }\r\n\r\n if (!submenuId) {\r\n submenuId = props[\"data-parent-submenu-id\"] ?? props[\"data-parent-submenu\"] ?? null;\r\n }\r\n\r\n if (!submenuId) {\r\n return;\r\n }\r\n\r\n const title = typeof children === \"string\" ? children : MOBILE_SUBMENU_TITLE;\r\n navigateToSubmenu?.(submenuId, title);\r\n };\r\n\r\n const handleClick: React.MouseEventHandler<HTMLDivElement> = (event): void => {\r\n event.preventDefault();\r\n event.stopPropagation();\r\n onClick?.(event);\r\n navigate(event.currentTarget);\r\n };\r\n\r\n const handleKeyDown: React.KeyboardEventHandler<HTMLDivElement> = (event): void => {\r\n if (event.key !== \"Enter\" && event.key !== \" \") {\r\n return;\r\n }\r\n\r\n event.preventDefault();\r\n event.stopPropagation();\r\n event.currentTarget.click();\r\n };\r\n\r\n return (\r\n <div\r\n ref={itemRef}\r\n data-slot='drop-drawer-sub-trigger'\r\n data-inset={inset}\r\n role='menuitem'\r\n tabIndex={0}\r\n className={cn(\r\n styles.mobileItem,\r\n !isInsideGroup && styles.mobileStandaloneItem,\r\n isInsideGroup && styles.mobileGroupedItem,\r\n inset && styles.inset,\r\n className,\r\n )}\r\n onClick={handleClick}\r\n onKeyDown={handleKeyDown}\r\n {...props}>\r\n <div className={styles.itemChildren}>{children}</div>\r\n <ChevronRightIcon className={styles.chevron} />\r\n </div>\r\n );\r\n }\r\n\r\n return (\r\n <DropdownMenuSubTrigger\r\n data-slot='drop-drawer-sub-trigger'\r\n data-inset={inset}\r\n className={className}\r\n inset={inset}\r\n onClick={onClick}\r\n {...props}>\r\n {children}\r\n </DropdownMenuSubTrigger>\r\n );\r\n}\r\n\r\n/**\r\n * Renders the content region for a nested submenu.\r\n *\r\n * @remarks\r\n * - Renders only in desktop dropdown mode\r\n * - Built on Base UI Menu submenu popup primitives\r\n *\r\n * @example\r\n * ```tsx\r\n * <DropDrawerSubContent>\r\n * <DropDrawerItem>Details</DropDrawerItem>\r\n * </DropDrawerSubContent>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/menu | Base UI Menu Docs}\r\n */\r\nfunction DropDrawerSubContent({\r\n className,\r\n sideOffset = 4,\r\n children,\r\n ...props\r\n}: React.ComponentProps<typeof DropdownMenuSubContent>): React.JSX.Element | null {\r\n const {isMobile} = useDropDrawerContext();\r\n\r\n if (isMobile) {\r\n return null;\r\n }\r\n\r\n return (\r\n <DropdownMenuSubContent\r\n data-slot='drop-drawer-sub-content'\r\n sideOffset={sideOffset}\r\n className={cn(styles.dropdownSubContent, className)}\r\n {...props}>\r\n {children}\r\n </DropdownMenuSubContent>\r\n );\r\n}\r\n\r\nDropDrawer.displayName = \"DropDrawer\";\r\nDropDrawerTrigger.displayName = \"DropDrawerTrigger\";\r\nDropDrawerContent.displayName = \"DropDrawerContent\";\r\nDropDrawerItem.displayName = \"DropDrawerItem\";\r\nDropDrawerSeparator.displayName = \"DropDrawerSeparator\";\r\nDropDrawerLabel.displayName = \"DropDrawerLabel\";\r\nDropDrawerFooter.displayName = \"DropDrawerFooter\";\r\nDropDrawerGroup.displayName = \"DropDrawerGroup\";\r\nDropDrawerSub.displayName = \"DropDrawerSub\";\r\nDropDrawerSubTrigger.displayName = \"DropDrawerSubTrigger\";\r\nDropDrawerSubContent.displayName = \"DropDrawerSubContent\";\r\n\r\nexport {\r\n DropDrawer,\r\n DropDrawerContent,\r\n DropDrawerFooter,\r\n DropDrawerGroup,\r\n DropDrawerItem,\r\n DropDrawerLabel,\r\n DropDrawerSeparator,\r\n DropDrawerSub,\r\n DropDrawerSubContent,\r\n DropDrawerSubTrigger,\r\n DropDrawerTrigger,\r\n};\r\n"],"names":["MOBILE_MENU_TITLE","MOBILE_SUBMENU_TITLE","MOBILE_BACK_LABEL","DropDrawerContext","React","useDropDrawerContext","context","Error","Drawer","BaseDrawer","DrawerPortal","DrawerTrigger","props","asChild","children","className","render","otherProps","renderProp","useRender","mergeProps","undefined","DrawerOverlay","cn","styles","DrawerContent","DrawerHeader","DrawerFooter","DrawerTitle","DropdownMenu","BaseMenu","DropdownMenuSub","DropdownMenuTrigger","DropdownMenuContent","DropdownMenuItem","inset","DropdownMenuLabel","DropdownMenuSeparator","DropdownMenuSubTrigger","ChevronRightIcon","DropdownMenuSubContent","SubmenuContext","DropDrawer","isMobile","useIsMobile","DropDrawerTrigger","DropDrawerContent","activeSubmenu","setActiveSubmenu","submenuTitle","setSubmenuTitle","submenuStack","setSubmenuStack","animationDirection","setAnimationDirection","submenuContentRef","Map","navigateToSubmenu","id","title","previousStack","goBack","newStack","previousSubmenu","registerSubmenuContent","content","extractSubmenuContent","elements","targetId","result","findSubmenuContent","node","element","DropDrawerSub","elementId","dataSubmenuId","child","DropDrawerSubContent","subContentElement","contentChild","getSubmenuContent","cachedContent","submenuContent","variants","direction","transition","ChevronLeftIcon","AnimatePresence","motion","DropDrawerItem","closeOnClick","disabled","icon","onClick","onSelect","isInGroup","parent","itemRef","isInsideGroup","setIsInsideGroup","timer","globalThis","handleSelect","event","handleClick","handleKeyDown","parentSubmenuId","handleDesktopClick","DropDrawerSeparator","DropDrawerLabel","DropDrawerFooter","DropDrawerGroup","childrenWithSeparators","childArray","filteredChildren","index","generatedId","submenuId","contentItems","childElement","processedChildren","DropDrawerSubTrigger","navigate","eventTarget","closestElement","closestId","sideOffset"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"components/ui/dropdrawer.js","sources":["../../../src/components/ui/dropdrawer.tsx"],"sourcesContent":["\"use client\";\r\n\r\n/* eslint-disable react/no-children-prop, react-x/no-children-for-each, react-x/no-children-map, react-x/no-children-to-array, react-x/no-clone-element, sonarjs/function-return-type, sonarjs/no-identical-functions, sonarjs/no-unused-vars, max-lines, unicorn/no-array-callback-reference, unicorn/no-useless-undefined, unicorn/prefer-at, unicorn/prefer-dom-node-dataset, jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions */\r\n\r\nimport {Drawer as BaseDrawer} from \"@base-ui/react/drawer\";\r\nimport {Menu as BaseMenu} from \"@base-ui/react/menu\";\r\nimport {mergeProps} from \"@base-ui/react/merge-props\";\r\nimport {useRender} from \"@base-ui/react/use-render\";\r\nimport {ChevronLeftIcon, ChevronRightIcon} from \"lucide-react\";\r\nimport {AnimatePresence, motion, type Transition} from \"motion/react\";\r\nimport * as React from \"react\";\r\n\r\nimport {useIsMobile} from \"@/hooks/useIsMobile\";\r\nimport {cn} from \"@/lib/utilities\";\r\nimport styles from \"./dropdrawer.module.css\";\r\n\r\nconst MOBILE_MENU_TITLE = \"Menu\";\r\nconst MOBILE_SUBMENU_TITLE = \"Submenu\";\r\nconst MOBILE_BACK_LABEL = \"Go back\";\r\n\r\ninterface DropDrawerContextValue {\r\n isMobile: boolean;\r\n}\r\n\r\nconst DropDrawerContext = React.createContext<DropDrawerContextValue | null>(null);\r\n\r\nconst useDropDrawerContext = (): DropDrawerContextValue => {\r\n const context = React.useContext(DropDrawerContext);\r\n\r\n if (context === null) {\r\n throw new Error(\"DropDrawer components cannot be rendered outside the Context\");\r\n }\r\n\r\n return context;\r\n};\r\n\r\nconst Drawer = BaseDrawer.Root;\r\nconst DrawerPortal = BaseDrawer.Portal;\r\n\r\nconst DrawerTrigger = React.forwardRef<HTMLButtonElement, React.ComponentPropsWithRef<typeof BaseDrawer.Trigger> & {asChild?: boolean}>(\r\n function DrawerTrigger(props, forwardedRef) {\r\n const {asChild = false, children, className, render, ...otherProps} = props;\r\n const renderProp = asChild && React.isValidElement(children) ? children : render;\r\n\r\n return (\r\n <BaseDrawer.Trigger\r\n {...otherProps}\r\n ref={forwardedRef}\r\n render={useRender({\r\n defaultTagName: \"button\",\r\n render: renderProp as never,\r\n props: mergeProps({className}, {}),\r\n })}>\r\n {renderProp ? undefined : children}\r\n </BaseDrawer.Trigger>\r\n );\r\n },\r\n);\r\n\r\nfunction DrawerOverlay(props: Readonly<React.ComponentPropsWithRef<typeof BaseDrawer.Backdrop>>): React.ReactElement {\r\n const {className, render, ...otherProps} = props;\r\n\r\n return (\r\n <BaseDrawer.Backdrop\r\n {...otherProps}\r\n render={useRender({\r\n defaultTagName: \"div\",\r\n render: render as never,\r\n props: mergeProps({className: cn(styles.drawerOverlay, className)}, {}),\r\n })}\r\n />\r\n );\r\n}\r\n\r\nconst DrawerContent = React.forwardRef<HTMLDivElement, React.ComponentPropsWithRef<typeof BaseDrawer.Popup> & {children?: React.ReactNode}>(\r\n function DrawerContent(props, forwardedRef) {\r\n const {className, children, render, ...otherProps} = props;\r\n\r\n return (\r\n <DrawerPortal>\r\n <DrawerOverlay />\r\n <BaseDrawer.Viewport className={styles.drawerViewport}>\r\n <BaseDrawer.Popup\r\n {...otherProps}\r\n ref={forwardedRef}\r\n render={useRender({\r\n defaultTagName: \"div\",\r\n render: render as never,\r\n props: mergeProps({className: cn(styles.drawerContent, className)}, {}),\r\n })}>\r\n <div className={styles.drawerHandle} />\r\n <BaseDrawer.Content className={styles.drawerInnerContent}>{children}</BaseDrawer.Content>\r\n </BaseDrawer.Popup>\r\n </BaseDrawer.Viewport>\r\n </DrawerPortal>\r\n );\r\n },\r\n);\r\n\r\nfunction DrawerHeader(\r\n props: Readonly<React.ComponentPropsWithRef<\"div\"> & {render?: useRender.RenderProp<Record<string, never>>}>,\r\n): React.ReactElement {\r\n const {className, children, render, ...otherProps} = props;\r\n\r\n return useRender({\r\n defaultTagName: \"div\",\r\n render: render as never,\r\n props: mergeProps({className: cn(styles.drawerHeader, className)}, otherProps, {children}),\r\n });\r\n}\r\n\r\nfunction DrawerFooter(\r\n props: Readonly<React.ComponentPropsWithRef<\"div\"> & {render?: useRender.RenderProp<Record<string, never>>}>,\r\n): React.ReactElement {\r\n const {className, children, render, ...otherProps} = props;\r\n\r\n return useRender({\r\n defaultTagName: \"div\",\r\n render: render as never,\r\n props: mergeProps({className: cn(styles.drawerFooter, className)}, otherProps, {children}),\r\n });\r\n}\r\n\r\nfunction DrawerTitle(props: Readonly<React.ComponentPropsWithRef<typeof BaseDrawer.Title>>): React.ReactElement {\r\n const {className, children, render, ...otherProps} = props;\r\n\r\n return (\r\n <BaseDrawer.Title\r\n {...otherProps}\r\n render={useRender({\r\n defaultTagName: \"h2\",\r\n render: render as never,\r\n props: mergeProps({className: cn(styles.drawerTitle, className)}, {}),\r\n })}>\r\n {children}\r\n </BaseDrawer.Title>\r\n );\r\n}\r\n\r\nconst DropdownMenu = BaseMenu.Root;\r\nconst DropdownMenuSub = BaseMenu.SubmenuRoot;\r\n\r\nconst DropdownMenuTrigger = React.forwardRef<HTMLButtonElement, React.ComponentPropsWithRef<typeof BaseMenu.Trigger> & {asChild?: boolean}>(\r\n function DropdownMenuTrigger(props, forwardedRef) {\r\n const {asChild = false, children, className, render, ...otherProps} = props;\r\n const renderProp = asChild && React.isValidElement(children) ? children : render;\r\n\r\n return (\r\n <BaseMenu.Trigger\r\n {...otherProps}\r\n ref={forwardedRef}\r\n render={useRender({\r\n defaultTagName: \"button\",\r\n render: renderProp as never,\r\n props: mergeProps({className}, {}),\r\n })}>\r\n {renderProp ? undefined : children}\r\n </BaseMenu.Trigger>\r\n );\r\n },\r\n);\r\n\r\nconst DropdownMenuContent = React.forwardRef<\r\n HTMLDivElement,\r\n React.ComponentPropsWithRef<typeof BaseMenu.Positioner> & {children?: React.ReactNode}\r\n>(function DropdownMenuContent(props, forwardedRef) {\r\n const {className, children, render, ...otherProps} = props;\r\n\r\n return (\r\n <BaseMenu.Portal>\r\n <BaseMenu.Positioner\r\n {...otherProps}\r\n ref={forwardedRef}\r\n render={useRender({\r\n defaultTagName: \"div\",\r\n props: mergeProps({className: styles.dropdownPositioner}, {}),\r\n })}>\r\n <BaseMenu.Popup\r\n render={useRender({\r\n defaultTagName: \"div\",\r\n render: render as never,\r\n props: mergeProps({className: cn(styles.dropdownContent, className)}, {}),\r\n })}>\r\n {children}\r\n </BaseMenu.Popup>\r\n </BaseMenu.Positioner>\r\n </BaseMenu.Portal>\r\n );\r\n});\r\n\r\ninterface DropdownMenuItemProps extends React.ComponentPropsWithRef<typeof BaseMenu.Item> {\r\n /** @deprecated Prefer Base UI's `render` prop. */\r\n asChild?: boolean;\r\n /**\r\n * Whether to apply inset spacing to align with grouped menu content.\r\n * @default false\r\n */\r\n inset?: boolean;\r\n}\r\n\r\nfunction DropdownMenuItem(props: Readonly<DropdownMenuItemProps>): React.ReactElement {\r\n // eslint-disable-next-line sonarjs/deprecation -- backward-compatible asChild API\r\n const {asChild = false, children, className, inset = false, render, ...otherProps} = props;\r\n const renderProp = asChild && React.isValidElement(children) ? children : render;\r\n\r\n return (\r\n <BaseMenu.Item\r\n {...otherProps}\r\n render={useRender({\r\n defaultTagName: \"div\",\r\n render: renderProp as never,\r\n props: mergeProps({className: cn(styles.desktopItem, inset && styles.inset, className)}, {}),\r\n })}>\r\n {renderProp ? undefined : children}\r\n </BaseMenu.Item>\r\n );\r\n}\r\n\r\nfunction DropdownMenuLabel(props: Readonly<React.ComponentPropsWithRef<typeof BaseMenu.GroupLabel>>): React.ReactElement {\r\n const {className, children, render, ...otherProps} = props;\r\n\r\n return (\r\n <BaseMenu.GroupLabel\r\n {...otherProps}\r\n render={useRender({\r\n defaultTagName: \"div\",\r\n render: render as never,\r\n props: mergeProps({className: cn(styles.desktopLabel, className)}, {}),\r\n })}>\r\n {children}\r\n </BaseMenu.GroupLabel>\r\n );\r\n}\r\n\r\nfunction DropdownMenuSeparator(props: Readonly<React.ComponentPropsWithRef<typeof BaseMenu.Separator>>): React.ReactElement {\r\n const {className, render, ...otherProps} = props;\r\n\r\n return (\r\n <BaseMenu.Separator\r\n {...otherProps}\r\n render={useRender({\r\n defaultTagName: \"div\",\r\n render: render as never,\r\n props: mergeProps({className: cn(styles.desktopSeparator, className)}, {}),\r\n })}\r\n />\r\n );\r\n}\r\n\r\nfunction DropdownMenuSubTrigger(\r\n props: Readonly<React.ComponentPropsWithRef<typeof BaseMenu.SubmenuTrigger> & {inset?: boolean}>,\r\n): React.ReactElement {\r\n const {className, children, inset = false, render, ...otherProps} = props;\r\n\r\n return (\r\n <BaseMenu.SubmenuTrigger\r\n {...otherProps}\r\n render={useRender({\r\n defaultTagName: \"div\",\r\n render: render as never,\r\n props: mergeProps({className: cn(styles.desktopSubTrigger, inset && styles.inset, className)}, {}),\r\n })}>\r\n {children}\r\n <ChevronRightIcon className={styles.chevron} />\r\n </BaseMenu.SubmenuTrigger>\r\n );\r\n}\r\n\r\nfunction DropdownMenuSubContent(\r\n props: Readonly<React.ComponentPropsWithRef<typeof BaseMenu.Positioner> & {children?: React.ReactNode}>,\r\n): React.ReactElement {\r\n const {className, children, render, ...otherProps} = props;\r\n\r\n return (\r\n <BaseMenu.Positioner\r\n {...otherProps}\r\n render={useRender({\r\n defaultTagName: \"div\",\r\n props: mergeProps({className: styles.dropdownPositioner}, {}),\r\n })}>\r\n <BaseMenu.Popup\r\n render={useRender({\r\n defaultTagName: \"div\",\r\n render: render as never,\r\n props: mergeProps({className: cn(styles.dropdownSubContent, className)}, {}),\r\n })}>\r\n {children}\r\n </BaseMenu.Popup>\r\n </BaseMenu.Positioner>\r\n );\r\n}\r\n\r\ntype DropDrawerRootProps = React.ComponentProps<typeof Drawer> | React.ComponentProps<typeof DropdownMenu>;\r\ntype DropDrawerTriggerProps =\r\n | React.ComponentPropsWithoutRef<typeof DrawerTrigger>\r\n | React.ComponentPropsWithoutRef<typeof DropdownMenuTrigger>;\r\ntype DropDrawerContentProps =\r\n | React.ComponentPropsWithoutRef<typeof DrawerContent>\r\n | React.ComponentPropsWithoutRef<typeof DropdownMenuContent>;\r\n\r\ninterface MobileSubmenuDataAttributes {\r\n \"data-parent-submenu-id\"?: string;\r\n \"data-parent-submenu\"?: string;\r\n \"data-submenu-id\"?: string;\r\n}\r\n\r\ninterface SharedDropDrawerItemProps\r\n extends Omit<React.ComponentPropsWithoutRef<typeof BaseMenu.Item>, \"children\" | \"onClick\" | \"onSelect\">, MobileSubmenuDataAttributes {\r\n /**\r\n * Item contents.\r\n * @default undefined\r\n */\r\n children?: React.ReactNode;\r\n /**\r\n * Additional CSS classes merged with the item styles.\r\n * @default undefined\r\n */\r\n className?: string;\r\n /**\r\n * Whether the desktop dropdown should close after the item is activated.\r\n * @default undefined\r\n */\r\n closeOnClick?: boolean;\r\n /**\r\n * Optional trailing icon or affordance rendered alongside the item content.\r\n * @default undefined\r\n */\r\n icon?: React.ReactNode;\r\n /**\r\n * Whether to apply inset spacing to align the item with grouped content.\r\n * @default undefined\r\n */\r\n inset?: boolean;\r\n /**\r\n * Mouse click handler invoked when the item is activated.\r\n * @default undefined\r\n */\r\n onClick?: React.MouseEventHandler<HTMLElement>;\r\n /**\r\n * Selection callback invoked with the native event when the item is activated.\r\n * @default undefined\r\n */\r\n onSelect?: (event: Event) => void;\r\n}\r\n\r\ninterface SubmenuContextType {\r\n activeSubmenu: string | null;\r\n navigateToSubmenu?: (id: string, title: string) => void;\r\n registerSubmenuContent?: (id: string, content: ReadonlyArray<React.ReactNode>) => void;\r\n setActiveSubmenu: (id: string | null) => void;\r\n setSubmenuTitle: (title: string | null) => void;\r\n submenuTitle: string | null;\r\n}\r\n\r\nconst SubmenuContext = React.createContext<SubmenuContextType>({\r\n activeSubmenu: null,\r\n navigateToSubmenu: undefined,\r\n registerSubmenuContent: undefined,\r\n setActiveSubmenu: () => undefined,\r\n setSubmenuTitle: () => undefined,\r\n submenuTitle: null,\r\n});\r\n\r\n/**\r\n * Provides a responsive dropdown-on-desktop, drawer-on-mobile navigation surface.\r\n *\r\n * @remarks\r\n * - Renders either Base UI `Menu.Root` or `Drawer.Root` depending on viewport size\r\n * - Built on Base UI Menu and Drawer primitives\r\n *\r\n * @example\r\n * ```tsx\r\n * <DropDrawer>\r\n * <DropDrawerTrigger>Open menu</DropDrawerTrigger>\r\n * <DropDrawerContent>\r\n * <DropDrawerItem>Profile</DropDrawerItem>\r\n * </DropDrawerContent>\r\n * </DropDrawer>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/menu | Base UI Menu Docs}\r\n */\r\nfunction DropDrawer({children, ...props}: DropDrawerRootProps): React.JSX.Element {\r\n const isMobile = useIsMobile();\r\n\r\n return (\r\n <DropDrawerContext.Provider value={{isMobile}}>\r\n {isMobile ? (\r\n <Drawer\r\n data-slot='drop-drawer'\r\n {...(props as React.ComponentProps<typeof Drawer>)}>\r\n {children}\r\n </Drawer>\r\n ) : (\r\n <DropdownMenu\r\n data-slot='drop-drawer'\r\n {...(props as React.ComponentProps<typeof DropdownMenu>)}>\r\n {children}\r\n </DropdownMenu>\r\n )}\r\n </DropDrawerContext.Provider>\r\n );\r\n}\r\n\r\n/**\r\n * Renders the control that opens the dropdown or drawer surface.\r\n *\r\n * @remarks\r\n * - Renders either a Base UI menu trigger or drawer trigger\r\n * - Built on Base UI Menu and Drawer primitives\r\n *\r\n * @example\r\n * ```tsx\r\n * <DropDrawerTrigger>Open menu</DropDrawerTrigger>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/drawer | Base UI Drawer Docs}\r\n */\r\nconst DropDrawerTrigger = React.forwardRef<HTMLButtonElement, DropDrawerTriggerProps>(function DropDrawerTrigger(\r\n {className, children, ...props},\r\n forwardedRef,\r\n) {\r\n const {isMobile} = useDropDrawerContext();\r\n\r\n return isMobile ? (\r\n <DrawerTrigger\r\n ref={forwardedRef}\r\n data-slot='drop-drawer-trigger'\r\n className={className}\r\n {...(props as React.ComponentProps<typeof DrawerTrigger>)}>\r\n {children}\r\n </DrawerTrigger>\r\n ) : (\r\n <DropdownMenuTrigger\r\n ref={forwardedRef}\r\n data-slot='drop-drawer-trigger'\r\n className={className}\r\n {...(props as React.ComponentProps<typeof DropdownMenuTrigger>)}>\r\n {children}\r\n </DropdownMenuTrigger>\r\n );\r\n});\r\n\r\n/**\r\n * Renders the responsive dropdown or drawer content surface.\r\n *\r\n * @remarks\r\n * - Renders a Base UI popup on desktop and drawer content on mobile\r\n * - Built on Base UI Menu and Drawer primitives with animated mobile submenu navigation\r\n *\r\n * @example\r\n * ```tsx\r\n * <DropDrawerContent>\r\n * <DropDrawerItem>Settings</DropDrawerItem>\r\n * </DropDrawerContent>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/menu | Base UI Menu Docs}\r\n */\r\nconst DropDrawerContent = React.forwardRef<HTMLDivElement, DropDrawerContentProps>(function DropDrawerContent(\r\n {className, children, ...props},\r\n forwardedRef,\r\n) {\r\n const {isMobile} = useDropDrawerContext();\r\n const [activeSubmenu, setActiveSubmenu] = React.useState<string | null>(null);\r\n const [submenuTitle, setSubmenuTitle] = React.useState<string | null>(null);\r\n const [submenuStack, setSubmenuStack] = React.useState<ReadonlyArray<{id: string; title: string}>>([]);\r\n const [animationDirection, setAnimationDirection] = React.useState<\"forward\" | \"backward\">(\"forward\");\r\n const submenuContentRef = React.useRef(new Map<string, ReadonlyArray<React.ReactNode>>());\r\n\r\n React.useEffect(() => {\r\n submenuContentRef.current.clear();\r\n }, [children]);\r\n\r\n const navigateToSubmenu = React.useCallback((id: string, title: string): void => {\r\n setAnimationDirection(\"forward\");\r\n setActiveSubmenu(id);\r\n setSubmenuTitle(title);\r\n setSubmenuStack((previousStack) => [...previousStack, {id, title}]);\r\n }, []);\r\n\r\n const goBack = React.useCallback((): void => {\r\n setAnimationDirection(\"backward\");\r\n\r\n if (submenuStack.length <= 1) {\r\n setActiveSubmenu(null);\r\n setSubmenuTitle(null);\r\n setSubmenuStack([]);\r\n return;\r\n }\r\n\r\n const newStack = [...submenuStack];\r\n newStack.pop();\r\n const previousSubmenu = newStack[newStack.length - 1];\r\n\r\n if (!previousSubmenu) {\r\n setActiveSubmenu(null);\r\n setSubmenuTitle(null);\r\n setSubmenuStack([]);\r\n return;\r\n }\r\n\r\n setActiveSubmenu(previousSubmenu.id);\r\n setSubmenuTitle(previousSubmenu.title);\r\n setSubmenuStack(newStack);\r\n }, [submenuStack]);\r\n\r\n const registerSubmenuContent = React.useCallback((id: string, content: ReadonlyArray<React.ReactNode>): void => {\r\n submenuContentRef.current.set(id, content);\r\n }, []);\r\n\r\n const extractSubmenuContent = React.useCallback((elements: React.ReactNode, targetId: string): ReadonlyArray<React.ReactNode> => {\r\n const result: Array<React.ReactNode> = [];\r\n\r\n const findSubmenuContent = (node: React.ReactNode): void => {\r\n if (!React.isValidElement(node)) {\r\n return;\r\n }\r\n\r\n const element = node as React.ReactElement<{\r\n \"data-submenu-id\"?: string;\r\n children?: React.ReactNode;\r\n id?: string;\r\n }>;\r\n\r\n if (element.type === DropDrawerSub) {\r\n const elementId = element.props.id;\r\n const dataSubmenuId = element.props[\"data-submenu-id\"];\r\n\r\n if (elementId === targetId || dataSubmenuId === targetId) {\r\n if (element.props.children) {\r\n React.Children.forEach(element.props.children, (child) => {\r\n if (React.isValidElement(child) && child.type === DropDrawerSubContent) {\r\n const subContentElement = child as React.ReactElement<{children?: React.ReactNode}>;\r\n\r\n React.Children.forEach(subContentElement.props.children, (contentChild) => {\r\n result.push(contentChild);\r\n });\r\n }\r\n });\r\n }\r\n\r\n return;\r\n }\r\n }\r\n\r\n if (element.props.children) {\r\n React.Children.forEach(element.props.children, findSubmenuContent);\r\n }\r\n };\r\n\r\n React.Children.forEach(elements, findSubmenuContent);\r\n return result;\r\n }, []);\r\n\r\n const getSubmenuContent = React.useCallback(\r\n (id: string): ReadonlyArray<React.ReactNode> => {\r\n const cachedContent = submenuContentRef.current.get(id);\r\n\r\n if (cachedContent && cachedContent.length > 0) {\r\n return cachedContent;\r\n }\r\n\r\n const submenuContent = extractSubmenuContent(children, id);\r\n\r\n if (submenuContent.length > 0) {\r\n submenuContentRef.current.set(id, submenuContent);\r\n }\r\n\r\n return submenuContent;\r\n },\r\n [children, extractSubmenuContent],\r\n );\r\n\r\n const variants = {\r\n center: {\r\n opacity: 1,\r\n x: 0,\r\n },\r\n enter: (direction: \"forward\" | \"backward\") => ({\r\n opacity: 0,\r\n x: direction === \"forward\" ? \"100%\" : \"-100%\",\r\n }),\r\n exit: (direction: \"forward\" | \"backward\") => ({\r\n opacity: 0,\r\n x: direction === \"forward\" ? \"-100%\" : \"100%\",\r\n }),\r\n };\r\n\r\n const transition = {\r\n duration: 0.3,\r\n ease: [0.25, 0.1, 0.25, 1],\r\n } satisfies Transition;\r\n\r\n if (isMobile) {\r\n return (\r\n <SubmenuContext.Provider\r\n value={{\r\n activeSubmenu,\r\n navigateToSubmenu,\r\n registerSubmenuContent,\r\n setActiveSubmenu: (id) => {\r\n if (id === null) {\r\n setActiveSubmenu(null);\r\n setSubmenuTitle(null);\r\n setSubmenuStack([]);\r\n }\r\n },\r\n setSubmenuTitle,\r\n submenuTitle,\r\n }}>\r\n <DrawerContent\r\n ref={forwardedRef}\r\n data-slot='drop-drawer-content'\r\n className={cn(styles.mobileContent, className)}\r\n {...(props as React.ComponentProps<typeof DrawerContent>)}>\r\n {activeSubmenu ? (\r\n <>\r\n <DrawerHeader>\r\n <div className={styles.mobileHeaderRow}>\r\n <button\r\n type='button'\r\n aria-label={MOBILE_BACK_LABEL}\r\n onClick={goBack}\r\n className={styles.backButton}>\r\n <ChevronLeftIcon className={styles.chevron} />\r\n </button>\r\n <DrawerTitle>{submenuTitle || MOBILE_SUBMENU_TITLE}</DrawerTitle>\r\n </div>\r\n </DrawerHeader>\r\n <div className={styles.mobileViewport}>\r\n <AnimatePresence\r\n initial={false}\r\n mode='wait'\r\n custom={animationDirection}>\r\n <motion.div\r\n key={activeSubmenu}\r\n custom={animationDirection}\r\n variants={variants}\r\n initial='enter'\r\n animate='center'\r\n exit='exit'\r\n transition={transition}\r\n className={styles.mobileMotionPanel}>\r\n {getSubmenuContent(activeSubmenu)}\r\n </motion.div>\r\n </AnimatePresence>\r\n </div>\r\n </>\r\n ) : (\r\n <>\r\n <DrawerHeader className={styles.screenReaderOnlyHeader}>\r\n <DrawerTitle>{MOBILE_MENU_TITLE}</DrawerTitle>\r\n </DrawerHeader>\r\n <div className={styles.mobileMainViewport}>\r\n <AnimatePresence\r\n initial={false}\r\n mode='wait'\r\n custom={animationDirection}>\r\n <motion.div\r\n key='main-menu'\r\n custom={animationDirection}\r\n variants={variants}\r\n initial='enter'\r\n animate='center'\r\n exit='exit'\r\n transition={transition}\r\n className={styles.mobileMotionPanel}>\r\n {children}\r\n </motion.div>\r\n </AnimatePresence>\r\n </div>\r\n </>\r\n )}\r\n </DrawerContent>\r\n </SubmenuContext.Provider>\r\n );\r\n }\r\n\r\n return (\r\n <SubmenuContext.Provider\r\n value={{\r\n activeSubmenu,\r\n registerSubmenuContent,\r\n setActiveSubmenu,\r\n setSubmenuTitle,\r\n submenuTitle,\r\n }}>\r\n <DropdownMenuContent\r\n ref={forwardedRef}\r\n data-slot='drop-drawer-content'\r\n align='end'\r\n sideOffset={4}\r\n className={cn(styles.desktopContent, className)}\r\n {...(props as React.ComponentProps<typeof DropdownMenuContent>)}>\r\n {children}\r\n </DropdownMenuContent>\r\n </SubmenuContext.Provider>\r\n );\r\n});\r\n\r\n/**\r\n * Renders an actionable item inside the drop drawer surface.\r\n *\r\n * @remarks\r\n * - Renders a Base UI menu item on desktop and a keyboard-accessible `<div>` on mobile\r\n * - Built on Base UI Menu and Drawer close primitives\r\n *\r\n * @example\r\n * ```tsx\r\n * <DropDrawerItem icon={<ChevronRightIcon />}>Account</DropDrawerItem>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/menu | Base UI Menu Docs}\r\n */\r\nfunction DropDrawerItem({\r\n className,\r\n children,\r\n closeOnClick,\r\n disabled,\r\n icon,\r\n inset,\r\n onClick,\r\n onSelect,\r\n ...props\r\n}: SharedDropDrawerItemProps): React.JSX.Element {\r\n const {isMobile} = useDropDrawerContext();\r\n\r\n const isInGroup = React.useCallback((element: HTMLElement | null): boolean => {\r\n if (!element) {\r\n return false;\r\n }\r\n\r\n let parent = element.parentElement;\r\n\r\n while (parent) {\r\n if (parent.hasAttribute(\"data-drop-drawer-group\")) {\r\n return true;\r\n }\r\n\r\n parent = parent.parentElement;\r\n }\r\n\r\n return false;\r\n }, []);\r\n\r\n const itemRef = React.useRef<HTMLDivElement>(null);\r\n const [isInsideGroup, setIsInsideGroup] = React.useState(false);\r\n\r\n React.useEffect(() => {\r\n if (!isMobile) {\r\n return;\r\n }\r\n\r\n const timer = globalThis.window.setTimeout(() => {\r\n if (itemRef.current) {\r\n setIsInsideGroup(isInGroup(itemRef.current));\r\n }\r\n }, 0);\r\n\r\n return () => globalThis.window.clearTimeout(timer);\r\n }, [isInGroup, isMobile]);\r\n\r\n const handleSelect = React.useCallback(\r\n (event: Event): void => {\r\n if (!disabled) {\r\n onSelect?.(event);\r\n }\r\n },\r\n [disabled, onSelect],\r\n );\r\n\r\n if (isMobile) {\r\n const handleClick: React.MouseEventHandler<HTMLDivElement> = (event): void => {\r\n if (disabled) {\r\n return;\r\n }\r\n\r\n onClick?.(event);\r\n handleSelect(event.nativeEvent);\r\n };\r\n\r\n const handleKeyDown: React.KeyboardEventHandler<HTMLDivElement> = (event): void => {\r\n if (event.key !== \"Enter\" && event.key !== \" \") {\r\n return;\r\n }\r\n\r\n event.preventDefault();\r\n event.currentTarget.click();\r\n };\r\n\r\n const content = (\r\n <div\r\n ref={itemRef}\r\n data-slot='drop-drawer-item'\r\n data-disabled={disabled}\r\n data-inset={inset}\r\n role='menuitem'\r\n tabIndex={disabled ? -1 : 0}\r\n className={cn(\r\n styles.mobileItem,\r\n !isInsideGroup && styles.mobileStandaloneItem,\r\n isInsideGroup && styles.mobileGroupedItem,\r\n inset && styles.inset,\r\n className,\r\n )}\r\n onClick={handleClick}\r\n onKeyDown={handleKeyDown}\r\n aria-disabled={disabled}\r\n {...props}>\r\n <div className={styles.itemChildren}>{children}</div>\r\n {icon ? <div className={styles.itemIcon}>{icon}</div> : null}\r\n </div>\r\n );\r\n\r\n const parentSubmenuId = props[\"data-parent-submenu-id\"] ?? props[\"data-parent-submenu\"];\r\n\r\n if (parentSubmenuId) {\r\n return content;\r\n }\r\n\r\n return (\r\n <BaseDrawer.Close\r\n nativeButton={false}\r\n render={content}\r\n />\r\n );\r\n }\r\n\r\n const handleDesktopClick: React.MouseEventHandler<HTMLElement> = (event): void => {\r\n if (disabled) {\r\n return;\r\n }\r\n\r\n onClick?.(event);\r\n handleSelect(event.nativeEvent);\r\n };\r\n\r\n return (\r\n <DropdownMenuItem\r\n data-slot='drop-drawer-item'\r\n data-inset={inset}\r\n className={cn(styles.desktopItem, className)}\r\n closeOnClick={closeOnClick}\r\n disabled={disabled}\r\n inset={inset}\r\n onClick={handleDesktopClick}\r\n {...props}>\r\n <div className={styles.itemRow}>\r\n <div className={styles.itemChildren}>{children}</div>\r\n {icon ? <div className={styles.itemIcon}>{icon}</div> : null}\r\n </div>\r\n </DropdownMenuItem>\r\n );\r\n}\r\n\r\n/**\r\n * Renders a visual separator between desktop drop drawer sections.\r\n *\r\n * @remarks\r\n * - Renders a separator only in desktop dropdown mode\r\n * - Built on Base UI Menu separator primitives\r\n *\r\n * @example\r\n * ```tsx\r\n * <DropDrawerSeparator />\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/menu | Base UI Menu Docs}\r\n */\r\nfunction DropDrawerSeparator({\r\n className,\r\n ...props\r\n}: React.ComponentPropsWithoutRef<typeof DropdownMenuSeparator>): React.JSX.Element | null {\r\n const {isMobile} = useDropDrawerContext();\r\n\r\n if (isMobile) {\r\n return null;\r\n }\r\n\r\n return (\r\n <DropdownMenuSeparator\r\n data-slot='drop-drawer-separator'\r\n className={className}\r\n {...props}\r\n />\r\n );\r\n}\r\n\r\n/**\r\n * Renders a section label for the drop drawer surface.\r\n *\r\n * @remarks\r\n * - Renders a drawer title on mobile and a menu label on desktop\r\n * - Built on Base UI Drawer and Menu primitives\r\n *\r\n * @example\r\n * ```tsx\r\n * <DropDrawerLabel>Actions</DropDrawerLabel>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/menu | Base UI Menu Docs}\r\n */\r\nfunction DropDrawerLabel({\r\n className,\r\n children,\r\n ...props\r\n}: React.ComponentProps<typeof DropdownMenuLabel> | React.ComponentProps<typeof DrawerTitle>): React.JSX.Element {\r\n const {isMobile} = useDropDrawerContext();\r\n\r\n return isMobile ? (\r\n <DrawerHeader className={styles.mobileLabelWrapper}>\r\n <DrawerTitle\r\n data-slot='drop-drawer-label'\r\n className={cn(styles.mobileLabel, className)}\r\n {...(props as React.ComponentProps<typeof DrawerTitle>)}>\r\n {children}\r\n </DrawerTitle>\r\n </DrawerHeader>\r\n ) : (\r\n <DropdownMenuLabel\r\n data-slot='drop-drawer-label'\r\n className={className}\r\n {...(props as React.ComponentProps<typeof DropdownMenuLabel>)}>\r\n {children}\r\n </DropdownMenuLabel>\r\n );\r\n}\r\n\r\n/**\r\n * Renders footer content aligned to the bottom of the responsive surface.\r\n *\r\n * @remarks\r\n * - Renders a drawer footer on mobile and a styled `<div>` on desktop\r\n * - Built on Base UI Drawer primitives for mobile layouts\r\n *\r\n * @example\r\n * ```tsx\r\n * <DropDrawerFooter>Signed in as Alex</DropDrawerFooter>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/drawer | Base UI Drawer Docs}\r\n */\r\nfunction DropDrawerFooter({\r\n className,\r\n children,\r\n ...props\r\n}: React.ComponentProps<typeof DrawerFooter> | React.ComponentProps<\"div\">): React.JSX.Element {\r\n const {isMobile} = useDropDrawerContext();\r\n\r\n return isMobile ? (\r\n <DrawerFooter\r\n data-slot='drop-drawer-footer'\r\n className={cn(styles.mobileFooter, className)}\r\n {...(props as React.ComponentProps<typeof DrawerFooter>)}>\r\n {children}\r\n </DrawerFooter>\r\n ) : (\r\n <div\r\n data-slot='drop-drawer-footer'\r\n className={cn(styles.desktopFooter, className)}\r\n {...props}>\r\n {children}\r\n </div>\r\n );\r\n}\r\n\r\n/**\r\n * Renders a grouped collection of drop drawer items.\r\n *\r\n * @remarks\r\n * - Renders a Base UI menu group on desktop and a `<div role=\"group\">` on mobile\r\n * - Inserts mobile-only separators between adjacent children\r\n *\r\n * @example\r\n * ```tsx\r\n * <DropDrawerGroup>\r\n * <DropDrawerItem>Profile</DropDrawerItem>\r\n * <DropDrawerItem>Billing</DropDrawerItem>\r\n * </DropDrawerGroup>\r\n * ```\r\n *\r\n * @see {@link https://developer.mozilla.org/docs/Web/Accessibility/ARIA/Roles/group_role | ARIA Group Role}\r\n */\r\nfunction DropDrawerGroup({className, children, ...props}: React.ComponentProps<\"div\"> & {children: React.ReactNode}): React.JSX.Element {\r\n const {isMobile} = useDropDrawerContext();\r\n\r\n const childrenWithSeparators = React.useMemo(() => {\r\n if (!isMobile) {\r\n return children;\r\n }\r\n\r\n const childArray = React.Children.toArray(children);\r\n const filteredChildren = childArray.filter((child) => !(React.isValidElement(child) && child.type === DropDrawerSeparator));\r\n\r\n return filteredChildren.flatMap((child, index) => {\r\n if (index === filteredChildren.length - 1) {\r\n return [child];\r\n }\r\n\r\n return [\r\n child,\r\n <div\r\n key={`separator-${index}`}\r\n className={styles.mobileGroupSeparator}\r\n aria-hidden='true'\r\n />,\r\n ];\r\n });\r\n }, [children, isMobile]);\r\n\r\n return isMobile ? (\r\n <div\r\n data-drop-drawer-group\r\n data-slot='drop-drawer-group'\r\n role='group'\r\n className={cn(styles.mobileGroup, className)}\r\n {...props}>\r\n {childrenWithSeparators}\r\n </div>\r\n ) : (\r\n <BaseMenu.Group\r\n data-drop-drawer-group\r\n data-slot='drop-drawer-group'\r\n className={className}\r\n {...(props as React.ComponentPropsWithoutRef<typeof BaseMenu.Group>)}>\r\n {children}\r\n </BaseMenu.Group>\r\n );\r\n}\r\n\r\n/**\r\n * Renders a submenu root within the drop drawer surface.\r\n *\r\n * @remarks\r\n * - Renders a Base UI submenu on desktop and a mobile-aware container on small screens\r\n * - Registers submenu content for animated mobile drill-down navigation\r\n *\r\n * @example\r\n * ```tsx\r\n * <DropDrawerSub>\r\n * <DropDrawerSubTrigger>More</DropDrawerSubTrigger>\r\n * <DropDrawerSubContent>\r\n * <DropDrawerItem>Sub item</DropDrawerItem>\r\n * </DropDrawerSubContent>\r\n * </DropDrawerSub>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/menu | Base UI Menu Docs}\r\n */\r\nfunction DropDrawerSub({\r\n children,\r\n id,\r\n ...props\r\n}: React.ComponentPropsWithoutRef<typeof DropdownMenuSub> & {children?: React.ReactNode; id?: string}): React.JSX.Element {\r\n const {isMobile} = useDropDrawerContext();\r\n const {registerSubmenuContent} = React.useContext(SubmenuContext);\r\n const generatedId = React.useId();\r\n const submenuId = id || generatedId;\r\n\r\n React.useEffect(() => {\r\n if (!registerSubmenuContent) {\r\n return;\r\n }\r\n\r\n const contentItems: Array<React.ReactNode> = [];\r\n\r\n React.Children.forEach(children, (child) => {\r\n if (React.isValidElement(child) && child.type === DropDrawerSubContent) {\r\n const childElement = child as React.ReactElement<{children?: React.ReactNode}>;\r\n\r\n React.Children.forEach(childElement.props.children, (contentChild) => {\r\n contentItems.push(contentChild);\r\n });\r\n }\r\n });\r\n\r\n if (contentItems.length > 0) {\r\n registerSubmenuContent(submenuId, contentItems);\r\n }\r\n }, [children, registerSubmenuContent, submenuId]);\r\n\r\n if (isMobile) {\r\n const processedChildren = React.Children.map(children, (child) => {\r\n if (!React.isValidElement(child)) {\r\n return child;\r\n }\r\n\r\n if (child.type === DropDrawerSubTrigger || child.type === DropDrawerSubContent) {\r\n return React.cloneElement(child as React.ReactElement<MobileSubmenuDataAttributes>, {\r\n \"data-parent-submenu\": submenuId,\r\n \"data-parent-submenu-id\": submenuId,\r\n \"data-submenu-id\": submenuId,\r\n });\r\n }\r\n\r\n return child;\r\n });\r\n\r\n return (\r\n <div\r\n data-slot='drop-drawer-sub'\r\n data-submenu-id={submenuId}\r\n id={submenuId}>\r\n {processedChildren}\r\n </div>\r\n );\r\n }\r\n\r\n return (\r\n <DropdownMenuSub\r\n data-slot='drop-drawer-sub'\r\n data-submenu-id={submenuId}\r\n {...props}>\r\n {children}\r\n </DropdownMenuSub>\r\n );\r\n}\r\n\r\ninterface DropDrawerSubTriggerProps\r\n extends Omit<React.ComponentPropsWithoutRef<typeof DropdownMenuSubTrigger>, \"children\" | \"onClick\">, MobileSubmenuDataAttributes {\r\n /**\r\n * Trigger contents.\r\n * @default undefined\r\n */\r\n children?: React.ReactNode;\r\n /**\r\n * Additional CSS classes merged with the trigger styles.\r\n * @default undefined\r\n */\r\n className?: string;\r\n /**\r\n * Whether to apply inset spacing to align the trigger with grouped content.\r\n * @default undefined\r\n */\r\n inset?: boolean;\r\n /**\r\n * Mouse click handler invoked before submenu navigation occurs.\r\n * @default undefined\r\n */\r\n onClick?: React.MouseEventHandler<HTMLElement>;\r\n}\r\n\r\n/**\r\n * Renders the trigger that opens a nested submenu.\r\n *\r\n * @remarks\r\n * - Renders a Base UI submenu trigger on desktop and a keyboard-accessible `<div>` on mobile\r\n * - Built on Base UI Menu submenu primitives\r\n *\r\n * @example\r\n * ```tsx\r\n * <DropDrawerSubTrigger>Advanced</DropDrawerSubTrigger>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/menu | Base UI Menu Docs}\r\n */\r\nfunction DropDrawerSubTrigger({className, inset, children, onClick, ...props}: DropDrawerSubTriggerProps): React.JSX.Element {\r\n const {isMobile} = useDropDrawerContext();\r\n const {navigateToSubmenu} = React.useContext(SubmenuContext);\r\n\r\n const isInGroup = React.useCallback((element: HTMLElement | null): boolean => {\r\n if (!element) {\r\n return false;\r\n }\r\n\r\n let parent = element.parentElement;\r\n\r\n while (parent) {\r\n if (parent.hasAttribute(\"data-drop-drawer-group\")) {\r\n return true;\r\n }\r\n\r\n parent = parent.parentElement;\r\n }\r\n\r\n return false;\r\n }, []);\r\n\r\n const itemRef = React.useRef<HTMLDivElement>(null);\r\n const [isInsideGroup, setIsInsideGroup] = React.useState(false);\r\n\r\n React.useEffect(() => {\r\n if (!isMobile) {\r\n return;\r\n }\r\n\r\n const timer = globalThis.window.setTimeout(() => {\r\n if (itemRef.current) {\r\n setIsInsideGroup(isInGroup(itemRef.current));\r\n }\r\n }, 0);\r\n\r\n return () => globalThis.window.clearTimeout(timer);\r\n }, [isInGroup, isMobile]);\r\n\r\n if (isMobile) {\r\n const navigate = (eventTarget: HTMLElement): void => {\r\n let submenuId: string | null = null;\r\n const closestElement = eventTarget.closest(\"[data-submenu-id]\");\r\n const closestId = closestElement?.getAttribute(\"data-submenu-id\");\r\n\r\n if (closestId) {\r\n submenuId = closestId;\r\n }\r\n\r\n if (!submenuId) {\r\n submenuId = props[\"data-parent-submenu-id\"] ?? props[\"data-parent-submenu\"] ?? null;\r\n }\r\n\r\n if (!submenuId) {\r\n return;\r\n }\r\n\r\n const title = typeof children === \"string\" ? children : MOBILE_SUBMENU_TITLE;\r\n navigateToSubmenu?.(submenuId, title);\r\n };\r\n\r\n const handleClick: React.MouseEventHandler<HTMLDivElement> = (event): void => {\r\n event.preventDefault();\r\n event.stopPropagation();\r\n onClick?.(event);\r\n navigate(event.currentTarget);\r\n };\r\n\r\n const handleKeyDown: React.KeyboardEventHandler<HTMLDivElement> = (event): void => {\r\n if (event.key !== \"Enter\" && event.key !== \" \") {\r\n return;\r\n }\r\n\r\n event.preventDefault();\r\n event.stopPropagation();\r\n event.currentTarget.click();\r\n };\r\n\r\n return (\r\n <div\r\n ref={itemRef}\r\n data-slot='drop-drawer-sub-trigger'\r\n data-inset={inset}\r\n role='menuitem'\r\n tabIndex={0}\r\n className={cn(\r\n styles.mobileItem,\r\n !isInsideGroup && styles.mobileStandaloneItem,\r\n isInsideGroup && styles.mobileGroupedItem,\r\n inset && styles.inset,\r\n className,\r\n )}\r\n onClick={handleClick}\r\n onKeyDown={handleKeyDown}\r\n {...props}>\r\n <div className={styles.itemChildren}>{children}</div>\r\n <ChevronRightIcon className={styles.chevron} />\r\n </div>\r\n );\r\n }\r\n\r\n return (\r\n <DropdownMenuSubTrigger\r\n data-slot='drop-drawer-sub-trigger'\r\n data-inset={inset}\r\n className={className}\r\n inset={inset}\r\n onClick={onClick}\r\n {...props}>\r\n {children}\r\n </DropdownMenuSubTrigger>\r\n );\r\n}\r\n\r\n/**\r\n * Renders the content region for a nested submenu.\r\n *\r\n * @remarks\r\n * - Renders only in desktop dropdown mode\r\n * - Built on Base UI Menu submenu popup primitives\r\n *\r\n * @example\r\n * ```tsx\r\n * <DropDrawerSubContent>\r\n * <DropDrawerItem>Details</DropDrawerItem>\r\n * </DropDrawerSubContent>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/menu | Base UI Menu Docs}\r\n */\r\nfunction DropDrawerSubContent({\r\n className,\r\n sideOffset = 4,\r\n children,\r\n ...props\r\n}: React.ComponentProps<typeof DropdownMenuSubContent>): React.JSX.Element | null {\r\n const {isMobile} = useDropDrawerContext();\r\n\r\n if (isMobile) {\r\n return null;\r\n }\r\n\r\n return (\r\n <DropdownMenuSubContent\r\n data-slot='drop-drawer-sub-content'\r\n sideOffset={sideOffset}\r\n className={cn(styles.dropdownSubContent, className)}\r\n {...props}>\r\n {children}\r\n </DropdownMenuSubContent>\r\n );\r\n}\r\n\r\nDropDrawer.displayName = \"DropDrawer\";\r\nDropDrawerTrigger.displayName = \"DropDrawerTrigger\";\r\nDropDrawerContent.displayName = \"DropDrawerContent\";\r\nDropDrawerItem.displayName = \"DropDrawerItem\";\r\nDropDrawerSeparator.displayName = \"DropDrawerSeparator\";\r\nDropDrawerLabel.displayName = \"DropDrawerLabel\";\r\nDropDrawerFooter.displayName = \"DropDrawerFooter\";\r\nDropDrawerGroup.displayName = \"DropDrawerGroup\";\r\nDropDrawerSub.displayName = \"DropDrawerSub\";\r\nDropDrawerSubTrigger.displayName = \"DropDrawerSubTrigger\";\r\nDropDrawerSubContent.displayName = \"DropDrawerSubContent\";\r\n\r\nexport {\r\n DropDrawer,\r\n DropDrawerContent,\r\n DropDrawerFooter,\r\n DropDrawerGroup,\r\n DropDrawerItem,\r\n DropDrawerLabel,\r\n DropDrawerSeparator,\r\n DropDrawerSub,\r\n DropDrawerSubContent,\r\n DropDrawerSubTrigger,\r\n DropDrawerTrigger,\r\n};\r\n"],"names":["MOBILE_MENU_TITLE","MOBILE_SUBMENU_TITLE","MOBILE_BACK_LABEL","DropDrawerContext","React","useDropDrawerContext","context","Error","Drawer","BaseDrawer","DrawerPortal","DrawerTrigger","props","forwardedRef","asChild","children","className","render","otherProps","renderProp","useRender","mergeProps","undefined","DrawerOverlay","cn","styles","DrawerContent","DrawerHeader","DrawerFooter","DrawerTitle","DropdownMenu","BaseMenu","DropdownMenuSub","DropdownMenuTrigger","DropdownMenuContent","DropdownMenuItem","inset","DropdownMenuLabel","DropdownMenuSeparator","DropdownMenuSubTrigger","ChevronRightIcon","DropdownMenuSubContent","SubmenuContext","DropDrawer","isMobile","useIsMobile","DropDrawerTrigger","DropDrawerContent","activeSubmenu","setActiveSubmenu","submenuTitle","setSubmenuTitle","submenuStack","setSubmenuStack","animationDirection","setAnimationDirection","submenuContentRef","Map","navigateToSubmenu","id","title","previousStack","goBack","newStack","previousSubmenu","registerSubmenuContent","content","extractSubmenuContent","elements","targetId","result","findSubmenuContent","node","element","DropDrawerSub","elementId","dataSubmenuId","child","DropDrawerSubContent","subContentElement","contentChild","getSubmenuContent","cachedContent","submenuContent","variants","direction","transition","ChevronLeftIcon","AnimatePresence","motion","DropDrawerItem","closeOnClick","disabled","icon","onClick","onSelect","isInGroup","parent","itemRef","isInsideGroup","setIsInsideGroup","timer","globalThis","handleSelect","event","handleClick","handleKeyDown","parentSubmenuId","handleDesktopClick","DropDrawerSeparator","DropDrawerLabel","DropDrawerFooter","DropDrawerGroup","childrenWithSeparators","childArray","filteredChildren","index","generatedId","submenuId","contentItems","childElement","processedChildren","DropDrawerSubTrigger","navigate","eventTarget","closestElement","closestId","sideOffset"],"mappings":"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"}
|
|
@@ -89,7 +89,7 @@ declare const ItemGroup: React.ForwardRefExoticComponent<Omit<React.DetailedHTML
|
|
|
89
89
|
*
|
|
90
90
|
* @see {@link ItemSeparatorProps} for available props
|
|
91
91
|
*/
|
|
92
|
-
declare const ItemSeparator: React.ForwardRefExoticComponent<Omit<
|
|
92
|
+
declare const ItemSeparator: React.ForwardRefExoticComponent<Omit<Omit<import("./separator").SeparatorProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
93
93
|
/**
|
|
94
94
|
* Creates a flexible data-display row with optional media and actions.
|
|
95
95
|
*
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"item.d.ts","sourceRoot":"","sources":["../../../src/components/ui/item.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,SAAS,EAAC,MAAM,2BAA2B,CAAC;AAIpD,mDAAmD;AACnD,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;AAE1D,gDAAgD;AAChD,MAAM,MAAM,QAAQ,GAAG,SAAS,GAAG,IAAI,CAAC;AAExC,wDAAwD;AACxD,MAAM,MAAM,gBAAgB,GAAG,SAAS,GAAG,MAAM,GAAG,OAAO,CAAC;AAI5D;;GAEG;AACH,MAAM,MAAM,cAAc,GAAG,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,CAAC;AAEnE;;GAEG;AACH,MAAM,MAAM,kBAAkB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,SAAS,CAAC,CAAC;AAElF;;GAEG;AACH,MAAM,WAAW,SAAU,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC;IACtE,iFAAiF;IACjF,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,oEAAoE;IACpE,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,0EAA0E;IAC1E,OAAO,CAAC,EAAE,WAAW,CAAC;CACvB;AAED;;GAEG;AACH,MAAM,WAAW,cAAe,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC;IAC3E,mEAAmE;IACnE,OAAO,CAAC,EAAE,gBAAgB,CAAC;CAC5B;AAED;;GAEG;AACH,MAAM,MAAM,gBAAgB,GAAG,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,CAAC;AAErE;;GAEG;AACH,MAAM,MAAM,cAAc,GAAG,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,CAAC;AAEnE;;GAEG;AACH,MAAM,MAAM,oBAAoB,GAAG,KAAK,CAAC,wBAAwB,CAAC,GAAG,CAAC,CAAC;AAEvE;;GAEG;AACH,MAAM,MAAM,gBAAgB,GAAG,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,CAAC;AAErE;;GAEG;AACH,MAAM,MAAM,eAAe,GAAG,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,CAAC;AAEpE;;GAEG;AACH,MAAM,MAAM,eAAe,GAAG,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,CAAC;AAEpE;;;;;;;;;;;;;;;;GAgBG;AACH,QAAA,MAAM,SAAS,mKAUd,CAAC;AAEF;;;;;;;;;;;;;;GAcG;AACH,QAAA,MAAM,aAAa,
|
|
1
|
+
{"version":3,"file":"item.d.ts","sourceRoot":"","sources":["../../../src/components/ui/item.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,SAAS,EAAC,MAAM,2BAA2B,CAAC;AAIpD,mDAAmD;AACnD,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;AAE1D,gDAAgD;AAChD,MAAM,MAAM,QAAQ,GAAG,SAAS,GAAG,IAAI,CAAC;AAExC,wDAAwD;AACxD,MAAM,MAAM,gBAAgB,GAAG,SAAS,GAAG,MAAM,GAAG,OAAO,CAAC;AAI5D;;GAEG;AACH,MAAM,MAAM,cAAc,GAAG,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,CAAC;AAEnE;;GAEG;AACH,MAAM,MAAM,kBAAkB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,SAAS,CAAC,CAAC;AAElF;;GAEG;AACH,MAAM,WAAW,SAAU,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC;IACtE,iFAAiF;IACjF,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,oEAAoE;IACpE,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,0EAA0E;IAC1E,OAAO,CAAC,EAAE,WAAW,CAAC;CACvB;AAED;;GAEG;AACH,MAAM,WAAW,cAAe,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC;IAC3E,mEAAmE;IACnE,OAAO,CAAC,EAAE,gBAAgB,CAAC;CAC5B;AAED;;GAEG;AACH,MAAM,MAAM,gBAAgB,GAAG,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,CAAC;AAErE;;GAEG;AACH,MAAM,MAAM,cAAc,GAAG,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,CAAC;AAEnE;;GAEG;AACH,MAAM,MAAM,oBAAoB,GAAG,KAAK,CAAC,wBAAwB,CAAC,GAAG,CAAC,CAAC;AAEvE;;GAEG;AACH,MAAM,MAAM,gBAAgB,GAAG,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,CAAC;AAErE;;GAEG;AACH,MAAM,MAAM,eAAe,GAAG,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,CAAC;AAEpE;;GAEG;AACH,MAAM,MAAM,eAAe,GAAG,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,CAAC;AAEpE;;;;;;;;;;;;;;;;GAgBG;AACH,QAAA,MAAM,SAAS,mKAUd,CAAC;AAEF;;;;;;;;;;;;;;GAcG;AACH,QAAA,MAAM,aAAa,2LAUlB,CAAC;AAEF;;;;;;;;;;;;;;GAcG;AACH,QAAA,MAAM,IAAI,kFAyCT,CAAC;AAEF;;;;;;;;;;;;;;GAcG;AACH,QAAA,MAAM,SAAS,uFAUd,CAAC;AAEF;;;;;;;;;;;;;;GAcG;AACH,QAAA,MAAM,WAAW,mKAShB,CAAC;AAEF;;;;;;;;;;;;;;GAcG;AACH,QAAA,MAAM,SAAS,mKASd,CAAC;AAEF;;;;;;;;;;;;;;GAcG;AACH,QAAA,MAAM,eAAe,qLASpB,CAAC;AAEF;;;;;;;;;;;;;;;;GAgBG;AACH,QAAA,MAAM,WAAW,mKAShB,CAAC;AAEF;;;;;;;;;;;;;;;;GAgBG;AACH,QAAA,MAAM,UAAU,mKASf,CAAC;AAEF;;;;;;;;;;;;;;GAcG;AACH,QAAA,MAAM,UAAU,mKASf,CAAC;AAaF,OAAO,EAAC,IAAI,EAAE,WAAW,EAAE,WAAW,EAAE,eAAe,EAAE,UAAU,EAAE,SAAS,EAAE,UAAU,EAAE,SAAS,EAAE,aAAa,EAAE,SAAS,EAAC,CAAC"}
|
|
@@ -2,16 +2,6 @@ import { Menu as BaseMenu } from "@base-ui/react/menu";
|
|
|
2
2
|
import { Menubar as BaseMenubar } from "@base-ui/react/menubar";
|
|
3
3
|
import { useRender } from "@base-ui/react/use-render";
|
|
4
4
|
import * as React from "react";
|
|
5
|
-
type MenubarProps = Omit<React.ComponentPropsWithRef<typeof BaseMenubar>, "className"> & {
|
|
6
|
-
className?: string;
|
|
7
|
-
};
|
|
8
|
-
interface MenubarTriggerProps extends Omit<React.ComponentPropsWithRef<typeof BaseMenu.Trigger>, "className"> {
|
|
9
|
-
/**
|
|
10
|
-
* Applies additional CSS classes to the component root element.
|
|
11
|
-
* @default undefined
|
|
12
|
-
*/
|
|
13
|
-
className?: string;
|
|
14
|
-
}
|
|
15
5
|
interface MenubarSubTriggerProps extends Omit<React.ComponentPropsWithRef<typeof BaseMenu.SubmenuTrigger>, "className"> {
|
|
16
6
|
/**
|
|
17
7
|
* Applies additional CSS classes to the component root element.
|
|
@@ -212,7 +202,7 @@ declare namespace Menubar {
|
|
|
212
202
|
*
|
|
213
203
|
* @see {@link https://base-ui.com/react/components/menubar | Base UI Documentation}
|
|
214
204
|
*/
|
|
215
|
-
declare const MenubarTrigger: React.ForwardRefExoticComponent<Omit<
|
|
205
|
+
declare const MenubarTrigger: React.ForwardRefExoticComponent<Omit<MenubarTrigger.Props, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
216
206
|
/**
|
|
217
207
|
* Renders the menubar sub trigger.
|
|
218
208
|
*
|
|
@@ -382,11 +372,19 @@ declare namespace MenubarShortcut {
|
|
|
382
372
|
var displayName: string;
|
|
383
373
|
}
|
|
384
374
|
declare namespace Menubar {
|
|
385
|
-
type Props =
|
|
375
|
+
type Props = Omit<React.ComponentPropsWithRef<typeof BaseMenubar>, "className"> & {
|
|
376
|
+
className?: string;
|
|
377
|
+
};
|
|
386
378
|
type State = BaseMenubar.State;
|
|
387
379
|
}
|
|
388
380
|
declare namespace MenubarTrigger {
|
|
389
|
-
type Props =
|
|
381
|
+
type Props = Omit<React.ComponentPropsWithRef<typeof BaseMenu.Trigger>, "className"> & {
|
|
382
|
+
/**
|
|
383
|
+
* Applies additional CSS classes to the component root element.
|
|
384
|
+
* @default undefined
|
|
385
|
+
*/
|
|
386
|
+
className?: string;
|
|
387
|
+
};
|
|
390
388
|
type State = BaseMenu.Trigger.State;
|
|
391
389
|
}
|
|
392
390
|
declare namespace MenubarSubTrigger {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"menubar.d.ts","sourceRoot":"","sources":["../../../src/components/ui/menubar.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAC,IAAI,IAAI,QAAQ,EAAC,MAAM,qBAAqB,CAAC;AACrD,OAAO,EAAC,OAAO,IAAI,WAAW,EAAC,MAAM,wBAAwB,CAAC;AAE9D,OAAO,EAAC,SAAS,EAAC,MAAM,2BAA2B,CAAC;AAEpD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,
|
|
1
|
+
{"version":3,"file":"menubar.d.ts","sourceRoot":"","sources":["../../../src/components/ui/menubar.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAC,IAAI,IAAI,QAAQ,EAAC,MAAM,qBAAqB,CAAC;AACrD,OAAO,EAAC,OAAO,IAAI,WAAW,EAAC,MAAM,wBAAwB,CAAC;AAE9D,OAAO,EAAC,SAAS,EAAC,MAAM,2BAA2B,CAAC;AAEpD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,UAAU,sBAAuB,SAAQ,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,OAAO,QAAQ,CAAC,cAAc,CAAC,EAAE,WAAW,CAAC;IACrH;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AACD,UAAU,mBAAoB,SAAQ,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,OAAO,QAAQ,CAAC,UAAU,CAAC,EAAE,WAAW,CAAC;IAC9G;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AACD,UAAU,gBAAiB,SAAQ,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,OAAO,QAAQ,CAAC,IAAI,CAAC,EAAE,WAAW,CAAC;IACrG;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AACD,UAAU,wBAAyB,SAAQ,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,OAAO,QAAQ,CAAC,YAAY,CAAC,EAAE,WAAW,CAAC;IACrH;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AACD,UAAU,qBAAsB,SAAQ,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,OAAO,QAAQ,CAAC,SAAS,CAAC,EAAE,WAAW,CAAC;IAC/G;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AACD,UAAU,iBAAkB,SAAQ,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,OAAO,QAAQ,CAAC,UAAU,CAAC,EAAE,WAAW,CAAC;IAC5G;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AACD,UAAU,qBAAsB,SAAQ,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,OAAO,QAAQ,CAAC,SAAS,CAAC,EAAE,WAAW,CAAC;IAC/G;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AACD,UAAU,oBAAqB,SAAQ,KAAK,CAAC,qBAAqB,CAAC,MAAM,CAAC;IACxE;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC,UAAU,CAAC,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC,CAAC;IACrD;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED;;;;;;;;;;;;;;GAcG;AACH,QAAA,MAAM,WAAW,EAAE,OAAO,QAAQ,CAAC,IAAI,GAAG;IAAC,WAAW,CAAC,EAAE,MAAM,CAAA;CAAiB,CAAC;AACjF;;;;;;;;;;;;;;GAcG;AACH,QAAA,MAAM,YAAY,oIAAiB,CAAC;AACpC;;;;;;;;;;;;;;GAcG;AACH,QAAA,MAAM,aAAa,qIAAkB,CAAC;AACtC;;;;;;;;;;;;;;GAcG;AACH,QAAA,MAAM,iBAAiB,oIAAsB,CAAC;AAC9C;;;;;;;;;;;;;;GAcG;AACH,QAAA,MAAM,UAAU,EAAE,OAAO,QAAQ,CAAC,WAAW,GAAG;IAAC,WAAW,CAAC,EAAE,MAAM,CAAA;CAAwB,CAAC;AAE9F;;;;;;;;;;;;;;GAcG;AACH,iBAAS,OAAO,CAAC,KAAK,EAAE,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC,YAAY,CAcnE;kBAdQ,OAAO;;;AAgBhB;;;;;;;;;;;;;;GAcG;AACH,QAAA,MAAM,cAAc,6GAiBnB,CAAC;AAEF;;;;;;;;;;;;;;GAcG;AACH,iBAAS,iBAAiB,CAAC,KAAK,EAAE,QAAQ,CAAC,iBAAiB,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC,YAAY,CAevF;kBAfQ,iBAAiB;;;AAiB1B;;;;;;;;;;;;;;GAcG;AACH,iBAAS,iBAAiB,CAAC,KAAK,EAAE,QAAQ,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC,YAAY,CAoBpF;kBApBQ,iBAAiB;;;AAsB1B;;;;;;;;;;;;;;GAcG;AACH,QAAA,MAAM,cAAc,yGA2BnB,CAAC;AAEF;;;;;;;;;;;;;;GAcG;AACH,iBAAS,WAAW,CAAC,KAAK,EAAE,QAAQ,CAAC,WAAW,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC,YAAY,CAc3E;kBAdQ,WAAW;;;AAgBpB;;;;;;;;;;;;;;GAcG;AACH,iBAAS,mBAAmB,CAAC,KAAK,EAAE,QAAQ,CAAC,mBAAmB,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC,YAAY,CAmB3F;kBAnBQ,mBAAmB;;;AAqB5B;;;;;;;;;;;;;;GAcG;AACH,iBAAS,gBAAgB,CAAC,KAAK,EAAE,QAAQ,CAAC,gBAAgB,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC,YAAY,CAmBrF;kBAnBQ,gBAAgB;;;AAqBzB;;;;;;;;;;;;;;GAcG;AACH,iBAAS,YAAY,CAAC,KAAK,EAAE,QAAQ,CAAC,YAAY,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC,YAAY,CAc7E;kBAdQ,YAAY;;;AAgBrB;;;;;;;;;;;;;;GAcG;AACH,iBAAS,gBAAgB,CAAC,KAAK,EAAE,QAAQ,CAAC,gBAAgB,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC,YAAY,CAarF;kBAbQ,gBAAgB;;;AAezB;;;;;;;;;;;;;;GAcG;AACH,iBAAS,eAAe,CAAC,KAAK,EAAE,QAAQ,CAAC,eAAe,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC,YAAY,CAYnF;kBAZQ,eAAe;;;AAexB,kBAAU,OAAO,CAAC;IAChB,KAAY,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,OAAO,WAAW,CAAC,EAAE,WAAW,CAAC,GAAG;QAAC,SAAS,CAAC,EAAE,MAAM,CAAA;KAAC,CAAC;IAC9G,KAAY,KAAK,GAAG,WAAW,CAAC,KAAK,CAAC;CACvC;AAGD,kBAAU,cAAc,CAAC;IACvB,KAAY,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,OAAO,QAAQ,CAAC,OAAO,CAAC,EAAE,WAAW,CAAC,GAAG;QAC5F;;;WAGG;QACH,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB,CAAC;IACF,KAAY,KAAK,GAAG,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC;CAC5C;AAED,kBAAU,iBAAiB,CAAC;IAC1B,KAAY,KAAK,GAAG,sBAAsB,CAAC;IAC3C,KAAY,KAAK,GAAG,QAAQ,CAAC,cAAc,CAAC,KAAK,CAAC;CACnD;AAED,kBAAU,cAAc,CAAC;IACvB,KAAY,KAAK,GAAG,mBAAmB,CAAC;IACxC,KAAY,KAAK,GAAG,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC;CAC1C;AAED,kBAAU,iBAAiB,CAAC;IAC1B,KAAY,KAAK,GAAG,mBAAmB,CAAC;IACxC,KAAY,KAAK,GAAG,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC;CAC1C;AAED,kBAAU,WAAW,CAAC;IACpB,KAAY,KAAK,GAAG,gBAAgB,CAAC;IACrC,KAAY,KAAK,GAAG,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC;CACzC;AAED,kBAAU,mBAAmB,CAAC;IAC5B,KAAY,KAAK,GAAG,wBAAwB,CAAC;IAC7C,KAAY,KAAK,GAAG,QAAQ,CAAC,YAAY,CAAC,KAAK,CAAC;CACjD;AAED,kBAAU,gBAAgB,CAAC;IACzB,KAAY,KAAK,GAAG,qBAAqB,CAAC;IAC1C,KAAY,KAAK,GAAG,QAAQ,CAAC,SAAS,CAAC,KAAK,CAAC;CAC9C;AAED,kBAAU,YAAY,CAAC;IACrB,KAAY,KAAK,GAAG,iBAAiB,CAAC;IACtC,KAAY,KAAK,GAAG,QAAQ,CAAC,UAAU,CAAC,KAAK,CAAC;CAC/C;AAED,kBAAU,gBAAgB,CAAC;IACzB,KAAY,KAAK,GAAG,qBAAqB,CAAC;IAC1C,KAAY,KAAK,GAAG,QAAQ,CAAC,SAAS,CAAC,KAAK,CAAC;CAC9C;AAED,kBAAU,eAAe,CAAC;IACxB,KAAY,KAAK,GAAG,oBAAoB,CAAC;IACzC,KAAY,KAAK,GAAG,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;CAC3C;AAmBD,OAAO,EACL,OAAO,EACP,mBAAmB,EACnB,cAAc,EACd,YAAY,EACZ,WAAW,EACX,YAAY,EACZ,WAAW,EACX,aAAa,EACb,iBAAiB,EACjB,gBAAgB,EAChB,gBAAgB,EAChB,eAAe,EACf,UAAU,EACV,iBAAiB,EACjB,iBAAiB,EACjB,cAAc,GACf,CAAC"}
|