@ultraviolet/ui 3.21.1 → 3.21.2

package/dist/compositions/Navigation/components/Item/ItemProvider.js

@@ -5,16 +5,18 @@ import { jsx } from "react/jsx-runtime";
 
 //#region src/compositions/Navigation/components/Item/ItemProvider.tsx
 var ItemContext, ItemProvider;
-var init_ItemProvider = __esmMin(() => {
-	ItemContext = createContext(false);
-	ItemProvider = ({ children }) => {
-		const value = useMemo(() => true, []);
-		return /* @__PURE__ */ jsx(ItemContext.Provider, {
-			value,
-			children
-		});
-	};
-});
+function init_ItemProvider() {
+	return (init_ItemProvider = __esmMin(() => {
+		ItemContext = createContext(false);
+		ItemProvider = ({ children }) => {
+			const value = useMemo(() => true, []);
+			return /* @__PURE__ */ jsx(ItemContext.Provider, {
+				value,
+				children
+			});
+		};
+	}))();
+}
 
 //#endregion
 init_ItemProvider();

package/dist/compositions/Navigation/components/Item/PinnedButton.js

@@ -9,52 +9,54 @@ import { UnpinIcon } from "@ultraviolet/icons/UnpinIcon";
 
 //#region src/compositions/Navigation/components/Item/PinnedButton.tsx
 var ItemPinnedButton;
