@ultraviolet/ui 3.0.0-beta.26 → 3.0.0-beta.28

package/dist/components/Slider/components/DoubleSlider.cjs

@@ -1,236 +0,0 @@
-"use client";
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
-const themes = require("@ultraviolet/themes");
-const dynamic = require("@vanilla-extract/dynamic");
-const react = require("react");
-const index$1 = require("../../Label/index.cjs");
-const index$3 = require("../../NumberInput/index.cjs");
-const index = require("../../Stack/index.cjs");
-const index$4 = require("../../Text/index.cjs");
-const index$2 = require("../../Tooltip/index.cjs");
-const constant = require("../constant.cjs");
-const styles_css = require("../styles.css.cjs");
-const Options = require("./Options.cjs");
-const DoubleSlider = ({
-  name,
-  tooltip,
-  direction,
-  disabled,
-  error,
-  "data-testid": dataTestId,
-  value,
-  onChange,
-  min = 0,
-  max = 100,
-  step = 1,
-  id,
-  onBlur,
-  onFocus,
-  options,
-  unit,
-  label,
-  className,
-  input,
-  prefix,
-  suffix,
-  required,
-  tooltipPosition,
-  "aria-label": ariaLabel
-}) => {
-  const theme = themes.useTheme();
-  const localId = react.useId();
-  const finalId = id ?? localId;
-  const refSlider = react.useRef(null);
-  const safeValue = value && Array.isArray(value) && value.length === 2 ? value : [min ?? 0, max ?? 1];
-  const [selectedIndexes, setSelectedIndexes] = react.useState(safeValue);
-  const [sliderWidth, setWidth] = react.useState(0);
-  const [inputValue, setInputValue] = react.useState(safeValue);
-  react.useEffect(() => {
-    setInputValue(selectedIndexes);
-  }, [selectedIndexes]);
-  react.useEffect(() => {
-    setWidth(Number(refSlider.current?.offsetWidth));
-  }, [refSlider]);
-  const activeValue = (side) => {
-    if (side === "left") {
-      if (selectedIndexes[0] === null) {
-        return 0;
-      }
-      if (selectedIndexes[1] !== null && selectedIndexes[1] < selectedIndexes[0]) {
-        return 1;
-      }
-      return 0;
-    }
-    if (selectedIndexes[1] === null) {
-      return 1;
-    }
-    if (selectedIndexes[0] !== null && selectedIndexes[1] < selectedIndexes[0]) {
-      return 0;
-    }
-    return 1;
-  };
-  const ticks = react.useMemo(() => {
-    if (options) {
-      return options.map((element, index2) => ({
-        label: element.label,
-        value: index2
-      }));
-    }
-    return [];
-  }, [options]);
-  const internalOnChangeRef = react.useCallback((localValue) => {
-    let leftSliderValue = localValue[0] === null ? min : localValue[0];
-    let rightSliderValue = localValue[1] === null ? max : localValue[1];
-    leftSliderValue = Math.max(min, Math.min(leftSliderValue, max));
-    rightSliderValue = Math.max(min, Math.min(rightSliderValue, max));
-    const newValues = [leftSliderValue, rightSliderValue];
-    setSelectedIndexes(newValues);
-    onChange?.([Math.min(...newValues), Math.max(...newValues)]);
-  }, [max, min, onChange]);
-  react.useEffect(() => {
-    const setWidthResize = () => {
-      setWidth(Number(refSlider.current?.offsetWidth));
-    };
-    window.addEventListener("resize", setWidthResize);
-    return () => {
-      window.removeEventListener("resize", setWidthResize);
-    };
-  }, []);
-  const handleMinChange = (newValue) => {
-    internalOnChangeRef([newValue, selectedIndexes[1]]);
-  };
-  const handleMaxChange = (newValue) => {
-    internalOnChangeRef([selectedIndexes[0], newValue]);
-  };
-  const handleChangeInput = (val, side) => {
-    if (side === "left") {
-      setInputValue([val, selectedIndexes[1]]);
-    } else if (side === "right") {
-      setInputValue([selectedIndexes[0], val]);
-    }
-  };
-  const styledValue = (valueNumber, side) => input && !options ? /* @__PURE__ */ jsxRuntime.jsx(index$3.NumberInput, { "aria-label": `input-${side}`, controls: false, "data-testid": side ? `slider-input-${side}` : "slider-input", disabled, max, min, onBlur: (event) => {
-    if (!event.target.value) {
-      if (side === "left") {
-        const index2 = activeValue("left");
-        if (index2 === 0) {
-          internalOnChangeRef([min, selectedIndexes[1]]);
-        } else {
-          internalOnChangeRef([selectedIndexes[0], max]);
-        }
-      }
-      if (side === "right") {
-        const index2 = activeValue("right");
-        if (index2 === 0) {
-          internalOnChangeRef([min, selectedIndexes[1]]);
-        } else {
-          internalOnChangeRef([selectedIndexes[0], max]);
-        }
-      }
-    } else {
-      const newValue = Number.parseFloat(event.target.value);
-      if (side === "left") {
-        internalOnChangeRef([newValue, selectedIndexes[1]]);
-      } else if (side === "right") {
-        internalOnChangeRef([selectedIndexes[0], newValue]);
-      }
-    }
-  }, onChange: (newVal) => {
-    handleChangeInput(newVal, side);
-  }, size: "small", step, unit: typeof suffix === "string" ? suffix : unit, value: side === "left" ? inputValue?.[0] : inputValue?.[1] }) : /* @__PURE__ */ jsxRuntime.jsxs(index$4.Text, { as: "span", className: styles_css.sliderDoubleText({
-    isDouble: true,
-    isPadded: direction !== "column"
-  }), "data-testid": dataTestId ? `${dataTestId}-value-${side}` : `value-${side}`, placement: direction !== "row" ? "right" : "center", sentiment: "neutral", variant: "bodySmall", children: [
-    prefix,
-    valueNumber,
-    suffix ? suffix[side === "left" ? 0 : 1] : unit
-  ] });
-  const minPos = (Math.min(...selectedIndexes) - min) * 100 / (max - min);
-  const maxPos = (Math.max(...selectedIndexes) - min) * 100 / (max - min);
-  const tooltipText = react.useMemo(() => {
-    if (tooltip === true) {
-      return [Math.min(...selectedIndexes), Math.max(...selectedIndexes)];
-    }
-    if (Array.isArray(tooltip)) {
-      return tooltip;
-    }
-    if (typeof tooltip === "string") {
-      return tooltip;
-    }
-    return [null, null];
-  }, [tooltip, selectedIndexes]);
-  const placementTooltip = [(selectedIndexes[0] - min) / (max - min) * (sliderWidth - constant.THUMB_SIZE) + constant.THUMB_SIZE / 2, (selectedIndexes[1] - min) / (max - min) * (sliderWidth - constant.THUMB_SIZE) + constant.THUMB_SIZE / 2];
-  const [leftToShow, rightToShow] = options ? [options[selectedIndexes[0]].value, options[selectedIndexes[1]].value] : selectedIndexes;
-  react.useEffect(() => {
-    setSelectedIndexes(() => {
-      const newSafeValue = value && Array.isArray(value) && value.length === 2 ? value : [min, max];
-      if (min > newSafeValue[0]) {
-        newSafeValue[0] = min;
-      }
-      if (max < newSafeValue[1]) {
-        newSafeValue[1] = max;
-      }
-      return newSafeValue;
-    });
-  }, [min, max, value]);
-  return /* @__PURE__ */ jsxRuntime.jsxs(index.Stack, { direction: "column", gap: 1, justifyContent: "left", children: [
-    label ? /* @__PURE__ */ jsxRuntime.jsx(index.Stack, { direction: "row", justifyContent: "space-between", children: /* @__PURE__ */ jsxRuntime.jsx(index$1.Label, { htmlFor: finalId, required, children: label }) }) : null,
-    /* @__PURE__ */ jsxRuntime.jsxs(index.Stack, { direction, gap: 1, width: "100%", children: [
-      direction === "column" ? /* @__PURE__ */ jsxRuntime.jsxs(index.Stack, { direction: "row", justifyContent: "space-between", children: [
-        styledValue(leftToShow, "left"),
-        styledValue(rightToShow, "right")
-      ] }) : null,
-      direction === "row" ? styledValue(leftToShow, "left") : null,
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles_css.sliderDoubleWrapper, children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(index$2.Tooltip, { className: styles_css.sliderTooltip, placement: tooltipPosition, style: dynamic.assignInlineVars({
-          [styles_css.tooltipLeft]: `${(placementTooltip[0] + placementTooltip[1]) / 2}px`
-        }), text: typeof tooltipText === "string" ? tooltipText : void 0, children: [
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles_css.sliderCustomRail, children: /* @__PURE__ */ jsxRuntime.jsx("div", { "aria-disabled": !!disabled, className: styles_css.sliderInnerRail({
-            disabled: !!disabled,
-            error: !!error
-          }), "data-error": !!error, style: {
-            left: `${minPos}%`,
-            right: `${100 - maxPos}%`
-          } }) }),
-          /* @__PURE__ */ jsxRuntime.jsx(index$2.Tooltip, { className: styles_css.sliderTooltip, placement: tooltipPosition, style: dynamic.assignInlineVars({
-            [styles_css.tooltipLeft]: `${placementTooltip[0]}px`
-          }), text: Array.isArray(tooltipText) ? tooltipText[0] : void 0, children: /* @__PURE__ */ jsxRuntime.jsx("input", { "aria-label": ariaLabel ?? name, className: `${className ? `${className} ` : ""}${styles_css.sliderDouble({
-            disabled,
-            hasTooltip: !!tooltip
-          })} ${styles_css.sliderThumbStyle({
-            disabled: !!disabled,
-            hasTooltipDouble: !!tooltip,
-            isDouble: true
-          })}`, "data-direction": direction, "data-error": error, "data-testid": dataTestId ? `${dataTestId}-left` : "handle-left", disabled: !!disabled, id: finalId, max, min, name, onBlur, onChange: (event) => {
-            event.preventDefault();
-            handleMinChange(Number.parseFloat(event.target.value));
-          }, onFocus, ref: refSlider, step, style: dynamic.assignInlineVars({
-            [styles_css.leftVar]: `calc(${(selectedIndexes[0] - min) * 100 / (max - min)}% - ${constant.THUMB_SIZE / 2}px`,
-            [styles_css.thumbColor]: theme.theme === "light" ? theme.colors.neutral.background : theme.colors.neutral.backgroundStronger
-          }), type: "range", value: selectedIndexes[0] }) }),
-          /* @__PURE__ */ jsxRuntime.jsx(index$2.Tooltip, { className: styles_css.sliderTooltip, placement: tooltipPosition, style: dynamic.assignInlineVars({
-            [styles_css.tooltipLeft]: `${placementTooltip[1]}px`
-          }), text: Array.isArray(tooltipText) ? tooltipText[1] : void 0, children: /* @__PURE__ */ jsxRuntime.jsx("input", { "aria-label": ariaLabel ?? name, className: `${className ? `${className} ` : ""}${styles_css.sliderDouble({
-            disabled,
-            hasTooltip: !!tooltip
-          })} ${styles_css.sliderThumbStyle({
-            disabled,
-            hasTooltipDouble: !!tooltip,
-            isDouble: true
-          })}`, "data-direction": direction, "data-error": error, "data-testid": dataTestId ? `${dataTestId}-right` : "handle-right", disabled: !!disabled, id: finalId, max, min, name, onBlur, onChange: (event) => {
-            event.preventDefault();
-            handleMaxChange(Number.parseFloat(event.target.value));
-          }, onFocus, step, style: dynamic.assignInlineVars({
-            [styles_css.leftVar]: `calc(${(selectedIndexes[1] - min) * 100 / (max - min)}% - ${constant.THUMB_SIZE / 2}px`,
-            [styles_css.thumbColor]: theme.theme === "light" ? theme.colors.neutral.background : theme.colors.neutral.backgroundStronger
-          }), type: "range", value: selectedIndexes[1] }) })
-        ] }),
-        options ? /* @__PURE__ */ jsxRuntime.jsx(Options.Options, { max, min, step, ticks, value: selectedIndexes }) : null
-      ] }),
-      direction === "row" ? styledValue(rightToShow, "right") : null
-    ] })
-  ] });
-};
-exports.DoubleSlider = DoubleSlider;

