silver-ui 0.1.1 → 0.3.0

package/dist/chunk-WM66IPV4.cjs

@@ -1,567 +0,0 @@
-'use strict';
-
-var chunkI6IGTQLG_cjs = require('./chunk-I6IGTQLG.cjs');
-var chunkMKAOIB2O_cjs = require('./chunk-MKAOIB2O.cjs');
-var chunkSPDVNY2Z_cjs = require('./chunk-SPDVNY2Z.cjs');
-var chunkAZDWQGAX_cjs = require('./chunk-AZDWQGAX.cjs');
-var react = require('react');
-var jsxRuntime = require('react/jsx-runtime');
-
-var THUMB_SIZE = 20;
-var TRACK_SIZE = 4;
-var styles = {
-  fieldVertical: chunkAZDWQGAX_cjs.css({
-    alignItems: "center",
-    w: "fit-content"
-  }),
-  row: chunkAZDWQGAX_cjs.css({
-    display: "flex",
-    alignItems: "center",
-    gap: "2"
-  }),
-  rowVertical: chunkAZDWQGAX_cjs.css({
-    flexDirection: "column",
-    alignItems: "center"
-  }),
-  textValue: chunkAZDWQGAX_cjs.css({
-    flexShrink: 0,
-    color: "fg",
-    fontFamily: "body",
-    fontSize: "sm",
-    whiteSpace: "nowrap"
-  }),
-  trackContainer: chunkAZDWQGAX_cjs.css({
-    position: "relative",
-    display: "flex",
-    alignItems: "center",
-    isolation: "isolate",
-    touchAction: "none",
-    userSelect: "none"
-  }),
-  trackContainerDisabled: chunkAZDWQGAX_cjs.css({
-    cursor: "not-allowed",
-    opacity: 0.5
-  }),
-  trackContainerHorizontal: chunkAZDWQGAX_cjs.css({
-    w: "full",
-    h: `${THUMB_SIZE}px`,
-    flexGrow: 1,
-    cursor: "pointer"
-  }),
-  trackContainerVertical: chunkAZDWQGAX_cjs.css({
-    w: `${THUMB_SIZE}px`,
-    h: "40",
-    flexDirection: "column",
-    justifyContent: "center",
-    cursor: "pointer"
-  }),
-  track: chunkAZDWQGAX_cjs.css({
-    position: "absolute",
-    bg: "track",
-    borderRadius: "full"
-  }),
-  trackHorizontal: chunkAZDWQGAX_cjs.css({
-    insetInline: 0,
-    top: "50%",
-    h: `${TRACK_SIZE}px`,
-    transform: "translateY(-50%)"
-  }),
-  trackVertical: chunkAZDWQGAX_cjs.css({
-    insetBlock: 0,
-    left: "50%",
-    w: `${TRACK_SIZE}px`,
-    transform: "translateX(-50%)"
-  }),
-  filledTrack: chunkAZDWQGAX_cjs.css({
-    position: "absolute",
-    bg: "primary",
-    borderRadius: "full"
-  }),
-  filledTrackHorizontal: chunkAZDWQGAX_cjs.css({
-    top: "50%",
-    h: `${TRACK_SIZE}px`,
-    transform: "translateY(-50%)"
-  }),
-  filledTrackVertical: chunkAZDWQGAX_cjs.css({
-    left: "50%",
-    w: `${TRACK_SIZE}px`,
-    transform: "translateX(-50%)"
-  }),
-  thumb: chunkAZDWQGAX_cjs.css({
-    position: "absolute",
-    zIndex: 1,
-    w: `${THUMB_SIZE}px`,
-    h: `${THUMB_SIZE}px`,
-    borderRadius: "full",
-    bg: "primary",
-    cursor: "grab",
-    outline: "none",
-    transform: "translate(-50%, -50%)",
-    transitionDuration: "fast",
-    transitionProperty: "background-color, box-shadow",
-    transitionTimingFunction: "default",
-    _focusVisible: {
-      outlineWidth: "focus",
-      outlineStyle: "solid",
-      outlineColor: "primary",
-      outlineOffset: "focusOffset"
-    },
-    _hover: {
-      "@media (hover: hover)": {
-        bg: "primary.emphasized"
-      }
-    }
-  }),
-  thumbDisabled: chunkAZDWQGAX_cjs.css({
-    bg: "track.disabled",
-    cursor: "not-allowed"
-  }),
-  thumbHorizontal: chunkAZDWQGAX_cjs.css({
-    top: "50%"
-  }),
-  thumbVertical: chunkAZDWQGAX_cjs.css({
-    left: "50%",
-    transform: "translate(-50%, 50%)"
-  }),
-  marksContainer: chunkAZDWQGAX_cjs.css({
-    position: "absolute"
-  }),
-  marksContainerHorizontal: chunkAZDWQGAX_cjs.css({
-    insetInline: 0,
-    top: "50%"
-  }),
-  marksContainerVertical: chunkAZDWQGAX_cjs.css({
-    insetBlock: 0,
-    left: "50%"
-  }),
-  mark: chunkAZDWQGAX_cjs.css({
-    position: "absolute",
-    bg: "border.emphasized",
-    borderRadius: "full"
-  }),
-  markHorizontal: chunkAZDWQGAX_cjs.css({
-    w: "0.5",
-    h: "2",
-    transform: "translate(-50%, -50%)"
-  }),
-  markVertical: chunkAZDWQGAX_cjs.css({
-    w: "2",
-    h: "0.5",
-    transform: "translate(-50%, 50%)"
-  }),
-  markLabel: chunkAZDWQGAX_cjs.css({
-    position: "absolute",
-    color: "fg.muted",
-    fontFamily: "body",
-    fontSize: "xs",
-    whiteSpace: "nowrap"
-  }),
-  markLabelHorizontal: chunkAZDWQGAX_cjs.css({
-    top: `${THUMB_SIZE / 2 + 4}px`,
-    transform: "translateX(-50%)"
-  }),
-  markLabelVertical: chunkAZDWQGAX_cjs.css({
-    left: `${THUMB_SIZE / 2 + 4}px`,
-    transform: "translateY(50%)"
-  })
-};
-function clamp(value, min, max) {
-  return Math.min(Math.max(value, min), max);
-}
-function snapToStep(value, min, step) {
-  if (step <= 0) {
-    return value;
-  }
-  return min + Math.round((value - min) / step) * step;
-}
-function getPercent(value, min, max) {
-  if (max === min) {
-    return 0;
-  }
-  return (value - min) / (max - min) * 100;
-}
-function Slider({
-  className,
-  "data-testid": dataTestId,
-  description,
-  formatValue,
-  isDisabled = false,
-  isLabelHidden = false,
-  isOptional,
-  isRequired,
-  label,
-  labelTooltip,
-  marks,
-  max = 100,
-  min = 0,
-  orientation = "horizontal",
-  ref,
-  status,
-  step = 1,
-  style,
-  value,
-  valueDisplay = "tooltip",
-  ...props
-}) {
-  const inputId = react.useId();
-  const trackRef = react.useRef(null);
-  const pendingValuesRef = react.useRef(null);
-  const draggingThumbRef = react.useRef(null);
-  const isRange = Array.isArray(value);
-  const isHorizontal = orientation === "horizontal";
-  const values = react.useMemo(() => isRange ? value : [value], [isRange, value]);
-  const onChange = props.onChange;
-  const onChangeEnd = "onChangeEnd" in props ? props.onChangeEnd : void 0;
-  const minStepsBetweenThumbs = isRange && "minStepsBetweenThumbs" in props ? props.minStepsBetweenThumbs ?? 0 : 0;
-  const descriptionID = description != null ? `${inputId}-description` : void 0;
-  const statusMessageID = status?.message != null ? `${inputId}-status` : void 0;
-  const ariaDescribedBy = [descriptionID, statusMessageID].filter(Boolean).join(" ") || void 0;
-  react.useEffect(() => {
-    pendingValuesRef.current = values;
-  }, [values]);
-  const displayValue = react.useCallback(
-    (displayedValue) => formatValue == null ? String(displayedValue) : formatValue(displayedValue),
-    [formatValue]
-  );
-  const getValueFromPosition = react.useCallback(
-    (clientX, clientY) => {
-      const track = trackRef.current;
-      if (track == null) {
-        return min;
-      }
-      const rect = track.getBoundingClientRect();
-      const rawPercent = isHorizontal ? (clientX - rect.left) / rect.width : 1 - (clientY - rect.top) / rect.height;
-      const percent = clamp(rawPercent, 0, 1);
-      const rawValue = min + percent * (max - min);
-      return clamp(snapToStep(rawValue, min, step), min, max);
-    },
-    [isHorizontal, max, min, step]
-  );
-  const getClosestThumb = react.useCallback(
-    (newValue) => {
-      if (!isRange) {
-        return 0;
-      }
-      const [lower, upper] = values;
-      return Math.abs(newValue - lower) <= Math.abs(newValue - upper) ? 0 : 1;
-    },
-    [isRange, values]
-  );
-  const getNextValues = react.useCallback(
-    (thumbIndex, newValue) => {
-      const snapped = clamp(snapToStep(newValue, min, step), min, max);
-      if (!isRange) {
-        return [snapped];
-      }
-      const nextValues = [...values];
-      nextValues[thumbIndex] = snapped;
-      const minGap = minStepsBetweenThumbs * step;
-      if (thumbIndex === 0) {
-        nextValues[0] = Math.min(nextValues[0], nextValues[1] - minGap);
-      } else {
-        nextValues[1] = Math.max(nextValues[1], nextValues[0] + minGap);
-      }
-      nextValues[0] = clamp(nextValues[0], min, max);
-      nextValues[1] = clamp(nextValues[1], min, max);
-      return nextValues;
-    },
-    [isRange, max, min, minStepsBetweenThumbs, step, values]
-  );
-  const emitChange = react.useCallback(
-    (nextValues) => {
-      pendingValuesRef.current = nextValues;
-      if (isRange) {
-        onChange(
-          nextValues
-        );
-      } else {
-        onChange(nextValues[0]);
-      }
-    },
-    [isRange, onChange]
-  );
-  const emitChangeEnd = react.useCallback(
-    (nextValues) => {
-      if (isRange) {
-        onChangeEnd?.(
-          nextValues
-        );
-      } else {
-        onChangeEnd?.(nextValues[0]);
-      }
-    },
-    [isRange, onChangeEnd]
-  );
-  const updateValue = react.useCallback(
-    (thumbIndex, newValue) => {
-      if (isDisabled) {
-        return null;
-      }
-      const nextValues = getNextValues(thumbIndex, newValue);
-      emitChange(nextValues);
-      return nextValues;
-    },
-    [emitChange, getNextValues, isDisabled]
-  );
-  const handlePointerDown = react.useCallback(
-    (event) => {
-      if (isDisabled) {
-        return;
-      }
-      event.preventDefault();
-      const markElement = event.target.closest(
-        "[data-mark-value]"
-      );
-      const newValue = markElement == null ? getValueFromPosition(event.clientX, event.clientY) : Number(markElement.dataset.markValue);
-      const thumbIndex = getClosestThumb(newValue);
-      draggingThumbRef.current = thumbIndex;
-      updateValue(thumbIndex, newValue);
-      if (typeof event.currentTarget.setPointerCapture === "function") {
-        event.currentTarget.setPointerCapture(event.pointerId);
-      }
-    },
-    [getClosestThumb, getValueFromPosition, isDisabled, updateValue]
-  );
-  const handlePointerMove = react.useCallback(
-    (event) => {
-      if (draggingThumbRef.current == null || isDisabled) {
-        return;
-      }
-      updateValue(
-        draggingThumbRef.current,
-        getValueFromPosition(event.clientX, event.clientY)
-      );
-    },
-    [getValueFromPosition, isDisabled, updateValue]
-  );
-  const handlePointerUp = react.useCallback(() => {
-    if (draggingThumbRef.current == null) {
-      return;
-    }
-    draggingThumbRef.current = null;
-    emitChangeEnd(pendingValuesRef.current ?? values);
-  }, [emitChangeEnd, values]);
-  const handleKeyDown = react.useCallback(
-    (thumbIndex, event) => {
-      if (isDisabled) {
-        return;
-      }
-      const currentValue = values[thumbIndex];
-      let nextValue;
-      switch (event.key) {
-        case "ArrowDown":
-        case "ArrowLeft":
-          nextValue = currentValue - step;
-          break;
-        case "ArrowRight":
-        case "ArrowUp":
-          nextValue = currentValue + step;
-          break;
-        case "End":
-          nextValue = max;
-          break;
-        case "Home":
-          nextValue = min;
-          break;
-        case "PageDown":
-          nextValue = currentValue - step * 10;
-          break;
-        case "PageUp":
-          nextValue = currentValue + step * 10;
-          break;
-        default:
-          return;
-      }
-      event.preventDefault();
-      const nextValues = getNextValues(thumbIndex, nextValue);
-      emitChange(nextValues);
-      emitChangeEnd(nextValues);
-    },
-    [
-      emitChange,
-      emitChangeEnd,
-      getNextValues,
-      isDisabled,
-      max,
-      min,
-      step,
-      values
-    ]
-  );
-  const filledStyle = (() => {
-    if (isRange) {
-      const [lower, upper] = values;
-      const lowerPercent = getPercent(lower, min, max);
-      const upperPercent = getPercent(upper, min, max);
-      return isHorizontal ? { left: `${lowerPercent}%`, width: `${upperPercent - lowerPercent}%` } : {
-        bottom: `${lowerPercent}%`,
-        height: `${upperPercent - lowerPercent}%`
-      };
-    }
-    const percent = getPercent(values[0], min, max);
-    return isHorizontal ? { left: "0%", width: `${percent}%` } : { bottom: "0%", height: `${percent}%` };
-  })();
-  const textDisplay = valueDisplay === "text" ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles.textValue, children: isRange ? `${displayValue(values[0])} - ${displayValue(values[1])}` : displayValue(values[0]) }) : null;
-  const necessity = { isOptional, isRequired };
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkI6IGTQLG_cjs.Field,
-    {
-      className: chunkSPDVNY2Z_cjs.cx(className, isHorizontal ? void 0 : styles.fieldVertical),
-      "data-testid": dataTestId,
-      inputId,
-      isDisabled,
-      isLabelHidden,
-      ...necessity,
-      label,
-      labelTooltip,
-      ref,
-      status: status == null ? void 0 : { ...status, messageID: statusMessageID },
-      statusVariant: "detached",
-      style,
-      children: /* @__PURE__ */ jsxRuntime.jsxs(
-        "div",
-        {
-          className: chunkSPDVNY2Z_cjs.cx(
-            styles.row,
-            isHorizontal ? void 0 : styles.rowVertical
-          ),
-          children: [
-            /* @__PURE__ */ jsxRuntime.jsxs(
-              "div",
-              {
-                "aria-label": isRange ? label : void 0,
-                className: chunkSPDVNY2Z_cjs.cx(
-                  styles.trackContainer,
-                  isHorizontal ? styles.trackContainerHorizontal : styles.trackContainerVertical,
-                  isDisabled ? styles.trackContainerDisabled : void 0
-                ),
-                "data-testid": "slider-track-container",
-                onPointerCancel: handlePointerUp,
-                onPointerDown: handlePointerDown,
-                onPointerMove: handlePointerMove,
-                onPointerUp: handlePointerUp,
-                ref: trackRef,
-                role: isRange ? "group" : void 0,
-                children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(
-                    "div",
-                    {
-                      "aria-hidden": "true",
-                      className: chunkSPDVNY2Z_cjs.cx(
-                        styles.track,
-                        isHorizontal ? styles.trackHorizontal : styles.trackVertical
-                      )
-                    }
-                  ),
-                  /* @__PURE__ */ jsxRuntime.jsx(
-                    "div",
-                    {
-                      "aria-hidden": "true",
-                      className: chunkSPDVNY2Z_cjs.cx(
-                        styles.filledTrack,
-                        isHorizontal ? styles.filledTrackHorizontal : styles.filledTrackVertical
-                      ),
-                      style: filledStyle
-                    }
-                  ),
-                  marks == null ? null : /* @__PURE__ */ jsxRuntime.jsx(
-                    "div",
-                    {
-                      "aria-hidden": "true",
-                      className: chunkSPDVNY2Z_cjs.cx(
-                        styles.marksContainer,
-                        isHorizontal ? styles.marksContainerHorizontal : styles.marksContainerVertical
-                      ),
-                      children: marks.map((mark) => {
-                        const percent = getPercent(mark.value, min, max);
-                        const markStyle = isHorizontal ? { left: `${percent}%` } : { bottom: `${percent}%` };
-                        return /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-                          /* @__PURE__ */ jsxRuntime.jsx(
-                            "div",
-                            {
-                              className: chunkSPDVNY2Z_cjs.cx(
-                                styles.mark,
-                                isHorizontal ? styles.markHorizontal : styles.markVertical
-                              ),
-                              "data-mark-value": mark.value,
-                              "data-testid": "slider-mark",
-                              style: markStyle
-                            }
-                          ),
-                          mark.label == null ? null : /* @__PURE__ */ jsxRuntime.jsx(
-                            "span",
-                            {
-                              className: chunkSPDVNY2Z_cjs.cx(
-                                styles.markLabel,
-                                isHorizontal ? styles.markLabelHorizontal : styles.markLabelVertical
-                              ),
-                              "data-mark-value": mark.value,
-                              "data-testid": "slider-mark-label",
-                              style: markStyle,
-                              children: mark.label
-                            }
-                          )
-                        ] }, mark.value);
-                      })
-                    }
-                  ),
-                  values.map((currentValue, thumbIndex) => {
-                    const percent = getPercent(currentValue, min, max);
-                    const thumbStyle = isHorizontal ? { left: `${percent}%` } : { bottom: `${percent}%`, left: "50%" };
-                    const thumbLabel = isRange ? thumbIndex === 0 ? `${label}, minimum value` : `${label}, maximum value` : label;
-                    const thumbKey = isRange ? thumbIndex === 0 ? "minimum" : "maximum" : "value";
-                    const thumb = /* @__PURE__ */ jsxRuntime.jsx(
-                      "div",
-                      {
-                        "aria-describedby": ariaDescribedBy,
-                        "aria-disabled": isDisabled || void 0,
-                        "aria-invalid": status?.type === "error" || void 0,
-                        "aria-label": thumbLabel,
-                        "aria-orientation": orientation,
-                        "aria-valuemax": max,
-                        "aria-valuemin": min,
-                        "aria-valuenow": currentValue,
-                        "aria-valuetext": formatValue == null ? void 0 : formatValue(currentValue),
-                        className: chunkSPDVNY2Z_cjs.cx(
-                          styles.thumb,
-                          isHorizontal ? styles.thumbHorizontal : styles.thumbVertical,
-                          isDisabled ? styles.thumbDisabled : void 0
-                        ),
-                        id: !isRange ? inputId : void 0,
-                        onKeyDown: (event) => handleKeyDown(thumbIndex, event),
-                        role: "slider",
-                        style: thumbStyle,
-                        tabIndex: isDisabled ? -1 : 0
-                      },
-                      thumbKey
-                    );
-                    if (valueDisplay !== "tooltip") {
-                      return thumb;
-                    }
-                    return /* @__PURE__ */ jsxRuntime.jsx(
-                      chunkMKAOIB2O_cjs.Tooltip,
-                      {
-                        content: displayValue(currentValue),
-                        delay: 0,
-                        focusTrigger: "always",
-                        placement: isHorizontal ? "above" : "start",
-                        children: thumb
-                      },
-                      thumbKey
-                    );
-                  })
-                ]
-              }
-            ),
-            textDisplay
-          ]
-        }
-      )
-    }
-  );
-}
-Slider.displayName = "Slider";
-
-exports.Slider = Slider;
-//# sourceMappingURL=chunk-WM66IPV4.cjs.map
-//# sourceMappingURL=chunk-WM66IPV4.cjs.map

