@ultraviolet/ui 3.12.3 → 3.13.1

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/compositions/InfoTable/index.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAErD,KAAK,cAAc,GAAG;IACpB,QAAQ,EAAE,SAAS,CAAA;IACnB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;AA4BD,eAAO,MAAM,SAAS,uEAhBnB,cAAc;;;;;;;;;;;;;;;;;;;;;;;CAoBf,CAAA"}

package/dist/compositions/InfoTable/index.js

@@ -0,0 +1,41 @@
+'use client';
+import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
+import { infoTableStyle, init_styles_css } from "./styles.css.js";
+import { InfoTableCell, init_Cell } from "./components/Cell.js";
+import { CellWithCopyButton, init_CellWithCopyButton } from "./components/CellWithCopyButton.js";
+import { InfoTableContext, init_Context } from "./Context.js";
+import { InfoTableRow, init_Row } from "./components/Row.js";
+import { useMemo } from "react";
+import { cn } from "@ultraviolet/utils";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/compositions/InfoTable/index.tsx
+var BaseInfoTable, InfoTable;
+var init_InfoTable = __esmMin(() => {
+	init_Cell();
+	init_CellWithCopyButton();
+	init_Row();
+	init_Context();
+	init_styles_css();
+	BaseInfoTable = ({ children, width, className, style, "data-testid": dataTestId }) => {
+		const value = useMemo(() => ({ width }), [width]);
+		return /* @__PURE__ */ jsx(InfoTableContext.Provider, {
+			value,
+			children: /* @__PURE__ */ jsx("dl", {
+				className: cn(className, infoTableStyle.dl),
+				"data-testid": dataTestId,
+				style,
+				children
+			})
+		});
+	};
+	InfoTable = Object.assign(BaseInfoTable, {
+		Row: InfoTableRow,
+		Cell: InfoTableCell,
+		CellWithCopyButton
+	});
+});
+
+//#endregion
+init_InfoTable();
+export { InfoTable, init_InfoTable };

package/dist/compositions/InfoTable/styles.css.d.ts

@@ -0,0 +1,11 @@
+export declare const rowWidth: `var(--${string})`;
+export declare const infoTableStyle: {
+    dl: string;
+    row: string;
+    cell: string;
+    term: string;
+    desc: string;
+    descFlex: string;
+    cellWithCopyButton: string;
+};
+//# sourceMappingURL=styles.css.d.ts.map

package/dist/compositions/InfoTable/styles.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/compositions/InfoTable/styles.css.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,QAAQ,oBAAc,CAAA;AAuEnC,eAAO,MAAM,cAAc;;;;;;;;CAQ1B,CAAA"}

package/dist/compositions/InfoTable/styles.css.js

@@ -0,0 +1,22 @@
+import { __esmMin } from "../../_virtual/_rolldown/runtime.js";
+import { init_styles_css_ts_vanilla } from "./styles.css.ts.vanilla.js";
+
+//#region src/compositions/InfoTable/styles.css.ts
+var rowWidth, infoTableStyle;
+var init_styles_css = __esmMin(() => {
+	init_styles_css_ts_vanilla();
+	rowWidth = "var(--uv_1s4jots0)";
+	infoTableStyle = {
+		dl: "uv_1s4jots1",
+		row: "uv_1s4jots2",
+		cell: "uv_1s4jots3",
+		term: "uv_1s4jots4",
+		desc: "uv_1s4jots5",
+		descFlex: "uv_1s4jots6",
+		cellWithCopyButton: "uv_1s4jots7"
+	};
+});
+
+//#endregion
+init_styles_css();
+export { infoTableStyle, init_styles_css, rowWidth };

package/dist/compositions/InfoTable/styles.css.ts.vanilla.js

@@ -0,0 +1,8 @@
+import { __esmMin } from "../../_virtual/_rolldown/runtime.js";
+
+//#region src/compositions/InfoTable/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/Footer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Footer.d.ts","sourceRoot":"","sources":["../../../src/compositions/Navigation/Footer.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAC9C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,KAAK,WAAW,GAAG;IACjB,cAAc,EAAE,eAAe,CAAC,gBAAgB,CAAC,CAAA;IACjD,UAAU,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAA;CAC7C,CAAA;AAED,eAAO,MAAM,MAAM,mCAAoC,WAAW,4CAsFjE,CAAA"}

