@proyecto-viviana/ui 0.4.1 → 0.6.0

package/dist/_chunk/slider.jsx.map

@@ -0,0 +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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"}

package/dist/_chunk/spectrum-context.js

@@ -0,0 +1,47 @@
+import { mergeStyles } from "../style/runtime.js";
+//#region src/button/spectrum-context.ts
+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 slotProps = context.slots[slotName];
+		if (!slotProps) {
+			const validSlots = Object.keys(context.slots).map((name) => `"${name}"`).join(", ");
+			throw new Error(slot ? `Invalid slot "${slot}". Valid slot names are ${validSlots}.` : `A slot prop is required. Valid slot names are ${validSlots}.`);
+		}
+		return slotProps;
+	}
+	return context;
+}
+function mergeContextStyles(contextStyles, localStyles) {
+	const resolvedContextStyles = typeof contextStyles === "function" ? contextStyles() : contextStyles;
+	const resolvedLocalStyles = typeof localStyles === "function" ? localStyles() : localStyles;
+	return resolvedContextStyles && resolvedLocalStyles ? mergeStyles(resolvedContextStyles, resolvedLocalStyles) : resolvedLocalStyles ?? resolvedContextStyles;
+}
+function mergeContextUnsafeStyle(contextStyle, localStyle) {
+	if (contextStyle && localStyle) return {
+		...contextStyle,
+		...localStyle
+	};
+	return localStyle ?? contextStyle;
+}
+function assignRef(ref, el) {
+	if (!ref) return;
+	if (typeof ref === "function") ref(el);
+	else if (typeof ref === "object" && ref != null && "current" in ref) ref.current = el;
+}
+function mergeContextRefs(...refs) {
+	return (el) => {
+		const seen = /* @__PURE__ */ new Set();
+		for (const ref of refs) {
+			if (!ref || seen.has(ref)) continue;
+			seen.add(ref);
+			assignRef(ref, el);
+		}
+	};
+}
+//#endregion
+export { mergeContextUnsafeStyle as a, mergeContextStyles as i, getSlottedContextProps as n, mergeContextRefs as r, assignRef as t };
+
+//# sourceMappingURL=spectrum-context.js.map

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

@@ -0,0 +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"}

package/dist/_chunk/spectrum-context.jsx

@@ -0,0 +1,47 @@
+import { t as mergeStyles } from "./runtime.jsx";
+//#region src/button/spectrum-context.ts
+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 slotProps = context.slots[slotName];
+		if (!slotProps) {
+			const validSlots = Object.keys(context.slots).map((name) => `"${name}"`).join(", ");
+			throw new Error(slot ? `Invalid slot "${slot}". Valid slot names are ${validSlots}.` : `A slot prop is required. Valid slot names are ${validSlots}.`);
+		}
+		return slotProps;
+	}
+	return context;
+}
+function mergeContextStyles(contextStyles, localStyles) {
+	const resolvedContextStyles = typeof contextStyles === "function" ? contextStyles() : contextStyles;
+	const resolvedLocalStyles = typeof localStyles === "function" ? localStyles() : localStyles;
+	return resolvedContextStyles && resolvedLocalStyles ? mergeStyles(resolvedContextStyles, resolvedLocalStyles) : resolvedLocalStyles ?? resolvedContextStyles;
+}
+function mergeContextUnsafeStyle(contextStyle, localStyle) {
+	if (contextStyle && localStyle) return {
+		...contextStyle,
+		...localStyle
+	};
+	return localStyle ?? contextStyle;
+}
+function assignRef(ref, el) {
+	if (!ref) return;
+	if (typeof ref === "function") ref(el);
+	else if (typeof ref === "object" && ref != null && "current" in ref) ref.current = el;
+}
+function mergeContextRefs(...refs) {
+	return (el) => {
+		const seen = /* @__PURE__ */ new Set();
+		for (const ref of refs) {
+			if (!ref || seen.has(ref)) continue;
+			seen.add(ref);
+			assignRef(ref, el);
+		}
+	};
+}
+//#endregion
+export { mergeContextUnsafeStyle as a, mergeContextStyles as i, getSlottedContextProps as n, mergeContextRefs as r, assignRef as t };
+
+//# sourceMappingURL=spectrum-context.jsx.map

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

@@ -0,0 +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"}

package/dist/_chunk/spectrum-icon.js

