@ultraviolet/ui 3.21.1 → 3.22.0

package/dist/compositions/Navigation/constants.d.ts

@@ -7,5 +7,5 @@ export declare const NAVIGATION_MAX_WIDTH = 320;
  * collapse and expand animation duration of the whole nav in ms
  */
 export declare const ANIMATION_DURATION = 250;
-export declare const ANIMATION_EASING = "cubic-bezier(0.5, 0, 0.2, 1)";
+export declare const ANIMATION_EASING = "cubic-bezier(0.5, 0, 0.1, 1)";
 //# sourceMappingURL=constants.d.ts.map

package/dist/compositions/Navigation/constants.js

@@ -2,9 +2,11 @@ import { __esmMin } from "../../_virtual/_rolldown/runtime.js";
 
 //#region src/compositions/Navigation/constants.ts
 var ANIMATION_EASING;
-var init_constants = __esmMin(() => {
-	ANIMATION_EASING = "cubic-bezier(0.5, 0, 0.2, 1)";
-});
+function init_constants() {
+	return (init_constants = __esmMin(() => {
+		ANIMATION_EASING = "cubic-bezier(0.5, 0, 0.1, 1)";
+	}))();
+}
 
 //#endregion
 init_constants();

package/dist/compositions/Navigation/index.js

@@ -1,42 +1,5 @@
-'use client';
-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/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";
+import { Navigation, init_Navigation } from "../../_virtual/Navigation.js";
 
-//#region src/compositions/Navigation/index.tsx
-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.displayName = "Navigation";
-});
-
-//#endregion
 init_Navigation();
-export { Navigation, NavigationProvider, init_Navigation, useNavigation };
+export { Navigation, NavigationProvider, useNavigation };

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

@@ -2,17 +2,19 @@ import { __esmMin } from "../../../_virtual/_rolldown/runtime.js";
 
 //#region src/compositions/Navigation/locales/en.ts
 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"
