@ultraviolet/ui 3.12.3 → 3.13.1

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

@@ -0,0 +1,61 @@
+import { __esmMin, __name } from "../../../../_virtual/_rolldown/runtime.js";
+import { Tooltip, init_Tooltip } from "../../../../components/Tooltip/index.js";
+import { init_NavigationProvider, useNavigation } from "../../NavigationProvider.js";
+import { init_styles_css, navigationStyle } from "../../styles.css.js";
+import { useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
+import { PinOutlineIcon } from "@ultraviolet/icons/PinOutlineIcon";
+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"
+					})
+				})
+			})
+		}) : null;
+	};
+});
+
+//#endregion
+init_PinnedButton();
+export { ItemPinnedButton, init_PinnedButton };

package/dist/compositions/Navigation/components/Menu/Menu.d.ts

@@ -0,0 +1,3 @@
+import type { ItemMenuType } from '../ComponentsTypes';
+export declare const ItemMenu: ({ style, children, label, categoryIcon, active, hasActiveChildren, }: ItemMenuType) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Menu.d.ts.map

package/dist/compositions/Navigation/components/Menu/Menu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../../../../src/compositions/Navigation/components/Menu/Menu.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAA;AAEtD,eAAO,MAAM,QAAQ,yEAOlB,YAAY,4CAgEd,CAAA"}

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

@@ -0,0 +1,73 @@
+import { __esmMin, __name } from "../../../../_virtual/_rolldown/runtime.js";
+import { Stack, init_Stack } from "../../../../components/Stack/index.js";
+import { Tooltip, init_Tooltip } from "../../../../components/Tooltip/index.js";
+import { init_styles_css, navigationStyle } from "../../styles.css.js";
+import { Button, init_Button } from "../../../../components/Button/index.js";
+import { Menu, init_Menu as init_Menu$1 } from "../../../../components/Menu/index.js";
+import { ItemProvider, init_ItemProvider } from "../Item/ItemProvider.js";
+import { Children } from "react";
+import { jsx } from "react/jsx-runtime";
+import { OrganizationDashboardCategoryIcon } from "@ultraviolet/icons/category/OrganizationDashboardCategoryIcon";
+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_styles_css();
+	init_ItemProvider();
+	ItemMenu = ({ style, children, label, categoryIcon, active, hasActiveChildren }) => /* @__PURE__ */ jsx(Stack, {
+		alignItems: "flex-start",
+		className: navigationStyle.itemMenuStack,
+		gap: 1,
+		justifyContent: "flex-start",
+		style,
+		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",
+				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",
+				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();
+export { ItemMenu, init_Menu };

package/dist/compositions/Navigation/components/Menu/MenuItem.d.ts

@@ -0,0 +1,3 @@
+import type { ItemMenuItemType } from '../ComponentsTypes';
+export declare const ItemMenuItem: ({ active, shouldShowPinnedButton, disabled, href, onToggle, rel, style, target, hasActiveChildren, noExpand, labelDescription, label, badgeText, badgeSentiment, hasHrefAndNoChildren, pinTooltipLocale, isItemPinned, isPinDisabled, onClickPinUnpin, id, }: ItemMenuItemType) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=MenuItem.d.ts.map

package/dist/compositions/Navigation/components/Menu/MenuItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuItem.d.ts","sourceRoot":"","sources":["../../../../../src/compositions/Navigation/components/Menu/MenuItem.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AAE1D,eAAO,MAAM,YAAY,iQAqBtB,gBAAgB,4CAuFlB,CAAA"}

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

@@ -0,0 +1,99 @@
+import { __esmMin, __name } from "../../../../_virtual/_rolldown/runtime.js";
+import { Stack, init_Stack } from "../../../../components/Stack/index.js";
+import { Text, init_Text } from "../../../../components/Text/index.js";
+import { init_NavigationProvider, useNavigation } from "../../NavigationProvider.js";
+import { init_styles_css, navigationStyle } from "../../styles.css.js";
+import { Menu, init_Menu } from "../../../../components/Menu/index.js";
+import { ItemBadge, init_Badge } from "../Item/Badge.js";
+import { ItemPinnedButton, init_PinnedButton } from "../Item/PinnedButton.js";
+import { cn } from "@ultraviolet/utils";
+import { jsx, jsxs } from "react/jsx-runtime";
+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_styles_css();
+	init_Badge();
+	init_PinnedButton();
+	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, shouldAnimate, animationType } = context;
+		const computedAnimation = animation === "collapse" ? "collapse" : "expand";
+		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: [
+					animation ? null : /* @__PURE__ */ jsx(Text, {
+						as: "span",
+						className: navigationStyle.itemWrapText({
+							disabled,
+							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, {
+								animation: !!animation,
+								badgeSentiment,
+								badgeText,
+								disabled
+							}),
+							hasHrefAndNoChildren && target === "_blank" ? /* @__PURE__ */ jsx(OpenInNewIcon, {
+								className: navigationStyle.itemAnimatedIcon({
+									animated: shouldAnimate && animationType === "complex",
+									animation: computedAnimation
+								}),
+								disabled,
+								prominence: "weak",
+								sentiment: "neutral"
+							}) : null,
+							/* @__PURE__ */ jsx(ItemPinnedButton, {
+								active,
+								id,
+								isItemPinned,
+								isPinDisabled,
+								onClickPinUnpin,
+								pinTooltipLocale,
+								shouldShowPinnedButton
+							})
+						]
+					})
+				]
+			})
+		});
+	};
+});
+
+//#endregion
+init_MenuItem();
+export { ItemMenuItem, init_MenuItem };