@@ -0,0 +1,177 @@
+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";
+//#region src/icon/spectrum-icon.tsx
+const IconContext = createContext({});
+const IllustrationContext = createContext({});
+const iconBaseStyles = function anonymous(props, overrides) {
+	let rules = " ";
+	let width = false;
+	let height = false;
+	let matches = String(overrides || "").matchAll(/(?:^|\s)(J|G|I|H|__A|_d|_J|z|y|B|A|_P|_9|W|_l|_A|_z|_S|-_8sjo0b-|Z|F)[^\s]+/g);
+	for (let p of matches) {
+		if (p[1] === "Z") width = true;
+		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";
+	return rules;
+};
+const illustrationBaseStyles = function anonymous(props, overrides) {
+	let rules = " ";
+	let width = false;
+	let height = false;
+	let matches = String(overrides || "").matchAll(/(?:^|\s)(J|G|I|H|__A|_d|_J|z|y|B|A|_P|_9|W|_l|_A|_z|_S|-_8sjo0b-|Z|F)[^\s]+/g);
+	for (let p of matches) {
+		if (p[1] === "Z") width = true;
+		if (p[1] === "F") height = true;
+		rules += p[0];
+	}
+	if (props.size === "L") {
+		if (!width) rules += " Zq151";
+	} else if (props.size === "M") {
+		if (!width) rules += " ZH151";
+	} else if (props.size === "S") {
+		if (!width) rules += " ZF151";
+	}
+	if (props.size === "L") {
+		if (!height) rules += " Fr151";
+	} else if (props.size === "M") {
+		if (!height) rules += " FB151";
+	} else if (props.size === "S") {
+		if (!height) rules += " Fz151";
+	}
+	rules += " _va151";
+	return rules;
+};
+function createIcon(Component, context = IconContext) {
+	return createIconForBase(Component, context, iconBaseStyles);
+}
+function createUIIcon(Component, context = IconContext) {
+	return createIconForBase(Component, context, uiIconBaseStyles, true);
+}
+function createIconForBase(Component, context, baseStyles, bare = false) {
+	return (props) => {
+		const ctx = useContext(context);
+		const [local, rest] = splitProps(props, [
+			"slot",
+			"styles",
+			"class",
+			"style",
+			"aria-label",
+			"aria-hidden",
+			"UNSAFE_suppressDataSlot",
+			"size"
+		]);
+		const slot = () => {
+			if (local.UNSAFE_suppressDataSlot) return;
+			return local.slot ?? ctx.slot ?? void 0;
+		};
+		const contextStyles = () => 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 skeletonRef = (element) => {
+			skeletonAnimationRef(element);
+			inertRef(element);
+		};
+		const mergedClass = () => [
+			local.class,
+			skeletonStyles(),
+			isSkeleton() ? loadingStyle : void 0
+		].filter(Boolean).join(" ");
+		const ariaHidden = () => {
+			if (local["aria-label"] || bare) return local["aria-hidden"] || void 0;
+			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"]() {
+				return local["aria-label"];
+			},
+			get ["aria-hidden"]() {
+				return ariaHidden();
+			},
+			get ["data-slot"]() {
+				return slot();
+			},
+			get ["class"]() {
+				return mergedClass();
+			},
+			get style() {
+				return local.style;
+			}
+		}));
+		return ctx.render ? ctx.render(svg) : svg;
+	};
+}
+function createIllustration(Component) {
+	return (props) => {
+		const ctx = useContext(IllustrationContext);
+		const [local, rest] = splitProps(props, [
+			"slot",
+			"styles",
+			"class",
+			"style",
+			"aria-label",
+			"aria-hidden",
+			"size",
+			"UNSAFE_suppressDataSlot"
+		]);
+		const slot = () => {
+			if (local.UNSAFE_suppressDataSlot) return;
+			return local.slot ?? ctx.slot ?? void 0;
+		};
+		const size = () => local.size ?? ctx.size ?? "M";
+		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;
+		};
+		const svg = createComponent(Component, mergeProps(rest, {
+			get size() {
+				return size();
+			},
+			focusable: false,
+			role: "img",
+			get ["aria-label"]() {
+				return local["aria-label"];
+			},
+			get ["aria-hidden"]() {
+				return ariaHidden();
+			},
+			get ["data-slot"]() {
+				return slot();
+			},
+			get ["class"]() {
+				return mergedClass();
+			},
+			get style() {
+				return local.style;
+			}
+		}));
+		return ctx.render ? ctx.render(svg) : svg;
+	};
+}
+//#endregion
+export { createUIIcon as a, createIllustration as i, IllustrationContext as n, createIcon as r, IconContext as t };
+
+//# sourceMappingURL=spectrum-icon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"spectrum-icon.js","names":[],"sources":["../../src/icon/spectrum-icon.tsx"],"sourcesContent":["import { type Component, type JSX, createContext, splitProps, useContext } from \"solid-js\";\nimport type { StyleString } from \"../style\";\nimport { style } from \"../style\" with { type: \"macro\" };\nimport { mergeStyles } from \"../style/runtime\";\nimport { mergeContextRefs, type RefLike } from \"../button/spectrum-context\";\nimport {\n  createIsSkeleton,\n  loadingStyle,\n  useInertAttribute,\n  useLoadingAnimation,\n  useSkeletonIcon,\n} from \"../skeleton\";\n\nexport interface IconContextValue {\n  slot?: string | null;\n  styles?: StyleString | (() => StyleString | undefined);\n  render?: (icon: JSX.Element) => JSX.Element;\n  size?: \"S\" | \"M\" | \"L\";\n}\n\nexport const IconContext = createContext<IconContextValue>({});\nexport const IllustrationContext = createContext<IconContextValue>({});\n\nexport interface SpectrumIconProps extends JSX.SvgSVGAttributes<SVGSVGElement> {\n  slot?: string;\n  styles?: StyleString;\n  class?: string;\n  style?: JSX.CSSProperties | string;\n  \"aria-label\"?: string;\n  \"aria-hidden\"?: boolean | \"false\" | \"true\";\n  UNSAFE_suppressDataSlot?: boolean;\n}\n\nexport interface SpectrumIllustrationProps extends SpectrumIconProps {\n  size?: \"S\" | \"M\" | \"L\";\n}\n\ntype SpectrumSvgComponentProps = JSX.SvgSVGAttributes<SVGSVGElement> & {\n  focusable?: boolean | \"false\" | \"true\";\n  size?: \"S\" | \"M\" | \"L\";\n};\n\nconst illustrationSizes = {\n  S: 48,\n  M: 96,\n  L: 160,\n} as const;\n\nconst iconAllowedOverrides = [\n  \"margin\",\n  \"marginStart\",\n  \"marginEnd\",\n  \"marginTop\",\n  \"marginBottom\",\n  \"marginX\",\n  \"marginY\",\n  \"justifySelf\",\n  \"alignSelf\",\n  \"order\",\n  \"gridArea\",\n  \"gridRowStart\",\n  \"gridRowEnd\",\n  \"gridColumnStart\",\n  \"gridColumnEnd\",\n  \"position\",\n  \"zIndex\",\n  \"top\",\n  \"bottom\",\n  \"inset\",\n  \"insetX\",\n  \"insetY\",\n  \"insetStart\",\n  \"insetEnd\",\n  \"rotate\",\n  \"--iconPrimary\",\n  \"size\",\n] as const;\n\nconst iconBaseStyles = style(\n  {\n    size: 20,\n    flexShrink: 0,\n  },\n  iconAllowedOverrides,\n);\n\n// UI icons (chevrons, checkmarks, crosses, …) render at their per-size asset\n// dimensions — upstream's ui-icon width/height maps equal the SVG intrinsic\n// sizes exactly, so the width/height attributes on the generated variants are\n// the faithful size source. Only workflow icons get the 20px base above\n// (upstream Icon.tsx).\nconst uiIconBaseStyles = style(\n  {\n    flexShrink: 0,\n  },\n  iconAllowedOverrides,\n);\n\nconst illustrationBaseStyles = style(\n  {\n    size: {\n      size: illustrationSizes,\n    },\n    flexShrink: 0,\n  },\n  iconAllowedOverrides,\n);\n\nexport function createIcon(Component: Component<SpectrumSvgComponentProps>, context = IconContext) {\n  return createIconForBase(Component, context, iconBaseStyles);\n}\n\nexport function createUIIcon(\n  Component: Component<SpectrumSvgComponentProps>,\n  context = IconContext,\n) {\n  // UI icons (Cross, Chevron, Checkmark, …) are rendered as the RAW svg upstream\n  // (`@react-spectrum/s2` imports `../ui-icons/*` directly — the generated\n  // components spread `{...otherProps}` onto the imported asset and never pass\n  // through the `Icon` wrapper). Those assets carry NO `role` and NO `aria-hidden`,\n  // so upstream ui-icons are bare `<svg>`: Chrome still exposes them as unnamed\n  // `img` nodes (matching the CloseButton cross React shows in the AX tree), but\n  // axe's `svg-img-alt` rule only flags an *explicit* `svg[role=\"img\"]`, so\n  // upstream stays clean. Mirror that exactly — `bare` mode drops the forced\n  // `role=\"img\"` and the auto `aria-hidden`; only pass what a call site asks for.\n  // (parity rule #1/#2)\n  return createIconForBase(Component, context, uiIconBaseStyles, true);\n}\n\nfunction createIconForBase(\n  Component: Component<SpectrumSvgComponentProps>,\n  context: typeof IconContext,\n  baseStyles: typeof iconBaseStyles,\n  bare = false,\n) {\n  return (props: SpectrumIconProps): JSX.Element => {\n    const ctx = useContext(context);\n    const [local, rest] = splitProps(props, [\n      \"slot\",\n      \"styles\",\n      \"class\",\n      \"style\",\n      \"aria-label\",\n      \"aria-hidden\",\n      \"UNSAFE_suppressDataSlot\",\n      \"size\" as keyof SpectrumIconProps,\n    ]);\n    const slot = () => {\n      if (local.UNSAFE_suppressDataSlot) {\n        return undefined;\n      }\n\n      return local.slot ?? ctx.slot ?? undefined;\n    };\n    const contextStyles = () => (typeof ctx.styles === \"function\" ? ctx.styles() : ctx.styles);\n    const isSkeleton = createIsSkeleton();\n    const skeletonAnimationRef = useLoadingAnimation(isSkeleton);\n    const inertRef = useInertAttribute(isSkeleton);\n    const skeletonStyles = useSkeletonIcon(() =>\n      mergeStyles(baseStyles(null, local.styles), contextStyles()),\n    );\n    const skeletonRef = (element: SVGSVGElement) => {\n      skeletonAnimationRef(element);\n      inertRef(element);\n    };\n\n    const mergedClass = () =>\n      [local.class, skeletonStyles(), isSkeleton() ? loadingStyle : undefined]\n        .filter(Boolean)\n        .join(\" \");\n\n    const ariaHidden = () => {\n      if (local[\"aria-label\"] || bare) {\n        return local[\"aria-hidden\"] || undefined;\n      }\n\n      return true;\n    };\n\n    const svg = (\n      <Component\n        {...rest}\n        ref={mergeContextRefs((rest as { ref?: RefLike<SVGSVGElement> }).ref, skeletonRef)}\n        focusable={false}\n        role={bare ? undefined : \"img\"}\n        aria-label={local[\"aria-label\"]}\n        aria-hidden={ariaHidden()}\n        data-slot={slot()}\n        class={mergedClass()}\n        style={local.style}\n      />\n    );\n\n    return ctx.render ? ctx.render(svg) : svg;\n  };\n}\n\nexport function createIllustration(Component: Component<SpectrumSvgComponentProps>) {\n  return (props: SpectrumIllustrationProps): JSX.Element => {\n    const ctx = useContext(IllustrationContext);\n    const [local, rest] = splitProps(props, [\n      \"slot\",\n      \"styles\",\n      \"class\",\n      \"style\",\n      \"aria-label\",\n      \"aria-hidden\",\n      \"size\",\n      \"UNSAFE_suppressDataSlot\",\n    ]);\n    const slot = () => {\n      if (local.UNSAFE_suppressDataSlot) {\n        return undefined;\n      }\n\n      return local.slot ?? ctx.slot ?? undefined;\n    };\n    const size = () => local.size ?? ctx.size ?? \"M\";\n    const contextStyles = () => (typeof ctx.styles === \"function\" ? ctx.styles() : ctx.styles);\n\n    const mergedClass = () =>\n      [\n        local.class,\n        mergeStyles(illustrationBaseStyles({ size: size() }, local.styles), contextStyles()),\n      ]\n        .filter(Boolean)\n        .join(\" \");\n\n    const ariaHidden = () => {\n      if (local[\"aria-label\"]) {\n        return local[\"aria-hidden\"] || undefined;\n      }\n\n      return true;\n    };\n\n    const svg = (\n      <Component\n        {...rest}\n        size={size()}\n        focusable={false}\n        role=\"img\"\n        aria-label={local[\"aria-label\"]}\n        aria-hidden={ariaHidden()}\n        data-slot={slot()}\n        class={mergedClass()}\n        style={local.style}\n      />\n    );\n\n    return ctx.render ? ctx.render(svg) : svg;\n  };\n}\n"],"mappings":"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"}

