@progress/kendo-themes-html
Version:
A collection of HTML helpers used for developing Kendo UI themes
2 lines (1 loc) • 37.8 kB
JavaScript
var n=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?n(...t):typeof t=="object"?Object.keys(t).map((o,i)=>t[i]||t[o]&&o||null).filter(o=>o!==null).join(" "):t).filter(t=>!!t).join(" ");var A=(e,t)=>n({[`${e}-xs`]:t.size==="xsmall",[`${e}-sm`]:t.size==="small",[`${e}-md`]:t.size==="medium",[`${e}-lg`]:t.size==="large",[`${e}-xl`]:t.size==="xlarge",[`${e}-xxl`]:t.size==="xxlarge",[`${e}-xxxl`]:t.size==="xxxlarge"},{[`${e}-${t.fillMode}`]:t.fillMode},{[`${e}-${t.fillMode}-${t.themeColor}`]:t.fillMode&&t.themeColor},{[`${e}-${t.themeColor}`]:t.themeColor&&t.fillMode===void 0},{"k-rounded-sm":t.rounded==="small","k-rounded-md":t.rounded==="medium","k-rounded-lg":t.rounded==="large","k-rounded-full":t.rounded==="full"}),T=(e,t)=>{let{valid:o,invalid:i,hover:r,focus:p,checked:l,active:u,selected:d,disabled:m,indeterminate:x,loading:h,empty:v,readonly:L,highlighted:M,...k}=t;return n({"k-valid":o,"k-invalid":i,"k-hover":r,"k-focus":p,"k-checked":l,"k-active":u,"k-selected":d,"k-disabled":m,"k-indeterminate":x&&!l,"k-loading":h,"k-empty":v,"k-readonly":L,"k-highlighted":M},Object.keys(k).reduce((g,E)=>(E.startsWith("k-")?g[E]=k[E]:g[`k-${E}`]=k[E],g),{}))};function jt(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(i=>[`k-${i}`,!0]))}var a={xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},f={small:"small",medium:"medium",large:"large",full:"full"},N={solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},c={inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",dark:"dark",light:"light",inverse:"inverse"},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{Fragment as Es,jsx as eo}from"react/jsx-runtime";var ct="k-font-icon",Is=[],ks={size:[a.xsmall,a.small,a.medium,a.large,a.xlarge,a.xxlarge,a.xxxlarge],themeColor:[c.base,c.primary,c.secondary,c.tertiary,c.success,c.warning,c.error,c.info,c.light,c.dark]},gs={},Ke=e=>{let{size:t,themeColor:o,icon:i,rotate:r,flip:p,...l}=e;return i?eo("span",{...l,className:n(e.className,ct,A(ct,{size:t}),{[`k-i-${i}`]:i,[`k-color-${o}`]:o,[`k-rotate-${r}`]:r,"k-flip-h":p==="h"||p==="both","k-flip-v":p==="v"||p==="both"})}):eo(Es,{})};Ke.states=Is;Ke.options=ks;Ke.className=ct;Ke.defaultOptions=gs;var to=Ke;import{Fragment as Cs,jsx as We}from"react/jsx-runtime";var ut="k-svg-icon",As=[],Ts={size:[a.xsmall,a.small,a.medium,a.large,a.xlarge,a.xxlarge,a.xxxlarge],themeColor:[c.base,c.primary,c.secondary,c.tertiary,c.success,c.warning,c.error,c.info,c.light,c.dark]},oo={viewBox:"0 0 24 24"},He=e=>{let{size:t,themeColor:o,rotate:i,flip:r,viewBox:p=oo.viewBox,icon:l,...u}=e;if(!l)return We(Cs,{});l==="none"&&{...u,className:n(e.className,ut,"k-none")};let d=typeof l=="object"&&l.name&&l.name;return We("span",{...u,className:n(e.className,ut,A("k-icon",{size:t}),{[`k-svg-i-${d}`]:d,[`k-color-${o}`]:o,[`k-rotate-${i}`]:i,"k-flip-h":r==="h"||r==="both","k-flip-v":r==="v"||r==="both"}),children:We("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof l=="object"?l.viewBox:p,dangerouslySetInnerHTML:typeof l=="object"?{__html:l.content}:void 0,children:l?void 0:e.children})})};He.states=As;He.options=Ts;He.className=ut;He.defaultOptions=oo;var ft=He;import*as Nt from"@progress/kendo-svg-icons";var so="icon",no="icons";import{Fragment as io,jsx as ze}from"react/jsx-runtime";var Qe="k-icon",Os=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),ys=[],Rs={size:[a.xsmall,a.small,a.medium,a.large,a.xlarge,a.xxlarge,a.xxxlarge],themeColor:[c.base,c.primary,c.secondary,c.tertiary,c.success,c.warning,c.error,c.info,c.light,c.dark]},xt={viewBox:"0 0 24 24",type:"svg"},I=e=>{let{size:t,themeColor:o,icon:i,type:r=xt.type,rotate:p,flip:l,viewBox:u=xt.viewBox,...d}=e;if(!i)return ze(io,{});if(r==="svg"){if(i==="none")return ze(ft,{...d,className:n(e.className,Qe),icon:i,size:t});let m=Nt[i]?i:Os(`${i}-icon`);return Nt[m]?ze(ft,{...d,className:n(e.className,Qe),icon:Nt[m],size:t,themeColor:o,rotate:p,flip:l,viewBox:u}):ze(io,{})}return ze(to,{...d,className:n(e.className,Qe),icon:i,size:t,themeColor:o,rotate:p,flip:l})};I.states=ys;I.options=Rs;I.defaultOptions=xt;I.className=Qe;I.moduleName=so;I.folderName=no;var Lt="button",ao=Lt;import{Fragment as zs,jsx as Pe,jsxs as ro}from"react/jsx-runtime";var we="k-button",_s=["icon-button"],Ks=[s.hover,s.focus,s.active,s.selected,s.disabled,s.generating],Hs={size:[a.small,a.medium,a.large],rounded:[f.small,f.medium,f.large,f.full],fillMode:[N.solid,N.flat,N.outline,N.clear,N.link],themeColor:[c.base,c.primary,c.secondary,c.tertiary,c.success,c.warning,c.error,c.info,c.light,c.dark,c.inverse]},me={size:a.medium,rounded:f.medium,fillMode:N.solid,themeColor:c.base,showArrow:!1,arrowIconName:"caret-alt-down"},C=e=>{let{size:t=me.size,rounded:o=me.rounded,fillMode:i=me.fillMode,themeColor:r=me.themeColor,showArrow:p=me.showArrow,arrowIconName:l=me.arrowIconName,variant:u,hover:d,focus:m,active:x,selected:h,disabled:v,icon:L,text:M,iconClassName:k,...g}=e,E=L!==void 0,w=e.children!==void 0;return ro("button",{...g,className:n(e.className,we,jt(we,u),A(we,{size:t,rounded:o,fillMode:i,themeColor:r}),T(we,{hover:d,focus:m,active:x,disabled:v,selected:h}),{"k-icon-button":!M&&!w&&E}),children:[L&&Pe(I,{className:n(k,"k-button-icon"),icon:L}),M?ro(zs,{children:[M&&Pe("span",{className:"k-button-text",children:M}),e.children]}):e.children&&Pe("span",{className:"k-button-text",children:e.children}),p&&Pe("span",{className:"k-menu-button-arrow k-button-arrow",children:Pe(I,{icon:l})})]})};C.states=Ks;C.options=Hs;C.variants=_s;C.className=we;C.defaultOptions=me;C.moduleName=Lt;C.folderName=ao;import{jsx as Ca}from"react/jsx-runtime";import{jsx as _a}from"react/jsx-runtime";import{jsx as Pa}from"react/jsx-runtime";var ht="slider",lo=ht;import{jsx as Se,jsxs as bt}from"react/jsx-runtime";var De="k-slider",Ps=[s.hover,s.focus,s.active,s.disabled,s.readonly],ws={},Z={type:"single",orientation:"horizontal",readonly:!1,disabled:!1,handlePosition:"end",showButtons:!0,showTicks:!0},K=e=>{let{type:t=Z.type,orientation:o=Z.orientation,readonly:i=Z.readonly,disabled:r=Z.disabled,handlePosition:p=Z.handlePosition,showButtons:l=Z.showButtons,showTicks:u=Z.showTicks,hover:d,focus:m,active:x,trackStyle:h,dir:v,...L}=e,M,k;return o==="horizontal"?(M=v==="rtl"?"caret-alt-left":"caret-alt-right",k=v==="rtl"?"caret-alt-right":"caret-alt-left"):o==="vertical"&&(M="caret-alt-up",k="caret-alt-down"),bt("div",{...L,className:n(De,e.className,T(De,{readonly:i,disabled:r}),{[`k-slider-${o}`]:o,"k-colorgradient-slider":t==="gradient"}),dir:v,children:[l&&Se(C,{className:"k-button-decrease",rounded:"full",icon:k}),bt("div",{className:"k-slider-track-wrap",children:[u&&Se("ul",{className:"k-reset k-slider-items",children:e.children}),bt("div",{className:"k-slider-track",style:h,children:[Se("div",{className:"k-slider-selection"}),t==="range"&&Se("span",{className:n("k-draghandle","k-draghandle-start",T(De,{hover:d,focus:m,active:x}))}),Se("span",{className:n("k-draghandle",`k-draghandle-${p}`,T(De,{hover:d,focus:m,active:x}))})]})]}),l&&Se(C,{className:"k-button-increase",rounded:"full",icon:M})]})};K.states=Ps;K.options=ws;K.className=De;K.defaultOptions=Z;K.moduleName=ht;K.folderName=lo;import{jsx as po}from"react/jsx-runtime";var mo="k-tick",Ds=[],Bs={},co={label:!1},j=e=>{let{style:t,label:o=co.label,orientation:i,large:r,text:p,...l}=e;return po("li",{...l,className:n(e.className,mo,{[`k-tick-${i}`]:i,"k-tick-large":r}),style:t,children:o&&po("span",{className:"k-label",children:p})})};j.states=Ds;j.options=Bs;j.className=mo;j.defaultOptions=co;import{Fragment as or,jsx as tr,jsxs as sr}from"react/jsx-runtime";import{Fragment as lr,jsx as rr,jsxs as pr}from"react/jsx-runtime";import{Fragment as fr,jsx as ur,jsxs as Nr}from"react/jsx-runtime";import{Fragment as vr,jsx as br,jsxs as Sr}from"react/jsx-runtime";import{jsx as Gs}from"react/jsx-runtime";var vt=e=>Gs(K,{type:"gradient",showButtons:!1,showTicks:!1,...e});import{jsx as Us}from"react/jsx-runtime";var St=e=>Us(K,{type:"gradient",orientation:"vertical",showButtons:!1,showTicks:!1,...e});var Be="input",Ye=Be;import{jsx as Xs}from"react/jsx-runtime";var Ze="k-input",Fs=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],Vs={size:[a.small,a.medium,a.large],rounded:[f.small,f.medium,f.large,f.full],fillMode:[N.solid,N.flat,N.outline]},je={size:a.medium,rounded:a.medium,fillMode:N.solid},O=e=>{let{hover:t,focus:o,disabled:i,invalid:r,valid:p,loading:l,readonly:u,size:d=je.size,rounded:m=je.rounded,fillMode:x=je.fillMode,...h}=e;return Xs("span",{...h,className:n(e.className,Ze,A(Ze,{size:d,rounded:m,fillMode:x}),T(Ze,{hover:t,focus:o,disabled:i,invalid:r,valid:p,loading:l,readonly:u}))})};O.states=Fs;O.options=Vs;O.className=Ze;O.defaultOptions=je;O.moduleName=Be;O.folderName=Ye;import{jsx as qs}from"react/jsx-runtime";var et="k-picker",$s=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],Js={size:[a.small,a.medium,a.large],rounded:[f.small,f.medium,f.large,f.full],fillMode:[N.solid,N.flat,N.outline]},tt={size:a.medium,rounded:f.medium,fillMode:N.solid},ee=e=>{let{hover:t,focus:o,disabled:i,invalid:r,valid:p,loading:l,readonly:u,size:d=tt.size,rounded:m=tt.rounded,fillMode:x=tt.fillMode,...h}=e;return qs("span",{...h,className:n(e.className,et,A(et,{size:d,rounded:m,fillMode:x}),T(et,{hover:t,focus:o,disabled:i,invalid:r,valid:p,loading:l,readonly:u})),children:e.children})};ee.states=$s;ee.options=Js;ee.className=et;ee.defaultOptions=tt;ee.moduleName=Be;ee.folderName=Ye;import{Fragment as Ys,jsx as Mt}from"react/jsx-runtime";var uo="k-clear-value",Ws=[s.disabled,s.loading,s.readonly],Qs={},$=e=>{let{disabled:t,loading:o,readonly:i,value:r}=e;return t||i||o||!r?Mt(Ys,{}):Mt("span",{className:n(e.className,uo),children:Mt(I,{icon:"x"})})};$.states=Ws;$.options=Qs;$.className=uo;import{jsx as en}from"react/jsx-runtime";var It="k-input-inner",Zs=[],js={},ot={type:"text",autocomplete:"off",value:"",placeholder:""},J=e=>{let{value:t=ot.value,type:o=ot.type,placeholder:i=ot.placeholder,autocomplete:r=ot.autocomplete,...p}=e;return en("input",{...p,type:o,className:n(e.className,It,A(It,e)),placeholder:i,autoComplete:r,defaultValue:t})};J.states=Zs;J.options=js;J.className=It;import{jsx as fo,jsxs as sn}from"react/jsx-runtime";var kt="k-input-inner",tn=[],on={},Ge=e=>{let{value:t,placeholder:o,showValue:i,valueIcon:r,valueIconName:p,...l}=e;return sn("span",{...l,className:n(e.className,kt,A(kt,e)),children:[r,!r&&p&&fo(I,{className:"k-input-value-icon",icon:p}),i&&!t&&o,i&&t&&fo("span",{className:"k-input-value-text",children:t})]})};Ge.states=tn;Ge.options=on;Ge.className=kt;import{jsx as rn}from"react/jsx-runtime";var gt="k-input-inner",nn=[],an={},No={value:"",placeholder:""},Et=e=>{let{value:t=No.value,placeholder:o=No.placeholder,rows:i,...r}=e;return rn("textarea",{...r,className:n(e.className,gt,A(gt,e)),placeholder:o,rows:i,defaultValue:t})};Et.states=nn;Et.options=an;Et.className=gt;import{Fragment as pn,jsx as xo}from"react/jsx-runtime";var Lo="k-input-loading-icon",ln=[s.disabled,s.loading],U=e=>{let{disabled:t,loading:o}=e;return t||!o?xo(pn,{}):xo("span",{className:n(e.className,Lo,"k-icon k-i-loading")})};U.states=ln;U.className=Lo;import{Fragment as cn,jsx as ho}from"react/jsx-runtime";var bo="k-input-validation-icon",dn=[s.valid,s.invalid,s.disabled,s.loading],mn={},D=e=>{let{valid:t,invalid:o,disabled:i,loading:r}=e,p=o?"warning-circle":"check-circle";return i||r||!!!(t||o)?ho(cn,{}):ho(I,{className:n(bo),icon:p})};D.states=dn;D.options=mn;D.className=bo;import{Fragment as Nn,jsx as vo}from"react/jsx-runtime";var un="k-input-prefix",fn={direction:"horizontal"},Me=e=>{let{direction:t=fn.direction,...o}=e;return e.children?vo("span",{...o,className:n(un,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):vo(Nn,{})};import{Fragment as hn,jsx as So}from"react/jsx-runtime";var xn="k-input-suffix",Ln={direction:"horizontal"},Ie=e=>{let{direction:t=Ln.direction,...o}=e;return e.children?So("span",{...o,className:n(xn,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):So(hn,{})};import{jsx as Ml}from"react/jsx-runtime";import{jsx as El}from"react/jsx-runtime";import{jsx as vn}from"react/jsx-runtime";var Mo="k-input-separator",bn={direction:"vertical"},ke=e=>{let{direction:t=bn.direction,...o}=e;return vn("span",{...o,className:n(Mo,e.className,{[`${Mo}-${t}`]:t})})};import{jsx as Io,jsxs as gn}from"react/jsx-runtime";var ko="k-spin-button",In=[],kn={size:[a.small,a.medium,a.large],fillMode:[N.solid,N.flat,N.outline,N.clear,N.link]},At={size:a.medium,fillMode:N.solid},te=e=>{let{size:t=At.size,fillMode:o=At.fillMode,...i}=e;return gn("span",{...i,className:n(ko,e.className),children:[Io(C,{className:"k-spinner-increase",icon:"caret-alt-up",rounded:null,size:t,fillMode:o}),Io(C,{className:"k-spinner-decrease",icon:"caret-alt-down",rounded:null,size:t,fillMode:o})]})};te.states=In;te.options=kn;te.className=ko;te.defaultOptions=At;te.moduleName=null;te.folderName=null;var go="numeric-textbox",Eo="numerictextbox";import{Fragment as Ao,jsx as q,jsxs as Tt}from"react/jsx-runtime";var To="k-numerictextbox",En=[s.hover,s.focus,s.valid,s.invalid,s.loading,s.required,s.disabled,s.readonly],An={size:[a.small,a.medium,a.large],rounded:[f.small,f.medium,f.large,f.full],fillMode:[N.solid,N.flat,N.outline]},ce={showSpinButton:!0,showClearButton:!0,size:O.defaultOptions.size,rounded:O.defaultOptions.rounded,fillMode:O.defaultOptions.fillMode,separators:!0},y=e=>{let{size:t=ce.size,rounded:o=ce.rounded,fillMode:i=ce.fillMode,separators:r=ce.separators,showClearButton:p=ce.showClearButton,showSpinButton:l=ce.showSpinButton,prefix:u,suffix:d,value:m,placeholder:x,hover:h,focus:v,valid:L,invalid:M,required:k,loading:g,disabled:E,readonly:w,...de}=e;return Tt(O,{...de,size:t,rounded:o,fillMode:i,hover:h,focus:v,valid:L,invalid:M,required:k,loading:g,disabled:E,readonly:w,className:n(e.className,To),children:[u&&Tt(Ao,{children:[q(Me,{children:u}),r&&q(ke,{})]}),q(J,{placeholder:x,value:m}),q(D,{valid:L,invalid:M,loading:g,disabled:E}),q(U,{loading:g,disabled:E}),p&&q($,{loading:g,disabled:E,readonly:w,value:m}),d&&Tt(Ao,{children:[r&&q(ke,{}),q(Ie,{children:d})]}),l&&q(te,{className:"k-input-spinner",size:t,fillMode:i})]})};y.states=En;y.options=An;y.className=To;y.defaultOptions=ce;y.moduleName=go;y.folderName=Eo;import{jsx as lp}from"react/jsx-runtime";var Ct="popup",Oo=Ct;import{jsx as yo}from"react/jsx-runtime";var Ro="k-animation-container",Tn=[],Cn={},_o={positionMode:"absolute"},F=e=>{let{positionMode:t=_o.positionMode,animationStyle:o,offset:i,...r}=e;return yo("div",{...r,style:{...i,...e.style},className:n(e.className,Ro,"k-animation-container-shown",{"k-animation-container-fixed":t==="fixed"}),children:yo("div",{className:"k-child-animation-container",style:o,children:e.children})})};F.states=Tn;F.options=Cn;F.className=Ro;F.defaultOptions=_o;F.moduleName=Ct;F.folderName=Oo;var Ot="popup",Ko=Ot;import{jsx as Ho}from"react/jsx-runtime";var zo="k-popup",On=[],yn={},Po={positionMode:"absolute"},oe=e=>{let{offset:t,positionMode:o=Po.positionMode,animationStyle:i,...r}=e;return Ho(F,{positionMode:o,offset:t,animationStyle:i,children:Ho("div",{...r,className:n(e.className,zo),children:e.children})})};oe.states=On;oe.options=yn;oe.className=zo;oe.defaultOptions=Po;oe.moduleName=Ot;oe.folderName=Ko;var yt="action-buttons",wo=yt;import{jsx as Kn}from"react/jsx-runtime";var st="k-actions",Rn=[],_n={},Rt={alignment:"start",orientation:"horizontal"},se=e=>{let{alignment:t=Rt.alignment,orientation:o=Rt.orientation,...i}=e;return Kn("div",{...i,className:n(st,{[`${st}-${t}`]:t,[`${st}-${o}`]:o},e.className),children:e.children})};se.states=Rn;se.options=_n;se.className=st;se.defaultOptions=Rt;se.moduleName=yt;se.folderName=wo;import{jsx as zn}from"react/jsx-runtime";var Hn="k-actionsheet-footer",Do={alignment:"stretched",orientation:"horizontal"},_t=e=>{let{alignment:t=Do.alignment,orientation:o=Do.orientation,template:i,as:r=i?"div":se,...p}=e;return zn(r,{...p,...!i&&{alignment:t,orientation:o},className:n(e.className,Hn),children:e.children})};var Kt="searchbox",Bo=Kt;import{jsx as Ue,jsxs as Dn}from"react/jsx-runtime";var Go="k-searchbox",Pn=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading],wn={size:[a.small,a.medium,a.large],rounded:[f.small,f.medium,f.large,f.full],fillMode:[N.solid,N.flat,N.outline]},Ht={showIcon:!0,icon:"search",size:O.defaultOptions.size,rounded:O.defaultOptions.rounded,fillMode:O.defaultOptions.fillMode},B=e=>{let{value:t,placeholder:o,size:i,rounded:r,fillMode:p,hover:l,focus:u,valid:d,invalid:m,required:x,loading:h,disabled:v,showIcon:L=Ht.showIcon,icon:M=Ht.icon,...k}=e;return Dn(O,{...k,size:i,rounded:r,fillMode:p,hover:l,focus:u,valid:d,invalid:m,required:x,loading:h,disabled:v,className:n(e.className,Go),children:[L&&Ue(I,{className:"k-input-icon",icon:M}),Ue(J,{placeholder:o,value:t}),Ue(U,{...e}),Ue(D,{...e}),Ue($,{...e})]})};B.states=Pn;B.options=wn;B.className=Go;B.defaultOptions=Ht;B.moduleName=Kt;B.folderName=Bo;import{jsx as $p}from"react/jsx-runtime";var zt="textbox",Uo=zt;import{Fragment as Fo,jsx as ne,jsxs as Pt}from"react/jsx-runtime";var Vo="k-textbox",Bn=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],Gn={size:[a.small,a.medium,a.large],rounded:[f.small,f.medium,f.large,f.full],fillMode:[N.solid,N.flat,N.outline]},ue={showClearButton:!0,showValidationIcon:!0,size:O.defaultOptions.size,rounded:O.defaultOptions.rounded,fillMode:O.defaultOptions.fillMode,separators:!0},V=e=>{let{size:t=ue.size,rounded:o=ue.rounded,fillMode:i=ue.fillMode,separators:r=ue.separators,showClearButton:p=ue.showClearButton,showValidationIcon:l=ue.showValidationIcon,prefix:u,suffix:d,type:m,value:x,placeholder:h,hover:v,focus:L,valid:M,invalid:k,required:g,loading:E,disabled:w,readonly:de,...mt}=e;return Pt(O,{...mt,size:t,rounded:o,fillMode:i,hover:v,focus:L,valid:M,invalid:k,required:g,loading:E,disabled:w,readonly:de,className:n(e.className,Vo),children:[u&&Pt(Fo,{children:[ne(Me,{children:u}),r&&ne(ke,{})]}),ne(J,{placeholder:h,value:x,type:m}),l&&ne(D,{valid:M,invalid:k,loading:E,disabled:w}),ne(U,{loading:E,disabled:w}),p&&ne($,{loading:E,disabled:w,readonly:de,value:x}),d&&Pt(Fo,{children:[r&&ne(ke,{}),ne(Ie,{children:d})]})]})};V.states=Bn;V.options=Gn;V.className=Vo;V.defaultOptions=ue;V.moduleName=zt;V.folderName=Uo;import{jsx as id}from"react/jsx-runtime";import{Fragment as md,jsx as dd}from"react/jsx-runtime";import{Fragment as hd,jsx as Ld}from"react/jsx-runtime";import{jsx as ie,jsxs as wt}from"react/jsx-runtime";var $o="k-actionsheet-titlebar",Un={},ae=e=>{let{title:t,subtitle:o,actionsStart:i,actionsEnd:r,filter:p,input:l,inputValue:u,inputPlaceholder:d,adaptive:m,children:x,...h}=e;return wt("div",{...h,className:n(e.className,$o),children:[wt("div",{className:"k-actionsheet-titlebar-group",children:[i&&ie("div",{className:"k-actionsheet-actions",children:i}),!x&&wt("div",{className:"k-actionsheet-title",children:[t&&ie("div",{className:"k-text-center",children:t}),o&&ie("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),x&&ie("div",{className:"k-actionsheet-title",children:x}),r&&ie("div",{className:"k-actionsheet-actions",children:r})]}),(l||p)&&ie("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:l?ie(V,{value:u,placeholder:d,size:m?"large":"medium"}):ie(B,{placeholder:"Filter",size:m?"large":"medium"})})]})};ae.className=$o;ae.defaultOptions=Un;import{jsx as Dt,jsxs as $n}from"react/jsx-runtime";var Bt="k-actionsheet-view",Fn=[],Vn={},Xn={},ge=e=>{let{adaptive:t,animated:o,children:i,header:r,footer:p,...l}=e,u=r?.type===ae&&Dt(ae,{adaptive:t,...r?.props}),d=p?.type===_t&&Dt(_t,{...p?.props});return $n("div",{...l,className:n(e.className,Bt,{[`${Bt}-animated`]:o}),children:[u,Dt("div",{className:"k-actionsheet-content",children:i}),d]})};ge.states=Fn;ge.options=Vn;ge.className=Bt;ge.defaultOptions=Xn;var Fe="action-sheet",nt=Fe;import{jsx as it,jsxs as Wn}from"react/jsx-runtime";var Jo="k-actionsheet",Jn=[],qn={},Ve={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},W=e=>{let{side:t=Ve.side,fullscreen:o=Ve.fullscreen,adaptive:i=Ve.adaptive,overlay:r=Ve.overlay,template:p,children:l,header:u,footer:d,...m}=e;return Wn("div",{className:"k-actionsheet-container",children:[r&&it("div",{className:"k-overlay"}),it(F,{animationStyle:{[`${o===!0?"top":t}`]:0,[`${o===!0?"width":null}`]:"100%",[`${o===!0?"height":null}`]:"100%",[`${t==="top"||t==="bottom"?"width":null}`]:"100%",[`${t==="left"||t==="right"?"height":null}`]:"100%"},children:it("div",{...m,className:n(e.className,Jo,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":i}),children:p||it(ge,{header:u,footer:d,adaptive:i,...e,children:l})})})]})};W.states=Jn;W.options=qn;W.className=Jo;W.defaultOptions=Ve;W.moduleName=Fe;W.folderName=nt;import{jsx as jn}from"react/jsx-runtime";var qo="k-actionsheet-container",Qn=[],Yn={},Zn={},Ee=e=>{let{children:t,...o}=e;return jn("div",{...o,className:qo,children:t})};Ee.states=Qn;Ee.options=Yn;Ee.className=qo;Ee.defaultOptions=Zn;Ee.moduleName=Fe;Ee.folderName=nt;import{jsx as Jd}from"react/jsx-runtime";import{Fragment as ti,jsx as Xe,jsxs as Gt}from"react/jsx-runtime";var Ut="k-actionsheet-item",ei=[s.hover,s.focus,s.selected,s.disabled],Ft=e=>{let{iconName:t,text:o,description:i,hover:r,focus:p,selected:l,disabled:u,...d}=e;return Gt("span",{...d,className:n(e.className,Ut,T(Ut,{hover:r,focus:p,selected:l,disabled:u})),children:[!e.children&&Xe(ti,{children:Gt("span",{className:"k-actionsheet-action",children:[t&&Xe("span",{className:"k-icon-wrap",children:Xe(I,{className:"k-actionsheet-item-icon",icon:t})}),Gt("span",{className:"k-actionsheet-item-text",children:[o&&Xe("span",{className:"k-actionsheet-item-title",children:o}),i&&Xe("span",{className:"k-actionsheet-item-description",children:i})]})]})}),e.children]})};Ft.states=ei;Ft.className=Ut;import{jsx as om,jsxs as sm}from"react/jsx-runtime";import{jsx as rm}from"react/jsx-runtime";import{jsx as mm}from"react/jsx-runtime";import{jsx as Nm}from"react/jsx-runtime";import{jsx as si}from"react/jsx-runtime";var oi="k-no-data",$e=e=>si("span",{className:n(oi,e.className),children:e.children});var Q="list",re=Q;import{jsx as Ae,jsxs as Qo}from"react/jsx-runtime";var Vt="k-list",ni=[],ii={size:[a.small,a.medium,a.large]},Yo={size:a.medium},_=e=>{let{size:t=Yo.size,virtualization:o,children:i,optionLabel:r,customValue:p,screenReaders:l,...u}=e,d,m,x,h,v=[];return i?i.map((L,M)=>{L.type===H?(L.props.root===!0?(d=L.props.label,L.props.children.map((k,g)=>{v.push(Ae(S,{...k.props},`optChild-${g}-${new Date().getTime()}`))})):L.props.children.forEach((k,g)=>{let E="";g===0&&(E=L.props.label),v.push(Ae(S,{className:g===0?"k-first":"",...k.props,groupLabel:E},`groupLabel-${g}-${new Date().getTime()}`))}),m=Ae(H,{label:d,virtualization:o,children:v})):L.type===S&&(v.push(Ae(S,{...L.props},`${L.type}-${M}`)),x=Ae(Te,{virtualization:o,children:v}),l&&(h=Qo($e,{className:"k-sr-only",children:[v.length," items found."]})))}):h=Ae($e,{children:"No data found."}),Qo("div",{...u,className:n(e.className,Vt,A(Vt,{size:t}),{"k-virtual-list":o}),children:[r,p,m,x,h]})};_.states=ni;_.options=ii;_.className=Vt;_.defaultOptions=Yo;_.moduleName=Q;_.folderName=re;import{jsx as pi}from"react/jsx-runtime";var Zo="k-list-container",ai=[],ri={},li={},Ce=e=>{let{...t}=e;return pi("div",{...t,className:n(e.className,Zo),children:e.children})};Ce.states=ai;Ce.options=ri;Ce.className=Zo;Ce.defaultOptions=li;Ce.moduleName=Q;Ce.folderName=re;import{jsx as fe,jsxs as ci}from"react/jsx-runtime";var Xt="k-list",di=[],mi={size:[a.small,a.medium,a.large]},jo={size:a.medium},Y=e=>{let{size:t=jo.size,virtualization:o,children:i,...r}=e,p,l,u,d=[];return i?i.map((m,x)=>{m.type===H?(m.props.root===!0?(p=m.props.label,m.props.children.map((h,v)=>{d.push(fe(S,{...h.props},`optChild-${v}-${new Date().getTime()}`))})):(d.push(fe(es,{...m.props,children:m.props.label},`listChild-${x}`)),m.props.children.map((h,v)=>{d.push(fe(S,{...h.props},`fwOptChild-${v}-${new Date().getTime()}`))})),l=fe(H,{label:p,virtualization:o,children:d})):m.type===S&&(d.push(fe(S,{...m.props},`${m.type}-${x}`)),u=fe(Te,{virtualization:o,children:d}))}):u=fe($e,{children:"No data found."}),ci("div",{...r,className:n(e.className,Xt,A(Xt,{size:t}),{"k-virtual-list":o}),children:[l,u]})};Y.states=di;Y.options=mi;Y.className=Xt;Y.defaultOptions=jo;Y.moduleName=Q;Y.folderName=re;var Ne="checkbox",Oe=Ne;import{jsx as ts}from"react/jsx-runtime";var at="k-checkbox",ui=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.checked,s.indeterminate],fi={size:[a.small,a.medium,a.large],rounded:[f.small,f.medium,f.large,f.full]},$t={size:a.medium,rounded:f.medium},X=e=>{let{id:t,checked:o,indeterminate:i,hover:r,focus:p,disabled:l,invalid:u,valid:d,required:m,size:x=$t.size,rounded:h=$t.rounded,...v}=e;return ts("span",{className:"k-checkbox-wrap",children:ts("input",{...v,id:t,type:"checkbox",defaultChecked:o,required:m,className:n(e.className,at,A(at,{size:x,rounded:h}),T(at,{hover:r,focus:p,disabled:l,invalid:u,valid:d,indeterminate:i,checked:o}))})})};X.states=ui;X.options=fi;X.className=at;X.defaultOptions=$t;X.moduleName=Ne;X.folderName=Oe;import{jsx as Li}from"react/jsx-runtime";var os="k-checkbox-list",Ni=[],xi={},ss={layout:"vertical"},le=e=>{let{layout:t=ss.layout,...o}=e;return Li("ul",{...o,className:n(e.className,os,{[`k-list-${t}`]:t}),children:e.children})};le.states=Ni;le.options=xi;le.className=os;le.defaultOptions=ss;le.moduleName=Ne;le.folderName=Oe;import{jsx as Si}from"react/jsx-runtime";var ns="k-checkbox-list-item",hi=[],bi={},vi={},pe=e=>{let{...t}=e;return Si("li",{...t,className:n(e.className,ns),children:e.children})};pe.states=hi;pe.options=bi;pe.className=ns;pe.defaultOptions=vi;pe.moduleName=Ne;pe.folderName=Oe;import{Fragment as uc,jsx as cc,jsxs as fc}from"react/jsx-runtime";import{Fragment as bc,jsx as hc,jsxs as vc}from"react/jsx-runtime";import{Fragment as gc,jsx as kc,jsxs as Ec}from"react/jsx-runtime";import{Fragment as yc,jsx as Oc,jsxs as Rc}from"react/jsx-runtime";import{jsx as zc}from"react/jsx-runtime";import{jsx as Bc}from"react/jsx-runtime";import{jsx as rt,jsxs as gi}from"react/jsx-runtime";var qt="k-list-item",Mi=[s.hover,s.focus,s.selected,s.disabled],Ii={},ki={},S=e=>{let{text:t,groupLabel:o,group:i,showIcon:r,iconName:p,showCheckbox:l,checked:u,hover:d,focus:m,selected:x,disabled:h,...v}=e,L=t||e.children;return gi("li",{...v,className:n(e.className,i?"k-list-group-item":qt,T(qt,{hover:d,focus:m,disabled:h,selected:x})),children:[l&&rt(X,{checked:u}),r&&rt(I,{icon:p}),rt("span",{className:"k-list-item-text",children:L}),o&&o!==""&&rt("div",{className:"k-list-item-group-label",children:o})]})};S.states=Mi;S.options=Ii;S.className=qt;S.defaultOptions=ki;S.moduleName=Q;S.folderName=re;import{jsx as Wt,jsxs as Ai}from"react/jsx-runtime";var Ei="k-list-content",Te=e=>{let{virtualization:t,...o}=e;return Ai("div",{...o,className:n(Ei,e.className),children:[Wt("ul",{className:n("k-list-ul"),children:e.children}),t&&Wt("div",{className:"k-height-container",children:Wt("div",{})})]})};import{jsx as is}from"react/jsx-runtime";var Ti="k-list-group-sticky-header",as=e=>is("div",{className:n(Ti,e.className),children:is("div",{className:"k-list-header-text",children:e.children})});import{Fragment as Ci,jsx as rs,jsxs as Oi}from"react/jsx-runtime";var H=e=>{let{virtualization:t,label:o}=e;return Oi(Ci,{children:[o&&rs(as,{children:o}),e.children&&rs(Te,{virtualization:t,children:e.children})]})};import{jsx as ls}from"react/jsx-runtime";var yi="k-list-group-item",es=e=>ls("li",{className:n(yi,e.className),children:ls("span",{className:"k-list-item-text",children:e.children})});import{jsx as Hi}from"react/jsx-runtime";var Qt="k-list-optionlabel",Ri=[s.hover,s.focus,s.selected,s.disabled],_i={},Ki={},lt=e=>{let{text:t,hover:o,focus:i,selected:r,disabled:p,...l}=e;return Hi("div",{...l,className:n(Qt,T(Qt,{hover:o,focus:i,selected:r,disabled:p})),children:t})};lt.states=Ri;lt.options=_i;lt.className=Qt;lt.defaultOptions=Ki;import{jsx as Di}from"react/jsx-runtime";var Yt="k-list-custom-value",zi=[s.hover,s.focus,s.selected,s.disabled],Pi={},wi={},pt=e=>{let{text:t,hover:o,focus:i,selected:r,disabled:p,...l}=e;return Di("div",{...l,className:n(Yt,T(Yt,{hover:o,focus:i,selected:r,disabled:p})),children:t})};pt.states=zi;pt.options=Pi;pt.className=Yt;pt.defaultOptions=wi;import{jsx as ku}from"react/jsx-runtime";import{jsx as Tu}from"react/jsx-runtime";import{jsx as Ru,jsxs as _u}from"react/jsx-runtime";import{jsx as Pu,jsxs as wu}from"react/jsx-runtime";import{jsx as Uu}from"react/jsx-runtime";import{jsx as $u,jsxs as Ju}from"react/jsx-runtime";import{jsx as Yu,jsxs as Zu}from"react/jsx-runtime";var ps="dropdown-list",ds="dropdownlist";import{Fragment as Ui,jsx as z,jsxs as Zt}from"react/jsx-runtime";var ms="k-dropdownlist",Bi=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],Gi={size:[a.small,a.medium,a.large],rounded:[f.small,f.medium,f.large,f.full],fillMode:[N.solid,N.flat,N.outline]},ye={showValue:!0,arrowIconName:"caret-alt-down",size:a.medium,rounded:f.medium,fillMode:N.solid},xe=e=>{let{size:t=ye.size,rounded:o=ye.rounded,fillMode:i=ye.fillMode,arrowIconName:r=ye.arrowIconName,showValue:p=ye.showValue,valueIconName:l,prefix:u,suffix:d,value:m,placeholder:x,hover:h,focus:v,valid:L,invalid:M,required:k,loading:g,disabled:E,readonly:w,popup:de,opened:mt,adaptive:Ls,adaptiveSettings:hs,adaptiveTitle:bs,adaptiveSubtitle:vs,adaptiveFilter:Ss,...Ms}=e;return Zt(Ui,{children:[Zt(ee,{...Ms,size:t,rounded:o,fillMode:i,hover:h,focus:v,valid:L,invalid:M,required:k,loading:g,disabled:E,readonly:w,className:n(e.className,ms,{"k-icon-picker":!p&&l}),children:[z(Me,{children:u}),z(Ge,{placeholder:x,value:m,showValue:p,valueIconName:l}),z(D,{valid:L,invalid:M,loading:g,disabled:E}),z(U,{loading:g,disabled:E}),z(Ie,{children:d}),z(C,{className:"k-input-button",icon:r,rounded:null,size:e.size,fillMode:e.fillMode})]}),mt&&de&&z(oe,{className:"k-list-container k-dropdownlist-popup",children:de}),Ls&&z(W,{adaptive:!0,...hs,header:z(ae,{actionsEnd:z(C,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat"}),filter:Ss,inputValue:m,inputPlaceholder:x,title:bs,subtitle:vs}),children:z("div",{className:"k-list-container",children:Zt(_,{size:"large",children:[z(S,{text:"List item"}),z(S,{text:"List item"}),z(S,{text:"List item"})]})})})]})};xe.states=Bi;xe.options=Gi;xe.className=ms;xe.defaultOptions=ye;xe.moduleName=ps;xe.folderName=ds;import{jsx as Rf}from"react/jsx-runtime";import{jsx as Pf,jsxs as wf}from"react/jsx-runtime";import{Fragment as $f,jsx as Vf,jsxs as Xf}from"react/jsx-runtime";import{jsx as Qf}from"react/jsx-runtime";import{jsx as tN,jsxs as oN}from"react/jsx-runtime";import{jsx as rN,jsxs as lN}from"react/jsx-runtime";import{Fragment as xN,jsx as fN,jsxs as NN}from"react/jsx-runtime";import{Fragment as kN,jsx as MN,jsxs as IN}from"react/jsx-runtime";import{Fragment as BN,jsx as DN}from"react/jsx-runtime";import{Fragment as JN,jsx as $N}from"react/jsx-runtime";import{Fragment as Je,jsx as b,jsxs as R}from"react/jsx-runtime";var cs="k-colorgradient-inputs",Fi=[],Vi={size:[a.small,a.medium,a.large]},us={mode:"rgba",size:a.medium},Re=e=>{let{mode:t=us.mode,size:o,...i}=e;return R("div",{...i,className:n(cs,"k-hstack"),children:[b("div",{className:"k-vstack",children:b(C,{fillMode:"flat",icon:"caret-alt-expand",className:"k-colorgradient-toggle-mode",size:o})}),t==="rgba"&&R(Je,{children:[R("div",{className:"k-vstack",children:[b(y,{showSpinButton:!1,showClearButton:!1,value:"132",size:o}),b("label",{className:"k-colorgradient-input-label",children:"R"})]}),R("div",{className:"k-vstack",children:[b(y,{showSpinButton:!1,showClearButton:!1,value:"132",size:o}),b("label",{className:"k-colorgradient-input-label",children:"G"})]}),R("div",{className:"k-vstack",children:[b(y,{showSpinButton:!1,showClearButton:!1,value:"132",size:o}),b("label",{className:"k-colorgradient-input-label",children:"B"})]}),R("div",{className:"k-vstack",children:[b(y,{showSpinButton:!1,showClearButton:!1,value:"1.00",size:o}),b("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="rgb"&&R(Je,{children:[R("div",{className:"k-vstack",children:[b(y,{showSpinButton:!1,showClearButton:!1,value:"132"}),b("label",{className:"k-colorgradient-input-label",children:"R"})]}),R("div",{className:"k-vstack",children:[b(y,{showSpinButton:!1,showClearButton:!1,value:"132"}),b("label",{className:"k-colorgradient-input-label",children:"G"})]}),R("div",{className:"k-vstack",children:[b(y,{showSpinButton:!1,showClearButton:!1,value:"132"}),b("label",{className:"k-colorgradient-input-label",children:"B"})]})]}),t==="hsva"&&R(Je,{children:[R("div",{className:"k-vstack",children:[b(y,{showSpinButton:!1,showClearButton:!1,value:"132"}),b("label",{className:"k-colorgradient-input-label",children:"H"})]}),R("div",{className:"k-vstack",children:[b(y,{showSpinButton:!1,showClearButton:!1,value:"132"}),b("label",{className:"k-colorgradient-input-label",children:"S"})]}),R("div",{className:"k-vstack",children:[b(y,{showSpinButton:!1,showClearButton:!1,value:"132"}),b("label",{className:"k-colorgradient-input-label",children:"V"})]}),R("div",{className:"k-vstack",children:[b(y,{showSpinButton:!1,showClearButton:!1,value:"1.00"}),b("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="hsv"&&R(Je,{children:[R("div",{className:"k-vstack",children:[b(y,{showSpinButton:!1,showClearButton:!1,value:"132"}),b("label",{className:"k-colorgradient-input-label",children:"H"})]}),R("div",{className:"k-vstack",children:[b(y,{showSpinButton:!1,showClearButton:!1,value:"132"}),b("label",{className:"k-colorgradient-input-label",children:"S"})]}),R("div",{className:"k-vstack",children:[b(y,{showSpinButton:!1,showClearButton:!1,value:"132"}),b("label",{className:"k-colorgradient-input-label",children:"V"})]})]}),t==="hex"&&b(Je,{children:R("div",{className:"k-vstack k-flex-1",children:[b(V,{showClearButton:!1,value:"#b88484AA",className:"k-hex-value"}),b("label",{className:"k-colorgradient-input-label",children:"HEX"})]})})]})};Re.states=Fi;Re.options=Vi;Re.className=cs;Re.defaultOptions=us;import{jsx as he,jsxs as be}from"react/jsx-runtime";var fs="k-colorgradient-color-contrast",Xi=[],$i={},Ji={},_e=()=>be("div",{className:n(fs,"k-vbox"),children:[be("div",{className:"k-contrast-ratio",children:[he("span",{className:"k-contrast-ratio-text",children:"Contrast ratio: 7.1"}),be("span",{className:"k-contrast-validation !k-text-success",children:[he(I,{icon:"check"}),he(I,{icon:"check"})]})]}),be("div",{children:[he("span",{children:"AA: 4.5"}),be("span",{className:"k-contrast-validation !k-text-success",children:["Pass",he(I,{icon:"check"})]})]}),be("div",{children:[he("span",{children:"AAA: 7.0"}),be("span",{className:"k-contrast-validation !k-text-error",children:["Fail",he(I,{icon:"x"})]})]})]});_e.states=Xi;_e.options=$i;_e.className=fs;_e.defaultOptions=Ji;var Ns="color-gradient",xs="colorgradient";import{jsx as P,jsxs as qe}from"react/jsx-runtime";var dt="k-colorgradient",qi=[s.hover,s.focus,s.readonly,s.disabled],Wi={size:[a.small,a.medium,a.large]},G={size:a.medium,mode:"rgba",readonly:!1,disabled:!1,contrast:!1,gradientStyle:{background:"rgb(255, 0, 0 )"},dragHandleStyle:{top:"50px",left:"73px"},alphaStyle:{background:"linear-gradient(to top, transparent, rgb(255, 0, 0))"},alphaStyleHorizontal:{background:"linear-gradient(to right, transparent, rgb(255, 0, 0))"},canvasOrientation:"horizontal"},ve=e=>{let{size:t=G.size,mode:o=G.mode,readonly:i=G.readonly,disabled:r=G.disabled,gradientStyle:p=G.gradientStyle,dragHandleStyle:l=G.dragHandleStyle,alphaStyle:u=G.alphaStyle,alphaStyleHorizontal:d=G.alphaStyleHorizontal,contrast:m=G.contrast,dir:x,hover:h,focus:v,hoverHandle:L,focusHandle:M,canvasOrientation:k=G.canvasOrientation,...g}=e;return qe("div",{...g,className:n(e.className,dt,A(dt,{size:t}),T(dt,{hover:h,focus:v,readonly:i,disabled:r})),dir:x,children:[!k||k==="horizontal"&&qe("div",{className:"k-colorgradient-canvas k-hstack",children:[P("div",{className:"k-hsv-rectangle",style:p,children:P("div",{className:"k-hsv-gradient",children:P("div",{className:n("k-hsv-draghandle","k-draghandle",{"k-hover":L,"k-focus":M}),style:l})})}),qe("div",{className:"k-hsv-controls k-hstack",children:[P(St,{className:"k-hue-slider",hover:L,focus:M}),o!=="rgb"&&o!=="hsv"&&P(St,{className:"k-alpha-slider",hover:L,focus:M,trackStyle:u})]})]}),k==="vertical"&&qe("div",{className:"k-colorgradient-canvas k-vstack",children:[P("div",{className:"k-hsv-rectangle",style:p,children:P("div",{className:"k-hsv-gradient",children:P("div",{className:n("k-hsv-draghandle","k-draghandle",{"k-hover":L,"k-focus":M}),style:l})})}),qe("div",{className:"k-hsv-controls k-vstack",children:[P(vt,{className:"k-hue-slider",hover:L,focus:M}),o!=="rgb"&&o!=="hsv"&&P(vt,{className:"k-alpha-slider",hover:L,focus:M,trackStyle:d})]})]}),P(Re,{mode:e.mode,size:t}),m&&P(_e,{})]})};ve.states=qi;ve.options=Wi;ve.className=dt;ve.defaultOptions=G;ve.moduleName=Ns;ve.folderName=xs;var xx=ve;export{ve as ColorGradient,xx as default};