@progress/kendo-themes-html/dist/esm/colorpalette/colorpalette-tile.mjs

A collection of HTML helpers used for developing Kendo UI themes

var o=(...l)=>l.filter(e=>e!==!0&&!!e).map(e=>Array.isArray(e)?o(...e):typeof e=="object"?Object.keys(e).map((t,r)=>e[r]||e[t]&&t||null).filter(t=>t!==null).join(" "):e).filter(e=>!!e).join(" ");var h=(l,e)=>{let{valid:t,invalid:r,hover:d,focus:c,checked:a,active:u,selected:f,disabled:k,indeterminate:y,loading:v,empty:b,readonly:$,highlighted:M,...x}=e;return o({"k-valid":t,"k-invalid":r,"k-hover":d,"k-focus":c,"k-checked":a,"k-active":u,"k-selected":f,"k-disabled":k,"k-indeterminate":y&&!a,"k-loading":v,"k-empty":b,"k-readonly":$,"k-highlighted":M},Object.keys(x).reduce((m,i)=>(i.startsWith("k-")?m[i]=x[i]:m[`k-${i}`]=x[i],m),{}))};var n={open:"open",hover:"hover",focus:"focus",active:"active",selected:"selected",disabled:"disabled",valid:"valid",invalid:"invalid",loading:"loading",required:"required",empty:"empty",indeterminate:"indeterminate",checked:"checked",readonly:"readonly",highlighted:"highlighted",generating:"generating",expanded:"expanded"};import{jsx as C}from"react/jsx-runtime";var g="k-colorpalette-tile",T=[n.hover,n.focus,n.selected],z={},s=l=>{let{color:e,tileSize:t,hover:r,focus:d,selected:c,...a}=l,u={backgroundColor:e,width:t?t+"px":"",height:t?t+"px":""};return C("td",{...a,className:o(l.className,g,h(g,{hover:r,focus:d,selected:c})),style:u})};s.states=T;s.options=z;s.className=g;var R=s;export{g as COLORPALETTETILE_CLASSNAME,s as ColorPaletteTile,R as default};