package/dist/compositions/Navigation/components/Menu/NestedMenu.d.ts

@@ -0,0 +1,3 @@
+import type { ItemMenuItemType, ItemMenuType } from '../ComponentsTypes';
+export declare const NestedMenu: ({ children, label, active, shouldShowPinnedButton, disabled, href, onToggle, rel, style, target, hasActiveChildren, noExpand, labelDescription, badgeText, badgeSentiment, hasHrefAndNoChildren, pinTooltipLocale, isItemPinned, isPinDisabled, onClickPinUnpin, id, }: ItemMenuType & ItemMenuItemType) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=NestedMenu.d.ts.map

package/dist/compositions/Navigation/components/Menu/NestedMenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NestedMenu.d.ts","sourceRoot":"","sources":["../../../../../src/compositions/Navigation/components/Menu/NestedMenu.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,gBAAgB,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAA;AAExE,eAAO,MAAM,UAAU,2QAsBpB,YAAY,GAAG,gBAAgB,4CAmCjC,CAAA"}

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

@@ -0,0 +1,51 @@
+import { __esmMin, __name } from "../../../../_virtual/_rolldown/runtime.js";
+import { init_styles_css, navigationStyle } from "../../styles.css.js";
+import { Menu, init_Menu } from "../../../../components/Menu/index.js";
+import { ItemProvider, init_ItemProvider } from "../Item/ItemProvider.js";
+import { ItemMenuItem, init_MenuItem } from "./MenuItem.js";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/compositions/Navigation/components/Menu/NestedMenu.tsx
+var NestedMenu;
+var init_NestedMenu = __esmMin(() => {
+	init_Menu();
+	init_styles_css();
+	init_ItemProvider();
+	init_MenuItem();
+	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();
+export { NestedMenu, init_NestedMenu };

package/dist/compositions/Navigation/components/PinnedItems.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PinnedItems.d.ts","sourceRoot":"","sources":["../../../../src/compositions/Navigation/components/PinnedItems.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,aAAa,EAAa,YAAY,EAAE,MAAM,OAAO,CAAA;AAEnE,KAAK,gBAAgB,GAAG;IACtB;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAA;IACpC;;OAEG;IACH,SAAS,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;IAC3C;;OAEG;IACH,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,EAAE,MAAM,EAAE,MAAM,KAAK,YAAY,CAAA;IAClE,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;AAED,eAAO,MAAM,WAAW,yDAMrB,gBAAgB,mDA+IlB,CAAA"}

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

@@ -0,0 +1,114 @@
+'use client';
+import { __esmMin, __name } from "../../../_virtual/_rolldown/runtime.js";
+import { _objectSpread2, init_objectSpread2 } from "../../../_virtual/_@oxc-project_runtime@0.122.0/helpers/objectSpread2.js";
+import { Text, init_Text } from "../../../components/Text/index.js";
+import { init_NavigationProvider, useNavigation } from "../NavigationProvider.js";
+import { init_styles_css, navigationStyle } from "../styles.css.js";
+import { Item, init_Item } from "./Item/Item.js";
+import { useCallback } from "react";
+import { useTheme } from "@ultraviolet/themes";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { PinCategoryIcon } from "@ultraviolet/icons/category";
+
+//#region src/compositions/Navigation/components/PinnedItems.tsx
+var PinnedItems;
+var init_PinnedItems = __esmMin(() => {
+	init_Text();
+	init_NavigationProvider();
+	init_styles_css();
+	init_Item();
+	init_objectSpread2();
+	PinnedItems = ({ toggle = true, onReorder, onToggle, itemWrapper, style }) => {
+		const context = useNavigation();
+		if (!context) throw new Error("Navigation.PinnedItems can only be used inside a NavigationProvider.");
+		const { locales, pinnedItems, pinnedFeature, reorderItems, expanded, items, animation, showHide } = context;
+		const theme = useTheme();
+		const onDrop = useCallback((event, index) => {
+			event.preventDefault();
+			if (event === null || event === void 0 ? void 0 : event.dataTransfer) {
+				event.currentTarget.style.borderColor = "transparent";
+				const data = JSON.parse(event.dataTransfer.getData("text"));
+				if (data.index === index - 1 || index > data.index) {
+					const newItems = reorderItems(data.index, index - 1);
+					onReorder === null || onReorder === void 0 || onReorder(newItems);
+					return;
+				}
+				const newItems = reorderItems(data.index, index);
+				onReorder === null || onReorder === void 0 || onReorder(newItems);
+			}
+		}, [onReorder, reorderItems]);
+		const onDragOver = useCallback((event) => {
+			event.preventDefault();
+			event.currentTarget.style.borderColor = theme.colors.primary.border;
+		}, [theme.colors.primary.border]);
+		const onDragLeave = useCallback((event) => {
+			event.preventDefault();
+			event.currentTarget.style.borderColor = "transparent";
+		}, []);
+		if (Object.keys(items).length === 0) return null;
+		if (pinnedFeature && showHide !== "hide") return /* @__PURE__ */ jsx("div", {
+			style: _objectSpread2({ width: animation ? "100%" : void 0 }, style),
+			children: /* @__PURE__ */ jsxs(Item, {
+				categoryIcon: /* @__PURE__ */ jsx(PinCategoryIcon, { variant: "neutral" }),
+				"data-testid": "pinned-group",
+				id: "pinned-group",
+				label: locales["navigation.pinned.item.group.label"],
+				onToggle,
+				toggle,
+				type: "pinnedGroup",
+				children: [pinnedItems.length > 0 ? pinnedItems.map((itemId, index) => {
+					var _items$itemId;
+					if ((_items$itemId = items[itemId]) === null || _items$itemId === void 0 ? void 0 : _items$itemId.label) {
+						var _items$itemId$active;
+						var _items$itemId2;
+						var _items$itemId$onClick;
+						var _items$itemId3;
+						var _items$itemId4;
+						const itemElement = /* @__PURE__ */ jsx(Item, {
+							active: (_items$itemId$active = (_items$itemId2 = items[itemId]) === null || _items$itemId2 === void 0 ? void 0 : _items$itemId2.active) !== null && _items$itemId$active !== void 0 ? _items$itemId$active : false,
+							id: itemId,
+							index,
+							label: items[itemId].label,
+							onClickPinUnpin: (_items$itemId$onClick = (_items$itemId3 = items[itemId]) === null || _items$itemId3 === void 0 ? void 0 : _items$itemId3.onClickPinUnpin) !== null && _items$itemId$onClick !== void 0 ? _items$itemId$onClick : void 0,
+							onToggle: (_items$itemId4 = items[itemId]) === null || _items$itemId4 === void 0 ? void 0 : _items$itemId4.onToggle,
+							toggle,
+							type: "pinned"
+						}, itemId);
+						return /* @__PURE__ */ jsxs("div", {
+							className: navigationStyle.pinnedItemRelativeDiv,
+							children: [/* @__PURE__ */ jsx("div", {
+								className: navigationStyle.pinnedItemDropableArea,
+								onDragLeave,
+								onDragOver,
+								onDrop: (event) => onDrop(event, index)
+							}), itemWrapper ? itemWrapper(itemElement, itemId) : itemElement]
+						}, itemId);
+					}
+					return null;
+				}) : /* @__PURE__ */ jsx("div", {
+					className: navigationStyle.pinnedItemContainer({ expanded }),
+					children: /* @__PURE__ */ jsx(Text, {
+						as: "p",
+						prominence: "weak",
+						sentiment: "neutral",
+						variant: "caption",
+						children: locales["navigation.pinned.item.group.empty"]
+					})
+				}), /* @__PURE__ */ jsx("div", {
+					className: navigationStyle.pinnedItemRelativeDiv,
+					children: /* @__PURE__ */ jsx("div", {
+						className: navigationStyle.pinnedItemDropableArea,
+						onDragLeave,
+						onDragOver,
+						onDrop: (event) => onDrop(event, pinnedItems.length)
+					})
+				})]
+			})
+		});
+		return null;
+	};
+});
+
+//#endregion
+init_PinnedItems();
+export { PinnedItems, init_PinnedItems };

package/dist/compositions/Navigation/components/Separator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Separator.d.ts","sourceRoot":"","sources":["../../../../src/compositions/Navigation/components/Separator.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,SAAS,+CAErB,CAAA"}

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

@@ -0,0 +1,17 @@
+'use client';
+import { __esmMin, __name } from "../../../_virtual/_rolldown/runtime.js";
+import { init_styles_css, navigationStyle } from "../styles.css.js";
+import { Separator as Separator$1, init_Separator as init_Separator$1 } from "../../../components/Separator/index.js";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/compositions/Navigation/components/Separator.tsx
+var Separator;
+var init_Separator = __esmMin(() => {
+	init_Separator$1();
+	init_styles_css();
+	Separator = () => /* @__PURE__ */ jsx(Separator$1, { className: navigationStyle.separator });
+});
+
+//#endregion
+init_Separator();
+export { Separator, init_Separator };

package/dist/compositions/Navigation/components/ShowHide.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShowHide.d.ts","sourceRoot":"","sources":["../../../../src/compositions/Navigation/components/ShowHide.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAErD,KAAK,WAAW,GAAG;IACjB,WAAW,EAAE,SAAS,CAAA;IACtB,WAAW,EAAE,SAAS,CAAA;IACtB,UAAU,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAA;IAChD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;AAED,eAAO,MAAM,QAAQ,6HAQhB,WAAW,6CAwDf,CAAA"}

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

@@ -0,0 +1,62 @@
+'use client';
+import { __esmMin, __name } from "../../../_virtual/_rolldown/runtime.js";
+import { Stack, init_Stack } from "../../../components/Stack/index.js";
+import { init_NavigationProvider, useNavigation } from "../NavigationProvider.js";
+import { init_styles_css, navigationStyle } from "../styles.css.js";
+import { Button, init_Button } from "../../../components/Button/index.js";
+import { memo, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+import { ArrowDownIcon } from "@ultraviolet/icons/ArrowDownIcon";
+import { ArrowUpIcon } from "@ultraviolet/icons/ArrowUpIcon";
+
+//#region src/compositions/Navigation/components/ShowHide.tsx
+var ShowHide;
+var init_ShowHide = __esmMin(() => {
+	init_Button();
+	init_Stack();
+	init_NavigationProvider();
+	init_styles_css();
+	ShowHide = memo(({ showContent, hideContent, onShowHide, tooltip, "data-testid": dataTestId, style }) => {
+		const context = useNavigation();
+		if (!context) throw new Error("Navigation.ShowAll can only be used inside a NavigationProvider.");
+		const { expanded, showHide } = context;
+		const [computedShown, setIsShown] = useState(showHide === "show");
+		const onClick = () => {
+			setIsShown(!computedShown);
+			onShowHide === null || onShowHide === void 0 || onShowHide(computedShown ? "hide" : "show");
+		};
+		if (expanded) return /* @__PURE__ */ jsx(Stack, {
+			className: navigationStyle.showHideStack,
+			justifyContent: "flex-end",
+			style,
+			children: /* @__PURE__ */ jsx(Button, {
+				"data-testid": dataTestId,
+				onClick,
+				sentiment: "primary",
+				size: "small",
+				style,
+				variant: "ghost",
+				children: computedShown ? hideContent : showContent
+			})
+		});
+		return /* @__PURE__ */ jsx(Stack, {
+			alignItems: "center",
+			className: navigationStyle.showHideStack,
+			justifyContent: "flex-end",
+			style,
+			children: /* @__PURE__ */ jsx(Button, {
+				"data-testid": dataTestId,
+				onClick,
+				sentiment: "primary",
+				size: "small",
+				tooltip,
+				variant: "ghost",
+				children: computedShown ? /* @__PURE__ */ jsx(ArrowUpIcon, {}) : /* @__PURE__ */ jsx(ArrowDownIcon, {})
+			})
+		});
+	});
+});
+
+//#endregion
+init_ShowHide();
+export { ShowHide, init_ShowHide };

package/dist/compositions/Navigation/components/items.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"items.css.d.ts","sourceRoot":"","sources":["../../../../src/compositions/Navigation/components/items.css.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,iBAAiB,QAAwB,CAAA;AAEtD,eAAO,MAAM,YAAY,QAAkC,CAAA;AAE3D,eAAO,MAAM,UAAU,QAAyC,CAAA;AAWhE,eAAO,MAAM,WAAW,uCAiBtB,CAAA;AAEF,eAAO,MAAM,QAAQ,QAEnB,CAAA;AAEF,eAAO,MAAM,cAAc,QAAY,CAAA;AAEvC,eAAO,MAAM,iBAAiB,QAU5B,CAAA;AAEF,eAAO,MAAM,aAAa;;;;;;;;QAsDpB,IAAI;YACF,eAAe;;;;QAIjB,IAAI;YACF,eAAe;YACf,SAAS;gBACP,SAAS;oBACP,eAAe;;;;;;;;;;;;;;;EAgBzB,CAAA;AAEF,eAAO,MAAM,qBAAqB;;QAG5B,IAAI;;;QAGJ,QAAQ;QACR,MAAM;;EAiBV,CAAA;AAEF,eAAO,MAAM,iBAAiB,QAAY,CAAA;AAC1C,eAAO,MAAM,iBAAiB,QAAY,CAAA;AAC1C,eAAO,MAAM,YAAY,QAAY,CAAA;AAErC,eAAO,MAAM,YAAY;;QAGnB,IAAI;;;QAGJ,IAAI;;;QAGJ,IAAI;;EAGR,CAAA;AAEF,eAAO,MAAM,YAAY,QAUvB,CAAA;AACF,eAAO,MAAM,YAAY;;QAmBnB,IAAI;YACF,KAAK;;;;QAIP,IAAI;YACF,KAAK;;;EAIX,CAAA;AAEF,eAAO,MAAM,SAAS,QAepB,CAAA;AAEF,eAAO,MAAM,gBAAgB,QA0B3B,CAAA;AAEF,eAAO,MAAM,gBAAgB;;QAGvB,IAAI;;;QAGJ,QAAQ;QACR,MAAM;;EAiBV,CAAA;AAEF,eAAO,MAAM,aAAa,QAIxB,CAAA;AAEF,eAAO,MAAM,aAAa,QAExB,CAAA;AAEF,eAAO,MAAM,gBAAgB,QAE3B,CAAA;AAEF,eAAO,MAAM,gBAAgB;;;;;;EAW3B,CAAA"}

package/dist/compositions/Navigation/components/items.css.ts.vanilla.js

@@ -0,0 +1,8 @@
+import { __esmMin } from "../../../_virtual/_rolldown/runtime.js";
+
+//#region src/compositions/Navigation/components/items.css.ts.vanilla.css
+var init_items_css_ts_vanilla = __esmMin(() => {});
+
+//#endregion
+init_items_css_ts_vanilla();
+export { init_items_css_ts_vanilla };

package/dist/compositions/Navigation/components/styles.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../../src/compositions/Navigation/components/styles.css.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,SAAS;;;;;;;;;;EAkBpB,CAAA;AAEF,eAAO,MAAM,UAAU,QAAwC,CAAA;AAE/D,eAAO,MAAM,sBAAsB,QAsBjC,CAAA;AAEF,eAAO,MAAM,qBAAqB,QAEhC,CAAA;AAEF,eAAO,MAAM,mBAAmB;;QAM1B,IAAI;YACF,UAAU;YACV,WAAW;;;EAIjB,CAAA;AAEF,eAAO,MAAM,SAAS,QAGpB,CAAA;AAEF,eAAO,MAAM,aAAa,QAExB,CAAA"}

package/dist/compositions/Navigation/components/styles.css.ts.vanilla.js

@@ -0,0 +1,8 @@
+import { __esmMin } from "../../../_virtual/_rolldown/runtime.js";
+
+//#region src/compositions/Navigation/components/styles.css.ts.vanilla.css
+var init_styles_css_ts_vanilla = __esmMin(() => {});
+
+//#endregion
+init_styles_css_ts_vanilla();
+export { init_styles_css_ts_vanilla };

package/dist/compositions/Navigation/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/compositions/Navigation/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,oBAAoB,MAAM,CAAA;AACvC,eAAO,MAAM,gBAAgB,MAAM,CAAA;AACnC,eAAO,MAAM,0BAA0B,KAAK,CAAA;AAC5C,eAAO,MAAM,oBAAoB,MAAM,CAAA;AAEvC;;;GAGG;AACH,eAAO,MAAM,kBAAkB,MAAM,CAAA"}

package/dist/compositions/Navigation/constants.js

@@ -0,0 +1,8 @@
+import { __esmMin } from "../../_virtual/_rolldown/runtime.js";
+
+//#region src/compositions/Navigation/constants.ts
+var init_constants = __esmMin(() => {});
+
+//#endregion
+init_constants();
+export { init_constants };

package/dist/compositions/Navigation/index.d.ts

@@ -0,0 +1,65 @@
+import { NavigationProvider, useNavigation } from './NavigationProvider';
+import type { NavigationProps } from './types';
+export declare function Navigation({ 'data-testid': dataTestId, children, className, id, logo, onToggleExpand, onWidthResize, style }: NavigationProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace Navigation {
+    var Group: ({ children, label, style, additionalData, }: {
+        children: import("react").ReactNode;
+        label: string;
+        style?: import("react").CSSProperties;
+        additionalData?: import("react").ReactNode;
+    }) => import("react/jsx-runtime").JSX.Element | null;
+}
+export declare namespace Navigation {
+    var Item: import("react").MemoExoticComponent<({ children, categoryIcon, label, labelDescription, subLabel, badgeText, badgeSentiment, href, target, rel, onToggle, onClickPinUnpin, toggle, active, noPinButton, type, as, disabled, noExpand, index, id, 'data-testid': dataTestId, style, alwaysVisible, }: {
+        children?: import("react").ReactNode;
+        categoryIcon?: import("react").ReactNode;
+        label: string;
+        labelDescription?: import("react").ReactNode;
+        id: string;
+        subLabel?: string;
+        badgeText?: string;
+        badgeSentiment?: "black" | "danger" | "info" | "neutral" | "primary" | "secondary" | "success" | "warning" | "white" | undefined;
+        href?: HTMLAnchorElement['href'];
+        target?: HTMLAnchorElement['target'];
+        rel?: HTMLAnchorElement['rel'];
+        onToggle?: (toggle: boolean) => void;
+        onClickPinUnpin?: (parameters: import("./types").PinUnPinType) => void;
+        toggle?: boolean;
+        active?: boolean;
+        noPinButton?: boolean;
+        type?: import("./types").ItemType;
+        index?: number;
+        as?: import("react").ElementType;
+        noExpand?: boolean;
+        alwaysVisible?: boolean;
+        disabled?: boolean;
+        'data-testid'?: string;
+        style?: import("react").CSSProperties;
+    }) => import("react/jsx-runtime").JSX.Element | null>;
+}
+export declare namespace Navigation {
+    var PinnedItems: ({ toggle, onReorder, onToggle, itemWrapper, style, }: {
+        toggle?: boolean;
+        onToggle?: (toggle: boolean) => void;
+        onReorder?: (pinnedItems: string[]) => void;
+        itemWrapper?: (item: import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>, itemId: string) => import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+        style?: import("react").CSSProperties;
+    }) => import("react/jsx-runtime").JSX.Element | null;
+}
+export declare namespace Navigation {
+    var Separator: () => import("react/jsx-runtime").JSX.Element;
+}
+export declare namespace Navigation {
+    var ShowHide: import("react").MemoExoticComponent<({ showContent, hideContent, onShowHide, tooltip, 'data-testid': dataTestId, style, }: {
+        showContent: import("react").ReactNode;
+        hideContent: import("react").ReactNode;
+        onShowHide?: (expanded: 'show' | 'hide') => void;
+        disabled?: boolean;
+        tooltip?: string;
+        'data-testid'?: string;
+        style?: import("react").CSSProperties;
+    }) => import("react/jsx-runtime").JSX.Element>;
+}
+export { NavigationProvider, useNavigation };
+export type { NavigationProps };
+//# sourceMappingURL=index.d.ts.map

package/dist/compositions/Navigation/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/compositions/Navigation/index.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,kBAAkB,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAA;AAExE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;mCAOnB,EACzB,aAAa,EAAE,UAAU,EACzB,QAAQ,EACR,SAAS,EACT,EAAE,EACF,IAAI,EACJ,cAAc,EACd,aAAa,EACb,KAAK,EACN,EAAE,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqBlB,OAAO,EAAE,kBAAkB,EAAE,aAAa,EAAE,CAAA;AAC5C,YAAY,EAAE,eAAe,EAAE,CAAA"}