-var init_PinnedButton = __esmMin(() => {
-	init_Tooltip();
-	init_NavigationProvider();
-	init_styles_css();
-	ItemPinnedButton = ({ shouldShowPinnedButton, isItemPinned, pinTooltipLocale, isPinDisabled, id, active, onClickPinUnpin }) => {
-		const context = useNavigation();
-		if (!context) throw new Error("Navigation.Item can only be used inside a NavigationProvider.");
-		const { locales, pinItem, unpinItem, pinnedItems, pinLimit } = context;
-		const PinUnpinIcon = useMemo(() => isItemPinned ? UnpinIcon : PinOutlineIcon, [isItemPinned]);
-		return shouldShowPinnedButton ? /* @__PURE__ */ jsx(Tooltip, {
-			placement: "right",
-			tabIndex: -1,
-			text: isItemPinned ? locales["navigation.unpin.tooltip"] : pinTooltipLocale,
-			children: /* @__PURE__ */ jsx("div", {
-				className: navigationStyle.itemRelative,
-				children: /* @__PURE__ */ jsx("button", {
-					"aria-disabled": isItemPinned ? false : isPinDisabled,
-					"aria-label": isItemPinned ? "unpin" : "pin",
-					className: navigationStyle.itemPinnedButton,
-					onClick: (event) => {
-						if (pinnedItems.length < pinLimit || isItemPinned) {
-							event.preventDefault();
-							event.stopPropagation();
-							let newValue;
-							if (isItemPinned) newValue = unpinItem(id);
-							else newValue = pinItem(id);
-							onClickPinUnpin === null || onClickPinUnpin === void 0 || onClickPinUnpin({
-								id,
-								state: isItemPinned ? "unpin" : "pin",
-								totalPinned: newValue
-							});
-						}
-					},
-					onKeyDown: () => {},
-					type: "button",
-					children: /* @__PURE__ */ jsx(PinUnpinIcon, {
-						className: navigationStyle.itemPinIcon[active ? "active" : "inactive"],
-						disabled: isItemPinned ? false : isPinDisabled,
-						sentiment: active ? "primary" : "neutral",
-						size: "medium"
+function init_PinnedButton() {
+	return (init_PinnedButton = __esmMin(() => {
+		init_Tooltip();
+		init_NavigationProvider();
+		init_styles_css();
+		ItemPinnedButton = ({ shouldShowPinnedButton, isItemPinned, pinTooltipLocale, isPinDisabled, id, active, onClickPinUnpin }) => {
+			const context = useNavigation();
+			if (!context) throw new Error("Navigation.Item can only be used inside a NavigationProvider.");
+			const { locales, pinItem, unpinItem, pinnedItems, pinLimit } = context;
+			const PinUnpinIcon = useMemo(() => isItemPinned ? UnpinIcon : PinOutlineIcon, [isItemPinned]);
+			return shouldShowPinnedButton ? /* @__PURE__ */ jsx(Tooltip, {
+				placement: "right",
+				tabIndex: -1,
+				text: isItemPinned ? locales["navigation.unpin.tooltip"] : pinTooltipLocale,
+				children: /* @__PURE__ */ jsx("div", {
+					className: navigationStyle.itemRelative,
+					children: /* @__PURE__ */ jsx("button", {
+						"aria-disabled": isItemPinned ? false : isPinDisabled,
+						"aria-label": isItemPinned ? "unpin" : "pin",
+						className: navigationStyle.itemPinnedButton,
+						onClick: (event) => {
+							if (pinnedItems.length < pinLimit || isItemPinned) {
+								event.preventDefault();
+								event.stopPropagation();
+								let newValue;
+								if (isItemPinned) newValue = unpinItem(id);
+								else newValue = pinItem(id);
+								onClickPinUnpin === null || onClickPinUnpin === void 0 || onClickPinUnpin({
+									id,
+									state: isItemPinned ? "unpin" : "pin",
+									totalPinned: newValue
+								});
+							}
+						},
+						onKeyDown: () => {},
+						type: "button",
+						children: /* @__PURE__ */ jsx(PinUnpinIcon, {
+							className: navigationStyle.itemPinIcon[active ? "active" : "inactive"],
+							disabled: isItemPinned ? false : isPinDisabled,
+							sentiment: active ? "primary" : "neutral",
+							size: "medium"
+						})
 					})
 				})
-			})
-		}) : null;
-	};
-});
+			}) : null;
+		};
+	}))();
+}
 
 //#endregion
 init_PinnedButton();

package/dist/compositions/Navigation/components/Menu/Menu.js

@@ -12,63 +12,65 @@ import { DotsHorizontalIcon } from "@ultraviolet/icons/DotsHorizontalIcon";
 
 //#region src/compositions/Navigation/components/Menu/Menu.tsx
 var ItemMenu;
-var init_Menu = __esmMin(() => {
-	init_Button();
-	init_Menu$1();
-	init_Stack();
-	init_Tooltip();
-	init_ItemProvider();
-	init_styles_css();
-	ItemMenu = ({ style, children, label, categoryIcon, active, hasActiveChildren, "data-flip-id": dataFlipId }) => /* @__PURE__ */ jsx(Stack, {
-		alignItems: "center",
-		gap: 1,
-		justifyContent: "flex-start",
-		style,
-		"data-flip-id": dataFlipId,
-		children: Children.count(children) > 0 ? /* @__PURE__ */ jsx(Menu, {
-			className: navigationStyle.itemMenuContainer,
-			disclosure: /* @__PURE__ */ jsx(Button, {
-				"aria-label": label,
-				sentiment: "neutral",
-				size: "small",
-				variant: hasActiveChildren ? "filled" : "ghost",
-				className: navigationStyle.itemCollapsed,
-				children: categoryIcon ? /* @__PURE__ */ jsx(Stack, {
-					alignItems: "center",
-					direction: "row",
-					gap: 1,
-					justifyContent: "center",
-					children: categoryIcon
-				}) : /* @__PURE__ */ jsx(DotsHorizontalIcon, {})
-			}),
-			dynamicDomRendering: false,
-			placement: "right",
-			triggerMethod: "hover",
-			children: /* @__PURE__ */ jsx(Menu.Group, {
-				label,
-				children: /* @__PURE__ */ jsx(ItemProvider, { children })
-			})
-		}) : /* @__PURE__ */ jsx(Tooltip, {
-			placement: "right",
-			tabIndex: -1,
-			text: label,
-			children: /* @__PURE__ */ jsx(Button, {
-				"aria-label": label,
-				sentiment: "neutral",
-				size: "small",
-				variant: active ? "filled" : "ghost",
-				className: navigationStyle.itemCollapsed,
-				children: /* @__PURE__ */ jsx(Stack, {
-					alignItems: "center",
-					direction: "row",
-					gap: 1,
-					justifyContent: "center",
-					children: categoryIcon !== null && categoryIcon !== void 0 ? categoryIcon : /* @__PURE__ */ jsx(OrganizationDashboardCategoryIcon, { variant: active ? "primary" : "neutral" })
+function init_Menu() {
+	return (init_Menu = __esmMin(() => {
+		init_Button();
+		init_Menu$1();
+		init_Stack();
+		init_Tooltip();
+		init_ItemProvider();
+		init_styles_css();
+		ItemMenu = ({ style, children, label, categoryIcon, active, hasActiveChildren, "data-flip-id": dataFlipId }) => /* @__PURE__ */ jsx(Stack, {
+			alignItems: "center",
+			gap: 1,
+			justifyContent: "flex-start",
+			style,
+			"data-flip-id": dataFlipId,
+			children: Children.count(children) > 0 ? /* @__PURE__ */ jsx(Menu, {
+				className: navigationStyle.itemMenuContainer,
+				disclosure: /* @__PURE__ */ jsx(Button, {
+					"aria-label": label,
+					sentiment: "neutral",
+					size: "small",
+					variant: hasActiveChildren ? "filled" : "ghost",
+					className: navigationStyle.itemCollapsed,
+					children: categoryIcon ? /* @__PURE__ */ jsx(Stack, {
+						alignItems: "center",
+						direction: "row",
+						gap: 1,
+						justifyContent: "center",
+						children: categoryIcon
+					}) : /* @__PURE__ */ jsx(DotsHorizontalIcon, {})
+				}),
+				dynamicDomRendering: false,
+				placement: "right",
+				triggerMethod: "hover",
+				children: /* @__PURE__ */ jsx(Menu.Group, {
+					label,
+					children: /* @__PURE__ */ jsx(ItemProvider, { children })
+				})
+			}) : /* @__PURE__ */ jsx(Tooltip, {
+				placement: "right",
+				tabIndex: -1,
+				text: label,
+				children: /* @__PURE__ */ jsx(Button, {
+					"aria-label": label,
+					sentiment: "neutral",
+					size: "small",
+					variant: active ? "filled" : "ghost",
+					className: navigationStyle.itemCollapsed,
+					children: /* @__PURE__ */ jsx(Stack, {
+						alignItems: "center",
+						direction: "row",
+						gap: 1,
+						justifyContent: "center",
+						children: categoryIcon !== null && categoryIcon !== void 0 ? categoryIcon : /* @__PURE__ */ jsx(OrganizationDashboardCategoryIcon, { variant: active ? "primary" : "neutral" })
+					})
 				})
 			})
-		})
-	});
-});
+		});
+	}))();
+}
 
 //#endregion
 init_Menu();

package/dist/compositions/Navigation/components/Menu/MenuItem.js

@@ -12,82 +12,84 @@ import { OpenInNewIcon } from "@ultraviolet/icons/OpenInNewIcon";
 
 //#region src/compositions/Navigation/components/Menu/MenuItem.tsx
 var ItemMenuItem;
-var init_MenuItem = __esmMin(() => {
-	init_Menu();
-	init_Stack();
-	init_Text();
-	init_NavigationProvider();
-	init_Badge();
-	init_PinnedButton();
-	init_styles_css();
-	ItemMenuItem = ({ active, shouldShowPinnedButton, disabled, href, onToggle, rel, style, target, hasActiveChildren, noExpand, labelDescription, label, badgeText, badgeSentiment, hasHrefAndNoChildren, pinTooltipLocale, isItemPinned, isPinDisabled, onClickPinUnpin, id }) => {
-		const context = useNavigation();
-		if (!context) throw new Error("Navigation.Item can only be used inside a NavigationProvider.");
-		const { pinnedFeature, animation } = context;
-		return /* @__PURE__ */ jsx(Menu.Item, {
-			active,
-			borderless: true,
-			className: cn(navigationStyle.itemMenu, pinnedFeature && shouldShowPinnedButton ? navigationStyle.itemMenuPinned : ""),
-			"data-testid": id,
-			disabled,
-			href,
-			onClick: () => onToggle === null || onToggle === void 0 ? void 0 : onToggle(!!active),
-			rel,
-			sentiment: active ? "primary" : "neutral",
-			style,
-			target,
-			children: /* @__PURE__ */ jsxs(Stack, {
-				alignItems: "center",
-				direction: "row",
-				flex: 1,
-				gap: 1,
-				justifyContent: "space-between",
-				width: "100%",
-				children: [
-					/* @__PURE__ */ jsx(Text, {
-						as: "span",
-						className: navigationStyle.itemWrapText({
-							disabled,
-							animation,
-							weak: hasActiveChildren && !noExpand && !disabled && !!active
-						}),
-						variant: "bodySmall",
-						whiteSpace: "pre-wrap",
-						children: label
-					}),
-					labelDescription ? /* @__PURE__ */ jsx("span", {
-						className: navigationStyle.itemPadded,
-						children: labelDescription
-					}) : null,
-					/* @__PURE__ */ jsxs(Stack, {
-						direction: "row",
-						children: [
-							/* @__PURE__ */ jsx(ItemBadge, {
-								badgeSentiment,
-								badgeText,
-								disabled
-							}),
-							hasHrefAndNoChildren && target === "_blank" ? /* @__PURE__ */ jsx(OpenInNewIcon, {
+function init_MenuItem() {
+	return (init_MenuItem = __esmMin(() => {
+		init_Menu();
+		init_Stack();
+		init_Text();
+		init_NavigationProvider();
+		init_Badge();
+		init_PinnedButton();
+		init_styles_css();
+		ItemMenuItem = ({ active, shouldShowPinnedButton, disabled, href, onToggle, rel, style, target, hasActiveChildren, noExpand, labelDescription, label, badgeText, badgeSentiment, hasHrefAndNoChildren, pinTooltipLocale, isItemPinned, isPinDisabled, onClickPinUnpin, id }) => {
+			const context = useNavigation();
+			if (!context) throw new Error("Navigation.Item can only be used inside a NavigationProvider.");
+			const { pinnedFeature, animation } = context;
+			return /* @__PURE__ */ jsx(Menu.Item, {
+				active,
+				borderless: true,
+				className: cn(navigationStyle.itemMenu, pinnedFeature && shouldShowPinnedButton ? navigationStyle.itemMenuPinned : ""),
+				"data-testid": id,
+				disabled,
+				href,
+				onClick: () => onToggle === null || onToggle === void 0 ? void 0 : onToggle(!!active),
+				rel,
+				sentiment: active ? "primary" : "neutral",
+				style,
+				target,
+				children: /* @__PURE__ */ jsxs(Stack, {
+					alignItems: "center",
+					direction: "row",
+					flex: 1,
+					gap: 1,
+					justifyContent: "space-between",
+					width: "100%",
+					children: [
+						/* @__PURE__ */ jsx(Text, {
+							as: "span",
+							className: navigationStyle.itemWrapText({
 								disabled,
-								prominence: "weak",
-								sentiment: "neutral"
-							}) : null,
-							/* @__PURE__ */ jsx(ItemPinnedButton, {
-								active,
-								id,
-								isItemPinned,
-								isPinDisabled,
-								onClickPinUnpin,
-								pinTooltipLocale,
-								shouldShowPinnedButton
-							})
-						]
-					})
-				]
-			})
-		});
-	};
-});
+								animation,
+								weak: hasActiveChildren && !noExpand && !disabled && !!active
+							}),
+							variant: "bodySmall",
+							whiteSpace: "pre-wrap",
+							children: label
+						}),
+						labelDescription ? /* @__PURE__ */ jsx("span", {
+							className: navigationStyle.itemPadded,
+							children: labelDescription
+						}) : null,
+						/* @__PURE__ */ jsxs(Stack, {
+							direction: "row",
+							children: [
+								/* @__PURE__ */ jsx(ItemBadge, {
+									badgeSentiment,
+									badgeText,
+									disabled
+								}),
+								hasHrefAndNoChildren && target === "_blank" ? /* @__PURE__ */ jsx(OpenInNewIcon, {
+									disabled,
+									prominence: "weak",
+									sentiment: "neutral"
+								}) : null,
+								/* @__PURE__ */ jsx(ItemPinnedButton, {
+									active,
+									id,
+									isItemPinned,
+									isPinDisabled,
+									onClickPinUnpin,
+									pinTooltipLocale,
+									shouldShowPinnedButton
+								})
+							]
+						})
+					]
+				})
+			});
+		};
+	}))();
+}
 
 //#endregion
 init_MenuItem();

package/dist/compositions/Navigation/components/Menu/NestedMenu.js

@@ -7,44 +7,46 @@ import { jsx } from "react/jsx-runtime";
 
 //#region src/compositions/Navigation/components/Menu/NestedMenu.tsx
 var NestedMenu;
-var init_NestedMenu = __esmMin(() => {
-	init_Menu();
-	init_ItemProvider();
-	init_MenuItem();
-	init_styles_css();
-	NestedMenu = ({ children, label, active, shouldShowPinnedButton, disabled, href, onToggle, rel, style, target, hasActiveChildren, noExpand, labelDescription, badgeText, badgeSentiment, hasHrefAndNoChildren, pinTooltipLocale, isItemPinned, isPinDisabled, onClickPinUnpin, id }) => /* @__PURE__ */ jsx(Menu, {
-		className: navigationStyle.itemMenuContainer,
-		disclosure: /* @__PURE__ */ jsx(ItemMenuItem, {
-			active,
-			badgeSentiment,
-			badgeText,
-			disabled,
-			hasActiveChildren,
-			hasHrefAndNoChildren,
-			href,
-			id,
-			isItemPinned,
-			isPinDisabled,
-			label,
-			labelDescription,
-			noExpand,
-			onClickPinUnpin,
-			onToggle,
-			pinTooltipLocale,
-			rel,
-			shouldShowPinnedButton,
-			style,
-			target
-		}),
-		dynamicDomRendering: false,
-		placement: "right",
-		triggerMethod: "hover",
-		children: /* @__PURE__ */ jsx(Menu.Group, {
-			label,
-			children: /* @__PURE__ */ jsx(ItemProvider, { children })
-		})
-	});
-});
+function init_NestedMenu() {
+	return (init_NestedMenu = __esmMin(() => {
+		init_Menu();
+		init_ItemProvider();
+		init_MenuItem();
+		init_styles_css();
+		NestedMenu = ({ children, label, active, shouldShowPinnedButton, disabled, href, onToggle, rel, style, target, hasActiveChildren, noExpand, labelDescription, badgeText, badgeSentiment, hasHrefAndNoChildren, pinTooltipLocale, isItemPinned, isPinDisabled, onClickPinUnpin, id }) => /* @__PURE__ */ jsx(Menu, {
+			className: navigationStyle.itemMenuContainer,
+			disclosure: /* @__PURE__ */ jsx(ItemMenuItem, {
+				active,
+				badgeSentiment,
+				badgeText,
+				disabled,
+				hasActiveChildren,
+				hasHrefAndNoChildren,
+				href,
+				id,
+				isItemPinned,
+				isPinDisabled,
+				label,
+				labelDescription,
+				noExpand,
+				onClickPinUnpin,
+				onToggle,
+				pinTooltipLocale,
+				rel,
+				shouldShowPinnedButton,
+				style,
+				target
+			}),
+			dynamicDomRendering: false,
+			placement: "right",
+			triggerMethod: "hover",
+			children: /* @__PURE__ */ jsx(Menu.Group, {
+				label,
+				children: /* @__PURE__ */ jsx(ItemProvider, { children })
+			})
+		});
+	}))();
+}
 
 //#endregion
 init_NestedMenu();