@ultraviolet/plus 3.4.5 → 3.5.0

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

@@ -1 +1 @@
-{"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,GAAI,cAAc,iBAAiB,4CAI3D,CAAA"}
+{"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,12 +1,17 @@
-"use client";
-import { jsx } from "react/jsx-runtime";
+'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 });
-};
-export {
-  ItemContext,
-  ItemProvider
+	const value = useMemo(() => true, []);
+	return /* @__PURE__ */ jsx(ItemContext.Provider, {
+		value,
+		children
+	});
 };
+
+//#endregion
+export { ItemContext, ItemProvider };

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

@@ -1 +1 @@
-{"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,GAAI,sDAMzB,gBAAgB,mDA2IlB,CAAA"}
+{"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,136 +1,105 @@
-"use client";
+'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";
-import { Text } from "@ultraviolet/ui";
-import { useCallback } from "react";
-import { useNavigation } from "../NavigationProvider.js";
-import { Item } from "./Item.js";
-import { navigationPinnedItemRelativeDiv, navigationPinnedItemDropableArea, navigationPinnedItemContainer } from "./styles.css.js";
-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?.dataTransfer) {
-        event.currentTarget.style.borderColor = "transparent";
-        const data = JSON.parse(
-          event.dataTransfer.getData("text")
-        );
-        if (data.index === index - 1 || index > data.index) {
-          const newItems2 = reorderItems(data.index, index - 1);
-          onReorder?.(newItems2);
-          return;
-        }
-        const newItems = reorderItems(data.index, index);
-        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: { 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) => {
-            if (items[itemId]?.label) {
-              const itemElement = /* @__PURE__ */ jsx(
-                Item,
-                {
-                  active: items[itemId]?.active ?? false,
-                  id: itemId,
-                  index,
-                  label: items[itemId].label,
-                  onClickPinUnpin: items[itemId]?.onClickPinUnpin ?? void 0,
-                  onToggle: items[itemId]?.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;
-};
-export {
-  PinnedItems
+
+//#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.js

@@ -1,8 +1,11 @@
-"use client";
-import { jsx } from "react/jsx-runtime";
-import { Separator as Separator$1 } from "@ultraviolet/ui";
+'use client';
+import { __name } from "../../../_virtual/_rolldown/runtime.js";
 import { navigationSeparator } from "./styles.css.js";
-const Separator = () => /* @__PURE__ */ jsx(Separator$1, { className: navigationSeparator });
-export {
-  Separator
-};
+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

@@ -11,6 +11,6 @@ type ShowAllProp = {
     '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 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 +1 @@
-{"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,6HAQhB,WAAW,6CAwDf,CAAA"}
+{"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"}

package/dist/components/Navigation/components/ShowHide.js

@@ -1,77 +1,53 @@
-"use client";
-import { jsx } from "react/jsx-runtime";
-import { ArrowDownIcon } from "@ultraviolet/icons/ArrowDownIcon";
-import { ArrowUpIcon } from "@ultraviolet/icons/ArrowUpIcon";
-import { Stack, Button } from "@ultraviolet/ui";
-import { memo, useState } from "react";
+'use client';
+import { __name } from "../../../_virtual/_rolldown/runtime.js";
 import { useNavigation } from "../NavigationProvider.js";
 import { navigationShowHideStack } from "./styles.css.js";
-const ShowHide = memo(
-  ({
-    showContent,
-    hideContent,
-    onShowHide,
-    tooltip,
-    "data-testid": dataTestId,
-    style
-  }) => {
-    const context = useNavigation();
-    if (!context) {
-      throw new Error(
-        "Navigation.ShowAll can only be used inside a NavigationProvider."
-      );
-    }
-    const { expanded, showHide } = context;
-    const [computedShown, setIsShown] = useState(showHide === "show");
-    const onClick = () => {
-      setIsShown(!computedShown);
-      onShowHide?.(computedShown ? "hide" : "show");
-    };
-    if (expanded) {
-      return /* @__PURE__ */ jsx(
-        Stack,
-        {
-          className: navigationShowHideStack,
-          justifyContent: "flex-end",
-          style,
-          children: /* @__PURE__ */ jsx(
-            Button,
-            {
-              "data-testid": dataTestId,
-              onClick,
-              sentiment: "primary",
-              size: "small",
-              style,
-              variant: "ghost",
-              children: computedShown ? hideContent : showContent
-            }
-          )
-        }
-      );
-    }
-    return /* @__PURE__ */ jsx(
-      Stack,
-      {
-        alignItems: "center",
-        className: navigationShowHideStack,
-        justifyContent: "flex-end",
-        style,
-        children: /* @__PURE__ */ jsx(
-          Button,
-          {
-            "data-testid": dataTestId,
-            onClick,
-            sentiment: "primary",
-            size: "small",
-            tooltip,
-            variant: "ghost",
-            children: computedShown ? /* @__PURE__ */ jsx(ArrowUpIcon, {}) : /* @__PURE__ */ jsx(ArrowDownIcon, {})
-          }
-        )
-      }
-    );
-  }
-);
-export {
-  ShowHide
-};
+import { ArrowDownIcon } from "@ultraviolet/icons/ArrowDownIcon";
+import { Button, Stack } from "@ultraviolet/ui";
+import { memo, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+import { ArrowUpIcon } from "@ultraviolet/icons/ArrowUpIcon";
+
+//#region src/components/Navigation/components/ShowHide.tsx
+const ShowHide = memo(({ showContent, hideContent, onShowHide, tooltip, "data-testid": dataTestId, style }) => {
+	const context = useNavigation();
+	if (!context) throw new Error("Navigation.ShowAll can only be used inside a NavigationProvider.");
+	const { expanded, showHide } = context;
+	const [computedShown, setIsShown] = useState(showHide === "show");
+	const onClick = () => {
+		setIsShown(!computedShown);
+		onShowHide === null || onShowHide === void 0 || onShowHide(computedShown ? "hide" : "show");
+	};
+	if (expanded) return /* @__PURE__ */ jsx(Stack, {
+		className: navigationShowHideStack,
+		justifyContent: "flex-end",
+		style,
+		children: /* @__PURE__ */ jsx(Button, {
+			"data-testid": dataTestId,
+			onClick,
+			sentiment: "primary",
+			size: "small",
+			style,
+			variant: "ghost",
+			children: computedShown ? hideContent : showContent
+		})
+	});
+	return /* @__PURE__ */ jsx(Stack, {
+		alignItems: "center",
+		className: navigationShowHideStack,
+		justifyContent: "flex-end",
+		style,
+		children: /* @__PURE__ */ jsx(Button, {
+			"data-testid": dataTestId,
+			onClick,
+			sentiment: "primary",
+			size: "small",
+			tooltip,
+			variant: "ghost",
+			children: computedShown ? /* @__PURE__ */ jsx(ArrowUpIcon, {}) : /* @__PURE__ */ jsx(ArrowDownIcon, {})
+		})
+	});
+});
+
+//#endregion
+export { ShowHide };

package/dist/components/Navigation/components/items.css.js

@@ -1,45 +1,87 @@
-/* empty css                               */
-/* empty css                         */
+/* empty css                           */
+/* empty css                     */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
+
+//#region src/components/Navigation/components/items.css.ts
 var navigationItemMenuContainer = "uv_plus_x6an4g0";
 var navigationItemRelative = "uv_plus_x6an4g1";
 var navigationItemPadded = "uv_plus_x6an4g2";
-var navigationItemPinIcon = { active: "uv_plus_x6an4g4 uv_plus_x6an4g3", inactive: "uv_plus_x6an4g5 uv_plus_x6an4g3" };
+var navigationItemPinIcon = {
+	active: "uv_plus_x6an4g4 uv_plus_x6an4g3",
+	inactive: "uv_plus_x6an4g5 uv_plus_x6an4g3"
+};
 var navigationItemMenu = "uv_plus_x6an4g6";
 var navigationItemMenuPinned = "uv_plus_x6an4g7";
-var navigationItemContainer = createRuntimeFn({ defaultClassName: "uv_plus_x6an4g9 uv_plus_x6an4g8", variantClassNames: { disabled: { true: "uv_plus_x6an4ga" }, hasActive: { true: "uv_plus_x6an4gb" }, isActive: { true: "uv_plus_x6an4gc" }, noExpand: { false: "uv_plus_x6an4gd" }, subLabel: { true: "uv_plus_x6an4ge" } }, defaultVariants: { disabled: false, hasActive: false, isActive: false, noExpand: false, subLabel: false }, compoundVariants: [[{ disabled: false, isActive: false, noExpand: false }, "uv_plus_x6an4gf"], [{ disabled: false, hasActive: true, isActive: false, noExpand: false }, "uv_plus_x6an4gg"], [{ disabled: false, isActive: false, noExpand: false }, "uv_plus_x6an4gh"]] });
-var navigationItemContainerAnimated = { collapse: "uv_plus_x6an4gi", expand: "uv_plus_x6an4gj" };
+var navigationItemContainer = createRuntimeFn({
+	defaultClassName: "uv_plus_x6an4g9 uv_plus_x6an4g8",
+	variantClassNames: {
+		disabled: { true: "uv_plus_x6an4ga" },
+		hasActive: { true: "uv_plus_x6an4gb" },
+		isActive: { true: "uv_plus_x6an4gc" },
+		noExpand: { false: "uv_plus_x6an4gd" },
+		subLabel: { true: "uv_plus_x6an4ge" }
+	},
+	defaultVariants: {
+		disabled: false,
+		hasActive: false,
+		isActive: false,
+		noExpand: false,
+		subLabel: false
+	},
+	compoundVariants: [
+		[{
+			disabled: false,
+			isActive: false,
+			noExpand: false
+		}, "uv_plus_x6an4gf"],
+		[{
+			disabled: false,
+			hasActive: true,
+			isActive: false,
+			noExpand: false
+		}, "uv_plus_x6an4gg"],
+		[{
+			disabled: false,
+			isActive: false,
+			noExpand: false
+		}, "uv_plus_x6an4gh"]
+	]
+});
+var navigationItemContainerAnimated = {
+	collapse: "uv_plus_x6an4gi",
+	expand: "uv_plus_x6an4gj"
+};
 var navigationItemShowDraggable = "uv_plus_x6an4gk";
 var navigationItemShowPinButton = "uv_plus_x6an4gl";
 var navigationItemWeakText = "uv_plus_x6an4gm";
 var navigationItemDragIcon = "uv_plus_x6an4gn";
-var navigationItemWrapText = createRuntimeFn({ defaultClassName: "uv_plus_x6an4go", variantClassNames: { disabled: { true: "uv_plus_x6an4gp" }, weak: { true: "uv_plus_x6an4gq" } }, defaultVariants: { disabled: false, weak: false }, compoundVariants: [] });
+var navigationItemWrapText = createRuntimeFn({
+	defaultClassName: "uv_plus_x6an4go",
+	variantClassNames: {
+		disabled: { true: "uv_plus_x6an4gp" },
+		weak: { true: "uv_plus_x6an4gq" }
+	},
+	defaultVariants: {
+		disabled: false,
+		weak: false
+	},
+	compoundVariants: []
+});
 var navigationItemBadge = "uv_plus_x6an4gr";
 var navigationItemPinnedButton = "uv_plus_x6an4gs";
-var navigationItemAnimatedIcon = { collapse: "uv_plus_x6an4gt", expand: "uv_plus_x6an4gu" };
+var navigationItemAnimatedIcon = {
+	collapse: "uv_plus_x6an4gt",
+	expand: "uv_plus_x6an4gu"
+};
 var navigationItemMenuStack = "uv_plus_x6an4gv";
 var navigationItemStackIcon = "uv_plus_x6an4gw";
 var navigationItemCategoryIcon = "uv_plus_x6an4gx";
-var navigationItemPaddingStack = createRuntimeFn({ defaultClassName: "uv_plus_x6an4gy", variantClassNames: { hide: { true: "uv_plus_x6an4gz" } }, defaultVariants: {}, compoundVariants: [] });
-export {
-  navigationItemAnimatedIcon,
-  navigationItemBadge,
-  navigationItemCategoryIcon,
-  navigationItemContainer,
-  navigationItemContainerAnimated,
-  navigationItemDragIcon,
-  navigationItemMenu,
-  navigationItemMenuContainer,
-  navigationItemMenuPinned,
-  navigationItemMenuStack,
-  navigationItemPadded,
-  navigationItemPaddingStack,
-  navigationItemPinIcon,
-  navigationItemPinnedButton,
-  navigationItemRelative,
-  navigationItemShowDraggable,
-  navigationItemShowPinButton,
-  navigationItemStackIcon,
-  navigationItemWeakText,
-  navigationItemWrapText
-};
+var navigationItemPaddingStack = createRuntimeFn({
+	defaultClassName: "uv_plus_x6an4gy",
+	variantClassNames: { hide: { true: "uv_plus_x6an4gz" } },
+	defaultVariants: {},
+	compoundVariants: []
+});
+
+//#endregion
+export { navigationItemAnimatedIcon, navigationItemBadge, navigationItemCategoryIcon, navigationItemContainer, navigationItemContainerAnimated, navigationItemDragIcon, navigationItemMenu, navigationItemMenuContainer, navigationItemMenuPinned, navigationItemMenuStack, navigationItemPadded, navigationItemPaddingStack, navigationItemPinIcon, navigationItemPinnedButton, navigationItemRelative, navigationItemShowDraggable, navigationItemShowPinButton, navigationItemStackIcon, navigationItemWeakText, navigationItemWrapText };

package/dist/components/Navigation/components/styles.css.js

@@ -1,19 +1,29 @@
-/* empty css                               */
-/* empty css                          */
+/* empty css                           */
+/* empty css                      */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
-var navigationGroupText = createRuntimeFn({ defaultClassName: "uv_plus_nytpcy0", variantClassNames: { animation: { collapse: "uv_plus_nytpcy1", expand: "uv_plus_nytpcy2", false: "uv_plus_nytpcy3" } }, defaultVariants: {}, compoundVariants: [] });
+
+//#region src/components/Navigation/components/styles.css.ts
+var navigationGroupText = createRuntimeFn({
+	defaultClassName: "uv_plus_nytpcy0",
+	variantClassNames: { animation: {
+		collapse: "uv_plus_nytpcy1",
+		expand: "uv_plus_nytpcy2",
+		false: "uv_plus_nytpcy3"
+	} },
+	defaultVariants: {},
+	compoundVariants: []
+});
 var navigationGroupStack = "uv_plus_nytpcy4";
 var navigationPinnedItemDropableArea = "uv_plus_nytpcy5";
 var navigationPinnedItemRelativeDiv = "uv_plus_nytpcy6";
-var navigationPinnedItemContainer = createRuntimeFn({ defaultClassName: "uv_plus_nytpcy7", variantClassNames: { expanded: { true: "uv_plus_nytpcy8" } }, defaultVariants: {}, compoundVariants: [] });
+var navigationPinnedItemContainer = createRuntimeFn({
+	defaultClassName: "uv_plus_nytpcy7",
+	variantClassNames: { expanded: { true: "uv_plus_nytpcy8" } },
+	defaultVariants: {},
+	compoundVariants: []
+});
 var navigationSeparator = "uv_plus_nytpcy9";
 var navigationShowHideStack = "uv_plus_nytpcya";
-export {
-  navigationGroupStack,
-  navigationGroupText,
-  navigationPinnedItemContainer,
-  navigationPinnedItemDropableArea,
-  navigationPinnedItemRelativeDiv,
-  navigationSeparator,
-  navigationShowHideStack
-};
+
+//#endregion
+export { navigationGroupStack, navigationGroupText, navigationPinnedItemContainer, navigationPinnedItemDropableArea, navigationPinnedItemRelativeDiv, navigationSeparator, navigationShowHideStack };

package/dist/components/Navigation/locales/en.js

@@ -1,12 +1,13 @@
-const NavigationLocales = {
-  "navigation.collapse.button": "Collapse sidebar",
-  "navigation.expand.button": "Expand sidebar",
-  "navigation.pin.limit": "You cannot pin more products",
-  "navigation.pin.tooltip": "Pin product",
-  "navigation.pinned.item.group.empty": "You have no pinned items.",
-  "navigation.pinned.item.group.label": "Pinned items",
-  "navigation.unpin.tooltip": "Unpin product"
-};
-export {
-  NavigationLocales as default
+//#region src/components/Navigation/locales/en.ts
+var en_default = {
+	"navigation.collapse.button": "Collapse sidebar",
+	"navigation.expand.button": "Expand sidebar",
+	"navigation.pin.limit": "You cannot pin more products",
+	"navigation.pin.tooltip": "Pin product",
+	"navigation.pinned.item.group.empty": "You have no pinned items.",
+	"navigation.pinned.item.group.label": "Pinned items",
+	"navigation.unpin.tooltip": "Unpin product"
 };
+
+//#endregion
+export { en_default as default };