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

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

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

// src/range-slider/components/range-slider-inner-track/RangeSliderInnerTrack.tsx
import { cx, forwardRef, julo } from "@julo-ui/system";
import { jsx } from "react/jsx-runtime";
var RangeSliderInnerTrack = forwardRef(
  (props, ref) => {
    const { className, ...resProps } = props;
    const { getInnerTrackProps } = useRangeSliderContext(
      "RangeSliderInnerTrack should be within RangeSlider or RangeSliderProvider"
    );
    return /* @__PURE__ */ jsx(
      julo.div,
      {
        className: cx("julo-range-slider__inner-track", className),
        ...getInnerTrackProps(resProps, ref),
        __css: rootSliderInnerTrackCx
      }
    );
  }
);
RangeSliderInnerTrack.displayName = "RangeSliderInnerTrack";
var RangeSliderInnerTrack_default = RangeSliderInnerTrack;

export {
  RangeSliderInnerTrack_default
};