"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 ColorPickerAlpha = ({ className, ...props }) => {
    const { alpha = 1, setColor } = colorPickerRoot.useColorPicker();
    return (jsxRuntime.jsxs(index.Root, { className: index$1.cx(colorPicker_module.default.sliderRoot, className), max: 100, onValueChange: ([alpha]) => setColor({ alpha: alpha / 100 }), step: 1, value: [alpha * 100], ...props, children: [jsxRuntime.jsxs(index.Track, { className: index$1.cx(colorPicker_module.default.sliderTrack, colorPicker_module.default.alphaTrack), children: [jsxRuntime.jsx("div", { className: colorPicker_module.default.alphaTrackGradient }), jsxRuntime.jsx(index.Range, { className: colorPicker_module.default.sliderRange })] }), jsxRuntime.jsx(index.Thumb, { className: colorPicker_module.default.sliderThumb })] }));
};

exports.ColorPickerAlpha = ColorPickerAlpha;
//# sourceMappingURL=color-picker-alpha.cjs.map
