@proyecto-viviana/ui 0.4.1 → 0.6.0

package/dist/_chunk/slider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"slider.js","names":[],"sources":["../../src/slider/RangeSlider.tsx","../../src/slider/index.tsx"],"sourcesContent":["// @ts-nocheck\nimport {\n  type JSX,\n  createContext,\n  createEffect,\n  createMemo,\n  createSignal,\n  createUniqueId,\n  mergeProps,\n  Show,\n  splitProps,\n  useContext,\n} from \"solid-js\";\nimport { useLocale } from \"@proyecto-viviana/solidaria\";\nimport type { StyleString } from \"../style\";\nimport { focusRing, style } from \"../style\" with { type: \"macro\" };\nimport {\n  controlFont,\n  field,\n  fieldInput,\n  fieldLabel,\n  fieldValue,\n  getAllowedOverrides,\n} from \"../s2-internal/style-utils\" with { type: \"macro\" };\nimport { useProviderProps } from \"../provider\";\nimport { useFormProps, useIsInForm } from \"../form\";\nimport {\n  getSlottedContextProps,\n  mergeContextRefs,\n  mergeContextStyles,\n  mergeContextUnsafeStyle,\n  type RefLike,\n  type SpectrumContextValue,\n} from \"../button/spectrum-context\";\n\nexport type RangeSliderSize = \"S\" | \"M\" | \"L\" | \"XL\" | \"sm\" | \"md\" | \"lg\";\ntype S2RangeSliderSize = \"S\" | \"M\" | \"L\" | \"XL\";\nexport type RangeSliderVariant = \"default\" | \"accent\";\nexport type RangeSliderTrackStyle = \"thin\" | \"thick\";\nexport type RangeSliderThumbStyle = \"default\" | \"precise\";\nexport type RangeSliderLabelPosition = \"top\" | \"side\";\nexport type RangeSliderLabelAlign = \"start\" | \"end\";\n\nexport interface RangeValue {\n  start: number;\n  end: number;\n}\n\nexport interface RangeSliderProps extends Omit<\n  JSX.HTMLAttributes<HTMLDivElement>,\n  \"children\" | \"class\" | \"style\" | \"onChange\" | \"onChangeEnd\" | \"ref\"\n> {\n  value?: RangeValue;\n  defaultValue?: RangeValue;\n  onChange?: (value: RangeValue) => void;\n  onChangeEnd?: (value: RangeValue) => void;\n  minValue?: number;\n  maxValue?: number;\n  step?: number;\n  size?: RangeSliderSize;\n  /** Legacy alias. Prefer S2 `isEmphasized`. */\n  variant?: RangeSliderVariant;\n  isEmphasized?: boolean;\n  trackStyle?: RangeSliderTrackStyle;\n  thumbStyle?: RangeSliderThumbStyle;\n  class?: string;\n  label?: JSX.Element;\n  contextualHelp?: JSX.Element;\n  showOutput?: boolean;\n  labelPosition?: RangeSliderLabelPosition;\n  labelAlign?: RangeSliderLabelAlign;\n  startName?: string;\n  endName?: string;\n  form?: string;\n  isDisabled?: boolean;\n  formatOptions?: Intl.NumberFormatOptions;\n  styles?: StyleString;\n  UNSAFE_className?: string;\n  UNSAFE_style?: JSX.CSSProperties;\n  slot?: string | null;\n  ref?: RefLike<HTMLDivElement>;\n  \"aria-label\"?: string;\n  \"aria-labelledby\"?: string;\n  \"aria-describedby\"?: string;\n  \"aria-details\"?: string;\n}\n\ntype RangeSliderStyleState = {\n  size?: S2RangeSliderSize;\n  labelPosition?: RangeSliderLabelPosition;\n  labelAlign?: RangeSliderLabelAlign;\n  isInForm?: boolean;\n  direction?: \"ltr\" | \"rtl\";\n  isDisabled?: boolean;\n  isDragging?: boolean;\n  isHovered?: boolean;\n  isFocusVisible?: boolean;\n};\n\nexport const RangeSliderContext = createContext<SpectrumContextValue<RangeSliderProps>>(null);\n\nconst sliderRoot = style<RangeSliderStyleState>(\n  {\n    ...field(),\n    font: controlFont(),\n    alignItems: {\n      // Upstream applies field() (align-items: baseline) + slider() as two\n      // separate classes; slider() only overrides for side layout. We merge\n      // both into one style(), so the baseline default must be restored here.\n      default: \"baseline\",\n      labelPosition: {\n        side: \"center\",\n      },\n    },\n    color: {\n      default: \"neutral-subdued\",\n      forcedColors: \"ButtonText\",\n      isDisabled: \"disabled\",\n    },\n    columnGap: {\n      size: {\n        S: 16,\n        M: 16,\n        L: 20,\n        XL: 24,\n      },\n      isInForm: 12,\n    },\n  },\n  getAllowedOverrides(),\n);\n\nconst labelContainer = style<RangeSliderStyleState>({\n  display: {\n    labelPosition: {\n      top: \"grid\",\n    },\n  },\n  gridArea: \"label\",\n  width: \"full\",\n  gridTemplateAreas: {\n    labelPosition: {\n      top: [\"label output\"],\n    },\n  },\n  gridTemplateColumns: {\n    labelPosition: {\n      top: [\"1fr auto\"],\n    },\n  },\n  textAlign: {\n    labelPosition: {\n      side: {\n        labelAlign: {\n          start: \"start\",\n          end: \"end\",\n        },\n      },\n    },\n  },\n  \"--field-gap\": {\n    type: \"paddingBottom\",\n    value: 0,\n  },\n});\n\nconst sliderLabel = style<RangeSliderStyleState>({\n  ...fieldLabel(),\n});\n\n// The FieldLabel outer wrapper `<div>` (upstream `Field.tsx` FieldLabel): an inline\n// box in the `label` grid cell that owns the label-align text-align + the top\n// paddingBottom(--field-gap) + contain(inline-size). RangeSlider never sets `isQuiet`,\n// so upstream's `contain.isQuiet:'none'` branch is a dead condition here and is omitted.\nconst fieldLabelWrapper = style<RangeSliderStyleState>({\n  gridArea: \"label\",\n  display: \"inline\",\n  textAlign: {\n    labelAlign: {\n      start: \"start\",\n      end: \"end\",\n    },\n  },\n  paddingBottom: {\n    labelPosition: {\n      top: \"--field-gap\",\n    },\n  },\n  contain: {\n    labelPosition: {\n      top: \"inline-size\",\n    },\n  },\n});\n\nconst outputStyle = style<RangeSliderStyleState>({\n  // The readout is a distinct role from its label: the register never pairs the\n  // two at the same size. Without this the output declared no font at all and\n  // inherited field()'s, landing byte-identical to the label beside it.\n  ...fieldValue(),\n  gridArea: \"output\",\n  textAlign: {\n    labelPosition: {\n      top: {\n        direction: {\n          ltr: \"end\",\n          rtl: \"start\",\n        },\n      },\n      side: {\n        direction: {\n          ltr: \"start\",\n          rtl: \"end\",\n        },\n        isInForm: \"end\",\n      },\n    },\n  },\n});\n\nconst inputRow = style<RangeSliderStyleState>({\n  ...fieldInput(),\n  display: \"inline-flex\",\n  alignItems: \"center\",\n  gap: {\n    default: 16,\n    size: {\n      L: 20,\n      XL: 24,\n    },\n  },\n});\n\nconst track = style<RangeSliderStyleState>({\n  gridArea: \"track\",\n  position: \"relative\",\n  width: \"full\",\n  height: {\n    size: {\n      S: 24,\n      M: 32,\n      L: 40,\n      XL: 48,\n    },\n  },\n});\n\nconst thumbContainer = style<RangeSliderStyleState>({\n  size: {\n    size: {\n      S: 18,\n      M: 20,\n      L: 22,\n      XL: 24,\n    },\n  },\n  display: \"inline-block\",\n  position: \"absolute\",\n  top: \"50%\",\n});\n\nconst thumbHitArea = style<{ size?: S2RangeSliderSize; thumbStyle?: RangeSliderThumbStyle }>({\n  size: {\n    thumbStyle: {\n      default: {\n        size: {\n          S: 18,\n          M: 20,\n          L: 22,\n          XL: 24,\n        },\n      },\n      precise: {\n        size: {\n          S: 20,\n          M: 22,\n          L: 24,\n          XL: 26,\n        },\n      },\n    },\n  },\n});\n\nconst thumb = style<RangeSliderStyleState & { thumbStyle?: RangeSliderThumbStyle }>({\n  ...focusRing(),\n  display: \"inline-block\",\n  boxSizing: \"border-box\",\n  position: \"absolute\",\n  top: \"50%\",\n  left: \"50%\",\n  transform: \"translateY(-50%) translateX(-50%)\",\n  width: {\n    thumbStyle: {\n      default: {\n        size: {\n          S: 18,\n          M: 20,\n          L: 22,\n          XL: 24,\n        },\n      },\n      precise: 6,\n    },\n  },\n  height: {\n    thumbStyle: {\n      default: {\n        size: {\n          S: 18,\n          M: 20,\n          L: 22,\n          XL: 24,\n        },\n      },\n      precise: {\n        size: {\n          S: 20,\n          M: 22,\n          L: 24,\n          XL: 26,\n        },\n      },\n    },\n  },\n  borderRadius: \"full\",\n  borderStyle: \"solid\",\n  // Chrome edges in this register are 1px. (Its one 2px edge is the avatar\n  // stack's knockout ring, drawn in a *surface* colour — a stacking device, not\n  // a control edge. This border is chrome-coloured, so it takes the hairline.)\n  borderWidth: 1,\n  // The rim the register puts on raised, filled chrome. The thumb is a filled,\n  // draggable control, so it takes it. Note this reads only in the dark scheme:\n  // --edge-glass is white-on-white and the thumb fill is gray-25.\n  boxShadow: \"edge-glass\",\n  borderColor: {\n    default: \"gray-800\",\n    isHovered: \"gray-900\",\n    isDragging: \"gray-900\",\n    isDisabled: \"disabled\",\n    forcedColors: {\n      default: \"ButtonBorder\",\n      isDisabled: \"GrayText\",\n    },\n  },\n  backgroundColor: {\n    default: \"gray-25\",\n    forcedColors: \"ButtonFace\",\n  },\n});\n\nconst upperTrack = style<{ isDisabled?: boolean; trackStyle?: RangeSliderTrackStyle }>({\n  height: {\n    trackStyle: {\n      thin: 4,\n      thick: 16,\n    },\n  },\n  top: \"50%\",\n  // Square trough. The register's drawn radius ladder is 5 / 6 / 8 / 10 / 50% /\n  // 999px — `sm` (4px) is off it entirely — and the one value-carrying bar it\n  // draws (the XP bar) declares no border-radius on either the track or the fill.\n  borderRadius: \"none\",\n  position: \"absolute\",\n  /* Inset trough, not a grey plate — see slider/index.tsx:375 for the reasoning and the\n   * drawn source (the XP bar, `--surface-inset` under an `--accent-primary` fill). */\n  backgroundColor: {\n    default: \"pasteboard\",\n    forcedColors: \"ButtonFace\",\n    isDisabled: \"disabled\",\n  },\n  translateY: \"-50%\",\n  width: \"full\",\n  boxSizing: \"border-box\",\n  outlineStyle: \"solid\",\n  outlineWidth: \"[.5px]\",\n  outlineOffset: -0.5,\n  outlineColor: {\n    default: \"transparent\",\n    forcedColors: {\n      default: \"ButtonText\",\n      isDisabled: \"GrayText\",\n    },\n  },\n});\n\nconst filledTrack = style<{\n  isDisabled?: boolean;\n  isEmphasized?: boolean;\n  trackStyle?: RangeSliderTrackStyle;\n}>({\n  height: {\n    trackStyle: {\n      thin: 4,\n      thick: 16,\n    },\n  },\n  top: \"50%\",\n  // Square, matching the trough above.\n  borderRadius: \"none\",\n  position: \"absolute\",\n  backgroundColor: {\n    // The register draws no neutral filled segment — the fill on its one\n    // value-carrying bar is the accent. Consequence, deliberate: `isEmphasized`\n    // (and its legacy `variant=\"accent\"` alias) no longer changes this fill. The\n    // key is kept so the prop stays plumbed rather than silently dropped.\n    default: \"accent-900\",\n    isEmphasized: \"accent-900\",\n    isDisabled: \"disabled\",\n    forcedColors: {\n      default: \"Highlight\",\n      isDisabled: \"GrayText\",\n    },\n  },\n  boxSizing: \"border-box\",\n  borderStyle: \"solid\",\n  borderWidth: \"[.5px]\",\n  borderColor: {\n    default: \"transparent\",\n    forcedColors: {\n      default: \"ButtonText\",\n      isDisabled: \"GrayText\",\n    },\n  },\n  translateY: \"-50%\",\n});\n\nfunction normalizeRangeSliderSize(size: RangeSliderSize | undefined): S2RangeSliderSize {\n  switch (size) {\n    case \"sm\":\n      return \"S\";\n    case \"md\":\n      return \"M\";\n    case \"lg\":\n      return \"L\";\n    case \"S\":\n    case \"M\":\n    case \"L\":\n    case \"XL\":\n      return size;\n    default:\n      return \"M\";\n  }\n}\n\nfunction numberOr(value: number | undefined, fallback: number): number {\n  return typeof value === \"number\" && Number.isFinite(value) ? value : fallback;\n}\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, max: number, step: number): number {\n  const snapped = Math.round((value - min) / step) * step + min;\n  const decimalPlaces = (step.toString().split(\".\")[1] || \"\").length;\n  const rounded = Number(snapped.toFixed(decimalPlaces));\n  return clamp(rounded, min, max);\n}\n\nfunction rangesEqual(a: RangeValue, b: RangeValue): boolean {\n  return a.start === b.start && a.end === b.end;\n}\n\n/**\n * A range slider allows users to select a numeric subset from a range.\n */\nexport function RangeSlider(props: RangeSliderProps): JSX.Element {\n  const isInForm = useIsInForm();\n  const providerProps = useProviderProps(useFormProps(props));\n  const contextProps = getSlottedContextProps(useContext(RangeSliderContext), props.slot);\n  const mergedProps = mergeProps(providerProps, contextProps ?? {}, props);\n  const [local, domProps] = splitProps(mergedProps, [\n    \"id\",\n    \"value\",\n    \"defaultValue\",\n    \"onChange\",\n    \"onChangeEnd\",\n    \"minValue\",\n    \"maxValue\",\n    \"step\",\n    \"size\",\n    \"variant\",\n    \"isEmphasized\",\n    \"trackStyle\",\n    \"thumbStyle\",\n    \"styles\",\n    \"UNSAFE_className\",\n    \"UNSAFE_style\",\n    \"class\",\n    \"label\",\n    \"contextualHelp\",\n    \"showOutput\",\n    \"labelPosition\",\n    \"labelAlign\",\n    \"startName\",\n    \"endName\",\n    \"form\",\n    \"isDisabled\",\n    \"formatOptions\",\n    \"slot\",\n    \"ref\",\n    \"aria-label\",\n    \"aria-labelledby\",\n    \"aria-describedby\",\n    \"aria-details\",\n  ]);\n\n  const locale = useLocale();\n  const fallbackRootId = createUniqueId();\n  const labelId = createUniqueId();\n  const size = () => normalizeRangeSliderSize(local.size);\n  const labelPosition = () => local.labelPosition ?? \"top\";\n  const labelAlign = () => local.labelAlign ?? \"start\";\n  const trackStyle = () => local.trackStyle ?? \"thin\";\n  const thumbStyle = () => local.thumbStyle ?? \"default\";\n  const isEmphasized = () => local.isEmphasized ?? local.variant === \"accent\";\n  const showOutput = () => local.showOutput ?? true;\n  const isDisabled = () => local.isDisabled ?? false;\n  const minValue = () => numberOr(local.minValue, 0);\n  const step = () => {\n    const resolvedStep = numberOr(local.step, 1);\n    return resolvedStep > 0 ? resolvedStep : 1;\n  };\n  const maxValue = () => {\n    const min = minValue();\n    const rawMax = numberOr(local.maxValue, 100);\n    return rawMax > min ? rawMax : min + step();\n  };\n  const cssDirection = () => (locale().direction === \"rtl\" ? \"right\" : \"left\");\n  const rootId = () => local.id ?? fallbackRootId;\n  const mergedStyles = () => mergeContextStyles(contextProps?.styles, props.styles);\n  const mergedUnsafeStyle = () =>\n    mergeContextUnsafeStyle(contextProps?.UNSAFE_style, props.UNSAFE_style);\n  const assignRootRef = mergeContextRefs(\n    (contextProps as { ref?: RefLike<HTMLDivElement> } | null)?.ref,\n    props.ref,\n  );\n\n  const formatter = createMemo(() => new Intl.NumberFormat(locale().locale, local.formatOptions));\n  const normalizeRange = (value: RangeValue | undefined): RangeValue => {\n    const min = minValue();\n    const max = maxValue();\n    const fallback = value ?? { start: min, end: max };\n    const start = snapToStep(numberOr(fallback.start, min), min, max, step());\n    const end = snapToStep(numberOr(fallback.end, max), min, max, step());\n\n    return {\n      start: Math.min(start, end),\n      end: Math.max(start, end),\n    };\n  };\n\n  const [internalRange, setInternalRange] = createSignal(\n    normalizeRange(local.defaultValue ?? { start: minValue(), end: maxValue() }),\n  );\n  createEffect(() => {\n    if (local.value === undefined) {\n      setInternalRange(\n        normalizeRange(local.defaultValue ?? { start: minValue(), end: maxValue() }),\n      );\n    }\n  });\n\n  const range = createMemo(() => normalizeRange(local.value ?? internalRange()));\n  const startValue = () => range().start;\n  const endValue = () => range().end;\n  const valuePercent = (value: number) => (value - minValue()) / (maxValue() - minValue());\n  const startPercent = createMemo(() => clamp(valuePercent(startValue()), 0, 1));\n  const endPercent = createMemo(() => clamp(valuePercent(endValue()), 0, 1));\n  // Mirror react-stately `useSliderState.getFormattedValue` (dist switch on value\n  // arity): a lone number formats plainly, a [start, end] pair uses\n  // `Intl.NumberFormat.formatRange` — which yields an en-dash with NO surrounding\n  // spaces (e.g. \"30–60\"), not the manual \"30 – 60\" the port previously emitted.\n  // Both the visible output text and the reserve-width measurement route through\n  // this so the port matches RAC's `SliderOutput` default child + upstream\n  // `SliderBase` maxLabelLength byte-for-byte.\n  const getFormattedValue = (value: number | readonly [number, number]) => {\n    const fmt = formatter();\n    return typeof value === \"number\" ? fmt.format(value) : fmt.formatRange(value[0], value[1]);\n  };\n  const outputText = createMemo(() => getFormattedValue([startValue(), endValue()]));\n  // Upstream `SliderBase` (Slider.tsx) two-handle branch: reserve width =\n  // `max(len(getFormattedValue([min, min+step])), len(getFormattedValue([max-step,\n  // max])))`. Each argument is a 2-element array, so `getFormattedValue` routes it\n  // through `formatRange` (NOT `format([array])→NaN`). The prior hand-rolled\n  // `3 + max*2` over-reserved (9ch), forcing a wide output column that also narrowed\n  // the track and shifted the thumbs.\n  const maxLabelLength = createMemo(() => {\n    const min = minValue();\n    const max = maxValue();\n    const stepValue = step();\n    return Math.max(\n      [...getFormattedValue([min, min + stepValue])].length,\n      [...getFormattedValue([max - stepValue, max])].length,\n    );\n  });\n\n  const [draggingThumb, setDraggingThumb] = createSignal<\"start\" | \"end\" | null>(null);\n  const [focusedThumb, setFocusedThumb] = createSignal<\"start\" | \"end\" | null>(null);\n  const [hoveredThumb, setHoveredThumb] = createSignal<\"start\" | \"end\" | null>(null);\n  const [interactionRange, setInteractionRange] = createSignal<RangeValue | null>(null);\n  let trackRef: HTMLDivElement | undefined;\n  let startThumbRef: HTMLDivElement | undefined;\n  let endThumbRef: HTMLDivElement | undefined;\n\n  const labelStyleState = () => ({\n    size: size(),\n    labelPosition: labelPosition(),\n    labelAlign: labelAlign(),\n    isInForm,\n    direction: locale().direction,\n    isDisabled: isDisabled(),\n  });\n\n  const rootClass = () =>\n    [\n      contextProps?.UNSAFE_className,\n      props.UNSAFE_className,\n      props.class,\n      sliderRoot(labelStyleState(), mergedStyles()),\n    ]\n      .filter(Boolean)\n      .join(\" \");\n\n  const hiddenInputProps = (name: string | undefined, value: number) => ({\n    type: \"hidden\",\n    name,\n    form: local.form,\n    value,\n    disabled: isDisabled() || undefined,\n  });\n\n  const constrainToStep = (value: number, min: number, max: number) =>\n    clamp(snapToStep(value, minValue(), maxValue(), step()), min, max);\n\n  const applyRange = (nextRange: RangeValue, shouldEnd = false): RangeValue => {\n    const normalized = normalizeRange(nextRange);\n    setInteractionRange(normalized);\n\n    if (!rangesEqual(normalized, range())) {\n      if (local.value === undefined) {\n        setInternalRange(normalized);\n      }\n      local.onChange?.(normalized);\n    }\n\n    if (shouldEnd) {\n      local.onChangeEnd?.(normalized);\n      setInteractionRange(null);\n    }\n\n    return normalized;\n  };\n\n  const updateThumbValue = (thumbName: \"start\" | \"end\", value: number, shouldEnd = false) => {\n    const current = range();\n    if (thumbName === \"start\") {\n      return applyRange(\n        { start: constrainToStep(value, minValue(), current.end), end: current.end },\n        shouldEnd,\n      );\n    }\n\n    return applyRange(\n      { start: current.start, end: constrainToStep(value, current.start, maxValue()) },\n      shouldEnd,\n    );\n  };\n\n  const getValueFromPointer = (clientX: number): number => {\n    if (!trackRef) {\n      return minValue();\n    }\n\n    const rect = trackRef.getBoundingClientRect();\n    const rawPercent =\n      locale().direction === \"rtl\"\n        ? (rect.right - clientX) / rect.width\n        : (clientX - rect.left) / rect.width;\n    const percent = clamp(rawPercent, 0, 1);\n    return snapToStep(\n      percent * (maxValue() - minValue()) + minValue(),\n      minValue(),\n      maxValue(),\n      step(),\n    );\n  };\n\n  const closerThumb = (value: number): \"start\" | \"end\" => {\n    const startDistance = Math.abs(value - startValue());\n    const endDistance = Math.abs(value - endValue());\n\n    if (startDistance < endDistance) {\n      return \"start\";\n    }\n    if (endDistance < startDistance) {\n      return \"end\";\n    }\n\n    return value <= startValue() ? \"start\" : \"end\";\n  };\n\n  const focusThumb = (thumbName: \"start\" | \"end\") => {\n    (thumbName === \"start\" ? startThumbRef : endThumbRef)?.focus();\n  };\n\n  const onTrackPointerDown = (event: PointerEvent) => {\n    if (isDisabled()) {\n      return;\n    }\n\n    event.preventDefault();\n    const value = getValueFromPointer(event.clientX);\n    const thumbName = closerThumb(value);\n    setDraggingThumb(thumbName);\n    updateThumbValue(thumbName, value);\n    focusThumb(thumbName);\n    (event.currentTarget as HTMLElement).setPointerCapture(event.pointerId);\n  };\n\n  const onThumbPointerDown = (thumbName: \"start\" | \"end\", event: PointerEvent) => {\n    if (isDisabled()) {\n      return;\n    }\n\n    event.preventDefault();\n    event.stopPropagation();\n    setDraggingThumb(thumbName);\n    (event.currentTarget as HTMLElement).focus();\n    (event.currentTarget as HTMLElement).setPointerCapture(event.pointerId);\n  };\n\n  const onPointerMove = (event: PointerEvent) => {\n    const thumbName = draggingThumb();\n    if (!thumbName) {\n      return;\n    }\n\n    updateThumbValue(thumbName, getValueFromPointer(event.clientX));\n  };\n\n  const onPointerUp = (event: PointerEvent) => {\n    const thumbName = draggingThumb();\n    if (!thumbName) {\n      return;\n    }\n\n    const finalRange = interactionRange() ?? range();\n    setDraggingThumb(null);\n    setInteractionRange(null);\n    try {\n      (event.currentTarget as HTMLElement).releasePointerCapture(event.pointerId);\n    } catch {\n      // Pointer capture may already be released by the browser.\n    }\n    local.onChangeEnd?.(finalRange);\n  };\n\n  const pageStep = () =>\n    Math.max(\n      step(),\n      snapToStep((maxValue() - minValue()) / 10, 0, maxValue() - minValue(), step()),\n    );\n\n  const onKeyDown = (thumbName: \"start\" | \"end\", event: KeyboardEvent) => {\n    if (isDisabled()) {\n      return;\n    }\n\n    const current = thumbName === \"start\" ? startValue() : endValue();\n    let nextValue = current;\n    let handled = true;\n\n    switch (event.key) {\n      case \"ArrowRight\":\n      case \"ArrowUp\":\n        nextValue = current + step();\n        break;\n      case \"ArrowLeft\":\n      case \"ArrowDown\":\n        nextValue = current - step();\n        break;\n      case \"PageUp\":\n        nextValue = current + pageStep();\n        break;\n      case \"PageDown\":\n        nextValue = current - pageStep();\n        break;\n      case \"Home\":\n        nextValue = thumbName === \"start\" ? minValue() : startValue();\n        break;\n      case \"End\":\n        nextValue = thumbName === \"start\" ? endValue() : maxValue();\n        break;\n      default:\n        handled = false;\n    }\n\n    if (!handled) {\n      return;\n    }\n\n    event.preventDefault();\n    event.stopPropagation();\n    updateThumbValue(thumbName, nextValue, true);\n  };\n\n  const pressScaleStyle = (\n    element: HTMLDivElement | undefined,\n    isDragging: boolean,\n  ): JSX.CSSProperties => {\n    const transform = cssDirection() === \"right\" ? \"translate(50%, -50%)\" : \"translate(-50%, -50%)\";\n\n    if (!isDragging || !element) {\n      return { transform };\n    }\n\n    const { width, height } = element.getBoundingClientRect();\n    return {\n      transform: `perspective(${Math.max(height, width / 3, 24)}px) ${transform} translate3d(0, 0, -2px)`,\n    };\n  };\n\n  const thumbStyleState = (thumbName: \"start\" | \"end\") => ({\n    ...labelStyleState(),\n    isDragging: draggingThumb() === thumbName,\n    isHovered: hoveredThumb() === thumbName,\n    isFocusVisible: focusedThumb() === thumbName,\n    thumbStyle: thumbStyle(),\n  });\n\n  const thumbWrapperStyle = (\n    percent: number,\n    thumbName: \"start\" | \"end\",\n    element: HTMLDivElement | undefined,\n  ): JSX.CSSProperties => ({\n    [cssDirection()]: `${percent * 100}%`,\n    ...pressScaleStyle(element, draggingThumb() === thumbName),\n    \"touch-action\": \"none\",\n  });\n\n  const renderThumb = (thumbName: \"start\" | \"end\") => {\n    const isStart = thumbName === \"start\";\n    const value = () => (isStart ? startValue() : endValue());\n    const percent = () => (isStart ? startPercent() : endPercent());\n    const refSetter = (element: HTMLDivElement) => {\n      if (isStart) {\n        startThumbRef = element;\n      } else {\n        endThumbRef = element;\n      }\n    };\n    const element = () => (isStart ? startThumbRef : endThumbRef);\n\n    return (\n      <div\n        ref={refSetter}\n        class={thumbContainer(thumbStyleState(thumbName))}\n        style={thumbWrapperStyle(percent(), thumbName, element())}\n        role=\"slider\"\n        tabIndex={isDisabled() ? undefined : 0}\n        aria-label={isStart ? \"Minimum\" : \"Maximum\"}\n        aria-valuemin={isStart ? minValue() : startValue()}\n        aria-valuemax={isStart ? endValue() : maxValue()}\n        aria-valuenow={value()}\n        aria-valuetext={formatter().format(value())}\n        aria-disabled={isDisabled() || undefined}\n        onPointerDown={(event) => onThumbPointerDown(thumbName, event)}\n        onPointerMove={onPointerMove}\n        onPointerUp={onPointerUp}\n        onPointerCancel={onPointerUp}\n        onKeyDown={(event) => onKeyDown(thumbName, event)}\n        onFocus={() => setFocusedThumb(thumbName)}\n        onBlur={() => setFocusedThumb(null)}\n        onPointerEnter={() => setHoveredThumb(thumbName)}\n        onPointerLeave={() => setHoveredThumb(null)}\n      >\n        <div class={thumbHitArea({ size: size(), thumbStyle: thumbStyle() })}>\n          <div class={thumb(thumbStyleState(thumbName))} />\n        </div>\n      </div>\n    );\n  };\n\n  return (\n    <div\n      {...domProps}\n      id={rootId()}\n      role=\"group\"\n      data-orientation=\"horizontal\"\n      aria-labelledby={\n        local[\"aria-labelledby\"] ?? (!local[\"aria-label\"] && local.label ? labelId : undefined)\n      }\n      aria-label={local[\"aria-label\"]}\n      aria-describedby={local[\"aria-describedby\"]}\n      aria-details={local[\"aria-details\"]}\n      slot={local.slot ?? undefined}\n      ref={(element) => assignRootRef(element)}\n      class={rootClass()}\n      style={mergedUnsafeStyle()}\n    >\n      <div class={labelContainer(labelStyleState())}>\n        <Show when={local.label}>\n          <div class={fieldLabelWrapper(labelStyleState())}>\n            <label id={labelId} class={sliderLabel(labelStyleState())}>\n              {local.label}\n            </label>\n            <Show when={local.contextualHelp}>\n              <span data-slot=\"contextualHelp\">{local.contextualHelp}</span>\n            </Show>\n          </div>\n        </Show>\n        <Show when={labelPosition() === \"top\" && showOutput()}>\n          <output\n            id={`${rootId()}-output`}\n            for={rootId()}\n            aria-live=\"off\"\n            class={outputStyle(labelStyleState())}\n            style={{\n              width: `${maxLabelLength()}ch`,\n              \"min-width\": `${maxLabelLength()}ch`,\n              \"font-variant-numeric\": \"tabular-nums\",\n            }}\n          >\n            {outputText()}\n          </output>\n        </Show>\n      </div>\n\n      <div class={inputRow(labelStyleState())}>\n        <div\n          ref={(element) => {\n            trackRef = element;\n          }}\n          data-orientation=\"horizontal\"\n          class={track(labelStyleState())}\n          style={{ position: \"relative\", \"touch-action\": \"none\" }}\n          onPointerDown={onTrackPointerDown}\n          onPointerMove={onPointerMove}\n          onPointerUp={onPointerUp}\n          onPointerCancel={onPointerUp}\n        >\n          <div class={upperTrack({ isDisabled: isDisabled(), trackStyle: trackStyle() })}>\n            <div\n              class={filledTrack({\n                isDisabled: isDisabled(),\n                isEmphasized: isEmphasized(),\n                trackStyle: trackStyle(),\n              })}\n              style={{\n                width: `${Math.abs(endPercent() - startPercent()) * 100}%`,\n                [cssDirection()]: `${Math.min(startPercent(), endPercent()) * 100}%`,\n              }}\n            />\n          </div>\n          {renderThumb(\"start\")}\n          {renderThumb(\"end\")}\n        </div>\n\n        <Show when={labelPosition() === \"side\" && showOutput()}>\n          <output\n            id={`${rootId()}-output`}\n            for={rootId()}\n            aria-live=\"off\"\n            class={outputStyle(labelStyleState())}\n            style={{\n              width: `${maxLabelLength()}ch`,\n              \"min-width\": `${maxLabelLength()}ch`,\n              \"font-variant-numeric\": \"tabular-nums\",\n            }}\n          >\n            {outputText()}\n          </output>\n        </Show>\n      </div>\n\n      <Show when={local.startName}>\n        <input {...hiddenInputProps(local.startName, startValue())} />\n      </Show>\n      <Show when={local.endName}>\n        <input {...hiddenInputProps(local.endName, endValue())} />\n      </Show>\n    </div>\n  );\n}\n","// @ts-nocheck\nimport {\n  type JSX,\n  createContext,\n  createMemo,\n  createUniqueId,\n  mergeProps,\n  Show,\n  splitProps,\n  useContext,\n} from \"solid-js\";\nimport { useLocale } from \"@proyecto-viviana/solidaria\";\nimport {\n  Slider as HeadlessSlider,\n  SliderFill as HeadlessSliderFill,\n  SliderOutput as HeadlessSliderOutput,\n  SliderThumb as HeadlessSliderThumb,\n  SliderTrack as HeadlessSliderTrack,\n  SliderStateContext,\n  type SliderProps as HeadlessSliderProps,\n  type SliderRenderProps,\n  type SliderThumbRenderProps,\n  type SliderTrackRenderProps,\n} from \"@proyecto-viviana/solidaria-components\";\nimport { type SliderOrientation } from \"@proyecto-viviana/solid-stately\";\nimport type { StyleString } from \"../style\";\nimport { focusRing, style } from \"../style\" with { type: \"macro\" };\nimport {\n  controlFont,\n  field,\n  fieldInput,\n  fieldLabel,\n  fieldValue,\n  getAllowedOverrides,\n} from \"../s2-internal/style-utils\" with { type: \"macro\" };\nimport { useProviderProps } from \"../provider\";\nimport { useFormProps, useIsInForm } from \"../form\";\nimport {\n  getSlottedContextProps,\n  mergeContextRefs,\n  mergeContextStyles,\n  mergeContextUnsafeStyle,\n  type RefLike,\n  type SpectrumContextValue,\n} from \"../button/spectrum-context\";\n\nexport type SliderSize = \"S\" | \"M\" | \"L\" | \"XL\" | \"sm\" | \"md\" | \"lg\";\ntype S2SliderSize = \"S\" | \"M\" | \"L\" | \"XL\";\nexport type SliderVariant = \"default\" | \"accent\";\nexport type SliderTrackStyle = \"thin\" | \"thick\";\nexport type SliderThumbStyle = \"default\" | \"precise\";\nexport type SliderLabelPosition = \"top\" | \"side\";\nexport type SliderLabelAlign = \"start\" | \"end\";\n\nexport interface SliderProps extends Omit<\n  HeadlessSliderProps,\n  \"class\" | \"style\" | \"children\" | \"label\" | \"slot\" | \"ref\"\n> {\n  size?: SliderSize;\n  /** Legacy alias. Prefer S2 `isEmphasized`. */\n  variant?: SliderVariant;\n  isEmphasized?: boolean;\n  trackStyle?: SliderTrackStyle;\n  thumbStyle?: SliderThumbStyle;\n  fillOffset?: number;\n  class?: string;\n  label?: JSX.Element;\n  contextualHelp?: JSX.Element;\n  showOutput?: boolean;\n  showMinMax?: boolean;\n  labelPosition?: SliderLabelPosition;\n  labelAlign?: SliderLabelAlign;\n  styles?: StyleString;\n  UNSAFE_className?: string;\n  UNSAFE_style?: JSX.CSSProperties;\n  slot?: string | null;\n  ref?: RefLike<HTMLDivElement>;\n}\n\ntype SliderStyleState = SliderRenderProps & {\n  size?: S2SliderSize;\n  labelPosition?: SliderLabelPosition;\n  labelAlign?: SliderLabelAlign;\n  isInForm?: boolean;\n  direction?: \"ltr\" | \"rtl\";\n};\n\nexport const SliderContext = createContext<SpectrumContextValue<SliderProps>>(null);\n\nconst sliderRoot = style<SliderStyleState>(\n  {\n    ...field(),\n    font: controlFont(),\n    alignItems: {\n      // Upstream applies field() (align-items: baseline) + slider() as two\n      // separate classes; slider() only overrides for side layout. We merge\n      // both into one style(), so the baseline default must be restored here.\n      default: \"baseline\",\n      labelPosition: {\n        side: \"center\",\n      },\n    },\n    color: {\n      default: \"neutral-subdued\",\n      forcedColors: \"ButtonText\",\n      isDisabled: \"disabled\",\n    },\n    columnGap: {\n      size: {\n        S: 16,\n        M: 16,\n        L: 20,\n        XL: 24,\n      },\n      isInForm: 12,\n    },\n  },\n  getAllowedOverrides(),\n);\n\nconst labelContainer = style<SliderStyleState>({\n  display: {\n    labelPosition: {\n      top: \"grid\",\n    },\n  },\n  gridArea: \"label\",\n  width: \"full\",\n  gridTemplateAreas: {\n    labelPosition: {\n      top: [\"label output\"],\n    },\n  },\n  gridTemplateColumns: {\n    labelPosition: {\n      top: [\"1fr auto\"],\n    },\n  },\n  textAlign: {\n    labelPosition: {\n      side: {\n        labelAlign: {\n          start: \"start\",\n          end: \"end\",\n        },\n      },\n    },\n  },\n  \"--field-gap\": {\n    type: \"paddingBottom\",\n    value: 0,\n  },\n});\n\nconst sliderLabel = style<SliderStyleState>({\n  ...fieldLabel(),\n});\n\n// The FieldLabel outer wrapper `<div>` (upstream `Field.tsx` FieldLabel): an inline\n// box in the `label` grid cell that owns the label-align text-align + the top\n// paddingBottom(--field-gap) + contain(inline-size). Slider never sets `isQuiet`, so\n// upstream's `contain.isQuiet:'none'` branch is a dead condition here and is omitted.\nconst fieldLabelWrapper = style<SliderStyleState>({\n  gridArea: \"label\",\n  display: \"inline\",\n  textAlign: {\n    labelAlign: {\n      start: \"start\",\n      end: \"end\",\n    },\n  },\n  paddingBottom: {\n    labelPosition: {\n      top: \"--field-gap\",\n    },\n  },\n  contain: {\n    labelPosition: {\n      top: \"inline-size\",\n    },\n  },\n});\n\nconst outputStyle = style<SliderStyleState>({\n  /* The readout had no type role of its own — with no font key here it inherited\n   * `field()`'s `fontSize: controlFont()` and came out byte-identical to the label\n   * naming it. `fieldValue()` is the shared readout role (see its doc comment); it\n   * is spread first so any sibling key below would deliberately win. */\n  ...fieldValue(),\n  gridArea: \"output\",\n  textAlign: {\n    labelPosition: {\n      top: {\n        direction: {\n          ltr: \"end\",\n          rtl: \"start\",\n        },\n      },\n      side: {\n        direction: {\n          ltr: \"start\",\n          rtl: \"end\",\n        },\n        isInForm: \"end\",\n      },\n    },\n  },\n});\n\nconst inputRow = style<SliderStyleState>({\n  ...fieldInput(),\n  display: \"inline-flex\",\n  alignItems: \"center\",\n  gap: {\n    default: 16,\n    size: {\n      L: 20,\n      XL: 24,\n    },\n  },\n});\n\nconst track = style<SliderStyleState>({\n  gridArea: \"track\",\n  position: \"relative\",\n  width: \"full\",\n  height: {\n    size: {\n      S: 24,\n      M: 32,\n      L: 40,\n      XL: 48,\n    },\n  },\n});\n\nconst verticalTrack = style<SliderStyleState>({\n  gridArea: \"track\",\n  position: \"relative\",\n  width: {\n    size: {\n      S: 24,\n      M: 32,\n      L: 40,\n      XL: 48,\n    },\n  },\n  height: 160,\n});\n\nconst thumbContainer = style<SliderStyleState>({\n  size: {\n    size: {\n      S: 18,\n      M: 20,\n      L: 22,\n      XL: 24,\n    },\n  },\n  display: \"inline-block\",\n  position: \"absolute\",\n  top: \"50%\",\n});\n\nconst thumbHitArea = style<{ size?: S2SliderSize; thumbStyle?: SliderThumbStyle }>({\n  size: {\n    thumbStyle: {\n      default: {\n        size: {\n          S: 18,\n          M: 20,\n          L: 22,\n          XL: 24,\n        },\n      },\n      precise: {\n        size: {\n          S: 20,\n          M: 22,\n          L: 24,\n          XL: 26,\n        },\n      },\n    },\n  },\n});\n\nconst thumb = style<\n  SliderThumbRenderProps & { size?: S2SliderSize; thumbStyle?: SliderThumbStyle }\n>({\n  ...focusRing(),\n  display: \"inline-block\",\n  boxSizing: \"border-box\",\n  position: \"absolute\",\n  top: \"50%\",\n  left: \"50%\",\n  transform: \"translateY(-50%) translateX(-50%)\",\n  width: {\n    thumbStyle: {\n      default: {\n        size: {\n          S: 18,\n          M: 20,\n          L: 22,\n          XL: 24,\n        },\n      },\n      precise: 6,\n    },\n  },\n  height: {\n    thumbStyle: {\n      default: {\n        size: {\n          S: 18,\n          M: 20,\n          L: 22,\n          XL: 24,\n        },\n      },\n      precise: {\n        size: {\n          S: 20,\n          M: 22,\n          L: 24,\n          XL: 26,\n        },\n      },\n    },\n  },\n  borderRadius: \"full\",\n  borderStyle: \"solid\",\n  borderWidth: 1,\n  /* The rim marks raised, filled chrome across the register. This thumb is filled\n   * (`backgroundColor: gray-25` below) and sits proud of its track, so it belongs to\n   * that family. It missed the rim because Slider never spreads `control()` — the\n   * only spread in this object is `focusRing()`, which emits outlineStyle/\n   * outlineColor/outlineWidth/outlineOffset and no boxShadow, so this key adds\n   * rather than clobbers. Reuses the existing `edge-glass` entry; invents no shadow.\n   * Note it will read in the dark scheme and barely at all in light, where the\n   * gray-25 fill is near-white and the rim's highlight is white. */\n  boxShadow: \"edge-glass\",\n  borderColor: {\n    default: \"gray-800\",\n    isHovered: \"gray-900\",\n    isDragging: \"gray-900\",\n    isDisabled: \"disabled\",\n    forcedColors: {\n      default: \"ButtonBorder\",\n      isDisabled: \"GrayText\",\n    },\n  },\n  backgroundColor: {\n    default: \"gray-25\",\n    forcedColors: \"ButtonFace\",\n  },\n});\n\nconst upperTrack = style<{ isDisabled?: boolean; trackStyle?: SliderTrackStyle }>({\n  height: {\n    trackStyle: {\n      thin: 4,\n      thick: 16,\n    },\n  },\n  top: \"50%\",\n  /* Flat square, both track styles — the register draws its one trough-plus-fill bar\n   * with no radius at all. The conditional was wrong at both ends: `thin` took `lg`\n   * (10px, the terminal-well corner — spectrum-theme.ts radius map) on a 4px bar,\n   * which is just a pill, and `thick` took `sm` (4px), a value that appears nowhere\n   * on the register's drawn ladder. `filledTrack` below must stay identical to this\n   * or the fill's leading edge rounds inside a square trough. */\n  borderRadius: \"none\",\n  position: \"absolute\",\n  /* The trough is INSET, not a grey plate. The handoff draws exactly one of these — the\n   * XP bar at TerminalGlassLab.tsx:686-695 — as `--surface-inset` with the filled part in\n   * `--accent-primary` over it, which is the `pasteboard` token here. `gray-300` painted\n   * it #c4d0de / #67717d: a light-grey bar in dark, brighter than the card it sits on,\n   * so the trough read as raised rather than recessed. The fill above is already\n   * accent-900, so this is the last half of that pair. RangeSlider.tsx:366 carries the\n   * same value for the same reason. */\n  backgroundColor: {\n    default: \"pasteboard\",\n    forcedColors: \"ButtonFace\",\n    isDisabled: \"disabled\",\n  },\n  translateY: \"-50%\",\n  width: \"full\",\n  boxSizing: \"border-box\",\n  outlineStyle: \"solid\",\n  outlineWidth: \"[.5px]\",\n  outlineOffset: -0.5,\n  outlineColor: {\n    default: \"transparent\",\n    forcedColors: {\n      default: \"ButtonText\",\n      isDisabled: \"GrayText\",\n    },\n  },\n});\n\nconst filledTrack = style<{\n  isDisabled?: boolean;\n  isEmphasized?: boolean;\n  trackStyle?: SliderTrackStyle;\n}>({\n  height: {\n    trackStyle: {\n      thin: 4,\n      thick: 16,\n    },\n  },\n  top: \"50%\",\n  /* Square, matching `upperTrack` exactly — see the note there. */\n  borderRadius: \"none\",\n  position: \"absolute\",\n  backgroundColor: {\n    /* Blue is the register's fill channel: it never draws a filled progress segment\n       in neutral. `gray-700` is the TEXT ramp, so the bar was painted in exactly the\n       colour of its own label and read as inert. `isEmphasized` now resolves to the\n       same value rather than being the only route to the accent; it is left declared\n       so the condition stays referenced, but note it is now a visual no-op — the\n       `variant=\"accent\"` alias no longer changes the fill. */\n    default: \"accent-900\",\n    isEmphasized: \"accent-900\",\n    isDisabled: \"disabled\",\n    forcedColors: {\n      default: \"Highlight\",\n      isDisabled: \"GrayText\",\n    },\n  },\n  boxSizing: \"border-box\",\n  borderStyle: \"solid\",\n  borderWidth: \"[.5px]\",\n  borderColor: {\n    default: \"transparent\",\n    forcedColors: {\n      default: \"ButtonText\",\n      isDisabled: \"GrayText\",\n    },\n  },\n  translateY: \"-50%\",\n});\n\nfunction normalizeSliderSize(size: SliderSize | undefined): S2SliderSize {\n  switch (size) {\n    case \"sm\":\n      return \"S\";\n    case \"md\":\n      return \"M\";\n    case \"lg\":\n      return \"L\";\n    case \"S\":\n    case \"M\":\n    case \"L\":\n    case \"XL\":\n      return size;\n    default:\n      return \"M\";\n  }\n}\n\nfunction pressScaleStyle(\n  element: HTMLDivElement | undefined,\n  renderProps: SliderThumbRenderProps,\n): JSX.CSSProperties {\n  const transform = \"translate(-50%, -50%)\";\n\n  if (!renderProps.isDragging || !element) {\n    return { transform };\n  }\n\n  const { width, height } = element.getBoundingClientRect();\n  return {\n    transform: `perspective(${Math.max(height, width / 3, 24)}px) ${transform} translate3d(0, 0, -2px)`,\n  };\n}\n\n/**\n * A slider allows users to select a value from a range.\n */\nexport function Slider(props: SliderProps): JSX.Element {\n  const isInForm = useIsInForm();\n  const providerProps = useProviderProps(useFormProps(props));\n  const contextProps = getSlottedContextProps(useContext(SliderContext), props.slot);\n  const mergedProps = mergeProps(providerProps, contextProps ?? {}, props);\n  const [local, headlessProps] = splitProps(mergedProps, [\n    \"size\",\n    \"variant\",\n    \"isEmphasized\",\n    \"trackStyle\",\n    \"thumbStyle\",\n    \"fillOffset\",\n    \"styles\",\n    \"UNSAFE_className\",\n    \"UNSAFE_style\",\n    \"class\",\n    \"label\",\n    \"contextualHelp\",\n    \"showOutput\",\n    \"showMinMax\",\n    \"labelPosition\",\n    \"labelAlign\",\n    \"slot\",\n    \"ref\",\n  ]);\n\n  const locale = useLocale();\n  const size = () => normalizeSliderSize(local.size);\n  const labelPosition = () => local.labelPosition ?? \"top\";\n  const labelAlign = () => local.labelAlign ?? \"start\";\n  const trackStyle = () => local.trackStyle ?? \"thin\";\n  const thumbStyle = () => local.thumbStyle ?? \"default\";\n  const isEmphasized = () => local.isEmphasized ?? local.variant === \"accent\";\n  const showOutput = () => local.showOutput ?? true;\n  const minValue = () => headlessProps.minValue ?? 0;\n  const maxValue = () => headlessProps.maxValue ?? 100;\n  const orientation = (): SliderOrientation => headlessProps.orientation ?? \"horizontal\";\n  const labelId = createUniqueId();\n  let thumbElement: HTMLDivElement | undefined;\n  const mergedStyles = () => mergeContextStyles(contextProps?.styles, props.styles);\n  const mergedUnsafeStyle = () =>\n    mergeContextUnsafeStyle(contextProps?.UNSAFE_style, props.UNSAFE_style);\n  const assignRootRef = mergeContextRefs(\n    (contextProps as { ref?: RefLike<HTMLDivElement> } | null)?.ref,\n    props.ref,\n  );\n  const formatter = createMemo(\n    () => new Intl.NumberFormat(locale().locale, headlessProps.formatOptions),\n  );\n  const maxLabelLength = createMemo(() => {\n    const minLabelLength = [...formatter().format(minValue())].length;\n    const maxLabelLength = [...formatter().format(maxValue())].length;\n    return Math.max(minLabelLength, maxLabelLength);\n  });\n\n  const rootClass = (renderProps: SliderRenderProps) =>\n    [\n      contextProps?.UNSAFE_className,\n      props.UNSAFE_className,\n      props.class,\n      sliderRoot(\n        {\n          ...renderProps,\n          size: size(),\n          labelPosition: labelPosition(),\n          labelAlign: labelAlign(),\n          isInForm,\n        },\n        mergedStyles(),\n      ),\n    ]\n      .filter(Boolean)\n      .join(\" \");\n\n  const labelStyleState = (renderProps: SliderRenderProps) => ({\n    ...renderProps,\n    size: size(),\n    labelPosition: labelPosition(),\n    labelAlign: labelAlign(),\n    isInForm,\n    direction: locale().direction,\n  });\n\n  const SliderTrackContent = (props: { rootRenderProps: SliderRenderProps }) => {\n    const sliderContext = useContext(SliderStateContext);\n    const state = () => sliderContext?.state;\n    const trackRenderProps = (): SliderTrackRenderProps => ({\n      isDisabled: state()?.isDisabled ?? false,\n      isDragging: state()?.isDragging() ?? false,\n      valuePercent: state()?.getValuePercent() ?? 0,\n      orientation: state()?.orientation ?? orientation(),\n    });\n\n    const upperTrackStyle = (): JSX.CSSProperties | undefined =>\n      trackRenderProps().orientation === \"vertical\"\n        ? {\n            height: \"100%\",\n            width: trackStyle() === \"thin\" ? \"4px\" : \"16px\",\n            left: \"50%\",\n            transform: \"translateX(-50%)\",\n          }\n        : undefined;\n\n    return (\n      <>\n        <div\n          class={upperTrack({\n            isDisabled: trackRenderProps().isDisabled,\n            trackStyle: trackStyle(),\n          })}\n          style={upperTrackStyle()}\n        >\n          <HeadlessSliderFill\n            offset={local.fillOffset}\n            class={filledTrack({\n              isDisabled: trackRenderProps().isDisabled,\n              isEmphasized: isEmphasized(),\n              trackStyle: trackStyle(),\n            })}\n          />\n        </div>\n        <HeadlessSliderThumb\n          class={(thumbRenderProps: SliderThumbRenderProps) =>\n            thumbContainer({ ...labelStyleState(props.rootRenderProps), ...thumbRenderProps })\n          }\n          ref={thumbElement}\n          style={(thumbRenderProps: SliderThumbRenderProps) =>\n            pressScaleStyle(thumbElement, thumbRenderProps)\n          }\n        >\n          {(thumbRenderProps: SliderThumbRenderProps) => (\n            <div class={thumbHitArea({ size: size(), thumbStyle: thumbStyle() })}>\n              <div\n                class={thumb({\n                  ...thumbRenderProps,\n                  size: size(),\n                  thumbStyle: thumbStyle(),\n                })}\n              />\n            </div>\n          )}\n        </HeadlessSliderThumb>\n      </>\n    );\n  };\n\n  return (\n    <HeadlessSlider\n      {...headlessProps}\n      aria-labelledby={\n        headlessProps[\"aria-labelledby\"] ??\n        (!headlessProps[\"aria-label\"] && local.label ? labelId : undefined)\n      }\n      aria-label={headlessProps[\"aria-label\"]}\n      ref={(element) => assignRootRef(element)}\n      slot={local.slot ?? undefined}\n      class={rootClass}\n      style={mergedUnsafeStyle()}\n    >\n      {(renderProps: SliderRenderProps) => (\n        <>\n          <div class={labelContainer(labelStyleState(renderProps))}>\n            <Show when={local.label}>\n              <div class={fieldLabelWrapper(labelStyleState(renderProps))}>\n                <label id={labelId} class={sliderLabel(labelStyleState(renderProps))}>\n                  {local.label}\n                </label>\n                <Show when={local.contextualHelp}>\n                  <span data-slot=\"contextualHelp\">{local.contextualHelp}</span>\n                </Show>\n              </div>\n            </Show>\n            <Show when={labelPosition() === \"top\" && showOutput()}>\n              <HeadlessSliderOutput\n                class={outputStyle(labelStyleState(renderProps))}\n                style={{\n                  width: `${maxLabelLength()}ch`,\n                  \"min-width\": `${maxLabelLength()}ch`,\n                  \"font-variant-numeric\": \"tabular-nums\",\n                }}\n              />\n            </Show>\n          </div>\n\n          <div class={inputRow(labelStyleState(renderProps))}>\n            <HeadlessSliderTrack\n              class={(trackRenderProps: SliderTrackRenderProps) =>\n                orientation() === \"vertical\"\n                  ? verticalTrack({ ...labelStyleState(renderProps), ...trackRenderProps })\n                  : track({ ...labelStyleState(renderProps), ...trackRenderProps })\n              }\n            >\n              <SliderTrackContent rootRenderProps={renderProps} />\n            </HeadlessSliderTrack>\n\n            <Show when={labelPosition() === \"side\" && showOutput()}>\n              <HeadlessSliderOutput\n                class={outputStyle(labelStyleState(renderProps))}\n                style={{\n                  width: `${maxLabelLength()}ch`,\n                  \"min-width\": `${maxLabelLength()}ch`,\n                  \"font-variant-numeric\": \"tabular-nums\",\n                }}\n              />\n            </Show>\n          </div>\n\n          <Show when={local.showMinMax}>\n            <div\n              style={{ display: \"flex\", \"justify-content\": \"space-between\", \"margin-top\": \"4px\" }}\n            >\n              <span>{minValue()}</span>\n              <span>{maxValue()}</span>\n            </div>\n          </Show>\n        </>\n      )}\n    </HeadlessSlider>\n  );\n}\n\nexport type { SliderState, SliderOrientation } from \"@proyecto-viviana/solid-stately\";\n\nexport { RangeSlider, RangeSliderContext } from \"./RangeSlider\";\nexport type {\n  RangeSliderLabelAlign,\n  RangeSliderLabelPosition,\n  RangeSliderProps,\n  RangeSliderSize,\n  RangeSliderThumbStyle,\n  RangeSliderTrackStyle,\n  RangeSliderVariant,\n} from \"./RangeSlider\";\n"],"mappings":"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"}