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

A collection of HTML helpers used for developing Kendo UI themes

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