@proyecto-viviana/solidaria-components 0.5.0 → 0.7.0-rc.0

package/dist/Slider.js.map

@@ -1 +1 @@
-{"version":3,"file":"Slider.js","names":["JSX","createContext","createMemo","splitProps","useContext","Show","createSlider","createFocusRing","createHover","mergeProps","AriaSliderProps","HoverEvents","createSliderState","SliderState","SliderOrientation","RenderChildren","ClassNameOrFunction","StyleOrFunction","SlotProps","useRenderProps","filterDOMProps","VisuallyHidden","SliderRenderProps","isDisabled","isDragging","isFocused","value","valuePercent","orientation","SliderProps","Omit","defaultValue","onChange","onChangeEnd","minValue","maxValue","step","locale","formatOptions","Intl","NumberFormatOptions","label","Element","children","class","style","ref","el","HTMLDivElement","SliderTrackRenderProps","SliderTrackProps","HTMLAttributes","SliderThumbRenderProps","isFocusVisible","isHovered","SliderThumbProps","SliderFillRenderProps","SliderFillProps","offset","SliderOutputRenderProps","formattedValue","SliderOutputProps","HTMLElement","SliderContextValue","state","trackProps","thumbProps","outputProps","inputProps","InputHTMLAttributes","HTMLInputElement","trackRef","setTrackRef","inputRef","setInputRef","SliderContext","SliderStateContext","SliderTrackContext","SliderFillContext","SliderOutputContext","Slider","props","local","stateProps","ariaProps","rest","sliderAria","renderValues","getValuePercent","renderProps","defaultClassName","childRenderValues","sliderChildren","domProps","Record","global","cleanGroupProps","_ref","groupProps","_$createComponent","Provider","_el$","_$getNextElement","_tmpl$2","_el$3","firstChild","_el$4","_co$","_$getNextMarker","nextSibling","_el$5","_el$6","_co$2","_ref$","_$use","_$spread","_$mergeProps","data-disabled","undefined","data-orientation","data-dragging","_$insert","when","_el$2","_tmpl$","labelProps","_$runHydrationEvents","SliderTrack","context","Error","cleanTrackProps","trackStyle","mergedStyle","renderStyle","_el$7","_tmpl$3","renderChildren","SliderThumb","focusProps","hoverProps","cleanThumbProps","thumbStyle","cleanFocusProps","cleanHoverProps","cleanInputProps","mergedInputProps","_el$8","_tmpl$4","_el$9","data-focused","data-focus-visible","data-hovered","clampFill","min","max","Math","SliderFill","onHoverStart","onHoverEnd","onHoverChange","percentOf","range","start","end","startPercent","sizePercent","CSSProperties","fillStyle","position","bottom","height","width","_el$0","SliderOutput","getFormattedValue","cleanDomProps","cleanOutputProps","renderedChildren","_el$1","_tmpl$5","Track","Thumb","Fill","Output"],"sources":["../src/Slider.tsx"],"sourcesContent":["/**\n * Slider component for solidaria-components\n *\n * A pre-wired headless slider that combines state + aria hooks.\n * Port of react-aria-components/src/Slider.tsx\n */\n\nimport { type JSX, createContext, createMemo, splitProps, useContext, Show } from \"solid-js\";\nimport {\n  createSlider,\n  createFocusRing,\n  createHover,\n  mergeProps,\n  type AriaSliderProps,\n  type HoverEvents,\n} from \"@proyecto-viviana/solidaria\";\nimport {\n  createSliderState,\n  type SliderState,\n  type SliderOrientation,\n} from \"@proyecto-viviana/solid-stately\";\nimport {\n  type RenderChildren,\n  type ClassNameOrFunction,\n  type StyleOrFunction,\n  type SlotProps,\n  useRenderProps,\n  filterDOMProps,\n} from \"./utils\";\nimport { VisuallyHidden } from \"./VisuallyHidden\";\n\nexport interface SliderRenderProps {\n  /** Whether the slider is disabled. */\n  isDisabled: boolean;\n  /** Whether the slider is being dragged. */\n  isDragging: boolean;\n  /** Whether the slider is focused. */\n  isFocused: boolean;\n  /** The current value. */\n  value: number;\n  /** The value as a percent (0-1). */\n  valuePercent: number;\n  /** The orientation. */\n  orientation: SliderOrientation;\n}\n\nexport interface SliderProps extends Omit<AriaSliderProps, \"label\">, SlotProps {\n  /** The current value (controlled). */\n  value?: number;\n  /** The default value (uncontrolled). */\n  defaultValue?: number;\n  /** Handler called when the value changes. */\n  onChange?: (value: number) => void;\n  /** Handler called when dragging ends. */\n  onChangeEnd?: (value: number) => void;\n  /** The minimum value. */\n  minValue?: number;\n  /** The maximum value. */\n  maxValue?: number;\n  /** The step value. */\n  step?: number;\n  /** The orientation of the slider. */\n  orientation?: SliderOrientation;\n  /** The locale for number formatting. */\n  locale?: string;\n  /** Number format options. */\n  formatOptions?: Intl.NumberFormatOptions;\n  /** A visible label for the slider. */\n  label?: JSX.Element;\n  /** The children of the component. */\n  children?: RenderChildren<SliderRenderProps>;\n  /** The CSS className for the element. */\n  class?: ClassNameOrFunction<SliderRenderProps>;\n  /** The inline style for the element. */\n  style?: StyleOrFunction<SliderRenderProps>;\n  /** Ref for the slider root element. */\n  ref?: (el: HTMLDivElement) => void;\n}\n\nexport interface SliderTrackRenderProps {\n  /** Whether the slider is disabled. */\n  isDisabled: boolean;\n  /** Whether the slider is being dragged. */\n  isDragging: boolean;\n  /** The value as a percent (0-1). */\n  valuePercent: number;\n  /** The orientation. */\n  orientation: SliderOrientation;\n}\n\nexport interface SliderTrackProps\n  extends SlotProps, Omit<JSX.HTMLAttributes<HTMLDivElement>, \"class\" | \"style\" | \"children\"> {\n  /** The children of the track. */\n  children?: RenderChildren<SliderTrackRenderProps>;\n  /** The CSS className for the element. */\n  class?: ClassNameOrFunction<SliderTrackRenderProps>;\n  /** The inline style for the element. */\n  style?: StyleOrFunction<SliderTrackRenderProps>;\n}\n\nexport interface SliderThumbRenderProps {\n  /** Whether the slider is disabled. */\n  isDisabled: boolean;\n  /** Whether the thumb is being dragged. */\n  isDragging: boolean;\n  /** Whether the thumb is focused. */\n  isFocused: boolean;\n  /** Whether the thumb has keyboard focus. */\n  isFocusVisible: boolean;\n  /** Whether the thumb is hovered. */\n  isHovered: boolean;\n  /** The current value. */\n  value: number;\n  /** The value as a percent (0-1). */\n  valuePercent: number;\n}\n\nexport interface SliderThumbProps\n  extends SlotProps, Omit<JSX.HTMLAttributes<HTMLDivElement>, \"class\" | \"style\" | \"children\"> {\n  /** The children of the thumb. */\n  children?: RenderChildren<SliderThumbRenderProps>;\n  /** The CSS className for the element. */\n  class?: ClassNameOrFunction<SliderThumbRenderProps>;\n  /** The inline style for the element. */\n  style?: StyleOrFunction<SliderThumbRenderProps>;\n}\n\nexport interface SliderFillRenderProps {\n  /** Whether the slider is disabled. */\n  isDisabled: boolean;\n  /** Whether the slider fill is currently hovered with a mouse. */\n  isHovered: boolean;\n  /** The value as a percent (0-1). */\n  valuePercent: number;\n  /** The orientation. */\n  orientation: SliderOrientation;\n}\n\nexport interface SliderFillProps\n  extends\n    SlotProps,\n    HoverEvents,\n    Omit<JSX.HTMLAttributes<HTMLDivElement>, \"class\" | \"style\" | \"children\"> {\n  /** The offset from which to start the fill. Defaults to the slider's minValue. */\n  offset?: number;\n  /** The children of the fill. */\n  children?: RenderChildren<SliderFillRenderProps>;\n  /** The CSS className for the element. */\n  class?: ClassNameOrFunction<SliderFillRenderProps>;\n  /** The inline style for the element. */\n  style?: StyleOrFunction<SliderFillRenderProps>;\n}\n\nexport interface SliderOutputRenderProps {\n  /** The current value. */\n  value: number;\n  /** The formatted value string. */\n  formattedValue: string;\n}\n\nexport interface SliderOutputProps\n  extends SlotProps, Omit<JSX.HTMLAttributes<HTMLElement>, \"class\" | \"style\" | \"children\"> {\n  /** The children of the output. */\n  children?: RenderChildren<SliderOutputRenderProps>;\n  /** The CSS className for the element. */\n  class?: ClassNameOrFunction<SliderOutputRenderProps>;\n  /** The inline style for the element. */\n  style?: StyleOrFunction<SliderOutputRenderProps>;\n}\n\ninterface SliderContextValue {\n  state: SliderState;\n  trackProps: JSX.HTMLAttributes<HTMLElement>;\n  thumbProps: JSX.HTMLAttributes<HTMLElement>;\n  outputProps: JSX.HTMLAttributes<HTMLElement>;\n  inputProps: JSX.InputHTMLAttributes<HTMLInputElement>;\n  trackRef: HTMLElement | undefined;\n  setTrackRef: (el: HTMLElement) => void;\n  inputRef: HTMLInputElement | undefined;\n  setInputRef: (el: HTMLInputElement) => void;\n}\n\nexport const SliderContext = createContext<SliderContextValue | null>(null);\nexport const SliderStateContext = SliderContext;\nexport const SliderTrackContext = SliderContext;\nexport const SliderFillContext = SliderContext;\nexport const SliderOutputContext = SliderContext;\n\n/**\n * A slider allows users to select a value from a range.\n */\nexport function Slider(props: SliderProps): JSX.Element {\n  const [local, stateProps, ariaProps, rest] = splitProps(\n    props,\n    [\"class\", \"style\", \"slot\", \"ref\"],\n    [\n      \"value\",\n      \"defaultValue\",\n      \"onChange\",\n      \"onChangeEnd\",\n      \"minValue\",\n      \"maxValue\",\n      \"step\",\n      \"orientation\",\n      \"locale\",\n      \"formatOptions\",\n    ],\n    [\n      \"label\",\n      \"aria-label\",\n      \"aria-labelledby\",\n      \"aria-describedby\",\n      \"isDisabled\",\n      \"id\",\n      \"name\",\n      \"form\",\n    ],\n  );\n\n  const state = createSliderState({\n    get value() {\n      return stateProps.value;\n    },\n    get defaultValue() {\n      return stateProps.defaultValue;\n    },\n    get onChange() {\n      return stateProps.onChange;\n    },\n    get onChangeEnd() {\n      return stateProps.onChangeEnd;\n    },\n    get minValue() {\n      return stateProps.minValue;\n    },\n    get maxValue() {\n      return stateProps.maxValue;\n    },\n    get step() {\n      return stateProps.step;\n    },\n    get orientation() {\n      return stateProps.orientation;\n    },\n    get locale() {\n      return stateProps.locale;\n    },\n    get formatOptions() {\n      return stateProps.formatOptions;\n    },\n    get isDisabled() {\n      return ariaProps.isDisabled;\n    },\n  });\n\n  let trackRef: HTMLElement | undefined;\n  const setTrackRef = (el: HTMLElement) => {\n    trackRef = el;\n  };\n  let inputRef: HTMLInputElement | undefined;\n  const setInputRef = (el: HTMLInputElement) => {\n    inputRef = el;\n  };\n\n  const sliderAria = createSlider(\n    ariaProps,\n    state,\n    () => trackRef ?? null,\n    () => inputRef ?? null,\n  );\n\n  const renderValues = createMemo<SliderRenderProps>(() => ({\n    isDisabled: state.isDisabled,\n    isDragging: state.isDragging(),\n    isFocused: state.isFocused(),\n    value: state.value(),\n    valuePercent: state.getValuePercent(),\n    orientation: state.orientation,\n  }));\n\n  const renderProps = useRenderProps(\n    {\n      get children() {\n        return props.children;\n      },\n      class: local.class,\n      style: local.style,\n      defaultClassName: \"solidaria-Slider\",\n    },\n    renderValues,\n  );\n\n  const childRenderValues: SliderRenderProps = {\n    get isDisabled() {\n      return state.isDisabled;\n    },\n    get isDragging() {\n      return state.isDragging();\n    },\n    get isFocused() {\n      return state.isFocused();\n    },\n    get value() {\n      return state.value();\n    },\n    get valuePercent() {\n      return state.getValuePercent();\n    },\n    get orientation() {\n      return state.orientation;\n    },\n  };\n\n  const sliderChildren = () => {\n    const children = props.children;\n    return typeof children === \"function\" ? children(childRenderValues) : children;\n  };\n\n  const domProps = createMemo(() =>\n    filterDOMProps(rest as Record<string, unknown>, { global: true }),\n  );\n\n  const cleanGroupProps = () => {\n    const { ref: _ref, ...rest } = sliderAria.groupProps as Record<string, unknown>;\n    return rest;\n  };\n\n  return (\n    <SliderContext.Provider\n      value={{\n        state,\n        get trackProps() {\n          return sliderAria.trackProps;\n        },\n        get thumbProps() {\n          return sliderAria.thumbProps;\n        },\n        get outputProps() {\n          return sliderAria.outputProps;\n        },\n        get inputProps() {\n          return sliderAria.inputProps;\n        },\n        get trackRef() {\n          return trackRef;\n        },\n        setTrackRef,\n        get inputRef() {\n          return inputRef;\n        },\n        setInputRef,\n      }}\n    >\n      <div\n        {...domProps()}\n        {...cleanGroupProps()}\n        ref={local.ref}\n        class={renderProps.class()}\n        style={renderProps.style()}\n        data-disabled={state.isDisabled || undefined}\n        data-orientation={state.orientation}\n        data-dragging={state.isDragging() || undefined}\n      >\n        <Show when={ariaProps.label}>\n          <span {...sliderAria.labelProps}>{ariaProps.label}</span>\n        </Show>\n\n        {sliderChildren()}\n      </div>\n    </SliderContext.Provider>\n  );\n}\n\n/**\n * The track element of a slider.\n */\nexport function SliderTrack(props: SliderTrackProps): JSX.Element {\n  const [local, domProps] = splitProps(props, [\"class\", \"style\", \"slot\", \"children\"]);\n\n  const context = useContext(SliderContext);\n  if (!context) {\n    throw new Error(\"SliderTrack must be used within a Slider\");\n  }\n\n  const { state, setTrackRef } = context;\n\n  const renderValues = createMemo<SliderTrackRenderProps>(() => ({\n    isDisabled: state.isDisabled,\n    isDragging: state.isDragging(),\n    valuePercent: state.getValuePercent(),\n    orientation: state.orientation,\n  }));\n\n  const renderProps = useRenderProps(\n    {\n      get children() {\n        return props.children;\n      },\n      class: local.class,\n      style: local.style,\n      defaultClassName: \"solidaria-Slider-track\",\n    },\n    renderValues,\n  );\n\n  const cleanTrackProps = () => {\n    const { ref: _ref, style: trackStyle, ...rest } = context.trackProps as Record<string, unknown>;\n    return rest;\n  };\n\n  const mergedStyle = () => {\n    const trackStyle = (context.trackProps as { style?: Record<string, string> }).style || {};\n    const renderStyle = renderProps.style() || {};\n    return { ...trackStyle, ...renderStyle };\n  };\n\n  return (\n    <div\n      {...domProps}\n      ref={setTrackRef}\n      {...cleanTrackProps()}\n      class={renderProps.class()}\n      style={mergedStyle()}\n      data-disabled={state.isDisabled || undefined}\n      data-orientation={state.orientation}\n      data-dragging={state.isDragging() || undefined}\n    >\n      {renderProps.renderChildren()}\n    </div>\n  );\n}\n\n/**\n * The thumb element of a slider.\n */\nexport function SliderThumb(props: SliderThumbProps): JSX.Element {\n  const [local, domProps] = splitProps(props, [\"class\", \"style\", \"slot\", \"children\"]);\n\n  const context = useContext(SliderContext);\n  if (!context) {\n    throw new Error(\"SliderThumb must be used within a Slider\");\n  }\n\n  const { state, setInputRef } = context;\n\n  const { isFocused, isFocusVisible, focusProps } = createFocusRing();\n\n  const { isHovered, hoverProps } = createHover({\n    get isDisabled() {\n      return state.isDisabled;\n    },\n  });\n\n  const renderValues = createMemo<SliderThumbRenderProps>(() => ({\n    isDisabled: state.isDisabled,\n    isDragging: state.isDragging(),\n    isFocused: isFocused() || state.isFocused(),\n    isFocusVisible: isFocusVisible(),\n    isHovered: isHovered(),\n    value: state.value(),\n    valuePercent: state.getValuePercent(),\n  }));\n\n  const renderProps = useRenderProps(\n    {\n      get children() {\n        return props.children;\n      },\n      class: local.class,\n      style: local.style,\n      defaultClassName: \"solidaria-Slider-thumb\",\n    },\n    renderValues,\n  );\n\n  const cleanThumbProps = () => {\n    const { ref: _ref, style: thumbStyle, ...rest } = context.thumbProps as Record<string, unknown>;\n    return rest;\n  };\n  const cleanFocusProps = () => {\n    const { ref: _ref, ...rest } = focusProps as Record<string, unknown>;\n    return rest;\n  };\n  const cleanHoverProps = () => {\n    const { ref: _ref, ...rest } = hoverProps as Record<string, unknown>;\n    return rest;\n  };\n\n  const mergedStyle = () => {\n    const thumbStyle = (context.thumbProps as { style?: Record<string, string> }).style || {};\n    const renderStyle = renderProps.style() || {};\n    return { ...thumbStyle, ...renderStyle };\n  };\n  const cleanInputProps = () => {\n    const { ref: _ref, ...rest } = context.inputProps as Record<string, unknown>;\n    return rest;\n  };\n  const mergedInputProps = () =>\n    mergeProps(\n      cleanInputProps() as Record<string, unknown>,\n      cleanFocusProps() as Record<string, unknown>,\n    ) as JSX.InputHTMLAttributes<HTMLInputElement>;\n\n  return (\n    <>\n      <VisuallyHidden>\n        <input ref={setInputRef} {...mergedInputProps()} />\n      </VisuallyHidden>\n      <div\n        {...domProps}\n        {...cleanThumbProps()}\n        {...cleanHoverProps()}\n        class={renderProps.class()}\n        style={mergedStyle()}\n        data-disabled={state.isDisabled || undefined}\n        data-dragging={state.isDragging() || undefined}\n        data-focused={isFocused() || state.isFocused() || undefined}\n        data-focus-visible={isFocusVisible() || undefined}\n        data-hovered={isHovered() || undefined}\n      >\n        {renderProps.renderChildren()}\n      </div>\n    </>\n  );\n}\n\n/** Clamp a value between min and max (mirror of upstream's number/clamp). */\nfunction clampFill(value: number, min: number, max: number): number {\n  return Math.min(Math.max(value, min), max);\n}\n\n/**\n * The fill element of a slider, displaying the selected range.\n *\n * Port of react-aria-components `SliderFill` (RAC 1.18). Upstream reads the\n * array-based `SliderState` (`values`/`getThumbPercent`); our `SliderState` is\n * single-value, so this fills from `offset` (default the slider's minValue, i.e.\n * 0%) to the current value — the single-thumb branch of upstream's math, using\n * the same `(v - min) / (max - min)` percent formula the state itself uses.\n */\nexport function SliderFill(props: SliderFillProps): JSX.Element {\n  const [local, domProps] = splitProps(props, [\n    \"class\",\n    \"style\",\n    \"slot\",\n    \"offset\",\n    \"children\",\n    \"onHoverStart\",\n    \"onHoverEnd\",\n    \"onHoverChange\",\n  ]);\n\n  const context = useContext(SliderContext);\n  if (!context) {\n    throw new Error(\"SliderFill must be used within a Slider\");\n  }\n\n  const { state } = context;\n\n  const { isHovered, hoverProps } = createHover(() => ({\n    onHoverStart: local.onHoverStart,\n    onHoverEnd: local.onHoverEnd,\n    onHoverChange: local.onHoverChange,\n  }));\n\n  // Percent (0-100) of an arbitrary value within the track — mirrors\n  // SliderState.getValuePercent's formula for a value other than the current one.\n  const percentOf = (value: number) => {\n    const range = state.maxValue - state.minValue;\n    return range === 0 ? 0 : ((value - state.minValue) / range) * 100;\n  };\n\n  const offset = () =>\n    local.offset != null ? clampFill(local.offset, state.minValue, state.maxValue) : state.minValue;\n  const start = () => percentOf(offset());\n  const end = () => state.getValuePercent() * 100;\n  const startPercent = () => Math.min(start(), end());\n  const sizePercent = () => Math.max(0, Math.max(start(), end()) - startPercent());\n\n  const renderValues = createMemo<SliderFillRenderProps>(() => ({\n    isDisabled: state.isDisabled,\n    isHovered: isHovered(),\n    valuePercent: state.getValuePercent(),\n    orientation: state.orientation,\n  }));\n\n  const renderProps = useRenderProps(\n    {\n      get children() {\n        return props.children;\n      },\n      class: local.class,\n      style: local.style,\n      defaultClassName: \"solidaria-Slider-fill\",\n    },\n    renderValues,\n  );\n\n  // useRenderProps has no defaultStyle; merge the positioning style with the\n  // user's, mirroring upstream SliderFill's defaultStyle (and SliderTrack here).\n  const mergedStyle = (): JSX.CSSProperties => {\n    const fillStyle: JSX.CSSProperties =\n      state.orientation === \"vertical\"\n        ? {\n            position: \"absolute\",\n            bottom: `${startPercent()}%`,\n            height: `${sizePercent()}%`,\n            width: \"100%\",\n          }\n        : {\n            position: \"absolute\",\n            \"inset-inline-start\": `${startPercent()}%`,\n            width: `${sizePercent()}%`,\n            height: \"100%\",\n          };\n    return { ...fillStyle, ...(renderProps.style() || {}) };\n  };\n\n  return (\n    <div\n      {...domProps}\n      {...hoverProps}\n      class={renderProps.class()}\n      style={mergedStyle()}\n      data-hovered={isHovered() || undefined}\n      data-disabled={state.isDisabled || undefined}\n      data-orientation={state.orientation}\n    >\n      {renderProps.renderChildren()}\n    </div>\n  );\n}\n\n/**\n * The output element of a slider, displaying the current value.\n */\nexport function SliderOutput(props: SliderOutputProps): JSX.Element {\n  const [local, domProps] = splitProps(props, [\"class\", \"style\", \"slot\", \"children\"]);\n\n  const context = useContext(SliderContext);\n  if (!context) {\n    throw new Error(\"SliderOutput must be used within a Slider\");\n  }\n\n  const { state } = context;\n\n  const renderValues = createMemo<SliderOutputRenderProps>(() => ({\n    value: state.value(),\n    formattedValue: state.getFormattedValue(),\n  }));\n\n  const renderProps = useRenderProps(\n    {\n      get children() {\n        return props.children;\n      },\n      class: local.class,\n      style: local.style,\n      defaultClassName: \"solidaria-Slider-output\",\n    },\n    renderValues,\n  );\n\n  const cleanDomProps = () => {\n    const { ref: _ref, ...rest } = domProps as Record<string, unknown>;\n    return rest;\n  };\n  const cleanOutputProps = () => {\n    const { ref: _ref, ...rest } = context.outputProps as Record<string, unknown>;\n    return rest;\n  };\n\n  const renderedChildren = () => {\n    // Check if raw children prop exists before calling renderChildren\n    if (renderProps.children === undefined || renderProps.children === null) {\n      return state.getFormattedValue();\n    }\n    return renderProps.renderChildren();\n  };\n\n  return (\n    <output\n      {...cleanDomProps()}\n      {...cleanOutputProps()}\n      class={renderProps.class()}\n      style={renderProps.style()}\n    >\n      {renderedChildren()}\n    </output>\n  );\n}\n\nSlider.Track = SliderTrack;\nSlider.Thumb = SliderThumb;\nSlider.Fill = SliderFill;\nSlider.Output = SliderOutput;\n"],"mappings":"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"}
+{"version":3,"file":"Slider.js","names":["<SliderContext\n      value={{\n        state,\n        get trackProps() {\n          return sliderAria.trackProps;\n        },\n        get thumbProps() {\n          return sliderAria.thumbProps;\n        },\n        get outputProps() {\n          return sliderAria.outputProps;\n        },\n        get inputProps() {\n          return sliderAria.inputProps;\n        },\n        get trackRef() {\n          return trackRef;\n        },\n        setTrackRef,\n        get inputRef() {\n          return inputRef;\n        },\n        setInputRef,\n      }}\n    >\n      <div\n        {...domProps()}\n        {...cleanGroupProps()}\n        ref={local.ref}\n        class={renderProps.class()}\n        style={renderProps.style()}\n        data-disabled={dataAttr(state.isDisabled)}\n        data-orientation={state.orientation}\n        data-dragging={dataAttr(state.isDragging())}\n      >\n        <Show when={ariaProps.label}>\n          <span {...sliderAria.labelProps}>{ariaProps.label}</span>\n        </Show>\n\n        {sliderChildren()}\n      </div>\n    </SliderContext>","value={{\n        state,\n        get trackProps() {\n          return sliderAria.trackProps;\n        },\n        get thumbProps() {\n          return sliderAria.thumbProps;\n        },\n        get outputProps() {\n          return sliderAria.outputProps;\n        },\n        get inputProps() {\n          return sliderAria.inputProps;\n        },\n        get trackRef() {\n          return trackRef;\n        },\n        setTrackRef,\n        get inputRef() {\n          return inputRef;\n        },\n        setInputRef,\n      }}","ref={local.ref}","<Show when={ariaProps.label}>\n          <span {...sliderAria.labelProps}>{ariaProps.label}</span>\n        </Show>","<span {...sliderAria.labelProps}>{ariaProps.label}</span>","<div\n        {...domProps()}\n        {...cleanGroupProps()}\n        ref={local.ref}\n        class={renderProps.class()}\n        style={renderProps.style()}\n        data-disabled={dataAttr(state.isDisabled)}\n        data-orientation={state.orientation}\n        data-dragging={dataAttr(state.isDragging())}\n      >\n        <Show when={ariaProps.label}>\n          <span {...sliderAria.labelProps}>{ariaProps.label}</span>\n        </Show>\n\n        {sliderChildren()}\n      </div>","{sliderChildren()}","ref={setTrackRef}","{renderProps.renderChildren()}","<div\n      {...domProps}\n      ref={setTrackRef}\n      {...cleanTrackProps()}\n      class={renderProps.class()}\n      style={mergedStyle()}\n      data-disabled={dataAttr(state.isDisabled)}\n      data-orientation={state.orientation}\n      data-dragging={dataAttr(state.isDragging())}\n    >\n      {renderProps.renderChildren()}\n    </div>","<VisuallyHidden>\n        <input ref={setInputRef} {...mergedInputProps()} />\n      </VisuallyHidden>","ref={setInputRef}","<input ref={setInputRef} {...mergedInputProps()} />","<div\n      {...domProps}\n      {...hoverProps}\n      class={renderProps.class()}\n      style={mergedStyle()}\n      data-hovered={dataAttr(isHovered())}\n      data-disabled={dataAttr(state.isDisabled)}\n      data-orientation={state.orientation}\n    >\n      {renderProps.renderChildren()}\n    </div>","{renderedChildren()}","<output\n      {...cleanDomProps()}\n      {...cleanOutputProps()}\n      class={renderProps.class()}\n      style={renderProps.style()}\n    >\n      {renderedChildren()}\n    </output>"],"sources":["../src/Slider.tsx"],"sourcesContent":["/*\n * Copyright 2022 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-aria-components/src/Slider.tsx\n\n/**\n * Slider component for solidaria-components\n *\n * A pre-wired headless slider that combines state + aria hooks.\n * Solid adaptation of the pinned Slider component.\n */\n\nimport { createContext, createMemo, useContext, Show } from \"solid-js\";\nimport type { JSX } from \"@solidjs/web\";\nimport {\n  createSlider,\n  createFocusRing,\n  createHover,\n  mergeProps,\n  type AriaSliderProps,\n  type HoverEvents,\n} from \"@proyecto-viviana/solidaria\";\nimport {\n  createSliderState,\n  type SliderState,\n  type SliderOrientation,\n} from \"@proyecto-viviana/solid-stately\";\nimport {\n  type RenderChildren,\n  type ClassNameOrFunction,\n  type StyleOrFunction,\n  type SlotProps,\n  useRenderProps,\n  filterDOMProps,\n  dataAttr,\n  coerceDomRecord,\n} from \"./utils\";\nimport { VisuallyHidden } from \"./VisuallyHidden\";\nimport { splitProps } from \"@proyecto-viviana/solidaria/utils\";\n\nexport interface SliderRenderProps {\n  /** Whether the slider is disabled. */\n  isDisabled: boolean;\n  /** Whether the slider is being dragged. */\n  isDragging: boolean;\n  /** Whether the slider is focused. */\n  isFocused: boolean;\n  /** The current value. */\n  value: number;\n  /** The value as a percent (0-1). */\n  valuePercent: number;\n  /** The orientation. */\n  orientation: SliderOrientation;\n}\n\nexport interface SliderProps extends Omit<AriaSliderProps, \"label\">, SlotProps {\n  /** The current value (controlled). */\n  value?: number;\n  /** The default value (uncontrolled). */\n  defaultValue?: number;\n  /** Handler called when the value changes. */\n  onChange?: (value: number) => void;\n  /** Handler called when dragging ends. */\n  onChangeEnd?: (value: number) => void;\n  /** The minimum value. */\n  minValue?: number;\n  /** The maximum value. */\n  maxValue?: number;\n  /** The step value. */\n  step?: number;\n  /** The orientation of the slider. */\n  orientation?: SliderOrientation;\n  /** The locale for number formatting. */\n  locale?: string;\n  /** Number format options. */\n  formatOptions?: Intl.NumberFormatOptions;\n  /** A visible label for the slider. */\n  label?: JSX.Element;\n  /** The children of the component. */\n  children?: RenderChildren<SliderRenderProps>;\n  /** The CSS className for the element. */\n  class?: ClassNameOrFunction<SliderRenderProps>;\n  /** The inline style for the element. */\n  style?: StyleOrFunction<SliderRenderProps>;\n  /** Ref for the slider root element. */\n  ref?: (el: HTMLDivElement) => void;\n}\n\nexport interface SliderTrackRenderProps {\n  /** Whether the slider is disabled. */\n  isDisabled: boolean;\n  /** Whether the slider is being dragged. */\n  isDragging: boolean;\n  /** The value as a percent (0-1). */\n  valuePercent: number;\n  /** The orientation. */\n  orientation: SliderOrientation;\n}\n\nexport interface SliderTrackProps\n  extends SlotProps, Omit<JSX.HTMLAttributes<HTMLDivElement>, \"class\" | \"style\" | \"children\"> {\n  /** The children of the track. */\n  children?: RenderChildren<SliderTrackRenderProps>;\n  /** The CSS className for the element. */\n  class?: ClassNameOrFunction<SliderTrackRenderProps>;\n  /** The inline style for the element. */\n  style?: StyleOrFunction<SliderTrackRenderProps>;\n}\n\nexport interface SliderThumbRenderProps {\n  /** Whether the slider is disabled. */\n  isDisabled: boolean;\n  /** Whether the thumb is being dragged. */\n  isDragging: boolean;\n  /** Whether the thumb is focused. */\n  isFocused: boolean;\n  /** Whether the thumb has keyboard focus. */\n  isFocusVisible: boolean;\n  /** Whether the thumb is hovered. */\n  isHovered: boolean;\n  /** The current value. */\n  value: number;\n  /** The value as a percent (0-1). */\n  valuePercent: number;\n}\n\nexport interface SliderThumbProps\n  extends SlotProps, Omit<JSX.HTMLAttributes<HTMLDivElement>, \"class\" | \"style\" | \"children\"> {\n  /** The children of the thumb. */\n  children?: RenderChildren<SliderThumbRenderProps>;\n  /** The CSS className for the element. */\n  class?: ClassNameOrFunction<SliderThumbRenderProps>;\n  /** The inline style for the element. */\n  style?: StyleOrFunction<SliderThumbRenderProps>;\n}\n\nexport interface SliderFillRenderProps {\n  /** Whether the slider is disabled. */\n  isDisabled: boolean;\n  /** Whether the slider fill is currently hovered with a mouse. */\n  isHovered: boolean;\n  /** The value as a percent (0-1). */\n  valuePercent: number;\n  /** The orientation. */\n  orientation: SliderOrientation;\n}\n\nexport interface SliderFillProps\n  extends\n    SlotProps,\n    HoverEvents,\n    Omit<JSX.HTMLAttributes<HTMLDivElement>, \"class\" | \"style\" | \"children\"> {\n  /** The offset from which to start the fill. Defaults to the slider's minValue. */\n  offset?: number;\n  /** The children of the fill. */\n  children?: RenderChildren<SliderFillRenderProps>;\n  /** The CSS className for the element. */\n  class?: ClassNameOrFunction<SliderFillRenderProps>;\n  /** The inline style for the element. */\n  style?: StyleOrFunction<SliderFillRenderProps>;\n}\n\nexport interface SliderOutputRenderProps {\n  /** The current value. */\n  value: number;\n  /** The formatted value string. */\n  formattedValue: string;\n}\n\nexport interface SliderOutputProps\n  extends SlotProps, Omit<JSX.HTMLAttributes<HTMLElement>, \"class\" | \"style\" | \"children\"> {\n  /** The children of the output. */\n  children?: RenderChildren<SliderOutputRenderProps>;\n  /** The CSS className for the element. */\n  class?: ClassNameOrFunction<SliderOutputRenderProps>;\n  /** The inline style for the element. */\n  style?: StyleOrFunction<SliderOutputRenderProps>;\n}\n\ninterface SliderContextValue {\n  state: SliderState;\n  trackProps: JSX.HTMLAttributes<HTMLElement>;\n  thumbProps: JSX.HTMLAttributes<HTMLElement>;\n  outputProps: JSX.HTMLAttributes<HTMLElement>;\n  inputProps: JSX.InputHTMLAttributes<HTMLInputElement>;\n  trackRef: HTMLElement | undefined;\n  setTrackRef: (el: HTMLElement) => void;\n  inputRef: HTMLInputElement | undefined;\n  setInputRef: (el: HTMLInputElement) => void;\n}\n\nexport const SliderContext = createContext<SliderContextValue | null>(null);\nexport const SliderStateContext = SliderContext;\nexport const SliderTrackContext = SliderContext;\nexport const SliderFillContext = SliderContext;\nexport const SliderOutputContext = SliderContext;\n\n/**\n * A slider allows users to select a value from a range.\n */\nexport function Slider(props: SliderProps): JSX.Element {\n  const [local, stateProps, ariaProps, rest] = splitProps(\n    props,\n    [\"class\", \"style\", \"slot\", \"ref\"],\n    [\n      \"value\",\n      \"defaultValue\",\n      \"onChange\",\n      \"onChangeEnd\",\n      \"minValue\",\n      \"maxValue\",\n      \"step\",\n      \"orientation\",\n      \"locale\",\n      \"formatOptions\",\n    ],\n    [\n      \"label\",\n      \"aria-label\",\n      \"aria-labelledby\",\n      \"aria-describedby\",\n      \"isDisabled\",\n      \"id\",\n      \"name\",\n      \"form\",\n    ],\n  );\n\n  const state = createSliderState({\n    get value() {\n      return stateProps.value;\n    },\n    get defaultValue() {\n      return stateProps.defaultValue;\n    },\n    get onChange() {\n      return stateProps.onChange;\n    },\n    get onChangeEnd() {\n      return stateProps.onChangeEnd;\n    },\n    get minValue() {\n      return stateProps.minValue;\n    },\n    get maxValue() {\n      return stateProps.maxValue;\n    },\n    get step() {\n      return stateProps.step;\n    },\n    get orientation() {\n      return stateProps.orientation;\n    },\n    get locale() {\n      return stateProps.locale;\n    },\n    get formatOptions() {\n      return stateProps.formatOptions;\n    },\n    get isDisabled() {\n      return ariaProps.isDisabled;\n    },\n  });\n\n  let trackRef: HTMLElement | undefined;\n  const setTrackRef = (el: HTMLElement) => {\n    trackRef = el;\n  };\n  let inputRef: HTMLInputElement | undefined;\n  const setInputRef = (el: HTMLInputElement) => {\n    inputRef = el;\n  };\n\n  const sliderAria = createSlider(\n    ariaProps,\n    state,\n    () => trackRef ?? null,\n    () => inputRef ?? null,\n  );\n\n  const renderValues = createMemo<SliderRenderProps>(() => ({\n    isDisabled: state.isDisabled,\n    isDragging: state.isDragging(),\n    isFocused: state.isFocused(),\n    value: state.value(),\n    valuePercent: state.getValuePercent(),\n    orientation: state.orientation,\n  }));\n\n  const renderProps = useRenderProps(\n    {\n      get children() {\n        return props.children;\n      },\n      class: local.class,\n      style: local.style,\n      defaultClassName: \"solidaria-Slider\",\n    },\n    renderValues,\n  );\n\n  const childRenderValues: SliderRenderProps = {\n    get isDisabled() {\n      return state.isDisabled;\n    },\n    get isDragging() {\n      return state.isDragging();\n    },\n    get isFocused() {\n      return state.isFocused();\n    },\n    get value() {\n      return state.value();\n    },\n    get valuePercent() {\n      return state.getValuePercent();\n    },\n    get orientation() {\n      return state.orientation;\n    },\n  };\n\n  const sliderChildren = () => {\n    const children = props.children;\n    return typeof children === \"function\" ? children(childRenderValues) : children;\n  };\n\n  const domProps = createMemo(() =>\n    filterDOMProps(rest as Record<string, unknown>, { global: true }),\n  );\n\n  const cleanGroupProps = () => {\n    const { ref: _ref, ...rest } = sliderAria.groupProps as Record<string, unknown>;\n    return rest;\n  };\n\n  return (\n    <SliderContext\n      value={{\n        state,\n        get trackProps() {\n          return sliderAria.trackProps;\n        },\n        get thumbProps() {\n          return sliderAria.thumbProps;\n        },\n        get outputProps() {\n          return sliderAria.outputProps;\n        },\n        get inputProps() {\n          return sliderAria.inputProps;\n        },\n        get trackRef() {\n          return trackRef;\n        },\n        setTrackRef,\n        get inputRef() {\n          return inputRef;\n        },\n        setInputRef,\n      }}\n    >\n      <div\n        {...domProps()}\n        {...cleanGroupProps()}\n        ref={local.ref}\n        class={renderProps.class()}\n        style={renderProps.style()}\n        data-disabled={dataAttr(state.isDisabled)}\n        data-orientation={state.orientation}\n        data-dragging={dataAttr(state.isDragging())}\n      >\n        <Show when={ariaProps.label}>\n          <span {...sliderAria.labelProps}>{ariaProps.label}</span>\n        </Show>\n\n        {sliderChildren()}\n      </div>\n    </SliderContext>\n  );\n}\n\n/**\n * The track element of a slider.\n */\nexport function SliderTrack(props: SliderTrackProps): JSX.Element {\n  const [local, domProps] = splitProps(props, [\"class\", \"style\", \"slot\", \"children\"]);\n\n  const context = useContext(SliderContext);\n  if (!context) {\n    throw new Error(\"SliderTrack must be used within a Slider\");\n  }\n\n  const { state, setTrackRef } = context;\n\n  const renderValues = createMemo<SliderTrackRenderProps>(() => ({\n    isDisabled: state.isDisabled,\n    isDragging: state.isDragging(),\n    valuePercent: state.getValuePercent(),\n    orientation: state.orientation,\n  }));\n\n  const renderProps = useRenderProps(\n    {\n      get children() {\n        return props.children;\n      },\n      class: local.class,\n      style: local.style,\n      defaultClassName: \"solidaria-Slider-track\",\n    },\n    renderValues,\n  );\n\n  const cleanTrackProps = () => {\n    const { ref: _ref, style: trackStyle, ...rest } = context.trackProps as Record<string, unknown>;\n    return rest;\n  };\n\n  const mergedStyle = () => {\n    const trackStyle = (context.trackProps as { style?: Record<string, string> }).style || {};\n    const renderStyle = renderProps.style() || {};\n    return { ...trackStyle, ...renderStyle };\n  };\n\n  return (\n    <div\n      {...domProps}\n      ref={setTrackRef}\n      {...cleanTrackProps()}\n      class={renderProps.class()}\n      style={mergedStyle()}\n      data-disabled={dataAttr(state.isDisabled)}\n      data-orientation={state.orientation}\n      data-dragging={dataAttr(state.isDragging())}\n    >\n      {renderProps.renderChildren()}\n    </div>\n  );\n}\n\n/**\n * The thumb element of a slider.\n */\nexport function SliderThumb(props: SliderThumbProps): JSX.Element {\n  const [local, domProps] = splitProps(props, [\"class\", \"style\", \"slot\", \"children\"]);\n\n  const context = useContext(SliderContext);\n  if (!context) {\n    throw new Error(\"SliderThumb must be used within a Slider\");\n  }\n\n  const { state, setInputRef } = context;\n\n  const { isFocused, isFocusVisible, focusProps } = createFocusRing();\n\n  const { isHovered, hoverProps } = createHover({\n    get isDisabled() {\n      return state.isDisabled;\n    },\n  });\n\n  const renderValues = createMemo<SliderThumbRenderProps>(() => ({\n    isDisabled: state.isDisabled,\n    isDragging: state.isDragging(),\n    isFocused: isFocused() || state.isFocused(),\n    isFocusVisible: isFocusVisible(),\n    isHovered: isHovered(),\n    value: state.value(),\n    valuePercent: state.getValuePercent(),\n  }));\n\n  const renderProps = useRenderProps(\n    {\n      get children() {\n        return props.children;\n      },\n      class: local.class,\n      style: local.style,\n      defaultClassName: \"solidaria-Slider-thumb\",\n    },\n    renderValues,\n  );\n\n  const cleanThumbProps = () => {\n    const { ref: _ref, style: thumbStyle, ...rest } = context.thumbProps as Record<string, unknown>;\n    return rest;\n  };\n  const cleanFocusProps = () => {\n    const { ref: _ref, ...rest } = focusProps as Record<string, unknown>;\n    return rest;\n  };\n  const cleanHoverProps = () => {\n    const { ref: _ref, ...rest } = hoverProps as Record<string, unknown>;\n    return rest;\n  };\n\n  const mergedStyle = () => {\n    const thumbStyle = (context.thumbProps as { style?: Record<string, string> }).style || {};\n    const renderStyle = renderProps.style() || {};\n    return { ...thumbStyle, ...renderStyle };\n  };\n  const cleanInputProps = () => {\n    const { ref: _ref, ...rest } = context.inputProps as Record<string, unknown>;\n    return rest;\n  };\n  const mergedInputProps = () =>\n    mergeProps(\n      cleanInputProps() as Record<string, unknown>,\n      cleanFocusProps() as Record<string, unknown>,\n    ) as JSX.InputHTMLAttributes<HTMLInputElement>;\n\n  return (\n    <>\n      <VisuallyHidden>\n        <input ref={setInputRef} {...mergedInputProps()} />\n      </VisuallyHidden>\n      <div\n        {...domProps}\n        {...coerceDomRecord(cleanThumbProps() as Record<string, unknown>)}\n        {...cleanHoverProps()}\n        class={renderProps.class()}\n        style={mergedStyle()}\n        data-disabled={dataAttr(state.isDisabled)}\n        data-dragging={dataAttr(state.isDragging())}\n        data-focused={dataAttr(isFocused() || state.isFocused())}\n        data-focus-visible={dataAttr(isFocusVisible())}\n        data-hovered={dataAttr(isHovered())}\n      >\n        {renderProps.renderChildren()}\n      </div>\n    </>\n  );\n}\n\n/** Clamp a value between min and max (mirror of upstream's number/clamp). */\nfunction clampFill(value: number, min: number, max: number): number {\n  return Math.min(Math.max(value, min), max);\n}\n\n/**\n * The fill element of a slider, displaying the selected range.\n *\n * Solid adaptation of the pinned `SliderFill`. Upstream reads the\n * array-based `SliderState` (`values`/`getThumbPercent`); our `SliderState` is\n * single-value, so this fills from `offset` (default the slider's minValue, i.e.\n * 0%) to the current value — the single-thumb branch of upstream's math, using\n * the same `(v - min) / (max - min)` percent formula the state itself uses.\n */\nexport function SliderFill(props: SliderFillProps): JSX.Element {\n  const [local, domProps] = splitProps(props, [\n    \"class\",\n    \"style\",\n    \"slot\",\n    \"offset\",\n    \"children\",\n    \"onHoverStart\",\n    \"onHoverEnd\",\n    \"onHoverChange\",\n  ]);\n\n  const context = useContext(SliderContext);\n  if (!context) {\n    throw new Error(\"SliderFill must be used within a Slider\");\n  }\n\n  const { state } = context;\n\n  const { isHovered, hoverProps } = createHover(() => ({\n    onHoverStart: local.onHoverStart,\n    onHoverEnd: local.onHoverEnd,\n    onHoverChange: local.onHoverChange,\n  }));\n\n  // Percent (0-100) of an arbitrary value within the track — mirrors\n  // SliderState.getValuePercent's formula for a value other than the current one.\n  const percentOf = (value: number) => {\n    const range = state.maxValue - state.minValue;\n    return range === 0 ? 0 : ((value - state.minValue) / range) * 100;\n  };\n\n  const offset = () =>\n    local.offset != null ? clampFill(local.offset, state.minValue, state.maxValue) : state.minValue;\n  const start = () => percentOf(offset());\n  const end = () => state.getValuePercent() * 100;\n  const startPercent = () => Math.min(start(), end());\n  const sizePercent = () => Math.max(0, Math.max(start(), end()) - startPercent());\n\n  const renderValues = createMemo<SliderFillRenderProps>(() => ({\n    isDisabled: state.isDisabled,\n    isHovered: isHovered(),\n    valuePercent: state.getValuePercent(),\n    orientation: state.orientation,\n  }));\n\n  const renderProps = useRenderProps(\n    {\n      get children() {\n        return props.children;\n      },\n      class: local.class,\n      style: local.style,\n      defaultClassName: \"solidaria-Slider-fill\",\n    },\n    renderValues,\n  );\n\n  // useRenderProps has no defaultStyle; merge the positioning style with the\n  // user's, mirroring upstream SliderFill's defaultStyle (and SliderTrack here).\n  const mergedStyle = (): JSX.CSSProperties => {\n    const fillStyle: JSX.CSSProperties =\n      state.orientation === \"vertical\"\n        ? {\n            position: \"absolute\",\n            bottom: `${startPercent()}%`,\n            height: `${sizePercent()}%`,\n            width: \"100%\",\n          }\n        : {\n            position: \"absolute\",\n            \"inset-inline-start\": `${startPercent()}%`,\n            width: `${sizePercent()}%`,\n            height: \"100%\",\n          };\n    return { ...fillStyle, ...(renderProps.style() || {}) };\n  };\n\n  return (\n    <div\n      {...domProps}\n      {...hoverProps}\n      class={renderProps.class()}\n      style={mergedStyle()}\n      data-hovered={dataAttr(isHovered())}\n      data-disabled={dataAttr(state.isDisabled)}\n      data-orientation={state.orientation}\n    >\n      {renderProps.renderChildren()}\n    </div>\n  );\n}\n\n/**\n * The output element of a slider, displaying the current value.\n */\nexport function SliderOutput(props: SliderOutputProps): JSX.Element {\n  const [local, domProps] = splitProps(props, [\"class\", \"style\", \"slot\", \"children\"]);\n\n  const context = useContext(SliderContext);\n  if (!context) {\n    throw new Error(\"SliderOutput must be used within a Slider\");\n  }\n\n  const { state } = context;\n\n  const renderValues = createMemo<SliderOutputRenderProps>(() => ({\n    value: state.value(),\n    formattedValue: state.getFormattedValue(),\n  }));\n\n  const renderProps = useRenderProps(\n    {\n      get children() {\n        return props.children;\n      },\n      class: local.class,\n      style: local.style,\n      defaultClassName: \"solidaria-Slider-output\",\n    },\n    renderValues,\n  );\n\n  const cleanDomProps = () => {\n    const { ref: _ref, ...rest } = domProps as Record<string, unknown>;\n    return rest;\n  };\n  const cleanOutputProps = () => {\n    const { ref: _ref, ...rest } = context.outputProps as Record<string, unknown>;\n    return rest;\n  };\n\n  const renderedChildren = () => {\n    // Check if raw children prop exists before calling renderChildren\n    if (renderProps.children === undefined || renderProps.children === null) {\n      return state.getFormattedValue();\n    }\n    return renderProps.renderChildren();\n  };\n\n  return (\n    <output\n      {...cleanDomProps()}\n      {...cleanOutputProps()}\n      class={renderProps.class()}\n      style={renderProps.style()}\n    >\n      {renderedChildren()}\n    </output>\n  );\n}\n\nSlider.Track = SliderTrack;\nSlider.Thumb = SliderThumb;\nSlider.Fill = SliderFill;\nSlider.Output = SliderOutput;\n"],"mappings":"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"}

