@julo-ui/sliders/dist/chunk-4WQSIRAK.mjs

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

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

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

export {
  SliderTrack_default
};