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

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

import {
  rootSliderHorizontalTrackCx,
  rootSliderTrackCx,
  rootSliderVerticalTrackCx
} from "./chunk-LWMHZUTO.mjs";
import {
  useRangeSliderContext
} from "./chunk-S4H3EXHT.mjs";

// src/range-slider/components/range-slider-track/RangeSliderTrack.tsx
import { cx, forwardRef, julo } from "@julo-ui/system";
import { jsx } from "react/jsx-runtime";
var RangeSliderTrack = forwardRef(
  (props, ref) => {
    const { className, ...resProps } = props;
    const { getTrackProps, state } = useRangeSliderContext(
      "RangeSliderTrack should be within Slider or SliderProvider"
    );
    return /* @__PURE__ */ jsx(
      julo.div,
      {
        className: cx("julo-range-slider__track", className),
        ...getTrackProps(resProps, ref),
        __css: [
          rootSliderTrackCx,
          state.orientation === "horizontal" ? rootSliderHorizontalTrackCx : rootSliderVerticalTrackCx
        ]
      }
    );
  }
);
RangeSliderTrack.displayName = "RangeSliderTrack";
var RangeSliderTrack_default = RangeSliderTrack;

export {
  RangeSliderTrack_default
};