@ultraviolet/ui 3.21.1 → 3.22.0

package/dist/compositions/Navigation/components/Menu/MenuItem.js

@@ -12,82 +12,84 @@ import { OpenInNewIcon } from "@ultraviolet/icons/OpenInNewIcon";
 
 //#region src/compositions/Navigation/components/Menu/MenuItem.tsx
 var ItemMenuItem;
-var init_MenuItem = __esmMin(() => {
-	init_Menu();
-	init_Stack();
-	init_Text();
-	init_NavigationProvider();
-	init_Badge();
-	init_PinnedButton();
-	init_styles_css();
-	ItemMenuItem = ({ active, shouldShowPinnedButton, disabled, href, onToggle, rel, style, target, hasActiveChildren, noExpand, labelDescription, label, badgeText, badgeSentiment, hasHrefAndNoChildren, pinTooltipLocale, isItemPinned, isPinDisabled, onClickPinUnpin, id }) => {
-		const context = useNavigation();
-		if (!context) throw new Error("Navigation.Item can only be used inside a NavigationProvider.");
-		const { pinnedFeature, animation } = context;
-		return /* @__PURE__ */ jsx(Menu.Item, {
-			active,
-			borderless: true,
-			className: cn(navigationStyle.itemMenu, pinnedFeature && shouldShowPinnedButton ? navigationStyle.itemMenuPinned : ""),
-			"data-testid": id,
-			disabled,
-			href,
-			onClick: () => onToggle === null || onToggle === void 0 ? void 0 : onToggle(!!active),
-			rel,
-			sentiment: active ? "primary" : "neutral",
-			style,
-			target,
-			children: /* @__PURE__ */ jsxs(Stack, {
-				alignItems: "center",
-				direction: "row",
-				flex: 1,
-				gap: 1,
-				justifyContent: "space-between",
-				width: "100%",
-				children: [
-					/* @__PURE__ */ jsx(Text, {
-						as: "span",
-						className: navigationStyle.itemWrapText({
-							disabled,
-							animation,
-							weak: hasActiveChildren && !noExpand && !disabled && !!active
-						}),
-						variant: "bodySmall",
-						whiteSpace: "pre-wrap",
-						children: label
-					}),
-					labelDescription ? /* @__PURE__ */ jsx("span", {
-						className: navigationStyle.itemPadded,
-						children: labelDescription
-					}) : null,
-					/* @__PURE__ */ jsxs(Stack, {
-						direction: "row",
-						children: [
-							/* @__PURE__ */ jsx(ItemBadge, {
-								badgeSentiment,
-								badgeText,
-								disabled
-							}),
-							hasHrefAndNoChildren && target === "_blank" ? /* @__PURE__ */ jsx(OpenInNewIcon, {
+function init_MenuItem() {
+	return (init_MenuItem = __esmMin(() => {
+		init_Menu();
+		init_Stack();
+		init_Text();
+		init_NavigationProvider();
+		init_Badge();
+		init_PinnedButton();
+		init_styles_css();
+		ItemMenuItem = ({ active, shouldShowPinnedButton, disabled, href, onToggle, rel, style, target, hasActiveChildren, noExpand, labelDescription, label, badgeText, badgeSentiment, hasHrefAndNoChildren, pinTooltipLocale, isItemPinned, isPinDisabled, onClickPinUnpin, id }) => {
+			const context = useNavigation();
+			if (!context) throw new Error("Navigation.Item can only be used inside a NavigationProvider.");
+			const { pinnedFeature, animation } = context;
+			return /* @__PURE__ */ jsx(Menu.Item, {
+				active,
+				borderless: true,
+				className: cn(navigationStyle.itemMenu, pinnedFeature && shouldShowPinnedButton ? navigationStyle.itemMenuPinned : ""),
+				"data-testid": id,
+				disabled,
+				href,
+				onClick: () => onToggle === null || onToggle === void 0 ? void 0 : onToggle(!!active),
+				rel,
+				sentiment: active ? "primary" : "neutral",
+				style,
+				target,
+				children: /* @__PURE__ */ jsxs(Stack, {
+					alignItems: "center",
+					direction: "row",
+					flex: 1,
+					gap: 1,
+					justifyContent: "space-between",
+					width: "100%",
+					children: [
+						/* @__PURE__ */ jsx(Text, {
+							as: "span",
+							className: navigationStyle.itemWrapText({
 								disabled,
-								prominence: "weak",
-								sentiment: "neutral"
-							}) : null,
-							/* @__PURE__ */ jsx(ItemPinnedButton, {
-								active,
-								id,
-								isItemPinned,
-								isPinDisabled,
-								onClickPinUnpin,
-								pinTooltipLocale,
-								shouldShowPinnedButton
-							})
-						]
-					})
-				]
-			})
-		});
-	};
-});
+								animation,
+								weak: hasActiveChildren && !noExpand && !disabled && !!active
+							}),
+							variant: "bodySmall",
+							whiteSpace: "pre-wrap",
+							children: label
+						}),
+						labelDescription ? /* @__PURE__ */ jsx("span", {
+							className: navigationStyle.itemPadded,
+							children: labelDescription
+						}) : null,
+						/* @__PURE__ */ jsxs(Stack, {
+							direction: "row",
+							children: [
+								/* @__PURE__ */ jsx(ItemBadge, {
+									badgeSentiment,
+									badgeText,
+									disabled
+								}),
+								hasHrefAndNoChildren && target === "_blank" ? /* @__PURE__ */ jsx(OpenInNewIcon, {
+									disabled,
+									prominence: "weak",
+									sentiment: "neutral"
+								}) : null,
+								/* @__PURE__ */ jsx(ItemPinnedButton, {
+									active,
+									id,
+									isItemPinned,
+									isPinDisabled,
+									onClickPinUnpin,
+									pinTooltipLocale,
+									shouldShowPinnedButton
+								})
+							]
+						})
+					]
+				})
+			});
+		};
+	}))();
+}
 
 //#endregion
 init_MenuItem();

