"use client";
'use strict';

var jsxRuntime = require('react/jsx-runtime');
var index$1 = require('../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.cjs');
var colorPickerRoot = require('./color-picker-root.cjs');
var colorPicker_module = require('./color-picker.module.css.cjs');
var index = require('../../node_modules/.pnpm/@radix-ui_react-slider@1.3.5_@types_react-dom@19.1.7_@types_react@19.1.9__@types_react@19.1.9_p32zwhugtqgn4tfikzqx3cas2u/node_modules/@radix-ui/react-slider/dist/index.cjs');

const ColorPickerHue = ({ className, ...props }) => {
    const { hue, setColor } = colorPickerRoot.useColorPicker();
    return (jsxRuntime.jsxs(index.Root, { className: index$1.cx(colorPicker_module.default.sliderRoot, className), max: 360, onValueChange: ([hue]) => setColor({ h: hue }), step: 1, value: [hue], ...props, children: [jsxRuntime.jsx(index.Track, { className: index$1.cx(colorPicker_module.default.sliderTrack, colorPicker_module.default.hueTrack), children: jsxRuntime.jsx(index.Range, { className: colorPicker_module.default.sliderRange }) }), jsxRuntime.jsx(index.Thumb, { className: colorPicker_module.default.sliderThumb })] }));
};

exports.ColorPickerHue = ColorPickerHue;
//# sourceMappingURL=color-picker-hue.cjs.map
