@ultraviolet/ui 3.9.0 → 3.10.0

package/dist/components/Slider/index.js

@@ -1,137 +1,107 @@
-"use client";
-import { jsxs, jsx } from "react/jsx-runtime";
-import { useMemo } from "react";
+'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 { sliderContainer } from "./styles.css.js";
-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,
-            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
-      ]
-    }
-  );
-};
-export {
-  Slider
+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,
+			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 };

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

@@ -1,36 +1,106 @@
-/* empty css                          */
+/* empty css                      */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
+
+//#region src/components/Slider/styles.css.ts
 var tooltipLeft = "var(--uv_a5ifr10)";
 var thumbColor = "var(--uv_a5ifr11)";
 var leftVar = "var(--uv_a5ifr12)";
 var leftOption = "var(--uv_a5ifr13)";
 var sliderContainer = "uv_a5ifr14";
 var sliderTooltip = "uv_a5ifr15";
-var sliderDatalist = createRuntimeFn({ defaultClassName: "uv_a5ifr16", variantClassNames: { "double": { true: "uv_a5ifr17" } }, defaultVariants: {}, compoundVariants: [] });
-var sliderOption = createRuntimeFn({ defaultClassName: "uv_a5ifr18", variantClassNames: { left: { true: "uv_a5ifr19" }, right: { true: "uv_a5ifr1a" } }, defaultVariants: {}, compoundVariants: [] });
-var sliderThumbStyle = createRuntimeFn({ defaultClassName: "uv_a5ifr1b", variantClassNames: { disabled: { false: "uv_a5ifr1c", true: "uv_a5ifr1d" }, hasTooltipDouble: { false: "uv_a5ifr1e" }, isDouble: { false: "uv_a5ifr1f", true: "uv_a5ifr1g" } }, defaultVariants: { disabled: false, hasTooltipDouble: true, isDouble: false }, compoundVariants: [] });
-var sliderDoubleText = createRuntimeFn({ defaultClassName: "uv_a5ifr1h", variantClassNames: { isDouble: { false: "uv_a5ifr1i", true: "uv_a5ifr1j" }, isPadded: { true: "uv_a5ifr1k" } }, defaultVariants: {}, compoundVariants: [] });
-var sliderDouble = createRuntimeFn({ defaultClassName: "uv_a5ifr1l", variantClassNames: { disabled: { false: "uv_a5ifr1m", true: "uv_a5ifr1n" }, hasTooltip: { true: "uv_a5ifr1o" } }, defaultVariants: { disabled: false, hasTooltip: false }, compoundVariants: [] });
-var sliderSingle = 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: [] });
+var sliderDatalist = createRuntimeFn({
+	defaultClassName: "uv_a5ifr16",
+	variantClassNames: { "double": { true: "uv_a5ifr17" } },
+	defaultVariants: {},
+	compoundVariants: []
+});
+var sliderOption = createRuntimeFn({
+	defaultClassName: "uv_a5ifr18",
+	variantClassNames: {
+		left: { true: "uv_a5ifr19" },
+		right: { true: "uv_a5ifr1a" }
+	},
+	defaultVariants: {},
+	compoundVariants: []
+});
+var sliderThumbStyle = createRuntimeFn({
+	defaultClassName: "uv_a5ifr1b",
+	variantClassNames: {
+		disabled: {
+			false: "uv_a5ifr1c",
+			true: "uv_a5ifr1d"
+		},
+		hasTooltipDouble: { false: "uv_a5ifr1e" },
+		isDouble: {
+			false: "uv_a5ifr1f",
+			true: "uv_a5ifr1g"
+		}
+	},
+	defaultVariants: {
+		disabled: false,
+		hasTooltipDouble: true,
+		isDouble: false
+	},
+	compoundVariants: []
+});
+var sliderDoubleText = createRuntimeFn({
+	defaultClassName: "uv_a5ifr1h",
+	variantClassNames: {
+		isDouble: {
+			false: "uv_a5ifr1i",
+			true: "uv_a5ifr1j"
+		},
+		isPadded: { true: "uv_a5ifr1k" }
+	},
+	defaultVariants: {},
+	compoundVariants: []
+});
+var sliderDouble = createRuntimeFn({
+	defaultClassName: "uv_a5ifr1l",
+	variantClassNames: {
+		disabled: {
+			false: "uv_a5ifr1m",
+			true: "uv_a5ifr1n"
+		},
+		hasTooltip: { true: "uv_a5ifr1o" }
+	},
+	defaultVariants: {
+		disabled: false,
+		hasTooltip: false
+	},
+	compoundVariants: []
+});
+var sliderSingle = 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: []
+});
 var sliderDoubleWrapper = "uv_a5ifr1v";
 var sliderCustomRail = "uv_a5ifr1w";