package/dist/components/Slider/components/Options.cjs

@@ -1,35 +0,0 @@
-"use client";
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
-const dynamic = require("@vanilla-extract/dynamic");
-const index = require("../../Text/index.cjs");
-const styles_css = require("../styles.css.cjs");
-const Options = ({
-  ticks,
-  min,
-  max,
-  value,
-  step
-}) => /* @__PURE__ */ jsxRuntime.jsx("datalist", { className: styles_css.sliderDatalist({
-  double: Array.isArray(value)
-}), "data-double": Array.isArray(value), children: ticks.map((element, index$1, {
-  length
-}) => {
-  const left = (index$1 * step - min) * 100 / (max - min);
-  const formatedElement = element.label ?? String(element.value);
-  const getIsSelected = () => {
-    if (!value) {
-      return false;
-    }
-    return typeof value === "number" ? element.value === value : value.includes(element.value);
-  };
-  const isSelected = getIsSelected();
-  return /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles_css.sliderOption({
-    left: index$1 === 0,
-    right: index$1 === length - 1
-  }), "data-element-left": index$1 === 0, "data-element-right": index$1 === length - 1, "data-value": element.value, style: dynamic.assignInlineVars({
-    [styles_css.leftOption]: `${left}%`
-  }), children: /* @__PURE__ */ jsxRuntime.jsx(index.Text, { as: "p", sentiment: isSelected ? "primary" : "neutral", variant: isSelected ? "captionStrong" : "caption", children: formatedElement }) }, element.value);
-}) });
-exports.Options = Options;

