@ultraviolet/plus 3.5.1 → 3.6.0

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

@@ -1,448 +0,0 @@
-'use client';
-import { __name } from "../../../_virtual/_rolldown/runtime.js";
-import { useNavigation } from "../NavigationProvider.js";
-import { ItemContext, ItemProvider } from "./ItemProvider.js";
-import { navigationItemAnimatedIcon, navigationItemBadge, navigationItemCategoryIcon, navigationItemContainer, navigationItemContainerAnimated, navigationItemDragIcon, navigationItemMenu, navigationItemMenuContainer, navigationItemMenuPinned, navigationItemMenuStack, navigationItemPadded, navigationItemPaddingStack, navigationItemPinIcon, navigationItemPinnedButton, navigationItemRelative, navigationItemShowDraggable, navigationItemShowPinButton, navigationItemStackIcon, navigationItemWeakText, navigationItemWrapText } from "./items.css.js";
-import { ArrowDownIcon } from "@ultraviolet/icons/ArrowDownIcon";
-import { Badge, Button, Expandable, Menu, Stack, Text, Tooltip } from "@ultraviolet/ui";
-import { cn } from "@ultraviolet/utils";
-import { Children, isValidElement, memo, useCallback, useContext, useEffect, useMemo, useReducer, useRef } from "react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { OpenInNewIcon } from "@ultraviolet/icons/OpenInNewIcon";
-import { ArrowRightIcon } from "@ultraviolet/icons/ArrowRightIcon";
-import { OrganizationDashboardCategoryIcon } from "@ultraviolet/icons/category";
-import { DragIcon } from "@ultraviolet/icons/DragIcon";
-import { PinOutlineIcon } from "@ultraviolet/icons/PinOutlineIcon";
-import { UnpinIcon } from "@ultraviolet/icons/UnpinIcon";
-
-//#region src/components/Navigation/components/Item.tsx
-const onDragStopTrigger = (event) => {
-	const element = event.currentTarget;
-	element.style.opacity = "1";
-};
-const Item = memo(({ children, categoryIcon, label, labelDescription, subLabel, badgeText, badgeSentiment, href, target, rel, onToggle, onClickPinUnpin, toggle, active, noPinButton, type = "default", as, disabled, noExpand = false, index, id, "data-testid": dataTestId, style, alwaysVisible }) => {
-	const context = useNavigation();
-	if (!context) throw new Error("Navigation.Item can only be used inside a NavigationProvider.");
-	const hasParents = !!useContext(ItemContext);
-	const { expanded, locales, pinnedFeature, pinItem, unpinItem, pinnedItems, pinLimit, animation, registerItem, shouldAnimate, animationType, showHide } = context;
-	const makeRegisterRef = useRef(null);
-	useEffect(() => {
-		makeRegisterRef.current = () => registerItem({ [id]: {
-			active,
-			label,
-			onClickPinUnpin,
-			onToggle
-		} });
-	}, [
-		active,
-		id,
-		label,
-		onClickPinUnpin,
-		registerItem,
-		onToggle
-	]);
-	useEffect(() => {
-		if (type !== "pinnedGroup" && pinnedFeature) {
-			var _makeRegisterRef$curr;
-			(_makeRegisterRef$curr = makeRegisterRef.current) === null || _makeRegisterRef$curr === void 0 || _makeRegisterRef$curr.call(makeRegisterRef);
-		}
-	}, [
-		type,
-		pinnedFeature,
-		active,
-		id,
-		label,
-		registerItem
-	]);
-	const [internalExpanded, onToggleExpand] = useReducer((prevState) => !prevState, Boolean(toggle));
-	const triggerToggle = useCallback(() => {
-		onToggleExpand();
-		onToggle === null || onToggle === void 0 || onToggle(internalExpanded);
-	}, [internalExpanded, onToggle]);
-	const hasHrefAndNoChildren = href && !children;
-	const hasPinnedFeatureAndNoChildren = pinnedFeature && !children && !noPinButton;
-	const isItemPinned = pinnedItems.includes(id);
-	const shouldShowPinnedButton = useMemo(() => {
-		if (href || disabled) return false;
-		if (hasPinnedFeatureAndNoChildren && type !== "default") return true;
-		if (hasPinnedFeatureAndNoChildren) return true;
-		return false;
-	}, [
-		disabled,
-		hasPinnedFeatureAndNoChildren,
-		href,
-		type
-	]);
-	const hasActiveChildren = useMemo(() => {
-		if (!children) return false;
-		return Children.map(children, (child) => {
-			if (isValidElement(child)) {
-				if ("to" in child.props) {
-					var _child$props$children;
-					return (_child$props$children = child.props.children) === null || _child$props$children === void 0 ? void 0 : _child$props$children.props.active;
-				}
-				return child.props.active;
-			}
-			return null;
-		}).includes(true);
-	}, [children]);
-	const containerTag = useMemo(() => {
-		if (as) return as;
-		if (hasHrefAndNoChildren) return "a";
-		if (noExpand) return "div";
-		return "button";
-	}, [
-		as,
-		hasHrefAndNoChildren,
-		noExpand
-	]);
-	const ArrowIcon = useMemo(() => internalExpanded ? ArrowDownIcon : ArrowRightIcon, [internalExpanded]);
-	const PinUnpinIcon = useMemo(() => isItemPinned ? UnpinIcon : PinOutlineIcon, [isItemPinned]);
-	const ariaExpanded = useMemo(() => {
-		if (hasHrefAndNoChildren && internalExpanded) return true;
-		if (hasHrefAndNoChildren && !internalExpanded) return false;
-	}, [hasHrefAndNoChildren, internalExpanded]);
-	const isPinDisabled = pinnedItems.length >= pinLimit;
-	const pinTooltipLocale = useMemo(() => {
-		if (isPinDisabled) return locales["navigation.pin.limit"];
-		if (isItemPinned) return locales["navigation.unpin.tooltip"];
-		return locales["navigation.pin.tooltip"];
-	}, [
-		isItemPinned,
-		isPinDisabled,
-		locales
-	]);
-	const onDragStart = useCallback((event) => {
-		if (expanded) {
-			event.dataTransfer.setData("text/plain", JSON.stringify({
-				index,
-				label
-			}));
-			const element = event.currentTarget;
-			element.style.opacity = "0.5";
-		}
-	}, [
-		expanded,
-		index,
-		label
-	]);
-	const onDragEnd = useCallback((event) => expanded ? onDragStopTrigger(event) : void 0, [expanded]);
-	const showDraggableIcon = !noExpand && pinnedFeature && shouldShowPinnedButton && !disabled;
-	const showPinIcon = !(noExpand || disabled) && shouldShowPinnedButton && pinnedFeature;
-	const shouldHaveWeakText = !!children && !active && shouldShowPinnedButton && !disabled;
-	if (!alwaysVisible && showHide === "hide") return null;
-	if (expanded || !expanded && animation === "expand") return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs(Stack, {
-		alignItems: categoryIcon ? "flex-start" : "center",
-		"aria-expanded": ariaExpanded,
-		as: containerTag,
-		className: cn(navigationItemContainer({
-			disabled,
-			hasActive: hasActiveChildren,
-			isActive: !!active,
-			noExpand,
-			subLabel: !!subLabel
-		}), shouldAnimate && animationType === "complex" ? navigationItemContainerAnimated[animation === "collapse" ? "collapse" : "expand"] : "", showDraggableIcon ? navigationItemShowDraggable : "", showPinIcon ? navigationItemShowPinButton : "", shouldHaveWeakText ? navigationItemWeakText : ""),
-		"data-testid": dataTestId,
-		direction: "row",
-		disabled: containerTag === "button" ? disabled : void 0,
-		draggable: type === "pinned" && expanded,
-		gap: 1,
-		href,
-		id,
-		justifyContent: "space-between",
-		onClick: triggerToggle,
-		onDragEnd,
-		onDragStart,
-		rel,
-		style,
-		target,
-		children: [/* @__PURE__ */ jsxs(Stack, {
-			alignItems: categoryIcon ? "flex-start" : "center",
-			direction: "row",
-			gap: 1,
-			justifyContent: "center",
-			children: [
-				categoryIcon ? /* @__PURE__ */ jsx(Stack, {
-					alignItems: "center",
-					className: navigationItemCategoryIcon,
-					justifyContent: "center",
-					children: categoryIcon
-				}) : null,
-				type === "pinned" && expanded ? /* @__PURE__ */ jsx(DragIcon, {
-					className: navigationItemDragIcon,
-					disabled,
-					prominence: "weak",
-					sentiment: "neutral",
-					size: "small"
-				}) : null,
-				/* @__PURE__ */ jsxs(Stack, { children: [animation ? null : /* @__PURE__ */ jsxs(Text, {
-					as: "span",
-					className: navigationItemWrapText({
-						disabled,
-						weak: hasActiveChildren && !noExpand && !disabled && !!active
-					}),
-					"data-animation": animation,
-					disabled,
-					prominence: (categoryIcon || !hasParents) && !active ? "strong" : "default",
-					sentiment: active ? "primary" : "neutral",
-					variant: "bodySmallStrong",
-					whiteSpace: "pre-wrap",
-					children: [label, labelDescription ? /* @__PURE__ */ jsx("span", {
-						className: navigationItemPadded,
-						children: labelDescription
-					}) : null]
-				}), subLabel && !animation ? /* @__PURE__ */ jsx(Text, {
-					as: "span",
-					className: navigationItemWrapText({
-						disabled,
-						weak: hasActiveChildren && !noExpand && !disabled && !!active
-					}),
-					"data-animation": animation,
-					disabled,
-					prominence: "weak",
-					sentiment: "neutral",
-					variant: "caption",
-					whiteSpace: "pre-wrap",
-					children: subLabel
-				}) : null] })
-			]
-		}), /* @__PURE__ */ jsxs(Stack, {
-			alignItems: "center",
-			direction: "row",
-			gap: href ? 1 : void 0,
-			children: [
-				badgeText || hasPinnedFeatureAndNoChildren ? /* @__PURE__ */ jsxs(Fragment, { children: [badgeText && !animation ? /* @__PURE__ */ jsx(Badge, {
-					className: navigationItemBadge,
-					disabled,
-					prominence: "strong",
-					sentiment: badgeSentiment,
-					size: "small",
-					children: badgeText
-				}) : null, shouldShowPinnedButton ? /* @__PURE__ */ jsx(Tooltip, {
-					placement: "right",
-					tabIndex: -1,
-					text: isItemPinned ? locales["navigation.unpin.tooltip"] : pinTooltipLocale,
-					children: /* @__PURE__ */ jsx("div", {
-						className: navigationItemRelative,
-						children: /* @__PURE__ */ jsx("button", {
-							"aria-disabled": isItemPinned ? false : isPinDisabled,
-							"aria-label": isItemPinned ? "unpin" : "pin",
-							className: navigationItemPinnedButton,
-							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: navigationItemPinIcon[active ? "active" : "inactive"],
-								disabled: isItemPinned ? false : isPinDisabled,
-								sentiment: active ? "primary" : "neutral",
-								size: "medium"
-							})
-						})
-					})
-				}) : null] }) : null,
-				hasHrefAndNoChildren && target === "_blank" && !animation ? /* @__PURE__ */ jsx(OpenInNewIcon, {
-					disabled,
-					prominence: "default",
-					sentiment: "neutral"
-				}) : null,
-				children ? /* @__PURE__ */ jsx(Stack, {
-					alignItems: "center",
-					className: navigationItemStackIcon,
-					direction: "row",
-					gap: 1,
-					children: animation || noExpand ? null : /* @__PURE__ */ jsx(ArrowIcon, {
-						prominence: "weak",
-						sentiment: "neutral"
-					})
-				}) : null
-			]
-		})]
-	}), children ? /* @__PURE__ */ jsx(Fragment, { children: noExpand ? /* @__PURE__ */ jsx(ItemProvider, { children: /* @__PURE__ */ jsx(Stack, {
-		className: noExpand || type === "pinnedGroup" ? "" : navigationItemPaddingStack({ hide: shouldAnimate && animationType === "complex" && animation === "expand" }),
-		width: animation ? "100%" : void 0,
-		children
-	}) }) : /* @__PURE__ */ jsx(ItemProvider, { children: /* @__PURE__ */ jsx(Expandable, {
-		animationDuration: 0,
-		opened: internalExpanded,
-		children: /* @__PURE__ */ jsx(Stack, {
-			className: noExpand || type === "pinnedGroup" ? "" : navigationItemPaddingStack({ hide: shouldAnimate && animationType === "complex" && animation === "expand" }),
-			width: animation ? "100%" : void 0,
-			children
-		})
-	}) }) }) : null] });
-	if (categoryIcon || Children.count(children) > 0 && !hasParents) return /* @__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" })
-				})
-			})
-		})
-	});
-	if (hasParents) 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",
-		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, {
-					direction: "row",
-					children: [
-						badgeText && !animation ? /* @__PURE__ */ jsx(Badge, {
-							className: navigationItemBadge,
-							disabled,
-							prominence: "strong",
-							sentiment: badgeSentiment,
-							size: "small",
-							children: badgeText
-						}) : null,
-						hasHrefAndNoChildren && target === "_blank" ? /* @__PURE__ */ jsx(OpenInNewIcon, {
-							className: shouldAnimate && animationType === "complex" ? navigationItemAnimatedIcon[animation === "expand" ? "expand" : "collapse"] : "",
-							disabled,
-							prominence: "weak",
-							sentiment: "neutral"
-						}) : null,
-						shouldShowPinnedButton ? /* @__PURE__ */ jsx(Tooltip, {
-							placement: "right",
-							text: isItemPinned ? locales["navigation.unpin.tooltip"] : pinTooltipLocale,
-							children: /* @__PURE__ */ jsx("div", {
-								className: navigationItemRelative,
-								children: /* @__PURE__ */ jsx("button", {
-									"aria-disabled": isItemPinned ? false : isPinDisabled,
-									"aria-label": isItemPinned ? "unpin" : "pin",
-									className: navigationItemPinnedButton,
-									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: navigationItemPinIcon[active ? "active" : "inactive"],
-										disabled: isItemPinned ? false : isPinDisabled,
-										sentiment: active ? "primary" : "neutral",
-										size: "medium"
-									})
-								})
-							})
-						}) : null
-					]
-				})
-			]
-		})
-	});
-	if (!hasParents && href) return /* @__PURE__ */ jsx(Tooltip, {
-		placement: "right",
-		text: label,
-		children: /* @__PURE__ */ jsx(Stack, {
-			alignItems: "flex-start",
-			className: navigationItemMenuStack,
-			gap: 1,
-			justifyContent: "flex-start",
-			children: /* @__PURE__ */ jsx(Stack, {
-				alignItems: "center",
-				as: containerTag,
-				className: cn(navigationItemContainer({ disabled }), shouldAnimate && animationType === "complex" ? navigationItemContainerAnimated[animation === "collapse" ? "collapse" : "expand"] : ""),
-				gap: 1,
-				href,
-				justifyContent: "center",
-				rel,
-				target,
-				children: /* @__PURE__ */ jsx(OpenInNewIcon, {
-					className: shouldAnimate && animationType === "complex" ? navigationItemAnimatedIcon[animation === "expand" ? "expand" : "collapse"] : "",
-					prominence: "weak",
-					sentiment: "neutral"
-				})
-			})
-		})
-	});
-	return null;
-});
-
-//#endregion
-export { Item };

