@ultraviolet/ui 3.11.1 → 3.12.0

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

@@ -1,135 +1,148 @@
-import { __name } from "../../../../_virtual/_rolldown/runtime.js";
-import { Stack } from "../../../Stack/index.js";
-import { Tooltip } from "../../../Tooltip/index.js";
-import { Text } from "../../../Text/index.js";
-import { useNavigation } from "../NavigationProvider.js";
-import { navigationItemAnimatedIcon, navigationItemMenu, navigationItemMenuContainer, navigationItemMenuPinned, navigationItemMenuStack, navigationItemPadded, navigationItemWrapText } from "./items.css.js";
-import { ItemBadge, ItemPinnedButton } from "./ItemFragments.js";
-import { ItemProvider } from "./ItemProvider.js";
-import { Button } from "../../../Button/index.js";
-import { Menu } from "../../../Menu/index.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 { Text, init_Text } from "../../../Text/index.js";
+import { init_NavigationProvider, useNavigation } from "../NavigationProvider.js";
+import { init_styles_css, navigationStyle } from "../styles.css.js";
+import { ItemBadge, ItemPinnedButton, init_ItemFragments } from "./ItemFragments.js";
+import { ItemProvider, init_ItemProvider } from "./ItemProvider.js";
+import { Button, init_Button } from "../../../Button/index.js";
+import { Menu, init_Menu } from "../../../Menu/index.js";
 import { Children } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
 import { cn } from "@ultraviolet/utils";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { OpenInNewIcon } from "@ultraviolet/icons/OpenInNewIcon";
 import { OrganizationDashboardCategoryIcon } from "@ultraviolet/icons/category/OrganizationDashboardCategoryIcon";
 
 //#region src/components/compositions/Navigation/components/ItemMenu.tsx
-const ItemMenu = ({ style, children, label, categoryIcon, active, hasActiveChildren }) => /* @__PURE__ */ jsx(Stack, {
-	alignItems: "flex-start",
-	className: navigationItemMenuStack,
-	gap: 1,
-	justifyContent: "flex-start",
-	style,
-	children: Children.count(children) > 0 ? /* @__PURE__ */ jsx(Menu, {
-		className: navigationItemMenuContainer,
-		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
-			}) : null
-		}),
-		dynamicDomRendering: false,
-		placement: "right",
-		triggerMethod: "hover",
-		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" })
-			})
-		})
-	})
-});
-const 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(navigationItemMenu, pinnedFeature && shouldShowPinnedButton ? navigationItemMenuPinned : ""),
-		disabled,
-		href,
-		onClick: () => onToggle === null || onToggle === void 0 ? void 0 : onToggle(!!active),
-		rel,
-		sentiment: active ? "primary" : "neutral",
+var ItemMenu, ItemMenuItem;
+var init_ItemMenu = __esmMin(() => {
+	init_Button();
+	init_Menu();
+	init_Stack();
+	init_Text();
+	init_Tooltip();
+	init_NavigationProvider();
+	init_styles_css();
+	init_ItemFragments();
+	init_ItemProvider();
+	ItemMenu = ({ style, children, label, categoryIcon, active, hasActiveChildren }) => /* @__PURE__ */ jsx(Stack, {
+		alignItems: "flex-start",
+		className: navigationStyle.itemMenuStack,
+		gap: 1,
+		justifyContent: "flex-start",
 		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: navigationItemWrapText({
-						disabled,
-						weak: hasActiveChildren && !noExpand && !disabled && !!active
-					}),
-					variant: "bodySmall",
-					whiteSpace: "pre-wrap",
-					children: label
-				}),
-				labelDescription ? /* @__PURE__ */ jsx("span", {
-					className: navigationItemPadded,
-					children: labelDescription
-				}) : null,
-				/* @__PURE__ */ jsxs(Stack, {
+		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",
-					children: [
-						/* @__PURE__ */ jsx(ItemBadge, {
-							animation: !!animation,
-							badgeSentiment,
-							badgeText,
-							disabled
-						}),
-						hasHrefAndNoChildren && target === "_blank" ? /* @__PURE__ */ jsx(OpenInNewIcon, {
-							className: navigationItemAnimatedIcon({
-								animated: shouldAnimate && animationType === "complex",
-								animation: computedAnimation
-							}),
-							disabled,
-							prominence: "weak",
-							sentiment: "neutral"
-						}) : null,
-						/* @__PURE__ */ jsx(ItemPinnedButton, {
-							active,
-							id,
-							isItemPinned,
-							isPinDisabled,
-							onClickPinUnpin,
-							pinTooltipLocale,
-							shouldShowPinnedButton
-						})
-					]
+					gap: 1,
+					justifyContent: "center",
+					children: categoryIcon
+				}) : null
+			}),
+			dynamicDomRendering: false,
+			placement: "right",
+			triggerMethod: "hover",
+			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" })
 				})