package/dist/chunk-WM66IPV4.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/Slider/Slider.tsx"],"names":["css","useId","useRef","useMemo","useEffect","useCallback","jsx","Field","cx","jsxs","Tooltip"],"mappings":"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","file":"chunk-WM66IPV4.cjs","sourcesContent":["import {\n  useCallback,\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n  type CSSProperties,\n  type KeyboardEvent,\n  type PointerEvent,\n  type Ref,\n} from 'react';\nimport {css} from 'styled-system/css';\nimport {cx} from '../../internal/cx';\nimport {Field, type FieldNecessity, type InputStatus} from '../Field';\nimport {Tooltip} from '../Tooltip';\n\nexport type SliderOrientation = 'horizontal' | 'vertical';\nexport type SliderValueDisplay = 'tooltip' | 'text' | 'none';\n\nexport interface SliderMark {\n  /**\n   * Text label rendered beside the mark.\n   */\n  label?: string;\n  /**\n   * Numeric position of the mark along the track.\n   */\n  value: number;\n}\n\nexport type SliderBaseProps = {\n  /**\n   * Additional CSS class names applied to the field root.\n   */\n  className?: string;\n  /**\n   * Test ID applied to the field root.\n   */\n  'data-testid'?: string;\n  /**\n   * Supporting text displayed below the label.\n   */\n  description?: string;\n  /**\n   * Custom value formatter used for visible value text, tooltip content, and\n   * `aria-valuetext`.\n   */\n  formatValue?: (value: number) => string;\n  /**\n   * Whether the slider is disabled.\n   * @default false\n   */\n  isDisabled?: boolean;\n  /**\n   * Whether to visually hide the label.\n   * @default false\n   */\n  isLabelHidden?: boolean;\n  /**\n   * Field label.\n   */\n  label: string;\n  /**\n   * Tooltip content shown next to the label.\n   */\n  labelTooltip?: string;\n  /**\n   * Tick marks rendered along the track.\n   */\n  marks?: SliderMark[];\n  /**\n   * Maximum value.\n   * @default 100\n   */\n  max?: number;\n  /**\n   * Minimum value.\n   * @default 0\n   */\n  min?: number;\n  /**\n   * Slider orientation.\n   * @default 'horizontal'\n   */\n  orientation?: SliderOrientation;\n  /**\n   * Ref forwarded to the field root.\n   */\n  ref?: Ref<HTMLDivElement>;\n  /**\n   * Validation status displayed below the slider.\n   */\n  status?: InputStatus;\n  /**\n   * Step increment.\n   * @default 1\n   */\n  step?: number;\n  /**\n   * Inline styles applied to the field root.\n   */\n  style?: CSSProperties;\n  /**\n   * How to display the current value.\n   * @default 'tooltip'\n   */\n  valueDisplay?: SliderValueDisplay;\n} & FieldNecessity;\n\nexport type SliderSingleProps = SliderBaseProps & {\n  /**\n   * Called when the value changes during pointer or keyboard interaction.\n   */\n  onChange: (value: number) => void;\n  /**\n   * Called when pointer or keyboard interaction commits a value.\n   */\n  onChangeEnd?: (value: number) => void;\n  /**\n   * Current value.\n   */\n  value: number;\n};\n\nexport type SliderRangeProps = SliderBaseProps & {\n  /**\n   * Minimum number of steps between range thumbs.\n   * @default 0\n   */\n  minStepsBetweenThumbs?: number;\n  /**\n   * Called when the range changes during pointer or keyboard interaction.\n   */\n  onChange: (value: [number, number]) => void;\n  /**\n   * Called when pointer or keyboard interaction commits a range.\n   */\n  onChangeEnd?: (value: [number, number]) => void;\n  /**\n   * Current range.\n   */\n  value: [number, number];\n};\n\nexport type SliderProps = SliderRangeProps | SliderSingleProps;\n\nconst THUMB_SIZE = 20;\nconst TRACK_SIZE = 4;\n\nconst styles = {\n  fieldVertical: css({\n    alignItems: 'center',\n    w: 'fit-content',\n  }),\n  row: css({\n    display: 'flex',\n    alignItems: 'center',\n    gap: '2',\n  }),\n  rowVertical: css({\n    flexDirection: 'column',\n    alignItems: 'center',\n  }),\n  textValue: css({\n    flexShrink: 0,\n    color: 'fg',\n    fontFamily: 'body',\n    fontSize: 'sm',\n    whiteSpace: 'nowrap',\n  }),\n  trackContainer: css({\n    position: 'relative',\n    display: 'flex',\n    alignItems: 'center',\n    isolation: 'isolate',\n    touchAction: 'none',\n    userSelect: 'none',\n  }),\n  trackContainerDisabled: css({\n    cursor: 'not-allowed',\n    opacity: 0.5,\n  }),\n  trackContainerHorizontal: css({\n    w: 'full',\n    h: `${THUMB_SIZE}px`,\n    flexGrow: 1,\n    cursor: 'pointer',\n  }),\n  trackContainerVertical: css({\n    w: `${THUMB_SIZE}px`,\n    h: '40',\n    flexDirection: 'column',\n    justifyContent: 'center',\n    cursor: 'pointer',\n  }),\n  track: css({\n    position: 'absolute',\n    bg: 'track',\n    borderRadius: 'full',\n  }),\n  trackHorizontal: css({\n    insetInline: 0,\n    top: '50%',\n    h: `${TRACK_SIZE}px`,\n    transform: 'translateY(-50%)',\n  }),\n  trackVertical: css({\n    insetBlock: 0,\n    left: '50%',\n    w: `${TRACK_SIZE}px`,\n    transform: 'translateX(-50%)',\n  }),\n  filledTrack: css({\n    position: 'absolute',\n    bg: 'primary',\n    borderRadius: 'full',\n  }),\n  filledTrackHorizontal: css({\n    top: '50%',\n    h: `${TRACK_SIZE}px`,\n    transform: 'translateY(-50%)',\n  }),\n  filledTrackVertical: css({\n    left: '50%',\n    w: `${TRACK_SIZE}px`,\n    transform: 'translateX(-50%)',\n  }),\n  thumb: css({\n    position: 'absolute',\n    zIndex: 1,\n    w: `${THUMB_SIZE}px`,\n    h: `${THUMB_SIZE}px`,\n    borderRadius: 'full',\n    bg: 'primary',\n    cursor: 'grab',\n    outline: 'none',\n    transform: 'translate(-50%, -50%)',\n    transitionDuration: 'fast',\n    transitionProperty: 'background-color, box-shadow',\n    transitionTimingFunction: 'default',\n    _focusVisible: {\n      outlineWidth: 'focus',\n      outlineStyle: 'solid',\n      outlineColor: 'primary',\n      outlineOffset: 'focusOffset',\n    },\n    _hover: {\n      '@media (hover: hover)': {\n        bg: 'primary.emphasized',\n      },\n    },\n  }),\n  thumbDisabled: css({\n    bg: 'track.disabled',\n    cursor: 'not-allowed',\n  }),\n  thumbHorizontal: css({\n    top: '50%',\n  }),\n  thumbVertical: css({\n    left: '50%',\n    transform: 'translate(-50%, 50%)',\n  }),\n  marksContainer: css({\n    position: 'absolute',\n  }),\n  marksContainerHorizontal: css({\n    insetInline: 0,\n    top: '50%',\n  }),\n  marksContainerVertical: css({\n    insetBlock: 0,\n    left: '50%',\n  }),\n  mark: css({\n    position: 'absolute',\n    bg: 'border.emphasized',\n    borderRadius: 'full',\n  }),\n  markHorizontal: css({\n    w: '0.5',\n    h: '2',\n    transform: 'translate(-50%, -50%)',\n  }),\n  markVertical: css({\n    w: '2',\n    h: '0.5',\n    transform: 'translate(-50%, 50%)',\n  }),\n  markLabel: css({\n    position: 'absolute',\n    color: 'fg.muted',\n    fontFamily: 'body',\n    fontSize: 'xs',\n    whiteSpace: 'nowrap',\n  }),\n  markLabelHorizontal: css({\n    top: `${THUMB_SIZE / 2 + 4}px`,\n    transform: 'translateX(-50%)',\n  }),\n  markLabelVertical: css({\n    left: `${THUMB_SIZE / 2 + 4}px`,\n    transform: 'translateY(50%)',\n  }),\n} as const;\n\nfunction clamp(value: number, min: number, max: number): number {\n  return Math.min(Math.max(value, min), max);\n}\n\nfunction snapToStep(value: number, min: number, step: number): number {\n  if (step <= 0) {\n    return value;\n  }\n  return min + Math.round((value - min) / step) * step;\n}\n\nfunction getPercent(value: number, min: number, max: number): number {\n  if (max === min) {\n    return 0;\n  }\n  return ((value - min) / (max - min)) * 100;\n}\n\n/**\n * Slider control for selecting a single value or a range.\n */\nexport function Slider({\n  className,\n  'data-testid': dataTestId,\n  description,\n  formatValue,\n  isDisabled = false,\n  isLabelHidden = false,\n  isOptional,\n  isRequired,\n  label,\n  labelTooltip,\n  marks,\n  max = 100,\n  min = 0,\n  orientation = 'horizontal',\n  ref,\n  status,\n  step = 1,\n  style,\n  value,\n  valueDisplay = 'tooltip',\n  ...props\n}: SliderProps): React.JSX.Element {\n  const inputId = useId();\n  const trackRef = useRef<HTMLDivElement>(null);\n  const pendingValuesRef = useRef<number[] | null>(null);\n  const draggingThumbRef = useRef<number | null>(null);\n  const isRange = Array.isArray(value);\n  const isHorizontal = orientation === 'horizontal';\n  const values = useMemo(() => (isRange ? value : [value]), [isRange, value]);\n  const onChange = props.onChange;\n  const onChangeEnd = 'onChangeEnd' in props ? props.onChangeEnd : undefined;\n  const minStepsBetweenThumbs =\n    isRange && 'minStepsBetweenThumbs' in props\n      ? (props.minStepsBetweenThumbs ?? 0)\n      : 0;\n  const descriptionID =\n    description != null ? `${inputId}-description` : undefined;\n  const statusMessageID =\n    status?.message != null ? `${inputId}-status` : undefined;\n  const ariaDescribedBy =\n    [descriptionID, statusMessageID].filter(Boolean).join(' ') || undefined;\n\n  useEffect(() => {\n    pendingValuesRef.current = values;\n  }, [values]);\n\n  const displayValue = useCallback(\n    (displayedValue: number): string =>\n      formatValue == null\n        ? String(displayedValue)\n        : formatValue(displayedValue),\n    [formatValue],\n  );\n\n  const getValueFromPosition = useCallback(\n    (clientX: number, clientY: number): number => {\n      const track = trackRef.current;\n      if (track == null) {\n        return min;\n      }\n      const rect = track.getBoundingClientRect();\n      const rawPercent = isHorizontal\n        ? (clientX - rect.left) / rect.width\n        : 1 - (clientY - rect.top) / rect.height;\n      const percent = clamp(rawPercent, 0, 1);\n      const rawValue = min + percent * (max - min);\n      return clamp(snapToStep(rawValue, min, step), min, max);\n    },\n    [isHorizontal, max, min, step],\n  );\n\n  const getClosestThumb = useCallback(\n    (newValue: number): number => {\n      if (!isRange) {\n        return 0;\n      }\n      const [lower, upper] = values;\n      return Math.abs(newValue - lower) <= Math.abs(newValue - upper) ? 0 : 1;\n    },\n    [isRange, values],\n  );\n\n  const getNextValues = useCallback(\n    (thumbIndex: number, newValue: number): number[] => {\n      const snapped = clamp(snapToStep(newValue, min, step), min, max);\n      if (!isRange) {\n        return [snapped];\n      }\n\n      const nextValues = [...values] as [number, number];\n      nextValues[thumbIndex] = snapped;\n      const minGap = minStepsBetweenThumbs * step;\n      if (thumbIndex === 0) {\n        nextValues[0] = Math.min(nextValues[0], nextValues[1] - minGap);\n      } else {\n        nextValues[1] = Math.max(nextValues[1], nextValues[0] + minGap);\n      }\n      nextValues[0] = clamp(nextValues[0], min, max);\n      nextValues[1] = clamp(nextValues[1], min, max);\n      return nextValues;\n    },\n    [isRange, max, min, minStepsBetweenThumbs, step, values],\n  );\n\n  const emitChange = useCallback(\n    (nextValues: number[]) => {\n      pendingValuesRef.current = nextValues;\n      if (isRange) {\n        (onChange as SliderRangeProps['onChange'])(\n          nextValues as [number, number],\n        );\n      } else {\n        (onChange as SliderSingleProps['onChange'])(nextValues[0]);\n      }\n    },\n    [isRange, onChange],\n  );\n\n  const emitChangeEnd = useCallback(\n    (nextValues: number[]) => {\n      if (isRange) {\n        (onChangeEnd as SliderRangeProps['onChangeEnd'])?.(\n          nextValues as [number, number],\n        );\n      } else {\n        (onChangeEnd as SliderSingleProps['onChangeEnd'])?.(nextValues[0]);\n      }\n    },\n    [isRange, onChangeEnd],\n  );\n\n  const updateValue = useCallback(\n    (thumbIndex: number, newValue: number): number[] | null => {\n      if (isDisabled) {\n        return null;\n      }\n      const nextValues = getNextValues(thumbIndex, newValue);\n      emitChange(nextValues);\n      return nextValues;\n    },\n    [emitChange, getNextValues, isDisabled],\n  );\n\n  const handlePointerDown = useCallback(\n    (event: PointerEvent<HTMLDivElement>) => {\n      if (isDisabled) {\n        return;\n      }\n      event.preventDefault();\n      const markElement = (event.target as HTMLElement).closest<HTMLElement>(\n        '[data-mark-value]',\n      );\n      const newValue =\n        markElement == null\n          ? getValueFromPosition(event.clientX, event.clientY)\n          : Number(markElement.dataset.markValue);\n      const thumbIndex = getClosestThumb(newValue);\n      draggingThumbRef.current = thumbIndex;\n      updateValue(thumbIndex, newValue);\n\n      if (typeof event.currentTarget.setPointerCapture === 'function') {\n        event.currentTarget.setPointerCapture(event.pointerId);\n      }\n    },\n    [getClosestThumb, getValueFromPosition, isDisabled, updateValue],\n  );\n\n  const handlePointerMove = useCallback(\n    (event: PointerEvent<HTMLDivElement>) => {\n      if (draggingThumbRef.current == null || isDisabled) {\n        return;\n      }\n      updateValue(\n        draggingThumbRef.current,\n        getValueFromPosition(event.clientX, event.clientY),\n      );\n    },\n    [getValueFromPosition, isDisabled, updateValue],\n  );\n\n  const handlePointerUp = useCallback(() => {\n    if (draggingThumbRef.current == null) {\n      return;\n    }\n    draggingThumbRef.current = null;\n    emitChangeEnd(pendingValuesRef.current ?? values);\n  }, [emitChangeEnd, values]);\n\n  const handleKeyDown = useCallback(\n    (thumbIndex: number, event: KeyboardEvent<HTMLDivElement>) => {\n      if (isDisabled) {\n        return;\n      }\n\n      const currentValue = values[thumbIndex];\n      let nextValue: number;\n      switch (event.key) {\n        case 'ArrowDown':\n        case 'ArrowLeft':\n          nextValue = currentValue - step;\n          break;\n        case 'ArrowRight':\n        case 'ArrowUp':\n          nextValue = currentValue + step;\n          break;\n        case 'End':\n          nextValue = max;\n          break;\n        case 'Home':\n          nextValue = min;\n          break;\n        case 'PageDown':\n          nextValue = currentValue - step * 10;\n          break;\n        case 'PageUp':\n          nextValue = currentValue + step * 10;\n          break;\n        default:\n          return;\n      }\n\n      event.preventDefault();\n      const nextValues = getNextValues(thumbIndex, nextValue);\n      emitChange(nextValues);\n      emitChangeEnd(nextValues);\n    },\n    [\n      emitChange,\n      emitChangeEnd,\n      getNextValues,\n      isDisabled,\n      max,\n      min,\n      step,\n      values,\n    ],\n  );\n\n  const filledStyle: CSSProperties = (() => {\n    if (isRange) {\n      const [lower, upper] = values;\n      const lowerPercent = getPercent(lower, min, max);\n      const upperPercent = getPercent(upper, min, max);\n      return isHorizontal\n        ? {left: `${lowerPercent}%`, width: `${upperPercent - lowerPercent}%`}\n        : {\n            bottom: `${lowerPercent}%`,\n            height: `${upperPercent - lowerPercent}%`,\n          };\n    }\n    const percent = getPercent(values[0], min, max);\n    return isHorizontal\n      ? {left: '0%', width: `${percent}%`}\n      : {bottom: '0%', height: `${percent}%`};\n  })();\n\n  const textDisplay =\n    valueDisplay === 'text' ? (\n      <span className={styles.textValue}>\n        {isRange\n          ? `${displayValue(values[0])} - ${displayValue(values[1])}`\n          : displayValue(values[0])}\n      </span>\n    ) : null;\n\n  const necessity: FieldNecessity = {isOptional, isRequired};\n\n  return (\n    <Field\n      className={cx(className, isHorizontal ? undefined : styles.fieldVertical)}\n      data-testid={dataTestId}\n      inputId={inputId}\n      isDisabled={isDisabled}\n      isLabelHidden={isLabelHidden}\n      {...necessity}\n      label={label}\n      labelTooltip={labelTooltip}\n      ref={ref}\n      status={\n        status == null ? undefined : {...status, messageID: statusMessageID}\n      }\n      statusVariant=\"detached\"\n      style={style}>\n      <div\n        className={cx(\n          styles.row,\n          isHorizontal ? undefined : styles.rowVertical,\n        )}>\n        <div\n          aria-label={isRange ? label : undefined}\n          className={cx(\n            styles.trackContainer,\n            isHorizontal\n              ? styles.trackContainerHorizontal\n              : styles.trackContainerVertical,\n            isDisabled ? styles.trackContainerDisabled : undefined,\n          )}\n          data-testid=\"slider-track-container\"\n          onPointerCancel={handlePointerUp}\n          onPointerDown={handlePointerDown}\n          onPointerMove={handlePointerMove}\n          onPointerUp={handlePointerUp}\n          ref={trackRef}\n          role={isRange ? 'group' : undefined}>\n          <div\n            aria-hidden=\"true\"\n            className={cx(\n              styles.track,\n              isHorizontal ? styles.trackHorizontal : styles.trackVertical,\n            )}\n          />\n          <div\n            aria-hidden=\"true\"\n            className={cx(\n              styles.filledTrack,\n              isHorizontal\n                ? styles.filledTrackHorizontal\n                : styles.filledTrackVertical,\n            )}\n            style={filledStyle}\n          />\n          {marks == null ? null : (\n            <div\n              aria-hidden=\"true\"\n              className={cx(\n                styles.marksContainer,\n                isHorizontal\n                  ? styles.marksContainerHorizontal\n                  : styles.marksContainerVertical,\n              )}>\n              {marks.map(mark => {\n                const percent = getPercent(mark.value, min, max);\n                const markStyle = isHorizontal\n                  ? {left: `${percent}%`}\n                  : {bottom: `${percent}%`};\n                return (\n                  <div key={mark.value}>\n                    <div\n                      className={cx(\n                        styles.mark,\n                        isHorizontal\n                          ? styles.markHorizontal\n                          : styles.markVertical,\n                      )}\n                      data-mark-value={mark.value}\n                      data-testid=\"slider-mark\"\n                      style={markStyle}\n                    />\n                    {mark.label == null ? null : (\n                      <span\n                        className={cx(\n                          styles.markLabel,\n                          isHorizontal\n                            ? styles.markLabelHorizontal\n                            : styles.markLabelVertical,\n                        )}\n                        data-mark-value={mark.value}\n                        data-testid=\"slider-mark-label\"\n                        style={markStyle}>\n                        {mark.label}\n                      </span>\n                    )}\n                  </div>\n                );\n              })}\n            </div>\n          )}\n          {values.map((currentValue, thumbIndex) => {\n            const percent = getPercent(currentValue, min, max);\n            const thumbStyle = isHorizontal\n              ? {left: `${percent}%`}\n              : {bottom: `${percent}%`, left: '50%'};\n            const thumbLabel = isRange\n              ? thumbIndex === 0\n                ? `${label}, minimum value`\n                : `${label}, maximum value`\n              : label;\n            const thumbKey = isRange\n              ? thumbIndex === 0\n                ? 'minimum'\n                : 'maximum'\n              : 'value';\n            const thumb = (\n              <div\n                aria-describedby={ariaDescribedBy}\n                aria-disabled={isDisabled || undefined}\n                aria-invalid={status?.type === 'error' || undefined}\n                aria-label={thumbLabel}\n                aria-orientation={orientation}\n                aria-valuemax={max}\n                aria-valuemin={min}\n                aria-valuenow={currentValue}\n                aria-valuetext={\n                  formatValue == null ? undefined : formatValue(currentValue)\n                }\n                className={cx(\n                  styles.thumb,\n                  isHorizontal ? styles.thumbHorizontal : styles.thumbVertical,\n                  isDisabled ? styles.thumbDisabled : undefined,\n                )}\n                id={!isRange ? inputId : undefined}\n                key={thumbKey}\n                onKeyDown={event => handleKeyDown(thumbIndex, event)}\n                role=\"slider\"\n                style={thumbStyle}\n                tabIndex={isDisabled ? -1 : 0}\n              />\n            );\n\n            if (valueDisplay !== 'tooltip') {\n              return thumb;\n            }\n\n            return (\n              <Tooltip\n                content={displayValue(currentValue)}\n                delay={0}\n                focusTrigger=\"always\"\n                key={thumbKey}\n                placement={isHorizontal ? 'above' : 'start'}>\n                {thumb}\n              </Tooltip>\n            );\n          })}\n        </div>\n        {textDisplay}\n      </div>\n    </Field>\n  );\n}\n\nSlider.displayName = 'Slider';\n"]}