@g4rcez/components 4.0.2 → 4.1.2

package/dist/components/floating/expand.jsx

@@ -0,0 +1,44 @@
+"use client";
+import { FloatingFocusManager, FloatingPortal, useClick, useDismiss, useFloating, useInteractions, useRole } from "@floating-ui/react";
+import { AnimatePresence, motion } from "motion/react";
+import { useEffect, useId, useRef, useState } from "react";
+import { Button } from "../core/button";
+export const Expand = (props) => {
+    const root = useRef(null);
+    const id = useId();
+    const wrapperId = `${id}:wrapper`;
+    const titleId = `${id}:title`;
+    const [open, setOpen] = useState(props.open ?? false);
+    useEffect(() => {
+        setOpen(props.open ?? false);
+    }, [props.open]);
+    const { context, refs } = useFloating({
+        transform: true,
+        open: open !== null,
+        nodeId: id,
+        onOpenChange: setOpen,
+        strategy: "absolute",
+    });
+    const click = useClick(context, { enabled: !(props.disabled ?? false) });
+    const role = useRole(context, { role: "dialog" });
+    const dismiss = useDismiss(context, {
+        escapeKey: true,
+        referencePress: true,
+        outsidePress: true,
+    });
+    const { getFloatingProps, getReferenceProps } = useInteractions([click, role, dismiss]);
+    return (<div className="relative inline-flex items-center justify-center" ref={root}>
+            <Button {...getReferenceProps(props)} as={motion.button} layoutId={wrapperId} ref={refs.setReference} size="small" onClick={() => setOpen(true)}>
+                <motion.span layoutId={titleId}>{props.trigger}</motion.span>
+            </Button>
+            <AnimatePresence>
+                {open ? (<FloatingPortal root={root}>
+                        <FloatingFocusManager visuallyHiddenDismiss modal closeOnFocusOut context={context}>
+                            <motion.div {...getFloatingProps()} ref={refs.setFloating} layoutId={wrapperId} className="absolute -left-1/4 -top-3/4">
+                                {props.children}
+                            </motion.div>
+                        </FloatingFocusManager>
+                    </FloatingPortal>) : null}
+            </AnimatePresence>
+        </div>);
+};

package/dist/components/floating/menu.js

@@ -1,11 +1,11 @@
 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 Fe } from "../../floating-ui.react-QNHG9W4N.js";