-			]
+			})
 		})
 	});
-};
+	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 : ""),
+			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
-export { ItemMenu, ItemMenuItem };
+init_ItemMenu();
+export { ItemMenu, ItemMenuItem, init_ItemMenu };

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

@@ -1,17 +1,21 @@
 'use client';
-import { __name } from "../../../../_virtual/_rolldown/runtime.js";
+import { __esmMin, __name } from "../../../../_virtual/_rolldown/runtime.js";
 import { createContext, useMemo } from "react";
 import { jsx } from "react/jsx-runtime";
 
 //#region src/components/compositions/Navigation/components/ItemProvider.tsx
-const ItemContext = createContext(false);
-const ItemProvider = ({ children }) => {
-	const value = useMemo(() => true, []);
-	return /* @__PURE__ */ jsx(ItemContext.Provider, {
-		value,
-		children
-	});
-};
+var ItemContext, ItemProvider;
+var init_ItemProvider = __esmMin(() => {
+	ItemContext = createContext(false);
+	ItemProvider = ({ children }) => {
+		const value = useMemo(() => true, []);
+		return /* @__PURE__ */ jsx(ItemContext.Provider, {
+			value,
+			children
+		});
+	};
+});
 
 //#endregion
-export { ItemContext, ItemProvider };
+init_ItemProvider();
+export { ItemContext, ItemProvider, init_ItemProvider };

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

@@ -1 +1 @@
-{"version":3,"file":"PinnedItems.d.ts","sourceRoot":"","sources":["../../../../../src/components/compositions/Navigation/components/PinnedItems.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,aAAa,EAAa,YAAY,EAAE,MAAM,OAAO,CAAA;AAYnE,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,4HAiJvB,CAAA"}
+{"version":3,"file":"PinnedItems.d.ts","sourceRoot":"","sources":["../../../../../src/components/compositions/Navigation/components/PinnedItems.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,aAAa,EAAa,YAAY,EAAE,MAAM,OAAO,CAAA;AAQnE,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,4HAoJvB,CAAA"}

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

@@ -1,105 +1,114 @@
 'use client';
-import { __name } from "../../../../_virtual/_rolldown/runtime.js";
-import { _objectSpread2 } from "../../../../_virtual/_@oxc-project_runtime@0.114.0/helpers/objectSpread2.js";
-import { Text } from "../../../Text/index.js";
-import { useNavigation } from "../NavigationProvider.js";
-import { navigationPinnedItemContainer, navigationPinnedItemDropableArea, navigationPinnedItemRelativeDiv } from "./styles.css.js";
-import { Item } from "./Item.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 { Text, init_Text } from "../../../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.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/components/compositions/Navigation/components/PinnedItems.tsx
-const 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);
+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);
-				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: navigationPinnedItemRelativeDiv,
-						children: [/* @__PURE__ */ jsx("div", {
-							className: navigationPinnedItemDropableArea,
-							onDragLeave,
-							onDragOver,
-							onDrop: (event) => onDrop(event, index)
-						}), itemWrapper ? itemWrapper(itemElement, itemId) : itemElement]
-					}, itemId);
-				}
-				return null;
-			}) : /* @__PURE__ */ jsx("div", {
-				className: navigationPinnedItemContainer({ expanded }),
-				children: /* @__PURE__ */ jsx(Text, {
-					as: "p",
-					prominence: "weak",
-					sentiment: "neutral",
-					variant: "caption",
-					children: locales["navigation.pinned.item.group.empty"]
-				})
-			}), /* @__PURE__ */ jsx("div", {
-				className: navigationPinnedItemRelativeDiv,
-				children: /* @__PURE__ */ jsx("div", {
-					className: navigationPinnedItemDropableArea,
-					onDragLeave,
-					onDragOver,
-					onDrop: (event) => onDrop(event, pinnedItems.length)
-				})
-			})]
-		})
-	});
-	return null;
-};
+		}, [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
-export { PinnedItems };
+init_PinnedItems();
+export { PinnedItems, init_PinnedItems };

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

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

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

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