@ultraviolet/ui 3.11.0 → 3.12.0

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

@@ -1,155 +1,164 @@
 '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 { useDisclosureContext, useMenu } from "../MenuProvider.js";
+import { __esmMin, __name } from "../../../_virtual/_rolldown/runtime.js";
+import { Stack, init_Stack } from "../../Stack/index.js";
+import { Tooltip, init_Tooltip } from "../../Tooltip/index.js";
+import { init_styles_css, menuStyle } from "../styles.css.js";
+import { getListItem, init_helpers } from "../helpers.js";
+import { init_MenuProvider, useDisclosureContext, useMenu } from "../MenuProvider.js";
 import { forwardRef, useCallback } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
 import { cn } from "@ultraviolet/utils";
+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, rightComponent }, 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();
+var Item;
+var init_Item = __esmMin(() => {
+	init_Stack();
+	init_Tooltip();
+	init_helpers();
+	init_MenuProvider();
+	init_styles_css();
+	Item = forwardRef(({ borderless = false, disabled = false, onClick, sentiment = "neutral", href, target, rel, children, tooltip, active, className, searchText, "data-testid": dataTestId, style, rightComponent }, 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 || rightComponent ? /* @__PURE__ */ jsxs(Stack, {
-					alignItems: "center",
-					direction: "row",
-					justifyContent: "space-between",
-					width: "100%",
-					children: [
-						children,
-						rightComponent ? /* @__PURE__ */ jsx("div", {
-							onClick: (event) => {
-								event.stopPropagation();
-								event.preventDefault();
-							},
-							onKeyDown: (event) => {
-								event.stopPropagation();
-								event.preventDefault();
-							},
-							children: rightComponent
-						}) : null,
-						isDisclosure ? /* @__PURE__ */ jsx(ArrowRightIcon, {}) : null
-					]
-				}) : children
+				}, 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: menuStyle.itemContainer({ borderless }),
+			"data-search-text": searchText,
+			style,
+			children: /* @__PURE__ */ jsx(Tooltip, {
+				text: tooltip,
+				children: /* @__PURE__ */ jsx("a", {
+					className: cn(className, menuStyle.item({
+						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 || rightComponent ? /* @__PURE__ */ jsxs(Stack, {
+						alignItems: "center",
+						direction: "row",
+						justifyContent: "space-between",
+						width: "100%",
+						children: [
+							children,
+							rightComponent ? /* @__PURE__ */ jsx("div", {
+								onClick: (event) => {
+									event.stopPropagation();
+									event.preventDefault();
+								},
+								onKeyDown: (event) => {
+									event.stopPropagation();
+									event.preventDefault();
+								},
+								children: rightComponent
+							}) : null,
+							isDisclosure ? /* @__PURE__ */ jsx(ArrowRightIcon, {}) : null
+						]
+					}) : 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,
+		});
+		return /* @__PURE__ */ jsx("div", {
+			className: menuStyle.itemContainer({ borderless }),
+			"data-search-text": searchText,
+			style,
+			children: /* @__PURE__ */ jsx(Tooltip, {
+				text: tooltip,
+				children: /* @__PURE__ */ jsx("button", {
+					className: cn(className, menuStyle.item({
+						borderless,
+						disabled,
+						sentiment
+					})),
+					"data-active": active || isVisible && isDisclosure,
+					"data-is-disclosure": isDisclosure,
+					"data-is-menu-item": true,
+					"data-testid": dataTestId,
 					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 || rightComponent ? /* @__PURE__ */ jsxs(Stack, {
-					alignItems: "center",
-					direction: "row",
-					justifyContent: "space-between",
-					width: "100%",
-					children: [
-						children,
-						rightComponent ? /* @__PURE__ */ jsx("div", {
-							onClick: (event) => {
-								event.stopPropagation();
-								event.preventDefault();
-							},
-							onKeyDown: (event) => {
-								event.stopPropagation();
-								event.preventDefault();
-							},
-							children: rightComponent
-						}) : null,
-						isDisclosure ? /* @__PURE__ */ jsx(ArrowRightIcon, {}) : null
-					]
-				}) : children
+					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 || rightComponent ? /* @__PURE__ */ jsxs(Stack, {
+						alignItems: "center",
+						direction: "row",
+						justifyContent: "space-between",
+						width: "100%",
+						children: [
+							children,
+							rightComponent ? /* @__PURE__ */ jsx("div", {
+								onClick: (event) => {
+									event.stopPropagation();
+									event.preventDefault();
+								},
+								onKeyDown: (event) => {
+									event.stopPropagation();
+									event.preventDefault();
+								},
+								children: rightComponent
+							}) : null,
+							isDisclosure ? /* @__PURE__ */ jsx(ArrowRightIcon, {}) : null
+						]
+					}) : children
+				})
 			})
-		})
+		});
 	});
 });
 
 //#endregion
-export { Item };
+init_Item();
+export { Item, init_Item };

package/dist/components/Menu/helpers.js

@@ -1,36 +1,37 @@
-import { __name } from "../../_virtual/_rolldown/runtime.js";
+import { __esmMin, __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)) {
-			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;
+var searchChildren, getButtonOrLink, getListItem;
+var init_helpers = __esmMin(() => {
+	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)) {
+				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) : [];
+	};
+	getButtonOrLink = (element) => {
+		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 null;
-	});
-	return matches ? matches.filter(Boolean) : [];
-};
-const getButtonOrLink = (element) => {
-	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");
+		return false;
+	};
+	getListItem = (listItems) => listItems.map((child) => getButtonOrLink(child) ? getButtonOrLink(child) : getButtonOrLink(child.firstElementChild)).filter((element) => typeof element !== "boolean");
+});
 
 //#endregion
