xtreme-ui
Version:
Collection of reusable components that can be used in web projects
2 lines (1 loc) • 780 B
JavaScript
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),d=require("react"),C=require("@uiw/react-color-alpha"),m=require("@uiw/react-color-shade-slider"),x=require("@uiw/react-color-wheel"),q=require("clsx");;/* empty css */const a=180,c=d.forwardRef((l,t)=>{const{className:i,shade:n=!0,alpha:h=!0,color:e={h:0,s:0,v:100,a:1},setColor:o}=l,u=q("xtrColorPicker",i);return s.jsxs("div",{ref:t,className:u,children:[s.jsx(x,{className:"wheel",color:e,width:a,height:a,onChange:r=>o(r.hsva)}),n&&s.jsx(m,{className:"shade",hsva:e,onChange:({v:r})=>o({...e,v:r})}),h&&s.jsx(C,{className:"alpha",hsva:e,onChange:({a:r})=>o({...e,a:r})})]})});c.displayName="ColorPicker";exports.ColorPicker=c;