@g4rcez/components 3.0.2 → 4.0.1

package/dist/components/floating/menu.js

@@ -1,18 +1,18 @@
 import { jsxs as x, jsx as t } from "react/jsx-runtime";
-import { p as Y, q, r as te, t as $, u as se, o as ne, f as oe, s as ae, b as ie, d as re, i as le, v as de, w as ce, n as ue, j as fe, x as me, c as ge, y as ve, z as pe, F as Ie, l as xe, A as he } from "../../floating-ui.react-DycKASR0.js";
-import { S as Fe } from "../../slot-CQW8ZzBb.js";
-import M, { createContext as be, useState as R, useRef as _, useContext as G, useEffect as j, Fragment as ye } from "react";
-import { F as Ne, T as Ce } from "../../constants-r-AHn273.js";
-import { c as w, m as k } from "../../dom-Dl8XH0CK.js";
-import { C as Pe } from "../../chevron-right-DvXGOiS_.js";
-const U = (o = "") => w(
+import { p as Y, q, r as te, t as $, u as se, o as ne, f as oe, s as ae, b as ie, d as re, i as le, v as de, w as ce, n as ue, j as fe, x as me, c as ge, y as ve, z as pe, F as Ie, l as xe, A as Fe } from "../../floating-ui.react-QNHG9W4N.js";
+import { S as be } from "../../slot-CRyweuj0.js";
+import { e as he } from "../../CaretRight.es-0-M8D9y8.js";
+import M, { createContext as ye, useState as C, useRef as _, useContext as G, useEffect as j, Fragment as Ne } from "react";
+import { F as Pe, T as we } from "../../constants-r-AHn273.js";
+import { c as R, m as k } from "../../dom-Dl8XH0CK.js";
+const U = (o = "") => R(
   "w-full min-w-36 outline-none p-2.5 items-center flex justify-between text-left",
   "hover:bg-primary focus:bg-primary aria-expanded:opacity-80",
   "focus:text-primary-foreground hover:text-primary-foreground",
   "first-of-type:rounded-t-lg last-of-type:rounded-b-lg",
   "disabled:opacity-40 disabled:cursor-not-allowed",
   o
-), A = be({
+), A = ye({
   isOpen: !1,
   activeIndex: null,
   getItemProps: () => ({}),
@@ -21,20 +21,20 @@ const U = (o = "") => w(
   setHasFocusInside: () => {
   }
 }), D = M.forwardRef(
-  ({ children: o, FloatingComponent: i = "div", hover: g = !0, open: h, isParent: r = !1, restoreFocus: F = !1, floatingClassName: d = "", label: v, ...n }, c) => {
-    const [s, b] = R(h ?? !1), [E, y] = R(!1), [N, C] = R(null), H = _([]), T = _([]), u = G(A), p = Y(), a = q(), f = te(), I = $(), e = p !== null, { floatingStyles: B, refs: P, context: l } = se({
+  ({ children: o, FloatingComponent: i = "div", hover: g = !0, open: F, isParent: r = !1, restoreFocus: b = !1, floatingClassName: d = "", label: v, ...n }, c) => {
+    const [s, h] = C(F ?? !1), [E, y] = C(!1), [N, P] = C(null), H = _([]), T = _([]), u = G(A), p = Y(), a = q(), f = te(), I = $(), e = p !== null, { floatingStyles: B, refs: w, context: l } = se({
       nodeId: f,
       open: s,
       transform: !0,
       strategy: "absolute",
-      onOpenChange: b,
+      onOpenChange: h,
       whileElementsMounted: ie,
       placement: e ? "right" : "bottom-start",
       middleware: [ne({ mainAxis: e ? 0 : 4, alignmentAxis: e ? -4 : 0 }), oe(), ae()]
     }), J = re(l, { role: "menu" }), K = le(l, { bubbles: !0 }), Q = de(l, {
       move: !1,
       enabled: g,
-      delay: { open: Ne },
+      delay: { open: Pe },
       handleClose: ce({ blockPointerEvents: !0, requireIntent: !1 })
     }), V = ue(l, {
       toggle: !e,
@@ -46,17 +46,17 @@ const U = (o = "") => w(
       activeIndex: N,
       nested: e,
       listRef: H,
-      onNavigate: C
+      onNavigate: P
     }), X = me(l, {
       activeIndex: N,
       listRef: T,
-      resetMs: Ce,
-      onMatch: s ? C : void 0
+      resetMs: we,
+      onMatch: s ? P : void 0
     }), { getReferenceProps: L, getFloatingProps: Z, getItemProps: ee } = ge([Q, V, J, K, W, X]);
     j(() => {
       if (!a) return;
-      const m = () => b(!1), S = (z) => {
-        z.nodeId !== f && z.parentId === p && b(!1);
+      const m = () => h(!1), S = (z) => {
+        z.nodeId !== f && z.parentId === p && h(!1);
       };
       return a.events.on("click", m), a.events.on("menuopen", S), () => {
         a.events.off("click", m), a.events.off("menuopen", S);
@@ -64,10 +64,10 @@ const U = (o = "") => w(
     }, [a, f, p]), j(() => {
       s && a && a.events.emit("menuopen", { parentId: p, nodeId: f });
     }, [a, s, f, p]);
-    const O = r ? n.className : w(U(n.className));
+    const O = r ? n.className : R(U(n.className));
     return /* @__PURE__ */ x(ve, { id: f, children: [
-      /* @__PURE__ */ t(ye, { children: n.asChild ? /* @__PURE__ */ t(
-        Fe,
+      /* @__PURE__ */ t(Ne, { children: n.asChild ? /* @__PURE__ */ t(
+        be,
         {
           ...L(
             u.getItemProps({
@@ -83,7 +83,7 @@ const U = (o = "") => w(
           "data-nested": e ? "" : void 0,
           role: e ? "menuitem" : void 0,
           "data-focus-inside": E ? "" : void 0,
-          ref: k(P.setReference, I.ref, c),
+          ref: k(w.setReference, I.ref, c),
           tabIndex: e ? u.activeIndex === I.index ? 0 : -1 : void 0
         }
       ) : /* @__PURE__ */ x(
@@ -95,7 +95,7 @@ const U = (o = "") => w(
           "data-nested": e ? "" : void 0,
           role: e ? "menuitem" : void 0,
           "data-focus-inside": E ? "" : void 0,
-          ref: k(P.setReference, I.ref, c),
+          ref: k(w.setReference, I.ref, c),
           tabIndex: e ? u.activeIndex === I.index ? 0 : -1 : void 0,
           ...L(
             u.getItemProps({
@@ -109,25 +109,25 @@ const U = (o = "") => w(
             v,
             e && /* @__PURE__ */ x("span", { style: { marginLeft: 10, fontSize: 10 }, children: [
               /* @__PURE__ */ t("span", { className: "sr-only", children: "Next menu" }),
-              /* @__PURE__ */ t(Pe, { size: 14 })
+              /* @__PURE__ */ t(he, { size: 14 })
             ] })
           ]
         }
       ) }),
-      /* @__PURE__ */ t(A.Provider, { value: { activeIndex: N, setActiveIndex: C, getItemProps: ee, setHasFocusInside: y, isOpen: s }, children: /* @__PURE__ */ t(pe, { elementsRef: H, labelsRef: T, children: s && /* @__PURE__ */ t(Ie, { children: /* @__PURE__ */ t(
+      /* @__PURE__ */ t(A.Provider, { value: { activeIndex: N, setActiveIndex: P, getItemProps: ee, setHasFocusInside: y, isOpen: s }, children: /* @__PURE__ */ t(pe, { elementsRef: H, labelsRef: T, children: s && /* @__PURE__ */ t(Ie, { children: /* @__PURE__ */ t(
         xe,
         {
           context: l,
           modal: !1,
           initialFocus: e ? -1 : 0,
-          returnFocus: r ? F : !e,
+          returnFocus: r ? b : !e,
           children: /* @__PURE__ */ t(
             i,
             {
               ...Z(),
-              ref: P.setFloating,
+              ref: w.setFloating,
               style: { ...n.style, ...B },
-              className: w(
+              className: R(
                 "isolate z-tooltip flex max-h-80 flex-col items-start overflow-y-auto rounded-lg border border-floating-border bg-floating-background text-left shadow-shadow-floating outline-none",
                 d
               ),
@@ -139,7 +139,7 @@ const U = (o = "") => w(
     ] });
   }
 ), Te = M.forwardRef(
-  ({ title: o, Right: i, disabled: g, children: h, ...r }, F) => {
+  ({ title: o, Right: i, disabled: g, children: F, ...r }, b) => {
     const d = G(A), v = $({ label: g ? null : o }), n = q(), c = v.index === d.activeIndex;
     return /* @__PURE__ */ x(
       "button",
@@ -152,7 +152,7 @@ const U = (o = "") => w(
         "data-active": c,
         "data-open": d.isOpen,
         tabIndex: c ? 0 : -1,
-        ref: k(v.ref, F),
+        ref: k(v.ref, b),
         className: U(`${r.className ?? ""} ${c ? "bg-primary text-primary-foreground" : ""}`),
         ...d.getItemProps({
           onClick(s) {
@@ -163,13 +163,13 @@ const U = (o = "") => w(
           }
         }),
         children: [
-          h,
+          F,
           i ? /* @__PURE__ */ t(i, { size: 16 }) : null
         ]
       }
     );
   }
-), Le = M.forwardRef((o, i) => Y() === null ? /* @__PURE__ */ t(he, { children: /* @__PURE__ */ t(D, { ...o, isParent: !0, ref: i }) }) : /* @__PURE__ */ t(D, { ...o, isParent: !1, ref: i }));
+), Le = M.forwardRef((o, i) => Y() === null ? /* @__PURE__ */ t(Fe, { children: /* @__PURE__ */ t(D, { ...o, isParent: !0, ref: i }) }) : /* @__PURE__ */ t(D, { ...o, isParent: !1, ref: i }));
 export {
   Le as Menu,
   Te as MenuItem

package/dist/components/floating/menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"menu.js","sources":["../../../src/components/floating/menu.tsx"],"sourcesContent":["\"use client\";\nimport {\n    autoUpdate,\n    flip,\n    FloatingFocusManager,\n    FloatingList,\n    FloatingNode,\n    FloatingPortal,\n    FloatingTree,\n    offset,\n    safePolygon,\n    shift,\n    useClick,\n    useDismiss,\n    useFloating,\n    useFloatingNodeId,\n    useFloatingParentNodeId,\n    useFloatingTree,\n    useHover,\n    useInteractions,\n    useListItem,\n    useListNavigation,\n    useRole,\n    useTypeahead,\n} from \"@floating-ui/react\";\nimport { Slot } from \"../core/slot\";\nimport { ChevronRightIcon, LucideProps } from \"lucide-react\";\nimport React, { createContext, Fragment, useContext, useEffect, useRef, useState } from \"react\";\nimport { FLOATING_DELAY, TYPEAHEAD_RESET_DELAY } from \"../../constants\";\nimport { css, mergeRefs } from \"../../lib/dom\";\nimport { Override } from \"../../types\";\n\nconst menuItemClassName = (highlight: string = \"\") =>\n    css(\n        \"w-full min-w-36 outline-none p-2.5 items-center flex justify-between text-left\",\n        \"hover:bg-primary focus:bg-primary aria-expanded:opacity-80\",\n        \"focus:text-primary-foreground hover:text-primary-foreground\",\n        \"first-of-type:rounded-t-lg last-of-type:rounded-b-lg\",\n        \"disabled:opacity-40 disabled:cursor-not-allowed\",\n        highlight\n    );\n\nconst MenuContext = createContext<{\n    activeIndex: number | null;\n    getItemProps: (props?: React.HTMLProps<HTMLElement>) => Record<string, unknown>;\n    isOpen: boolean;\n    setActiveIndex: React.Dispatch<React.SetStateAction<number | null>>;\n    setHasFocusInside: React.Dispatch<React.SetStateAction<boolean>>;\n}>({\n    isOpen: false,\n    activeIndex: null,\n    getItemProps: () => ({}),\n    setActiveIndex: () => {},\n    setHasFocusInside: () => {},\n});\n\nexport type MenuProps = Partial<\n    {\n        hover: boolean;\n        open?: boolean;\n        nested: boolean;\n        asChild: boolean;\n        isParent: boolean;\n        restoreFocus: boolean;\n        children: React.ReactNode;\n        floatingClassName: string;\n        FloatingComponent: React.ElementType;\n    } & ({ label: string } | { label: React.ReactElement; title: string })\n>;\n\nconst MenuComponent = React.forwardRef<HTMLButtonElement, Override<React.HTMLProps<HTMLButtonElement>, MenuProps>>(\n    (\n        { children, FloatingComponent = \"div\", hover = true, open, isParent = false, restoreFocus = false, floatingClassName = \"\", label, ...props },\n        forwardedRef\n    ) => {\n        const [isOpen, setIsOpen] = useState<boolean>(open ?? false);\n        const [hasFocusInside, setHasFocusInside] = useState(false);\n        const [activeIndex, setActiveIndex] = useState<number | null>(null);\n        const elementsRef = useRef<Array<HTMLButtonElement | null>>([]);\n        const labelsRef = useRef<Array<string | null>>([]);\n        const parent = useContext(MenuContext);\n\n        const parentId = useFloatingParentNodeId();\n        const tree = useFloatingTree();\n        const nodeId = useFloatingNodeId();\n        const item = useListItem();\n\n        const isNested = parentId !== null;\n\n        const { floatingStyles, refs, context } = useFloating<HTMLButtonElement>({\n            nodeId,\n            open: isOpen,\n            transform: true,\n            strategy: \"absolute\",\n            onOpenChange: setIsOpen,\n            whileElementsMounted: autoUpdate,\n            placement: isNested ? \"right\" : \"bottom-start\",\n            middleware: [offset({ mainAxis: isNested ? 0 : 4, alignmentAxis: isNested ? -4 : 0 }), flip(), shift()],\n        });\n        const role = useRole(context, { role: \"menu\" });\n        const dismiss = useDismiss(context, { bubbles: true });\n        const hoverModule = useHover(context, {\n            move: false,\n            enabled: hover,\n            delay: { open: FLOATING_DELAY },\n            handleClose: safePolygon({ blockPointerEvents: true, requireIntent: false }),\n        });\n\n        const click = useClick(context, {\n            toggle: !isNested,\n            event: \"mousedown\",\n            ignoreMouse: isNested,\n            keyboardHandlers: true,\n        });\n\n        const listNavigation = useListNavigation(context, {\n            loop: true,\n            activeIndex,\n            nested: isNested,\n            listRef: elementsRef,\n            onNavigate: setActiveIndex,\n        });\n\n        const typeahead = useTypeahead(context, {\n            activeIndex,\n            listRef: labelsRef,\n            resetMs: TYPEAHEAD_RESET_DELAY,\n            onMatch: isOpen ? setActiveIndex : undefined,\n        });\n\n        const { getReferenceProps, getFloatingProps, getItemProps } = useInteractions([hoverModule, click, role, dismiss, listNavigation, typeahead]);\n\n        useEffect(() => {\n            if (!tree) return;\n            const handleTreeClick = () => setIsOpen(false);\n            const onSubMenuOpen = (event: { nodeId: string; parentId: string }) => {\n                if (event.nodeId !== nodeId && event.parentId === parentId) setIsOpen(false);\n            };\n            tree.events.on(\"click\", handleTreeClick);\n            tree.events.on(\"menuopen\", onSubMenuOpen);\n            return () => {\n                tree.events.off(\"click\", handleTreeClick);\n                tree.events.off(\"menuopen\", onSubMenuOpen);\n            };\n        }, [tree, nodeId, parentId]);\n\n        useEffect(() => {\n            if (isOpen && tree) tree.events.emit(\"menuopen\", { parentId, nodeId });\n        }, [tree, isOpen, nodeId, parentId]);\n\n        const className = isParent ? props.className : css(menuItemClassName(props.className));\n\n        return (\n            <FloatingNode id={nodeId}>\n                <Fragment>\n                    {props.asChild ? (\n                        <Slot\n                            {...getReferenceProps(\n                                parent.getItemProps({\n                                    ...props,\n                                    onFocus(event: React.FocusEvent<HTMLButtonElement>) {\n                                        props.onFocus?.(event);\n                                        setHasFocusInside(false);\n                                        parent.setHasFocusInside(true);\n                                    },\n                                })\n                            )}\n                            children={label}\n                            className={className}\n                            data-open={isOpen ? \"\" : undefined}\n                            data-nested={isNested ? \"\" : undefined}\n                            role={isNested ? \"menuitem\" : undefined}\n                            data-focus-inside={hasFocusInside ? \"\" : undefined}\n                            ref={mergeRefs(refs.setReference, item.ref, forwardedRef) as any}\n                            tabIndex={!isNested ? undefined : parent.activeIndex === item.index ? 0 : -1}\n                        />\n                    ) : (\n                        <button\n                            type=\"button\"\n                            className={className}\n                            data-open={isOpen ? \"\" : undefined}\n                            data-nested={isNested ? \"\" : undefined}\n                            role={isNested ? \"menuitem\" : undefined}\n                            data-focus-inside={hasFocusInside ? \"\" : undefined}\n                            ref={mergeRefs(refs.setReference, item.ref, forwardedRef)}\n                            tabIndex={!isNested ? undefined : parent.activeIndex === item.index ? 0 : -1}\n                            {...getReferenceProps(\n                                parent.getItemProps({\n                                    ...props,\n                                    onFocus(event: React.FocusEvent<HTMLButtonElement>) {\n                                        props.onFocus?.(event);\n                                        setHasFocusInside(false);\n                                        parent.setHasFocusInside(true);\n                                    },\n                                })\n                            )}\n                        >\n                            {label}\n                            {isNested && (\n                                <span style={{ marginLeft: 10, fontSize: 10 }}>\n                                    <span className=\"sr-only\">Next menu</span>\n                                    <ChevronRightIcon size={14} />\n                                </span>\n                            )}\n                        </button>\n                    )}\n                </Fragment>\n                <MenuContext.Provider value={{ activeIndex, setActiveIndex, getItemProps, setHasFocusInside, isOpen } as any}>\n                    <FloatingList elementsRef={elementsRef} labelsRef={labelsRef}>\n                        {isOpen && (\n                            <FloatingPortal>\n                                <FloatingFocusManager\n                                    context={context}\n                                    modal={false}\n                                    initialFocus={isNested ? -1 : 0}\n                                    returnFocus={isParent ? restoreFocus : !isNested}\n                                >\n                                    <FloatingComponent\n                                        {...getFloatingProps()}\n                                        ref={refs.setFloating}\n                                        style={{ ...props.style, ...floatingStyles }}\n                                        className={css(\n                                            \"isolate z-tooltip flex max-h-80 flex-col items-start overflow-y-auto rounded-lg border border-floating-border bg-floating-background text-left shadow-shadow-floating outline-none\",\n                                            floatingClassName\n                                        )}\n                                    >\n                                        {children}\n                                    </FloatingComponent>\n                                </FloatingFocusManager>\n                            </FloatingPortal>\n                        )}\n                    </FloatingList>\n                </MenuContext.Provider>\n            </FloatingNode>\n        );\n    }\n);\n\ntype MenuItemProps = { title: string; disabled?: boolean; Right?: React.FC<LucideProps> };\n\nexport const MenuItem = React.forwardRef<HTMLButtonElement, Override<React.ButtonHTMLAttributes<HTMLButtonElement>, MenuItemProps>>(\n    ({ title, Right, disabled, children, ...props }, forwardedRef) => {\n        const menu = useContext(MenuContext);\n        const item = useListItem({ label: disabled ? null : title });\n        const tree = useFloatingTree();\n        const isActive = item.index === menu.activeIndex;\n        return (\n            <button\n                {...props}\n                title={title}\n                type=\"button\"\n                role=\"menuitem\"\n                disabled={disabled}\n                data-active={isActive}\n                data-open={menu.isOpen}\n                tabIndex={isActive ? 0 : -1}\n                ref={mergeRefs(item.ref, forwardedRef)}\n                className={menuItemClassName(`${props.className ?? \"\"} ${isActive ? \"bg-primary text-primary-foreground\" : \"\"}`)}\n                {...menu.getItemProps({\n                    onClick(event: React.MouseEvent<HTMLButtonElement>) {\n                        props.onClick?.(event);\n                        tree?.events.emit(\"click\");\n                    },\n                    onFocus(event: React.FocusEvent<HTMLButtonElement>) {\n                        props.onFocus?.(event);\n                        menu.setHasFocusInside(true);\n                    },\n                })}\n            >\n                {children}\n                {Right ? <Right size={16} /> : null}\n            </button>\n        );\n    }\n);\n\nexport const Menu = React.forwardRef<HTMLButtonElement, Override<React.ComponentProps<\"button\">, MenuProps>>((props, ref) => {\n    const parentId = useFloatingParentNodeId();\n    return parentId === null ? (\n        <FloatingTree>\n            <MenuComponent {...props} isParent ref={ref} />\n        </FloatingTree>\n    ) : (\n        <MenuComponent {...props} isParent={false} ref={ref} />\n    );\n});\n"],"names":["menuItemClassName","highlight","css","MenuContext","createContext","MenuComponent","React","children","FloatingComponent","hover","open","isParent","restoreFocus","floatingClassName","label","props","forwardedRef","isOpen","setIsOpen","useState","hasFocusInside","setHasFocusInside","activeIndex","setActiveIndex","elementsRef","useRef","labelsRef","parent","useContext","parentId","useFloatingParentNodeId","tree","useFloatingTree","nodeId","useFloatingNodeId","item","useListItem","isNested","floatingStyles","refs","context","useFloating","autoUpdate","offset","flip","shift","role","useRole","dismiss","useDismiss","hoverModule","useHover","FLOATING_DELAY","safePolygon","click","useClick","listNavigation","useListNavigation","typeahead","useTypeahead","TYPEAHEAD_RESET_DELAY","getReferenceProps","getFloatingProps","getItemProps","useInteractions","useEffect","handleTreeClick","onSubMenuOpen","event","className","jsxs","FloatingNode","jsx","Fragment","Slot","mergeRefs","ChevronRightIcon","FloatingList","FloatingPortal","FloatingFocusManager","MenuItem","title","Right","disabled","menu","isActive","Menu","ref","FloatingTree"],"mappings":"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"}
+{"version":3,"file":"menu.js","sources":["../../../src/components/floating/menu.tsx"],"sourcesContent":["\"use client\";\nimport {\n    autoUpdate,\n    flip,\n    FloatingFocusManager,\n    FloatingList,\n    FloatingNode,\n    FloatingPortal,\n    FloatingTree,\n    offset,\n    safePolygon,\n    shift,\n    useClick,\n    useDismiss,\n    useFloating,\n    useFloatingNodeId,\n    useFloatingParentNodeId,\n    useFloatingTree,\n    useHover,\n    useInteractions,\n    useListItem,\n    useListNavigation,\n    useRole,\n    useTypeahead,\n} from \"@floating-ui/react\";\nimport { Slot } from \"../core/slot\";\nimport { CaretRightIcon, type Icon } from \"@phosphor-icons/react\";\nimport React, { createContext, Fragment, useContext, useEffect, useRef, useState } from \"react\";\nimport { FLOATING_DELAY, TYPEAHEAD_RESET_DELAY } from \"../../constants\";\nimport { css, mergeRefs } from \"../../lib/dom\";\nimport { Override } from \"../../types\";\n\nconst menuItemClassName = (highlight: string = \"\") =>\n    css(\n        \"w-full min-w-36 outline-none p-2.5 items-center flex justify-between text-left\",\n        \"hover:bg-primary focus:bg-primary aria-expanded:opacity-80\",\n        \"focus:text-primary-foreground hover:text-primary-foreground\",\n        \"first-of-type:rounded-t-lg last-of-type:rounded-b-lg\",\n        \"disabled:opacity-40 disabled:cursor-not-allowed\",\n        highlight\n    );\n\nconst MenuContext = createContext<{\n    activeIndex: number | null;\n    getItemProps: (props?: React.HTMLProps<HTMLElement>) => Record<string, unknown>;\n    isOpen: boolean;\n    setActiveIndex: React.Dispatch<React.SetStateAction<number | null>>;\n    setHasFocusInside: React.Dispatch<React.SetStateAction<boolean>>;\n}>({\n    isOpen: false,\n    activeIndex: null,\n    getItemProps: () => ({}),\n    setActiveIndex: () => {},\n    setHasFocusInside: () => {},\n});\n\nexport type MenuProps = Partial<\n    {\n        hover: boolean;\n        open?: boolean;\n        nested: boolean;\n        asChild: boolean;\n        isParent: boolean;\n        restoreFocus: boolean;\n        children: React.ReactNode;\n        floatingClassName: string;\n        FloatingComponent: React.ElementType;\n    } & ({ label: string } | { label: React.ReactElement; title: string })\n>;\n\nconst MenuComponent = React.forwardRef<HTMLButtonElement, Override<React.HTMLProps<HTMLButtonElement>, MenuProps>>(\n    (\n        { children, FloatingComponent = \"div\", hover = true, open, isParent = false, restoreFocus = false, floatingClassName = \"\", label, ...props },\n        forwardedRef\n    ) => {\n        const [isOpen, setIsOpen] = useState<boolean>(open ?? false);\n        const [hasFocusInside, setHasFocusInside] = useState(false);\n        const [activeIndex, setActiveIndex] = useState<number | null>(null);\n        const elementsRef = useRef<Array<HTMLButtonElement | null>>([]);\n        const labelsRef = useRef<Array<string | null>>([]);\n        const parent = useContext(MenuContext);\n\n        const parentId = useFloatingParentNodeId();\n        const tree = useFloatingTree();\n        const nodeId = useFloatingNodeId();\n        const item = useListItem();\n\n        const isNested = parentId !== null;\n\n        const { floatingStyles, refs, context } = useFloating<HTMLButtonElement>({\n            nodeId,\n            open: isOpen,\n            transform: true,\n            strategy: \"absolute\",\n            onOpenChange: setIsOpen,\n            whileElementsMounted: autoUpdate,\n            placement: isNested ? \"right\" : \"bottom-start\",\n            middleware: [offset({ mainAxis: isNested ? 0 : 4, alignmentAxis: isNested ? -4 : 0 }), flip(), shift()],\n        });\n        const role = useRole(context, { role: \"menu\" });\n        const dismiss = useDismiss(context, { bubbles: true });\n        const hoverModule = useHover(context, {\n            move: false,\n            enabled: hover,\n            delay: { open: FLOATING_DELAY },\n            handleClose: safePolygon({ blockPointerEvents: true, requireIntent: false }),\n        });\n\n        const click = useClick(context, {\n            toggle: !isNested,\n            event: \"mousedown\",\n            ignoreMouse: isNested,\n            keyboardHandlers: true,\n        });\n\n        const listNavigation = useListNavigation(context, {\n            loop: true,\n            activeIndex,\n            nested: isNested,\n            listRef: elementsRef,\n            onNavigate: setActiveIndex,\n        });\n\n        const typeahead = useTypeahead(context, {\n            activeIndex,\n            listRef: labelsRef,\n            resetMs: TYPEAHEAD_RESET_DELAY,\n            onMatch: isOpen ? setActiveIndex : undefined,\n        });\n\n        const { getReferenceProps, getFloatingProps, getItemProps } = useInteractions([hoverModule, click, role, dismiss, listNavigation, typeahead]);\n\n        useEffect(() => {\n            if (!tree) return;\n            const handleTreeClick = () => setIsOpen(false);\n            const onSubMenuOpen = (event: { nodeId: string; parentId: string }) => {\n                if (event.nodeId !== nodeId && event.parentId === parentId) setIsOpen(false);\n            };\n            tree.events.on(\"click\", handleTreeClick);\n            tree.events.on(\"menuopen\", onSubMenuOpen);\n            return () => {\n                tree.events.off(\"click\", handleTreeClick);\n                tree.events.off(\"menuopen\", onSubMenuOpen);\n            };\n        }, [tree, nodeId, parentId]);\n\n        useEffect(() => {\n            if (isOpen && tree) tree.events.emit(\"menuopen\", { parentId, nodeId });\n        }, [tree, isOpen, nodeId, parentId]);\n\n        const className = isParent ? props.className : css(menuItemClassName(props.className));\n\n        return (\n            <FloatingNode id={nodeId}>\n                <Fragment>\n                    {props.asChild ? (\n                        <Slot\n                            {...getReferenceProps(\n                                parent.getItemProps({\n                                    ...props,\n                                    onFocus(event: React.FocusEvent<HTMLButtonElement>) {\n                                        props.onFocus?.(event);\n                                        setHasFocusInside(false);\n                                        parent.setHasFocusInside(true);\n                                    },\n                                })\n                            )}\n                            children={label}\n                            className={className}\n                            data-open={isOpen ? \"\" : undefined}\n                            data-nested={isNested ? \"\" : undefined}\n                            role={isNested ? \"menuitem\" : undefined}\n                            data-focus-inside={hasFocusInside ? \"\" : undefined}\n                            ref={mergeRefs(refs.setReference, item.ref, forwardedRef) as any}\n                            tabIndex={!isNested ? undefined : parent.activeIndex === item.index ? 0 : -1}\n                        />\n                    ) : (\n                        <button\n                            type=\"button\"\n                            className={className}\n                            data-open={isOpen ? \"\" : undefined}\n                            data-nested={isNested ? \"\" : undefined}\n                            role={isNested ? \"menuitem\" : undefined}\n                            data-focus-inside={hasFocusInside ? \"\" : undefined}\n                            ref={mergeRefs(refs.setReference, item.ref, forwardedRef)}\n                            tabIndex={!isNested ? undefined : parent.activeIndex === item.index ? 0 : -1}\n                            {...getReferenceProps(\n                                parent.getItemProps({\n                                    ...props,\n                                    onFocus(event: React.FocusEvent<HTMLButtonElement>) {\n                                        props.onFocus?.(event);\n                                        setHasFocusInside(false);\n                                        parent.setHasFocusInside(true);\n                                    },\n                                })\n                            )}\n                        >\n                            {label}\n                            {isNested && (\n                                <span style={{ marginLeft: 10, fontSize: 10 }}>\n                                    <span className=\"sr-only\">Next menu</span>\n                                    <CaretRightIcon size={14} />\n                                </span>\n                            )}\n                        </button>\n                    )}\n                </Fragment>\n                <MenuContext.Provider value={{ activeIndex, setActiveIndex, getItemProps, setHasFocusInside, isOpen } as any}>\n                    <FloatingList elementsRef={elementsRef} labelsRef={labelsRef}>\n                        {isOpen && (\n                            <FloatingPortal>\n                                <FloatingFocusManager\n                                    context={context}\n                                    modal={false}\n                                    initialFocus={isNested ? -1 : 0}\n                                    returnFocus={isParent ? restoreFocus : !isNested}\n                                >\n                                    <FloatingComponent\n                                        {...getFloatingProps()}\n                                        ref={refs.setFloating}\n                                        style={{ ...props.style, ...floatingStyles }}\n                                        className={css(\n                                            \"isolate z-tooltip flex max-h-80 flex-col items-start overflow-y-auto rounded-lg border border-floating-border bg-floating-background text-left shadow-shadow-floating outline-none\",\n                                            floatingClassName\n                                        )}\n                                    >\n                                        {children}\n                                    </FloatingComponent>\n                                </FloatingFocusManager>\n                            </FloatingPortal>\n                        )}\n                    </FloatingList>\n                </MenuContext.Provider>\n            </FloatingNode>\n        );\n    }\n);\n\ntype MenuItemProps = { title: string; disabled?: boolean; Right?: Icon };\n\nexport const MenuItem = React.forwardRef<HTMLButtonElement, Override<React.ButtonHTMLAttributes<HTMLButtonElement>, MenuItemProps>>(\n    ({ title, Right, disabled, children, ...props }, forwardedRef) => {\n        const menu = useContext(MenuContext);\n        const item = useListItem({ label: disabled ? null : title });\n        const tree = useFloatingTree();\n        const isActive = item.index === menu.activeIndex;\n        return (\n            <button\n                {...props}\n                title={title}\n                type=\"button\"\n                role=\"menuitem\"\n                disabled={disabled}\n                data-active={isActive}\n                data-open={menu.isOpen}\n                tabIndex={isActive ? 0 : -1}\n                ref={mergeRefs(item.ref, forwardedRef)}\n                className={menuItemClassName(`${props.className ?? \"\"} ${isActive ? \"bg-primary text-primary-foreground\" : \"\"}`)}\n                {...menu.getItemProps({\n                    onClick(event: React.MouseEvent<HTMLButtonElement>) {\n                        props.onClick?.(event);\n                        tree?.events.emit(\"click\");\n                    },\n                    onFocus(event: React.FocusEvent<HTMLButtonElement>) {\n                        props.onFocus?.(event);\n                        menu.setHasFocusInside(true);\n                    },\n                })}\n            >\n                {children}\n                {Right ? <Right size={16} /> : null}\n            </button>\n        );\n    }\n);\n\nexport const Menu = React.forwardRef<HTMLButtonElement, Override<React.ComponentProps<\"button\">, MenuProps>>((props, ref) => {\n    const parentId = useFloatingParentNodeId();\n    return parentId === null ? (\n        <FloatingTree>\n            <MenuComponent {...props} isParent ref={ref} />\n        </FloatingTree>\n    ) : (\n        <MenuComponent {...props} isParent={false} ref={ref} />\n    );\n});\n"],"names":["menuItemClassName","highlight","css","MenuContext","createContext","MenuComponent","React","children","FloatingComponent","hover","open","isParent","restoreFocus","floatingClassName","label","props","forwardedRef","isOpen","setIsOpen","useState","hasFocusInside","setHasFocusInside","activeIndex","setActiveIndex","elementsRef","useRef","labelsRef","parent","useContext","parentId","useFloatingParentNodeId","tree","useFloatingTree","nodeId","useFloatingNodeId","item","useListItem","isNested","floatingStyles","refs","context","useFloating","autoUpdate","offset","flip","shift","role","useRole","dismiss","useDismiss","hoverModule","useHover","FLOATING_DELAY","safePolygon","click","useClick","listNavigation","useListNavigation","typeahead","useTypeahead","TYPEAHEAD_RESET_DELAY","getReferenceProps","getFloatingProps","getItemProps","useInteractions","useEffect","handleTreeClick","onSubMenuOpen","event","className","jsxs","FloatingNode","jsx","Fragment","Slot","mergeRefs","CaretRightIcon","FloatingList","FloatingPortal","FloatingFocusManager","MenuItem","title","Right","disabled","menu","isActive","Menu","ref","FloatingTree"],"mappings":"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"}

package/dist/components/floating/modal.js

@@ -1,33 +1,33 @@
 import { jsxs as F, jsx as t } from "react/jsx-runtime";
-import { u as Re, n as Pe, d as ke, i as Le, c as Te, F as De, k as Ee, l as Ne } from "../../floating-ui.react-DycKASR0.js";
+import { u as Pe, n as Re, d as ke, i as Le, c as Te, F as De, k as Ee, l as Ne } from "../../floating-ui.react-QNHG9W4N.js";
 import { c as Fe } from "../../index-DJSMaZR4.js";
-import { S as He } from "../../slot-CQW8ZzBb.js";
-import $, { useState as E, useLayoutEffect as Oe, useContext as Se, forwardRef as ze, useRef as L, useId as J, useEffect as _, useImperativeHandle as Ie, Fragment as Ye, useCallback as je } from "react";
-import { i as Be } from "../../fns-D2eyJKd5.js";
-import { c as N, m as Ae } from "../../dom-Dl8XH0CK.js";
-import { C as Ge } from "../../context-BFXNJVn2.js";
-import { Button as U } from "../core/button.js";
-import { m as R, A as W } from "../../proxy-BZcQiBrp.js";
+import { e as He } from "../../X.es-BJ1O93El.js";
+import { S as Oe } from "../../slot-CRyweuj0.js";
+import $, { useState as E, useLayoutEffect as Se, useContext as ze, forwardRef as Ie, useRef as L, useId as U, useEffect as _, useImperativeHandle as Ye, Fragment as je, useCallback as Be } from "react";
+import { i as Ae } from "../../fns-D2eyJKd5.js";
+import { c as N, m as Ge } from "../../dom-Dl8XH0CK.js";
+import { C as Ke } from "../../context-BFXNJVn2.js";
+import { Button as W } from "../core/button.js";
+import { m as P, A as X } from "../../proxy-BZcQiBrp.js";
 import { a as Z } from "../../index-t1qLJTt5.js";
-import { X as Ke } from "../../x-B9bYxG31.js";
 import { u as T } from "../../use-motion-value-eGwNuWuw.js";
 import { M as Qe } from "../../index-0YMC-_Lt.js";
-const Ve = (e, r) => Be() ? r : window.matchMedia(e).matches, Xe = (e, r = !0) => {
+const Ve = (e, r) => Ae() ? r : window.matchMedia(e).matches, Je = (e, r = !0) => {
   const [a, o] = E(r);
-  return Oe(() => {
+  return Se(() => {
     const n = window.matchMedia(e), i = () => o(Ve(e, r));
     return i(), n.addListener ? (n.addListener(i), () => n.removeListener ? n.removeListener(i) : void 0) : (n.addEventListener("change", i), () => n.removeEventListener("change", i));
   }, [e]), a;
-}, Je = () => Se(Ge).floatingRef ?? void 0, q = $.createContext(async () => !1), ht = () => $.useContext(q), s = "500ms", Ue = {
+}, Ue = () => ze(Ke).floatingRef ?? void 0, q = $.createContext(async () => !1), ht = () => $.useContext(q), s = "500ms", We = {
   exit: { x: ["0%", "-30%"], opacity: 0, animationDuration: s },
   enter: { x: ["-30%", "0%"], opacity: 1, animationDuration: s },
   initial: { x: ["-30%", "0%"], opacity: 0.8, animationDuration: s }
-}, We = {
+}, Xe = {
   enter: { x: "0%", opacity: 1, animationDuration: s },
   exit: { x: ["0%", "30%"], opacity: 0, animationDuration: s },
   initial: { x: ["30%", "0%"], opacity: 0.8, animationDuration: s }
 }, B = {
-  drawer: (e) => e === "left" ? Ue : We,
+  drawer: (e) => e === "left" ? We : Xe,
   sheet: {
     enter: { opacity: 1, y: "0%", animationDuration: s, transformOrigin: "bottom" },
     exit: { opacity: 0.4, y: "10%", animationDuration: s, transformOrigin: "bottom" },
@@ -67,7 +67,7 @@ const Ve = (e, r) => Be() ? r : window.matchMedia(e).matches, Xe = (e, r = !0) =
     }
   };
   return /* @__PURE__ */ t(
-    R.button,
+    P.button,
     {
       draggable: !0,
       dragListener: !0,
@@ -94,7 +94,7 @@ const Ve = (e, r) => Be() ? r : window.matchMedia(e).matches, Xe = (e, r = !0) =
 }, D = { drawer: "right", sheet: "none", dialog: "none" }, _e = (e, r, a, o) => {
   const n = a || "dialog";
   return e ? a === "drawer" ? o ?? D.drawer : D[n] : r ? D[n] : D.sheet;
-}, qe = [], oe = ze(
+}, qe = [], oe = Ie(
   ({
     open: e,
     title: r,
@@ -104,7 +104,7 @@ const Ve = (e, r) => Be() ? r : window.matchMedia(e).matches, Xe = (e, r = !0) =
     children: i,
     onChange: l,
     ariaTitle: p,
-    className: P,
+    className: R,
     bodyClassName: w,
     resizer: d = !0,
     animated: v = !0,
@@ -119,7 +119,7 @@ const Ve = (e, r) => Be() ? r : window.matchMedia(e).matches, Xe = (e, r = !0) =
     interactions: ce = qe,
     ...le
   }, de) => {
-    const ue = Je(), G = L(null), O = L(null), K = J(), ge = J(), S = Xe("(min-width: 64rem)"), z = _e(S, C, M, ae), I = S || C ? B[M] : B.sheet, fe = typeof I == "function" ? I(z) : I, g = S || C ? M : "sheet", me = g !== "dialog", c = Re({ open: e, onOpenChange: l, strategy: "fixed" }), he = Pe(c.context, {}), pe = ke(c.context, { role: "dialog" }), ve = Le(c.context, {
+    const ue = Ue(), G = L(null), O = L(null), K = U(), ge = U(), S = Je("(min-width: 64rem)"), z = _e(S, C, M, ae), I = S || C ? B[M] : B.sheet, fe = typeof I == "function" ? I(z) : I, g = S || C ? M : "sheet", me = g !== "dialog", c = Pe({ open: e, onOpenChange: l, strategy: "fixed" }), he = Re(c.context, {}), pe = ke(c.context, { role: "dialog" }), ve = Le(c.context, {
       bubbles: !0,
       escapeKey: !0,
       outsidePress: (h) => {
@@ -131,7 +131,7 @@ const Ve = (e, r) => Be() ? r : window.matchMedia(e).matches, Xe = (e, r = !0) =
       f.set(void 0), m.set(void 0);
     }, [g, f, m]);
     const be = () => l(!1);
-    Ie(de, () => ({ context: c.context, floating: O.current }), [
+    Ye(de, () => ({ context: c.context, floating: O.current }), [
       c.context,
       O
     ]);
@@ -152,10 +152,10 @@ const Ve = (e, r) => Be() ? r : window.matchMedia(e).matches, Xe = (e, r = !0) =
       dragSnapToOrigin: !0,
       dragDirectionLock: !0,
       whileDrag: { cursor: "grabbing" }
-    } : { animate: v, initial: !1 }, X = T(void 0), k = T(void 0), we = o ? He : R.button;
-    return /* @__PURE__ */ F(Ye, { children: [
+    } : { animate: v, initial: !1 }, J = T(void 0), k = T(void 0), we = o ? Oe : P.button;
+    return /* @__PURE__ */ F(je, { children: [
       n ? /* @__PURE__ */ t(we, { ref: c.refs.setReference, ...Q.getReferenceProps(), layoutId: A, type: "button", children: xe }) : null,
-      /* @__PURE__ */ t(Qe, { reducedMotion: v ? "user" : "always", children: /* @__PURE__ */ t(De, { preserveTabOrder: !0, root: ue, children: /* @__PURE__ */ t(W, { mode: "wait", propagate: !0, children: e ? /* @__PURE__ */ t(
+      /* @__PURE__ */ t(Qe, { reducedMotion: v ? "user" : "always", children: /* @__PURE__ */ t(De, { preserveTabOrder: !0, root: ue, children: /* @__PURE__ */ t(X, { mode: "wait", propagate: !0, children: e ? /* @__PURE__ */ t(
         Ee,
         {
           lockScroll: !0,
@@ -164,8 +164,8 @@ const Ve = (e, r) => Be() ? r : window.matchMedia(e).matches, Xe = (e, r = !0) =
             g === "drawer" ? "" : "items-start justify-center pt-10 lg:p-10",
             re
           ),
-          children: /* @__PURE__ */ t(Ne, { guards: !0, modal: !0, closeOnFocusOut: se, context: c.context, children: /* @__PURE__ */ t(W, { propagate: !0, children: /* @__PURE__ */ F(
-            R.div,
+          children: /* @__PURE__ */ t(Ne, { guards: !0, modal: !0, closeOnFocusOut: se, context: c.context, children: /* @__PURE__ */ t(X, { propagate: !0, children: /* @__PURE__ */ F(
+            P.div,
             {
               ...le,
               ...r ? {
@@ -174,8 +174,8 @@ const Ve = (e, r) => Be() ? r : window.matchMedia(e).matches, Xe = (e, r = !0) =
               } : { "aria-label": p },
               ...Q.getFloatingProps({
                 "aria-modal": e,
-                ref: Ae(c.refs.setFloating, O),
-                className: N(Ze({ position: z, type: g }), P, "isolate overscroll-contain")
+                ref: Ge(c.refs.setFloating, O),
+                className: N(Ze({ position: z, type: g }), R, "isolate overscroll-contain")
               }),
               exit: "exit",
               layout: !0,
@@ -196,7 +196,7 @@ const Ve = (e, r) => Be() ? r : window.matchMedia(e).matches, Xe = (e, r = !0) =
                     parent: c.refs.floating
                   }
                 ) : null,
-                r ? /* @__PURE__ */ t(R.header, { ...ye, className: "relative isolate w-full", children: r ? /* @__PURE__ */ t(
+                r ? /* @__PURE__ */ t(P.header, { ...ye, className: "relative isolate w-full", children: r ? /* @__PURE__ */ t(
                   "h2",
                   {
                     id: K,
@@ -205,20 +205,20 @@ const Ve = (e, r) => Be() ? r : window.matchMedia(e).matches, Xe = (e, r = !0) =
                   }
                 ) : null }) : null,
                 /* @__PURE__ */ t(
-                  R.section,
+                  P.section,
                   {
                     ref: G,
                     "data-component": "modal-body",
                     className: N("flex-1 select-text overflow-y-auto px-8 py-1", w),
                     onTouchEnd: async () => {
-                      if (k.set(void 0), X.set(void 0), x.current) {
+                      if (k.set(void 0), J.set(void 0), x.current) {
                         const h = m.get() || 0, u = window.innerHeight * 0.2;
                         h > u ? (await Z(m, window.innerHeight, { duration: 0.2, ease: "easeIn" }).finished, l(!1)) : Z(m, 0, { type: "spring", bounce: 0, duration: 0.3 }), x.current = !1;
                       }
                     },
                     onTouchStart: (h) => {
                       const u = h.changedTouches[0];
-                      X.set(u.pageY), k.set(u.pageY), x.current = !1;
+                      J.set(u.pageY), k.set(u.pageY), x.current = !1;
                     },
                     onTouchMove: (h) => {
                       const b = h.changedTouches[0].pageY, Y = k.get() || b, j = G.current?.scrollTop || 0;
@@ -238,7 +238,7 @@ const Ve = (e, r) => Be() ? r : window.matchMedia(e).matches, Xe = (e, r = !0) =
                     type: "button",
                     onClick: be,
                     className: "p-1 opacity-70 transition-colors hover:text-danger hover:opacity-100 focus:text-danger",
-                    children: /* @__PURE__ */ t(Ke, {})
+                    children: /* @__PURE__ */ t(He, {})
                   }
                 ) }) : null
               ]
@@ -253,13 +253,13 @@ let ne = async (e) => (typeof window < "u" && console.warn("ConfirmationProvider
 oe.confirm = (e) => ne(e);
 const pt = ({ children: e }) => {
   const [r, a] = E(!1), [o, n] = E({}), [i, l] = E(() => {
-  }), p = je((d) => (n(d), a(!0), new Promise((v) => {
+  }), p = Be((d) => (n(d), a(!0), new Promise((v) => {
     l(() => v);
   })), []);
   _(() => {
     ne = p;
   }, [p]);
-  const P = () => {
+  const R = () => {
     a(!1);
     const d = o.confirm?.value ?? !0;
     i(d ?? !0);
@@ -281,8 +281,8 @@ const pt = ({ children: e }) => {
         title: o.title || "Confirmation",
         className: "container max-w-dialog lg:max-w-96",
         footer: /* @__PURE__ */ F("div", { className: "flex justify-end gap-2", children: [
-          /* @__PURE__ */ t(U, { theme: o.cancel?.theme || "ghost-muted", onClick: w, children: o.cancel?.text || "Cancel" }),
-          /* @__PURE__ */ t(U, { autoFocus: !0, theme: o.confirm?.theme || "primary", onClick: P, children: o.confirm?.text || "Confirm" })
+          /* @__PURE__ */ t(W, { theme: o.cancel?.theme || "ghost-muted", onClick: w, children: o.cancel?.text || "Cancel" }),
+          /* @__PURE__ */ t(W, { autoFocus: !0, theme: o.confirm?.theme || "primary", onClick: R, children: o.confirm?.text || "Confirm" })
         ] }),
         children: /* @__PURE__ */ t("div", { className: "py-2 text-foreground", children: o.description })
       }