@ultraviolet/ui 3.21.1 → 3.22.0

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

@@ -12,153 +12,155 @@ import { ArrowRightIcon } from "@ultraviolet/icons/ArrowRightIcon";
 
 //#region src/components/Menu/components/Item.tsx
 var focusFistElement, Item;
-var init_Item = __esmMin(() => {
-	init_Stack();
-	init_Tooltip();
-	init_helpers();
-	init_MenuProvider();
-	init_styles_css();
-	focusFistElement = (firstElementInNestedMenu) => {
-		if (["BUTTON", "A"].includes(firstElementInNestedMenu.tagName)) firstElementInNestedMenu.focus();
-		else if (firstElementInNestedMenu.firstChild instanceof HTMLElement) firstElementInNestedMenu.firstChild.focus();
-	};
-	Item = forwardRef(({ borderless = false, disabled = false, onClick, sentiment = "neutral", href, target, rel, children, tooltip, active, className, searchText, "data-testid": dataTestId, style, rightComponent, hideOnClick }, 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 || hideOnClick) setIsVisible(false);
-		}, [
-			disabled,
-			hideOnClickItem,
-			hideOnClick,
-			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[0]) focusFistElement(listItem[0]);
-					}
-				}, 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();
-			}
+function init_Item() {
+	return (init_Item = __esmMin(() => {
+		init_Stack();
+		init_Tooltip();
+		init_helpers();
+		init_MenuProvider();
+		init_styles_css();
+		focusFistElement = (firstElementInNestedMenu) => {
+			if (["BUTTON", "A"].includes(firstElementInNestedMenu.tagName)) firstElementInNestedMenu.focus();
+			else if (firstElementInNestedMenu.firstChild instanceof HTMLElement) firstElementInNestedMenu.firstChild.focus();
 		};
-		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();
-								},
-								role: "menuitem",
-								children: rightComponent
-							}) : null,
-							isDisclosure ? /* @__PURE__ */ jsx(ArrowRightIcon, {}) : null
-						]
-					}) : children
+		Item = forwardRef(({ borderless = false, disabled = false, onClick, sentiment = "neutral", href, target, rel, children, tooltip, active, className, searchText, "data-testid": dataTestId, style, rightComponent, hideOnClick }, 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 || hideOnClick) setIsVisible(false);
+			}, [
+				disabled,
+				hideOnClickItem,
+				hideOnClick,
+				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[0]) focusFistElement(listItem[0]);
+						}
+					}, 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();
+									},
+									role: "menuitem",
+									children: rightComponent
+								}) : null,
+								isDisclosure ? /* @__PURE__ */ jsx(ArrowRightIcon, {}) : null
+							]
+						}) : children
+					})
 				})
-			})
-		});
-		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,
+			});
+			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.preventDefault();
-						onClick === null || onClick === void 0 || onClick(event);
-						if (hideOnClickItem || hideOnClick) 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();
-								},
-								role: "menuitem",
-								children: rightComponent
-							}) : null,
-							isDisclosure ? /* @__PURE__ */ jsx(ArrowRightIcon, {}) : null
-						]
-					}) : children
+						onClick: (event) => {
+							if (isNested) event.preventDefault();
+							onClick === null || onClick === void 0 || onClick(event);
+							if (hideOnClickItem || hideOnClick) 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();
+									},
+									role: "menuitem",
+									children: rightComponent
+								}) : null,
+								isDisclosure ? /* @__PURE__ */ jsx(ArrowRightIcon, {}) : null
+							]
+						}) : children
+					})
 				})
-			})
+			});
 		});
-	});
-	Item.displayName = "Menu.Item";
-});
+		Item.displayName = "Menu.Item";
+	}))();
+}
 
 //#endregion
 init_Item();

package/dist/components/Menu/helpers.js

@@ -3,34 +3,36 @@ import { Children, cloneElement, isValidElement } from "react";
 
 //#region src/components/Menu/helpers.ts
 var searchChildren, getButtonOrLink, getListItem;
-var init_helpers = __esmMin(() => {
-	searchChildren = (children, searchString) => {
-		const searchRegex = new RegExp(searchString, "iu");
-		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;
+function init_helpers() {
+	return (init_helpers = __esmMin(() => {
+		searchChildren = (children, searchString) => {
+			const searchRegex = new RegExp(searchString, "iu");
+			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) : [];
-	};
-	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;
-	};
-	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
 init_helpers();

package/dist/components/Menu/index.js

@@ -1,7 +1,7 @@
 'use client';
 import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
-import _objectSpread2, { init_objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/objectSpread2.js";
-import _objectWithoutProperties, { init_objectWithoutProperties } from "../../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/objectWithoutProperties.js";
+import _objectSpread2, { init_objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/objectSpread2.js";
+import _objectWithoutProperties, { init_objectWithoutProperties } from "../../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/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";
@@ -11,35 +11,37 @@ import { jsx } from "react/jsx-runtime";
 
 //#region src/components/Menu/index.tsx
 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
-			}))
+function init_Menu() {
+	return (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, props = _objectWithoutProperties(_ref, _excluded);
+			return /* @__PURE__ */ jsx(MenuProvider, {
+				hideOnClickItem,
+				visible,
+				children: /* @__PURE__ */ jsx(Menu$1, _objectSpread2(_objectSpread2({}, props), {}, {
+					ref,
+					children
+				}))
+			});
 		});
-	});
-	Component.displayName = "Menu";
-	Menu = Object.assign(Component, {
-		Group,
-		Item
-	});
-});
+		Component.displayName = "Menu";
+		Menu = Object.assign(Component, {
+			Group,
+			Item
+		});
+	}))();
+}
 
 //#endregion
 init_Menu();