package/dist/compositions/Navigation/Footer.js

@@ -0,0 +1,73 @@
+'use client';
+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 { Button, init_Button } from "../../components/Button/index.js";
+import { useCallback, useLayoutEffect, useMemo, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+import { ArrowLeftDoubleIcon } from "@ultraviolet/icons/ArrowLeftDoubleIcon";
+import { ArrowRightDoubleIcon } from "@ultraviolet/icons/ArrowRightDoubleIcon";
+
+//#region src/compositions/Navigation/Footer.tsx
+var Footer;
+var init_Footer = __esmMin(() => {
+	init_Button();
+	init_Tooltip();
+	init_NavigationProvider();
+	init_styles_css();
+	Footer = ({ onToggleExpand, contentRef }) => {
+		const { expanded, toggleExpand, locales, animation } = useNavigation();
+		const isScrollAtBottom = useCallback(() => {
+			if (contentRef.current) {
+				if (contentRef.current.scrollTop + contentRef.current.offsetHeight >= contentRef.current.scrollHeight) return false;
+				return true;
+			}
+			return true;
+		}, [contentRef]);
+		const [footerHasOverflowStyle, setFooterHasOverflowStyle] = useState(isScrollAtBottom());
+		useLayoutEffect(() => {
+			const currentContentRef = contentRef.current;
+			const scroll = () => {
+				const hasOverflow = isScrollAtBottom();
+				if (footerHasOverflowStyle !== hasOverflow) setFooterHasOverflowStyle(hasOverflow);
+			};
+			if (currentContentRef) currentContentRef.addEventListener("scroll", scroll);
+			return () => {
+				currentContentRef === null || currentContentRef === void 0 || currentContentRef.removeEventListener("scroll", scroll);
+			};
+		}, [
+			footerHasOverflowStyle,
+			isScrollAtBottom,
+			contentRef
+		]);
+		useLayoutEffect(() => {
+			setFooterHasOverflowStyle(isScrollAtBottom());
+		}, [isScrollAtBottom]);
+		const Icon = useMemo(() => expanded ? ArrowLeftDoubleIcon : ArrowRightDoubleIcon, [expanded]);
+		const label = useMemo(() => expanded ? locales["navigation.collapse.button"] : locales["navigation.expand.button"], [expanded, locales]);
+		return /* @__PURE__ */ jsx("div", {
+			className: navigationStyle.stickyFooter({ overflow: footerHasOverflowStyle }),
+			children: /* @__PURE__ */ jsx(Tooltip, {
+				disableAnimation: animation === false,
+				placement: "right",
+				text: label,
+				children: /* @__PURE__ */ jsx(Button, {
+					"aria-label": label,
+					onClick: () => {
+						toggleExpand();
+						onToggleExpand === null || onToggleExpand === void 0 || onToggleExpand(!expanded);
+					},
+					sentiment: "neutral",
+					size: "small",
+					variant: "ghost",
+					children: /* @__PURE__ */ jsx(Icon, {})
+				})
+			})
+		});
+	};
+});
+
+//#endregion
+init_Footer();
+export { Footer, init_Footer };

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

@@ -0,0 +1 @@
+{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../src/compositions/Navigation/Header.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAE9C,KAAK,WAAW,GAAG;IACjB,IAAI,EAAE,eAAe,CAAC,MAAM,CAAC,CAAA;CAC9B,CAAA;AAED,eAAO,MAAM,MAAM,iDAAmB,WAAW,6CAc/C,CAAA"}

package/dist/compositions/Navigation/Header.js

@@ -0,0 +1,31 @@
+'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 { memo } from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/compositions/Navigation/Header.tsx
+var Header;
+var init_Header = __esmMin(() => {
+	init_Stack();
+	init_NavigationProvider();
+	init_styles_css();
+	Header = memo(({ logo }) => {
+		const { animation, expanded } = useNavigation();
+		return /* @__PURE__ */ jsx("div", {
+			className: navigationStyle.header,
+			children: /* @__PURE__ */ jsx(Stack, {
+				alignItems: "flex-start",
+				className: navigationStyle.logoContainer,
+				justifyContent: expanded ? void 0 : "center",
+				children: typeof logo === "function" ? logo(animation ? false : expanded) : logo
+			})
+		});
+	});
+});
+
+//#endregion
+init_Header();
+export { Header, init_Header };

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

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationContent.d.ts","sourceRoot":"","sources":["../../../src/compositions/Navigation/NavigationContent.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAE9C,eAAO,MAAM,iBAAiB,iGAQ3B,eAAe,4CA6IjB,CAAA"}

package/dist/compositions/Navigation/NavigationContent.js

@@ -0,0 +1,116 @@
+'use client';
+import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
+import { Stack, init_Stack } from "../../components/Stack/index.js";
+import { init_constants } from "./constants.js";
+import { init_NavigationProvider, useNavigation } from "./NavigationProvider.js";
+import { init_styles_css, navigationStyle } from "./styles.css.js";
+import { Footer, init_Footer } from "./Footer.js";
+import { Header, init_Header } from "./Header.js";
+import { init_variables_css, widthNavigationContainer } from "./variables.css.js";
+import { useEffect, useRef } from "react";
+import { cn } from "@ultraviolet/utils";
+import { assignInlineVars } from "@vanilla-extract/dynamic";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/compositions/Navigation/NavigationContent.tsx
+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, animation, navigationRef, allowNavigationResize, shouldAnimate } = context;
+		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 = ((_navRect$width = navRect === null || navRect === void 0 ? void 0 : navRect.width) !== null && _navRect$width !== void 0 ? _navRect$width : 0) + (event.clientX - prevX);
+					if (navigationRef.current && expanded) navigationRef.current.style.width = `${newWidth}px`;
+					if (newWidth <= 220) shouldCollapseOnMouseUp = true;
+					else shouldCollapseOnMouseUp = false;
+					if (newWidth >= 67 && !expanded) shouldExpandOnMouseUp = true;
+					else shouldExpandOnMouseUp = false;
+				}
+			};
+			const mousedown = (event) => {
+				var _navigationRef$curren;
+				prevX = event.clientX;
+				navRect = (_navigationRef$curren = navigationRef.current) === null || _navigationRef$curren === void 0 ? void 0 : _navigationRef$curren.getBoundingClientRect();
+				const mouseup = () => {
+					if (shouldCollapseOnMouseUp || shouldExpandOnMouseUp) {
+						toggleExpand();
+						onToggleExpand === null || onToggleExpand === void 0 || onToggleExpand(!expanded);
+					}
+					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 = "";
+					}
+					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
+		]);
+		return /* @__PURE__ */ jsxs("nav", {
+			className: cn(className, navigationStyle.navigation),
+			"data-testid": dataTestId,
+			id,
+			children: [/* @__PURE__ */ jsxs("div", {
+				className: navigationStyle.container({
+					animation: shouldAnimate ? animation : void 0,
+					expanded
+				}),
+				ref: navigationRef,
+				style: assignInlineVars({ [widthNavigationContainer]: `${width}px` }),
+				children: [logo ? /* @__PURE__ */ jsx(Header, { logo }) : null, /* @__PURE__ */ jsxs("div", {
+					className: cn(navigationStyle.contentContainer, expanded ? "" : navigationStyle.contentContainerCollapsed),
+					children: [/* @__PURE__ */ jsx(Stack, {
+						className: navigationStyle.content,
+						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();
+export { NavigationContent, init_NavigationContent };

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

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationProvider.d.ts","sourceRoot":"","sources":["../../../src/compositions/Navigation/NavigationProvider.tsx"],"names":[],"mappings":"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"}

package/dist/compositions/Navigation/NavigationProvider.js

@@ -0,0 +1,129 @@
+'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 { init_constants } from "./constants.js";
+import en_default, { init_en } from "./locales/en.js";
+import { createContext, useCallback, useContext, useMemo, useReducer, useRef, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/compositions/Navigation/NavigationProvider.tsx
+var NavigationContext, useNavigation, NavigationProvider;
+var init_NavigationProvider = __esmMin(() => {
+	init_constants();
+	init_en();
+	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,
+		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: shouldAnimate = true, animationType, showHide }) => {
+		const [expanded, setExpanded] = useState(initialExpanded);
+		const [pinnedItems, setPinnedItems] = useState(initialPinned !== null && initialPinned !== void 0 ? initialPinned : []);
+		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 toggleExpand = useCallback((toggle) => {
+			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;
+			onExpandChange === null || onExpandChange === void 0 || onExpandChange(!expanded);
+			if (navigationRef.current) navigationRef.current.style.width = "";
+			if (shouldAnimate) {
+				setAnimation(expanded ? "collapse" : "expand");
+				setTimeout(() => {
+					setExpanded(toggle !== null && toggle !== void 0 ? toggle : !expanded);
+					setAnimation(false);
+				}, 250);
+			} else setExpanded(toggle !== null && toggle !== void 0 ? toggle : !expanded);
+		}, [
+			expanded,
+			onExpandChange,
+			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();
+export { NavigationProvider, init_NavigationProvider, useNavigation };

package/dist/compositions/Navigation/animations.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"animations.css.d.ts","sourceRoot":"","sources":["../../../src/compositions/Navigation/animations.css.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAIH,eAAO,MAAM,YAAY,QAOvB,CAAA;AAEF,eAAO,MAAM,cAAc,QAWzB,CAAA"}

package/dist/compositions/Navigation/animations.css.ts.vanilla.js

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

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

@@ -0,0 +1,65 @@
+import type { Badge } from '../../../components/Badge';
+import type { ItemType, PinUnPinType } from '../types';
+import type { ComponentProps, CSSProperties, DragEvent, ElementType, ReactNode } from 'react';
+export type ItemExpandedType = {
+    categoryIcon: ReactNode;
+    containerTag: ElementType;
+    disabled?: boolean;
+    hasActiveChildren: boolean;
+    active?: boolean;
+    noExpand: boolean;
+    subLabel?: string;
+    shouldShowPinnedButton: boolean;
+    children: ReactNode;
+    dataTestId?: string;
+    type: ItemType;
+    href?: HTMLAnchorElement['href'];
+    rel?: HTMLAnchorElement['rel'];
+    id: string;
+    style?: CSSProperties;
+    target?: HTMLAnchorElement['target'];
+    label: string;
+    labelDescription: ReactNode;
+    hasPinnedFeatureAndNoChildren?: boolean;
+    badgeText?: string;
+    badgeSentiment?: ComponentProps<typeof Badge>['sentiment'];
+    isItemPinned: boolean;
+    pinTooltipLocale: string;
+    onClickPinUnpin: ((parameters: PinUnPinType) => void) | undefined;
+    isPinDisabled: boolean;
+    onToggle?: (toggle: boolean) => void;
+    index?: number;
+    onDragStopTrigger: (event: DragEvent<HTMLDivElement>) => void;
+    toggle?: boolean;
+};
+export type ItemMenuType = {
+    style?: CSSProperties;
+    children: ReactNode;
+    label: string;
+    hasActiveChildren: boolean;
+    categoryIcon?: ReactNode;
+    active?: boolean;
+};
+export type ItemMenuItemType = {
+    active?: boolean;
+    shouldShowPinnedButton: boolean;
+    disabled?: boolean;
+    href?: string;
+    onToggle?: (toggle: boolean) => void;
+    rel?: HTMLAnchorElement['rel'];
+    style?: CSSProperties;
+    target?: HTMLAnchorElement['target'];
+    hasActiveChildren: boolean;
+    noExpand: boolean;
+    labelDescription: ReactNode;
+    label: string;
+    badgeText?: string;
+    badgeSentiment?: ComponentProps<typeof Badge>['sentiment'];
+    hasHrefAndNoChildren?: boolean | '';
+    pinTooltipLocale: string;
+    isItemPinned: boolean;
+    isPinDisabled: boolean;
+    onClickPinUnpin?: (parameters: PinUnPinType) => void;
+    id: string;
+};
+//# sourceMappingURL=ComponentsTypes.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ComponentsTypes.d.ts","sourceRoot":"","sources":["../../../../src/compositions/Navigation/components/ComponentsTypes.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,2BAA2B,CAAA;AACtD,OAAO,KAAK,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AACtD,OAAO,KAAK,EACV,cAAc,EACd,aAAa,EACb,SAAS,EACT,WAAW,EACX,SAAS,EACV,MAAM,OAAO,CAAA;AAEd,MAAM,MAAM,gBAAgB,GAAG;IAC7B,YAAY,EAAE,SAAS,CAAA;IACvB,YAAY,EAAE,WAAW,CAAA;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,iBAAiB,EAAE,OAAO,CAAA;IAC1B,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,QAAQ,EAAE,OAAO,CAAA;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,sBAAsB,EAAE,OAAO,CAAA;IAC/B,QAAQ,EAAE,SAAS,CAAA;IACnB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,IAAI,EAAE,QAAQ,CAAA;IACd,IAAI,CAAC,EAAE,iBAAiB,CAAC,MAAM,CAAC,CAAA;IAChC,GAAG,CAAC,EAAE,iBAAiB,CAAC,KAAK,CAAC,CAAA;IAC9B,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,CAAC,EAAE,aAAa,CAAA;IACrB,MAAM,CAAC,EAAE,iBAAiB,CAAC,QAAQ,CAAC,CAAA;IACpC,KAAK,EAAE,MAAM,CAAA;IACb,gBAAgB,EAAE,SAAS,CAAA;IAC3B,6BAA6B,CAAC,EAAE,OAAO,CAAA;IACvC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,cAAc,CAAC,EAAE,cAAc,CAAC,OAAO,KAAK,CAAC,CAAC,WAAW,CAAC,CAAA;IAC1D,YAAY,EAAE,OAAO,CAAA;IACrB,gBAAgB,EAAE,MAAM,CAAA;IACxB,eAAe,EAAE,CAAC,CAAC,UAAU,EAAE,YAAY,KAAK,IAAI,CAAC,GAAG,SAAS,CAAA;IACjE,aAAa,EAAE,OAAO,CAAA;IACtB,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAA;IACpC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,iBAAiB,EAAE,CAAC,KAAK,EAAE,SAAS,CAAC,cAAc,CAAC,KAAK,IAAI,CAAA;IAC7D,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB,CAAA;AAED,MAAM,MAAM,YAAY,GAAG;IACzB,KAAK,CAAC,EAAE,aAAa,CAAA;IACrB,QAAQ,EAAE,SAAS,CAAA;IACnB,KAAK,EAAE,MAAM,CAAA;IACb,iBAAiB,EAAE,OAAO,CAAA;IAC1B,YAAY,CAAC,EAAE,SAAS,CAAA;IACxB,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB,CAAA;AAED,MAAM,MAAM,gBAAgB,GAAG;IAC7B,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,sBAAsB,EAAE,OAAO,CAAA;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAA;IACpC,GAAG,CAAC,EAAE,iBAAiB,CAAC,KAAK,CAAC,CAAA;IAC9B,KAAK,CAAC,EAAE,aAAa,CAAA;IACrB,MAAM,CAAC,EAAE,iBAAiB,CAAC,QAAQ,CAAC,CAAA;IACpC,iBAAiB,EAAE,OAAO,CAAA;IAC1B,QAAQ,EAAE,OAAO,CAAA;IACjB,gBAAgB,EAAE,SAAS,CAAA;IAC3B,KAAK,EAAE,MAAM,CAAA;IACb,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,cAAc,CAAC,EAAE,cAAc,CAAC,OAAO,KAAK,CAAC,CAAC,WAAW,CAAC,CAAA;IAC1D,oBAAoB,CAAC,EAAE,OAAO,GAAG,EAAE,CAAA;IACnC,gBAAgB,EAAE,MAAM,CAAA;IACxB,YAAY,EAAE,OAAO,CAAA;IACrB,aAAa,EAAE,OAAO,CAAA;IACtB,eAAe,CAAC,EAAE,CAAC,UAAU,EAAE,YAAY,KAAK,IAAI,CAAA;IACpD,EAAE,EAAE,MAAM,CAAA;CACX,CAAA"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"Group.d.ts","sourceRoot":"","sources":["../../../../src/compositions/Navigation/components/Group.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAErD,KAAK,UAAU,GAAG;IAChB,QAAQ,EAAE,SAAS,CAAA;IACnB,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,aAAa,CAAA;IACrB,cAAc,CAAC,EAAE,SAAS,CAAA;CAC3B,CAAA;AAED,eAAO,MAAM,KAAK,gDAKf,UAAU,mDA4CZ,CAAA"}

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

@@ -0,0 +1,49 @@
+'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 { 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 { Children } from "react";
+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();
+	init_objectSpread2();
+	Group = ({ children, label, style, additionalData }) => {
+		const context = useNavigation();
+		if (!context) throw new Error("Navigation.Group can only be used inside a NavigationProvider.");
+		const { expanded, animation, animationType } = context;
+		const isDiplay = !animation && expanded;
+		if (Children.count(children) > 0) return /* @__PURE__ */ jsx("div", {
+			style: _objectSpread2({ width: animation ? "100%" : void 0 }, style),
+			children: /* @__PURE__ */ jsxs(Stack, {
+				className: navigationStyle.groupStack,
+				direction: "column",
+				children: [isDiplay ? /* @__PURE__ */ jsx(Text, {
+					as: "span",
+					className: navigationStyle.groupText({ animation: animationType === "complex" ? animation : false }),
+					prominence: "weak",
+					sentiment: "neutral",
+					variant: "bodySmallStrong",
+					children: additionalData ? /* @__PURE__ */ jsxs(Stack, {
+						direction: "row",
+						justifyContent: "space-between",
+						children: [label, additionalData]
+					}) : label
+				}) : null, children]
+			})
+		});
+		return null;
+	};
+});
+
+//#endregion
+init_Group();
+export { Group, init_Group };

package/dist/compositions/Navigation/components/Item/Badge.d.ts

@@ -0,0 +1,5 @@
+import type { ItemExpandedType } from '../ComponentsTypes';
+export declare const ItemBadge: ({ badgeText, animation, disabled, badgeSentiment, }: Pick<ItemExpandedType, 'badgeText' | 'badgeSentiment' | 'disabled'> & {
+    animation: boolean;
+}) => import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=Badge.d.ts.map

package/dist/compositions/Navigation/components/Item/Badge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../../../src/compositions/Navigation/components/Item/Badge.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AAE1D,eAAO,MAAM,SAAS,wDAKnB,IAAI,CAAC,gBAAgB,EAAE,WAAW,GAAG,gBAAgB,GAAG,UAAU,CAAC,GAAG;IACvE,SAAS,EAAE,OAAO,CAAA;CACnB,mDAWS,CAAA"}

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

@@ -0,0 +1,23 @@
+import { __esmMin, __name } from "../../../../_virtual/_rolldown/runtime.js";
+import { init_styles_css, navigationStyle } from "../../styles.css.js";
+import { Badge, init_Badge as init_Badge$1 } from "../../../../components/Badge/index.js";
+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, animation, disabled, badgeSentiment }) => badgeText && !animation ? /* @__PURE__ */ jsx(Badge, {
+		className: navigationStyle.itemBadge,
+		disabled,
+		prominence: "strong",
+		sentiment: badgeSentiment,
+		size: "small",
+		children: badgeText
+	}) : null;
+});
+
+//#endregion
+init_Badge();
+export { ItemBadge, init_Badge };

package/dist/compositions/Navigation/components/Item/Children.d.ts

@@ -0,0 +1,5 @@
+import type { ItemExpandedType } from '../ComponentsTypes';
+export declare const ItemChildren: ({ noExpand, type, children, internalExpanded, }: Pick<ItemExpandedType, 'noExpand' | 'type' | 'children'> & {
+    internalExpanded: boolean;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Children.d.ts.map

package/dist/compositions/Navigation/components/Item/Children.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Children.d.ts","sourceRoot":"","sources":["../../../../../src/compositions/Navigation/components/Item/Children.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AAE1D,eAAO,MAAM,YAAY,oDAKtB,IAAI,CAAC,gBAAgB,EAAE,UAAU,GAAG,MAAM,GAAG,UAAU,CAAC,GAAG;IAC5D,gBAAgB,EAAE,OAAO,CAAA;CAC1B,4CAsDA,CAAA"}