primereact/inputcolor/index.mjs

A rich set of premium UI Components for React.

'use client';

var _=Object.defineProperty;var G=(o,t)=>{for(var p in t)_(o,p,{get:t[p],enumerable:!0})};import{createOptionalContext as $}from"@primereact/core/utils";var[N,n]=$();var W={};G(W,{Area:()=>y,AreaBackground:()=>S,AreaHandle:()=>g,EyeDropper:()=>k,Input:()=>A,Root:()=>H,Slider:()=>R,SliderHandle:()=>B,SliderTrack:()=>T,Swatch:()=>D,SwatchBackground:()=>b,TransparencyGrid:()=>E});import{Component as oo,withComponent as ro}from"@primereact/core/component";import{mergeProps as to}from"@primeuix/utils";import*as O from"react";var s={as:"div"};var y=ro({name:"InputColor.Area",defaultProps:s,setup(){return{inputColor:n()}},render(o){let{props:t,ptmi:p,inputColor:r}=o,e=to(r?.areaProps,{className:r?.cx("area"),style:{...r?.areaProps?.style}},r?.ptm("area"),p("root"));return O.createElement(oo,{instance:o,attrs:e,children:t.children})}});import{Component as po,withComponent as eo}from"@primereact/core/component";import{mergeProps as no}from"@primeuix/utils";import*as j from"react";var a={as:"div"};var S=eo({name:"InputColor.AreaBackground",defaultProps:a,setup(){return{inputColor:n()}},render(o){let{props:t,ptmi:p,inputColor:r}=o,e=no({className:r?.cx("areaBackground")},r?.ptm("areaBackground"),p("root"));return j.createElement(po,{instance:o,attrs:e,children:t.children})}});import{Component as so,withComponent as ao}from"@primereact/core/component";import{mergeProps as lo}from"@primeuix/utils";import*as q from"react";var l={as:"div"};var g=ao({name:"InputColor.AreaHandle",defaultProps:l,setup(){return{inputColor:n()}},render(o){let{props:t,ptmi:p,inputColor:r}=o,e=lo(r?.areaHandleProps,{className:r?.cx("areaHandle",{disabled:r?.props.disabled})},r?.ptm("areaHandle"),p("root"));return q.createElement(so,{instance:o,attrs:e,children:t.children})}});import{Component as io,withComponent as uo}from"@primereact/core/component";import{mergeProps as mo}from"@primeuix/utils";import*as z from"react";var i={as:"button"};var k=uo({name:"InputColor.EyeDropper",defaultProps:i,setup(){return{inputColor:n()}},render(o){let{props:t,ptmi:p,inputColor:r}=o,e=mo(r?.eyeDropperProps,{className:r?.cx("eyeDropper"),disabled:t.disabled||r?.eyeDropperProps?.disabled},r?.ptm("eyeDropper"),p("root"));return z.createElement(io,{instance:o,attrs:e,children:t.children})}});import{Component as Po,withComponent as Io}from"@primereact/core/component";import{mergeProps as xo}from"@primeuix/utils";import*as w from"react";import{createOptionalContext as co}from"@primereact/core/utils";var[F,hr]=co();import{InputText as fo,InputTextProps as Co}from"primereact/inputtext";var u={...Co.defaultProps,channel:"hex",as:fo};var A=Io({name:"InputColor.Input",defaultProps:u,setup(){return{inputColor:n()}},render(o){let{props:t,ptmi:p,inputColor:r}=o,{as:e,...x}=t,{disabled:h,...Y}=r?.getInputProps?.({channel:t.channel,disabled:t.disabled})??{},Z=xo(x,{...Y,id:t.inputId,className:r?.cx("input"),disabled:t.disabled||h},r?.ptm("input"),p("root"));return w.createElement(F,{value:o},w.createElement(Po,{as:e,instance:o,attrs:Z,children:t.children}))}});import{Component as ho,withComponent as yo}from"@primereact/core/component";import{useInputColor as So}from"@primereact/headless/inputcolor";import{mergeProps as go}from"@primeuix/utils";import*as v from"react";import*as J from"@primereact/headless/inputcolor";var m={...J.defaultProps};var H=yo({name:"InputColor.Root",defaultProps:m,setup(o){return So(o.inProps)},render(o){let{props:t,ptmi:p,rootProps:r}=o,e=go(r,p("root"));return v.createElement(N,{value:o},v.createElement(ho,{instance:o,attrs:e,children:t.children}))}});import{Component as wo,withComponent as Ao}from"@primereact/core/component";import{mergeProps as vo}from"@primeuix/utils";import{SliderRoot as Ho}from"primereact/slider";import*as K from"react";import{defaultRootProps as ko}from"primereact/slider";var d={...ko,channel:"hue"};var R=Ao({name:"InputColor.Slider",defaultProps:d,setup(){return{inputColor:n()}},render(o){let{props:t,ptmi:p,inputColor:r}=o,{style:e,...x}=r?.getSliderProps?.({channel:t.channel,orientation:t.orientation,disabled:t.disabled})??{},h=vo({...x,className:r?.cx("slider",{orientation:t.orientation}),style:{...e}},r?.ptm("slider"),p("root"));return K.createElement(wo,{as:Ho,instance:o,attrs:h,children:t.children})}});import{Component as Ro,withComponent as Bo}from"@primereact/core/component";import{mergeProps as To}from"@primeuix/utils";import{SliderHandle as Do}from"primereact/slider";import*as L from"react";var c={as:"div"};var B=Bo({name:"InputColor.SliderHandle",defaultProps:c,setup(){return{inputColor:n()}},render(o){let{props:t,ptmi:p,inputColor:r}=o,e=To(r?.sliderHandleProps,{className:r?.cx("slider-handle",{disabled:!!r?.props.disabled})},r?.ptm("slider-handle"),p("root"));return L.createElement(Ro,{as:Do,instance:o,attrs:e,children:t.children})}});import{Component as bo,withComponent as Eo}from"@primereact/core/component";import{mergeProps as Go}from"@primeuix/utils";import{SliderTrack as No}from"primereact/slider";import*as M from"react";var f={as:"div"};var T=Eo({name:"InputColor.SliderTrack",defaultProps:f,setup(){return{inputColor:n()}},render(o){let{props:t,ptmi:p,inputColor:r}=o,e=Go({className:r?.cx("slider-track")},r?.ptm("slider-track"),p("root"));return M.createElement(bo,{as:No,instance:o,attrs:e,children:t.children})}});import{Component as Oo,withComponent as jo}from"@primereact/core/component";import{mergeProps as qo}from"@primeuix/utils";import*as Q from"react";var C={as:"div"};var D=jo({name:"InputColor.Swatch",defaultProps:C,setup(){return{inputColor:n()}},render(o){let{props:t,ptmi:p,inputColor:r}=o,e=qo(r?.swatchProps,{className:r?.cx("swatch")},r?.ptm("swatch"),p("root"));return Q.createElement(Oo,{instance:o,attrs:e,children:t.children})}});import{Component as zo,withComponent as Fo}from"@primereact/core/component";import{mergeProps as Jo}from"@primeuix/utils";import*as U from"react";var P={as:"div"};var b=Fo({name:"InputColor.SwatchBackground",defaultProps:P,setup(){return{inputColor:n()}},render(o){let{props:t,ptmi:p,inputColor:r}=o,e=Jo({className:r?.cx("swatchBackground")},r?.ptm("swatchBackground"),p("root"));return U.createElement(zo,{instance:o,attrs:e,children:t.children})}});import{Component as Ko,withComponent as Lo}from"@primereact/core/component";import{mergeProps as Mo}from"@primeuix/utils";import*as V from"react";var I={as:"div"};var E=Lo({name:"InputColor.TransparencyGrid",defaultProps:I,setup(){return{inputColor:n()}},render(o){let{props:t,ptmi:p,inputColor:r}=o,e=Mo({className:r?.cx("transparency-grid")},r?.ptm("transparency-grid"),p("root"));return V.createElement(Ko,{instance:o,attrs:e,children:t.children})}});var X={};G(X,{defaultAreaBackgroundProps:()=>a,defaultAreaHandleProps:()=>l,defaultAreaProps:()=>s,defaultEyeDropperProps:()=>i,defaultInputProps:()=>u,defaultRootProps:()=>m,defaultSliderHandleProps:()=>c,defaultSliderProps:()=>d,defaultSliderTrackProps:()=>f,defaultSwatchBackgroundProps:()=>P,defaultSwatchProps:()=>C,defaultTransparencyGridProps:()=>I});import{parseColor as ap}from"@primereact/headless/inputcolor";export{W as InputColor,y as InputColorArea,S as InputColorAreaBackground,g as InputColorAreaHandle,k as InputColorEyeDropper,A as InputColorInput,X as InputColorProps,N as InputColorProvider,H as InputColorRoot,R as InputColorSlider,B as InputColorSliderHandle,T as InputColorSliderTrack,D as InputColorSwatch,b as InputColorSwatchBackground,E as InputColorTransparencyGrid,a as defaultAreaBackgroundProps,l as defaultAreaHandleProps,s as defaultAreaProps,i as defaultEyeDropperProps,u as defaultInputProps,m as defaultRootProps,c as defaultSliderHandleProps,d as defaultSliderProps,f as defaultSliderTrackProps,P as defaultSwatchBackgroundProps,C as defaultSwatchProps,I as defaultTransparencyGridProps,ap as parseColor,n as useInputColorContext};