@ultraviolet/ui 3.8.2 → 3.10.0

package/dist/components/Menu/components/Item.js

@@ -1,171 +1,135 @@
-"use client";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { ArrowRightIcon } from "@ultraviolet/icons/ArrowRightIcon";
-import { cn } from "@ultraviolet/utils";
-import { forwardRef, useCallback } from "react";
+'use client';
+import { __name } from "../../../_virtual/_rolldown/runtime.js";
 import { Stack } from "../../Stack/index.js";
 import { Tooltip } from "../../Tooltip/index.js";
+import { menuItem, menuItemContainer } from "../styles.css.js";
 import { getListItem } from "../helpers.js";
-import { useMenu, useDisclosureContext } from "../MenuProvider.js";
-import { menuItemContainer, menuItem } from "../styles.css.js";
-const Item = forwardRef(
-  ({
-    borderless = false,
-    disabled = false,
-    onClick,
-    sentiment = "neutral",
-    href,
-    target,
-    rel,
-    children,
-    tooltip,
-    active,
-    className,
-    searchText,
-    "data-testid": dataTestId,
-    style
-  }, ref) => {
-    const {
-      hideOnClickItem,
-      setIsVisible,
-      isVisible,
-      menuRef,
-      isNested,
-      parentDisclosureRef,
-      disclosureRef
-    } = useMenu();
-    const isDisclosure = useDisclosureContext();
-    const onClickHandle = useCallback(
-      (event) => {
-        if (disabled) {
-          return void 0;
-        }
-        onClick?.(event);
-        if (hideOnClickItem) {
-          setIsVisible(false);
-        }
-        return void 0;
-      },
-      [disabled, hideOnClickItem, onClick, setIsVisible]
-    );
-    const handleKeyDown = (event) => {
-      if (isDisclosure && ["Enter", " ", "ArrowRight"].includes(event.key)) {
-        disclosureRef?.current?.click();
-        setTimeout(() => {
-          if (menuRef.current?.children) {
-            const listItem = getListItem([
-              ...menuRef.current.children[0].children[0].children
-            ]);
-            if (listItem) {
-              const firstElementInNestedMenu = listItem[0];
-              if (firstElementInNestedMenu && ["BUTTON", "A"].includes(firstElementInNestedMenu.tagName)) {
-                firstElementInNestedMenu.focus();
-              } else if (firstElementInNestedMenu && firstElementInNestedMenu.firstChild instanceof HTMLElement) {
-                firstElementInNestedMenu.firstChild.focus();
-              }
-            }
-          }
-        }, 50);
-      } else if (event.key === "ArrowLeft" && isNested && (isDisclosure && parentDisclosureRef?.current?.dataset["isMenuItem"] || !isDisclosure) && parentDisclosureRef?.current) {
-        (isDisclosure ? parentDisclosureRef : disclosureRef).current?.click();
-      }
-    };
-    if (href && !disabled) {
-      return /* @__PURE__ */ jsx(
-        "div",
-        {
-          className: menuItemContainer({ borderless }),
-          "data-search-text": searchText,
-          style,
-          children: /* @__PURE__ */ jsx(Tooltip, { text: tooltip, children: /* @__PURE__ */ jsx(
-            "a",
-            {
-              className: cn(
-                className,
-                menuItem({ borderless: true, disabled, sentiment })
-              ),
-              "data-active": active,
-              "data-is-disclosure": isDisclosure,
-              "data-is-menu-item": true,
-              "data-testid": dataTestId,
-              href,
-              onClick: onClickHandle,
-              onKeyDown: handleKeyDown,
-              ref,
-              rel,
-              role: "menuitem",
-              target,
-              children: isDisclosure ? /* @__PURE__ */ jsxs(
-                Stack,
-                {
-                  alignItems: "center",
-                  direction: "row",
-                  justifyContent: "space-between",
-                  width: "100%",
-                  children: [
-                    children,
-                    " ",
-                    /* @__PURE__ */ jsx(ArrowRightIcon, {})
-                  ]
-                }
-              ) : children
-            }
-          ) })
-        }
-      );
-    }
-    return /* @__PURE__ */ jsx(
-      "div",
-      {
-        className: menuItemContainer({ borderless }),
-        "data-search-text": searchText,
-        style,
-        children: /* @__PURE__ */ jsx(Tooltip, { text: tooltip, children: /* @__PURE__ */ jsx(
-          "button",
-          {
-            className: cn(
-              className,
-              menuItem({ borderless, disabled, sentiment })
-            ),
-            "data-active": active || isVisible && isDisclosure,
-            "data-is-disclosure": isDisclosure,
-            "data-is-menu-item": true,
-            "data-testid": dataTestId,
-            disabled,
-            onClick: (event) => {
-              if (isNested) {
-                event.stopPropagation();
-                event.preventDefault();
-              }
-              onClick?.(event);
-              if (hideOnClickItem) {
-                setIsVisible(false);
-              }
-            },
-            onKeyDown: handleKeyDown,
-            ref,
-            role: "menuitem",
-            type: "button",
-            children: isDisclosure ? /* @__PURE__ */ jsxs(
-              Stack,
-              {
-                alignItems: "center",
-                direction: "row",
-                justifyContent: "space-between",
-                width: "100%",
-                children: [
-                  children,
-                  " ",
-                  /* @__PURE__ */ jsx(ArrowRightIcon, {})
-                ]
-              }
-            ) : children
-          }
-        ) })
-      }
-    );
-  }
-);
-export {
-  Item
-};
+import { useDisclosureContext, useMenu } from "../MenuProvider.js";
+import { cn } from "@ultraviolet/utils";
+import { forwardRef, useCallback } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { ArrowRightIcon } from "@ultraviolet/icons/ArrowRightIcon";
+
+//#region src/components/Menu/components/Item.tsx
+const Item = forwardRef(({ borderless = false, disabled = false, onClick, sentiment = "neutral", href, target, rel, children, tooltip, active, className, searchText, "data-testid": dataTestId, style }, ref) => {
+	const { hideOnClickItem, setIsVisible, isVisible, menuRef, isNested, parentDisclosureRef, disclosureRef } = useMenu();
+	const isDisclosure = useDisclosureContext();
+	const onClickHandle = useCallback((event) => {
+		if (disabled) return;
+		onClick === null || onClick === void 0 || onClick(event);
+		if (hideOnClickItem) setIsVisible(false);
+	}, [
+		disabled,
+		hideOnClickItem,
+		onClick,
+		setIsVisible
+	]);
+	const handleKeyDown = (event) => {
+		var _parentDisclosureRef$;
+		if (isDisclosure && [
+			"Enter",
+			" ",
+			"ArrowRight"
+		].includes(event.key)) {
+			var _disclosureRef$curren;
+			disclosureRef === null || disclosureRef === void 0 || (_disclosureRef$curren = disclosureRef.current) === null || _disclosureRef$curren === void 0 || _disclosureRef$curren.click();
+			setTimeout(() => {
+				var _menuRef$current;
+				if ((_menuRef$current = menuRef.current) === null || _menuRef$current === void 0 ? void 0 : _menuRef$current.children) {
+					const listItem = getListItem([...menuRef.current.children[0].children[0].children]);
+					if (listItem) {
+						const firstElementInNestedMenu = listItem[0];
+						if (firstElementInNestedMenu && ["BUTTON", "A"].includes(firstElementInNestedMenu.tagName)) firstElementInNestedMenu.focus();
+						else if (firstElementInNestedMenu && firstElementInNestedMenu.firstChild instanceof HTMLElement) firstElementInNestedMenu.firstChild.focus();
+					}
+				}
+			}, 50);
+		} else if (event.key === "ArrowLeft" && isNested && (isDisclosure && (parentDisclosureRef === null || parentDisclosureRef === void 0 || (_parentDisclosureRef$ = parentDisclosureRef.current) === null || _parentDisclosureRef$ === void 0 ? void 0 : _parentDisclosureRef$.dataset["isMenuItem"]) || !isDisclosure) && (parentDisclosureRef === null || parentDisclosureRef === void 0 ? void 0 : parentDisclosureRef.current)) {
+			var _current;
+			(_current = (isDisclosure ? parentDisclosureRef : disclosureRef).current) === null || _current === void 0 || _current.click();
+		}
+	};
+	if (href && !disabled) return /* @__PURE__ */ jsx("div", {
+		className: menuItemContainer({ borderless }),
+		"data-search-text": searchText,
+		style,
+		children: /* @__PURE__ */ jsx(Tooltip, {
+			text: tooltip,
+			children: /* @__PURE__ */ jsx("a", {
+				className: cn(className, menuItem({
+					borderless: true,
+					disabled,
+					sentiment
+				})),
+				"data-active": active,
+				"data-is-disclosure": isDisclosure,
+				"data-is-menu-item": true,
+				"data-testid": dataTestId,
+				href,
+				onClick: onClickHandle,
+				onKeyDown: handleKeyDown,
+				ref,
+				rel,
+				role: "menuitem",
+				target,
+				children: isDisclosure ? /* @__PURE__ */ jsxs(Stack, {
+					alignItems: "center",
+					direction: "row",
+					justifyContent: "space-between",
+					width: "100%",
+					children: [
+						children,
+						" ",
+						/* @__PURE__ */ jsx(ArrowRightIcon, {})
+					]
+				}) : children
+			})
+		})
+	});
+	return /* @__PURE__ */ jsx("div", {
+		className: menuItemContainer({ borderless }),
+		"data-search-text": searchText,
+		style,
+		children: /* @__PURE__ */ jsx(Tooltip, {
+			text: tooltip,
+			children: /* @__PURE__ */ jsx("button", {
+				className: cn(className, menuItem({
+					borderless,
+					disabled,
+					sentiment
+				})),
+				"data-active": active || isVisible && isDisclosure,
+				"data-is-disclosure": isDisclosure,
+				"data-is-menu-item": true,
+				"data-testid": dataTestId,
+				disabled,
+				onClick: (event) => {
+					if (isNested) {
+						event.stopPropagation();
+						event.preventDefault();
+					}
+					onClick === null || onClick === void 0 || onClick(event);
+					if (hideOnClickItem) setIsVisible(false);
+				},
+				onKeyDown: handleKeyDown,
+				ref,
+				role: "menuitem",
+				type: "button",
+				children: isDisclosure ? /* @__PURE__ */ jsxs(Stack, {
+					alignItems: "center",
+					direction: "row",
+					justifyContent: "space-between",
+					width: "100%",
+					children: [
+						children,
+						" ",
+						/* @__PURE__ */ jsx(ArrowRightIcon, {})
+					]
+				}) : children
+			})
+		})
+	});
+});
+
+//#endregion
+export { Item };