package/dist/components/Slider/components/SingleSlider.cjs

@@ -1,153 +0,0 @@
-"use client";
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
-const themes = require("@ultraviolet/themes");
-const dynamic = require("@vanilla-extract/dynamic");
-const react = require("react");
-const index$1 = require("../../Label/index.cjs");
-const index$3 = require("../../NumberInput/index.cjs");
-const index = require("../../Stack/index.cjs");
-const index$4 = require("../../Text/index.cjs");
-const index$2 = require("../../Tooltip/index.cjs");
-const constant = require("../constant.cjs");
-const styles_css = require("../styles.css.cjs");
-const Options = require("./Options.cjs");
-const SingleSlider = ({
-  name,
-  tooltip,
-  direction,
-  disabled,
-  error,
-  "data-testid": dataTestId,
-  value,
-  onChange,
-  min = 0,
-  max = 100,
-  step = 1,
-  id,
-  onBlur,
-  unit,
-  options,
-  onFocus,
-  className,
-  label,
-  input,
-  prefix,
-  suffix,
-  required,
-  "aria-label": ariaLabel,
-  tooltipPosition
-}) => {
-  const localId = react.useId();
-  const theme = themes.useTheme();
-  const finalId = id ?? localId;
-  const safeValue = value ?? min;
-  const [selectedIndex, setSelectedIndex] = react.useState(safeValue);
-  const refSlider = react.useRef(null);
-  const [sliderWidth, setWidth] = react.useState(0);
-  const [inputValue, setInputValue] = react.useState(safeValue);
-  react.useEffect(() => {
-    setInputValue(selectedIndex);
-  }, [selectedIndex]);
-  react.useEffect(() => {
-    setWidth(Number(refSlider.current?.offsetWidth));
-  }, [refSlider]);
-  const ticks = react.useMemo(() => {
-    if (options) {
-      return options.map((element, index2) => ({
-        label: element.label,
-        value: index2
-      }));
-    }
-    return [];
-  }, [options]);
-  const internalOnChange = react.useCallback((newValue) => {
-    if (!newValue) {
-      setSelectedIndex(min);
-      onChange?.(min);
-    } else if (newValue < min) {
-      setSelectedIndex(min);
-      onChange?.(min);
-    } else if (newValue > max) {
-      setSelectedIndex(max);
-      onChange?.(max);
-    } else {
-      setSelectedIndex(newValue);
-      onChange?.(newValue);
-    }
-  }, [max, min, onChange]);
-  react.useEffect(() => {
-    if (value < min) {
-      internalOnChange(min);
-    } else if (value > max) {
-      internalOnChange(max);
-    } else {
-      setSelectedIndex(() => value ?? min);
-    }
-  }, [value, max, min, internalOnChange]);
-  react.useEffect(() => {
-    const setWidthResize = () => {
-      setWidth(Number(refSlider.current?.offsetWidth));
-    };
-    window.addEventListener("resize", setWidthResize);
-    return () => {
-      window.removeEventListener("resize", setWidthResize);
-    };
-  }, []);
-  const leftPosition = react.useMemo(() => (selectedIndex - min) * 100 / (max - min), [selectedIndex, max, min]);
-  const getBackgroundSize = react.useMemo(() => ({
-    backgroundSize: `${leftPosition}% 100%`
-  }), [leftPosition]);
-  const styledValue = (valueNumber) => input && !options ? /* @__PURE__ */ jsxRuntime.jsx(index$3.NumberInput, { "aria-label": "input", className: styles_css.sliderNumberInput, controls: false, "data-testid": dataTestId ? `${dataTestId}-input` : "slider-input", disabled, max, min, onBlur: (event) => {
-    internalOnChange(Number.parseFloat(event.target.value));
-  }, onChange: setInputValue, size: "small", step, unit: typeof suffix === "string" ? suffix : unit, value: inputValue }) : /* @__PURE__ */ jsxRuntime.jsxs(index$4.Text, { as: "span", className: styles_css.sliderDoubleText({
-    isDouble: direction !== "column",
-    isPadded: direction === "column"
-  }), "data-testid": dataTestId ? `${dataTestId}-value` : "slider-value", placement: direction === "column" ? "right" : "center", sentiment: "neutral", variant: "bodySmall", children: [
-    prefix,
-    valueNumber,
-    suffix ?? unit
-  ] });
-  const tooltipText = react.useMemo(() => {
-    if (tooltip === true) {
-      return selectedIndex;
-    }
-    if (tooltip) {
-      return tooltip;
-    }
-    return void 0;
-  }, [tooltip, selectedIndex]);
-  const placementTooltip = (selectedIndex - min) / (max - min) * (sliderWidth - constant.THUMB_SIZE) + constant.THUMB_SIZE / 2 - sliderWidth / 2;
-  const valueToShow = options ? options[selectedIndex]?.value : selectedIndex;
-  return /* @__PURE__ */ jsxRuntime.jsxs(index.Stack, { direction, gap: 1, justifyContent: "left", children: [
-    label ? /* @__PURE__ */ jsxRuntime.jsxs(index.Stack, { alignItems: "center", direction: "row", justifyContent: "space-between", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(index$1.Label, { htmlFor: finalId, required, children: label }),
-      direction === "column" ? styledValue(valueToShow) : null
-    ] }) : null,
-    /* @__PURE__ */ jsxRuntime.jsx(index.Stack, { direction: "row", justifyContent: "end", children: direction === "column" && !label ? styledValue(valueToShow) : null }),
-    /* @__PURE__ */ jsxRuntime.jsxs(index.Stack, { direction: "column", gap: 1, justifyContent: "center", width: "100%", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(index$2.Tooltip, { className: styles_css.sliderTooltip, placement: tooltipPosition, style: dynamic.assignInlineVars({
-        [styles_css.tooltipLeft]: `${placementTooltip}px`
-      }), text: tooltipText, children: /* @__PURE__ */ jsxRuntime.jsx("input", { "aria-disabled": disabled, "aria-label": ariaLabel ?? name, className: `${className ? `${className} ` : ""}${styles_css.sliderSingle({
-        direction,
-        disabled,
-        error: !!error
-      })} ${styles_css.sliderThumbStyle({
-        disabled,
-        isDouble: false
-      })}`, "data-direction": direction, "data-error": !!error, "data-testid": dataTestId, disabled: !!disabled, id: finalId, max, min, name, onBlur, onChange: (event) => {
-        internalOnChange(Number.parseFloat(event.target.value));
-      }, onFocus, ref: refSlider, step, style: {
-        ...dynamic.assignInlineVars({
-          [styles_css.leftVar]: `calc(${leftPosition}% - ${constant.THUMB_SIZE / 2}px)`,
-          [styles_css.thumbColor]: theme.theme === "light" ? theme.colors.neutral.background : theme.colors.neutral.backgroundStronger
-        }),
-        ...getBackgroundSize
-      }, tabIndex: 0, type: "range", value: selectedIndex }) }),
-      options ? /* @__PURE__ */ jsxRuntime.jsx(Options.Options, { max, min, step, ticks, value: selectedIndex }) : null
-    ] }),
-    direction === "row" ? styledValue(valueToShow) : null
-  ] });
-};
-exports.SingleSlider = SingleSlider;