package/dist/components/Navigation/components/ItemProvider.d.ts

@@ -1,8 +0,0 @@
-import type { ReactNode } from 'react';
-export declare const ItemContext: import("react").Context<boolean>;
-type ItemProviderProps = {
-    children: ReactNode;
-};
-export declare const ItemProvider: ({ children }: ItemProviderProps) => import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=ItemProvider.d.ts.map

package/dist/components/Navigation/components/ItemProvider.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ItemProvider.d.ts","sourceRoot":"","sources":["../../../../src/components/Navigation/components/ItemProvider.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAKtC,eAAO,MAAM,WAAW,kCAAuB,CAAA;AAE/C,KAAK,iBAAiB,GAAG;IACvB,QAAQ,EAAE,SAAS,CAAA;CACpB,CAAA;AAED,eAAO,MAAM,YAAY,8EAIxB,CAAA"}

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

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

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

@@ -1,24 +0,0 @@
-import type { CSSProperties, ReactElement } from 'react';
-type PinnedItemsProps = {
-    /**
-     * This prop is used to control if the item is expanded or collapsed
-     */
-    toggle?: boolean;
-    /**
-     * This function will be triggered on click of the item. If the item is expandable
-     * toggle will be passed with it.
-     */
-    onToggle?: (toggle: boolean) => void;
-    /**
-     * This function will be called when the user reorder the pinned items
-     */
-    onReorder?: (pinnedItems: string[]) => void;
-    /**
-     * Use this prop if it is needed to wrap each PinnedItem component into another component (eg NavLink)
-     */
-    itemWrapper?: (item: ReactElement, itemId: string) => ReactElement;
-    style?: CSSProperties;
-};
-export declare const PinnedItems: ({ toggle, onReorder, onToggle, itemWrapper, style, }: PinnedItemsProps) => import("react/jsx-runtime").JSX.Element | null;
-export {};
-//# sourceMappingURL=PinnedItems.d.ts.map

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

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

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

