@ultraviolet/ui 3.11.0 → 3.12.0

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

@@ -1,54 +1,62 @@
 'use client';
-import { __name } from "../../../../_virtual/_rolldown/runtime.js";
-import { Stack } from "../../../Stack/index.js";
-import { useNavigation } from "../NavigationProvider.js";
-import { navigationShowHideStack } from "./styles.css.js";
-import { Button } from "../../../Button/index.js";
+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 { Button, init_Button } from "../../../Button/index.js";
 import { memo, useState } from "react";
 import { jsx } from "react/jsx-runtime";
 import { ArrowDownIcon } from "@ultraviolet/icons/ArrowDownIcon";
 import { ArrowUpIcon } from "@ultraviolet/icons/ArrowUpIcon";
 
 //#region src/components/compositions/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",
+var ShowHide;
+var init_ShowHide = __esmMin(() => {
+	init_Button();
+	init_Stack();
+	init_NavigationProvider();
+	init_styles_css();
+	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: navigationStyle.showHideStack,
+			justifyContent: "flex-end",
 			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, {})
-		})
+			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: navigationStyle.showHideStack,
+			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 };
+init_ShowHide();
+export { ShowHide, init_ShowHide };

package/dist/components/compositions/Navigation/components/items.css.d.ts

@@ -1,11 +1,11 @@
-export declare const navigationItemMenuContainer: string;
-export declare const navigationItemRelative: string;
-export declare const navigationItemPadded: string;
-export declare const navigationItemPinIcon: Record<"active" | "inactive", string>;
-export declare const navigationItemMenu: string;
-export declare const navigationItemMenuPinned: string;
-export declare const navigationItemContainerBase: string;
-export declare const navigationItemContainer: import("@vanilla-extract/recipes").RuntimeFn<{
+export declare const itemMenuContainer: string;
+export declare const itemRelative: string;
+export declare const itemPadded: string;
+export declare const itemPinIcon: Record<"active" | "inactive", string>;
+export declare const itemMenu: string;
+export declare const itemMenuPinned: string;
+export declare const itemContainerBase: string;
+export declare const itemContainer: import("@vanilla-extract/recipes").RuntimeFn<{
     disabled: {
         true: {
             backgroundColor: "unset";
@@ -38,7 +38,7 @@ export declare const navigationItemContainer: import("@vanilla-extract/recipes")
         };
     };
 }>;
-export declare const navigationItemContainerAnimated: import("@vanilla-extract/recipes").RuntimeFn<{
+export declare const itemContainerAnimated: import("@vanilla-extract/recipes").RuntimeFn<{
     animated: {
         true: {};
     };
@@ -47,10 +47,10 @@ export declare const navigationItemContainerAnimated: import("@vanilla-extract/r
         expand: {};
     };
 }>;
-export declare const navigationItemShowDraggable: string;
-export declare const navigationItemShowPinButton: string;
-export declare const navigationItemWeakText: string;
-export declare const navigationItemVariants: import("@vanilla-extract/recipes").RuntimeFn<{
+export declare const itemShowDraggable: string;
+export declare const itemShowPinButton: string;
+export declare const itemWeakText: string;
+export declare const itemVariants: import("@vanilla-extract/recipes").RuntimeFn<{
     showDraggableIcon: {
         true: string;
     };
@@ -61,8 +61,8 @@ export declare const navigationItemVariants: import("@vanilla-extract/recipes").
         true: string;
     };
 }>;
-export declare const navigationItemDragIcon: string;
-export declare const navigationItemWrapText: import("@vanilla-extract/recipes").RuntimeFn<{
+export declare const itemDragIcon: string;
+export declare const itemWrapText: import("@vanilla-extract/recipes").RuntimeFn<{
     disabled: {
         true: {
             color: `var(--${string})`;
@@ -74,9 +74,9 @@ export declare const navigationItemWrapText: import("@vanilla-extract/recipes").
         };
     };
 }>;
-export declare const navigationItemBadge: string;
-export declare const navigationItemPinnedButton: string;
-export declare const navigationItemAnimatedIcon: import("@vanilla-extract/recipes").RuntimeFn<{
+export declare const itemBadge: string;
+export declare const itemPinnedButton: string;
+export declare const itemAnimatedIcon: import("@vanilla-extract/recipes").RuntimeFn<{
     animated: {
         true: {};
     };
@@ -85,10 +85,10 @@ export declare const navigationItemAnimatedIcon: import("@vanilla-extract/recipe
         expand: {};
     };
 }>;
-export declare const navigationItemMenuStack: string;
-export declare const navigationItemStackIcon: string;
-export declare const navigationItemCategoryIcon: string;
-export declare const navigationItemPaddingStack: import("@vanilla-extract/recipes").RuntimeFn<{
+export declare const itemMenuStack: string;
+export declare const itemStackIcon: string;
+export declare const itemCategoryIcon: string;
+export declare const itemPaddingStack: import("@vanilla-extract/recipes").RuntimeFn<{
     hide: {
         true: {
             display: "none";

package/dist/components/compositions/Navigation/components/items.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"items.css.d.ts","sourceRoot":"","sources":["../../../../../src/components/compositions/Navigation/components/items.css.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,2BAA2B,QAAwB,CAAA;AAEhE,eAAO,MAAM,sBAAsB,QAAkC,CAAA;AAErE,eAAO,MAAM,oBAAoB,QAAyC,CAAA;AAW1E,eAAO,MAAM,qBAAqB,uCAiBhC,CAAA;AAEF,eAAO,MAAM,kBAAkB,QAE7B,CAAA;AAEF,eAAO,MAAM,wBAAwB,QAAY,CAAA;AAEjD,eAAO,MAAM,2BAA2B,QAUtC,CAAA;AAEF,eAAO,MAAM,uBAAuB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA+ElC,CAAA;AAEF,eAAO,MAAM,+BAA+B;;;;;;;;EAwB1C,CAAA;AAEF,eAAO,MAAM,2BAA2B,QAAY,CAAA;AACpD,eAAO,MAAM,2BAA2B,QAAY,CAAA;AACpD,eAAO,MAAM,sBAAsB,QAAY,CAAA;AAE/C,eAAO,MAAM,sBAAsB;;;;;;;;;;EAYjC,CAAA;AAEF,eAAO,MAAM,sBAAsB,QAUjC,CAAA;AACF,eAAO,MAAM,sBAAsB;;;;;;;;;;;EA6BjC,CAAA;AAEF,eAAO,MAAM,mBAAmB,QAgB9B,CAAA;AAEF,eAAO,MAAM,0BAA0B,QA2BrC,CAAA;AAEF,eAAO,MAAM,0BAA0B;;;;;;;;EAwBrC,CAAA;AAEF,eAAO,MAAM,uBAAuB,QAIlC,CAAA;AAEF,eAAO,MAAM,uBAAuB,QAElC,CAAA;AAEF,eAAO,MAAM,0BAA0B,QAErC,CAAA;AAEF,eAAO,MAAM,0BAA0B;;;;;;EAWrC,CAAA"}
+{"version":3,"file":"items.css.d.ts","sourceRoot":"","sources":["../../../../../src/components/compositions/Navigation/components/items.css.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,iBAAiB,QAAwB,CAAA;AAEtD,eAAO,MAAM,YAAY,QAAkC,CAAA;AAE3D,eAAO,MAAM,UAAU,QAAyC,CAAA;AAWhE,eAAO,MAAM,WAAW,uCAiBtB,CAAA;AAEF,eAAO,MAAM,QAAQ,QAEnB,CAAA;AAEF,eAAO,MAAM,cAAc,QAAY,CAAA;AAEvC,eAAO,MAAM,iBAAiB,QAU5B,CAAA;AAEF,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA+ExB,CAAA;AAEF,eAAO,MAAM,qBAAqB;;;;;;;;EAwBhC,CAAA;AAEF,eAAO,MAAM,iBAAiB,QAAY,CAAA;AAC1C,eAAO,MAAM,iBAAiB,QAAY,CAAA;AAC1C,eAAO,MAAM,YAAY,QAAY,CAAA;AAErC,eAAO,MAAM,YAAY;;;;;;;;;;EAYvB,CAAA;AAEF,eAAO,MAAM,YAAY,QAUvB,CAAA;AACF,eAAO,MAAM,YAAY;;;;;;;;;;;EA6BvB,CAAA;AAEF,eAAO,MAAM,SAAS,QAepB,CAAA;AAEF,eAAO,MAAM,gBAAgB,QA0B3B,CAAA;AAEF,eAAO,MAAM,gBAAgB;;;;;;;;EAwB3B,CAAA;AAEF,eAAO,MAAM,aAAa,QAIxB,CAAA;AAEF,eAAO,MAAM,aAAa,QAExB,CAAA;AAEF,eAAO,MAAM,gBAAgB,QAE3B,CAAA;AAEF,eAAO,MAAM,gBAAgB;;;;;;EAW3B,CAAA"}

package/dist/components/compositions/Navigation/components/items.css.ts.vanilla.js

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

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

@@ -1,4 +1,4 @@
-export declare const navigationGroupText: import("@vanilla-extract/recipes").RuntimeFn<{
+export declare const groupText: import("@vanilla-extract/recipes").RuntimeFn<{
     animation: {
         collapse: {
             animation: `${string} 250ms ease-in-out reverse`;
@@ -9,10 +9,10 @@ export declare const navigationGroupText: import("@vanilla-extract/recipes").Run
         false: {};
     };
 }>;
-export declare const navigationGroupStack: string;
-export declare const navigationPinnedItemDropableArea: string;
-export declare const navigationPinnedItemRelativeDiv: string;
-export declare const navigationPinnedItemContainer: import("@vanilla-extract/recipes").RuntimeFn<{
+export declare const groupStack: string;
+export declare const pinnedItemDropableArea: string;
+export declare const pinnedItemRelativeDiv: string;
+export declare const pinnedItemContainer: import("@vanilla-extract/recipes").RuntimeFn<{
     expanded: {
         true: {
             marginLeft: `var(--${string})`;
@@ -20,6 +20,6 @@ export declare const navigationPinnedItemContainer: import("@vanilla-extract/rec
         };
     };
 }>;
-export declare const navigationSeparator: string;
-export declare const navigationShowHideStack: string;
+export declare const separator: string;
+export declare const showHideStack: string;
 //# sourceMappingURL=styles.css.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../../../src/components/compositions/Navigation/components/styles.css.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,mBAAmB;;;;;;;;;;EAkB9B,CAAA;AAEF,eAAO,MAAM,oBAAoB,QAAwC,CAAA;AAEzE,eAAO,MAAM,gCAAgC,QAsB3C,CAAA;AAEF,eAAO,MAAM,+BAA+B,QAE1C,CAAA;AAEF,eAAO,MAAM,6BAA6B;;;;;;;EAYxC,CAAA;AAEF,eAAO,MAAM,mBAAmB,QAG9B,CAAA;AAEF,eAAO,MAAM,uBAAuB,QAElC,CAAA"}
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../../../src/components/compositions/Navigation/components/styles.css.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,SAAS;;;;;;;;;;EAkBpB,CAAA;AAEF,eAAO,MAAM,UAAU,QAAwC,CAAA;AAE/D,eAAO,MAAM,sBAAsB,QAsBjC,CAAA;AAEF,eAAO,MAAM,qBAAqB,QAEhC,CAAA;AAEF,eAAO,MAAM,mBAAmB;;;;;;;EAY9B,CAAA;AAEF,eAAO,MAAM,SAAS,QAGpB,CAAA;AAEF,eAAO,MAAM,aAAa,QAExB,CAAA"}

package/dist/components/compositions/Navigation/components/styles.css.ts.vanilla.js

@@ -0,0 +1,8 @@
+import { __esmMin } from "../../../../_virtual/_rolldown/runtime.js";
+
+//#region src/components/compositions/Navigation/components/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/components/compositions/Navigation/constants.js

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

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

@@ -1,35 +1,41 @@
 'use client';
-import { __name } from "../../../_virtual/_rolldown/runtime.js";
-import { NavigationProvider, useNavigation } from "./NavigationProvider.js";
-import { Group } from "./components/Group.js";
-import { Item } from "./components/Item.js";
-import { PinnedItems } from "./components/PinnedItems.js";
-import { Separator } from "./components/Separator.js";
-import { ShowHide } from "./components/ShowHide.js";
-import { NavigationContent } from "./NavigationContent.js";
+import { __esmMin, __name } from "../../../_virtual/_rolldown/runtime.js";
+import { NavigationProvider, init_NavigationProvider, useNavigation } from "./NavigationProvider.js";
+import { Group, init_Group } from "./components/Group.js";
+import { Item, init_Item } from "./components/Item.js";
+import { PinnedItems, init_PinnedItems } from "./components/PinnedItems.js";
+import { Separator, init_Separator } from "./components/Separator.js";
+import { ShowHide, init_ShowHide } from "./components/ShowHide.js";
+import { NavigationContent, init_NavigationContent } from "./NavigationContent.js";
 import { jsx } from "react/jsx-runtime";
 
 //#region src/components/compositions/Navigation/index.tsx
-/**
-* Navigation is a component that allows you to create a sidebar navigation.
-* You can wrap your navigation items like `<Navigation.Item>` with your router
-* to make it work in your application.
-*/
-const Navigation = ({ "data-testid": dataTestId, children, className, id, logo, onToggleExpand, onWidthResize, style }) => /* @__PURE__ */ jsx(NavigationContent, {
-	className,
-	"data-testid": dataTestId,
-	id,
-	logo,
-	onToggleExpand,
-	onWidthResize,
-	style,
-	children
+var Navigation;
+var init_Navigation = __esmMin(() => {
+	init_Group();
+	init_Item();
+	init_PinnedItems();
+	init_Separator();
+	init_ShowHide();
+	init_NavigationContent();
+	init_NavigationProvider();
+	Navigation = ({ "data-testid": dataTestId, children, className, id, logo, onToggleExpand, onWidthResize, style }) => /* @__PURE__ */ jsx(NavigationContent, {
+		className,
+		"data-testid": dataTestId,
+		id,
+		logo,
+		onToggleExpand,
+		onWidthResize,
+		style,
+		children
+	});
+	Navigation.Group = Group;
+	Navigation.Item = Item;
+	Navigation.PinnedItems = PinnedItems;
+	Navigation.Separator = Separator;
+	Navigation.ShowHide = ShowHide;
 });
-Navigation.Group = Group;
-Navigation.Item = Item;
-Navigation.PinnedItems = PinnedItems;
-Navigation.Separator = Separator;
-Navigation.ShowHide = ShowHide;
 
 //#endregion
-export { Navigation, NavigationProvider, useNavigation };
+init_Navigation();
+export { Navigation, NavigationProvider, init_Navigation, useNavigation };

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

@@ -1,13 +1,19 @@
+import { __esmMin } from "../../../../_virtual/_rolldown/runtime.js";
+
 //#region src/components/compositions/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"
-};
+var en_default;
+var init_en = __esmMin(() => {
+	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 };
+init_en();
+export { en_default as default, init_en };

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

@@ -1,34 +1,157 @@
-export declare const navigationStickyFooter: import("@vanilla-extract/recipes").RuntimeFn<{
-    overflow: {
-        false: {
-            border: "none";
-            boxShadow: "none";
-        };
-    };
-}>;
-export declare const navigationHeader: string;
-export declare const navigationLogoContainer: string;
-export declare const navigation: string;
-export declare const navigationContainer: import("@vanilla-extract/recipes").RuntimeFn<{
-    animation: {
-        collapse: {
-            transition: "width 250ms ease-in-out";
-            width: "67px";
-        };
-        expand: {
-            transition: "width 250ms ease-in-out";
-            width: `var(--${string})`;
-        };
-        false: {};
-    };
-    expanded: {
-        false: {
-            width: "67px";
-        };
-    };
-}>;
-export declare const navigationContentContainer: string;
-export declare const navigationContentContainerCollapsed: string;
-export declare const navigationContent: string;
-export declare const navigationSlider: string;
+export declare const navigationStyle: {
+    stickyFooter: import("@vanilla-extract/recipes").RuntimeFn<{
+        overflow: {
+            false: {
+                border: "none";
+                boxShadow: "none";
+            };
+        };
+    }>;
+    header: string;
+    logoContainer: string;
+    navigation: string;
+    container: import("@vanilla-extract/recipes").RuntimeFn<{
+        animation: {
+            collapse: {
+                transition: "width 250ms ease-in-out";
+                width: "67px";
+            };
+            expand: {
+                transition: "width 250ms ease-in-out";
+                width: `var(--${string})`;
+            };
+            false: {};
+        };
+        expanded: {
+            false: {
+                width: "67px";
+            };
+        };
+    }>;
+    contentContainer: string;
+    contentContainerCollapsed: string;
+    content: string;
+    slider: string;
+    itemMenuContainer: string;
+    itemRelative: string;
+    itemPadded: string;
+    itemPinIcon: Record<"active" | "inactive", string>;
+    itemMenu: string;
+    itemMenuPinned: string;
+    itemContainerBase: string;
+    itemContainer: import("@vanilla-extract/recipes").RuntimeFn<{
+        disabled: {
+            true: {
+                backgroundColor: "unset";
+                cursor: "not-allowed";
+            };
+        };
+        hasActive: {
+            true: {
+                backgroundColor: `var(--${string})`;
+            };
+        };
+        isActive: {
+            true: {
+                backgroundColor: `var(--${string})`;
+                selectors: {
+                    '&:hover': {
+                        backgroundColor: `var(--${string})`;
+                    };
+                };
+            };
+        };
+        noExpand: {
+            false: {
+                cursor: "pointer";
+            };
+        };
+        subLabel: {
+            true: {
+                padding: `var(--${string}) var(--${string})`;
+            };
+        };
+    }>;
+    itemContainerAnimated: import("@vanilla-extract/recipes").RuntimeFn<{
+        animated: {
+            true: {};
+        };
+        animation: {
+            collapse: {};
+            expand: {};
+        };
+    }>;
+    itemShowDraggable: string;
+    itemShowPinButton: string;
+    itemWeakText: string;
+    itemVariants: import("@vanilla-extract/recipes").RuntimeFn<{
+        showDraggableIcon: {
+            true: string;
+        };
+        showPinIcon: {
+            true: string;
+        };
+        shouldHaveWeakText: {
+            true: string;
+        };
+    }>;
+    itemDragIcon: string;
+    itemWrapText: import("@vanilla-extract/recipes").RuntimeFn<{
+        disabled: {
+            true: {
+                color: `var(--${string})`;
+            };
+        };
+        weak: {
+            true: {
+                color: `var(--${string})`;
+            };
+        };
+    }>;
+    itemBadge: string;
+    itemPinnedButton: string;
+    itemAnimatedIcon: import("@vanilla-extract/recipes").RuntimeFn<{
+        animated: {
+            true: {};
+        };
+        animation: {
+            collapse: {};
+            expand: {};
+        };
+    }>;
+    itemMenuStack: string;
+    itemStackIcon: string;
+    itemCategoryIcon: string;
+    itemPaddingStack: import("@vanilla-extract/recipes").RuntimeFn<{
+        hide: {
+            true: {
+                display: "none";
+            };
+        };
+    }>;
+    groupText: import("@vanilla-extract/recipes").RuntimeFn<{
+        animation: {
+            collapse: {
+                animation: `${string} 250ms ease-in-out reverse`;
+            };
+            expand: {
+                animation: `${string} 250ms ease-in-out`;
+            };
+            false: {};
+        };
+    }>;
+    groupStack: string;
+    pinnedItemDropableArea: string;
+    pinnedItemRelativeDiv: string;
+    pinnedItemContainer: import("@vanilla-extract/recipes").RuntimeFn<{
+        expanded: {
+            true: {
+                marginLeft: `var(--${string})`;
+                paddingLeft: `var(--${string})`;
+            };
+        };
+    }>;
+    separator: string;
+    showHideStack: string;
+};
 //# sourceMappingURL=styles.css.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../../src/components/compositions/Navigation/styles.css.ts"],"names":[],"mappings":"AAWA,eAAO,MAAM,sBAAsB;;;;;;;EAsBjC,CAAA;AAEF,eAAO,MAAM,gBAAgB,QAE3B,CAAA;AAEF,eAAO,MAAM,uBAAuB,QAKlC,CAAA;AAEF,eAAO,MAAM,UAAU,QAKrB,CAAA;AAEF,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;EAkC9B,CAAA;AAEF,eAAO,MAAM,0BAA0B,QAKrC,CAAA;AAEF,eAAO,MAAM,mCAAmC,QAE9C,CAAA;AAEF,eAAO,MAAM,iBAAiB,QAK5B,CAAA;AAEF,eAAO,MAAM,gBAAgB,QAe3B,CAAA"}
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../../src/components/compositions/Navigation/styles.css.ts"],"names":[],"mappings":"AA6JA,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuC3B,CAAA"}