package/dist/components/Slider/constant.cjs

@@ -1,4 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const THUMB_SIZE = 16;
-exports.THUMB_SIZE = THUMB_SIZE;

package/dist/components/Slider/index.cjs

@@ -1,61 +0,0 @@
-"use client";
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
-const react = require("react");
-const index = require("../Stack/index.cjs");
-const index$1 = require("../Text/index.cjs");
-const DoubleSlider = require("./components/DoubleSlider.cjs");
-const SingleSlider = require("./components/SingleSlider.cjs");
-const styles_css = require("./styles.css.cjs");
-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,
-  "aria-label": ariaLabel
-}) => {
-  const correctedBounds = options ? {
-    max: Array.isArray(options) ? options.length - 1 : max,
-    min: 0
-  } : {
-    max,
-    min
-  };
-  const gap = react.useMemo(() => {
-    if (options) {
-      return 3;
-    }
-    if (input && double && !helper) {
-      return 0;
-    }
-    return 1;
-  }, [options, input, double, helper]);
-  return /* @__PURE__ */ jsxRuntime.jsxs(index.Stack, { "aria-label": ariaLabel, className: double && !!options ? styles_css.sliderContainer : "", "data-double": double, "data-options": !!options, gap, style, children: [
-    double ? /* @__PURE__ */ jsxRuntime.jsx(DoubleSlider.DoubleSlider, { "aria-label": ariaLabel, className, "data-testid": dataTestId, direction, disabled, error, id, input, label, max: correctedBounds.max, min: correctedBounds.min, name, onBlur, onChange, onFocus, options, prefix, required, step, suffix, tooltip, tooltipPosition, unit, value }) : /* @__PURE__ */ jsxRuntime.jsx(SingleSlider.SingleSlider, { "aria-label": ariaLabel, className, "data-testid": dataTestId, direction, disabled, error, id, input, label, max: correctedBounds.max, min: correctedBounds.min, name, onBlur, onChange, onFocus, options, prefix, required, step, suffix, tooltip, tooltipPosition, unit, value }),
-    error || helper ? /* @__PURE__ */ jsxRuntime.jsx(index$1.Text, { as: "p", prominence: "weak", sentiment: error ? "danger" : "neutral", variant: "caption", children: typeof error === "string" ? error : helper }) : null
-  ] });
-};
-exports.Slider = Slider;

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

