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

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

import {
  useSliderContext
} from "./chunk-EJ53FKC3.mjs";
import {
  rootSliderInnerTrackCx
} from "./chunk-LWMHZUTO.mjs";

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

export {
  SliderInnerTrack_default
};