@ultraviolet/ui 3.12.3 → 3.13.0

package/dist/components/compositions/EstimateCost/index.js

@@ -1,12 +1,7 @@
 'use client';
 import { __esmMin, __name } from "../../../_virtual/_rolldown/runtime.js";
-import { _objectSpread2, init_objectSpread2 } from "../../../_virtual/_@oxc-project_runtime@0.120.0/helpers/objectSpread2.js";
-import { Text, init_Text } from "../../Text/index.js";
-import { init_components_css, maxWidthText, maxWidthTextVar } from "./Components/components.css.js";
 import en_default, { init_en } from "./locales/en.js";
 import { EstimateCostProvider, init_EstimateCostProvider } from "./EstimateCostProvider.js";
-import { init_OverlayContext, useOverlay } from "./OverlayContext.js";
-import { estimateCostStyle, init_styles_css } from "./styles.css.js";
 import { Item, init_Item } from "./Components/Item.js";
 import { LineThrough, init_LineThrough } from "./Components/LineThrough.js";
 import { Regular, init_Regular } from "./Components/Regular.js";
@@ -15,17 +10,14 @@ import { Strong, init_Strong } from "./Components/Strong.js";
 import { Region, init_Region } from "./Components/Region.js";
 import { Unit, init_Unit } from "./Components/Unit.js";
 import { Zone, init_Zone } from "./Components/Zone.js";
+import { Ellipsis, init_Ellipsis } from "./Ellipsis.js";
 import { EstimateCostContent, init_EstimateCostContent } from "./EstimateCostContent.js";
-import { Children } from "react";
-import { cn } from "@ultraviolet/utils";
-import { assignInlineVars } from "@vanilla-extract/dynamic";
+import { Image, init_Image } from "./Image.js";
 import { jsx } from "react/jsx-runtime";
 
 //#region src/components/compositions/EstimateCost/index.tsx