package/dist/components/Menu/styles.css.js

@@ -4,82 +4,84 @@ import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 
 //#region src/components/Menu/styles.css.ts
 var heightMenu, heightAvailableSpace, menuStyle;
-var init_styles_css = __esmMin(() => {
-	init_styles_css_ts_vanilla();
-	heightMenu = "var(--uv_gky3yh0)";
-	heightAvailableSpace = "var(--uv_gky3yh1)";
-	menuStyle = {
-		menu: createRuntimeFn({
-			defaultClassName: "uv_gky3yh2",
-			variantClassNames: {
-				arrow: { true: "uv_gky3yh3" },
-				searchable: { true: "uv_gky3yh4" }
-			},
-			defaultVariants: {
-				arrow: false,
-				searchable: false
-			},
-			compoundVariants: []
-		}),
-		content: "uv_gky3yh5",
-		footer: "uv_gky3yh6",
-		list: "uv_gky3yh7",
-		searchInput: "uv_gky3yh8",
-		group: "uv_gky3yh9",
-		itemContainer: createRuntimeFn({
-			defaultClassName: "uv_gky3yha",
-			variantClassNames: { borderless: {
-				false: "uv_gky3yhb",
-				true: "uv_gky3yhc"
-			} },
-			defaultVariants: { borderless: false },
-			compoundVariants: []
-		}),
-		item: createRuntimeFn({
-			defaultClassName: "uv_gky3yhd",
-			variantClassNames: {
-				borderless: { true: "uv_gky3yhe" },
-				disabled: { true: "uv_gky3yhf" },
-				sentiment: {
-					neutral: "uv_gky3yhg",
-					danger: "uv_gky3yhh",
-					primary: "uv_gky3yhi"
-				}
-			},
-			defaultVariants: {
-				borderless: false,
-				disabled: false,
-				sentiment: "neutral"
-			},
-			compoundVariants: [
-				[{
+function init_styles_css() {
+	return (init_styles_css = __esmMin(() => {
+		/* @__PURE__ */ init_styles_css_ts_vanilla();
+		heightMenu = "var(--uv_gky3yh0)";
+		heightAvailableSpace = "var(--uv_gky3yh1)";
+		menuStyle = {
+			menu: createRuntimeFn({
+				defaultClassName: "uv_gky3yh2",
+				variantClassNames: {
+					arrow: { true: "uv_gky3yh3" },
+					searchable: { true: "uv_gky3yh4" }
+				},
+				defaultVariants: {
+					arrow: false,
+					searchable: false
+				},
+				compoundVariants: []
+			}),
+			content: "uv_gky3yh5",
+			footer: "uv_gky3yh6",
+			list: "uv_gky3yh7",
+			searchInput: "uv_gky3yh8",
+			group: "uv_gky3yh9",
+			itemContainer: createRuntimeFn({
+				defaultClassName: "uv_gky3yha",
+				variantClassNames: { borderless: {
+					false: "uv_gky3yhb",
+					true: "uv_gky3yhc"
+				} },
+				defaultVariants: { borderless: false },
+				compoundVariants: []
+			}),
+			item: createRuntimeFn({
+				defaultClassName: "uv_gky3yhd",
+				variantClassNames: {
+					borderless: { true: "uv_gky3yhe" },
+					disabled: { true: "uv_gky3yhf" },
+					sentiment: {
+						neutral: "uv_gky3yhg",
+						danger: "uv_gky3yhh",
+						primary: "uv_gky3yhi"
+					}
+				},
+				defaultVariants: {
+					borderless: false,
 					disabled: false,
 					sentiment: "neutral"
-				}, "uv_gky3yhj"],
-				[{
-					disabled: false,
-					sentiment: "danger"
-				}, "uv_gky3yhk"],
-				[{
-					disabled: false,
-					sentiment: "primary"
-				}, "uv_gky3yhl"],
-				[{
-					disabled: true,
-					sentiment: "neutral"
-				}, "uv_gky3yhm"],
-				[{
-					disabled: true,
-					sentiment: "danger"
-				}, "uv_gky3yhn"],
-				[{
-					disabled: true,
-					sentiment: "primary"
-				}, "uv_gky3yho"]
-			]
-		})
-	};
-});
+				},
+				compoundVariants: [
+					[{
+						disabled: false,
+						sentiment: "neutral"
+					}, "uv_gky3yhj"],
+					[{
+						disabled: false,
+						sentiment: "danger"
+					}, "uv_gky3yhk"],
+					[{
+						disabled: false,
+						sentiment: "primary"
+					}, "uv_gky3yhl"],
+					[{
+						disabled: true,
+						sentiment: "neutral"
+					}, "uv_gky3yhm"],
+					[{
+						disabled: true,
+						sentiment: "danger"
+					}, "uv_gky3yhn"],
+					[{
+						disabled: true,
+						sentiment: "primary"
+					}, "uv_gky3yho"]
+				]
+			})
+		};
+	}))();
+}
 
 //#endregion
 init_styles_css();

package/dist/components/Menu/styles.css.ts.vanilla.js

@@ -1,7 +1,9 @@
 import { __esmMin } from "../../_virtual/_rolldown/runtime.js";
 
 //#region src/components/Menu/styles.css.ts.vanilla.css
-var init_styles_css_ts_vanilla = __esmMin(() => {});
+function init_styles_css_ts_vanilla() {
+	return (init_styles_css_ts_vanilla = __esmMin(() => {}))();
+}
 
 //#endregion
 init_styles_css_ts_vanilla();