@proyecto-viviana/ui 0.6.2 → 0.8.0-rc.0

package/dist/_chunk/slider.jsx.map

@@ -1 +1 @@
-{"version":3,"file":"slider.jsx","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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"}
+{"version":3,"file":"slider.jsx","names":[],"sources":["../../src/slider/RangeSlider.tsx","../../src/slider/index.tsx"],"sourcesContent":["// @ts-nocheck\n\n/*\n * Copyright 2024 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n// Ported to SolidJS for Proyecto Viviana; based on packages/@react-spectrum/s2/src/RangeSlider.tsx\n\n// Port of packages/@react-spectrum/s2/src/RangeSlider.tsx.\n\nimport {\n  createContext,\n  createEffect,\n  createMemo,\n  createSignal,\n  createUniqueId,\n  Show,\n  useContext,\n  createTrackedEffect,\n} from \"solid-js\";\nimport type { JSX } from \"@solidjs/web\";\nimport { mergeProps, createStringFormatter, useLocale } from \"@proyecto-viviana/solidaria\";\nimport { ariaTrueFalse } from \"@proyecto-viviana/solidaria/utils\";\nimport { s2IntlStrings } from \"../intl\";\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 { splitProps } from \"@proyecto-viviana/solidaria/utils\";\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: \"[var(--text-secondary)]\",\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 [flags] = splitProps(providerProps, [\n    \"isQuiet\",\n    \"isEmphasized\",\n    \"isDisabled\",\n    \"isRequired\",\n    \"isReadOnly\",\n    \"validationState\",\n  ]);\n  const contextProps = getSlottedContextProps(useContext(RangeSliderContext), props.slot);\n  const mergedProps = mergeProps(flags, 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 stringFormatter = createStringFormatter(s2IntlStrings, \"@react-spectrum/s2\");\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  createTrackedEffect(() => {\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={\n          isStart\n            ? stringFormatter().format(\"slider.minimum\")\n            : stringFormatter().format(\"slider.maximum\")\n        }\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() ? ariaTrueFalse(true) : 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      data-disabled={isDisabled() ? \"true\" : undefined}\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\n\n/*\n * Copyright 2024 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n// Ported to SolidJS for Proyecto Viviana; based on packages/@react-spectrum/s2/src/Slider.tsx\n\n// Port of packages/@react-spectrum/s2/src/Slider.tsx.\n\nimport { createContext, createMemo, createUniqueId, Show, useContext } from \"solid-js\";\nimport type { JSX } from \"@solidjs/web\";\nimport { mergeProps, 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 { splitProps } from \"@proyecto-viviana/solidaria/utils\";\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: \"[var(--text-secondary)]\",\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 [flags] = splitProps(providerProps, [\n    \"isQuiet\",\n    \"isEmphasized\",\n    \"isDisabled\",\n    \"isRequired\",\n    \"isReadOnly\",\n    \"validationState\",\n  ]);\n  const contextProps = getSlottedContextProps(useContext(SliderContext), props.slot);\n  const mergedProps = mergeProps(flags, 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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"}

package/dist/_chunk/spectrum-context.js

@@ -4,7 +4,7 @@ const DEFAULT_SLOT = "default";
 function getSlottedContextProps(context, slot) {
 	if (!context || slot === null) return null;
 	if ("slots" in context && context.slots) {
-		const slotName = slot ?? DEFAULT_SLOT;
+		const slotName = typeof slot === "string" && slot.length > 0 ? slot : DEFAULT_SLOT;
 		const slotProps = context.slots[slotName];
 		if (!slotProps) {
 			const validSlots = Object.keys(context.slots).map((name) => `"${name}"`).join(", ");

package/dist/_chunk/spectrum-context.js.map

@@ -1 +1 @@
-{"version":3,"file":"spectrum-context.js","names":[],"sources":["../../src/button/spectrum-context.ts"],"sourcesContent":["import type { JSX } from \"solid-js\";\nimport { mergeStyles } from \"../style/runtime\";\nimport type { StyleString } from \"../style\";\n\nconst DEFAULT_SLOT = \"default\";\n\nexport type RefLike<T> = T | ((el: T) => void) | { current?: T | null } | undefined;\n\nexport type SpectrumContextValue<T extends { slot?: string | null } = Record<string, never>> =\n  | (Partial<T> & {\n      slots?: Record<string, Partial<T> | null | undefined>;\n    })\n  | null;\n\nexport function getSlottedContextProps<T extends { slot?: string | null }>(\n  context: SpectrumContextValue<T>,\n  slot?: string | null,\n): Partial<T> | null {\n  if (!context || slot === null) {\n    return null;\n  }\n\n  if (\"slots\" in context && context.slots) {\n    const slotName = slot ?? DEFAULT_SLOT;\n    const slotProps = context.slots[slotName];\n\n    if (!slotProps) {\n      const validSlots = Object.keys(context.slots)\n        .map((name) => `\"${name}\"`)\n        .join(\", \");\n      throw new Error(\n        slot\n          ? `Invalid slot \"${slot}\". Valid slot names are ${validSlots}.`\n          : `A slot prop is required. Valid slot names are ${validSlots}.`,\n      );\n    }\n\n    return slotProps;\n  }\n\n  return context;\n}\n\nexport function mergeContextStyles(\n  contextStyles?: StyleString | (() => StyleString | undefined),\n  localStyles?: StyleString | (() => StyleString | undefined),\n): StyleString | undefined {\n  const resolvedContextStyles =\n    typeof contextStyles === \"function\" ? contextStyles() : contextStyles;\n  const resolvedLocalStyles = typeof localStyles === \"function\" ? localStyles() : localStyles;\n\n  return resolvedContextStyles && resolvedLocalStyles\n    ? mergeStyles(resolvedContextStyles, resolvedLocalStyles)\n    : (resolvedLocalStyles ?? resolvedContextStyles);\n}\n\nexport function mergeContextUnsafeStyle(\n  contextStyle?: JSX.CSSProperties,\n  localStyle?: JSX.CSSProperties,\n): JSX.CSSProperties | undefined {\n  if (contextStyle && localStyle) {\n    return { ...contextStyle, ...localStyle };\n  }\n\n  return localStyle ?? contextStyle;\n}\n\nexport function assignRef<T>(ref: RefLike<T>, el: T): void {\n  if (!ref) {\n    return;\n  }\n\n  if (typeof ref === \"function\") {\n    (ref as (el: T) => void)(el);\n  } else if (typeof ref === \"object\" && ref != null && \"current\" in ref) {\n    ref.current = el;\n  }\n}\n\nexport function mergeContextRefs<T>(...refs: RefLike<T>[]): (el: T) => void {\n  return (el: T) => {\n    const seen = new Set<RefLike<T>>();\n    for (const ref of refs) {\n      if (!ref || seen.has(ref)) {\n        continue;\n      }\n\n      seen.add(ref);\n      assignRef(ref, el);\n    }\n  };\n}\n"],"mappings":";;AAIA,MAAM,eAAe;AAUrB,SAAgB,uBACd,SACA,MACmB;CACnB,IAAI,CAAC,WAAW,SAAS,MACvB,OAAO;CAGT,IAAI,WAAW,WAAW,QAAQ,OAAO;EACvC,MAAM,WAAW,QAAQ;EACzB,MAAM,YAAY,QAAQ,MAAM;EAEhC,IAAI,CAAC,WAAW;GACd,MAAM,aAAa,OAAO,KAAK,QAAQ,KAAK,EACzC,KAAK,SAAS,IAAI,KAAK,EAAE,EACzB,KAAK,IAAI;GACZ,MAAM,IAAI,MACR,OACI,iBAAiB,KAAK,0BAA0B,WAAW,KAC3D,iDAAiD,WAAW,EAClE;EACF;EAEA,OAAO;CACT;CAEA,OAAO;AACT;AAEA,SAAgB,mBACd,eACA,aACyB;CACzB,MAAM,wBACJ,OAAO,kBAAkB,aAAa,cAAc,IAAI;CAC1D,MAAM,sBAAsB,OAAO,gBAAgB,aAAa,YAAY,IAAI;CAEhF,OAAO,yBAAyB,sBAC5B,YAAY,uBAAuB,mBAAmB,IACrD,uBAAuB;AAC9B;AAEA,SAAgB,wBACd,cACA,YAC+B;CAC/B,IAAI,gBAAgB,YAClB,OAAO;EAAE,GAAG;EAAc,GAAG;CAAW;CAG1C,OAAO,cAAc;AACvB;AAEA,SAAgB,UAAa,KAAiB,IAAa;CACzD,IAAI,CAAC,KACH;CAGF,IAAI,OAAO,QAAQ,YACjB,IAAyB,EAAE;MACtB,IAAI,OAAO,QAAQ,YAAY,OAAO,QAAQ,aAAa,KAChE,IAAI,UAAU;AAElB;AAEA,SAAgB,iBAAoB,GAAG,MAAqC;CAC1E,QAAQ,OAAU;EAChB,MAAM,uBAAO,IAAI,IAAgB;EACjC,KAAK,MAAM,OAAO,MAAM;GACtB,IAAI,CAAC,OAAO,KAAK,IAAI,GAAG,GACtB;GAGF,KAAK,IAAI,GAAG;GACZ,UAAU,KAAK,EAAE;EACnB;CACF;AACF"}
+{"version":3,"file":"spectrum-context.js","names":[],"sources":["../../src/button/spectrum-context.ts"],"sourcesContent":["import type { JSX } from \"@solidjs/web\";\nimport { mergeStyles } from \"../style/runtime\";\nimport type { StyleString } from \"../style\";\n\nconst DEFAULT_SLOT = \"default\";\n\nexport type RefLike<T> = T | ((el: T) => void) | { current?: T | null } | undefined;\n\ntype SlotName = string | null | JSX.RemoveAttribute;\n\nexport type SpectrumContextValue<T extends { slot?: SlotName } = Record<string, never>> =\n  | (Partial<T> & {\n      slots?: Record<string, Partial<T> | null | undefined>;\n    })\n  | null;\n\nexport function getSlottedContextProps<T extends { slot?: SlotName }>(\n  context: SpectrumContextValue<T>,\n  slot?: SlotName,\n): Partial<T> | null {\n  if (!context || slot === null) {\n    return null;\n  }\n\n  if (\"slots\" in context && context.slots) {\n    const slotName = typeof slot === \"string\" && slot.length > 0 ? slot : DEFAULT_SLOT;\n    const slotProps = context.slots[slotName];\n\n    if (!slotProps) {\n      const validSlots = Object.keys(context.slots)\n        .map((name) => `\"${name}\"`)\n        .join(\", \");\n      throw new Error(\n        slot\n          ? `Invalid slot \"${slot}\". Valid slot names are ${validSlots}.`\n          : `A slot prop is required. Valid slot names are ${validSlots}.`,\n      );\n    }\n\n    return slotProps;\n  }\n\n  return context;\n}\n\nexport function mergeContextStyles(\n  contextStyles?: StyleString | (() => StyleString | undefined),\n  localStyles?: StyleString | (() => StyleString | undefined),\n): StyleString | undefined {\n  const resolvedContextStyles =\n    typeof contextStyles === \"function\" ? contextStyles() : contextStyles;\n  const resolvedLocalStyles = typeof localStyles === \"function\" ? localStyles() : localStyles;\n\n  return resolvedContextStyles && resolvedLocalStyles\n    ? mergeStyles(resolvedContextStyles, resolvedLocalStyles)\n    : (resolvedLocalStyles ?? resolvedContextStyles);\n}\n\nexport function mergeContextUnsafeStyle(\n  contextStyle?: JSX.CSSProperties,\n  localStyle?: JSX.CSSProperties,\n): JSX.CSSProperties | undefined {\n  if (contextStyle && localStyle) {\n    return { ...contextStyle, ...localStyle };\n  }\n\n  return localStyle ?? contextStyle;\n}\n\nexport function assignRef<T>(ref: RefLike<T>, el: T): void {\n  if (!ref) {\n    return;\n  }\n\n  if (typeof ref === \"function\") {\n    (ref as (el: T) => void)(el);\n  } else if (typeof ref === \"object\" && ref != null && \"current\" in ref) {\n    ref.current = el;\n  }\n}\n\nexport function mergeContextRefs<T>(...refs: RefLike<T>[]): (el: T) => void {\n  return (el: T) => {\n    const seen = new Set<RefLike<T>>();\n    for (const ref of refs) {\n      if (!ref || seen.has(ref)) {\n        continue;\n      }\n\n      seen.add(ref);\n      assignRef(ref, el);\n    }\n  };\n}\n"],"mappings":";;AAIA,MAAM,eAAe;AAYrB,SAAgB,uBACd,SACA,MACmB;CACnB,IAAI,CAAC,WAAW,SAAS,MACvB,OAAO;CAGT,IAAI,WAAW,WAAW,QAAQ,OAAO;EACvC,MAAM,WAAW,OAAO,SAAS,YAAY,KAAK,SAAS,IAAI,OAAO;EACtE,MAAM,YAAY,QAAQ,MAAM;EAEhC,IAAI,CAAC,WAAW;GACd,MAAM,aAAa,OAAO,KAAK,QAAQ,KAAK,CAAC,CAC1C,KAAK,SAAS,IAAI,KAAK,EAAE,CAAC,CAC1B,KAAK,IAAI;GACZ,MAAM,IAAI,MACR,OACI,iBAAiB,KAAK,0BAA0B,WAAW,KAC3D,iDAAiD,WAAW,EAClE;EACF;EAEA,OAAO;CACT;CAEA,OAAO;AACT;AAEA,SAAgB,mBACd,eACA,aACyB;CACzB,MAAM,wBACJ,OAAO,kBAAkB,aAAa,cAAc,IAAI;CAC1D,MAAM,sBAAsB,OAAO,gBAAgB,aAAa,YAAY,IAAI;CAEhF,OAAO,yBAAyB,sBAC5B,YAAY,uBAAuB,mBAAmB,IACrD,uBAAuB;AAC9B;AAEA,SAAgB,wBACd,cACA,YAC+B;CAC/B,IAAI,gBAAgB,YAClB,OAAO;EAAE,GAAG;EAAc,GAAG;CAAW;CAG1C,OAAO,cAAc;AACvB;AAEA,SAAgB,UAAa,KAAiB,IAAa;CACzD,IAAI,CAAC,KACH;CAGF,IAAI,OAAO,QAAQ,YACjB,IAAyB,EAAE;MACtB,IAAI,OAAO,QAAQ,YAAY,OAAO,QAAQ,aAAa,KAChE,IAAI,UAAU;AAElB;AAEA,SAAgB,iBAAoB,GAAG,MAAqC;CAC1E,QAAQ,OAAU;EAChB,MAAM,uBAAO,IAAI,IAAgB;EACjC,KAAK,MAAM,OAAO,MAAM;GACtB,IAAI,CAAC,OAAO,KAAK,IAAI,GAAG,GACtB;GAGF,KAAK,IAAI,GAAG;GACZ,UAAU,KAAK,EAAE;EACnB;CACF;AACF"}

package/dist/_chunk/spectrum-context.jsx

@@ -4,7 +4,7 @@ const DEFAULT_SLOT = "default";
 function getSlottedContextProps(context, slot) {
 	if (!context || slot === null) return null;
 	if ("slots" in context && context.slots) {
-		const slotName = slot ?? DEFAULT_SLOT;
+		const slotName = typeof slot === "string" && slot.length > 0 ? slot : DEFAULT_SLOT;
 		const slotProps = context.slots[slotName];
 		if (!slotProps) {
 			const validSlots = Object.keys(context.slots).map((name) => `"${name}"`).join(", ");

package/dist/_chunk/spectrum-context.jsx.map

@@ -1 +1 @@
-{"version":3,"file":"spectrum-context.jsx","names":[],"sources":["../../src/button/spectrum-context.ts"],"sourcesContent":["import type { JSX } from \"solid-js\";\nimport { mergeStyles } from \"../style/runtime\";\nimport type { StyleString } from \"../style\";\n\nconst DEFAULT_SLOT = \"default\";\n\nexport type RefLike<T> = T | ((el: T) => void) | { current?: T | null } | undefined;\n\nexport type SpectrumContextValue<T extends { slot?: string | null } = Record<string, never>> =\n  | (Partial<T> & {\n      slots?: Record<string, Partial<T> | null | undefined>;\n    })\n  | null;\n\nexport function getSlottedContextProps<T extends { slot?: string | null }>(\n  context: SpectrumContextValue<T>,\n  slot?: string | null,\n): Partial<T> | null {\n  if (!context || slot === null) {\n    return null;\n  }\n\n  if (\"slots\" in context && context.slots) {\n    const slotName = slot ?? DEFAULT_SLOT;\n    const slotProps = context.slots[slotName];\n\n    if (!slotProps) {\n      const validSlots = Object.keys(context.slots)\n        .map((name) => `\"${name}\"`)\n        .join(\", \");\n      throw new Error(\n        slot\n          ? `Invalid slot \"${slot}\". Valid slot names are ${validSlots}.`\n          : `A slot prop is required. Valid slot names are ${validSlots}.`,\n      );\n    }\n\n    return slotProps;\n  }\n\n  return context;\n}\n\nexport function mergeContextStyles(\n  contextStyles?: StyleString | (() => StyleString | undefined),\n  localStyles?: StyleString | (() => StyleString | undefined),\n): StyleString | undefined {\n  const resolvedContextStyles =\n    typeof contextStyles === \"function\" ? contextStyles() : contextStyles;\n  const resolvedLocalStyles = typeof localStyles === \"function\" ? localStyles() : localStyles;\n\n  return resolvedContextStyles && resolvedLocalStyles\n    ? mergeStyles(resolvedContextStyles, resolvedLocalStyles)\n    : (resolvedLocalStyles ?? resolvedContextStyles);\n}\n\nexport function mergeContextUnsafeStyle(\n  contextStyle?: JSX.CSSProperties,\n  localStyle?: JSX.CSSProperties,\n): JSX.CSSProperties | undefined {\n  if (contextStyle && localStyle) {\n    return { ...contextStyle, ...localStyle };\n  }\n\n  return localStyle ?? contextStyle;\n}\n\nexport function assignRef<T>(ref: RefLike<T>, el: T): void {\n  if (!ref) {\n    return;\n  }\n\n  if (typeof ref === \"function\") {\n    (ref as (el: T) => void)(el);\n  } else if (typeof ref === \"object\" && ref != null && \"current\" in ref) {\n    ref.current = el;\n  }\n}\n\nexport function mergeContextRefs<T>(...refs: RefLike<T>[]): (el: T) => void {\n  return (el: T) => {\n    const seen = new Set<RefLike<T>>();\n    for (const ref of refs) {\n      if (!ref || seen.has(ref)) {\n        continue;\n      }\n\n      seen.add(ref);\n      assignRef(ref, el);\n    }\n  };\n}\n"],"mappings":";;AAIA,MAAM,eAAe;AAUrB,SAAgB,uBACd,SACA,MACmB;CACnB,IAAI,CAAC,WAAW,SAAS,MACvB,OAAO;CAGT,IAAI,WAAW,WAAW,QAAQ,OAAO;EACvC,MAAM,WAAW,QAAQ;EACzB,MAAM,YAAY,QAAQ,MAAM;EAEhC,IAAI,CAAC,WAAW;GACd,MAAM,aAAa,OAAO,KAAK,QAAQ,KAAK,EACzC,KAAK,SAAS,IAAI,KAAK,EAAE,EACzB,KAAK,IAAI;GACZ,MAAM,IAAI,MACR,OACI,iBAAiB,KAAK,0BAA0B,WAAW,KAC3D,iDAAiD,WAAW,EAClE;EACF;EAEA,OAAO;CACT;CAEA,OAAO;AACT;AAEA,SAAgB,mBACd,eACA,aACyB;CACzB,MAAM,wBACJ,OAAO,kBAAkB,aAAa,cAAc,IAAI;CAC1D,MAAM,sBAAsB,OAAO,gBAAgB,aAAa,YAAY,IAAI;CAEhF,OAAO,yBAAyB,sBAC5B,YAAY,uBAAuB,mBAAmB,IACrD,uBAAuB;AAC9B;AAEA,SAAgB,wBACd,cACA,YAC+B;CAC/B,IAAI,gBAAgB,YAClB,OAAO;EAAE,GAAG;EAAc,GAAG;CAAW;CAG1C,OAAO,cAAc;AACvB;AAEA,SAAgB,UAAa,KAAiB,IAAa;CACzD,IAAI,CAAC,KACH;CAGF,IAAI,OAAO,QAAQ,YACjB,IAAyB,EAAE;MACtB,IAAI,OAAO,QAAQ,YAAY,OAAO,QAAQ,aAAa,KAChE,IAAI,UAAU;AAElB;AAEA,SAAgB,iBAAoB,GAAG,MAAqC;CAC1E,QAAQ,OAAU;EAChB,MAAM,uBAAO,IAAI,IAAgB;EACjC,KAAK,MAAM,OAAO,MAAM;GACtB,IAAI,CAAC,OAAO,KAAK,IAAI,GAAG,GACtB;GAGF,KAAK,IAAI,GAAG;GACZ,UAAU,KAAK,EAAE;EACnB;CACF;AACF"}
+{"version":3,"file":"spectrum-context.jsx","names":[],"sources":["../../src/button/spectrum-context.ts"],"sourcesContent":["import type { JSX } from \"@solidjs/web\";\nimport { mergeStyles } from \"../style/runtime\";\nimport type { StyleString } from \"../style\";\n\nconst DEFAULT_SLOT = \"default\";\n\nexport type RefLike<T> = T | ((el: T) => void) | { current?: T | null } | undefined;\n\ntype SlotName = string | null | JSX.RemoveAttribute;\n\nexport type SpectrumContextValue<T extends { slot?: SlotName } = Record<string, never>> =\n  | (Partial<T> & {\n      slots?: Record<string, Partial<T> | null | undefined>;\n    })\n  | null;\n\nexport function getSlottedContextProps<T extends { slot?: SlotName }>(\n  context: SpectrumContextValue<T>,\n  slot?: SlotName,\n): Partial<T> | null {\n  if (!context || slot === null) {\n    return null;\n  }\n\n  if (\"slots\" in context && context.slots) {\n    const slotName = typeof slot === \"string\" && slot.length > 0 ? slot : DEFAULT_SLOT;\n    const slotProps = context.slots[slotName];\n\n    if (!slotProps) {\n      const validSlots = Object.keys(context.slots)\n        .map((name) => `\"${name}\"`)\n        .join(\", \");\n      throw new Error(\n        slot\n          ? `Invalid slot \"${slot}\". Valid slot names are ${validSlots}.`\n          : `A slot prop is required. Valid slot names are ${validSlots}.`,\n      );\n    }\n\n    return slotProps;\n  }\n\n  return context;\n}\n\nexport function mergeContextStyles(\n  contextStyles?: StyleString | (() => StyleString | undefined),\n  localStyles?: StyleString | (() => StyleString | undefined),\n): StyleString | undefined {\n  const resolvedContextStyles =\n    typeof contextStyles === \"function\" ? contextStyles() : contextStyles;\n  const resolvedLocalStyles = typeof localStyles === \"function\" ? localStyles() : localStyles;\n\n  return resolvedContextStyles && resolvedLocalStyles\n    ? mergeStyles(resolvedContextStyles, resolvedLocalStyles)\n    : (resolvedLocalStyles ?? resolvedContextStyles);\n}\n\nexport function mergeContextUnsafeStyle(\n  contextStyle?: JSX.CSSProperties,\n  localStyle?: JSX.CSSProperties,\n): JSX.CSSProperties | undefined {\n  if (contextStyle && localStyle) {\n    return { ...contextStyle, ...localStyle };\n  }\n\n  return localStyle ?? contextStyle;\n}\n\nexport function assignRef<T>(ref: RefLike<T>, el: T): void {\n  if (!ref) {\n    return;\n  }\n\n  if (typeof ref === \"function\") {\n    (ref as (el: T) => void)(el);\n  } else if (typeof ref === \"object\" && ref != null && \"current\" in ref) {\n    ref.current = el;\n  }\n}\n\nexport function mergeContextRefs<T>(...refs: RefLike<T>[]): (el: T) => void {\n  return (el: T) => {\n    const seen = new Set<RefLike<T>>();\n    for (const ref of refs) {\n      if (!ref || seen.has(ref)) {\n        continue;\n      }\n\n      seen.add(ref);\n      assignRef(ref, el);\n    }\n  };\n}\n"],"mappings":";;AAIA,MAAM,eAAe;AAYrB,SAAgB,uBACd,SACA,MACmB;CACnB,IAAI,CAAC,WAAW,SAAS,MACvB,OAAO;CAGT,IAAI,WAAW,WAAW,QAAQ,OAAO;EACvC,MAAM,WAAW,OAAO,SAAS,YAAY,KAAK,SAAS,IAAI,OAAO;EACtE,MAAM,YAAY,QAAQ,MAAM;EAEhC,IAAI,CAAC,WAAW;GACd,MAAM,aAAa,OAAO,KAAK,QAAQ,KAAK,CAAC,CAC1C,KAAK,SAAS,IAAI,KAAK,EAAE,CAAC,CAC1B,KAAK,IAAI;GACZ,MAAM,IAAI,MACR,OACI,iBAAiB,KAAK,0BAA0B,WAAW,KAC3D,iDAAiD,WAAW,EAClE;EACF;EAEA,OAAO;CACT;CAEA,OAAO;AACT;AAEA,SAAgB,mBACd,eACA,aACyB;CACzB,MAAM,wBACJ,OAAO,kBAAkB,aAAa,cAAc,IAAI;CAC1D,MAAM,sBAAsB,OAAO,gBAAgB,aAAa,YAAY,IAAI;CAEhF,OAAO,yBAAyB,sBAC5B,YAAY,uBAAuB,mBAAmB,IACrD,uBAAuB;AAC9B;AAEA,SAAgB,wBACd,cACA,YAC+B;CAC/B,IAAI,gBAAgB,YAClB,OAAO;EAAE,GAAG;EAAc,GAAG;CAAW;CAG1C,OAAO,cAAc;AACvB;AAEA,SAAgB,UAAa,KAAiB,IAAa;CACzD,IAAI,CAAC,KACH;CAGF,IAAI,OAAO,QAAQ,YACjB,IAAyB,EAAE;MACtB,IAAI,OAAO,QAAQ,YAAY,OAAO,QAAQ,aAAa,KAChE,IAAI,UAAU;AAElB;AAEA,SAAgB,iBAAoB,GAAG,MAAqC;CAC1E,QAAQ,OAAU;EAChB,MAAM,uBAAO,IAAI,IAAgB;EACjC,KAAK,MAAM,OAAO,MAAM;GACtB,IAAI,CAAC,OAAO,KAAK,IAAI,GAAG,GACtB;GAGF,KAAK,IAAI,GAAG;GACZ,UAAU,KAAK,EAAE;EACnB;CACF;AACF"}

package/dist/_chunk/spectrum-icon.js

@@ -1,9 +1,21 @@
+/*
+* Copyright 2024 Adobe. All rights reserved.
+* This file is licensed to you under the Apache License, Version 2.0 (the "License");
+* you may not use this file except in compliance with the License. You may obtain a copy
+* of the License at http://www.apache.org/licenses/LICENSE-2.0
+*
+* Unless required by applicable law or agreed to in writing, software distributed under
+* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+* OF ANY KIND, either express or implied. See the License for the specific language
+* governing permissions and limitations under the License.
+*/
+// Ported to SolidJS for Proyecto Viviana; based on packages/@react-spectrum/s2/src/Icon.tsx
 import { mergeStyles } from "../style/runtime.js";
 import { r as mergeContextRefs } from "./spectrum-context.js";
 import { createIsSkeleton, loadingStyle, useInertAttribute, useLoadingAnimation, useSkeletonIcon } from "../skeleton/index.js";
-/* empty css                                                                       */
-import { createComponent, mergeProps } from "solid-js/web";
-import { createContext, splitProps, useContext } from "solid-js";
+import { applyRef, createComponent, mergeProps } from "@solidjs/web";
+import { createContext, useContext } from "solid-js";
+import { splitProps } from "@proyecto-viviana/solidaria/utils";
 //#region src/icon/spectrum-icon.tsx
 const IconContext = createContext({});
 const IllustrationContext = createContext({});
@@ -17,15 +29,9 @@ const iconBaseStyles = function anonymous(props, overrides) {
 		if (p[1] === "F") height = true;
 		rules += p[0];
 	}
-	if (!width) rules += " Zm151";
-	if (!height) rules += " Fn151";
-	rules += " _va151";
-	return rules;
-};
-const uiIconBaseStyles = function anonymous(props, overrides) {
-	let rules = " ";
-	rules += (String(overrides || "").match(/(?:^|\s)(J|G|I|H|__A|_d|_J|z|y|B|A|_P|_9|W|_l|_A|_z|_S|-_8sjo0b-|Z|F)[^\s]+/g) || []).join("");
-	rules += " _va151";
+	if (!width) rules += " Zm17";
+	if (!height) rules += " Fn17";
+	rules += " _va17";
 	return rules;
 };
 const illustrationBaseStyles = function anonymous(props, overrides) {
@@ -39,27 +45,27 @@ const illustrationBaseStyles = function anonymous(props, overrides) {
 		rules += p[0];
 	}
 	if (props.size === "L") {
-		if (!width) rules += " Zq151";
+		if (!width) rules += " Zq17";
 	} else if (props.size === "M") {
-		if (!width) rules += " ZH151";
+		if (!width) rules += " ZH17";
 	} else if (props.size === "S") {
-		if (!width) rules += " ZF151";
+		if (!width) rules += " ZF17";
 	}
 	if (props.size === "L") {
-		if (!height) rules += " Fr151";
+		if (!height) rules += " Fr17";
 	} else if (props.size === "M") {
-		if (!height) rules += " FB151";
+		if (!height) rules += " FB17";
 	} else if (props.size === "S") {
-		if (!height) rules += " Fz151";
+		if (!height) rules += " Fz17";
 	}
-	rules += " _va151";
+	rules += " _va17";
 	return rules;
 };
 function createIcon(Component, context = IconContext) {
 	return createIconForBase(Component, context, iconBaseStyles);
 }
 function createUIIcon(Component, context = IconContext) {
-	return createIconForBase(Component, context, uiIconBaseStyles, true);
+	return createIconForBase(Component, context, iconBaseStyles, true);
 }
 function createIconForBase(Component, context, baseStyles, bare = false) {
 	return (props) => {
@@ -76,13 +82,17 @@ function createIconForBase(Component, context, baseStyles, bare = false) {
 		]);
 		const slot = () => {
 			if (local.UNSAFE_suppressDataSlot) return;
+			if (bare) return local.slot ?? void 0;
 			return local.slot ?? ctx.slot ?? void 0;
 		};
-		const contextStyles = () => typeof ctx.styles === "function" ? ctx.styles() : ctx.styles;
+		const contextStyles = () => {
+			if (bare) return;
+			return typeof ctx.styles === "function" ? ctx.styles() : ctx.styles;
+		};
 		const isSkeleton = createIsSkeleton();
 		const skeletonAnimationRef = useLoadingAnimation(isSkeleton);
 		const inertRef = useInertAttribute(isSkeleton);
-		const skeletonStyles = useSkeletonIcon(() => mergeStyles(baseStyles(null, local.styles), contextStyles()));
+		const skeletonStyles = useSkeletonIcon(() => mergeStyles(bare ? local.styles : baseStyles(null, local.styles), contextStyles()));
 		const skeletonRef = (element) => {
 			skeletonAnimationRef(element);
 			inertRef(element);
@@ -93,33 +103,38 @@ function createIconForBase(Component, context, baseStyles, bare = false) {
 			isSkeleton() ? loadingStyle : void 0
 		].filter(Boolean).join(" ");
 		const ariaHidden = () => {
-			if (local["aria-label"] || bare) return local["aria-hidden"] || void 0;
-			return true;
+			if (local["aria-label"] || bare) {
+				const value = local["aria-hidden"];
+				if (value === true || value === "true") return "true";
+				if (value === false || value === "false") return "false";
+				return;
+			}
+			return "true";
 		};
-		const svg = createComponent(Component, mergeProps(rest, {
-			ref(r$) {
-				var _ref$ = mergeContextRefs(rest.ref, skeletonRef);
-				typeof _ref$ === "function" && _ref$(r$);
-			},
-			focusable: false,
-			role: bare ? void 0 : "img",
-			get ["aria-label"]() {
+		var _ref$ = mergeContextRefs(rest.ref, skeletonRef);
+		const svg = createComponent(Component, mergeProps(rest, { ref(r$) {
+			(typeof _ref$ === "function" || Array.isArray(_ref$)) && applyRef(_ref$, r$);
+		} }, bare ? {} : {
+			focusable: "false",
+			role: "img"
+		}, {
+			get "aria-label"() {
 				return local["aria-label"];
 			},
-			get ["aria-hidden"]() {
+			get "aria-hidden"() {
 				return ariaHidden();
 			},
-			get ["data-slot"]() {
+			get "data-slot"() {
 				return slot();
 			},
-			get ["class"]() {
+			get "class"() {
 				return mergedClass();
 			},
 			get style() {
 				return local.style;
 			}
 		}));
-		return ctx.render ? ctx.render(svg) : svg;
+		return !bare && ctx.render ? ctx.render(svg) : svg;
 	};
 }
 function createIllustration(Component) {
@@ -143,25 +158,30 @@ function createIllustration(Component) {
 		const contextStyles = () => typeof ctx.styles === "function" ? ctx.styles() : ctx.styles;
 		const mergedClass = () => [local.class, mergeStyles(illustrationBaseStyles({ size: size() }, local.styles), contextStyles())].filter(Boolean).join(" ");
 		const ariaHidden = () => {
-			if (local["aria-label"]) return local["aria-hidden"] || void 0;
-			return true;
+			if (local["aria-label"]) {
+				const value = local["aria-hidden"];
+				if (value === true || value === "true") return "true";
+				if (value === false || value === "false") return "false";
+				return;
+			}
+			return "true";
 		};
 		const svg = createComponent(Component, mergeProps(rest, {
 			get size() {
 				return size();
 			},
-			focusable: false,
+			focusable: "false",
 			role: "img",
-			get ["aria-label"]() {
+			get "aria-label"() {
 				return local["aria-label"];
 			},
-			get ["aria-hidden"]() {
+			get "aria-hidden"() {
 				return ariaHidden();
 			},
-			get ["data-slot"]() {
+			get "data-slot"() {
 				return slot();
 			},
-			get ["class"]() {
+			get "class"() {
 				return mergedClass();
 			},
 			get style() {