package/dist/Slider.jsx

@@ -1,14 +1,27 @@
-import { filterDOMProps, useRenderProps } from "./utils.jsx";
+/*
+* Copyright 2022 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-aria-components/src/Slider.tsx
+import { coerceDomRecord, dataAttr, filterDOMProps, useRenderProps } from "./utils.jsx";
 import { VisuallyHidden } from "./VisuallyHidden.jsx";
-import { Show, createContext, createMemo, splitProps, useContext } from "solid-js";
-import { createFocusRing, createHover, createSlider, mergeProps as mergeProps$1 } from "@proyecto-viviana/solidaria";
+import { Show, createContext, createMemo, useContext } from "solid-js";
+import { createFocusRing, createHover, createSlider, mergeProps } from "@proyecto-viviana/solidaria";
+import { splitProps } from "@proyecto-viviana/solidaria/utils";
 import { createSliderState } from "@proyecto-viviana/solid-stately";
 //#region src/Slider.tsx
 /**
 * Slider component for solidaria-components
 *
 * A pre-wired headless slider that combines state + aria hooks.
-* Port of react-aria-components/src/Slider.tsx
+* Solid adaptation of the pinned Slider component.
 */
 const SliderContext = createContext(null);
 const SliderStateContext = SliderContext;
@@ -134,7 +147,7 @@ function Slider(props) {
 		const { ref: _ref, ...rest } = sliderAria.groupProps;
 		return rest;
 	};