package/dist/components/Menu/helpers.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/helpers.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAStC;;GAEG;AACH,eAAO,MAAM,cAAc,GACzB,UAAU,SAAS,EACnB,cAAc,MAAM,KACnB,SAAS,EAgDX,CAAA;AAmBD,eAAO,MAAM,WAAW,GAAI,WAAW,OAAO,EAAE,8CAOI,CAAA"}
+{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/helpers.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAStC;;GAEG;AACH,eAAO,MAAM,cAAc,4DAmD1B,CAAA;AAmBD,eAAO,MAAM,WAAW,qEAO4B,CAAA"}

package/dist/components/Menu/helpers.js

@@ -1,50 +1,36 @@
-import { Children, isValidElement, cloneElement } from "react";
+import { __name } from "../../_virtual/_rolldown/runtime.js";
+import { Children, cloneElement, isValidElement } from "react";
+
+//#region src/components/Menu/helpers.ts
+/**
+* Search inside a children (React Element) recursively until a result is found
+*/
 const searchChildren = (children, searchString) => {
-  const searchRegex = new RegExp(searchString, "i");
-  const matches = Children.map(children, (child) => {
-    if (typeof child === "string" && child.match(searchRegex)) {
-      return child;
-    }
-    if (isValidElement(child)) {
-      const childProps = child.props;
-      if (childProps?.searchText?.match(searchRegex)) {
-        return cloneElement(child, {
-          children: childProps.children
-        });
-      }
-      if (childProps?.label) {
-        return cloneElement(child, {
-          children: searchChildren(childProps.children, searchString)
-        });
-      }
-      if (childProps.disclosure && typeof childProps.disclosure.props.children === "string" && childProps.disclosure.props.children.match(searchRegex)) {
-        return child;
-      }
-      const childMatches = searchChildren(childProps.children, searchString);
-      if (childMatches.length > 0) {
-        return child;
-      }
-    }
-    return null;
-  });
-  return matches ? matches.filter(Boolean) : [];
+	const searchRegex = new RegExp(searchString, "i");
+	const matches = Children.map(children, (child) => {
+		if (typeof child === "string" && child.match(searchRegex)) return child;
+		if (isValidElement(child)) {
+			var _childProps$searchTex;
+			const childProps = child.props;
+			if (childProps === null || childProps === void 0 || (_childProps$searchTex = childProps.searchText) === null || _childProps$searchTex === void 0 ? void 0 : _childProps$searchTex.match(searchRegex)) return cloneElement(child, { children: childProps.children });
+			if (childProps === null || childProps === void 0 ? void 0 : childProps.label) return cloneElement(child, { children: searchChildren(childProps.children, searchString) });
+			if (childProps.disclosure && typeof childProps.disclosure.props.children === "string" && childProps.disclosure.props.children.match(searchRegex)) return child;
+			if (searchChildren(childProps.children, searchString).length > 0) return child;
+		}
+		return null;
+	});
+	return matches ? matches.filter(Boolean) : [];
 };
 const getButtonOrLink = (element) => {
-  const tag = element?.firstElementChild?.tagName.toLowerCase();
-  if (element) {
-    if (tag === "button" && !element.firstElementChild.disabled) {
-      return element.firstElementChild;
-    }
-    if (tag === "a") {
-      return element.firstElementChild;
-    }
-  }
-  return false;
-};
-const getListItem = (listItems) => listItems.map(
-  (child) => getButtonOrLink(child) ? getButtonOrLink(child) : getButtonOrLink(child.firstElementChild)
-).filter((element) => typeof element !== "boolean");
-export {
-  getListItem,
-  searchChildren
+	var _element$firstElement;
+	const tag = element === null || element === void 0 || (_element$firstElement = element.firstElementChild) === null || _element$firstElement === void 0 ? void 0 : _element$firstElement.tagName.toLowerCase();
+	if (element) {
+		if (tag === "button" && !element.firstElementChild.disabled) return element.firstElementChild;
+		if (tag === "a") return element.firstElementChild;
+	}
+	return false;
 };
+const getListItem = (listItems) => listItems.map((child) => getButtonOrLink(child) ? getButtonOrLink(child) : getButtonOrLink(child.firstElementChild)).filter((element) => typeof element !== "boolean");
+
+//#endregion
+export { getListItem, searchChildren };

package/dist/components/Menu/index.d.ts

@@ -1,81 +1,81 @@
 import type { Ref } from 'react';
 export declare const Menu: import("react").ForwardRefExoticComponent<{
-    id?: string;
-    ariaLabel?: string;
-    children?: import("react").ReactNode | (({ toggle }: {
+    id?: string | undefined;
+    ariaLabel?: string | undefined;
+    children?: (({ toggle }: {
         toggle: () => void;
-    }) => import("react").ReactNode);
-    className?: string;
-    disclosure: (import("react").ReactElement<import("react").ButtonHTMLAttributes<HTMLButtonElement>, string | import("react").JSXElementConstructor<any>> & {
-        ref?: Ref<HTMLButtonElement>;
-    }) | ((disclosure: import("./types").DisclosureProps) => import("react").ReactElement<import("react").ButtonHTMLAttributes<HTMLButtonElement>>);
-    hasArrow?: boolean;
-    visible?: boolean;
-    'data-testid'?: string;
-    maxHeight?: string;
-    portalTarget?: HTMLElement;
-    triggerMethod?: "click" | "hover";
-    searchable?: boolean;
-    hideOnClickItem?: boolean;
+    }) => import("react").ReactNode) | import("react").ReactNode;
+    className?: string | undefined;
+    disclosure: ((disclosure: import("./types").DisclosureProps) => import("react").ReactElement<import("react").ButtonHTMLAttributes<HTMLButtonElement>, string | import("react").JSXElementConstructor<any>>) | (import("react").ReactElement<import("react").ButtonHTMLAttributes<HTMLButtonElement>, string | import("react").JSXElementConstructor<any>> & {
+        ref?: Ref<HTMLButtonElement> | undefined;
+    });
+    hasArrow?: boolean | undefined;
+    visible?: boolean | undefined;
+    'data-testid'?: string | undefined;
+    maxHeight?: string | undefined;
+    portalTarget?: HTMLElement | undefined;
+    triggerMethod?: "click" | "hover" | undefined;
+    searchable?: boolean | undefined;
+    hideOnClickItem?: boolean | undefined;
     footer?: import("react").ReactNode;
-    placement?: Exclude<import("react").ComponentProps<typeof import("..").Popup>["placement"], "nested-menu">;
-    shrink?: boolean;
+    placement?: "bottom" | "left" | "right" | "top" | ("auto" | "auto-bottom" | "auto-left" | "auto-right" | "auto-top") | undefined;
+    shrink?: boolean | undefined;
 } & Pick<{
-    id?: string;
-    children: import("react").ReactNode | ((renderProps: {
-        className?: string;
+    id?: string | undefined;
+    children: ((renderProps: {
+        className?: string | undefined;
         onBlur: () => void;
         onFocus: () => void;
         onPointerEnter: () => void;
         onPointerLeave: () => void;
         ref: import("react").RefObject<HTMLDivElement | null>;
-    }) => import("react").ReactNode);
-    maxWidth?: number | string;
-    placement?: import("../Popup/helpers").PopupPlacement;
-    align?: import("../Popup/helpers").PopupAlign;
+    }) => import("react").ReactNode) | import("react").ReactNode;
+    maxWidth?: string | number | undefined;
+    placement?: import("../Popup/helpers").PopupPlacement | undefined;
+    align?: import("../Popup/helpers").PopupAlign | undefined;
     text?: import("react").ReactNode;
-    className?: string;
-    containerFullWidth?: boolean;
-    containerFullHeight?: boolean;
-    visible?: boolean;
-    innerRef?: Ref<HTMLDivElement | null>;
-    role?: "tooltip" | "dialog" | "popup";
-    'data-testid'?: string;
-    hasArrow?: boolean;
-    onClose?: () => void;
-    tabIndex?: number;
-    onKeyDown?: import("react").KeyboardEventHandler;
-    'aria-haspopup'?: import("react").HTMLAttributes<HTMLDivElement>["aria-haspopup"];
-    hideOnClickOutside?: boolean;
-    debounceDelay?: number;
-    maxHeight?: string | number;
-    disableAnimation?: boolean;
-    portalTarget?: HTMLElement;
-    dynamicDomRendering?: boolean;
-    style?: import("react").CSSProperties;
-} & import("react").RefAttributes<HTMLDivElement>, "style" | "align" | "dynamicDomRendering"> & import("react").RefAttributes<HTMLButtonElement>> & {
+    className?: string | undefined;
+    containerFullWidth?: boolean | undefined;
+    containerFullHeight?: boolean | undefined;
+    visible?: boolean | undefined;
+    innerRef?: Ref<HTMLDivElement | null> | undefined;
+    role?: ("dialog" | "popup" | "tooltip") | undefined;
+    'data-testid'?: string | undefined;
+    hasArrow?: boolean | undefined;
+    onClose?: (() => void) | undefined;
+    tabIndex?: number | undefined;
+    onKeyDown?: import("react").KeyboardEventHandler | undefined;
+    'aria-haspopup'?: "dialog" | "false" | "grid" | "listbox" | "menu" | "tree" | "true" | boolean | undefined;
+    hideOnClickOutside?: boolean | undefined;
+    debounceDelay?: number | undefined;
+    maxHeight?: string | number | undefined;
+    disableAnimation?: boolean | undefined;
+    portalTarget?: HTMLElement | undefined;
+    dynamicDomRendering?: boolean | undefined;
+    style?: import("react").CSSProperties | undefined;
+} & import("react").RefAttributes<HTMLDivElement>, "align" | "dynamicDomRendering" | "style"> & import("react").RefAttributes<HTMLButtonElement>> & {
     Group: ({ label, children, labelDescription, emptyState, style, }: {
         label: string;
         children: import("react").ReactNode;
         labelDescription?: import("react").ReactNode;
         emptyState?: import("react").ReactNode;
-        style?: import("react").CSSProperties;
+        style?: import("react").CSSProperties | undefined;
     }) => import("react/jsx-runtime").JSX.Element;
     Item: import("react").ForwardRefExoticComponent<{
-        href?: HTMLAnchorElement["href"];
-        target?: HTMLAnchorElement["target"];
-        rel?: HTMLAnchorElement["rel"];
+        href?: string | undefined;
+        target?: string | undefined;
+        rel?: string | undefined;
         disabled?: boolean | undefined;
         tooltip?: string | undefined;
         className?: string | undefined;
         children: import("react").ReactNode;
         onClick?: import("react").MouseEventHandler<HTMLElement> | undefined;
-        borderless?: boolean;
-        sentiment?: "danger" | "neutral" | "primary";
-        active?: boolean;
-        'data-testid'?: string;
-        searchText?: string;
-        style?: import("react").CSSProperties;
+        borderless?: boolean | undefined;
+        sentiment?: ("danger" | "neutral" | "primary") | undefined;
+        active?: boolean | undefined;
+        'data-testid'?: string | undefined;
+        searchText?: string | undefined;
+        style?: import("react").CSSProperties | undefined;
     } & import("react").RefAttributes<HTMLElement>>;
 };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/Menu/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAqBhC,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;iBACwgC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAD79B,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAqBhC,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAA4C,CAAA"}

package/dist/components/Menu/index.js

@@ -1,14 +1,35 @@
-"use client";
-import { jsx } from "react/jsx-runtime";
-import { forwardRef } from "react";
+'use client';
+import { __name } from "../../_virtual/_rolldown/runtime.js";
+import { _objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.113.0/helpers/objectSpread2.js";
+import { _objectWithoutProperties } from "../../_virtual/_@oxc-project_runtime@0.113.0/helpers/objectWithoutProperties.js";
 import { Group } from "./components/Group.js";
+import { MenuProvider } from "./MenuProvider.js";
 import { Item } from "./components/Item.js";
 import { Menu as Menu$1 } from "./MenuContent.js";
-import { MenuProvider } from "./MenuProvider.js";
-const Component = forwardRef(
-  ({ children, visible, hideOnClickItem, ...props }, ref) => /* @__PURE__ */ jsx(MenuProvider, { hideOnClickItem, visible, children: /* @__PURE__ */ jsx(Menu$1, { ...props, ref, children }) })
-);
-const Menu = Object.assign(Component, { Group, Item });
-export {
-  Menu
-};
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/Menu/index.tsx
+const _excluded = [
+	"children",
+	"visible",
+	"hideOnClickItem"
+];
+const Component = forwardRef((_ref, ref) => {
+	let { children, visible, hideOnClickItem } = _ref;
+	return /* @__PURE__ */ jsx(MenuProvider, {
+		hideOnClickItem,
+		visible,
+		children: /* @__PURE__ */ jsx(Menu$1, _objectSpread2(_objectSpread2({}, _objectWithoutProperties(_ref, _excluded)), {}, {
+			ref,
+			children
+		}))
+	});
+});
+const Menu = Object.assign(Component, {
+	Group,
+	Item
+});
+
+//#endregion
+export { Menu };