-	};
-});
+function init_en() {
+	return (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
 init_en();

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

@@ -21,7 +21,7 @@ export declare const navigationStyle: {
         collapsed: {
             true: {
                 width: number;
-                transition: `width var(--${string}) cubic-bezier(0.5, 0, 0.2, 1)`;
+                transition: `width var(--${string}) cubic-bezier(0.5, 0, 0.1, 1)`;
                 alignItems: "start";
             };
         };
@@ -40,7 +40,7 @@ export declare const navigationStyle: {
             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`;
                     };
                 };
             };
@@ -94,7 +94,7 @@ export declare const navigationStyle: {
                 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: {};
         };
@@ -118,7 +118,7 @@ export declare const navigationStyle: {
     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)`;
             };
         };
     }>;
@@ -137,7 +137,7 @@ export declare const navigationStyle: {
     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/styles.css.js

@@ -7,143 +7,145 @@ import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 
 //#region src/compositions/Navigation/styles.css.ts
 var navigationStyle;
-var init_styles_css = __esmMin(() => {
-	init_animationsVanillaExtract_css_ts_vanilla();
-	init_items_css_ts_vanilla();
-	init_styles_css_ts_vanilla();
-	init_styles_css_ts_vanilla$1();
-	navigationStyle = {
-		stickyFooter: createRuntimeFn({
-			defaultClassName: "uv_9d0sn0",
-			variantClassNames: { overflow: { false: "uv_9d0sn1" } },
-			defaultVariants: { overflow: false },
-			compoundVariants: []
-		}),
-		header: "uv_9d0sn2",
-		logoContainer: "uv_9d0sn3",
-		navigation: "uv_9d0sn4",
-		container: createRuntimeFn({
-			defaultClassName: "uv_9d0sn5",
-			variantClassNames: {},
-			defaultVariants: {},
-			compoundVariants: []
-		}),
-		contentContainer: "uv_9d0sn6",
-		contentContainerCollapsed: "uv_9d0sn7",
-		content: createRuntimeFn({
-			defaultClassName: "uv_9d0sn8",
-			variantClassNames: { collapsed: { true: "uv_9d0sn9" } },
-			defaultVariants: {},
-			compoundVariants: []
-		}),
-		slider: "uv_9d0sna",
-		itemMenuContainer: "uv_fqxcy00",
-		itemCollapsed: "uv_fqxcy03",
-		itemRelative: "uv_fqxcy01",
-		itemPadded: "uv_fqxcy02",
-		itemPinIcon: {
-			active: "uv_fqxcy05 uv_fqxcy04",
-			inactive: "uv_fqxcy06 uv_fqxcy04"
-		},
-		itemMenu: "uv_fqxcy07",
-		itemMenuPinned: "uv_fqxcy08",
-		itemContainerBase: "uv_fqxcy09",
-		itemContainer: createRuntimeFn({
-			defaultClassName: "uv_fqxcy0b uv_fqxcy09",
-			variantClassNames: {
-				expanding: { true: "uv_fqxcy0c" },
-				disabled: { true: "uv_fqxcy0d" },
-				hasActive: { true: "uv_fqxcy0e" },
-				isActive: { true: "uv_fqxcy0f" },
-				noExpand: { false: "uv_fqxcy0g" }
+function init_styles_css() {
+	return (init_styles_css = __esmMin(() => {
+		/* @__PURE__ */ init_animationsVanillaExtract_css_ts_vanilla();
+		/* @__PURE__ */ init_items_css_ts_vanilla();
+		/* @__PURE__ */ init_styles_css_ts_vanilla();
+		/* @__PURE__ */ init_styles_css_ts_vanilla$1();
+		navigationStyle = {
+			stickyFooter: createRuntimeFn({
+				defaultClassName: "uv_9d0sn0",
+				variantClassNames: { overflow: { false: "uv_9d0sn1" } },
+				defaultVariants: { overflow: false },
+				compoundVariants: []
+			}),
+			header: "uv_9d0sn2",
+			logoContainer: "uv_9d0sn3",
+			navigation: "uv_9d0sn4",
+			container: createRuntimeFn({
+				defaultClassName: "uv_9d0sn5",
+				variantClassNames: {},
+				defaultVariants: {},
+				compoundVariants: []
+			}),
+			contentContainer: "uv_9d0sn6",
+			contentContainerCollapsed: "uv_9d0sn7",
+			content: createRuntimeFn({
+				defaultClassName: "uv_9d0sn8",
+				variantClassNames: { collapsed: { true: "uv_9d0sn9" } },
+				defaultVariants: {},
+				compoundVariants: []
+			}),
+			slider: "uv_9d0sna",
+			itemMenuContainer: "uv_fqxcy00",
+			itemCollapsed: "uv_fqxcy03",
+			itemRelative: "uv_fqxcy01",
+			itemPadded: "uv_fqxcy02",
+			itemPinIcon: {
+				active: "uv_fqxcy05 uv_fqxcy04",
+				inactive: "uv_fqxcy06 uv_fqxcy04"
 			},
-			defaultVariants: {
-				disabled: false,
-				hasActive: false,
-				isActive: false,
-				noExpand: false
-			},
-			compoundVariants: [
-				[{
-					disabled: false,
-					isActive: false,
-					noExpand: false
-				}, "uv_fqxcy0h"],
-				[{
+			itemMenu: "uv_fqxcy07",
+			itemMenuPinned: "uv_fqxcy08",
+			itemContainerBase: "uv_fqxcy09",
+			itemContainer: createRuntimeFn({
+				defaultClassName: "uv_fqxcy0b uv_fqxcy09",
+				variantClassNames: {
+					expanding: { true: "uv_fqxcy0c" },
+					disabled: { true: "uv_fqxcy0d" },
+					hasActive: { true: "uv_fqxcy0e" },
+					isActive: { true: "uv_fqxcy0f" },
+					noExpand: { false: "uv_fqxcy0g" }
+				},
+				defaultVariants: {
 					disabled: false,
-					hasActive: true,
+					hasActive: false,
 					isActive: false,
 					noExpand: false
-				}, "uv_fqxcy0i"],
-				[{
+				},
+				compoundVariants: [
+					[{
+						disabled: false,
+						isActive: false,
+						noExpand: false
+					}, "uv_fqxcy0h"],
+					[{
+						disabled: false,
+						hasActive: true,
+						isActive: false,
+						noExpand: false
+					}, "uv_fqxcy0i"],
+					[{
+						disabled: false,
+						isActive: false,
+						noExpand: false
+					}, "uv_fqxcy0j"]
+				]
+			}),
+			itemShowDraggable: "uv_fqxcy0k",
+			itemShowPinButton: "uv_fqxcy0l",
+			itemWeakText: "uv_fqxcy0m",
+			itemVariants: createRuntimeFn({
+				defaultClassName: "uv_fqxcy0n",
+				variantClassNames: {
+					showDraggableIcon: { true: "uv_fqxcy0o uv_fqxcy0k" },
+					showPinIcon: { true: "uv_fqxcy0p uv_fqxcy0l" },
+					shouldHaveWeakText: { true: "uv_fqxcy0q uv_fqxcy0m" }
+				},
+				defaultVariants: {},
+				compoundVariants: []
+			}),
+			itemDragIcon: "uv_fqxcy0r",
+			itemWrapText: createRuntimeFn({
+				defaultClassName: "uv_fqxcy0s",
+				variantClassNames: {
+					animation: {
+						collapse: "uv_fqxcy0t",
+						expand: "uv_fqxcy0u",
+						false: "uv_fqxcy0v"
+					},
+					disabled: { true: "uv_fqxcy0w" },
+					weak: { true: "uv_fqxcy0x" }
+				},
+				defaultVariants: {
 					disabled: false,
-					isActive: false,
-					noExpand: false
-				}, "uv_fqxcy0j"]
-			]
-		}),
-		itemShowDraggable: "uv_fqxcy0k",
-		itemShowPinButton: "uv_fqxcy0l",
-		itemWeakText: "uv_fqxcy0m",
-		itemVariants: createRuntimeFn({
-			defaultClassName: "uv_fqxcy0n",
-			variantClassNames: {
-				showDraggableIcon: { true: "uv_fqxcy0o uv_fqxcy0k" },
-				showPinIcon: { true: "uv_fqxcy0p uv_fqxcy0l" },
-				shouldHaveWeakText: { true: "uv_fqxcy0q uv_fqxcy0m" }
-			},
-			defaultVariants: {},
-			compoundVariants: []
-		}),
-		itemDragIcon: "uv_fqxcy0r",
-		itemWrapText: createRuntimeFn({
-			defaultClassName: "uv_fqxcy0s",
-			variantClassNames: {
-				animation: {
-					collapse: "uv_fqxcy0t",
-					expand: "uv_fqxcy0u",
-					false: "uv_fqxcy0v"
+					weak: false,
+					animation: false
 				},
-				disabled: { true: "uv_fqxcy0w" },
-				weak: { true: "uv_fqxcy0x" }
-			},
-			defaultVariants: {
-				disabled: false,
-				weak: false,
-				animation: false
-			},
-			compoundVariants: []
-		}),
-		itemBadge: "uv_fqxcy0y",
-		itemPinnedButton: "uv_fqxcy0z",
-		itemMenuStack: "uv_fqxcy010",
-		itemArrowIcon: "uv_fqxcy011",
-		itemCategoryIcon: "uv_fqxcy012",
-		itemPaddingStack: "uv_fqxcy0a",
-		groupText: createRuntimeFn({
-			defaultClassName: "uv_riihzv0",
-			variantClassNames: { animation: { expand: "uv_riihzv1" } },
-			defaultVariants: {},
-			compoundVariants: []
-		}),
-		groupStack: "uv_riihzv2",
-		pinnedItemDropableArea: "uv_riihzv3",
-		pinnedItemRelativeDiv: "uv_riihzv4",
-		pinnedItemContainer: createRuntimeFn({
-			defaultClassName: "uv_riihzv5",
-			variantClassNames: { expanded: { true: "uv_riihzv6" } },
-			defaultVariants: {},
-			compoundVariants: []
-		}),
-		separator: "uv_riihzv7",
-		showHideStack: createRuntimeFn({
-			defaultClassName: "uv_riihzv8",
-			variantClassNames: { expanding: { true: "uv_riihzv9" } },
-			defaultVariants: {},
-			compoundVariants: []
-		})
-	};
-});
+				compoundVariants: []
+			}),
+			itemBadge: "uv_fqxcy0y",
+			itemPinnedButton: "uv_fqxcy0z",
+			itemMenuStack: "uv_fqxcy010",
+			itemArrowIcon: "uv_fqxcy011",
+			itemCategoryIcon: "uv_fqxcy012",
+			itemPaddingStack: "uv_fqxcy0a",
+			groupText: createRuntimeFn({
+				defaultClassName: "uv_riihzv0",
+				variantClassNames: { animation: { expand: "uv_riihzv1" } },
+				defaultVariants: {},
+				compoundVariants: []
+			}),
+			groupStack: "uv_riihzv2",
+			pinnedItemDropableArea: "uv_riihzv3",
+			pinnedItemRelativeDiv: "uv_riihzv4",
+			pinnedItemContainer: createRuntimeFn({
+				defaultClassName: "uv_riihzv5",
+				variantClassNames: { expanded: { true: "uv_riihzv6" } },
+				defaultVariants: {},
+				compoundVariants: []
+			}),
+			separator: "uv_riihzv7",
+			showHideStack: createRuntimeFn({
+				defaultClassName: "uv_riihzv8",
+				variantClassNames: { expanding: { true: "uv_riihzv9" } },
+				defaultVariants: {},
+				compoundVariants: []
+			})
+		};
+	}))();
+}
 
 //#endregion
 init_styles_css();

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

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

package/dist/compositions/Navigation/variables.css.js

@@ -2,11 +2,13 @@ import { __esmMin } from "../../_virtual/_rolldown/runtime.js";
 
 //#region src/compositions/Navigation/variables.css.ts
 var widthNavigationContainer, widthNavigationContainerExpanded, widthNavigationContainerDuration;
-var init_variables_css = __esmMin(() => {
-	widthNavigationContainer = "var(--uv_10912fi0)";
-	widthNavigationContainerExpanded = "var(--uv_10912fi1)";
-	widthNavigationContainerDuration = "var(--uv_10912fi2)";
-});
+function init_variables_css() {
+	return (init_variables_css = __esmMin(() => {
+		widthNavigationContainer = "var(--uv_10912fi0)";
+		widthNavigationContainerExpanded = "var(--uv_10912fi1)";
+		widthNavigationContainerDuration = "var(--uv_10912fi2)";
+	}))();
+}
 
 //#endregion
 init_variables_css();

package/dist/compositions/OfferList/OfferListProvider.js

@@ -4,43 +4,45 @@ import { jsx } from "react/jsx-runtime";
 
 //#region src/compositions/OfferList/OfferListProvider.tsx
 var OfferListContext, OfferListProvider, useOfferListContext;
-var init_OfferListProvider = __esmMin(() => {
-	OfferListContext = createContext(void 0);
-	OfferListProvider = ({ selectable, children, expandable, disabled, loading, onChangeSelect, autoCollapse, radioSelectedRow, setRadioSelectedRow, checkboxSelectedRows, setCheckboxSelectedRows }) => {
-		const value = useMemo(() => ({
-			autoCollapse,
-			checkboxSelectedRows,
-			disabled,
-			expandable,
-			loading,
-			onChangeSelect,
-			radioSelectedRow,
-			selectable,
-			setCheckboxSelectedRows,
-			setRadioSelectedRow
-		}), [
-			autoCollapse,
-			checkboxSelectedRows,
-			disabled,
-			expandable,
-			loading,
-			onChangeSelect,
-			radioSelectedRow,
-			selectable,
-			setCheckboxSelectedRows,
-			setRadioSelectedRow
-		]);
-		return /* @__PURE__ */ jsx(OfferListContext.Provider, {
-			value,
-			children
-		});
-	};
-	useOfferListContext = () => {
-		const context = useContext(OfferListContext);
-		if (!context) throw new Error("useOfferListContext should be used inside a OfferList component");
-		return context;
-	};
-});
+function init_OfferListProvider() {
+	return (init_OfferListProvider = __esmMin(() => {
+		OfferListContext = createContext(void 0);
+		OfferListProvider = ({ selectable, children, expandable, disabled, loading, onChangeSelect, autoCollapse, radioSelectedRow, setRadioSelectedRow, checkboxSelectedRows, setCheckboxSelectedRows }) => {
+			const value = useMemo(() => ({
+				autoCollapse,
+				checkboxSelectedRows,
+				disabled,
+				expandable,
+				loading,
+				onChangeSelect,
+				radioSelectedRow,
+				selectable,
+				setCheckboxSelectedRows,
+				setRadioSelectedRow
+			}), [
+				autoCollapse,
+				checkboxSelectedRows,
+				disabled,
+				expandable,
+				loading,
+				onChangeSelect,
+				radioSelectedRow,
+				selectable,
+				setCheckboxSelectedRows,
+				setRadioSelectedRow
+			]);
+			return /* @__PURE__ */ jsx(OfferListContext.Provider, {
+				value,
+				children
+			});
+		};
+		useOfferListContext = () => {
+			const context = useContext(OfferListContext);
+			if (!context) throw new Error("useOfferListContext should be used inside a OfferList component");
+			return context;
+		};
+	}))();
+}
 
 //#endregion
 init_OfferListProvider();

package/dist/compositions/OfferList/components/Banner.js

@@ -8,41 +8,43 @@ import { jsx } from "react/jsx-runtime";
 
 //#region src/compositions/OfferList/components/Banner.tsx
 var Banner;
-var init_Banner = __esmMin(() => {
-	init_List();
-	init_Stack();
-	init_Text();
-	init_styles_css();
-	Banner = ({ children, sentiment = "neutral", disabled, colSpan = 1e3, type = "div", shouldHavePrimaryBorder }) => type === "div" ? /* @__PURE__ */ jsx(Stack, {
-		"aria-disabled": disabled,
-		className: offerListStyle.bannerStack({ sentiment }),
-		children: /* @__PURE__ */ jsx(Text, {
-			as: "p",
-			disabled,
-			sentiment,
-			variant: "caption",
-			children
-		})
-	}) : /* @__PURE__ */ jsx("tr", {
-		className: offerListStyle.banner,
-		children: /* @__PURE__ */ jsx(List.Cell, {
+function init_Banner() {
+	return (init_Banner = __esmMin(() => {
+		init_List();
+		init_Stack();
+		init_Text();
+		init_styles_css();
+		Banner = ({ children, sentiment = "neutral", disabled, colSpan = 1e3, type = "div", shouldHavePrimaryBorder }) => type === "div" ? /* @__PURE__ */ jsx(Stack, {
 			"aria-disabled": disabled,
-			className: offerListStyle.bannerCell,
-			colSpan,
+			className: offerListStyle.bannerStack({ sentiment }),
 			children: /* @__PURE__ */ jsx(Text, {
 				as: "p",
-				className: offerListStyle.bannerText({
-					disabled,
-					primaryBorder: shouldHavePrimaryBorder,
-					sentiment
-				}),
 				disabled,
+				sentiment,
 				variant: "caption",
 				children
 			})
-		})
-	});
-});
+		}) : /* @__PURE__ */ jsx("tr", {
+			className: offerListStyle.banner,
+			children: /* @__PURE__ */ jsx(List.Cell, {
+				"aria-disabled": disabled,
+				className: offerListStyle.bannerCell,
+				colSpan,
+				children: /* @__PURE__ */ jsx(Text, {
+					as: "p",
+					className: offerListStyle.bannerText({
+						disabled,
+						primaryBorder: shouldHavePrimaryBorder,
+						sentiment
+					}),
+					disabled,
+					variant: "caption",
+					children
+				})
+			})
+		});
+	}))();
+}
 
 //#endregion
 init_Banner();