@julo-ui/sliders/dist/chunk-JKY4Z6LH.mjs

A React Slider component that implements input[type='range']

import {
  useRangeSliderContext
} from "./chunk-S4H3EXHT.mjs";

// src/range-slider/components/range-slider-marker/RangeSliderMarker.tsx
import { cx, forwardRef, julo } from "@julo-ui/system";
import { jsx } from "react/jsx-runtime";
var RangeSliderMarker = forwardRef(
  (props, ref) => {
    const { className, ...resProps } = props;
    const { getMarkerProps } = useRangeSliderContext(
      "RangeSliderMarker should be within RangeSlider or RangeSliderProvider"
    );
    return /* @__PURE__ */ jsx(
      julo.div,
      {
        className: cx("julo-range-slider__marker", className),
        ...getMarkerProps(resProps, ref)
      }
    );
  }
);
var RangeSliderMarker_default = RangeSliderMarker;

export {
  RangeSliderMarker_default
};