@@ -1,36 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-;/* empty css                            */
-const createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
-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.createRuntimeFn({ defaultClassName: "uv_a5ifr16", variantClassNames: { "double": { true: "uv_a5ifr17" } }, defaultVariants: {}, compoundVariants: [] });
-var sliderOption = createRuntimeFn.createRuntimeFn({ defaultClassName: "uv_a5ifr18", variantClassNames: { left: { true: "uv_a5ifr19" }, right: { true: "uv_a5ifr1a" } }, defaultVariants: {}, compoundVariants: [] });
-var sliderThumbStyle = createRuntimeFn.createRuntimeFn({ defaultClassName: "uv_a5ifr1b", variantClassNames: { disabled: { true: "uv_a5ifr1c", false: "uv_a5ifr1d" }, isDouble: { true: "uv_a5ifr1e", false: "uv_a5ifr1f" }, hasTooltipDouble: { false: "uv_a5ifr1g" } }, defaultVariants: { disabled: false, isDouble: false, hasTooltipDouble: true }, compoundVariants: [] });
-var sliderDoubleText = createRuntimeFn.createRuntimeFn({ defaultClassName: "uv_a5ifr1h", variantClassNames: { isPadded: { true: "uv_a5ifr1i" }, isDouble: { true: "uv_a5ifr1j", false: "uv_a5ifr1k" } }, defaultVariants: {}, compoundVariants: [] });
-var sliderDouble = createRuntimeFn.createRuntimeFn({ defaultClassName: "uv_a5ifr1l", variantClassNames: { disabled: { true: "uv_a5ifr1m", false: "uv_a5ifr1n" }, hasTooltip: { true: "uv_a5ifr1o" } }, defaultVariants: { disabled: false, hasTooltip: false }, compoundVariants: [] });
-var sliderSingle = createRuntimeFn.createRuntimeFn({ defaultClassName: "uv_a5ifr1p", variantClassNames: { disabled: { false: "uv_a5ifr1q", true: "uv_a5ifr1r" }, error: { true: "uv_a5ifr1s" }, direction: { column: "uv_a5ifr1t", row: "uv_a5ifr1u" } }, defaultVariants: {}, compoundVariants: [] });
-var sliderDoubleWrapper = "uv_a5ifr1v";
-var sliderCustomRail = "uv_a5ifr1w";
-var sliderInnerRail = createRuntimeFn.createRuntimeFn({ defaultClassName: "uv_a5ifr1x", variantClassNames: { error: { true: "uv_a5ifr1y" }, disabled: { true: "uv_a5ifr1z" } }, defaultVariants: { error: false, disabled: false }, compoundVariants: [] });
-var sliderNumberInput = "uv_a5ifr110";
-exports.leftOption = leftOption;
-exports.leftVar = leftVar;
-exports.sliderContainer = sliderContainer;
-exports.sliderCustomRail = sliderCustomRail;
-exports.sliderDatalist = sliderDatalist;
-exports.sliderDouble = sliderDouble;
-exports.sliderDoubleText = sliderDoubleText;
-exports.sliderDoubleWrapper = sliderDoubleWrapper;
-exports.sliderInnerRail = sliderInnerRail;
-exports.sliderNumberInput = sliderNumberInput;
-exports.sliderOption = sliderOption;
-exports.sliderSingle = sliderSingle;
-exports.sliderThumbStyle = sliderThumbStyle;
-exports.sliderTooltip = sliderTooltip;
-exports.thumbColor = thumbColor;
-exports.tooltipLeft = tooltipLeft;