-	return <SliderContext.Provider value={{
+	return <SliderContext value={{
 		state,
 		get trackProps() {
 			return sliderAria.trackProps;
@@ -157,14 +170,14 @@ function Slider(props) {
 		},
 		setInputRef
 	}}>
-      <div {...domProps()} {...cleanGroupProps()} ref={local.ref} class={renderProps.class()} style={renderProps.style()} data-disabled={state.isDisabled || void 0} data-orientation={state.orientation} data-dragging={state.isDragging() || void 0}>
+      <div {...domProps()} {...cleanGroupProps()} ref={local.ref} class={renderProps.class()} style={renderProps.style()} data-disabled={dataAttr(state.isDisabled)} data-orientation={state.orientation} data-dragging={dataAttr(state.isDragging())}>
         <Show when={ariaProps.label}>
           <span {...sliderAria.labelProps}>{ariaProps.label}</span>
         </Show>
 
         {sliderChildren()}
       </div>
-    </SliderContext.Provider>;
+    </SliderContext>;
 }
 /**
 * The track element of a slider.
@@ -205,7 +218,7 @@ function SliderTrack(props) {
 			...renderStyle
 		};
 	};
-	return <div {...domProps} ref={setTrackRef} {...cleanTrackProps()} class={renderProps.class()} style={mergedStyle()} data-disabled={state.isDisabled || void 0} data-orientation={state.orientation} data-dragging={state.isDragging() || void 0}>
+	return <div {...domProps} ref={setTrackRef} {...cleanTrackProps()} class={renderProps.class()} style={mergedStyle()} data-disabled={dataAttr(state.isDisabled)} data-orientation={state.orientation} data-dragging={dataAttr(state.isDragging())}>
       {renderProps.renderChildren()}
     </div>;
 }
@@ -267,12 +280,12 @@ function SliderThumb(props) {
 		const { ref: _ref, ...rest } = context.inputProps;
 		return rest;
 	};
-	const mergedInputProps = () => mergeProps$1(cleanInputProps(), cleanFocusProps());
+	const mergedInputProps = () => mergeProps(cleanInputProps(), cleanFocusProps());
 	return <>
       <VisuallyHidden>
         <input ref={setInputRef} {...mergedInputProps()} />
       </VisuallyHidden>
-      <div {...domProps} {...cleanThumbProps()} {...cleanHoverProps()} class={renderProps.class()} style={mergedStyle()} data-disabled={state.isDisabled || void 0} data-dragging={state.isDragging() || void 0} data-focused={isFocused() || state.isFocused() || void 0} data-focus-visible={isFocusVisible() || void 0} data-hovered={isHovered() || void 0}>
+      <div {...domProps} {...coerceDomRecord(cleanThumbProps())} {...cleanHoverProps()} class={renderProps.class()} style={mergedStyle()} data-disabled={dataAttr(state.isDisabled)} data-dragging={dataAttr(state.isDragging())} data-focused={dataAttr(isFocused() || state.isFocused())} data-focus-visible={dataAttr(isFocusVisible())} data-hovered={dataAttr(isHovered())}>
         {renderProps.renderChildren()}
       </div>
     </>;
@@ -284,7 +297,7 @@ function clampFill(value, min, max) {
 /**
 * The fill element of a slider, displaying the selected range.
 *
-* Port of react-aria-components `SliderFill` (RAC 1.18). Upstream reads the
+* Solid adaptation of the pinned `SliderFill`. Upstream reads the
 * array-based `SliderState` (`values`/`getThumbPercent`); our `SliderState` is
 * single-value, so this fills from `offset` (default the slider's minValue, i.e.
 * 0%) to the current value — the single-thumb branch of upstream's math, using
@@ -348,7 +361,7 @@ function SliderFill(props) {
 			...renderProps.style() || {}
 		};
 	};
-	return <div {...domProps} {...hoverProps} class={renderProps.class()} style={mergedStyle()} data-hovered={isHovered() || void 0} data-disabled={state.isDisabled || void 0} data-orientation={state.orientation}>
+	return <div {...domProps} {...hoverProps} class={renderProps.class()} style={mergedStyle()} data-hovered={dataAttr(isHovered())} data-disabled={dataAttr(state.isDisabled)} data-orientation={state.orientation}>
       {renderProps.renderChildren()}
     </div>;
 }

package/dist/Slider.jsx.map

@@ -1 +1 @@
-{"version":3,"file":"Slider.jsx","names":["mergeProps"],"sources":["../src/Slider.tsx"],"sourcesContent":["/**\n * Slider component for solidaria-components\n *\n * A pre-wired headless slider that combines state + aria hooks.\n * Port of react-aria-components/src/Slider.tsx\n */\n\nimport { type JSX, createContext, createMemo, splitProps, useContext, Show } from \"solid-js\";\nimport {\n  createSlider,\n  createFocusRing,\n  createHover,\n  mergeProps,\n  type AriaSliderProps,\n  type HoverEvents,\n} from \"@proyecto-viviana/solidaria\";\nimport {\n  createSliderState,\n  type SliderState,\n  type SliderOrientation,\n} from \"@proyecto-viviana/solid-stately\";\nimport {\n  type RenderChildren,\n  type ClassNameOrFunction,\n  type StyleOrFunction,\n  type SlotProps,\n  useRenderProps,\n  filterDOMProps,\n} from \"./utils\";\nimport { VisuallyHidden } from \"./VisuallyHidden\";\n\nexport interface SliderRenderProps {\n  /** Whether the slider is disabled. */\n  isDisabled: boolean;\n  /** Whether the slider is being dragged. */\n  isDragging: boolean;\n  /** Whether the slider is focused. */\n  isFocused: boolean;\n  /** The current value. */\n  value: number;\n  /** The value as a percent (0-1). */\n  valuePercent: number;\n  /** The orientation. */\n  orientation: SliderOrientation;\n}\n\nexport interface SliderProps extends Omit<AriaSliderProps, \"label\">, SlotProps {\n  /** The current value (controlled). */\n  value?: number;\n  /** The default value (uncontrolled). */\n  defaultValue?: number;\n  /** Handler called when the value changes. */\n  onChange?: (value: number) => void;\n  /** Handler called when dragging ends. */\n  onChangeEnd?: (value: number) => void;\n  /** The minimum value. */\n  minValue?: number;\n  /** The maximum value. */\n  maxValue?: number;\n  /** The step value. */\n  step?: number;\n  /** The orientation of the slider. */\n  orientation?: SliderOrientation;\n  /** The locale for number formatting. */\n  locale?: string;\n  /** Number format options. */\n  formatOptions?: Intl.NumberFormatOptions;\n  /** A visible label for the slider. */\n  label?: JSX.Element;\n  /** The children of the component. */\n  children?: RenderChildren<SliderRenderProps>;\n  /** The CSS className for the element. */\n  class?: ClassNameOrFunction<SliderRenderProps>;\n  /** The inline style for the element. */\n  style?: StyleOrFunction<SliderRenderProps>;\n  /** Ref for the slider root element. */\n  ref?: (el: HTMLDivElement) => void;\n}\n\nexport interface SliderTrackRenderProps {\n  /** Whether the slider is disabled. */\n  isDisabled: boolean;\n  /** Whether the slider is being dragged. */\n  isDragging: boolean;\n  /** The value as a percent (0-1). */\n  valuePercent: number;\n  /** The orientation. */\n  orientation: SliderOrientation;\n}\n\nexport interface SliderTrackProps\n  extends SlotProps, Omit<JSX.HTMLAttributes<HTMLDivElement>, \"class\" | \"style\" | \"children\"> {\n  /** The children of the track. */\n  children?: RenderChildren<SliderTrackRenderProps>;\n  /** The CSS className for the element. */\n  class?: ClassNameOrFunction<SliderTrackRenderProps>;\n  /** The inline style for the element. */\n  style?: StyleOrFunction<SliderTrackRenderProps>;\n}\n\nexport interface SliderThumbRenderProps {\n  /** Whether the slider is disabled. */\n  isDisabled: boolean;\n  /** Whether the thumb is being dragged. */\n  isDragging: boolean;\n  /** Whether the thumb is focused. */\n  isFocused: boolean;\n  /** Whether the thumb has keyboard focus. */\n  isFocusVisible: boolean;\n  /** Whether the thumb is hovered. */\n  isHovered: boolean;\n  /** The current value. */\n  value: number;\n  /** The value as a percent (0-1). */\n  valuePercent: number;\n}\n\nexport interface SliderThumbProps\n  extends SlotProps, Omit<JSX.HTMLAttributes<HTMLDivElement>, \"class\" | \"style\" | \"children\"> {\n  /** The children of the thumb. */\n  children?: RenderChildren<SliderThumbRenderProps>;\n  /** The CSS className for the element. */\n  class?: ClassNameOrFunction<SliderThumbRenderProps>;\n  /** The inline style for the element. */\n  style?: StyleOrFunction<SliderThumbRenderProps>;\n}\n\nexport interface SliderFillRenderProps {\n  /** Whether the slider is disabled. */\n  isDisabled: boolean;\n  /** Whether the slider fill is currently hovered with a mouse. */\n  isHovered: boolean;\n  /** The value as a percent (0-1). */\n  valuePercent: number;\n  /** The orientation. */\n  orientation: SliderOrientation;\n}\n\nexport interface SliderFillProps\n  extends\n    SlotProps,\n    HoverEvents,\n    Omit<JSX.HTMLAttributes<HTMLDivElement>, \"class\" | \"style\" | \"children\"> {\n  /** The offset from which to start the fill. Defaults to the slider's minValue. */\n  offset?: number;\n  /** The children of the fill. */\n  children?: RenderChildren<SliderFillRenderProps>;\n  /** The CSS className for the element. */\n  class?: ClassNameOrFunction<SliderFillRenderProps>;\n  /** The inline style for the element. */\n  style?: StyleOrFunction<SliderFillRenderProps>;\n}\n\nexport interface SliderOutputRenderProps {\n  /** The current value. */\n  value: number;\n  /** The formatted value string. */\n  formattedValue: string;\n}\n\nexport interface SliderOutputProps\n  extends SlotProps, Omit<JSX.HTMLAttributes<HTMLElement>, \"class\" | \"style\" | \"children\"> {\n  /** The children of the output. */\n  children?: RenderChildren<SliderOutputRenderProps>;\n  /** The CSS className for the element. */\n  class?: ClassNameOrFunction<SliderOutputRenderProps>;\n  /** The inline style for the element. */\n  style?: StyleOrFunction<SliderOutputRenderProps>;\n}\n\ninterface SliderContextValue {\n  state: SliderState;\n  trackProps: JSX.HTMLAttributes<HTMLElement>;\n  thumbProps: JSX.HTMLAttributes<HTMLElement>;\n  outputProps: JSX.HTMLAttributes<HTMLElement>;\n  inputProps: JSX.InputHTMLAttributes<HTMLInputElement>;\n  trackRef: HTMLElement | undefined;\n  setTrackRef: (el: HTMLElement) => void;\n  inputRef: HTMLInputElement | undefined;\n  setInputRef: (el: HTMLInputElement) => void;\n}\n\nexport const SliderContext = createContext<SliderContextValue | null>(null);\nexport const SliderStateContext = SliderContext;\nexport const SliderTrackContext = SliderContext;\nexport const SliderFillContext = SliderContext;\nexport const SliderOutputContext = SliderContext;\n\n/**\n * A slider allows users to select a value from a range.\n */\nexport function Slider(props: SliderProps): JSX.Element {\n  const [local, stateProps, ariaProps, rest] = splitProps(\n    props,\n    [\"class\", \"style\", \"slot\", \"ref\"],\n    [\n      \"value\",\n      \"defaultValue\",\n      \"onChange\",\n      \"onChangeEnd\",\n      \"minValue\",\n      \"maxValue\",\n      \"step\",\n      \"orientation\",\n      \"locale\",\n      \"formatOptions\",\n    ],\n    [\n      \"label\",\n      \"aria-label\",\n      \"aria-labelledby\",\n      \"aria-describedby\",\n      \"isDisabled\",\n      \"id\",\n      \"name\",\n      \"form\",\n    ],\n  );\n\n  const state = createSliderState({\n    get value() {\n      return stateProps.value;\n    },\n    get defaultValue() {\n      return stateProps.defaultValue;\n    },\n    get onChange() {\n      return stateProps.onChange;\n    },\n    get onChangeEnd() {\n      return stateProps.onChangeEnd;\n    },\n    get minValue() {\n      return stateProps.minValue;\n    },\n    get maxValue() {\n      return stateProps.maxValue;\n    },\n    get step() {\n      return stateProps.step;\n    },\n    get orientation() {\n      return stateProps.orientation;\n    },\n    get locale() {\n      return stateProps.locale;\n    },\n    get formatOptions() {\n      return stateProps.formatOptions;\n    },\n    get isDisabled() {\n      return ariaProps.isDisabled;\n    },\n  });\n\n  let trackRef: HTMLElement | undefined;\n  const setTrackRef = (el: HTMLElement) => {\n    trackRef = el;\n  };\n  let inputRef: HTMLInputElement | undefined;\n  const setInputRef = (el: HTMLInputElement) => {\n    inputRef = el;\n  };\n\n  const sliderAria = createSlider(\n    ariaProps,\n    state,\n    () => trackRef ?? null,\n    () => inputRef ?? null,\n  );\n\n  const renderValues = createMemo<SliderRenderProps>(() => ({\n    isDisabled: state.isDisabled,\n    isDragging: state.isDragging(),\n    isFocused: state.isFocused(),\n    value: state.value(),\n    valuePercent: state.getValuePercent(),\n    orientation: state.orientation,\n  }));\n\n  const renderProps = useRenderProps(\n    {\n      get children() {\n        return props.children;\n      },\n      class: local.class,\n      style: local.style,\n      defaultClassName: \"solidaria-Slider\",\n    },\n    renderValues,\n  );\n\n  const childRenderValues: SliderRenderProps = {\n    get isDisabled() {\n      return state.isDisabled;\n    },\n    get isDragging() {\n      return state.isDragging();\n    },\n    get isFocused() {\n      return state.isFocused();\n    },\n    get value() {\n      return state.value();\n    },\n    get valuePercent() {\n      return state.getValuePercent();\n    },\n    get orientation() {\n      return state.orientation;\n    },\n  };\n\n  const sliderChildren = () => {\n    const children = props.children;\n    return typeof children === \"function\" ? children(childRenderValues) : children;\n  };\n\n  const domProps = createMemo(() =>\n    filterDOMProps(rest as Record<string, unknown>, { global: true }),\n  );\n\n  const cleanGroupProps = () => {\n    const { ref: _ref, ...rest } = sliderAria.groupProps as Record<string, unknown>;\n    return rest;\n  };\n\n  return (\n    <SliderContext.Provider\n      value={{\n        state,\n        get trackProps() {\n          return sliderAria.trackProps;\n        },\n        get thumbProps() {\n          return sliderAria.thumbProps;\n        },\n        get outputProps() {\n          return sliderAria.outputProps;\n        },\n        get inputProps() {\n          return sliderAria.inputProps;\n        },\n        get trackRef() {\n          return trackRef;\n        },\n        setTrackRef,\n        get inputRef() {\n          return inputRef;\n        },\n        setInputRef,\n      }}\n    >\n      <div\n        {...domProps()}\n        {...cleanGroupProps()}\n        ref={local.ref}\n        class={renderProps.class()}\n        style={renderProps.style()}\n        data-disabled={state.isDisabled || undefined}\n        data-orientation={state.orientation}\n        data-dragging={state.isDragging() || undefined}\n      >\n        <Show when={ariaProps.label}>\n          <span {...sliderAria.labelProps}>{ariaProps.label}</span>\n        </Show>\n\n        {sliderChildren()}\n      </div>\n    </SliderContext.Provider>\n  );\n}\n\n/**\n * The track element of a slider.\n */\nexport function SliderTrack(props: SliderTrackProps): JSX.Element {\n  const [local, domProps] = splitProps(props, [\"class\", \"style\", \"slot\", \"children\"]);\n\n  const context = useContext(SliderContext);\n  if (!context) {\n    throw new Error(\"SliderTrack must be used within a Slider\");\n  }\n\n  const { state, setTrackRef } = context;\n\n  const renderValues = createMemo<SliderTrackRenderProps>(() => ({\n    isDisabled: state.isDisabled,\n    isDragging: state.isDragging(),\n    valuePercent: state.getValuePercent(),\n    orientation: state.orientation,\n  }));\n\n  const renderProps = useRenderProps(\n    {\n      get children() {\n        return props.children;\n      },\n      class: local.class,\n      style: local.style,\n      defaultClassName: \"solidaria-Slider-track\",\n    },\n    renderValues,\n  );\n\n  const cleanTrackProps = () => {\n    const { ref: _ref, style: trackStyle, ...rest } = context.trackProps as Record<string, unknown>;\n    return rest;\n  };\n\n  const mergedStyle = () => {\n    const trackStyle = (context.trackProps as { style?: Record<string, string> }).style || {};\n    const renderStyle = renderProps.style() || {};\n    return { ...trackStyle, ...renderStyle };\n  };\n\n  return (\n    <div\n      {...domProps}\n      ref={setTrackRef}\n      {...cleanTrackProps()}\n      class={renderProps.class()}\n      style={mergedStyle()}\n      data-disabled={state.isDisabled || undefined}\n      data-orientation={state.orientation}\n      data-dragging={state.isDragging() || undefined}\n    >\n      {renderProps.renderChildren()}\n    </div>\n  );\n}\n\n/**\n * The thumb element of a slider.\n */\nexport function SliderThumb(props: SliderThumbProps): JSX.Element {\n  const [local, domProps] = splitProps(props, [\"class\", \"style\", \"slot\", \"children\"]);\n\n  const context = useContext(SliderContext);\n  if (!context) {\n    throw new Error(\"SliderThumb must be used within a Slider\");\n  }\n\n  const { state, setInputRef } = context;\n\n  const { isFocused, isFocusVisible, focusProps } = createFocusRing();\n\n  const { isHovered, hoverProps } = createHover({\n    get isDisabled() {\n      return state.isDisabled;\n    },\n  });\n\n  const renderValues = createMemo<SliderThumbRenderProps>(() => ({\n    isDisabled: state.isDisabled,\n    isDragging: state.isDragging(),\n    isFocused: isFocused() || state.isFocused(),\n    isFocusVisible: isFocusVisible(),\n    isHovered: isHovered(),\n    value: state.value(),\n    valuePercent: state.getValuePercent(),\n  }));\n\n  const renderProps = useRenderProps(\n    {\n      get children() {\n        return props.children;\n      },\n      class: local.class,\n      style: local.style,\n      defaultClassName: \"solidaria-Slider-thumb\",\n    },\n    renderValues,\n  );\n\n  const cleanThumbProps = () => {\n    const { ref: _ref, style: thumbStyle, ...rest } = context.thumbProps as Record<string, unknown>;\n    return rest;\n  };\n  const cleanFocusProps = () => {\n    const { ref: _ref, ...rest } = focusProps as Record<string, unknown>;\n    return rest;\n  };\n  const cleanHoverProps = () => {\n    const { ref: _ref, ...rest } = hoverProps as Record<string, unknown>;\n    return rest;\n  };\n\n  const mergedStyle = () => {\n    const thumbStyle = (context.thumbProps as { style?: Record<string, string> }).style || {};\n    const renderStyle = renderProps.style() || {};\n    return { ...thumbStyle, ...renderStyle };\n  };\n  const cleanInputProps = () => {\n    const { ref: _ref, ...rest } = context.inputProps as Record<string, unknown>;\n    return rest;\n  };\n  const mergedInputProps = () =>\n    mergeProps(\n      cleanInputProps() as Record<string, unknown>,\n      cleanFocusProps() as Record<string, unknown>,\n    ) as JSX.InputHTMLAttributes<HTMLInputElement>;\n\n  return (\n    <>\n      <VisuallyHidden>\n        <input ref={setInputRef} {...mergedInputProps()} />\n      </VisuallyHidden>\n      <div\n        {...domProps}\n        {...cleanThumbProps()}\n        {...cleanHoverProps()}\n        class={renderProps.class()}\n        style={mergedStyle()}\n        data-disabled={state.isDisabled || undefined}\n        data-dragging={state.isDragging() || undefined}\n        data-focused={isFocused() || state.isFocused() || undefined}\n        data-focus-visible={isFocusVisible() || undefined}\n        data-hovered={isHovered() || undefined}\n      >\n        {renderProps.renderChildren()}\n      </div>\n    </>\n  );\n}\n\n/** Clamp a value between min and max (mirror of upstream's number/clamp). */\nfunction clampFill(value: number, min: number, max: number): number {\n  return Math.min(Math.max(value, min), max);\n}\n\n/**\n * The fill element of a slider, displaying the selected range.\n *\n * Port of react-aria-components `SliderFill` (RAC 1.18). Upstream reads the\n * array-based `SliderState` (`values`/`getThumbPercent`); our `SliderState` is\n * single-value, so this fills from `offset` (default the slider's minValue, i.e.\n * 0%) to the current value — the single-thumb branch of upstream's math, using\n * the same `(v - min) / (max - min)` percent formula the state itself uses.\n */\nexport function SliderFill(props: SliderFillProps): JSX.Element {\n  const [local, domProps] = splitProps(props, [\n    \"class\",\n    \"style\",\n    \"slot\",\n    \"offset\",\n    \"children\",\n    \"onHoverStart\",\n    \"onHoverEnd\",\n    \"onHoverChange\",\n  ]);\n\n  const context = useContext(SliderContext);\n  if (!context) {\n    throw new Error(\"SliderFill must be used within a Slider\");\n  }\n\n  const { state } = context;\n\n  const { isHovered, hoverProps } = createHover(() => ({\n    onHoverStart: local.onHoverStart,\n    onHoverEnd: local.onHoverEnd,\n    onHoverChange: local.onHoverChange,\n  }));\n\n  // Percent (0-100) of an arbitrary value within the track — mirrors\n  // SliderState.getValuePercent's formula for a value other than the current one.\n  const percentOf = (value: number) => {\n    const range = state.maxValue - state.minValue;\n    return range === 0 ? 0 : ((value - state.minValue) / range) * 100;\n  };\n\n  const offset = () =>\n    local.offset != null ? clampFill(local.offset, state.minValue, state.maxValue) : state.minValue;\n  const start = () => percentOf(offset());\n  const end = () => state.getValuePercent() * 100;\n  const startPercent = () => Math.min(start(), end());\n  const sizePercent = () => Math.max(0, Math.max(start(), end()) - startPercent());\n\n  const renderValues = createMemo<SliderFillRenderProps>(() => ({\n    isDisabled: state.isDisabled,\n    isHovered: isHovered(),\n    valuePercent: state.getValuePercent(),\n    orientation: state.orientation,\n  }));\n\n  const renderProps = useRenderProps(\n    {\n      get children() {\n        return props.children;\n      },\n      class: local.class,\n      style: local.style,\n      defaultClassName: \"solidaria-Slider-fill\",\n    },\n    renderValues,\n  );\n\n  // useRenderProps has no defaultStyle; merge the positioning style with the\n  // user's, mirroring upstream SliderFill's defaultStyle (and SliderTrack here).\n  const mergedStyle = (): JSX.CSSProperties => {\n    const fillStyle: JSX.CSSProperties =\n      state.orientation === \"vertical\"\n        ? {\n            position: \"absolute\",\n            bottom: `${startPercent()}%`,\n            height: `${sizePercent()}%`,\n            width: \"100%\",\n          }\n        : {\n            position: \"absolute\",\n            \"inset-inline-start\": `${startPercent()}%`,\n            width: `${sizePercent()}%`,\n            height: \"100%\",\n          };\n    return { ...fillStyle, ...(renderProps.style() || {}) };\n  };\n\n  return (\n    <div\n      {...domProps}\n      {...hoverProps}\n      class={renderProps.class()}\n      style={mergedStyle()}\n      data-hovered={isHovered() || undefined}\n      data-disabled={state.isDisabled || undefined}\n      data-orientation={state.orientation}\n    >\n      {renderProps.renderChildren()}\n    </div>\n  );\n}\n\n/**\n * The output element of a slider, displaying the current value.\n */\nexport function SliderOutput(props: SliderOutputProps): JSX.Element {\n  const [local, domProps] = splitProps(props, [\"class\", \"style\", \"slot\", \"children\"]);\n\n  const context = useContext(SliderContext);\n  if (!context) {\n    throw new Error(\"SliderOutput must be used within a Slider\");\n  }\n\n  const { state } = context;\n\n  const renderValues = createMemo<SliderOutputRenderProps>(() => ({\n    value: state.value(),\n    formattedValue: state.getFormattedValue(),\n  }));\n\n  const renderProps = useRenderProps(\n    {\n      get children() {\n        return props.children;\n      },\n      class: local.class,\n      style: local.style,\n      defaultClassName: \"solidaria-Slider-output\",\n    },\n    renderValues,\n  );\n\n  const cleanDomProps = () => {\n    const { ref: _ref, ...rest } = domProps as Record<string, unknown>;\n    return rest;\n  };\n  const cleanOutputProps = () => {\n    const { ref: _ref, ...rest } = context.outputProps as Record<string, unknown>;\n    return rest;\n  };\n\n  const renderedChildren = () => {\n    // Check if raw children prop exists before calling renderChildren\n    if (renderProps.children === undefined || renderProps.children === null) {\n      return state.getFormattedValue();\n    }\n    return renderProps.renderChildren();\n  };\n\n  return (\n    <output\n      {...cleanDomProps()}\n      {...cleanOutputProps()}\n      class={renderProps.class()}\n      style={renderProps.style()}\n    >\n      {renderedChildren()}\n    </output>\n  );\n}\n\nSlider.Track = SliderTrack;\nSlider.Thumb = SliderThumb;\nSlider.Fill = SliderFill;\nSlider.Output = SliderOutput;\n"],"mappings":"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"}
+{"version":3,"file":"Slider.jsx","names":[],"sources":["../src/Slider.tsx"],"sourcesContent":["/*\n * Copyright 2022 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-aria-components/src/Slider.tsx\n\n/**\n * Slider component for solidaria-components\n *\n * A pre-wired headless slider that combines state + aria hooks.\n * Solid adaptation of the pinned Slider component.\n */\n\nimport { createContext, createMemo, useContext, Show } from \"solid-js\";\nimport type { JSX } from \"@solidjs/web\";\nimport {\n  createSlider,\n  createFocusRing,\n  createHover,\n  mergeProps,\n  type AriaSliderProps,\n  type HoverEvents,\n} from \"@proyecto-viviana/solidaria\";\nimport {\n  createSliderState,\n  type SliderState,\n  type SliderOrientation,\n} from \"@proyecto-viviana/solid-stately\";\nimport {\n  type RenderChildren,\n  type ClassNameOrFunction,\n  type StyleOrFunction,\n  type SlotProps,\n  useRenderProps,\n  filterDOMProps,\n  dataAttr,\n  coerceDomRecord,\n} from \"./utils\";\nimport { VisuallyHidden } from \"./VisuallyHidden\";\nimport { splitProps } from \"@proyecto-viviana/solidaria/utils\";\n\nexport interface SliderRenderProps {\n  /** Whether the slider is disabled. */\n  isDisabled: boolean;\n  /** Whether the slider is being dragged. */\n  isDragging: boolean;\n  /** Whether the slider is focused. */\n  isFocused: boolean;\n  /** The current value. */\n  value: number;\n  /** The value as a percent (0-1). */\n  valuePercent: number;\n  /** The orientation. */\n  orientation: SliderOrientation;\n}\n\nexport interface SliderProps extends Omit<AriaSliderProps, \"label\">, SlotProps {\n  /** The current value (controlled). */\n  value?: number;\n  /** The default value (uncontrolled). */\n  defaultValue?: number;\n  /** Handler called when the value changes. */\n  onChange?: (value: number) => void;\n  /** Handler called when dragging ends. */\n  onChangeEnd?: (value: number) => void;\n  /** The minimum value. */\n  minValue?: number;\n  /** The maximum value. */\n  maxValue?: number;\n  /** The step value. */\n  step?: number;\n  /** The orientation of the slider. */\n  orientation?: SliderOrientation;\n  /** The locale for number formatting. */\n  locale?: string;\n  /** Number format options. */\n  formatOptions?: Intl.NumberFormatOptions;\n  /** A visible label for the slider. */\n  label?: JSX.Element;\n  /** The children of the component. */\n  children?: RenderChildren<SliderRenderProps>;\n  /** The CSS className for the element. */\n  class?: ClassNameOrFunction<SliderRenderProps>;\n  /** The inline style for the element. */\n  style?: StyleOrFunction<SliderRenderProps>;\n  /** Ref for the slider root element. */\n  ref?: (el: HTMLDivElement) => void;\n}\n\nexport interface SliderTrackRenderProps {\n  /** Whether the slider is disabled. */\n  isDisabled: boolean;\n  /** Whether the slider is being dragged. */\n  isDragging: boolean;\n  /** The value as a percent (0-1). */\n  valuePercent: number;\n  /** The orientation. */\n  orientation: SliderOrientation;\n}\n\nexport interface SliderTrackProps\n  extends SlotProps, Omit<JSX.HTMLAttributes<HTMLDivElement>, \"class\" | \"style\" | \"children\"> {\n  /** The children of the track. */\n  children?: RenderChildren<SliderTrackRenderProps>;\n  /** The CSS className for the element. */\n  class?: ClassNameOrFunction<SliderTrackRenderProps>;\n  /** The inline style for the element. */\n  style?: StyleOrFunction<SliderTrackRenderProps>;\n}\n\nexport interface SliderThumbRenderProps {\n  /** Whether the slider is disabled. */\n  isDisabled: boolean;\n  /** Whether the thumb is being dragged. */\n  isDragging: boolean;\n  /** Whether the thumb is focused. */\n  isFocused: boolean;\n  /** Whether the thumb has keyboard focus. */\n  isFocusVisible: boolean;\n  /** Whether the thumb is hovered. */\n  isHovered: boolean;\n  /** The current value. */\n  value: number;\n  /** The value as a percent (0-1). */\n  valuePercent: number;\n}\n\nexport interface SliderThumbProps\n  extends SlotProps, Omit<JSX.HTMLAttributes<HTMLDivElement>, \"class\" | \"style\" | \"children\"> {\n  /** The children of the thumb. */\n  children?: RenderChildren<SliderThumbRenderProps>;\n  /** The CSS className for the element. */\n  class?: ClassNameOrFunction<SliderThumbRenderProps>;\n  /** The inline style for the element. */\n  style?: StyleOrFunction<SliderThumbRenderProps>;\n}\n\nexport interface SliderFillRenderProps {\n  /** Whether the slider is disabled. */\n  isDisabled: boolean;\n  /** Whether the slider fill is currently hovered with a mouse. */\n  isHovered: boolean;\n  /** The value as a percent (0-1). */\n  valuePercent: number;\n  /** The orientation. */\n  orientation: SliderOrientation;\n}\n\nexport interface SliderFillProps\n  extends\n    SlotProps,\n    HoverEvents,\n    Omit<JSX.HTMLAttributes<HTMLDivElement>, \"class\" | \"style\" | \"children\"> {\n  /** The offset from which to start the fill. Defaults to the slider's minValue. */\n  offset?: number;\n  /** The children of the fill. */\n  children?: RenderChildren<SliderFillRenderProps>;\n  /** The CSS className for the element. */\n  class?: ClassNameOrFunction<SliderFillRenderProps>;\n  /** The inline style for the element. */\n  style?: StyleOrFunction<SliderFillRenderProps>;\n}\n\nexport interface SliderOutputRenderProps {\n  /** The current value. */\n  value: number;\n  /** The formatted value string. */\n  formattedValue: string;\n}\n\nexport interface SliderOutputProps\n  extends SlotProps, Omit<JSX.HTMLAttributes<HTMLElement>, \"class\" | \"style\" | \"children\"> {\n  /** The children of the output. */\n  children?: RenderChildren<SliderOutputRenderProps>;\n  /** The CSS className for the element. */\n  class?: ClassNameOrFunction<SliderOutputRenderProps>;\n  /** The inline style for the element. */\n  style?: StyleOrFunction<SliderOutputRenderProps>;\n}\n\ninterface SliderContextValue {\n  state: SliderState;\n  trackProps: JSX.HTMLAttributes<HTMLElement>;\n  thumbProps: JSX.HTMLAttributes<HTMLElement>;\n  outputProps: JSX.HTMLAttributes<HTMLElement>;\n  inputProps: JSX.InputHTMLAttributes<HTMLInputElement>;\n  trackRef: HTMLElement | undefined;\n  setTrackRef: (el: HTMLElement) => void;\n  inputRef: HTMLInputElement | undefined;\n  setInputRef: (el: HTMLInputElement) => void;\n}\n\nexport const SliderContext = createContext<SliderContextValue | null>(null);\nexport const SliderStateContext = SliderContext;\nexport const SliderTrackContext = SliderContext;\nexport const SliderFillContext = SliderContext;\nexport const SliderOutputContext = SliderContext;\n\n/**\n * A slider allows users to select a value from a range.\n */\nexport function Slider(props: SliderProps): JSX.Element {\n  const [local, stateProps, ariaProps, rest] = splitProps(\n    props,\n    [\"class\", \"style\", \"slot\", \"ref\"],\n    [\n      \"value\",\n      \"defaultValue\",\n      \"onChange\",\n      \"onChangeEnd\",\n      \"minValue\",\n      \"maxValue\",\n      \"step\",\n      \"orientation\",\n      \"locale\",\n      \"formatOptions\",\n    ],\n    [\n      \"label\",\n      \"aria-label\",\n      \"aria-labelledby\",\n      \"aria-describedby\",\n      \"isDisabled\",\n      \"id\",\n      \"name\",\n      \"form\",\n    ],\n  );\n\n  const state = createSliderState({\n    get value() {\n      return stateProps.value;\n    },\n    get defaultValue() {\n      return stateProps.defaultValue;\n    },\n    get onChange() {\n      return stateProps.onChange;\n    },\n    get onChangeEnd() {\n      return stateProps.onChangeEnd;\n    },\n    get minValue() {\n      return stateProps.minValue;\n    },\n    get maxValue() {\n      return stateProps.maxValue;\n    },\n    get step() {\n      return stateProps.step;\n    },\n    get orientation() {\n      return stateProps.orientation;\n    },\n    get locale() {\n      return stateProps.locale;\n    },\n    get formatOptions() {\n      return stateProps.formatOptions;\n    },\n    get isDisabled() {\n      return ariaProps.isDisabled;\n    },\n  });\n\n  let trackRef: HTMLElement | undefined;\n  const setTrackRef = (el: HTMLElement) => {\n    trackRef = el;\n  };\n  let inputRef: HTMLInputElement | undefined;\n  const setInputRef = (el: HTMLInputElement) => {\n    inputRef = el;\n  };\n\n  const sliderAria = createSlider(\n    ariaProps,\n    state,\n    () => trackRef ?? null,\n    () => inputRef ?? null,\n  );\n\n  const renderValues = createMemo<SliderRenderProps>(() => ({\n    isDisabled: state.isDisabled,\n    isDragging: state.isDragging(),\n    isFocused: state.isFocused(),\n    value: state.value(),\n    valuePercent: state.getValuePercent(),\n    orientation: state.orientation,\n  }));\n\n  const renderProps = useRenderProps(\n    {\n      get children() {\n        return props.children;\n      },\n      class: local.class,\n      style: local.style,\n      defaultClassName: \"solidaria-Slider\",\n    },\n    renderValues,\n  );\n\n  const childRenderValues: SliderRenderProps = {\n    get isDisabled() {\n      return state.isDisabled;\n    },\n    get isDragging() {\n      return state.isDragging();\n    },\n    get isFocused() {\n      return state.isFocused();\n    },\n    get value() {\n      return state.value();\n    },\n    get valuePercent() {\n      return state.getValuePercent();\n    },\n    get orientation() {\n      return state.orientation;\n    },\n  };\n\n  const sliderChildren = () => {\n    const children = props.children;\n    return typeof children === \"function\" ? children(childRenderValues) : children;\n  };\n\n  const domProps = createMemo(() =>\n    filterDOMProps(rest as Record<string, unknown>, { global: true }),\n  );\n\n  const cleanGroupProps = () => {\n    const { ref: _ref, ...rest } = sliderAria.groupProps as Record<string, unknown>;\n    return rest;\n  };\n\n  return (\n    <SliderContext\n      value={{\n        state,\n        get trackProps() {\n          return sliderAria.trackProps;\n        },\n        get thumbProps() {\n          return sliderAria.thumbProps;\n        },\n        get outputProps() {\n          return sliderAria.outputProps;\n        },\n        get inputProps() {\n          return sliderAria.inputProps;\n        },\n        get trackRef() {\n          return trackRef;\n        },\n        setTrackRef,\n        get inputRef() {\n          return inputRef;\n        },\n        setInputRef,\n      }}\n    >\n      <div\n        {...domProps()}\n        {...cleanGroupProps()}\n        ref={local.ref}\n        class={renderProps.class()}\n        style={renderProps.style()}\n        data-disabled={dataAttr(state.isDisabled)}\n        data-orientation={state.orientation}\n        data-dragging={dataAttr(state.isDragging())}\n      >\n        <Show when={ariaProps.label}>\n          <span {...sliderAria.labelProps}>{ariaProps.label}</span>\n        </Show>\n\n        {sliderChildren()}\n      </div>\n    </SliderContext>\n  );\n}\n\n/**\n * The track element of a slider.\n */\nexport function SliderTrack(props: SliderTrackProps): JSX.Element {\n  const [local, domProps] = splitProps(props, [\"class\", \"style\", \"slot\", \"children\"]);\n\n  const context = useContext(SliderContext);\n  if (!context) {\n    throw new Error(\"SliderTrack must be used within a Slider\");\n  }\n\n  const { state, setTrackRef } = context;\n\n  const renderValues = createMemo<SliderTrackRenderProps>(() => ({\n    isDisabled: state.isDisabled,\n    isDragging: state.isDragging(),\n    valuePercent: state.getValuePercent(),\n    orientation: state.orientation,\n  }));\n\n  const renderProps = useRenderProps(\n    {\n      get children() {\n        return props.children;\n      },\n      class: local.class,\n      style: local.style,\n      defaultClassName: \"solidaria-Slider-track\",\n    },\n    renderValues,\n  );\n\n  const cleanTrackProps = () => {\n    const { ref: _ref, style: trackStyle, ...rest } = context.trackProps as Record<string, unknown>;\n    return rest;\n  };\n\n  const mergedStyle = () => {\n    const trackStyle = (context.trackProps as { style?: Record<string, string> }).style || {};\n    const renderStyle = renderProps.style() || {};\n    return { ...trackStyle, ...renderStyle };\n  };\n\n  return (\n    <div\n      {...domProps}\n      ref={setTrackRef}\n      {...cleanTrackProps()}\n      class={renderProps.class()}\n      style={mergedStyle()}\n      data-disabled={dataAttr(state.isDisabled)}\n      data-orientation={state.orientation}\n      data-dragging={dataAttr(state.isDragging())}\n    >\n      {renderProps.renderChildren()}\n    </div>\n  );\n}\n\n/**\n * The thumb element of a slider.\n */\nexport function SliderThumb(props: SliderThumbProps): JSX.Element {\n  const [local, domProps] = splitProps(props, [\"class\", \"style\", \"slot\", \"children\"]);\n\n  const context = useContext(SliderContext);\n  if (!context) {\n    throw new Error(\"SliderThumb must be used within a Slider\");\n  }\n\n  const { state, setInputRef } = context;\n\n  const { isFocused, isFocusVisible, focusProps } = createFocusRing();\n\n  const { isHovered, hoverProps } = createHover({\n    get isDisabled() {\n      return state.isDisabled;\n    },\n  });\n\n  const renderValues = createMemo<SliderThumbRenderProps>(() => ({\n    isDisabled: state.isDisabled,\n    isDragging: state.isDragging(),\n    isFocused: isFocused() || state.isFocused(),\n    isFocusVisible: isFocusVisible(),\n    isHovered: isHovered(),\n    value: state.value(),\n    valuePercent: state.getValuePercent(),\n  }));\n\n  const renderProps = useRenderProps(\n    {\n      get children() {\n        return props.children;\n      },\n      class: local.class,\n      style: local.style,\n      defaultClassName: \"solidaria-Slider-thumb\",\n    },\n    renderValues,\n  );\n\n  const cleanThumbProps = () => {\n    const { ref: _ref, style: thumbStyle, ...rest } = context.thumbProps as Record<string, unknown>;\n    return rest;\n  };\n  const cleanFocusProps = () => {\n    const { ref: _ref, ...rest } = focusProps as Record<string, unknown>;\n    return rest;\n  };\n  const cleanHoverProps = () => {\n    const { ref: _ref, ...rest } = hoverProps as Record<string, unknown>;\n    return rest;\n  };\n\n  const mergedStyle = () => {\n    const thumbStyle = (context.thumbProps as { style?: Record<string, string> }).style || {};\n    const renderStyle = renderProps.style() || {};\n    return { ...thumbStyle, ...renderStyle };\n  };\n  const cleanInputProps = () => {\n    const { ref: _ref, ...rest } = context.inputProps as Record<string, unknown>;\n    return rest;\n  };\n  const mergedInputProps = () =>\n    mergeProps(\n      cleanInputProps() as Record<string, unknown>,\n      cleanFocusProps() as Record<string, unknown>,\n    ) as JSX.InputHTMLAttributes<HTMLInputElement>;\n\n  return (\n    <>\n      <VisuallyHidden>\n        <input ref={setInputRef} {...mergedInputProps()} />\n      </VisuallyHidden>\n      <div\n        {...domProps}\n        {...coerceDomRecord(cleanThumbProps() as Record<string, unknown>)}\n        {...cleanHoverProps()}\n        class={renderProps.class()}\n        style={mergedStyle()}\n        data-disabled={dataAttr(state.isDisabled)}\n        data-dragging={dataAttr(state.isDragging())}\n        data-focused={dataAttr(isFocused() || state.isFocused())}\n        data-focus-visible={dataAttr(isFocusVisible())}\n        data-hovered={dataAttr(isHovered())}\n      >\n        {renderProps.renderChildren()}\n      </div>\n    </>\n  );\n}\n\n/** Clamp a value between min and max (mirror of upstream's number/clamp). */\nfunction clampFill(value: number, min: number, max: number): number {\n  return Math.min(Math.max(value, min), max);\n}\n\n/**\n * The fill element of a slider, displaying the selected range.\n *\n * Solid adaptation of the pinned `SliderFill`. Upstream reads the\n * array-based `SliderState` (`values`/`getThumbPercent`); our `SliderState` is\n * single-value, so this fills from `offset` (default the slider's minValue, i.e.\n * 0%) to the current value — the single-thumb branch of upstream's math, using\n * the same `(v - min) / (max - min)` percent formula the state itself uses.\n */\nexport function SliderFill(props: SliderFillProps): JSX.Element {\n  const [local, domProps] = splitProps(props, [\n    \"class\",\n    \"style\",\n    \"slot\",\n    \"offset\",\n    \"children\",\n    \"onHoverStart\",\n    \"onHoverEnd\",\n    \"onHoverChange\",\n  ]);\n\n  const context = useContext(SliderContext);\n  if (!context) {\n    throw new Error(\"SliderFill must be used within a Slider\");\n  }\n\n  const { state } = context;\n\n  const { isHovered, hoverProps } = createHover(() => ({\n    onHoverStart: local.onHoverStart,\n    onHoverEnd: local.onHoverEnd,\n    onHoverChange: local.onHoverChange,\n  }));\n\n  // Percent (0-100) of an arbitrary value within the track — mirrors\n  // SliderState.getValuePercent's formula for a value other than the current one.\n  const percentOf = (value: number) => {\n    const range = state.maxValue - state.minValue;\n    return range === 0 ? 0 : ((value - state.minValue) / range) * 100;\n  };\n\n  const offset = () =>\n    local.offset != null ? clampFill(local.offset, state.minValue, state.maxValue) : state.minValue;\n  const start = () => percentOf(offset());\n  const end = () => state.getValuePercent() * 100;\n  const startPercent = () => Math.min(start(), end());\n  const sizePercent = () => Math.max(0, Math.max(start(), end()) - startPercent());\n\n  const renderValues = createMemo<SliderFillRenderProps>(() => ({\n    isDisabled: state.isDisabled,\n    isHovered: isHovered(),\n    valuePercent: state.getValuePercent(),\n    orientation: state.orientation,\n  }));\n\n  const renderProps = useRenderProps(\n    {\n      get children() {\n        return props.children;\n      },\n      class: local.class,\n      style: local.style,\n      defaultClassName: \"solidaria-Slider-fill\",\n    },\n    renderValues,\n  );\n\n  // useRenderProps has no defaultStyle; merge the positioning style with the\n  // user's, mirroring upstream SliderFill's defaultStyle (and SliderTrack here).\n  const mergedStyle = (): JSX.CSSProperties => {\n    const fillStyle: JSX.CSSProperties =\n      state.orientation === \"vertical\"\n        ? {\n            position: \"absolute\",\n            bottom: `${startPercent()}%`,\n            height: `${sizePercent()}%`,\n            width: \"100%\",\n          }\n        : {\n            position: \"absolute\",\n            \"inset-inline-start\": `${startPercent()}%`,\n            width: `${sizePercent()}%`,\n            height: \"100%\",\n          };\n    return { ...fillStyle, ...(renderProps.style() || {}) };\n  };\n\n  return (\n    <div\n      {...domProps}\n      {...hoverProps}\n      class={renderProps.class()}\n      style={mergedStyle()}\n      data-hovered={dataAttr(isHovered())}\n      data-disabled={dataAttr(state.isDisabled)}\n      data-orientation={state.orientation}\n    >\n      {renderProps.renderChildren()}\n    </div>\n  );\n}\n\n/**\n * The output element of a slider, displaying the current value.\n */\nexport function SliderOutput(props: SliderOutputProps): JSX.Element {\n  const [local, domProps] = splitProps(props, [\"class\", \"style\", \"slot\", \"children\"]);\n\n  const context = useContext(SliderContext);\n  if (!context) {\n    throw new Error(\"SliderOutput must be used within a Slider\");\n  }\n\n  const { state } = context;\n\n  const renderValues = createMemo<SliderOutputRenderProps>(() => ({\n    value: state.value(),\n    formattedValue: state.getFormattedValue(),\n  }));\n\n  const renderProps = useRenderProps(\n    {\n      get children() {\n        return props.children;\n      },\n      class: local.class,\n      style: local.style,\n      defaultClassName: \"solidaria-Slider-output\",\n    },\n    renderValues,\n  );\n\n  const cleanDomProps = () => {\n    const { ref: _ref, ...rest } = domProps as Record<string, unknown>;\n    return rest;\n  };\n  const cleanOutputProps = () => {\n    const { ref: _ref, ...rest } = context.outputProps as Record<string, unknown>;\n    return rest;\n  };\n\n  const renderedChildren = () => {\n    // Check if raw children prop exists before calling renderChildren\n    if (renderProps.children === undefined || renderProps.children === null) {\n      return state.getFormattedValue();\n    }\n    return renderProps.renderChildren();\n  };\n\n  return (\n    <output\n      {...cleanDomProps()}\n      {...cleanOutputProps()}\n      class={renderProps.class()}\n      style={renderProps.style()}\n    >\n      {renderedChildren()}\n    </output>\n  );\n}\n\nSlider.Track = SliderTrack;\nSlider.Thumb = SliderThumb;\nSlider.Fill = SliderFill;\nSlider.Output = SliderOutput;\n"],"mappings":"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"}