-var DEFAULT_UNIT_LIST, Image, EstimateCost, Ellipsis;
+var DEFAULT_UNIT_LIST, EstimateCost;
 var init_EstimateCost = __esmMin(() => {
-	init_Text();
-	init_components_css();
 	init_Item();
 	init_LineThrough();
 	init_NumberInput();
@@ -34,22 +26,16 @@ var init_EstimateCost = __esmMin(() => {
 	init_Strong();
 	init_Unit();
 	init_Zone();
+	init_Ellipsis();
 	init_EstimateCostContent();
 	init_EstimateCostProvider();
+	init_Image();
 	init_en();
-	init_OverlayContext();
-	init_styles_css();
-	init_objectSpread2();
 	DEFAULT_UNIT_LIST = [
 		"hours",
 		"days",
 		"months"
 	];
-	Image = (props) => /* @__PURE__ */ jsx("img", _objectSpread2(_objectSpread2({
-		alt: props.alt,
-		height: props.height,
-		width: props.width
-	}, props), {}, { className: cn(props.className, estimateCostStyle.image) }));
 	EstimateCost = ({ description, alert, alertTitle, alertVariant = "warning", defaultTimeUnit = "hours", timeUnits = DEFAULT_UNIT_LIST, hideOverlay = false, disableOverlayLeft = false, disableOverlayRight = false, hideTimeUnit = false, hideTotal = false, discount = 0, OverlayRight, OverlayLeft, overlayMargin, isBeta = false, commitmentFees, commitmentFeesContent, monthlyFees, monthlyFeesLabel, monthlyFeesContent, overlayUnit = "hours", children = null, locales = en_default, compact, numberLocales = "en-EN", currency = "EUR", style, onTotalPriceChange }) => /* @__PURE__ */ jsx(EstimateCostProvider, {
 		currency,
 		locales,
@@ -93,22 +79,6 @@ var init_EstimateCost = __esmMin(() => {
 	EstimateCost.Image = Image;
 	EstimateCost.Region = Region;
 	EstimateCost.Zone = Zone;
-	Ellipsis = ({ children, maxWidth = 350, "data-testid": dataTestId }) => {
-		const { isOverlay } = useOverlay();
-		const text = Children.toArray(children).join("").toString();
-		return /* @__PURE__ */ jsx("div", {
-			"data-testid": dataTestId,
-			style: { display: isOverlay ? void 0 : "inline-flex" },
-			children: /* @__PURE__ */ jsx(Text, {
-				as: "p",
-				className: maxWidthText,
-				oneLine: true,
-				style: assignInlineVars({ [maxWidthTextVar]: isOverlay ? "200px" : `${maxWidth}px` }),
-				variant: "bodyStrong",
-				children: text
-			})
-		});
-	};
 	EstimateCost.Ellipsis = Ellipsis;
 });
 

package/dist/components/compositions/EstimateCost/types.d.ts

@@ -221,6 +221,6 @@ export type ItemPriceProps = {
     longFractionDigits: boolean;
     maximumFractionDigitsLong: Record<Units, number>;
     maximumFractionDigits: Record<Units, number>;
-    unit: string;
+    unit: Units;
 };
 //# sourceMappingURL=types.d.ts.map

package/dist/components/compositions/EstimateCost/types.d.ts.map

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

package/dist/components/compositions/InfoTable/components/Cell.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Cell.d.ts","sourceRoot":"","sources":["../../../../../src/components/compositions/InfoTable/components/Cell.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAErD,MAAM,MAAM,SAAS,GAAG;IACtB,QAAQ,EAAE,SAAS,CAAA;IACnB,KAAK,EAAE,SAAS,CAAA;IAChB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;AAED,eAAO,MAAM,aAAa,gGAiCzB,CAAA"}
+{"version":3,"file":"Cell.d.ts","sourceRoot":"","sources":["../../../../../src/components/compositions/InfoTable/components/Cell.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAErD,MAAM,MAAM,SAAS,GAAG;IACtB,QAAQ,EAAE,SAAS,CAAA;IACnB,KAAK,EAAE,SAAS,CAAA;IAChB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;AAED,eAAO,MAAM,aAAa,gGAoCzB,CAAA"}

package/dist/components/compositions/InfoTable/components/Cell.js

@@ -3,6 +3,7 @@ import { __esmMin, __name } from "../../../../_virtual/_rolldown/runtime.js";
 import { Stack, init_Stack } from "../../../Stack/index.js";
 import { Text, init_Text } from "../../../Text/index.js";
 import { infoTableStyle, init_styles_css } from "../styles.css.js";
+import { cn } from "@ultraviolet/utils";
 import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/components/compositions/InfoTable/components/Cell.tsx
@@ -26,7 +27,7 @@ var init_Cell = __esmMin(() => {
 			children: title
 		}), /* @__PURE__ */ jsx(Text, {
 			as: "dd",
-			className: infoTableStyle.desc,
+			className: cn(infoTableStyle.desc, typeof children === "string" ? "" : infoTableStyle.descFlex),
 			oneLine: !multiline,
 			prominence: "default",
 			sentiment: "neutral",

package/dist/components/compositions/InfoTable/components/Row.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.120.0/helpers/objectSpread2.js";
+import { _objectSpread2, init_objectSpread2 } from "../../../../_virtual/_@oxc-project_runtime@0.122.0/helpers/objectSpread2.js";
 import { Row, init_Row as init_Row$1 } from "../../../Row/index.js";
 import { infoTableStyle, init_styles_css, rowWidth } from "../styles.css.js";
 import { InfoTableContext, init_Context } from "../Context.js";

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

@@ -5,6 +5,7 @@ export declare const infoTableStyle: {
     cell: string;
     term: string;
     desc: string;
+    descFlex: string;
     cellWithCopyButton: string;
 };
 //# sourceMappingURL=styles.css.d.ts.map

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

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

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

@@ -1,11 +1,9 @@
 import { __esmMin } from "../../../_virtual/_rolldown/runtime.js";
-import { init_themes_css_js_vanilla } from "../../../themes/dist/vanilla/themes.css.js.vanilla.js";
 import { init_styles_css_ts_vanilla } from "./styles.css.ts.vanilla.js";
 
 //#region src/components/compositions/InfoTable/styles.css.ts
 var rowWidth, infoTableStyle;
 var init_styles_css = __esmMin(() => {
-	init_themes_css_js_vanilla();
 	init_styles_css_ts_vanilla();
 	rowWidth = "var(--uv_dvjyo40)";
 	infoTableStyle = {
@@ -14,7 +12,8 @@ var init_styles_css = __esmMin(() => {
 		cell: "uv_dvjyo43",
 		term: "uv_dvjyo44",
 		desc: "uv_dvjyo45",
-		cellWithCopyButton: "uv_dvjyo46"
+		descFlex: "uv_dvjyo46",
+		cellWithCopyButton: "uv_dvjyo47"
 	};
 });
 

package/dist/components/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.120.0/helpers/objectSpread2.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";

package/dist/components/compositions/Navigation/components/Group.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.120.0/helpers/objectSpread2.js";
+import { _objectSpread2, init_objectSpread2 } from "../../../../_virtual/_@oxc-project_runtime@0.122.0/helpers/objectSpread2.js";
 import { Stack, init_Stack } from "../../../Stack/index.js";
 import { Text, init_Text } from "../../../Text/index.js";
 import { init_NavigationProvider, useNavigation } from "../NavigationProvider.js";

package/dist/components/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, "badgeSentiment" | "badgeText" | "disabled"> & {
+    animation: boolean;
+}) => import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=Badge.d.ts.map

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

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

package/dist/components/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 "../../../../Badge/index.js";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/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/components/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, "children" | "noExpand" | "type"> & {
+    internalExpanded: boolean;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Children.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Children.d.ts","sourceRoot":"","sources":["../../../../../../src/components/compositions/Navigation/components/Item/Children.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AAE1D,eAAO,MAAM,YAAY;;6CA6DxB,CAAA"}

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

@@ -0,0 +1,39 @@
+import { __esmMin, __name } from "../../../../../_virtual/_rolldown/runtime.js";
+import { Stack, init_Stack } from "../../../../Stack/index.js";
+import { init_NavigationProvider, useNavigation } from "../../NavigationProvider.js";
+import { init_styles_css, navigationStyle } from "../../styles.css.js";
+import { ItemProvider, init_ItemProvider } from "./ItemProvider.js";
+import { Expandable, init_Expandable } from "../../../../Expandable/index.js";
+import { Fragment, jsx } from "react/jsx-runtime";
+
+//#region src/components/compositions/Navigation/components/Item/Children.tsx
+var ItemChildren;
+var init_Children = __esmMin(() => {
+	init_Expandable();
+	init_Stack();
+	init_NavigationProvider();
+	init_styles_css();
+	init_ItemProvider();
+	ItemChildren = ({ noExpand, type, children, internalExpanded }) => {
+		const context = useNavigation();
+		if (!context) throw new Error("Navigation.Item can only be used inside a NavigationProvider.");
+		const { animation, animationType, shouldAnimate } = context;
+		return /* @__PURE__ */ jsx(Fragment, { children: noExpand ? /* @__PURE__ */ jsx(ItemProvider, { children: /* @__PURE__ */ jsx(Stack, {
+			className: noExpand || type === "pinnedGroup" ? "" : navigationStyle.itemPaddingStack({ 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" ? "" : navigationStyle.itemPaddingStack({ hide: shouldAnimate && animationType === "complex" && animation === "expand" }),
+				width: animation ? "100%" : void 0,
+				children
+			})
+		}) }) });
+	};
+});
+
+//#endregion
+init_Children();
+export { ItemChildren, init_Children };

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

@@ -0,0 +1,3 @@
+import type { ItemExpandedType } from '../ComponentsTypes';
+export declare const ItemContent: ({ disabled, active, categoryIcon, type, label, hasActiveChildren, labelDescription, noExpand, subLabel, }: Pick<ItemExpandedType, "active" | "categoryIcon" | "disabled" | "hasActiveChildren" | "label" | "labelDescription" | "noExpand" | "subLabel" | "type">) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Content.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Content.d.ts","sourceRoot":"","sources":["../../../../../../src/components/compositions/Navigation/components/Item/Content.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AAE1D,eAAO,MAAM,WAAW,gTAwGvB,CAAA"}

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

@@ -0,0 +1,80 @@
+import { __esmMin, __name } from "../../../../../_virtual/_rolldown/runtime.js";
+import { Stack, init_Stack } from "../../../../Stack/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 { ItemContext, init_ItemProvider } from "./ItemProvider.js";
+import { useContext } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { DragIcon } from "@ultraviolet/icons/DragIcon";
+
+//#region src/components/compositions/Navigation/components/Item/Content.tsx
+var ItemContent;
+var init_Content = __esmMin(() => {
+	init_Stack();
+	init_Text();
+	init_NavigationProvider();
+	init_styles_css();
+	init_ItemProvider();
+	ItemContent = ({ disabled, active, categoryIcon, type, label, hasActiveChildren, labelDescription, noExpand, subLabel }) => {
+		const context = useNavigation();
+		if (!context) throw new Error("Navigation.Item can only be used inside a NavigationProvider.");
+		const { expanded, animation } = context;
+		const hasParents = !!useContext(ItemContext);
+		return /* @__PURE__ */ jsxs(Stack, {
+			alignItems: categoryIcon ? "flex-start" : "center",
+			direction: "row",
+			gap: 1,
+			justifyContent: "center",
+			children: [
+				categoryIcon ? /* @__PURE__ */ jsx(Stack, {
+					alignItems: "center",
+					className: navigationStyle.itemCategoryIcon,
+					justifyContent: "center",
+					children: categoryIcon
+				}) : null,
+				type === "pinned" && expanded ? /* @__PURE__ */ jsx(DragIcon, {
+					className: navigationStyle.itemDragIcon,
+					disabled,
+					prominence: "default",
+					sentiment: "neutral",
+					size: "small"
+				}) : null,
+				/* @__PURE__ */ jsxs(Stack, { children: [animation ? null : /* @__PURE__ */ jsxs(Text, {
+					as: "span",
+					className: navigationStyle.itemWrapText({
+						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: navigationStyle.itemPadded,
+						children: labelDescription
+					}) : null]
+				}), subLabel && !animation ? /* @__PURE__ */ jsx(Text, {
+					as: "span",
+					className: navigationStyle.itemWrapText({
+						disabled,
+						weak: hasActiveChildren && !noExpand && !disabled && !!active
+					}),
+					"data-animation": animation,
+					disabled,
+					prominence: "weak",
+					sentiment: "neutral",
+					variant: "caption",
+					whiteSpace: "pre-wrap",
+					children: subLabel
+				}) : null] })
+			]
+		});
+	};
+});
+
+//#endregion
+init_Content();
+export { ItemContent, init_Content };

package/dist/components/compositions/Navigation/components/{Item.d.ts → Item/Item.d.ts}

@@ -1,5 +1,5 @@
-import type { Badge } from '../../../Badge';
-import type { ItemType, PinUnPinType } from '../types';
+import type { Badge } from '../../../../Badge';
+import type { ItemType, PinUnPinType } from '../../types';
 import type { ComponentProps, CSSProperties, ElementType, ReactNode } from 'react';
 type ItemProps = {
     children?: ReactNode;

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

@@ -0,0 +1 @@
+{"version":3,"file":"Item.d.ts","sourceRoot":"","sources":["../../../../../../src/components/compositions/Navigation/components/Item/Item.tsx"],"names":[],"mappings":"AAyBA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAC9C,OAAO,KAAK,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,aAAa,CAAA;AACzD,OAAO,KAAK,EACV,cAAc,EACd,aAAa,EAEb,WAAW,EACX,SAAS,EACV,MAAM,OAAO,CAAA;AAMd,KAAK,SAAS,GAAG;IACf,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB;;OAEG;IACH,YAAY,CAAC,EAAE,SAAS,CAAA;IACxB;;;OAGG;IACH,KAAK,EAAE,MAAM,CAAA;IACb;;OAEG;IACH,gBAAgB,CAAC,EAAE,SAAS,CAAA;IAC5B;;OAEG;IACH,EAAE,EAAE,MAAM,CAAA;IACV;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;;OAGG;IACH,cAAc,CAAC,EAAE,cAAc,CAAC,OAAO,KAAK,CAAC,CAAC,WAAW,CAAC,CAAA;IAC1D,IAAI,CAAC,EAAE,iBAAiB,CAAC,MAAM,CAAC,CAAA;IAChC,MAAM,CAAC,EAAE,iBAAiB,CAAC,QAAQ,CAAC,CAAA;IACpC,GAAG,CAAC,EAAE,iBAAiB,CAAC,KAAK,CAAC,CAAA;IAC9B;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAA;IACpC,eAAe,CAAC,EAAE,CAAC,UAAU,EAAE,YAAY,KAAK,IAAI,CAAA;IACpD;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB;;OAEG;IACH,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;;;;OAKG;IACH,EAAE,CAAC,EAAE,WAAW,CAAA;IAChB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;AAOD,eAAO,MAAM,IAAI,oWAsShB,CAAA"}

package/dist/components/compositions/Navigation/components/{Item.js → Item/Item.js}

@@ -1,26 +1,30 @@
 'use client';
-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 { init_NavigationProvider, useNavigation } from "../NavigationProvider.js";
-import { init_styles_css, navigationStyle } from "../styles.css.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 { init_NavigationProvider, useNavigation } from "../../NavigationProvider.js";
+import { init_styles_css, navigationStyle } from "../../styles.css.js";
 import { ItemContext, init_ItemProvider } from "./ItemProvider.js";
+import { ItemMenu, init_Menu } from "../Menu/Menu.js";
+import { ItemMenuItem, init_MenuItem } from "../Menu/MenuItem.js";
+import { NestedMenu, init_NestedMenu } from "../Menu/NestedMenu.js";
 import { ItemExpanded, init_ItemExpanded } from "./ItemExpanded.js";
-import { ItemMenu, ItemMenuItem, init_ItemMenu } from "./ItemMenu.js";
 import { Children, isValidElement, memo, useContext, useEffect, useMemo, useRef } from "react";
 import { cn } from "@ultraviolet/utils";
 import { jsx } from "react/jsx-runtime";
 import { OpenInNewIcon } from "@ultraviolet/icons/OpenInNewIcon";
 
-//#region src/components/compositions/Navigation/components/Item.tsx
+//#region src/components/compositions/Navigation/components/Item/Item.tsx
 var onDragStopTrigger, Item;
 var init_Item = __esmMin(() => {
 	init_Stack();
 	init_Tooltip();
 	init_NavigationProvider();
 	init_styles_css();
+	init_Menu();
+	init_MenuItem();
+	init_NestedMenu();
 	init_ItemExpanded();
-	init_ItemMenu();
 	init_ItemProvider();
 	onDragStopTrigger = (event) => {
 		const element = event.currentTarget;
@@ -149,6 +153,29 @@ var init_Item = __esmMin(() => {
 			style,
 			children
 		});
+		if (Children.count(children) > 0 && hasParents) return /* @__PURE__ */ jsx(NestedMenu, {
+			active,
+			badgeSentiment,
+			badgeText,
+			disabled,
+			hasActiveChildren,
+			hasHrefAndNoChildren,
+			href,
+			id,
+			isItemPinned,
+			isPinDisabled,
+			label,
+			labelDescription,
+			noExpand,
+			onClickPinUnpin,
+			onToggle,
+			pinTooltipLocale,
+			rel,
+			shouldShowPinnedButton,
+			style,
+			target,
+			children
+		});
 		if (hasParents) return /* @__PURE__ */ jsx(ItemMenuItem, {
 			active,
 			badgeSentiment,

package/dist/components/compositions/Navigation/components/{ItemExpanded.d.ts → Item/ItemExpanded.d.ts}

@@ -1,3 +1,3 @@
-import type { ItemExpandedType } from './ComponentsTypes';
+import type { ItemExpandedType } from '../ComponentsTypes';
 export declare const ItemExpanded: ({ categoryIcon, containerTag, disabled, active, noExpand, subLabel, shouldShowPinnedButton, children, dataTestId, type, href, rel, id, style, target, label, labelDescription, hasPinnedFeatureAndNoChildren, badgeText, badgeSentiment, isItemPinned, pinTooltipLocale, onClickPinUnpin, isPinDisabled, onToggle, index, onDragStopTrigger, toggle, hasActiveChildren, }: ItemExpandedType) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=ItemExpanded.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ItemExpanded.d.ts","sourceRoot":"","sources":["../../../../../../src/components/compositions/Navigation/components/Item/ItemExpanded.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AAG1D,eAAO,MAAM,YAAY,0aA4MxB,CAAA"}

package/dist/components/compositions/Navigation/components/{ItemExpanded.js → Item/ItemExpanded.js}

@@ -1,104 +1,28 @@
-import { __esmMin, __name } from "../../../../_virtual/_rolldown/runtime.js";
-import { Stack, init_Stack } from "../../../Stack/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 { Expandable, init_Expandable } from "../../../Expandable/index.js";
-import { ItemBadge, ItemPinnedButton, init_ItemFragments } from "./ItemFragments.js";
-import { ItemContext, ItemProvider, init_ItemProvider } from "./ItemProvider.js";
-import { useCallback, useContext, useMemo, useReducer } from "react";
+import { __esmMin, __name } from "../../../../../_virtual/_rolldown/runtime.js";
+import { Stack, init_Stack } from "../../../../Stack/index.js";
+import { init_NavigationProvider, useNavigation } from "../../NavigationProvider.js";
+import { init_styles_css, navigationStyle } from "../../styles.css.js";
+import { ItemBadge, init_Badge } from "./Badge.js";
+import { ItemPinnedButton, init_PinnedButton } from "./PinnedButton.js";
+import { ItemChildren, init_Children } from "./Children.js";
+import { ItemContent, init_Content } from "./Content.js";
+import { useCallback, useMemo, useReducer } from "react";
 import { cn } from "@ultraviolet/utils";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { OpenInNewIcon } from "@ultraviolet/icons/OpenInNewIcon";
-import { ArrowDownIcon } from "@ultraviolet/icons/ArrowDownIcon";
 import { ArrowRightIcon } from "@ultraviolet/icons/ArrowRightIcon";
-import { DragIcon } from "@ultraviolet/icons/DragIcon";
+import { ArrowDownIcon } from "@ultraviolet/icons/ArrowDownIcon";
 
-//#region src/components/compositions/Navigation/components/ItemExpanded.tsx
-var ItemChildren, ItemContent, ItemExpanded;
+//#region src/components/compositions/Navigation/components/Item/ItemExpanded.tsx
+var ItemExpanded;
 var init_ItemExpanded = __esmMin(() => {
-	init_Expandable();
 	init_Stack();
-	init_Text();
 	init_NavigationProvider();
 	init_styles_css();
-	init_ItemFragments();
-	init_ItemProvider();
-	ItemChildren = ({ noExpand, type, children, internalExpanded }) => {
-		const context = useNavigation();
-		if (!context) throw new Error("Navigation.Item can only be used inside a NavigationProvider.");
-		const { animation, animationType, shouldAnimate } = context;
-		return /* @__PURE__ */ jsx(Fragment$1, { children: noExpand ? /* @__PURE__ */ jsx(ItemProvider, { children: /* @__PURE__ */ jsx(Stack, {
-			className: noExpand || type === "pinnedGroup" ? "" : navigationStyle.itemPaddingStack({ 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" ? "" : navigationStyle.itemPaddingStack({ hide: shouldAnimate && animationType === "complex" && animation === "expand" }),
-				width: animation ? "100%" : void 0,
-				children
-			})
-		}) }) });
-	};
-	ItemContent = ({ disabled, active, categoryIcon, type, label, hasActiveChildren, labelDescription, noExpand, subLabel }) => {
-		const context = useNavigation();
-		if (!context) throw new Error("Navigation.Item can only be used inside a NavigationProvider.");
-		const { expanded, animation } = context;
-		const hasParents = !!useContext(ItemContext);
-		return /* @__PURE__ */ jsxs(Stack, {
-			alignItems: categoryIcon ? "flex-start" : "center",
-			direction: "row",
-			gap: 1,
-			justifyContent: "center",
-			children: [
-				categoryIcon ? /* @__PURE__ */ jsx(Stack, {
-					alignItems: "center",
-					className: navigationStyle.itemCategoryIcon,
-					justifyContent: "center",
-					children: categoryIcon
-				}) : null,
-				type === "pinned" && expanded ? /* @__PURE__ */ jsx(DragIcon, {
-					className: navigationStyle.itemDragIcon,
-					disabled,
-					prominence: "default",
-					sentiment: "neutral",
-					size: "small"
-				}) : null,
-				/* @__PURE__ */ jsxs(Stack, { children: [animation ? null : /* @__PURE__ */ jsxs(Text, {
-					as: "span",
-					className: navigationStyle.itemWrapText({
-						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: navigationStyle.itemPadded,
-						children: labelDescription
-					}) : null]
-				}), subLabel && !animation ? /* @__PURE__ */ jsx(Text, {
-					as: "span",
-					className: navigationStyle.itemWrapText({
-						disabled,
-						weak: hasActiveChildren && !noExpand && !disabled && !!active
-					}),
-					"data-animation": animation,
-					disabled,
-					prominence: "weak",
-					sentiment: "neutral",
-					variant: "caption",
-					whiteSpace: "pre-wrap",
-					children: subLabel
-				}) : null] })
-			]
-		});
-	};
+	init_Badge();
+	init_Children();
+	init_Content();
+	init_PinnedButton();
 	ItemExpanded = ({ categoryIcon, containerTag, disabled, active, noExpand, subLabel, shouldShowPinnedButton, children, dataTestId, type, href, rel, id, style, target, label, labelDescription, hasPinnedFeatureAndNoChildren, badgeText, badgeSentiment, isItemPinned, pinTooltipLocale, onClickPinUnpin, isPinDisabled, onToggle, index, onDragStopTrigger, toggle, hasActiveChildren }) => {
 		const context = useNavigation();
 		const [internalExpanded, onToggleExpand] = useReducer((prevState) => !prevState, Boolean(toggle));

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

@@ -0,0 +1 @@
+{"version":3,"file":"ItemProvider.d.ts","sourceRoot":"","sources":["../../../../../../src/components/compositions/Navigation/components/Item/ItemProvider.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAItC,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/compositions/Navigation/components/{ItemProvider.js → Item/ItemProvider.js}

@@ -1,9 +1,9 @@
 'use client';
-import { __esmMin, __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
+//#region src/components/compositions/Navigation/components/Item/ItemProvider.tsx
 var ItemContext, ItemProvider;
 var init_ItemProvider = __esmMin(() => {
 	ItemContext = createContext(false);

package/dist/components/compositions/Navigation/components/{ItemFragments.d.ts → Item/PinnedButton.d.ts}

@@ -1,6 +1,3 @@
-import type { ItemExpandedType } from './ComponentsTypes';
-export declare const ItemBadge: ({ badgeText, animation, disabled, badgeSentiment, }: Pick<ItemExpandedType, "badgeSentiment" | "badgeText" | "disabled"> & {
-    animation: boolean;
-}) => import("react/jsx-runtime").JSX.Element | null;
+import type { ItemExpandedType } from '../ComponentsTypes';
 export declare const ItemPinnedButton: ({ shouldShowPinnedButton, isItemPinned, pinTooltipLocale, isPinDisabled, id, active, onClickPinUnpin, }: Pick<ItemExpandedType, "active" | "id" | "isItemPinned" | "isPinDisabled" | "onClickPinUnpin" | "pinTooltipLocale" | "shouldShowPinnedButton">) => import("react/jsx-runtime").JSX.Element | null;
-//# sourceMappingURL=ItemFragments.d.ts.map
+//# sourceMappingURL=PinnedButton.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PinnedButton.d.ts","sourceRoot":"","sources":["../../../../../../src/components/compositions/Navigation/components/Item/PinnedButton.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AAG1D,eAAO,MAAM,gBAAgB,6SA8E5B,CAAA"}