+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, j as le, v as de, w as ce, n as ue, k as fe, x as me, c as ge, y as ve, z as pe, F as Ie, m as xe, A as Fe } from "../../floating-ui.react-M2PGXLDp.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 M, { createContext as ye, useState as k, 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(
+import { c as C, m as R } from "../../dom-CyQHY7ID.js";
+const U = (o = "") => C(
   "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",
@@ -22,7 +22,7 @@ const U = (o = "") => R(
   }
 }), D = M.forwardRef(
   ({ 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({
+    const [s, h] = k(F ?? !1), [E, y] = k(!1), [N, P] = k(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,
@@ -64,7 +64,7 @@ const U = (o = "") => R(
     }, [a, f, p]), j(() => {
       s && a && a.events.emit("menuopen", { parentId: p, nodeId: f });
     }, [a, s, f, p]);
-    const O = r ? n.className : R(U(n.className));
+    const O = r ? n.className : C(U(n.className));
     return /* @__PURE__ */ x(ve, { id: f, children: [
       /* @__PURE__ */ t(Ne, { children: n.asChild ? /* @__PURE__ */ t(
         be,
@@ -83,7 +83,7 @@ const U = (o = "") => R(
           "data-nested": e ? "" : void 0,
           role: e ? "menuitem" : void 0,
           "data-focus-inside": E ? "" : void 0,
-          ref: k(w.setReference, I.ref, c),
+          ref: R(w.setReference, I.ref, c),
           tabIndex: e ? u.activeIndex === I.index ? 0 : -1 : void 0
         }
       ) : /* @__PURE__ */ x(
@@ -95,7 +95,7 @@ const U = (o = "") => R(
           "data-nested": e ? "" : void 0,
           role: e ? "menuitem" : void 0,
           "data-focus-inside": E ? "" : void 0,
-          ref: k(w.setReference, I.ref, c),
+          ref: R(w.setReference, I.ref, c),
           tabIndex: e ? u.activeIndex === I.index ? 0 : -1 : void 0,
           ...L(
             u.getItemProps({
@@ -127,7 +127,7 @@ const U = (o = "") => R(
               ...Z(),
               ref: w.setFloating,
               style: { ...n.style, ...B },
-              className: R(
+              className: C(
                 "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
               ),
@@ -152,7 +152,7 @@ const U = (o = "") => R(
         "data-active": c,
         "data-open": d.isOpen,
         tabIndex: c ? 0 : -1,
-        ref: k(v.ref, b),
+        ref: R(v.ref, b),
         className: U(`${r.className ?? ""} ${c ? "bg-primary text-primary-foreground" : ""}`),
         ...d.getItemProps({
           onClick(s) {

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 { 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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"}
+{"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 unknown as React.Ref<HTMLElement>}\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 }}>\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/menu.jsx

@@ -0,0 +1,147 @@
+"use client";
+import { autoUpdate, flip, FloatingFocusManager, FloatingList, FloatingNode, FloatingPortal, FloatingTree, offset, safePolygon, shift, useClick, useDismiss, useFloating, useFloatingNodeId, useFloatingParentNodeId, useFloatingTree, useHover, useInteractions, useListItem, useListNavigation, useRole, useTypeahead, } from "@floating-ui/react";
+import { Slot } from "../core/slot";
+import { CaretRightIcon } from "@phosphor-icons/react";
+import React, { createContext, Fragment, useContext, useEffect, useRef, useState } from "react";
+import { FLOATING_DELAY, TYPEAHEAD_RESET_DELAY } from "../../constants";
+import { css, mergeRefs } from "../../lib/dom";
+const menuItemClassName = (highlight = "") => css("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", highlight);
+const MenuContext = createContext({
+    isOpen: false,
+    activeIndex: null,
+    getItemProps: () => ({}),
+    setActiveIndex: () => { },
+    setHasFocusInside: () => { },
+});
+const MenuComponent = React.forwardRef(({ children, FloatingComponent = "div", hover = true, open, isParent = false, restoreFocus = false, floatingClassName = "", label, ...props }, forwardedRef) => {
+    const [isOpen, setIsOpen] = useState(open ?? false);
+    const [hasFocusInside, setHasFocusInside] = useState(false);
+    const [activeIndex, setActiveIndex] = useState(null);
+    const elementsRef = useRef([]);
+    const labelsRef = useRef([]);
+    const parent = useContext(MenuContext);
+    const parentId = useFloatingParentNodeId();
+    const tree = useFloatingTree();
+    const nodeId = useFloatingNodeId();
+    const item = useListItem();
+    const isNested = parentId !== null;
+    const { floatingStyles, refs, context } = useFloating({
+        nodeId,
+        open: isOpen,
+        transform: true,
+        strategy: "absolute",
+        onOpenChange: setIsOpen,
+        whileElementsMounted: autoUpdate,
+        placement: isNested ? "right" : "bottom-start",
+        middleware: [offset({ mainAxis: isNested ? 0 : 4, alignmentAxis: isNested ? -4 : 0 }), flip(), shift()],
+    });
+    const role = useRole(context, { role: "menu" });
+    const dismiss = useDismiss(context, { bubbles: true });
+    const hoverModule = useHover(context, {
+        move: false,
+        enabled: hover,
+        delay: { open: FLOATING_DELAY },
+        handleClose: safePolygon({ blockPointerEvents: true, requireIntent: false }),
+    });
+    const click = useClick(context, {
+        toggle: !isNested,
+        event: "mousedown",
+        ignoreMouse: isNested,
+        keyboardHandlers: true,
+    });
+    const listNavigation = useListNavigation(context, {
+        loop: true,
+        activeIndex,
+        nested: isNested,
+        listRef: elementsRef,
+        onNavigate: setActiveIndex,
+    });
+    const typeahead = useTypeahead(context, {
+        activeIndex,
+        listRef: labelsRef,
+        resetMs: TYPEAHEAD_RESET_DELAY,
+        onMatch: isOpen ? setActiveIndex : undefined,
+    });
+    const { getReferenceProps, getFloatingProps, getItemProps } = useInteractions([hoverModule, click, role, dismiss, listNavigation, typeahead]);
+    useEffect(() => {
+        if (!tree)
+            return;
+        const handleTreeClick = () => setIsOpen(false);
+        const onSubMenuOpen = (event) => {
+            if (event.nodeId !== nodeId && event.parentId === parentId)
+                setIsOpen(false);
+        };
+        tree.events.on("click", handleTreeClick);
+        tree.events.on("menuopen", onSubMenuOpen);
+        return () => {
+            tree.events.off("click", handleTreeClick);
+            tree.events.off("menuopen", onSubMenuOpen);
+        };
+    }, [tree, nodeId, parentId]);
+    useEffect(() => {
+        if (isOpen && tree)
+            tree.events.emit("menuopen", { parentId, nodeId });
+    }, [tree, isOpen, nodeId, parentId]);
+    const className = isParent ? props.className : css(menuItemClassName(props.className));
+    return (<FloatingNode id={nodeId}>
+                <Fragment>
+                    {props.asChild ? (<Slot {...getReferenceProps(parent.getItemProps({
+            ...props,
+            onFocus(event) {
+                props.onFocus?.(event);
+                setHasFocusInside(false);
+                parent.setHasFocusInside(true);
+            },
+        }))} children={label} className={className} data-open={isOpen ? "" : undefined} data-nested={isNested ? "" : undefined} role={isNested ? "menuitem" : undefined} data-focus-inside={hasFocusInside ? "" : undefined} ref={mergeRefs(refs.setReference, item.ref, forwardedRef)} tabIndex={!isNested ? undefined : parent.activeIndex === item.index ? 0 : -1}/>) : (<button type="button" className={className} data-open={isOpen ? "" : undefined} data-nested={isNested ? "" : undefined} role={isNested ? "menuitem" : undefined} data-focus-inside={hasFocusInside ? "" : undefined} ref={mergeRefs(refs.setReference, item.ref, forwardedRef)} tabIndex={!isNested ? undefined : parent.activeIndex === item.index ? 0 : -1} {...getReferenceProps(parent.getItemProps({
+            ...props,
+            onFocus(event) {
+                props.onFocus?.(event);
+                setHasFocusInside(false);
+                parent.setHasFocusInside(true);
+            },
+        }))}>
+                            {label}
+                            {isNested && (<span style={{ marginLeft: 10, fontSize: 10 }}>
+                                    <span className="sr-only">Next menu</span>
+                                    <CaretRightIcon size={14}/>
+                                </span>)}
+                        </button>)}
+                </Fragment>
+                <MenuContext.Provider value={{ activeIndex, setActiveIndex, getItemProps, setHasFocusInside, isOpen }}>
+                    <FloatingList elementsRef={elementsRef} labelsRef={labelsRef}>
+                        {isOpen && (<FloatingPortal>
+                                <FloatingFocusManager context={context} modal={false} initialFocus={isNested ? -1 : 0} returnFocus={isParent ? restoreFocus : !isNested}>
+                                    <FloatingComponent {...getFloatingProps()} ref={refs.setFloating} style={{ ...props.style, ...floatingStyles }} className={css("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", floatingClassName)}>
+                                        {children}
+                                    </FloatingComponent>
+                                </FloatingFocusManager>
+                            </FloatingPortal>)}
+                    </FloatingList>
+                </MenuContext.Provider>
+            </FloatingNode>);
+});
+export const MenuItem = React.forwardRef(({ title, Right, disabled, children, ...props }, forwardedRef) => {
+    const menu = useContext(MenuContext);
+    const item = useListItem({ label: disabled ? null : title });
+    const tree = useFloatingTree();
+    const isActive = item.index === menu.activeIndex;
+    return (<button {...props} title={title} type="button" role="menuitem" disabled={disabled} data-active={isActive} data-open={menu.isOpen} tabIndex={isActive ? 0 : -1} ref={mergeRefs(item.ref, forwardedRef)} className={menuItemClassName(`${props.className ?? ""} ${isActive ? "bg-primary text-primary-foreground" : ""}`)} {...menu.getItemProps({
+        onClick(event) {
+            props.onClick?.(event);
+            tree?.events.emit("click");
+        },
+        onFocus(event) {
+            props.onFocus?.(event);
+            menu.setHasFocusInside(true);
+        },
+    })}>
+                {children}
+                {Right ? <Right size={16}/> : null}
+            </button>);
+});
+export const Menu = React.forwardRef((props, ref) => {
+    const parentId = useFloatingParentNodeId();
+    return parentId === null ? (<FloatingTree>
+            <MenuComponent {...props} isParent ref={ref}/>
+        </FloatingTree>) : (<MenuComponent {...props} isParent={false} ref={ref}/>);
+});

package/dist/components/floating/modal.d.ts

@@ -1,4 +1,4 @@
-import { type ElementProps } from "@floating-ui/react";
+import { type ElementProps, type FloatingContext } from "@floating-ui/react";
 import { HTMLMotionProps } from "motion/react";
 import React from "react";
 import { Label, Override } from "../../types";
@@ -32,10 +32,10 @@ export type ModalProps = Override<HTMLMotionProps<"div">, ({
     closeOnFocusOut: boolean;
     role: "dialog";
     interactions: ElementProps[];
-    trigger: Label | React.FC<any>;
+    trigger: Label;
 }>>;
 export type ModalRef = {
-    context: any;
+    context: FloatingContext;
     floating: HTMLElement | null;
 };
 type ModalComponent = React.FC<ModalProps> & {
@@ -43,7 +43,7 @@ type ModalComponent = React.FC<ModalProps> & {
 };
 export declare const Modal: ModalComponent;
 type ButtonConfirmationAction = {
-    value?: any;
+    value?: unknown;
     text?: Label;
     theme?: ButtonProps["theme"];
 };

package/dist/components/floating/modal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["../../../src/components/floating/modal.tsx"],"names":[],"mappings":"AACA,OAAO,EASH,KAAK,YAAY,EACpB,MAAM,oBAAoB,CAAC;AAG5B,OAAO,EAEH,eAAe,EAQlB,MAAM,cAAc,CAAC;AAEtB,OAAO,KAWN,MAAM,OAAO,CAAC;AAGf,OAAO,EAAE,KAAK,EAAO,QAAQ,EAAE,MAAM,aAAa,CAAC;AAEnD,OAAO,EAAU,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAMrD,eAAO,MAAM,UAAU,kBAF8B,cAAc,KAAK,OAAO,CAAC,OAAO,CAEvB,CAAC;AAEjE,MAAM,MAAM,SAAS,GAAG,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEtD,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,OAAO,CAAC;AAuD9C,MAAM,MAAM,UAAU,GAAG,QAAQ,CAC7B,eAAe,CAAC,KAAK,CAAC,EACtB,CAAC;IAAE,KAAK,EAAE,KAAK,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG;IAAE,SAAS,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,KAAK,CAAA;CAAE,CAAC,GAAG;IAC5E,IAAI,EAAE,OAAO,CAAC;IACd,QAAQ,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;CAC1C,GAAG,OAAO,CAAC;IACJ,MAAM,EAAE,KAAK,CAAC;IACd,IAAI,EAAE,SAAS,CAAC;IAChB,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,OAAO,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,SAAS,EAAE,OAAO,CAAC;IACnB,aAAa,EAAE,MAAM,CAAC;IACtB,gBAAgB,EAAE,MAAM,CAAC;IACzB,QAAQ,EAAE,cAAc,CAAC;IACzB,iBAAiB,EAAE,OAAO,CAAC;IAC3B,eAAe,EAAE,OAAO,CAAC;IACzB,IAAI,EAAE,QAAQ,CAAC;IACf,YAAY,EAAE,YAAY,EAAE,CAAC;IAC7B,OAAO,EAAE,KAAK,GAAG,KAAK,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;CAClC,CAAC,CACT,CAAC;AAgFF,MAAM,MAAM,QAAQ,GAAG;IAAE,OAAO,EAAE,GAAG,CAAC;IAAC,QAAQ,EAAE,WAAW,GAAG,IAAI,CAAA;CAAE,CAAC;AAItE,KAAK,cAAc,GAAG,KAAK,CAAC,EAAE,CAAC,UAAU,CAAC,GAAG;IACzC,OAAO,EAAE,CAAC,CAAC,EAAE,OAAO,EAAE,cAAc,KAAK,OAAO,CAAC,CAAC,CAAC,CAAC;CACvD,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,cA8PZ,CAAC;AAET,KAAK,wBAAwB,GAAG;IAC5B,KAAK,CAAC,EAAE,GAAG,CAAC;IACZ,IAAI,CAAC,EAAE,KAAK,CAAC;IACb,KAAK,CAAC,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC;CAChC,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG;IACzB,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,WAAW,CAAC,EAAE,KAAK,CAAC;IACpB,MAAM,CAAC,EAAE,wBAAwB,CAAC;IAClC,OAAO,CAAC,EAAE,wBAAwB,CAAC;CACtC,CAAC;AAaF,eAAO,MAAM,oBAAoB,GAAI,cAAc;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,sBAuD/E,CAAC"}
+{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["../../../src/components/floating/modal.tsx"],"names":[],"mappings":"AACA,OAAO,EASH,KAAK,YAAY,EACjB,KAAK,eAAe,EACvB,MAAM,oBAAoB,CAAC;AAG5B,OAAO,EAEH,eAAe,EAQlB,MAAM,cAAc,CAAC;AAEtB,OAAO,KAWN,MAAM,OAAO,CAAC;AAGf,OAAO,EAAE,KAAK,EAAO,QAAQ,EAAE,MAAM,aAAa,CAAC;AAGnD,OAAO,EAAU,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAMrD,eAAO,MAAM,UAAU,kBAF8B,cAAc,KAAK,OAAO,CAAC,OAAO,CAEvB,CAAC;AAEjE,MAAM,MAAM,SAAS,GAAG,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEtD,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,OAAO,CAAC;AAuD9C,MAAM,MAAM,UAAU,GAAG,QAAQ,CAC7B,eAAe,CAAC,KAAK,CAAC,EACtB,CAAC;IAAE,KAAK,EAAE,KAAK,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG;IAAE,SAAS,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,KAAK,CAAA;CAAE,CAAC,GAAG;IAC5E,IAAI,EAAE,OAAO,CAAC;IACd,QAAQ,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;CAC1C,GAAG,OAAO,CAAC;IACJ,MAAM,EAAE,KAAK,CAAC;IACd,IAAI,EAAE,SAAS,CAAC;IAChB,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,OAAO,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,SAAS,EAAE,OAAO,CAAC;IACnB,aAAa,EAAE,MAAM,CAAC;IACtB,gBAAgB,EAAE,MAAM,CAAC;IACzB,QAAQ,EAAE,cAAc,CAAC;IACzB,iBAAiB,EAAE,OAAO,CAAC;IAC3B,eAAe,EAAE,OAAO,CAAC;IACzB,IAAI,EAAE,QAAQ,CAAC;IACf,YAAY,EAAE,YAAY,EAAE,CAAC;IAC7B,OAAO,EAAE,KAAK,CAAC;CAClB,CAAC,CACT,CAAC;AAkFF,MAAM,MAAM,QAAQ,GAAG;IAAE,OAAO,EAAE,eAAe,CAAC;IAAC,QAAQ,EAAE,WAAW,GAAG,IAAI,CAAA;CAAE,CAAC;AAIlF,KAAK,cAAc,GAAG,KAAK,CAAC,EAAE,CAAC,UAAU,CAAC,GAAG;IACzC,OAAO,EAAE,CAAC,CAAC,EAAE,OAAO,EAAE,cAAc,KAAK,OAAO,CAAC,CAAC,CAAC,CAAC;CACvD,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,cA+PU,CAAC;AAE/B,KAAK,wBAAwB,GAAG;IAC5B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,IAAI,CAAC,EAAE,KAAK,CAAC;IACb,KAAK,CAAC,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC;CAChC,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG;IACzB,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,WAAW,CAAC,EAAE,KAAK,CAAC;IACpB,MAAM,CAAC,EAAE,wBAAwB,CAAC;IAClC,OAAO,CAAC,EAAE,wBAAwB,CAAC;CACtC,CAAC;AAaF,eAAO,MAAM,oBAAoB,GAAI,cAAc;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,sBAuD/E,CAAC"}