package/dist/compositions/Navigation/components/Menu/NestedMenu.js

@@ -7,44 +7,46 @@ import { jsx } from "react/jsx-runtime";
 
 //#region src/compositions/Navigation/components/Menu/NestedMenu.tsx
 var NestedMenu;
-var init_NestedMenu = __esmMin(() => {
-	init_Menu();
-	init_ItemProvider();
-	init_MenuItem();
-	init_styles_css();
-	NestedMenu = ({ children, label, active, shouldShowPinnedButton, disabled, href, onToggle, rel, style, target, hasActiveChildren, noExpand, labelDescription, badgeText, badgeSentiment, hasHrefAndNoChildren, pinTooltipLocale, isItemPinned, isPinDisabled, onClickPinUnpin, id }) => /* @__PURE__ */ jsx(Menu, {
-		className: navigationStyle.itemMenuContainer,
-		disclosure: /* @__PURE__ */ jsx(ItemMenuItem, {
-			active,
-			badgeSentiment,
-			badgeText,
-			disabled,
-			hasActiveChildren,
-			hasHrefAndNoChildren,
-			href,
-			id,
-			isItemPinned,
-			isPinDisabled,
-			label,
-			labelDescription,
-			noExpand,
-			onClickPinUnpin,
-			onToggle,
-			pinTooltipLocale,
-			rel,
-			shouldShowPinnedButton,
-			style,
-			target
-		}),
-		dynamicDomRendering: false,
-		placement: "right",
-		triggerMethod: "hover",
-		children: /* @__PURE__ */ jsx(Menu.Group, {
-			label,
-			children: /* @__PURE__ */ jsx(ItemProvider, { children })
-		})
-	});
-});
+function init_NestedMenu() {
+	return (init_NestedMenu = __esmMin(() => {
+		init_Menu();
+		init_ItemProvider();
+		init_MenuItem();
+		init_styles_css();
+		NestedMenu = ({ children, label, active, shouldShowPinnedButton, disabled, href, onToggle, rel, style, target, hasActiveChildren, noExpand, labelDescription, badgeText, badgeSentiment, hasHrefAndNoChildren, pinTooltipLocale, isItemPinned, isPinDisabled, onClickPinUnpin, id }) => /* @__PURE__ */ jsx(Menu, {
+			className: navigationStyle.itemMenuContainer,
+			disclosure: /* @__PURE__ */ jsx(ItemMenuItem, {
+				active,
+				badgeSentiment,
+				badgeText,
+				disabled,
+				hasActiveChildren,
+				hasHrefAndNoChildren,
+				href,
+				id,
+				isItemPinned,
+				isPinDisabled,
+				label,
+				labelDescription,
+				noExpand,
+				onClickPinUnpin,
+				onToggle,
+				pinTooltipLocale,
+				rel,
+				shouldShowPinnedButton,
+				style,
+				target
+			}),
+			dynamicDomRendering: false,
+			placement: "right",
+			triggerMethod: "hover",
+			children: /* @__PURE__ */ jsx(Menu.Group, {
+				label,
+				children: /* @__PURE__ */ jsx(ItemProvider, { children })
+			})
+		});
+	}))();
+}
 
 //#endregion
 init_NestedMenu();

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

