@ultraviolet/ui 3.21.1 → 3.21.2

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();

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

@@ -10,32 +10,34 @@ import { jsx } from "react/jsx-runtime";
 
 //#region src/compositions/OfferList/components/Cell.tsx
 var Cell;
-var init_Cell = __esmMin(() => {
-	init_List();
-	init_Skeleton();
-	init_OfferListProvider();
-	init_OfferListRowProvider();
-	init_styles_css();
-	Cell = ({ children, className, "data-testid": dataTestId, colSpan, style }) => {
-		const { loading } = useOfferListContext();
-		const { selected, banner } = useOfferListRowContext();
-		return loading ? /* @__PURE__ */ jsx(List.Cell, {
-			className: offerListStyle.loadingCell,
-			style,
-			children: /* @__PURE__ */ jsx(Skeleton, {
-				"data-state": loading,
-				variant: "line"
-			})
-		}) : /* @__PURE__ */ jsx(List.Cell, {
-			className: cn(className, offerListStyle.cell, selected ? offerListStyle.selectedCell : "", banner ? offerListStyle.cellNoRadius : ""),
-			colSpan,
-			"data-testid": dataTestId,
-			style,
-			children
-		});
-	};
-	Cell.displayName = "OfferList.Cell";
-});
+function init_Cell() {
+	return (init_Cell = __esmMin(() => {
+		init_List();
+		init_Skeleton();
+		init_OfferListProvider();
+		init_OfferListRowProvider();
+		init_styles_css();
+		Cell = ({ children, className, "data-testid": dataTestId, colSpan, style }) => {
+			const { loading } = useOfferListContext();
+			const { selected, banner } = useOfferListRowContext();
+			return loading ? /* @__PURE__ */ jsx(List.Cell, {
+				className: offerListStyle.loadingCell,
+				style,
+				children: /* @__PURE__ */ jsx(Skeleton, {
+					"data-state": loading,
+					variant: "line"
+				})
+			}) : /* @__PURE__ */ jsx(List.Cell, {
+				className: cn(className, offerListStyle.cell, selected ? offerListStyle.selectedCell : "", banner ? offerListStyle.cellNoRadius : ""),
+				colSpan,
+				"data-testid": dataTestId,
+				style,
+				children
+			});
+		};
+		Cell.displayName = "OfferList.Cell";
+	}))();
+}
 
 //#endregion
 init_Cell();

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

@@ -3,13 +3,15 @@ import { createContext, useContext } from "react";
 
 //#region src/compositions/OfferList/components/OfferListRowProvider.tsx
 var OfferListRowContext, useOfferListRowContext;
-var init_OfferListRowProvider = __esmMin(() => {
-	OfferListRowContext = createContext({
-		selected: false,
-		banner: false
-	});
-	useOfferListRowContext = () => useContext(OfferListRowContext);
-});
+function init_OfferListRowProvider() {
+	return (init_OfferListRowProvider = __esmMin(() => {
+		OfferListRowContext = createContext({
+			selected: false,
+			banner: false
+		});
+		useOfferListRowContext = () => useContext(OfferListRowContext);
+	}))();
+}
 
 //#endregion
 init_OfferListRowProvider();