package/dist/StepList.d.ts

@@ -1,10 +1,4 @@
-/**
- * StepList component for solidaria-components
- *
- * A pre-wired headless step list component that combines state + aria hooks.
- * Renders an ordered list of steps with completion tracking.
- */
-import { type JSX } from "solid-js";
+import type { JSX } from "@solidjs/web";
 import { type StepListState, type Key } from "@proyecto-viviana/solid-stately";
 import { type AriaStepListProps } from "@proyecto-viviana/solidaria";
 import { type ClassNameOrFunction, type StyleOrFunction } from "./utils";

package/dist/StepList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StepList.d.ts","sourceRoot":"","sources":["../src/StepList.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"StepList.d.ts","sourceRoot":"","sources":["../src/StepList.tsx"],"names":[],"mappings":"AA2BA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAuB,KAAK,aAAa,EAAE,KAAK,GAAG,EAAE,MAAM,iCAAiC,CAAC;AACpG,OAAO,EAAkB,KAAK,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AAErF,OAAO,EACL,KAAK,mBAAmB,EACxB,KAAK,eAAe,EAKrB,MAAM,SAAS,CAAC;AAEjB,MAAM,WAAW,uBAAuB;IACtC,+CAA+C;IAC/C,UAAU,EAAE,OAAO,CAAC;IACpB,sCAAsC;IACtC,WAAW,EAAE,OAAO,CAAC;IACrB,qCAAqC;IACrC,UAAU,EAAE,OAAO,CAAC;IACpB,yCAAyC;IACzC,YAAY,EAAE,OAAO,CAAC;IACtB,+BAA+B;IAC/B,UAAU,EAAE,MAAM,CAAC;IACnB,iDAAiD;IACjD,aAAa,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,WAAW,mBAAmB;IAClC,yCAAyC;IACzC,UAAU,EAAE,OAAO,CAAC;CACrB;AAED,MAAM,WAAW,aAAa,CAAC,CAAC,SAAS;IAAE,GAAG,EAAE,GAAG,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAE,SAAQ,iBAAiB;IAC7F,sBAAsB;IACtB,KAAK,EAAE,CAAC,EAAE,CAAC;IACX,oDAAoD;IACpD,WAAW,CAAC,EAAE,GAAG,CAAC;IAClB,oDAAoD;IACpD,kBAAkB,CAAC,EAAE,GAAG,CAAC;IACzB,6CAA6C;IAC7C,iBAAiB,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,CAAC;IACvC,gDAAgD;IAChD,iBAAiB,CAAC,EAAE,GAAG,CAAC;IACxB,0DAA0D;IAC1D,wBAAwB,CAAC,EAAE,GAAG,CAAC;IAC/B,+CAA+C;IAC/C,yBAAyB,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,GAAG,IAAI,KAAK,IAAI,CAAC;IACtD,sCAAsC;IACtC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,uCAAuC;IACvC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,2CAA2C;IAC3C,YAAY,CAAC,EAAE,QAAQ,CAAC,GAAG,CAAC,CAAC;IAC7B,0CAA0C;IAC1C,QAAQ,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,uBAAuB,KAAK,GAAG,CAAC,OAAO,CAAC;IACnE,yCAAyC;IACzC,KAAK,CAAC,EAAE,mBAAmB,CAAC,mBAAmB,CAAC,CAAC;IACjD,wCAAwC;IACxC,KAAK,CAAC,EAAE,eAAe,CAAC,mBAAmB,CAAC,CAAC;CAC9C;AAED,MAAM,WAAW,SAAS;IACxB,qBAAqB;IACrB,IAAI,EAAE;QAAE,GAAG,EAAE,GAAG,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC;IAClC,+BAA+B;IAC/B,UAAU,EAAE,MAAM,CAAC;IACnB,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACvB,yCAAyC;IACzC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wCAAwC;IACxC,KAAK,CAAC,EAAE,GAAG,CAAC,aAAa,CAAC;CAC3B;AAED,eAAO,MAAM,oBAAoB,kDAA4C,CAAC;AAC9E,eAAO,MAAM,eAAe,uCAAiC,CAAC;AAE9D,wBAAgB,gBAAgB,IAAI,aAAa,CAIhD;AAED;;GAEG;AACH,wBAAgB,QAAQ,CAAC,CAAC,SAAS;IAAE,GAAG,EAAE,GAAG,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,EAC5D,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,GACtB,GAAG,CAAC,OAAO,CAkIb;AAED;;;GAGG;AACH,wBAAgB,IAAI,CAAC,KAAK,EAAE,SAAS,GAAG,GAAG,CAAC,OAAO,CAmDlD"}