-var sliderInnerRail = createRuntimeFn({ defaultClassName: "uv_a5ifr1x", variantClassNames: { disabled: { true: "uv_a5ifr1y" }, error: { true: "uv_a5ifr1z" } }, defaultVariants: { disabled: false, error: false }, compoundVariants: [] });
+var sliderInnerRail = createRuntimeFn({
+	defaultClassName: "uv_a5ifr1x",
+	variantClassNames: {
+		disabled: { true: "uv_a5ifr1y" },
+		error: { true: "uv_a5ifr1z" }
+	},
+	defaultVariants: {
+		disabled: false,
+		error: false
+	},
+	compoundVariants: []
+});
 var sliderNumberInput = "uv_a5ifr110";
-export {
-  leftOption,
-  leftVar,
-  sliderContainer,
-  sliderCustomRail,
-  sliderDatalist,
-  sliderDouble,
-  sliderDoubleText,
-  sliderDoubleWrapper,
-  sliderInnerRail,
-  sliderNumberInput,
-  sliderOption,
-  sliderSingle,
-  sliderThumbStyle,
-  sliderTooltip,
-  thumbColor,
-  tooltipLeft
-};
+
+//#endregion
+export { leftOption, leftVar, sliderContainer, sliderCustomRail, sliderDatalist, sliderDouble, sliderDoubleText, sliderDoubleWrapper, sliderInnerRail, sliderNumberInput, sliderOption, sliderSingle, sliderThumbStyle, sliderTooltip, thumbColor, tooltipLeft };

package/dist/components/Snippet/index.d.ts

@@ -26,6 +26,6 @@ type SnippetProps = {
  * Snippet component is used to display code snippets with the ability to copy the code.
  * It also has the ability to show/hide the code snippet if it has more than 4 lines.
  */
-export declare const Snippet: ({ children, copyText, copiedText, showText, hideText, prefix, className, "data-testid": dataTestId, initiallyExpanded, rows, noExpandable, onCopy, style, helper, label, labelDescription, }: SnippetProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Snippet: ({ children, copyText, copiedText, showText, hideText, prefix, className, 'data-testid': dataTestId, initiallyExpanded, rows, noExpandable, onCopy, style, helper, label, labelDescription, }: SnippetProps) => import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=index.d.ts.map

package/dist/components/Snippet/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Snippet/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,cAAc,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAGrE,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAqB1C,KAAK,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAA;AAuDnC,KAAK,YAAY,GAAG;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,EAAE,MAAM,CAAA;IAChB;;;;OAIG;IACH,MAAM,CAAC,EAAE,QAAQ,CAAA;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB,KAAK,CAAC,EAAE,aAAa,CAAA;IACrB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,gBAAgB,CAAC,EAAE,SAAS,CAAA;CAC7B,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC,CAAA;AAEtE;;;GAGG;AACH,eAAO,MAAM,OAAO,GAAI,8LAiBrB,YAAY,4CAoGd,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Snippet/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,cAAc,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAGrE,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAqB1C,KAAK,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAA;AAuDnC,KAAK,YAAY,GAAG;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,EAAE,MAAM,CAAA;IAChB;;;;OAIG;IACH,MAAM,CAAC,EAAE,QAAQ,CAAA;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB,KAAK,CAAC,EAAE,aAAa,CAAA;IACrB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,gBAAgB,CAAC,EAAE,SAAS,CAAA;CAC7B,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC,CAAA;AAEtE;;;GAGG;AACH,eAAO,MAAM,OAAO,yPAqHnB,CAAA"}