package/dist/_chunk/spectrum-icon.jsx

@@ -0,0 +1,132 @@
+import { t as mergeStyles } from "./runtime.jsx";
+import { r as mergeContextRefs } from "./spectrum-context.jsx";
+import { createIsSkeleton, loadingStyle, useInertAttribute, useLoadingAnimation, useSkeletonIcon } from "../skeleton/index.jsx";
+import { createContext, splitProps, useContext } from "solid-js";
+//#region src/icon/spectrum-icon.tsx
+const IconContext = createContext({});
+const IllustrationContext = createContext({});
+const iconBaseStyles = function anonymous(props, overrides) {
+	let rules = " ";
+	let width = false;
+	let height = false;
+	let matches = String(overrides || "").matchAll(/(?:^|\s)(J|G|I|H|__A|_d|_J|z|y|B|A|_P|_9|W|_l|_A|_z|_S|-_8sjo0b-|Z|F)[^\s]+/g);
+	for (let p of matches) {
+		if (p[1] === "Z") width = true;
+		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";
+	return rules;
+};
+const illustrationBaseStyles = function anonymous(props, overrides) {
+	let rules = " ";
+	let width = false;
+	let height = false;
+	let matches = String(overrides || "").matchAll(/(?:^|\s)(J|G|I|H|__A|_d|_J|z|y|B|A|_P|_9|W|_l|_A|_z|_S|-_8sjo0b-|Z|F)[^\s]+/g);
+	for (let p of matches) {
+		if (p[1] === "Z") width = true;
+		if (p[1] === "F") height = true;
+		rules += p[0];
+	}
+	if (props.size === "L") {
+		if (!width) rules += " Zq151";
+	} else if (props.size === "M") {
+		if (!width) rules += " ZH151";
+	} else if (props.size === "S") {
+		if (!width) rules += " ZF151";
+	}
+	if (props.size === "L") {
+		if (!height) rules += " Fr151";
+	} else if (props.size === "M") {
+		if (!height) rules += " FB151";
+	} else if (props.size === "S") {
+		if (!height) rules += " Fz151";
+	}
+	rules += " _va151";
+	return rules;
+};
+function createIcon(Component, context = IconContext) {
+	return createIconForBase(Component, context, iconBaseStyles);
+}
+function createUIIcon(Component, context = IconContext) {
+	return createIconForBase(Component, context, uiIconBaseStyles, true);
+}
+function createIconForBase(Component, context, baseStyles, bare = false) {
+	return (props) => {
+		const ctx = useContext(context);
+		const [local, rest] = splitProps(props, [
+			"slot",
+			"styles",
+			"class",
+			"style",
+			"aria-label",
+			"aria-hidden",
+			"UNSAFE_suppressDataSlot",
+			"size"
+		]);
+		const slot = () => {
+			if (local.UNSAFE_suppressDataSlot) return;
+			return local.slot ?? ctx.slot ?? void 0;
+		};
+		const contextStyles = () => 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 skeletonRef = (element) => {
+			skeletonAnimationRef(element);
+			inertRef(element);
+		};
+		const mergedClass = () => [
+			local.class,
+			skeletonStyles(),
+			isSkeleton() ? loadingStyle : void 0
+		].filter(Boolean).join(" ");
+		const ariaHidden = () => {
+			if (local["aria-label"] || bare) return local["aria-hidden"] || void 0;
+			return true;
+		};
+		const svg = <Component {...rest} ref={mergeContextRefs(rest.ref, skeletonRef)} focusable={false} role={bare ? void 0 : "img"} aria-label={local["aria-label"]} aria-hidden={ariaHidden()} data-slot={slot()} class={mergedClass()} style={local.style} />;
+		return ctx.render ? ctx.render(svg) : svg;
+	};
+}
+function createIllustration(Component) {
+	return (props) => {
+		const ctx = useContext(IllustrationContext);
+		const [local, rest] = splitProps(props, [
+			"slot",
+			"styles",
+			"class",
+			"style",
+			"aria-label",
+			"aria-hidden",
+			"size",
+			"UNSAFE_suppressDataSlot"
+		]);
+		const slot = () => {
+			if (local.UNSAFE_suppressDataSlot) return;
+			return local.slot ?? ctx.slot ?? void 0;
+		};
+		const size = () => local.size ?? ctx.size ?? "M";
+		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;
+		};
+		const svg = <Component {...rest} size={size()} focusable={false} role="img" aria-label={local["aria-label"]} aria-hidden={ariaHidden()} data-slot={slot()} class={mergedClass()} style={local.style} />;
+		return ctx.render ? ctx.render(svg) : svg;
+	};
+}
+//#endregion
+export { createUIIcon as a, createIllustration as i, IllustrationContext as n, createIcon as r, IconContext as t };
+
+//# sourceMappingURL=spectrum-icon.jsx.map