@@ -11,103 +11,105 @@ import { PinCategoryIcon } from "@ultraviolet/icons/category";
 
 //#region src/compositions/Navigation/components/PinnedItems.tsx
 var PinnedItems;
-var init_PinnedItems = __esmMin(() => {
-	init_Text();
-	init_NavigationProvider();
-	init_Item();
-	init_styles_css();
-	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, 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);
+function init_PinnedItems() {
+	return (init_PinnedItems = __esmMin(() => {
+		init_Text();
+		init_NavigationProvider();
+		init_Item();
+		init_styles_css();
+		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, 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);
-					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,
-			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: navigationStyle.pinnedItemRelativeDiv,
-							"data-flip-id": itemId,
-							children: [/* @__PURE__ */ jsx("div", {
-								className: navigationStyle.pinnedItemDropableArea,
-								onDragLeave,
-								onDragOver,
-								onDrop: (event) => onDrop(event, index)
-							}), itemWrapper ? itemWrapper(itemElement, itemId) : itemElement]
-						}, itemId);
-					}
-					return null;
-				}) : /* @__PURE__ */ jsx("div", {
-					className: navigationStyle.pinnedItemContainer({ expanded }),
-					children: /* @__PURE__ */ jsx(Text, {
-						as: "p",
-						prominence: "weak",
-						sentiment: "neutral",
-						variant: "caption",
-						children: locales["navigation.pinned.item.group.empty"]
-					})
-				}), /* @__PURE__ */ jsx("div", {
-					className: navigationStyle.pinnedItemRelativeDiv,
-					children: /* @__PURE__ */ jsx("div", {
-						className: navigationStyle.pinnedItemDropableArea,
-						onDragLeave,
-						onDragOver,
-						onDrop: (event) => onDrop(event, pinnedItems.length)
-					})
-				})]
-			})
-		});
-		return null;
-	};
-	PinnedItems.displayName = "Navigation.PinnedItems";
-});
+			}, [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,
+				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: navigationStyle.pinnedItemRelativeDiv,
+								"data-flip-id": itemId,
+								children: [/* @__PURE__ */ jsx("div", {
+									className: navigationStyle.pinnedItemDropableArea,
+									onDragLeave,
+									onDragOver,
+									onDrop: (event) => onDrop(event, index)
+								}), itemWrapper ? itemWrapper(itemElement, itemId) : itemElement]
+							}, itemId);
+						}
+						return null;
+					}) : /* @__PURE__ */ jsx("div", {
+						className: navigationStyle.pinnedItemContainer({ expanded }),
+						children: /* @__PURE__ */ jsx(Text, {
+							as: "p",
+							prominence: "weak",
+							sentiment: "neutral",
+							variant: "caption",
+							children: locales["navigation.pinned.item.group.empty"]
+						})
+					}), /* @__PURE__ */ jsx("div", {
+						className: navigationStyle.pinnedItemRelativeDiv,
+						children: /* @__PURE__ */ jsx("div", {
+							className: navigationStyle.pinnedItemDropableArea,
+							onDragLeave,
+							onDragOver,
+							onDrop: (event) => onDrop(event, pinnedItems.length)
+						})
+					})]
+				})
+			});
+			return null;
+		};
+		PinnedItems.displayName = "Navigation.PinnedItems";
+	}))();
+}
 
 //#endregion
 init_PinnedItems();

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

@@ -7,18 +7,20 @@ import { jsx } from "react/jsx-runtime";
 
 //#region src/compositions/Navigation/components/Separator.tsx
 var Separator;
