@ultraviolet/ui 3.21.1 → 3.22.0

package/dist/components/Slider/index.js

@@ -11,107 +11,109 @@ import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/components/Slider/index.tsx
 var Slider;
-var init_Slider = __esmMin(() => {
-	init_hasHelperText();
-	init_Description();
-	init_Stack();
-	init_DoubleSlider();
-	init_SingleSlider();
-	init_styles_css();
-	Slider = ({ name, label, helper, tooltip, direction = "column", input, prefix, unit, suffix, required, disabled, error, options, "data-testid": dataTestId, value, onChange, min = 0, double, max = 100, step = 1, id, onBlur, onFocus, className, tooltipPosition = "top", style, customValueDisplay, labelDescription, "aria-label": ariaLabel, defaultScale = false, "aria-describedby": ariaDescribedBy }) => {
-		const correctedBounds = options && !defaultScale ? {
-			max: Array.isArray(options) ? options.length - 1 : max,
-			min: 0
-		} : {
-			max,
-			min
-		};
-		const gap = useMemo(() => {
-			if (options) return 3;
-			if (input && double && !helper) return 0;
-			return 1;
-		}, [
-			options,
-			input,
-			double,
-			helper
-		]);
-		const helperId = useId();
-		return /* @__PURE__ */ jsxs(Stack, {
-			"aria-label": ariaLabel,
-			className: double && !!options ? sliderStyle.container : "",
-			"data-double": double,
-			"data-options": !!options,
-			gap,
-			style,
-			children: [double ? /* @__PURE__ */ jsx(DoubleSlider, {
-				"aria-describedby": ariaDescribedBy || (hasHelperText(helper, error) ? helperId : void 0),
-				"aria-label": ariaLabel,
-				className,
-				customValueDisplay,
-				"data-testid": dataTestId,
-				defaultScale,
-				direction,
-				disabled,
-				error,
-				id,
-				input,
-				label,
-				labelDescription,
-				max: correctedBounds.max,
-				min: correctedBounds.min,
-				name,
-				onBlur,
-				onChange,
-				onFocus,
+function init_Slider() {
+	return (init_Slider = __esmMin(() => {
+		init_hasHelperText();
+		init_Description();
+		init_Stack();
+		init_DoubleSlider();
+		init_SingleSlider();
+		init_styles_css();
+		Slider = ({ name, label, helper, tooltip, direction = "column", input, prefix, unit, suffix, required, disabled, error, options, "data-testid": dataTestId, value, onChange, min = 0, double, max = 100, step = 1, id, onBlur, onFocus, className, tooltipPosition = "top", style, customValueDisplay, labelDescription, "aria-label": ariaLabel, defaultScale = false, "aria-describedby": ariaDescribedBy }) => {
+			const correctedBounds = options && !defaultScale ? {
+				max: Array.isArray(options) ? options.length - 1 : max,
+				min: 0
+			} : {
+				max,
+				min
+			};
+			const gap = useMemo(() => {
+				if (options) return 3;
+				if (input && double && !helper) return 0;
+				return 1;
+			}, [
 				options,
-				prefix,
-				required,
-				step,
-				suffix,
-				tooltip,
-				tooltipPosition,
-				unit,
-				value
-			}) : /* @__PURE__ */ jsx(SingleSlider, {
-				"aria-describedby": ariaDescribedBy || (hasHelperText(helper, error) ? helperId : void 0),
-				"aria-label": ariaLabel,
-				className,
-				customValueDisplay,
-				"data-testid": dataTestId,
-				defaultScale,
-				direction,
-				disabled,
-				error,
-				id,
 				input,
-				label,
-				labelDescription,
-				max: correctedBounds.max,
-				min: correctedBounds.min,
-				name,
-				onBlur,
-				onChange,
-				onFocus,
-				options,
-				prefix,
-				required,
-				step,
-				suffix,
-				tooltip,
-				tooltipPosition,
-				unit,
-				value
-			}), /* @__PURE__ */ jsx(Description, {
-				helper,
-				error,
-				id: ariaDescribedBy !== null && ariaDescribedBy !== void 0 ? ariaDescribedBy : helperId,
-				disabled
-			})]
-		});
-	};
-	Slider.displayName = "Slider";
-});
+				double,
+				helper
+			]);
+			const helperId = useId();
+			return /* @__PURE__ */ jsxs(Stack, {
+				"aria-label": ariaLabel,
+				className: double && !!options ? sliderStyle.container : "",
+				"data-double": double,
+				"data-options": !!options,
+				gap,
+				style,
+				children: [double ? /* @__PURE__ */ jsx(DoubleSlider, {
+					"aria-describedby": ariaDescribedBy || (hasHelperText(helper, error) ? helperId : void 0),
+					"aria-label": ariaLabel,
+					className,
+					customValueDisplay,
+					"data-testid": dataTestId,
+					defaultScale,
+					direction,
+					disabled,
+					error,
+					id,
+					input,
+					label,
+					labelDescription,
+					max: correctedBounds.max,
+					min: correctedBounds.min,
+					name,
+					onBlur,
+					onChange,
+					onFocus,
+					options,
+					prefix,
+					required,
+					step,
+					suffix,
+					tooltip,
+					tooltipPosition,
+					unit,
+					value
+				}) : /* @__PURE__ */ jsx(SingleSlider, {
+					"aria-describedby": ariaDescribedBy || (hasHelperText(helper, error) ? helperId : void 0),
+					"aria-label": ariaLabel,
+					className,
+					customValueDisplay,
+					"data-testid": dataTestId,
+					defaultScale,
+					direction,
+					disabled,
+					error,
+					id,
+					input,
+					label,
+					labelDescription,
+					max: correctedBounds.max,
+					min: correctedBounds.min,
+					name,
+					onBlur,
+					onChange,
+					onFocus,
+					options,
+					prefix,
+					required,
+					step,
+					suffix,
+					tooltip,
+					tooltipPosition,
+					unit,
+					value
+				}), /* @__PURE__ */ jsx(Description, {
+					helper,
+					error,
+					id: ariaDescribedBy !== null && ariaDescribedBy !== void 0 ? ariaDescribedBy : helperId,
+					disabled
+				})]
+			});
+		};
+		Slider.displayName = "Slider";
+	}))();
+}
 
 //#endregion
 init_Slider();

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

