@ultraviolet/ui 3.11.1 → 3.12.0

package/dist/components/Slider/index.js

@@ -1,107 +1,111 @@
 'use client';
-import { __name } from "../../_virtual/_rolldown/runtime.js";
-import { Stack } from "../Stack/index.js";
-import { Text } from "../Text/index.js";
-import { sliderContainer } from "./styles.css.js";
-import { DoubleSlider } from "./components/DoubleSlider.js";
-import { SingleSlider } from "./components/SingleSlider.js";
+import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
+import { Stack, init_Stack } from "../Stack/index.js";
+import { Text, init_Text } from "../Text/index.js";
+import { init_styles_css, sliderStyle } from "./styles.css.js";
+import { DoubleSlider, init_DoubleSlider } from "./components/DoubleSlider.js";
+import { SingleSlider, init_SingleSlider } from "./components/SingleSlider.js";
 import { useMemo } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/components/Slider/index.tsx
-/**
-* You can define simple or double sliders with the slider component.
-* - For a simple slider (one handle) : prop `value` must be number.
-* - For a double slider (two handles):  prop `value` must be an array of numbers (of length 2) and prop `double` must be set to `true`. **Make sure that others props have the correct type.**
-*/
-const 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 }) => {
-	const correctedBounds = options ? {
-		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
-	]);
-	return /* @__PURE__ */ jsxs(Stack, {
-		"aria-label": ariaLabel,
-		className: double && !!options ? sliderContainer : "",
-		"data-double": double,
-		"data-options": !!options,
-		gap,
-		style,
-		children: [double ? /* @__PURE__ */ jsx(DoubleSlider, {
-			"aria-label": ariaLabel,
-			className,
-			customValueDisplay,
-			"data-testid": dataTestId,
-			direction,
-			disabled,
-			error,
-			id,
-			input,
-			label,
-			labelDescription,
-			max: correctedBounds.max,
-			min: correctedBounds.min,
-			name,
-			onBlur,
-			onChange,
-			onFocus,
+var Slider;
+var init_Slider = __esmMin(() => {
+	init_Stack();
+	init_Text();
+	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 }) => {
+		const correctedBounds = options ? {
+			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-label": ariaLabel,
-			className,
-			customValueDisplay,
-			"data-testid": dataTestId,
-			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
-		}), error || helper ? /* @__PURE__ */ jsx(Text, {
-			as: "p",
-			prominence: "weak",
-			sentiment: error ? "danger" : "neutral",
-			variant: "caption",
-			children: typeof error === "string" ? error : helper
-		}) : null]
-	});
-};
+			double,
+			helper
+		]);
+		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-label": ariaLabel,
+				className,
+				customValueDisplay,
+				"data-testid": dataTestId,
+				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-label": ariaLabel,
+				className,
+				customValueDisplay,
+				"data-testid": dataTestId,
+				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
+			}), error || helper ? /* @__PURE__ */ jsx(Text, {
+				as: "p",
+				prominence: "weak",
+				sentiment: error ? "danger" : "neutral",
+				variant: "caption",
+				children: typeof error === "string" ? error : helper
+			}) : null]
+		});
+	};
+});
 
 //#endregion
-export { Slider };
+init_Slider();
+export { Slider, init_Slider };

package/dist/components/Slider/styles.css.d.ts

@@ -2,175 +2,179 @@ export declare const tooltipLeft: `var(--${string})`;
 export declare const thumbColor: `var(--${string})`;
 export declare const leftVar: `var(--${string})`;
 export declare const leftOption: `var(--${string})`;