package/dist/components/Snippet/index.cjs

@@ -1,64 +0,0 @@
-"use client";
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
-const Icon = require("@ultraviolet/icons");
-const dynamic = require("@vanilla-extract/dynamic");
-const react = require("react");
-const ThemeProvider = require("../../theme/ThemeProvider.cjs");
-const index$2 = require("../CopyButton/index.cjs");
-const index$1 = require("../Expandable/index.cjs");
-const index = require("../Stack/index.cjs");
-const index$3 = require("../Text/index.cjs");
-const styles_css = require("./styles.css.cjs");
-const LINES_BREAK_REGEX = /\r\n|\r|\n/;
-const CodeContent = ({
-  children,
-  prefix,
-  multiline,
-  showMore,
-  hasShowMoreButton,
-  lines,
-  noExpandable,
-  rows
-}) => /* @__PURE__ */ jsxRuntime.jsx(index$3.Text, { as: "pre", className: styles_css.pretext({
-  noExpandable,
-  showMore: hasShowMoreButton && !showMore
-}), style: dynamic.assignInlineVars({
-  [styles_css.rowsVar]: rows.toString()
-}), variant: "code", whiteSpace: !multiline ? "nowrap" : void 0, children: multiline ? react.Children.map(lines, (child) => /* @__PURE__ */ jsxRuntime.jsx("span", { className: `${styles_css.line({
-  multiline: true
-})}  ${prefix ? styles_css.prefix[prefix] : ""}`, children: child }, child)) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: `${styles_css.line()}  ${prefix ? styles_css.prefix[prefix] : ""}`, children }) });
-const Snippet = ({
-  children,
-  copyText,
-  copiedText,
-  showText = "Show",
-  hideText = "Hide",
-  prefix,
-  className,
-  "data-testid": dataTestId,
-  initiallyExpanded,
-  rows = 4,
-  noExpandable = false,
-  onCopy,
-  style
-}) => {
-  const theme = ThemeProvider.useTheme();
-  const [showMore, setShowMore] = react.useReducer((value) => !value, initiallyExpanded ?? false);
-  const lines = children.split(LINES_BREAK_REGEX);
-  const numberOfLines = lines.length;
-  const multiline = numberOfLines > 1;
-  const hasShowMoreButton = numberOfLines > rows && multiline && !noExpandable;
-  const minHeight = rows * Number.parseFloat(theme.typography.code.lineHeight) * 16 + Number.parseFloat(theme.space[4]) * 16;
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${className ? `${className} ` : ""}${styles_css.snippetContainer[multiline ? "multiline" : "oneLine"]}`, "data-testid": dataTestId, style, children: /* @__PURE__ */ jsxRuntime.jsxs(index.Stack, { className: styles_css.stackStyle, children: [
-    hasShowMoreButton ? /* @__PURE__ */ jsxRuntime.jsx(index$1.Expandable, { minHeight, opened: showMore, children: /* @__PURE__ */ jsxRuntime.jsx(CodeContent, { lines, multiline, noExpandable, prefix, rows, children }) }) : /* @__PURE__ */ jsxRuntime.jsx(CodeContent, { lines, multiline, noExpandable, prefix, rows, children }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles_css.buttonContainer[multiline && numberOfLines > 1 ? "multiline" : "oneLine"], children: /* @__PURE__ */ jsxRuntime.jsx(index$2.CopyButton, { copiedText, copyText, onCopy, sentiment: "neutral", value: children }) }),
-    hasShowMoreButton ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles_css.showMoreContainer[showMore ? "true" : "false"], children: /* @__PURE__ */ jsxRuntime.jsx("button", { "aria-expanded": showMore, className: styles_css.showMoreButton, onClick: setShowMore, type: "button", children: /* @__PURE__ */ jsxRuntime.jsxs(index$3.Text, { as: "span", className: styles_css.centeredText, sentiment: "neutral", variant: "bodySmallStrong", children: [
-      showMore ? hideText : showText,
-      " ",
-      /* @__PURE__ */ jsxRuntime.jsx(Icon.ArrowDownIcon, { className: styles_css.animatedArrowIcon[showMore ? "true" : "false"] })
-    ] }) }) }) : null
-  ] }) });
-};
-exports.Snippet = Snippet;

package/dist/components/Snippet/styles.css.cjs

@@ -1,26 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-;/* empty css                            */
-const createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
-var rowsVar = "var(--uv_67z97x0)";
-var pretext = createRuntimeFn.createRuntimeFn({ defaultClassName: "uv_67z97x1", variantClassNames: { showMore: { true: "uv_67z97x2", false: "uv_67z97x3" }, noExpandable: { true: "uv_67z97x4", false: "uv_67z97x5" } }, defaultVariants: { noExpandable: false, showMore: false }, compoundVariants: [] });
-var line = createRuntimeFn.createRuntimeFn({ defaultClassName: "uv_67z97x6", variantClassNames: { multiline: { true: "uv_67z97x7", false: "uv_67z97x8" } }, defaultVariants: { multiline: false }, compoundVariants: [] });
-var prefix = { lines: "uv_67z97x9", command: "uv_67z97xa" };
-var snippetContainer = { oneLine: "uv_67z97xc uv_67z97xb", multiline: "uv_67z97xd uv_67z97xb" };
-var stackStyle = "uv_67z97xe";
-var buttonContainer = { oneLine: "uv_67z97xg uv_67z97xf", multiline: "uv_67z97xh uv_67z97xf" };
-var showMoreContainer = { true: "uv_67z97xi", false: "uv_67z97xj" };
-var showMoreButton = "uv_67z97xk";
-var centeredText = "uv_67z97xl";
-var animatedArrowIcon = { true: "uv_67z97xm", false: "uv_67z97xn" };
-exports.animatedArrowIcon = animatedArrowIcon;
-exports.buttonContainer = buttonContainer;
-exports.centeredText = centeredText;
-exports.line = line;
-exports.prefix = prefix;
-exports.pretext = pretext;
-exports.rowsVar = rowsVar;
-exports.showMoreButton = showMoreButton;
-exports.showMoreContainer = showMoreContainer;
-exports.snippetContainer = snippetContainer;
-exports.stackStyle = stackStyle;