@@ -4,112 +4,114 @@ import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 
 //#region src/components/Slider/styles.css.ts
 var tooltipLeft, thumbColor, leftVar, leftOption, sliderStyle;
-var init_styles_css = __esmMin(() => {
-	init_styles_css_ts_vanilla();
-	tooltipLeft = "var(--uv_a5ifr10)";
-	thumbColor = "var(--uv_a5ifr11)";
-	leftVar = "var(--uv_a5ifr12)";
-	leftOption = "var(--uv_a5ifr13)";
-	sliderStyle = {
-		leftVar: "var(--uv_a5ifr12)",
-		leftOption: "var(--uv_a5ifr13)",
-		container: "uv_a5ifr14",
-		tooltip: "uv_a5ifr15",
-		datalist: createRuntimeFn({
-			defaultClassName: "uv_a5ifr16",
-			variantClassNames: { "double": { true: "uv_a5ifr17" } },
-			defaultVariants: {},
-			compoundVariants: []
-		}),
-		option: createRuntimeFn({
-			defaultClassName: "uv_a5ifr18",
-			variantClassNames: {
-				left: { true: "uv_a5ifr19" },
-				right: { true: "uv_a5ifr1a" }
-			},
-			defaultVariants: {},
-			compoundVariants: []
-		}),
-		thumbStyle: createRuntimeFn({
-			defaultClassName: "uv_a5ifr1b",
-			variantClassNames: {
-				disabled: {
-					false: "uv_a5ifr1c",
-					true: "uv_a5ifr1d"
+function init_styles_css() {
+	return (init_styles_css = __esmMin(() => {
+		/* @__PURE__ */ init_styles_css_ts_vanilla();
+		tooltipLeft = "var(--uv_a5ifr10)";
+		thumbColor = "var(--uv_a5ifr11)";
+		leftVar = "var(--uv_a5ifr12)";
+		leftOption = "var(--uv_a5ifr13)";
+		sliderStyle = {
+			leftVar: "var(--uv_a5ifr12)",
+			leftOption: "var(--uv_a5ifr13)",
+			container: "uv_a5ifr14",
+			tooltip: "uv_a5ifr15",
+			datalist: createRuntimeFn({
+				defaultClassName: "uv_a5ifr16",
+				variantClassNames: { "double": { true: "uv_a5ifr17" } },
+				defaultVariants: {},
+				compoundVariants: []
+			}),
+			option: createRuntimeFn({
+				defaultClassName: "uv_a5ifr18",
+				variantClassNames: {
+					left: { true: "uv_a5ifr19" },
+					right: { true: "uv_a5ifr1a" }
 				},
-				hasTooltipDouble: { false: "uv_a5ifr1e" },
-				isDouble: {
-					false: "uv_a5ifr1f",
-					true: "uv_a5ifr1g"
-				}
-			},
-			defaultVariants: {
-				disabled: false,
-				hasTooltipDouble: true,
-				isDouble: false
-			},
-			compoundVariants: []
-		}),
-		doubleText: createRuntimeFn({
-			defaultClassName: "uv_a5ifr1h",
-			variantClassNames: {
-				isDouble: {
-					false: "uv_a5ifr1i",
-					true: "uv_a5ifr1j"
+				defaultVariants: {},
+				compoundVariants: []
+			}),
+			thumbStyle: createRuntimeFn({
+				defaultClassName: "uv_a5ifr1b",
+				variantClassNames: {
+					disabled: {
+						false: "uv_a5ifr1c",
+						true: "uv_a5ifr1d"
+					},
+					hasTooltipDouble: { false: "uv_a5ifr1e" },
+					isDouble: {
+						false: "uv_a5ifr1f",
+						true: "uv_a5ifr1g"
+					}
 				},
-				isPadded: { true: "uv_a5ifr1k" }
-			},
-			defaultVariants: {},
-			compoundVariants: []
-		}),
-		"double": createRuntimeFn({
-			defaultClassName: "uv_a5ifr1l",
-			variantClassNames: {
-				disabled: {
-					false: "uv_a5ifr1m",
-					true: "uv_a5ifr1n"
+				defaultVariants: {
+					disabled: false,
+					hasTooltipDouble: true,
+					isDouble: false
 				},
-				hasTooltip: { true: "uv_a5ifr1o" }
-			},
-			defaultVariants: {
-				disabled: false,
-				hasTooltip: false
-			},
-			compoundVariants: []
-		}),
-		single: createRuntimeFn({
-			defaultClassName: "uv_a5ifr1p",
-			variantClassNames: {
-				direction: {
-					column: "uv_a5ifr1q",
-					row: "uv_a5ifr1r"
+				compoundVariants: []
+			}),
+			doubleText: createRuntimeFn({
+				defaultClassName: "uv_a5ifr1h",
+				variantClassNames: {
+					isDouble: {
+						false: "uv_a5ifr1i",
+						true: "uv_a5ifr1j"
+					},
+					isPadded: { true: "uv_a5ifr1k" }
 				},
-				disabled: {
-					false: "uv_a5ifr1s",
-					true: "uv_a5ifr1t"
+				defaultVariants: {},
+				compoundVariants: []
+			}),
+			"double": createRuntimeFn({
+				defaultClassName: "uv_a5ifr1l",
+				variantClassNames: {
+					disabled: {
+						false: "uv_a5ifr1m",
+						true: "uv_a5ifr1n"
+					},
+					hasTooltip: { true: "uv_a5ifr1o" }
 				},
-				error: { true: "uv_a5ifr1u" }
-			},
-			defaultVariants: {},
-			compoundVariants: []
-		}),
-		doubleWrapper: "uv_a5ifr1v",
-		customRail: "uv_a5ifr1w",
-		innerRail: createRuntimeFn({
-			defaultClassName: "uv_a5ifr1x",
-			variantClassNames: {
-				disabled: { true: "uv_a5ifr1y" },
-				error: { true: "uv_a5ifr1z" }
-			},
-			defaultVariants: {
-				disabled: false,
-				error: false
-			},
-			compoundVariants: []
-		}),
-		numberInput: "uv_a5ifr110"
-	};
-});
+				defaultVariants: {
+					disabled: false,
+					hasTooltip: false
+				},
+				compoundVariants: []
+			}),
+			single: createRuntimeFn({
+				defaultClassName: "uv_a5ifr1p",
+				variantClassNames: {
+					direction: {
+						column: "uv_a5ifr1q",
+						row: "uv_a5ifr1r"
+					},
+					disabled: {
+						false: "uv_a5ifr1s",
+						true: "uv_a5ifr1t"
+					},
+					error: { true: "uv_a5ifr1u" }
+				},
+				defaultVariants: {},
+				compoundVariants: []
+			}),
+			doubleWrapper: "uv_a5ifr1v",
+			customRail: "uv_a5ifr1w",
+			innerRail: createRuntimeFn({
+				defaultClassName: "uv_a5ifr1x",
+				variantClassNames: {
+					disabled: { true: "uv_a5ifr1y" },
+					error: { true: "uv_a5ifr1z" }
+				},
+				defaultVariants: {
+					disabled: false,
+					error: false
+				},
+				compoundVariants: []
+			}),
+			numberInput: "uv_a5ifr110"
+		};
+	}))();
+}
 
 //#endregion
 init_styles_css();

package/dist/components/Slider/styles.css.ts.vanilla.js

@@ -1,7 +1,9 @@
 import { __esmMin } from "../../_virtual/_rolldown/runtime.js";
 
 //#region src/components/Slider/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/components/Snippet/CodeContent.js

@@ -9,27 +9,29 @@ import { jsx } from "react/jsx-runtime";
 
 //#region src/components/Snippet/CodeContent.tsx
 var CodeContent;
-var init_CodeContent = __esmMin(() => {
-	init_Text();
-	init_styles_css();
-	CodeContent = ({ children, prefix, multiline, showMore, hasShowMoreButton, lines, noExpandable, rows }) => /* @__PURE__ */ jsx(Text, {
-		as: "pre",
-		className: snippetStyle.pretext({
-			noExpandable,
-			showMore: hasShowMoreButton && !showMore
-		}),
-		style: assignInlineVars({ [rowsVar]: rows.toString() }),
-		variant: "code",
-		whiteSpace: multiline ? void 0 : "nowrap",
-		children: multiline ? Children.map(lines, (child) => /* @__PURE__ */ jsx("span", {
-			className: cn(snippetStyle.line({ multiline: true }), prefix ? snippetStyle.prefix[prefix] : ""),
-			children: child
-		}, child)) : /* @__PURE__ */ jsx("span", {
-			className: cn(snippetStyle.line(), prefix ? snippetStyle.prefix[prefix] : ""),
-			children
-		})
-	});
-});
+function init_CodeContent() {
+	return (init_CodeContent = __esmMin(() => {
+		init_Text();
+		init_styles_css();
+		CodeContent = ({ children, prefix, multiline, showMore, hasShowMoreButton, lines, noExpandable, rows }) => /* @__PURE__ */ jsx(Text, {
+			as: "pre",
+			className: snippetStyle.pretext({
+				noExpandable,
+				showMore: hasShowMoreButton && !showMore
+			}),
+			style: assignInlineVars({ [rowsVar]: rows.toString() }),
+			variant: "code",
+			whiteSpace: multiline ? void 0 : "nowrap",
+			children: multiline ? Children.map(lines, (child) => /* @__PURE__ */ jsx("span", {
+				className: cn(snippetStyle.line({ multiline: true }), prefix ? snippetStyle.prefix[prefix] : ""),
+				children: child
+			}, child)) : /* @__PURE__ */ jsx("span", {
+				className: cn(snippetStyle.line(), prefix ? snippetStyle.prefix[prefix] : ""),
+				children
+			})
+		});
+	}))();
+}
 
 //#endregion
 init_CodeContent();