@@ -1,105 +0,0 @@
-'use client';
-import { __name } from "../../../_virtual/_rolldown/runtime.js";
-import { _objectSpread2 } from "../../../_virtual/_@oxc-project_runtime@0.113.0/helpers/objectSpread2.js";
-import { useNavigation } from "../NavigationProvider.js";
-import { navigationPinnedItemContainer, navigationPinnedItemDropableArea, navigationPinnedItemRelativeDiv } from "./styles.css.js";
-import { Item } from "./Item.js";
-import { Text } from "@ultraviolet/ui";
-import { useCallback } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { PinCategoryIcon } from "@ultraviolet/icons/category";
-import { useTheme } from "@ultraviolet/themes";
-
-//#region src/components/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);
-				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;
-};
-
-//#endregion
-export { PinnedItems };

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

@@ -1,2 +0,0 @@
-export declare const Separator: () => import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=Separator.d.ts.map

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

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

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

@@ -1,11 +0,0 @@
-'use client';
-import { __name } from "../../../_virtual/_rolldown/runtime.js";
-import { navigationSeparator } from "./styles.css.js";
-import { Separator } from "@ultraviolet/ui";
-import { jsx } from "react/jsx-runtime";
-
-//#region src/components/Navigation/components/Separator.tsx
-const Separator$1 = /* @__PURE__ */ __name(() => /* @__PURE__ */ jsx(Separator, { className: navigationSeparator }), "Separator");
-
-//#endregion
-export { Separator$1 as Separator };

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

@@ -1,16 +0,0 @@
-import type { CSSProperties, ReactNode } from 'react';
-type ShowAllProp = {
-    showContent: ReactNode;
-    hideContent: ReactNode;
-    onShowHide?: (expanded: 'show' | 'hide') => void;
-    disabled?: boolean;
-    /**
-     * Add a tooltip to display on hover when the navigation is not-exanped
-     */
-    tooltip?: string;
-    'data-testid'?: string;
-    style?: CSSProperties;
-};
-export declare const ShowHide: import("react").MemoExoticComponent<({ showContent, hideContent, onShowHide, tooltip, 'data-testid': dataTestId, style, }: ShowAllProp) => import("react/jsx-runtime").JSX.Element>;
-export {};
-//# sourceMappingURL=ShowHide.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ShowHide.d.ts","sourceRoot":"","sources":["../../../../src/components/Navigation/components/ShowHide.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAKrD,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,qLAgEpB,CAAA"}