@ultraviolet/ui 3.21.0 → 3.21.2

package/dist/compositions/Navigation/NavigationContent.js

@@ -17,110 +17,113 @@ function clamp(min, value, max) {
 	return Math.min(max, Math.max(min, value));
 }
 var NavigationContent;
-var init_NavigationContent = __esmMin(() => {
-	init_Stack();
-	init_constants();
-	init_Footer();
-	init_Header();
-	init_NavigationProvider();
-	init_styles_css();
-	init_variables_css();
-	NavigationContent = ({ children, logo, onWidthResize, className, "data-testid": dataTestId, id, onToggleExpand }) => {
-		const context = useNavigation();
-		if (!context) throw new Error("Navigation should be inside NavigationProvider to use it properly.");
-		const { setWidth, width, expanded, toggleExpand, navigationRef, allowNavigationResize, shouldAnimate } = context;
-		const clampedWidth = clamp(220, width, 320);
-		const sliderRef = useRef(null);
-		const contentRef = useRef(null);
-		useEffect(() => {
-			let prevX;
-			let navRect;
-			let shouldCollapseOnMouseUp = false;
-			let shouldExpandOnMouseUp = false;
-			const mouseMove = (event) => {
-				if (prevX !== void 0) {
-					var _navRect$width;
-					const newWidth = clamp(220, ((_navRect$width = navRect === null || navRect === void 0 ? void 0 : navRect.width) !== null && _navRect$width !== void 0 ? _navRect$width : 0) + (event.clientX - prevX), 320);
-					if (navigationRef.current && expanded) {
-						navigationRef.current.style.width = `${newWidth}px`;
-						setElementVars(navigationRef.current, { [widthNavigationContainerExpanded]: `${newWidth}px` });
-					}
-					shouldCollapseOnMouseUp = newWidth <= 220;
-					shouldExpandOnMouseUp = !expanded && newWidth >= 64;
-				}
-			};
-			const mousedown = (event) => {
-				var _navigationRef$curren;
-				prevX = event.clientX;
-				navRect = (_navigationRef$curren = navigationRef.current) === null || _navigationRef$curren === void 0 ? void 0 : _navigationRef$curren.getBoundingClientRect();
-				if (navigationRef.current) setElementVars(navigationRef.current, { [widthNavigationContainerDuration]: "0" });
-				const mouseup = () => {
-					if (shouldCollapseOnMouseUp || shouldExpandOnMouseUp) {
-						toggleExpand();
-						onToggleExpand === null || onToggleExpand === void 0 || onToggleExpand(!expanded);
-						if (navigationRef.current) setElementVars(navigationRef.current, { [widthNavigationContainerExpanded]: `${clampedWidth}px` });
-					}
-					if (navigationRef.current) {
-						if (!(shouldCollapseOnMouseUp || shouldExpandOnMouseUp)) {
-							onWidthResize === null || onWidthResize === void 0 || onWidthResize(navigationRef.current.offsetWidth);
-							setWidth === null || setWidth === void 0 || setWidth(navigationRef.current.offsetWidth);
+function init_NavigationContent() {
+	return (init_NavigationContent = __esmMin(() => {
+		init_Stack();
+		init_constants();
+		init_Footer();
+		init_Header();
+		init_NavigationProvider();
+		init_styles_css();
+		init_variables_css();
+		NavigationContent = ({ children, logo, onWidthResize, className, "data-testid": dataTestId, id, onToggleExpand }) => {
+			const context = useNavigation();
+			if (!context) throw new Error("Navigation should be inside NavigationProvider to use it properly.");
+			const { setWidth, width, expanded, toggleExpand, navigationRef, allowNavigationResize, shouldAnimate } = context;
+			const clampedWidth = clamp(220, width, 320);
+			const sliderRef = useRef(null);
+			const contentRef = useRef(null);
+			useEffect(() => {
+				let prevX;
+				let navRect;
+				let shouldCollapseOnMouseUp = false;
+				let shouldExpandOnMouseUp = false;
+				const mouseMove = (event) => {
+					if (prevX !== void 0) {
+						var _navRect$width;
+						const navWidth = (_navRect$width = navRect === null || navRect === void 0 ? void 0 : navRect.width) !== null && _navRect$width !== void 0 ? _navRect$width : 0;
+						const newWidth = clamp(220, navWidth + (event.clientX - prevX), 320);
+						if (navigationRef.current && expanded) {
+							navigationRef.current.style.width = `${newWidth}px`;
+							setElementVars(navigationRef.current, { [widthNavigationContainerExpanded]: `${newWidth}px` });
 						}
-						if (!expanded) navigationRef.current.style.width = "";
-						setElementVars(navigationRef.current, { [widthNavigationContainerDuration]: `${shouldAnimate ? 250 : 0}ms` });
+						shouldCollapseOnMouseUp = newWidth <= 220;
+						shouldExpandOnMouseUp = !expanded && newWidth >= 64;
 					}
-					document.removeEventListener("mousemove", mouseMove);
-					window.removeEventListener("mouseup", mouseup);
 				};
-				document.addEventListener("mousemove", mouseMove);
-				window.addEventListener("mouseup", mouseup);
-			};
-			const sliderRefCurrent = sliderRef.current;
-			sliderRefCurrent === null || sliderRefCurrent === void 0 || sliderRefCurrent.addEventListener("mousedown", mousedown);
-			return () => {
-				sliderRefCurrent === null || sliderRefCurrent === void 0 || sliderRefCurrent.removeEventListener("mousedown", mousedown);
-			};
-		}, [
-			expanded,
-			navigationRef,
-			onToggleExpand,
-			onWidthResize,
-			setWidth,
-			toggleExpand,
-			shouldAnimate,
-			clampedWidth
-		]);
-		return /* @__PURE__ */ jsxs("nav", {
-			className: cn(className, navigationStyle.navigation),
-			"data-testid": dataTestId,
-			id,
-			children: [/* @__PURE__ */ jsxs("div", {
-				className: navigationStyle.container(),
-				ref: navigationRef,
-				style: assignInlineVars({
-					[widthNavigationContainer]: `${expanded ? clampedWidth : 64}px`,
-					[widthNavigationContainerExpanded]: `${clampedWidth}px`,
-					[widthNavigationContainerDuration]: `${shouldAnimate ? 250 : 0}ms`
-				}),
-				children: [logo ? /* @__PURE__ */ jsx(Header, { logo }) : null, /* @__PURE__ */ jsxs("div", {
-					className: cn(navigationStyle.contentContainer),
-					children: [/* @__PURE__ */ jsx(Stack, {
-						className: navigationStyle.content({ collapsed: !expanded }),
-						gap: .25,
-						ref: contentRef,
-						children
-					}), allowNavigationResize ? /* @__PURE__ */ jsx(Footer, {
-						contentRef,
-						onToggleExpand
-					}) : null]
-				})]
-			}), allowNavigationResize ? /* @__PURE__ */ jsx("div", {
-				className: navigationStyle.slider,
-				"data-testid": "slider",
-				ref: sliderRef
-			}) : null]
-		});
-	};
-});
+				const mousedown = (event) => {
+					var _navigationRef$curren;
+					prevX = event.clientX;
+					navRect = (_navigationRef$curren = navigationRef.current) === null || _navigationRef$curren === void 0 ? void 0 : _navigationRef$curren.getBoundingClientRect();
+					if (navigationRef.current) setElementVars(navigationRef.current, { [widthNavigationContainerDuration]: "0" });
+					const mouseup = () => {
+						if (shouldCollapseOnMouseUp || shouldExpandOnMouseUp) {
+							toggleExpand();
+							onToggleExpand === null || onToggleExpand === void 0 || onToggleExpand(!expanded);
+							if (navigationRef.current) setElementVars(navigationRef.current, { [widthNavigationContainerExpanded]: `${clampedWidth}px` });
+						}
+						if (navigationRef.current) {
+							if (!(shouldCollapseOnMouseUp || shouldExpandOnMouseUp)) {
+								onWidthResize === null || onWidthResize === void 0 || onWidthResize(navigationRef.current.offsetWidth);
+								setWidth === null || setWidth === void 0 || setWidth(navigationRef.current.offsetWidth);
+							}
+							if (!expanded) navigationRef.current.style.width = "";
+							setElementVars(navigationRef.current, { [widthNavigationContainerDuration]: `${shouldAnimate ? 250 : 0}ms` });
+						}
+						document.removeEventListener("mousemove", mouseMove);
+						window.removeEventListener("mouseup", mouseup);
+					};
+					document.addEventListener("mousemove", mouseMove);
+					window.addEventListener("mouseup", mouseup);
+				};
+				const sliderRefCurrent = sliderRef.current;
+				sliderRefCurrent === null || sliderRefCurrent === void 0 || sliderRefCurrent.addEventListener("mousedown", mousedown);
+				return () => {
+					sliderRefCurrent === null || sliderRefCurrent === void 0 || sliderRefCurrent.removeEventListener("mousedown", mousedown);
+				};
+			}, [
+				expanded,
+				navigationRef,
+				onToggleExpand,
+				onWidthResize,
+				setWidth,
+				toggleExpand,
+				shouldAnimate,
+				clampedWidth
+			]);
+			return /* @__PURE__ */ jsxs("nav", {
+				className: cn(className, navigationStyle.navigation),
+				"data-testid": dataTestId,
+				id,
+				children: [/* @__PURE__ */ jsxs("div", {
+					className: navigationStyle.container(),
+					ref: navigationRef,
+					style: assignInlineVars({
+						[widthNavigationContainer]: `${expanded ? clampedWidth : 64}px`,
+						[widthNavigationContainerExpanded]: `${clampedWidth}px`,
+						[widthNavigationContainerDuration]: `${shouldAnimate ? 250 : 0}ms`
+					}),
+					children: [logo ? /* @__PURE__ */ jsx(Header, { logo }) : null, /* @__PURE__ */ jsxs("div", {
+						className: cn(navigationStyle.contentContainer),
+						children: [/* @__PURE__ */ jsx(Stack, {
+							className: navigationStyle.content({ collapsed: !expanded }),
+							gap: .25,
+							ref: contentRef,
+							children
+						}), allowNavigationResize ? /* @__PURE__ */ jsx(Footer, {
+							contentRef,
+							onToggleExpand
+						}) : null]
+					})]
+				}), allowNavigationResize ? /* @__PURE__ */ jsx("div", {
+					className: navigationStyle.slider,
+					"data-testid": "slider",
+					ref: sliderRef
+				}) : null]
+			});
+		};
+	}))();
+}
 
 //#endregion
 init_NavigationContent();

package/dist/compositions/Navigation/NavigationProvider.js

@@ -1,6 +1,6 @@
 'use client';
 import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
-import _objectSpread2, { init_objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/objectSpread2.js";
+import _objectSpread2, { init_objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/objectSpread2.js";
 import { ANIMATION_EASING, init_constants } from "./constants.js";
 import en_default, { init_en } from "./locales/en.js";
 import { init_variables_css, widthNavigationContainerDuration } from "./variables.css.js";
@@ -11,142 +11,144 @@ import { useFlip, usePrefersReducedMotion } from "@ultraviolet/animations";
 
 //#region src/compositions/Navigation/NavigationProvider.tsx
 var NavigationContext, useNavigation, NavigationProvider;
-var init_NavigationProvider = __esmMin(() => {
-	init_constants();
-	init_en();
-	init_variables_css();
-	init_objectSpread2();
-	NavigationContext = createContext({
-		allowNavigationResize: true,
-		animation: false,
-		animationType: "simple",
-		expanded: true,
-		items: {},
-		locales: en_default,
-		navigationRef: { current: null },
-		pinItem: () => [],
-		pinLimit: 7,
-		pinnedItems: [],
-		registerItem: () => {},
-		reorderItems: () => [],
-		setAllowNavigationResize: () => {},
-		setPinnedItems: () => {},
-		setWidth: () => {},
-		shouldAnimate: true,
-		/**
-		* This function will trigger the expand/collapse of the navigation and
-		* will also trigger the animation
-		*/
-		toggleExpand: () => {},
-		unpinItem: () => [],
-		width: 280
-	});
-	useNavigation = () => useContext(NavigationContext);
-	NavigationProvider = ({ children, pinnedFeature = false, initialPinned, initialExpanded = true, locales = en_default, pinLimit = 7, onExpandChange, initialWidth = 280, initialAllowNavigationResize = true, animation: animationEnabled = true, animationType, showHide }) => {
-		const [expanded, setExpanded] = useState(initialExpanded);
-		const [pinnedItems, setPinnedItems] = useState(initialPinned !== null && initialPinned !== void 0 ? initialPinned : []);
-		const prefersReducedMotion = usePrefersReducedMotion();
-		const shouldAnimate = animationEnabled && !prefersReducedMotion;
-		const [animation, setAnimation] = useState(false);
-		const [width, setWidth] = useState(initialWidth);
-		const [allowNavigationResize, setAllowNavigationResize] = useState(initialAllowNavigationResize);
-		const [items, registerItem] = useReducer((oldState, newState) => _objectSpread2(_objectSpread2({}, oldState), newState), {});
-		const navigationRef = useRef(null);
-		const { prepareAnimation, animate } = useFlip(navigationRef, {
-			duration: 250,
-			easing: ANIMATION_EASING
+function init_NavigationProvider() {
+	return (init_NavigationProvider = __esmMin(() => {
+		init_constants();
+		init_en();
+		init_variables_css();
+		init_objectSpread2();
+		NavigationContext = createContext({
+			allowNavigationResize: true,
+			animation: false,
+			animationType: "simple",
+			expanded: true,
+			items: {},
+			locales: en_default,
+			navigationRef: { current: null },
+			pinItem: () => [],
+			pinLimit: 7,
+			pinnedItems: [],
+			registerItem: () => {},
+			reorderItems: () => [],
+			setAllowNavigationResize: () => {},
+			setPinnedItems: () => {},
+			setWidth: () => {},
+			shouldAnimate: true,
+			/**
+			* This function will trigger the expand/collapse of the navigation and
+			* will also trigger the animation
+			*/
+			toggleExpand: () => {},
+			unpinItem: () => [],
+			width: 280
 		});
-		const toggleExpand = useCallback((toggle, options) => {
-			if (typeof toggle !== "boolean" && toggle !== void 0) throw new Error("toggleExpand only accepts boolean or undefined as parameter. You most likely did <button onClick={toggleExpand}> instead of <button onClick={() => toggleExpand()}>");
-			if (toggle !== void 0 && toggle === expanded) return;
-			const isNowExpanded = toggle !== null && toggle !== void 0 ? toggle : !expanded;
-			const immediate = options === null || options === void 0 ? void 0 : options.immediate;
-			onExpandChange === null || onExpandChange === void 0 || onExpandChange(!isNowExpanded);
-			setExpanded(isNowExpanded);
-			if (navigationRef.current) {
-				navigationRef.current.style.width = "";
-				setElementVars(navigationRef.current, { [widthNavigationContainerDuration]: `${shouldAnimate && !immediate ? 250 : 0}ms` });
-			}
-			if (!shouldAnimate || immediate) return;
-			prepareAnimation();
-			setAnimation(isNowExpanded ? "expand" : "collapse");
-			requestAnimationFrame(() => {
-				animate().then(() => {
-					if (navigationRef.current) setElementVars(navigationRef.current, { [widthNavigationContainerDuration]: `${shouldAnimate ? 250 : 0}ms` });
-					setAnimation(false);
-				}).catch(() => {});
+		useNavigation = () => useContext(NavigationContext);
+		NavigationProvider = ({ children, pinnedFeature = false, initialPinned, initialExpanded = true, locales = en_default, pinLimit = 7, onExpandChange, initialWidth = 280, initialAllowNavigationResize = true, animation: animationEnabled = true, animationType, showHide }) => {
+			const [expanded, setExpanded] = useState(initialExpanded);
+			const [pinnedItems, setPinnedItems] = useState(initialPinned !== null && initialPinned !== void 0 ? initialPinned : []);
+			const prefersReducedMotion = usePrefersReducedMotion();
+			const shouldAnimate = animationEnabled && !prefersReducedMotion;
+			const [animation, setAnimation] = useState(false);
+			const [width, setWidth] = useState(initialWidth);
+			const [allowNavigationResize, setAllowNavigationResize] = useState(initialAllowNavigationResize);
+			const [items, registerItem] = useReducer((oldState, newState) => _objectSpread2(_objectSpread2({}, oldState), newState), {});
+			const navigationRef = useRef(null);
+			const { prepareAnimation, animate } = useFlip(navigationRef, {
+				duration: 250,
+				easing: ANIMATION_EASING
 			});
-		}, [
-			expanded,
-			onExpandChange,
-			prepareAnimation,
-			animate,
-			shouldAnimate
-		]);
-		const pinItem = useCallback((item) => {
-			const newValue = [...pinnedItems, item];
-			setPinnedItems(newValue);
-			return newValue;
-		}, [pinnedItems]);
-		const unpinItem = useCallback((item) => {
-			const newValue = pinnedItems.filter((localItem) => localItem !== item);
-			setPinnedItems(newValue);
-			return newValue;
-		}, [pinnedItems]);
-		const reorderItems = useCallback((initialIndex, endIndex) => {
-			const newPinnedItems = [...pinnedItems];
-			const [removed] = newPinnedItems.splice(initialIndex, 1);
-			newPinnedItems.splice(endIndex, 0, removed);
-			setPinnedItems(newPinnedItems);
-			return newPinnedItems;
-		}, [pinnedItems]);
-		const value = useMemo(() => ({
-			allowNavigationResize,
-			animation,
-			animationType,
-			expanded,
-			items,
-			locales,
-			navigationRef,
-			pinItem,
-			pinLimit,
-			pinnedFeature,
-			pinnedItems,
-			registerItem,
-			reorderItems,
-			setAllowNavigationResize,
-			setAnimation,
-			setPinnedItems,
-			setWidth,
-			shouldAnimate,
-			toggleExpand,
-			unpinItem,
-			width,
-			showHide
-		}), [
-			expanded,
-			toggleExpand,
-			pinnedItems,
-			pinItem,
-			unpinItem,
-			pinnedFeature,
-			locales,
-			pinLimit,
-			animation,
-			width,
-			reorderItems,
-			items,
-			allowNavigationResize,
-			shouldAnimate,
-			animationType,
-			showHide
-		]);
-		return /* @__PURE__ */ jsx(NavigationContext.Provider, {
-			value,
-			children
-		});
-	};
-});
+			const toggleExpand = useCallback((toggle, options) => {
+				if (typeof toggle !== "boolean" && toggle !== void 0) throw new Error("toggleExpand only accepts boolean or undefined as parameter. You most likely did <button onClick={toggleExpand}> instead of <button onClick={() => toggleExpand()}>");
+				if (toggle !== void 0 && toggle === expanded) return;
+				const isNowExpanded = toggle !== null && toggle !== void 0 ? toggle : !expanded;
+				const immediate = options === null || options === void 0 ? void 0 : options.immediate;
+				onExpandChange === null || onExpandChange === void 0 || onExpandChange(!isNowExpanded);
+				setExpanded(isNowExpanded);
+				if (navigationRef.current) {
+					navigationRef.current.style.width = "";
+					setElementVars(navigationRef.current, { [widthNavigationContainerDuration]: `${shouldAnimate && !immediate ? 250 : 0}ms` });
+				}
+				if (!shouldAnimate || immediate) return;
+				prepareAnimation();
+				setAnimation(isNowExpanded ? "expand" : "collapse");
+				requestAnimationFrame(() => {
+					animate().then(() => {
+						if (navigationRef.current) setElementVars(navigationRef.current, { [widthNavigationContainerDuration]: `${shouldAnimate ? 250 : 0}ms` });
+						setAnimation(false);
+					}).catch(() => {});
+				});
+			}, [
+				expanded,
+				onExpandChange,
+				prepareAnimation,
+				animate,
+				shouldAnimate
+			]);
+			const pinItem = useCallback((item) => {
+				const newValue = [...pinnedItems, item];
+				setPinnedItems(newValue);
+				return newValue;
+			}, [pinnedItems]);
+			const unpinItem = useCallback((item) => {
+				const newValue = pinnedItems.filter((localItem) => localItem !== item);
+				setPinnedItems(newValue);
+				return newValue;
+			}, [pinnedItems]);
+			const reorderItems = useCallback((initialIndex, endIndex) => {
+				const newPinnedItems = [...pinnedItems];
+				const [removed] = newPinnedItems.splice(initialIndex, 1);
+				newPinnedItems.splice(endIndex, 0, removed);
+				setPinnedItems(newPinnedItems);
+				return newPinnedItems;
+			}, [pinnedItems]);
+			const value = useMemo(() => ({
+				allowNavigationResize,
+				animation,
+				animationType,
+				expanded,
+				items,
+				locales,
+				navigationRef,
+				pinItem,
+				pinLimit,
+				pinnedFeature,
+				pinnedItems,
+				registerItem,
+				reorderItems,
+				setAllowNavigationResize,
+				setAnimation,
+				setPinnedItems,
+				setWidth,
+				shouldAnimate,
+				toggleExpand,
+				unpinItem,
+				width,
+				showHide
+			}), [
+				expanded,
+				toggleExpand,
+				pinnedItems,
+				pinItem,
+				unpinItem,
+				pinnedFeature,
+				locales,
+				pinLimit,
+				animation,
+				width,
+				reorderItems,
+				items,
+				allowNavigationResize,
+				shouldAnimate,
+				animationType,
+				showHide
+			]);
+			return /* @__PURE__ */ jsx(NavigationContext.Provider, {
+				value,
+				children
+			});
+		};
+	}))();
+}
 
 //#endregion
 init_NavigationProvider();

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

@@ -9,40 +9,42 @@ import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/compositions/Navigation/components/Group.tsx
 var Group;
-var init_Group = __esmMin(() => {
-	init_Stack();
-	init_Text();
-	init_NavigationProvider();
-	init_styles_css();
-	Group = ({ children, label, style, additionalData }) => {
-		const context = useNavigation();
-		const id = useId();
-		if (!context) throw new Error("Navigation.Group can only be used inside a NavigationProvider.");
-		const { expanded, animation } = context;
-		if (Children.count(children) > 0) return /* @__PURE__ */ jsxs(Stack, {
-			gap: .25,
-			direction: "column",
-			style,
-			"data-flip-id": id,
-			className: navigationStyle.groupStack,
-			children: [expanded ? /* @__PURE__ */ jsx(Text, {
-				as: "span",
-				className: navigationStyle.groupText({ animation: animation === "expand" ? "expand" : void 0 }),
-				prominence: "weak",
-				sentiment: "neutral",
-				variant: "bodySmallStrong",
-				children: additionalData ? /* @__PURE__ */ jsxs(Stack, {
-					direction: "row",
-					alignItems: "center",
-					justifyContent: "space-between",
-					children: [label, additionalData]
-				}) : label
-			}) : null, children]
-		});
-		return null;
-	};
-	Group.displayName = "Navigation.Group";
-});
+function init_Group() {
+	return (init_Group = __esmMin(() => {
+		init_Stack();
+		init_Text();
+		init_NavigationProvider();
+		init_styles_css();
+		Group = ({ children, label, style, additionalData }) => {
+			const context = useNavigation();
+			const id = useId();
+			if (!context) throw new Error("Navigation.Group can only be used inside a NavigationProvider.");
+			const { expanded, animation } = context;
+			if (Children.count(children) > 0) return /* @__PURE__ */ jsxs(Stack, {
+				gap: .25,
+				direction: "column",
+				style,
+				"data-flip-id": id,
+				className: navigationStyle.groupStack,
+				children: [expanded ? /* @__PURE__ */ jsx(Text, {
+					as: "span",
+					className: navigationStyle.groupText({ animation: animation === "expand" ? "expand" : void 0 }),
+					prominence: "weak",
+					sentiment: "neutral",
+					variant: "bodySmallStrong",
+					children: additionalData ? /* @__PURE__ */ jsxs(Stack, {
+						direction: "row",
+						alignItems: "center",
+						justifyContent: "space-between",
+						children: [label, additionalData]
+					}) : label
+				}) : null, children]
+			});
+			return null;
+		};
+		Group.displayName = "Navigation.Group";
+	}))();
+}
 
 //#endregion
 init_Group();

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

@@ -5,18 +5,20 @@ import { jsx } from "react/jsx-runtime";
 
 //#region src/compositions/Navigation/components/Item/Badge.tsx
 var ItemBadge;
-var init_Badge = __esmMin(() => {
-	init_Badge$1();
-	init_styles_css();
-	ItemBadge = ({ badgeText, disabled, badgeSentiment }) => badgeText ? /* @__PURE__ */ jsx(Badge, {
-		className: navigationStyle.itemBadge,
-		disabled,
-		prominence: "strong",
-		sentiment: badgeSentiment,
-		size: "small",
-		children: badgeText
-	}) : null;
-});
+function init_Badge() {
+	return (init_Badge = __esmMin(() => {
+		init_Badge$1();
+		init_styles_css();
+		ItemBadge = ({ badgeText, disabled, badgeSentiment }) => badgeText ? /* @__PURE__ */ jsx(Badge, {
+			className: navigationStyle.itemBadge,
+			disabled,
+			prominence: "strong",
+			sentiment: badgeSentiment,
+			size: "small",
+			children: badgeText
+		}) : null;
+	}))();
+}
 
 //#endregion
 init_Badge();