@julo-ui/sliders/dist/chunk-6M5ZNXPH.mjs

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

import {
  rangeSliderCx
} from "./chunk-7GMT7HOE.mjs";
import {
  useRangeSlider
} from "./chunk-PG3ZPPXQ.mjs";
import {
  rootSliderCx
} from "./chunk-LWMHZUTO.mjs";
import {
  RangeSliderProvider
} from "./chunk-S4H3EXHT.mjs";

// src/range-slider/RangeSlider.tsx
import { cx, forwardRef, julo } from "@julo-ui/system";
import { jsx } from "react/jsx-runtime";
var RangeSlider = forwardRef((props, ref) => {
  const {
    children,
    className,
    orientation = "horizontal",
    ...resProps
  } = props;
  const { getRootProps, ...rangeSliderContext } = useRangeSlider({
    direction: "ltr",
    orientation,
    ...resProps
  });
  return /* @__PURE__ */ jsx(RangeSliderProvider, { value: rangeSliderContext, children: /* @__PURE__ */ jsx(
    julo.div,
    {
      className: cx("julo-range-slider", className),
      ...getRootProps({}, ref),
      __css: [rootSliderCx, rangeSliderCx],
      children
    }
  ) });
});
RangeSlider.displayName = "RangeSlider";
var RangeSlider_default = RangeSlider;

export {
  RangeSlider_default
};