-export { getListItem, searchChildren };
+init_helpers();
+export { getListItem, init_helpers, searchChildren };

package/dist/components/Menu/index.js

@@ -1,35 +1,45 @@
 'use client';
-import { __name } from "../../_virtual/_rolldown/runtime.js";
-import { _objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.114.0/helpers/objectSpread2.js";
-import { _objectWithoutProperties } from "../../_virtual/_@oxc-project_runtime@0.114.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 { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
+import { _objectSpread2, init_objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.115.0/helpers/objectSpread2.js";
+import { _objectWithoutProperties, init_objectWithoutProperties } from "../../_virtual/_@oxc-project_runtime@0.115.0/helpers/objectWithoutProperties.js";
+import { Group, init_Group } from "./components/Group.js";
+import { MenuProvider, init_MenuProvider } from "./MenuProvider.js";
+import { Item, init_Item } from "./components/Item.js";
+import { Menu as Menu$1, init_MenuContent } from "./MenuContent.js";
 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
-		}))
+var _excluded, Component, Menu;
+var init_Menu = __esmMin(() => {
+	init_Group();
+	init_Item();
+	init_MenuContent();
+	init_MenuProvider();
+	init_objectWithoutProperties();
+	init_objectSpread2();
+	_excluded = [
+		"children",
+		"visible",
+		"hideOnClickItem"
+	];
+	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
+			}))
+		});
+	});
+	Menu = Object.assign(Component, {
+		Group,
+		Item
 	});
-});
-const Menu = Object.assign(Component, {
-	Group,
-	Item
 });
 
 //#endregion
-export { Menu };
+init_Menu();
+export { Menu, init_Menu };

package/dist/components/Menu/styles.css.d.ts

@@ -1,48 +1,50 @@
 export declare const heightMenu: `var(--${string})`;
 export declare const heightAvailableSpace: `var(--${string})`;
-export declare const menu: import("@vanilla-extract/recipes").RuntimeFn<{
-    arrow: {
-        true: {
-            selectors: {
-                '&::after': {
-                    borderColor: `var(--${string}) transparent transparent transparent`;
+export declare const menuStyle: {
+    menu: import("@vanilla-extract/recipes").RuntimeFn<{
+        arrow: {
+            true: {
+                selectors: {
+                    '&::after': {
+                        borderColor: `var(--${string}) transparent transparent transparent`;
+                    };
                 };
             };
         };
-    };
-    searchable: {
-        true: {
-            minWidth: "20rem";
+        searchable: {
+            true: {
+                minWidth: "20rem";
+            };
         };
-    };
-}>;
-export declare const menuContent: string;
-export declare const menuFooter: string;
-export declare const menuList: string;
-export declare const menuSearchInput: string;
-export declare const menuGroup: string;
-export declare const menuItemContainer: import("@vanilla-extract/recipes").RuntimeFn<{
-    borderless: {
-        false: {
-            borderBottom: `1px solid var(--${string})`;
-            padding: `var(--${string}) var(--${string})`;
+    }>;
+    content: string;
+    footer: string;
+    list: string;
+    searchInput: string;
+    group: string;
+    itemContainer: import("@vanilla-extract/recipes").RuntimeFn<{
+        borderless: {
+            false: {
+                borderBottom: `1px solid var(--${string})`;
+                padding: `var(--${string}) var(--${string})`;
+            };
+            true: {
+                padding: `var(--${string}) var(--${string})`;
+            };
         };
-        true: {
-            padding: `var(--${string}) var(--${string})`;
+    }>;
+    item: import("@vanilla-extract/recipes").RuntimeFn<{
+        borderless: {
+            true: {};
+        };
+        disabled: {
+            true: {
+                cursor: "not-allowed";
+            };
         };
-    };
-}>;
-export declare const menuItem: import("@vanilla-extract/recipes").RuntimeFn<{
-    borderless: {
-        true: {};
-    };
-    disabled: {
-        true: {
-            cursor: "not-allowed";
+        sentiment: {
+            [k: string]: {};
         };
-    };
-    sentiment: {
-        [k: string]: {};
-    };
-}>;
+    }>;
+};
 //# sourceMappingURL=styles.css.d.ts.map

package/dist/components/Menu/styles.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/styles.css.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,UAAU,oBAAc,CAAA;AACrC,eAAO,MAAM,oBAAoB,oBAAc,CAAA;AA6B/C,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;EA4Bf,CAAA;AAEF,eAAO,MAAM,WAAW,QAA8B,CAAA;AAEtD,eAAO,MAAM,UAAU,QAAqC,CAAA;AAE5D,eAAO,MAAM,QAAQ,QAkBnB,CAAA;AAEF,eAAO,MAAM,eAAe,QAAqC,CAAA;AAEjE,eAAO,MAAM,SAAS,QAGpB,CAAA;AAEF,eAAO,MAAM,iBAAiB;;;;;;;;;;EAuB5B,CAAA;AAEF,eAAO,MAAM,QAAQ;;;;;;;;;;;;EA4DnB,CAAA"}
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/styles.css.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,UAAU,oBAAc,CAAA;AACrC,eAAO,MAAM,oBAAoB,oBAAc,CAAA;AA+N/C,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CASrB,CAAA"}