-export declare const sliderContainer: string;
-export declare const sliderTooltip: string;
-export declare const sliderDatalist: import("@vanilla-extract/recipes").RuntimeFn<{
-    double: {
-        true: {
-            marginTop: `var(--${string})`;
-        };
-    };
-}>;
-export declare const sliderOption: import("@vanilla-extract/recipes").RuntimeFn<{
-    left: {
-        true: {
-            transform: "none";
+export declare const sliderStyle: {
+    leftVar: `var(--${string})`;
+    leftOption: `var(--${string})`;
+    container: string;
+    tooltip: string;
+    datalist: import("@vanilla-extract/recipes").RuntimeFn<{
+        double: {
+            true: {
+                marginTop: `var(--${string})`;
+            };
         };
-    };
-    right: {
-        true: {
-            transform: "translateX(-100%)";
+    }>;
+    option: import("@vanilla-extract/recipes").RuntimeFn<{
+        left: {
+            true: {
+                transform: "none";
+            };
         };
-    };
-}>;
-export declare const sliderThumbStyle: import("@vanilla-extract/recipes").RuntimeFn<{
-    disabled: {
-        false: {
-            selectors: {
-                '&::-moz-range-thumb': {
-                    cursor: "grab";
-                };
-                '&::-webkit-slider-thumb': {
-                    cursor: "grab";
-                };
-                '&:active::-moz-range-thumb': {
-                    border: `1.5px solid var(--${string})`;
-                    boxShadow: `var(--${string})`;
-                    cursor: "grabbing";
-                };
-                '&:active::-webkit-slider-thumb': {
-                    border: `1.5px solid var(--${string})`;
-                    boxShadow: `var(--${string})`;
-                    cursor: "grabbing";
-                };
-                '&:hover::-moz-range-thumb': {
-                    border: `1.5px solid var(--${string})`;
-                };
-                '&:hover::-webkit-slider-thumb': {
-                    border: `1.5px solid var(--${string})`;
-                };
+        right: {
+            true: {
+                transform: "translateX(-100%)";
             };
         };
-        true: {
-            selectors: {
-                '&::-moz-range-thumb': {
-                    cursor: "not-allowed";
+    }>;
+    thumbStyle: import("@vanilla-extract/recipes").RuntimeFn<{
+        disabled: {
+            false: {
+                selectors: {
+                    '&::-moz-range-thumb': {
+                        cursor: "grab";
+                    };
+                    '&::-webkit-slider-thumb': {
+                        cursor: "grab";
+                    };
+                    '&:active::-moz-range-thumb': {
+                        border: `1.5px solid var(--${string})`;
+                        boxShadow: `var(--${string})`;
+                        cursor: "grabbing";
+                    };
+                    '&:active::-webkit-slider-thumb': {
+                        border: `1.5px solid var(--${string})`;
+                        boxShadow: `var(--${string})`;
+                        cursor: "grabbing";
+                    };
+                    '&:hover::-moz-range-thumb': {
+                        border: `1.5px solid var(--${string})`;
+                    };
+                    '&:hover::-webkit-slider-thumb': {
+                        border: `1.5px solid var(--${string})`;
+                    };
                 };
-                '&::-webkit-slider-thumb': {
-                    cursor: "not-allowed";
+            };
+            true: {
+                selectors: {
+                    '&::-moz-range-thumb': {
+                        cursor: "not-allowed";
+                    };
+                    '&::-webkit-slider-thumb': {
+                        cursor: "not-allowed";
+                    };
                 };
             };
         };
-    };
-    hasTooltipDouble: {
-        false: {
-            selectors: {
-                '&::-webkit-slider-thumb': {
-                    top: "-8px";
+        hasTooltipDouble: {
+            false: {
+                selectors: {
+                    '&::-webkit-slider-thumb': {
+                        top: "-8px";
+                    };
                 };
             };
         };
-    };
-    isDouble: {
-        false: {
-            selectors: {
-                '&::-moz-range-thumb': {
-                    top: "-4px";
-                };
-                '&::-webkit-slider-thumb': {
-                    top: "-4px";
+        isDouble: {
+            false: {
+                selectors: {
+                    '&::-moz-range-thumb': {
+                        top: "-4px";
+                    };
+                    '&::-webkit-slider-thumb': {
+                        top: "-4px";
+                    };
                 };
             };
-        };
-        true: {
-            selectors: {
-                '&::-webkit-slider-thumb': {
-                    top: "2px";
+            true: {
+                selectors: {
+                    '&::-webkit-slider-thumb': {
+                        top: "2px";
+                    };
                 };
             };
         };
-    };
-}>;
-export declare const sliderDoubleText: import("@vanilla-extract/recipes").RuntimeFn<{
-    isDouble: {
-        false: {
-            alignSelf: "flex-end";
-        };
-        true: {
-            alignSelf: "center";
+    }>;
+    doubleText: import("@vanilla-extract/recipes").RuntimeFn<{
+        isDouble: {
+            false: {
+                alignSelf: "flex-end";
+            };
+            true: {
+                alignSelf: "center";
+            };
         };
-    };
-    isPadded: {
-        true: {
-            minWidth: `var(--${string})`;
+        isPadded: {
+            true: {
+                minWidth: `var(--${string})`;
+            };
         };
-    };
-}>;
-export declare const sliderDouble: import("@vanilla-extract/recipes").RuntimeFn<{
-    disabled: {
-        false: {
-            selectors: {
-                '&:focus::-moz-slider-thumb, &:focus::-webkit-slider-thumb': {
-                    border: `1.5px solid var(--${string})`;
-                    boxShadow: `var(--${string})`;
+    }>;
+    double: import("@vanilla-extract/recipes").RuntimeFn<{
+        disabled: {
+            false: {
+                selectors: {
+                    '&:focus::-moz-slider-thumb, &:focus::-webkit-slider-thumb': {
+                        border: `1.5px solid var(--${string})`;
+                        boxShadow: `var(--${string})`;
+                    };
                 };
             };
+            true: {};
         };
-        true: {};
-    };
-    hasTooltip: {
-        true: {
-            selectors: {
-                '&::-moz-range-thumb': {
-                    transform: "translate(0, -10px)";
+        hasTooltip: {
+            true: {
+                selectors: {
+                    '&::-moz-range-thumb': {
+                        transform: "translate(0, -10px)";
+                    };
                 };
             };
         };
-    };
-}>;
-export declare const sliderSingle: import("@vanilla-extract/recipes").RuntimeFn<{
-    direction: {
-        column: {
-            alignSelf: "baseline";
-        };
-        row: {};
-    };
-    disabled: {
-        false: {
-            selectors: {
-                '&:focus::-moz-range-thumb': {
-                    border: `1px solid var(--${string})`;
-                    boxShadow: `var(--${string})`;
-                };
-                '&:focus::-webkit-slider-thumb': {
-                    border: `1px solid var(--${string})`;
-                    boxShadow: `var(--${string})`;
+    }>;
+    single: import("@vanilla-extract/recipes").RuntimeFn<{
+        direction: {
+            column: {
+                alignSelf: "baseline";
+            };
+            row: {};
+        };
+        disabled: {
+            false: {
+                selectors: {
+                    '&:focus::-moz-range-thumb': {
+                        border: `1px solid var(--${string})`;
+                        boxShadow: `var(--${string})`;
+                    };
+                    '&:focus::-webkit-slider-thumb': {
+                        border: `1px solid var(--${string})`;
+                        boxShadow: `var(--${string})`;
+                    };
                 };
             };
+            true: {
+                backgroundImage: `linear-gradient(var(--${string}), var(--${string}))`;
+            };
         };
-        true: {
-            backgroundImage: `linear-gradient(var(--${string}), var(--${string}))`;
-        };
-    };
-    error: {
-        true: {
-            backgroundImage: `linear-gradient(var(--${string}), var(--${string}))`;
+        error: {
+            true: {
+                backgroundImage: `linear-gradient(var(--${string}), var(--${string}))`;
+            };
         };
-    };
-}>;
-export declare const sliderDoubleWrapper: string;
-export declare const sliderCustomRail: string;
-export declare const sliderInnerRail: import("@vanilla-extract/recipes").RuntimeFn<{
-    disabled: {
-        true: {
-            backgroundColor: `var(--${string})`;
+    }>;
+    doubleWrapper: string;
+    customRail: string;
+    innerRail: import("@vanilla-extract/recipes").RuntimeFn<{
+        disabled: {
+            true: {
+                backgroundColor: `var(--${string})`;
+            };
         };
-    };
-    error: {
-        true: {
-            backgroundColor: `var(--${string})`;
+        error: {
+            true: {
+                backgroundColor: `var(--${string})`;
+            };
         };
-    };
-}>;
-export declare const sliderNumberInput: string;
+    }>;
+    numberInput: string;
+};
 //# sourceMappingURL=styles.css.d.ts.map

package/dist/components/Slider/styles.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Slider/styles.css.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,WAAW,oBAAc,CAAA;AACtC,eAAO,MAAM,UAAU,oBAAc,CAAA;AACrC,eAAO,MAAM,OAAO,oBAAc,CAAA;AAClC,eAAO,MAAM,UAAU,oBAAc,CAAA;AAErC,eAAO,MAAM,eAAe,QAA0C,CAAA;AAEtE,eAAO,MAAM,aAAa,QAIxB,CAAA;AAEF,eAAO,MAAM,cAAc;;;;;;EAczB,CAAA;AAEF,eAAO,MAAM,YAAY;;;;;;;;;;;EAgBvB,CAAA;AAgBF,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA0E3B,CAAA;AAEF,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;EAgB3B,CAAA;AAUF,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;EAkDvB,CAAA;AAEF,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAsDvB,CAAA;AACF,eAAO,MAAM,mBAAmB,QAO9B,CAAA;AAEF,eAAO,MAAM,gBAAgB,QAS3B,CAAA;AAEF,eAAO,MAAM,eAAe;;;;;;;;;;;EAuB1B,CAAA;AAEF,eAAO,MAAM,iBAAiB,QAAsC,CAAA"}
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Slider/styles.css.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,WAAW,oBAAc,CAAA;AACtC,eAAO,MAAM,UAAU,oBAAc,CAAA;AACrC,eAAO,MAAM,OAAO,oBAAc,CAAA;AAClC,eAAO,MAAM,UAAU,oBAAc,CAAA;AA0TrC,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAevB,CAAA"}