-var init_Separator = __esmMin(() => {
-	init_Separator$1();
-	init_styles_css();
-	Separator = () => {
-		const id = useId();
-		return /* @__PURE__ */ jsx(Separator$1, {
-			className: navigationStyle.separator,
-			"data-flip-id": id
-		});
-	};
-	Separator.displayName = "Navigation.Separator";
-});
+function init_Separator() {
+	return (init_Separator = __esmMin(() => {
+		init_Separator$1();
+		init_styles_css();
+		Separator = () => {
+			const id = useId();
+			return /* @__PURE__ */ jsx(Separator$1, {
+				className: navigationStyle.separator,
+				"data-flip-id": id
+			});
+		};
+		Separator.displayName = "Navigation.Separator";
+	}))();
+}
 
 //#endregion
 init_Separator();

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

@@ -11,52 +11,54 @@ import { ArrowUpIcon } from "@ultraviolet/icons/ArrowUpIcon";
 
 //#region src/compositions/Navigation/components/ShowHide.tsx
 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, animation, 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({ expanding: animation === "expand" }),
-			justifyContent: "flex-end",
-			style,
-			children: /* @__PURE__ */ jsx(Button, {
-				"data-testid": dataTestId,
-				onClick,
-				sentiment: "primary",
-				size: "small",
+function init_ShowHide() {
+	return (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, animation, 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({ expanding: animation === "expand" }),
+				justifyContent: "flex-end",
 				style,
-				variant: "ghost",
-				children: computedShown ? hideContent : showContent
-			})
-		});
-		return /* @__PURE__ */ jsx(Stack, {
-			alignItems: "start",
-			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, {})
-			})
+				children: /* @__PURE__ */ jsx(Button, {
+					"data-testid": dataTestId,
+					onClick,
+					sentiment: "primary",
+					size: "small",
+					style,
+					variant: "ghost",
+					children: computedShown ? hideContent : showContent
+				})
+			});
+			return /* @__PURE__ */ jsx(Stack, {
+				alignItems: "start",
+				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, {})
+				})
+			});
 		});
-	});
-	ShowHide.displayName = "Navigation.ShowHide";
-});
+		ShowHide.displayName = "Navigation.ShowHide";
+	}))();
+}
 
 //#endregion
 init_ShowHide();

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

@@ -12,7 +12,7 @@ export declare const itemContainer: import("@vanilla-extract/recipes").RuntimeFn
         true: {
             selectors: {
                 [x: string]: {
-                    animation: `${string} ${number}ms ${number}ms cubic-bezier(0.5, 0, 0.2, 1) both, ${string} 250ms`;
+                    animation: `${string} ${number}ms ${number}ms cubic-bezier(0.5, 0, 0.1, 1) both, ${string} 250ms`;
                 };
             };
         };
@@ -66,7 +66,7 @@ export declare const itemWrapText: import("@vanilla-extract/recipes").RuntimeFn<
             opacity: number;
         };
         expand: {
-            animation: `${string} 250ms cubic-bezier(0.5, 0, 0.2, 1) both`;
+            animation: `${string} 250ms cubic-bezier(0.5, 0, 0.1, 1) both`;
         };
         false: {};
     };

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

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

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

@@ -1,7 +1,7 @@
 export declare const groupText: import("@vanilla-extract/recipes").RuntimeFn<{
     animation: {
         expand: {
-            animation: `${string} 250ms cubic-bezier(0.5, 0, 0.2, 1)`;
+            animation: `${string} 250ms cubic-bezier(0.5, 0, 0.1, 1)`;
         };
     };
 }>;
@@ -20,7 +20,7 @@ export declare const separator: string;
 export declare const showHideStack: import("@vanilla-extract/recipes").RuntimeFn<{
     expanding: {
         true: {
-            animation: `${string} 250ms cubic-bezier(0.5, 0, 0.2, 1)`;
+            animation: `${string} 250ms cubic-bezier(0.5, 0, 0.1, 1)`;
         };
     };
 }>;

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

@@ -1,7 +1,9 @@
 import { __esmMin } from "../../../_virtual/_rolldown/runtime.js";
 
 //#region src/compositions/Navigation/components/styles.css.ts.vanilla.css
-var init_styles_css_ts_vanilla = __esmMin(() => {});
+function init_styles_css_ts_vanilla() {
+	return (init_styles_css_ts_vanilla = __esmMin(() => {}))();
+}
 
 //#endregion
 init_styles_css_ts_vanilla();