UNPKG

@progress/kendo-themes-html

Version:

A collection of HTML helpers used for developing Kendo UI themes

2 lines 86.6 kB
var n=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?n(...t):typeof t=="object"?Object.keys(t).map((o,s)=>t[s]||t[o]&&o||null).filter(o=>o!==null).join(" "):t).filter(t=>!!t).join(" ");var k=(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"}),g=(e,t)=>{let{valid:o,invalid:s,hover:r,focus:p,checked:l,active:c,selected:u,disabled:N,indeterminate:h,loading:S,empty:d,readonly:M,highlighted:L,...E}=t;return n({"k-valid":o,"k-invalid":s,"k-hover":r,"k-focus":p,"k-checked":l,"k-active":c,"k-selected":u,"k-disabled":N,"k-indeterminate":h&&!l,"k-loading":S,"k-empty":d,"k-readonly":M,"k-highlighted":L},Object.keys(E).reduce((C,A)=>(A.startsWith("k-")?C[A]=E[A]:C[`k-${A}`]=E[A],C),{}))};function Io(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(s=>[`k-${s}`,!0]))}var i={xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},x={small:"small",medium:"medium",large:"large",full:"full"},b={solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},m={inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",dark:"dark",light:"light",inverse:"inverse"},a={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"};var mn="textarea",ns=mn;var Yt="input",Bo=Yt;import{jsx as wi}from"react/jsx-runtime";var _o="k-input",Pi=[a.hover,a.focus,a.valid,a.invalid,a.required,a.disabled,a.loading,a.readonly],Di={size:[i.small,i.medium,i.large],rounded:[x.small,x.medium,x.large,x.full],fillMode:[b.solid,b.flat,b.outline]},Ko={size:i.medium,rounded:i.medium,fillMode:b.solid},y=e=>{let{hover:t,focus:o,disabled:s,invalid:r,valid:p,loading:l,readonly:c,size:u=Ko.size,rounded:N=Ko.rounded,fillMode:h=Ko.fillMode,...S}=e;return wi("span",{...S,className:n(e.className,_o,k(_o,{size:u,rounded:N,fillMode:h}),g(_o,{hover:t,focus:o,disabled:s,invalid:r,valid:p,loading:l,readonly:c}))})};y.states=Pi;y.options=Di;y.className=_o;y.defaultOptions=Ko;y.moduleName=Yt;y.folderName=Bo;import{jsx as Ui}from"react/jsx-runtime";var Ro="k-picker",Hi=[a.hover,a.focus,a.valid,a.invalid,a.required,a.disabled,a.loading,a.readonly],zi={size:[i.small,i.medium,i.large],rounded:[x.small,x.medium,x.large,x.full],fillMode:[b.solid,b.flat,b.outline]},Po={size:i.medium,rounded:x.medium,fillMode:b.solid},q=e=>{let{hover:t,focus:o,disabled:s,invalid:r,valid:p,loading:l,readonly:c,size:u=Po.size,rounded:N=Po.rounded,fillMode:h=Po.fillMode,...S}=e;return Ui("span",{...S,className:n(e.className,Ro,k(Ro,{size:u,rounded:N,fillMode:h}),g(Ro,{hover:t,focus:o,disabled:s,invalid:r,valid:p,loading:l,readonly:c})),children:e.children})};q.states=Hi;q.options=zi;q.className=Ro;q.defaultOptions=Po;q.moduleName=Yt;q.folderName=Bo;import{Fragment as Xi,jsx as as}from"react/jsx-runtime";var cn="k-font-icon",Gi=[],Fi={size:[i.xsmall,i.small,i.medium,i.large,i.xlarge,i.xxlarge,i.xxxlarge],themeColor:[m.base,m.primary,m.secondary,m.tertiary,m.success,m.warning,m.error,m.info,m.light,m.dark]},$i={},Qt=e=>{let{size:t,themeColor:o,icon:s,rotate:r,flip:p,...l}=e;return s?as("span",{...l,className:n(e.className,cn,k(cn,{size:t}),{[`k-i-${s}`]:s,[`k-color-${o}`]:o,[`k-rotate-${r}`]:r,"k-flip-h":p==="h"||p==="both","k-flip-v":p==="v"||p==="both"})}):as(Xi,{})};Qt.states=Gi;Qt.options=Fi;Qt.className=cn;Qt.defaultOptions=$i;var ss=Qt;import{Fragment as Wi,jsx as Do}from"react/jsx-runtime";var dn="k-svg-icon",Vi=[],Ji={size:[i.xsmall,i.small,i.medium,i.large,i.xlarge,i.xxlarge,i.xxxlarge],themeColor:[m.base,m.primary,m.secondary,m.tertiary,m.success,m.warning,m.error,m.info,m.light,m.dark]},rs={viewBox:"0 0 24 24"},jt=e=>{let{size:t,themeColor:o,rotate:s,flip:r,viewBox:p=rs.viewBox,icon:l,...c}=e;if(!l)return Do(Wi,{});l==="none"&&{...c,className:n(e.className,dn,"k-none")};let u=typeof l=="object"&&l.name&&l.name;return Do("span",{...c,className:n(e.className,dn,k("k-icon",{size:t}),{[`k-svg-i-${u}`]:u,[`k-color-${o}`]:o,[`k-rotate-${s}`]:s,"k-flip-h":r==="h"||r==="both","k-flip-v":r==="v"||r==="both"}),children:Do("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})})};jt.states=Vi;jt.options=Ji;jt.className=dn;jt.defaultOptions=rs;var un=jt;import*as fn from"@progress/kendo-svg-icons";var is="icon",ls="icons";import{Fragment as ps,jsx as eo}from"react/jsx-runtime";var wo="k-icon",qi=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),Zi=[],Yi={size:[i.xsmall,i.small,i.medium,i.large,i.xlarge,i.xxlarge,i.xxxlarge],themeColor:[m.base,m.primary,m.secondary,m.tertiary,m.success,m.warning,m.error,m.info,m.light,m.dark]},bn={viewBox:"0 0 24 24",type:"svg"},v=e=>{let{size:t,themeColor:o,icon:s,type:r=bn.type,rotate:p,flip:l,viewBox:c=bn.viewBox,...u}=e;if(!s)return eo(ps,{});if(r==="svg"){if(s==="none")return eo(un,{...u,className:n(e.className,wo),icon:s,size:t});let N=fn[s]?s:qi(`${s}-icon`);return fn[N]?eo(un,{...u,className:n(e.className,wo),icon:fn[N],size:t,themeColor:o,rotate:p,flip:l,viewBox:c}):eo(ps,{})}return eo(ss,{...u,className:n(e.className,wo),icon:s,size:t,themeColor:o,rotate:p,flip:l})};v.states=Zi;v.options=Yi;v.defaultOptions=bn;v.className=wo;v.moduleName=is;v.folderName=ls;import{Fragment as el,jsx as Nn}from"react/jsx-runtime";var ms="k-clear-value",Qi=[a.disabled,a.loading,a.readonly],ji={},fe=e=>{let{disabled:t,loading:o,readonly:s,value:r}=e;return t||s||o||!r?Nn(el,{}):Nn("span",{className:n(e.className,ms),children:Nn(v,{icon:"x"})})};fe.states=Qi;fe.options=ji;fe.className=ms;import{jsx as nl}from"react/jsx-runtime";var xn="k-input-inner",tl=[],ol={},Ho={type:"text",autocomplete:"off",value:"",placeholder:""},be=e=>{let{value:t=Ho.value,type:o=Ho.type,placeholder:s=Ho.placeholder,autocomplete:r=Ho.autocomplete,...p}=e;return nl("input",{...p,type:o,className:n(e.className,xn,k(xn,e)),placeholder:s,autoComplete:r,defaultValue:t})};be.states=tl;be.options=ol;be.className=xn;import{jsx as cs,jsxs as rl}from"react/jsx-runtime";var hn="k-input-inner",al=[],sl={},rt=e=>{let{value:t,placeholder:o,showValue:s,valueIcon:r,valueIconName:p,...l}=e;return rl("span",{...l,className:n(e.className,hn,k(hn,e)),children:[r,!r&&p&&cs(v,{className:"k-input-value-icon",icon:p}),s&&!t&&o,s&&t&&cs("span",{className:"k-input-value-text",children:t})]})};rt.states=al;rt.options=sl;rt.className=hn;import{jsx as pl}from"react/jsx-runtime";var Ln="k-input-inner",il=[],ll={},ds={value:"",placeholder:""},to=e=>{let{value:t=ds.value,placeholder:o=ds.placeholder,rows:s,...r}=e;return pl("textarea",{...r,className:n(e.className,Ln,k(Ln,e)),placeholder:o,rows:s,defaultValue:t})};to.states=il;to.options=ll;to.className=Ln;import{Fragment as cl,jsx as us}from"react/jsx-runtime";var fs="k-input-loading-icon",ml=[a.disabled,a.loading],te=e=>{let{disabled:t,loading:o}=e;return t||!o?us(cl,{}):us("span",{className:n(e.className,fs,"k-icon k-i-loading")})};te.states=ml;te.className=fs;import{Fragment as fl,jsx as bs}from"react/jsx-runtime";var Ns="k-input-validation-icon",dl=[a.valid,a.invalid,a.disabled,a.loading],ul={},Z=e=>{let{valid:t,invalid:o,disabled:s,loading:r}=e,p=o?"warning-circle":"check-circle";return s||r||!!!(t||o)?bs(fl,{}):bs(v,{className:n(Ns),icon:p})};Z.states=dl;Z.options=ul;Z.className=Ns;import{Fragment as xl,jsx as xs}from"react/jsx-runtime";var bl="k-input-prefix",Nl={direction:"horizontal"},oe=e=>{let{direction:t=Nl.direction,...o}=e;return e.children?xs("span",{...o,className:n(bl,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):xs(xl,{})};import{Fragment as Ml,jsx as hs}from"react/jsx-runtime";var hl="k-input-suffix",Ll={direction:"horizontal"},ne=e=>{let{direction:t=Ll.direction,...o}=e;return e.children?hs("span",{...o,className:n(hl,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):hs(Ml,{})};import{jsx as Au}from"react/jsx-runtime";import{jsx as yu}from"react/jsx-runtime";import{jsx as Sl}from"react/jsx-runtime";var Ls="k-input-separator",vl={direction:"vertical"},ae=e=>{let{direction:t=vl.direction,...o}=e;return Sl("span",{...o,className:n(Ls,e.className,{[`${Ls}-${t}`]:t})})};import{Fragment as Ms,jsx as oo,jsxs as Mn}from"react/jsx-runtime";var vs="k-textarea",El=[a.hover,a.focus,a.valid,a.invalid,a.required,a.disabled],gl={size:[i.small,i.medium,i.large],rounded:[x.small,x.medium,x.large,x.full],fillMode:[b.solid,b.flat,b.outline]},ye={size:y.defaultOptions.size,rounded:y.defaultOptions.rounded,fillMode:y.defaultOptions.fillMode,flow:"vertical",affixesOrientation:"horizontal",resize:"both",prefixSeparator:!0,suffixSeparator:!0},Ue=e=>{let{size:t=ye.size,rounded:o=ye.rounded,fillMode:s=ye.fillMode,prefixSeparator:r=ye.prefixSeparator,suffixSeparator:p=ye.prefixSeparator,affixesOrientation:l=ye.affixesOrientation,flow:c=ye.flow,resize:u=ye.resize,prefix:N,suffix:h,rows:S,value:d,placeholder:M,hover:L,focus:E,valid:C,invalid:A,required:B,disabled:H,...ve}=e;return Mn(y,{...ve,size:t,rounded:o,fillMode:s,hover:L,focus:E,valid:C,invalid:A,required:B,disabled:H,className:n(e.className,vs,{"!k-flex-col":c==="vertical","!k-flex-row":c==="horizontal"}),children:[N&&Mn(Ms,{children:[oo(oe,{className:n({"!k-align-items-start":c===l}),direction:l,children:N}),r&&oo(ae,{direction:c==="horizontal"?"vertical":"horizontal"})]}),oo(to,{className:n("!k-overflow-auto",{"!k-flex-none":c==="vertical","k-resize-x":u==="x","k-resize-y":u==="y","k-resize":u==="both","k-resize-none":u==="none"}),value:d,placeholder:M,rows:S}),h&&Mn(Ms,{children:[p&&oo(ae,{direction:c==="horizontal"?"vertical":"horizontal"}),oo(ne,{className:n({"!k-align-items-start":c===l}),direction:l,children:h})]})]})};Ue.states=El;Ue.options=gl;Ue.className=vs;Ue.defaultOptions=ye;Ue.moduleName=mn;Ue.folderName=ns;import{jsx as of}from"react/jsx-runtime";import{Fragment as pf,jsx as lf}from"react/jsx-runtime";var vn="button",Es=vn;import{Fragment as Tl,jsx as no,jsxs as gs}from"react/jsx-runtime";var ao="k-button",kl=["icon-button"],Al=[a.hover,a.focus,a.active,a.selected,a.disabled,a.generating],Cl={size:[i.small,i.medium,i.large],rounded:[x.small,x.medium,x.large,x.full],fillMode:[b.solid,b.flat,b.outline,b.clear,b.link],themeColor:[m.base,m.primary,m.secondary,m.tertiary,m.success,m.warning,m.error,m.info,m.light,m.dark,m.inverse]},it={size:i.medium,rounded:x.medium,fillMode:b.solid,themeColor:m.base,showArrow:!1,arrowIconName:"caret-alt-down"},f=e=>{let{size:t=it.size,rounded:o=it.rounded,fillMode:s=it.fillMode,themeColor:r=it.themeColor,showArrow:p=it.showArrow,arrowIconName:l=it.arrowIconName,variant:c,hover:u,focus:N,active:h,selected:S,disabled:d,icon:M,text:L,iconClassName:E,...C}=e,A=M!==void 0,B=e.children!==void 0;return gs("button",{...C,className:n(e.className,ao,Io(ao,c),k(ao,{size:t,rounded:o,fillMode:s,themeColor:r}),g(ao,{hover:u,focus:N,active:h,disabled:d,selected:S}),{"k-icon-button":!L&&!B&&A}),children:[M&&no(v,{className:n(E,"k-button-icon"),icon:M}),L?gs(Tl,{children:[L&&no("span",{className:"k-button-text",children:L}),e.children]}):e.children&&no("span",{className:"k-button-text",children:e.children}),p&&no("span",{className:"k-menu-button-arrow k-button-arrow",children:no(v,{icon:l})})]})};f.states=Al;f.options=Cl;f.variants=kl;f.className=ao;f.defaultOptions=it;f.moduleName=vn;f.folderName=Es;import{jsx as Ol}from"react/jsx-runtime";var Ie=e=>Ol(f,{icon:"folder",...e,children:void 0});import{jsx as yl}from"react/jsx-runtime";var Sn=e=>yl(f,{icon:"folder",children:"Button",...e});import{jsx as kf}from"react/jsx-runtime";import{Fragment as Pf,jsx as Rf}from"react/jsx-runtime";var En="speech-to-text-button",ks=En;import{jsx as Il}from"react/jsx-runtime";var As="k-speech-to-text-button",Cs={icon:"microphone-outline"},Se=e=>{let{listening:t=!1,icon:o=Cs.icon,...s}=e;return Il(f,{...s,icon:t?"stop-sm":o,className:n(e.className,As,{"k-listening":t})})};Se.states=f.states;Se.options=f.options;Se.className=As;Se.defaultOptions=Cs;Se.moduleName=En;Se.folderName=ks;import{jsx as eb}from"react/jsx-runtime";import{jsx as ab}from"react/jsx-runtime";var gn="chat",Ts=gn;import{Fragment as kn,jsx as lt,jsxs as so}from"react/jsx-runtime";var Os="k-chat",Bl=[],_l={},Kl=so(kn,{children:[lt(Se,{fillMode:"clear"}),lt(Ie,{icon:"paperclip",fillMode:"clear"},"paperclip")]}),ys={tools:Kl},F=e=>{let{header:t,dir:o,suggestedActions:s,files:r,pinned:p,replied:l,generating:c,tools:u=ys.tools,value:N,empty:h,...S}=e;return so("div",{...S,className:n(Os,e.className),dir:o,children:[t,p,lt("div",{className:"k-message-list",children:lt("div",{className:n("k-message-list-content",h&&"k-message-list-content-empty"),children:e.children})}),so("div",{className:"k-message-box-wrapper",children:[s,lt(Ue,{className:"k-message-box",placeholder:"Type a message",value:N,prefixSeparator:!1,suffixSeparator:!1,rows:1,resize:"none",prefix:r||l?so(kn,{children:[l,r]}):void 0,suffix:so(kn,{children:[u,lt("span",{className:"k-spacer"}),lt(kt,{generating:c,disabled:!N&&!c})]})})]})]})};F.states=Bl;F.options=_l;F.className=Os;F.defaultOptions=ys;F.moduleName=gn;F.folderName=Ts;var An="button",Is=An;import{jsx as Dl}from"react/jsx-runtime";var ro="k-button-group",Rl=[a.disabled],Pl={fillMode:[b.solid,b.flat,b.outline,b.clear,b.link]},Bs={fillMode:b.solid},K=e=>{let{fillMode:t=Bs.fillMode,disabled:o,stretched:s,...r}=e;return Dl("div",{...r,className:n(e.className,ro,k(ro,{fillMode:t}),g(ro,{disabled:o}),{[`${ro}-stretched`]:s}),children:e.children})};K.states=Rl;K.options=Pl;K.className=ro;K.defaultOptions=Bs;K.moduleName=An;K.folderName=Is;import{Fragment as Tb,jsx as Cb,jsxs as Ob}from"react/jsx-runtime";import{Fragment as Rb,jsx as Kb,jsxs as Pb}from"react/jsx-runtime";import{Fragment as Gb,jsx as Ub,jsxs as Fb}from"react/jsx-runtime";import{Fragment as qb,jsx as Wb,jsxs as Zb}from"react/jsx-runtime";import{jsx as _s,jsxs as zl}from"react/jsx-runtime";var Ks="k-color-preview",wl=[],Hl={},Ge=e=>{let{color:t,iconName:o,...s}=e;return zl("span",{...s,className:n(e.className,Ks,{"k-icon-color-preview":o,"k-no-color":!t}),children:[o&&_s(v,{icon:o,className:"k-color-preview-icon"}),_s("span",{className:"k-color-preview-mask",style:{backgroundColor:t}})]})};Ge.states=wl;Ge.options=Hl;Ge.className=Ks;var Cn="popup",Rs=Cn;import{jsx as Ps}from"react/jsx-runtime";var Ds="k-animation-container",Ul=[],Gl={},ws={positionMode:"absolute"},Ee=e=>{let{positionMode:t=ws.positionMode,animationStyle:o,offset:s,...r}=e;return Ps("div",{...r,style:{...s,...e.style},className:n(e.className,Ds,"k-animation-container-shown",{"k-animation-container-fixed":t==="fixed"}),children:Ps("div",{className:"k-child-animation-container",style:o,children:e.children})})};Ee.states=Ul;Ee.options=Gl;Ee.className=Ds;Ee.defaultOptions=ws;Ee.moduleName=Cn;Ee.folderName=Rs;var Tn="popup",Hs=Tn;import{jsx as zs}from"react/jsx-runtime";var Us="k-popup",Fl=[],$l={},Gs={positionMode:"absolute"},D=e=>{let{offset:t,positionMode:o=Gs.positionMode,animationStyle:s,...r}=e;return zs(Ee,{positionMode:o,offset:t,animationStyle:s,children:zs("div",{...r,className:n(e.className,Us),children:e.children})})};D.states=Fl;D.options=$l;D.className=Us;D.defaultOptions=Gs;D.moduleName=Tn;D.folderName=Hs;var On="action-buttons",Fs=On;import{jsx as Jl}from"react/jsx-runtime";var zo="k-actions",Xl=[],Vl={},yn={alignment:"start",orientation:"horizontal"},Y=e=>{let{alignment:t=yn.alignment,orientation:o=yn.orientation,...s}=e;return Jl("div",{...s,className:n(zo,{[`${zo}-${t}`]:t,[`${zo}-${o}`]:o},e.className),children:e.children})};Y.states=Xl;Y.options=Vl;Y.className=zo;Y.defaultOptions=yn;Y.moduleName=On;Y.folderName=Fs;var $s=Y;import{jsx as ql}from"react/jsx-runtime";var Wl="k-actionsheet-footer",Xs={alignment:"stretched",orientation:"horizontal"},io=e=>{let{alignment:t=Xs.alignment,orientation:o=Xs.orientation,template:s,as:r=s?"div":Y,...p}=e;return ql(r,{...p,...!s&&{alignment:t,orientation:o},className:n(e.className,Wl),children:e.children})};var In="searchbox",Vs=In;import{jsx as lo,jsxs as Ql}from"react/jsx-runtime";var Js="k-searchbox",Zl=[a.hover,a.focus,a.valid,a.invalid,a.required,a.disabled,a.loading],Yl={size:[i.small,i.medium,i.large],rounded:[x.small,x.medium,x.large,x.full],fillMode:[b.solid,b.flat,b.outline]},Bn={showIcon:!0,icon:"search",size:y.defaultOptions.size,rounded:y.defaultOptions.rounded,fillMode:y.defaultOptions.fillMode},Ne=e=>{let{value:t,placeholder:o,size:s,rounded:r,fillMode:p,hover:l,focus:c,valid:u,invalid:N,required:h,loading:S,disabled:d,showIcon:M=Bn.showIcon,icon:L=Bn.icon,...E}=e;return Ql(y,{...E,size:s,rounded:r,fillMode:p,hover:l,focus:c,valid:u,invalid:N,required:h,loading:S,disabled:d,className:n(e.className,Js),children:[M&&lo(v,{className:"k-input-icon",icon:L}),lo(be,{placeholder:o,value:t}),lo(te,{...e}),lo(Z,{...e}),lo(fe,{...e})]})};Ne.states=Zl;Ne.options=Yl;Ne.className=Js;Ne.defaultOptions=Bn;Ne.moduleName=In;Ne.folderName=Vs;import{jsx as VN}from"react/jsx-runtime";var _n="textbox",Ws=_n;import{Fragment as qs,jsx as Fe,jsxs as Kn}from"react/jsx-runtime";var Zs="k-textbox",jl=[a.hover,a.focus,a.valid,a.invalid,a.required,a.disabled,a.loading,a.readonly],ep={size:[i.small,i.medium,i.large],rounded:[x.small,x.medium,x.large,x.full],fillMode:[b.solid,b.flat,b.outline]},pt={showClearButton:!0,showValidationIcon:!0,size:y.defaultOptions.size,rounded:y.defaultOptions.rounded,fillMode:y.defaultOptions.fillMode,separators:!0},ge=e=>{let{size:t=pt.size,rounded:o=pt.rounded,fillMode:s=pt.fillMode,separators:r=pt.separators,showClearButton:p=pt.showClearButton,showValidationIcon:l=pt.showValidationIcon,prefix:c,suffix:u,type:N,value:h,placeholder:S,hover:d,focus:M,valid:L,invalid:E,required:C,loading:A,disabled:B,readonly:H,...ve}=e;return Kn(y,{...ve,size:t,rounded:o,fillMode:s,hover:d,focus:M,valid:L,invalid:E,required:C,loading:A,disabled:B,readonly:H,className:n(e.className,Zs),children:[c&&Kn(qs,{children:[Fe(oe,{children:c}),r&&Fe(ae,{})]}),Fe(be,{placeholder:S,value:h,type:N}),l&&Fe(Z,{valid:L,invalid:E,loading:A,disabled:B}),Fe(te,{loading:A,disabled:B}),p&&Fe(fe,{loading:A,disabled:B,readonly:H,value:h}),u&&Kn(qs,{children:[r&&Fe(ae,{}),Fe(ne,{children:u})]})]})};ge.states=jl;ge.options=ep;ge.className=Zs;ge.defaultOptions=pt;ge.moduleName=_n;ge.folderName=Ws;import{jsx as sx}from"react/jsx-runtime";import{Fragment as cx,jsx as mx}from"react/jsx-runtime";import{Fragment as hx,jsx as xx}from"react/jsx-runtime";import{jsx as $e,jsxs as Rn}from"react/jsx-runtime";var Qs="k-actionsheet-titlebar",tp={},se=e=>{let{title:t,subtitle:o,actionsStart:s,actionsEnd:r,filter:p,input:l,inputValue:c,inputPlaceholder:u,adaptive:N,children:h,...S}=e;return Rn("div",{...S,className:n(e.className,Qs),children:[Rn("div",{className:"k-actionsheet-titlebar-group",children:[s&&$e("div",{className:"k-actionsheet-actions",children:s}),!h&&Rn("div",{className:"k-actionsheet-title",children:[t&&$e("div",{className:"k-text-center",children:t}),o&&$e("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),h&&$e("div",{className:"k-actionsheet-title",children:h}),r&&$e("div",{className:"k-actionsheet-actions",children:r})]}),(l||p)&&$e("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:l?$e(ge,{value:c,placeholder:u,size:N?"large":"medium"}):$e(Ne,{placeholder:"Filter",size:N?"large":"medium"})})]})};se.className=Qs;se.defaultOptions=tp;import{jsx as Pn,jsxs as sp}from"react/jsx-runtime";var Dn="k-actionsheet-view",op=[],np={},ap={},At=e=>{let{adaptive:t,animated:o,children:s,header:r,footer:p,...l}=e,c=r?.type===se&&Pn(se,{adaptive:t,...r?.props}),u=p?.type===io&&Pn(io,{...p?.props});return sp("div",{...l,className:n(e.className,Dn,{[`${Dn}-animated`]:o}),children:[c,Pn("div",{className:"k-actionsheet-content",children:s}),u]})};At.states=op;At.options=np;At.className=Dn;At.defaultOptions=ap;var po="action-sheet",Uo=po;import{jsx as Go,jsxs as lp}from"react/jsx-runtime";var js="k-actionsheet",rp=[],ip={},mo={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},Q=e=>{let{side:t=mo.side,fullscreen:o=mo.fullscreen,adaptive:s=mo.adaptive,overlay:r=mo.overlay,template:p,children:l,header:c,footer:u,...N}=e;return lp("div",{className:"k-actionsheet-container",children:[r&&Go("div",{className:"k-overlay"}),Go(Ee,{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:Go("div",{...N,className:n(e.className,js,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":s}),children:p||Go(At,{header:c,footer:u,adaptive:s,...e,children:l})})})]})};Q.states=rp;Q.options=ip;Q.className=js;Q.defaultOptions=mo;Q.moduleName=po;Q.folderName=Uo;import{jsx as dp}from"react/jsx-runtime";var er="k-actionsheet-container",pp=[],mp={},cp={},Ct=e=>{let{children:t,...o}=e;return dp("div",{...o,className:er,children:t})};Ct.states=pp;Ct.options=mp;Ct.className=er;Ct.defaultOptions=cp;Ct.moduleName=po;Ct.folderName=Uo;import{jsx as Jx}from"react/jsx-runtime";import{Fragment as fp,jsx as co,jsxs as wn}from"react/jsx-runtime";var Hn="k-actionsheet-item",up=[a.hover,a.focus,a.selected,a.disabled],zn=e=>{let{iconName:t,text:o,description:s,hover:r,focus:p,selected:l,disabled:c,...u}=e;return wn("span",{...u,className:n(e.className,Hn,g(Hn,{hover:r,focus:p,selected:l,disabled:c})),children:[!e.children&&co(fp,{children:wn("span",{className:"k-actionsheet-action",children:[t&&co("span",{className:"k-icon-wrap",children:co(v,{className:"k-actionsheet-item-icon",icon:t})}),wn("span",{className:"k-actionsheet-item-text",children:[o&&co("span",{className:"k-actionsheet-item-title",children:o}),s&&co("span",{className:"k-actionsheet-item-description",children:s})]})]})}),e.children]})};zn.states=up;zn.className=Hn;import{jsx as oh,jsxs as nh}from"react/jsx-runtime";import{jsx as ih}from"react/jsx-runtime";import{jsx as ch}from"react/jsx-runtime";import{jsx as bh}from"react/jsx-runtime";var Un="slider",or=Un;import{jsx as Tt,jsxs as Gn}from"react/jsx-runtime";var uo="k-slider",bp=[a.hover,a.focus,a.active,a.disabled,a.readonly],Np={},Xe={type:"single",orientation:"horizontal",readonly:!1,disabled:!1,handlePosition:"end",showButtons:!0,showTicks:!0},$=e=>{let{type:t=Xe.type,orientation:o=Xe.orientation,readonly:s=Xe.readonly,disabled:r=Xe.disabled,handlePosition:p=Xe.handlePosition,showButtons:l=Xe.showButtons,showTicks:c=Xe.showTicks,hover:u,focus:N,active:h,trackStyle:S,dir:d,...M}=e,L,E;return o==="horizontal"?(L=d==="rtl"?"caret-alt-left":"caret-alt-right",E=d==="rtl"?"caret-alt-right":"caret-alt-left"):o==="vertical"&&(L="caret-alt-up",E="caret-alt-down"),Gn("div",{...M,className:n(uo,e.className,g(uo,{readonly:s,disabled:r}),{[`k-slider-${o}`]:o,"k-colorgradient-slider":t==="gradient"}),dir:d,children:[l&&Tt(f,{className:"k-button-decrease",rounded:"full",icon:E}),Gn("div",{className:"k-slider-track-wrap",children:[c&&Tt("ul",{className:"k-reset k-slider-items",children:e.children}),Gn("div",{className:"k-slider-track",style:S,children:[Tt("div",{className:"k-slider-selection"}),t==="range"&&Tt("span",{className:n("k-draghandle","k-draghandle-start",g(uo,{hover:u,focus:N,active:h}))}),Tt("span",{className:n("k-draghandle",`k-draghandle-${p}`,g(uo,{hover:u,focus:N,active:h}))})]})]}),l&&Tt(f,{className:"k-button-increase",rounded:"full",icon:L})]})};$.states=bp;$.options=Np;$.className=uo;$.defaultOptions=Xe;$.moduleName=Un;$.folderName=or;import{jsx as nr}from"react/jsx-runtime";var ar="k-tick",xp=[],hp={},sr={label:!1},Ve=e=>{let{style:t,label:o=sr.label,orientation:s,large:r,text:p,...l}=e;return nr("li",{...l,className:n(e.className,ar,{[`k-tick-${s}`]:s,"k-tick-large":r}),style:t,children:o&&nr("span",{className:"k-label",children:p})})};Ve.states=xp;Ve.options=hp;Ve.className=ar;Ve.defaultOptions=sr;import{Fragment as Uh,jsx as zh,jsxs as Gh}from"react/jsx-runtime";import{Fragment as Jh,jsx as Vh,jsxs as Wh}from"react/jsx-runtime";import{Fragment as jh,jsx as Qh,jsxs as eL}from"react/jsx-runtime";import{Fragment as sL,jsx as aL,jsxs as rL}from"react/jsx-runtime";import{jsx as Lp}from"react/jsx-runtime";var Fn=e=>Lp($,{type:"gradient",showButtons:!1,showTicks:!1,...e});import{jsx as Mp}from"react/jsx-runtime";var $n=e=>Mp($,{type:"gradient",orientation:"vertical",showButtons:!1,showTicks:!1,...e});import{jsx as rr,jsxs as kp}from"react/jsx-runtime";var ir="k-spin-button",Ep=[],gp={size:[i.small,i.medium,i.large],fillMode:[b.solid,b.flat,b.outline,b.clear,b.link]},Xn={size:i.medium,fillMode:b.solid},Je=e=>{let{size:t=Xn.size,fillMode:o=Xn.fillMode,...s}=e;return kp("span",{...s,className:n(ir,e.className),children:[rr(f,{className:"k-spinner-increase",icon:"caret-alt-up",rounded:null,size:t,fillMode:o}),rr(f,{className:"k-spinner-decrease",icon:"caret-alt-down",rounded:null,size:t,fillMode:o})]})};Je.states=Ep;Je.options=gp;Je.className=ir;Je.defaultOptions=Xn;Je.moduleName=null;Je.folderName=null;var lr="numeric-textbox",pr="numerictextbox";import{Fragment as mr,jsx as Be,jsxs as Vn}from"react/jsx-runtime";var cr="k-numerictextbox",Ap=[a.hover,a.focus,a.valid,a.invalid,a.loading,a.required,a.disabled,a.readonly],Cp={size:[i.small,i.medium,i.large],rounded:[x.small,x.medium,x.large,x.full],fillMode:[b.solid,b.flat,b.outline]},mt={showSpinButton:!0,showClearButton:!0,size:y.defaultOptions.size,rounded:y.defaultOptions.rounded,fillMode:y.defaultOptions.fillMode,separators:!0},R=e=>{let{size:t=mt.size,rounded:o=mt.rounded,fillMode:s=mt.fillMode,separators:r=mt.separators,showClearButton:p=mt.showClearButton,showSpinButton:l=mt.showSpinButton,prefix:c,suffix:u,value:N,placeholder:h,hover:S,focus:d,valid:M,invalid:L,required:E,loading:C,disabled:A,readonly:B,...H}=e;return Vn(y,{...H,size:t,rounded:o,fillMode:s,hover:S,focus:d,valid:M,invalid:L,required:E,loading:C,disabled:A,readonly:B,className:n(e.className,cr),children:[c&&Vn(mr,{children:[Be(oe,{children:c}),r&&Be(ae,{})]}),Be(be,{placeholder:h,value:N}),Be(Z,{valid:M,invalid:L,loading:C,disabled:A}),Be(te,{loading:C,disabled:A}),p&&Be(fe,{loading:C,disabled:A,readonly:B,value:N}),u&&Vn(mr,{children:[r&&Be(ae,{}),Be(ne,{children:u})]}),l&&Be(Je,{className:"k-input-spinner",size:t,fillMode:s})]})};R.states=Ap;R.options=Cp;R.className=cr;R.defaultOptions=mt;R.moduleName=lr;R.folderName=pr;import{jsx as zL}from"react/jsx-runtime";import{jsx as Op}from"react/jsx-runtime";var Tp="k-no-data",fo=e=>Op("span",{className:n(Tp,e.className),children:e.children});var _e="list",We=_e;import{jsx as Ot,jsxs as ur}from"react/jsx-runtime";var Jn="k-list",yp=[],Ip={size:[i.small,i.medium,i.large]},fr={size:i.medium},_=e=>{let{size:t=fr.size,virtualization:o,children:s,optionLabel:r,customValue:p,screenReaders:l,...c}=e,u,N,h,S,d=[];return s?s.map((M,L)=>{M.type===z?(M.props.root===!0?(u=M.props.label,M.props.children.map((E,C)=>{d.push(Ot(T,{...E.props},`optChild-${C}-${new Date().getTime()}`))})):M.props.children.forEach((E,C)=>{let A="";C===0&&(A=M.props.label),d.push(Ot(T,{className:C===0?"k-first":"",...E.props,groupLabel:A},`groupLabel-${C}-${new Date().getTime()}`))}),N=Ot(z,{label:u,virtualization:o,children:d})):M.type===T&&(d.push(Ot(T,{...M.props},`${M.type}-${L}`)),h=Ot(yt,{virtualization:o,children:d}),l&&(S=ur(fo,{className:"k-sr-only",children:[d.length," items found."]})))}):S=Ot(fo,{children:"No data found."}),ur("div",{...c,className:n(e.className,Jn,k(Jn,{size:t}),{"k-virtual-list":o}),children:[r,p,N,h,S]})};_.states=yp;_.options=Ip;_.className=Jn;_.defaultOptions=fr;_.moduleName=_e;_.folderName=We;import{jsx as Rp}from"react/jsx-runtime";var br="k-list-container",Bp=[],_p={},Kp={},It=e=>{let{...t}=e;return Rp("div",{...t,className:n(e.className,br),children:e.children})};It.states=Bp;It.options=_p;It.className=br;It.defaultOptions=Kp;It.moduleName=_e;It.folderName=We;import{jsx as ct,jsxs as wp}from"react/jsx-runtime";var Wn="k-list",Pp=[],Dp={size:[i.small,i.medium,i.large]},Nr={size:i.medium},Ke=e=>{let{size:t=Nr.size,virtualization:o,children:s,...r}=e,p,l,c,u=[];return s?s.map((N,h)=>{N.type===z?(N.props.root===!0?(p=N.props.label,N.props.children.map((S,d)=>{u.push(ct(T,{...S.props},`optChild-${d}-${new Date().getTime()}`))})):(u.push(ct(xr,{...N.props,children:N.props.label},`listChild-${h}`)),N.props.children.map((S,d)=>{u.push(ct(T,{...S.props},`fwOptChild-${d}-${new Date().getTime()}`))})),l=ct(z,{label:p,virtualization:o,children:u})):N.type===T&&(u.push(ct(T,{...N.props},`${N.type}-${h}`)),c=ct(yt,{virtualization:o,children:u}))}):c=ct(fo,{children:"No data found."}),wp("div",{...r,className:n(e.className,Wn,k(Wn,{size:t}),{"k-virtual-list":o}),children:[l,c]})};Ke.states=Pp;Ke.options=Dp;Ke.className=Wn;Ke.defaultOptions=Nr;Ke.moduleName=_e;Ke.folderName=We;var dt="checkbox",Bt=dt;import{jsx as hr}from"react/jsx-runtime";var Fo="k-checkbox",Hp=[a.hover,a.focus,a.valid,a.invalid,a.required,a.disabled,a.checked,a.indeterminate],zp={size:[i.small,i.medium,i.large],rounded:[x.small,x.medium,x.large,x.full]},qn={size:i.medium,rounded:x.medium},ke=e=>{let{id:t,checked:o,indeterminate:s,hover:r,focus:p,disabled:l,invalid:c,valid:u,required:N,size:h=qn.size,rounded:S=qn.rounded,...d}=e;return hr("span",{className:"k-checkbox-wrap",children:hr("input",{...d,id:t,type:"checkbox",defaultChecked:o,required:N,className:n(e.className,Fo,k(Fo,{size:h,rounded:S}),g(Fo,{hover:r,focus:p,disabled:l,invalid:c,valid:u,indeterminate:s,checked:o}))})})};ke.states=Hp;ke.options=zp;ke.className=Fo;ke.defaultOptions=qn;ke.moduleName=dt;ke.folderName=Bt;import{jsx as Fp}from"react/jsx-runtime";var Lr="k-checkbox-list",Up=[],Gp={},Mr={layout:"vertical"},qe=e=>{let{layout:t=Mr.layout,...o}=e;return Fp("ul",{...o,className:n(e.className,Lr,{[`k-list-${t}`]:t}),children:e.children})};qe.states=Up;qe.options=Gp;qe.className=Lr;qe.defaultOptions=Mr;qe.moduleName=dt;qe.folderName=Bt;import{jsx as Jp}from"react/jsx-runtime";var vr="k-checkbox-list-item",$p=[],Xp={},Vp={},Ze=e=>{let{...t}=e;return Jp("li",{...t,className:n(e.className,vr),children:e.children})};Ze.states=$p;Ze.options=Xp;Ze.className=vr;Ze.defaultOptions=Vp;Ze.moduleName=dt;Ze.folderName=Bt;import{Fragment as AM,jsx as kM,jsxs as CM}from"react/jsx-runtime";import{Fragment as BM,jsx as IM,jsxs as _M}from"react/jsx-runtime";import{Fragment as wM,jsx as DM,jsxs as HM}from"react/jsx-runtime";import{Fragment as $M,jsx as FM,jsxs as XM}from"react/jsx-runtime";import{jsx as qM}from"react/jsx-runtime";import{jsx as jM}from"react/jsx-runtime";import{jsx as $o,jsxs as Yp}from"react/jsx-runtime";var Yn="k-list-item",Wp=[a.hover,a.focus,a.selected,a.disabled],qp={},Zp={},T=e=>{let{text:t,groupLabel:o,group:s,showIcon:r,iconName:p,showCheckbox:l,checked:c,hover:u,focus:N,selected:h,disabled:S,...d}=e,M=t||e.children;return Yp("li",{...d,className:n(e.className,s?"k-list-group-item":Yn,g(Yn,{hover:u,focus:N,disabled:S,selected:h})),children:[l&&$o(ke,{checked:c}),r&&$o(v,{icon:p}),$o("span",{className:"k-list-item-text",children:M}),o&&o!==""&&$o("div",{className:"k-list-item-group-label",children:o})]})};T.states=Wp;T.options=qp;T.className=Yn;T.defaultOptions=Zp;T.moduleName=_e;T.folderName=We;import{jsx as Qn,jsxs as jp}from"react/jsx-runtime";var Qp="k-list-content",yt=e=>{let{virtualization:t,...o}=e;return jp("div",{...o,className:n(Qp,e.className),children:[Qn("ul",{className:n("k-list-ul"),children:e.children}),t&&Qn("div",{className:"k-height-container",children:Qn("div",{})})]})};import{jsx as Sr}from"react/jsx-runtime";var em="k-list-group-sticky-header",Er=e=>Sr("div",{className:n(em,e.className),children:Sr("div",{className:"k-list-header-text",children:e.children})});import{Fragment as tm,jsx as gr,jsxs as om}from"react/jsx-runtime";var z=e=>{let{virtualization:t,label:o}=e;return om(tm,{children:[o&&gr(Er,{children:o}),e.children&&gr(yt,{virtualization:t,children:e.children})]})};import{jsx as kr}from"react/jsx-runtime";var nm="k-list-group-item",xr=e=>kr("li",{className:n(nm,e.className),children:kr("span",{className:"k-list-item-text",children:e.children})});import{jsx as im}from"react/jsx-runtime";var jn="k-list-optionlabel",am=[a.hover,a.focus,a.selected,a.disabled],sm={},rm={},Xo=e=>{let{text:t,hover:o,focus:s,selected:r,disabled:p,...l}=e;return im("div",{...l,className:n(jn,g(jn,{hover:o,focus:s,selected:r,disabled:p})),children:t})};Xo.states=am;Xo.options=sm;Xo.className=jn;Xo.defaultOptions=rm;import{jsx as cm}from"react/jsx-runtime";var ea="k-list-custom-value",lm=[a.hover,a.focus,a.selected,a.disabled],pm={},mm={},Ye=e=>{let{text:t,hover:o,focus:s,selected:r,disabled:p,...l}=e;return cm("div",{...l,className:n(ea,g(ea,{hover:o,focus:s,selected:r,disabled:p})),children:t})};Ye.states=lm;Ye.options=pm;Ye.className=ea;Ye.defaultOptions=mm;import{jsx as Dv}from"react/jsx-runtime";import{jsx as Uv}from"react/jsx-runtime";import{jsx as Xv,jsxs as Vv}from"react/jsx-runtime";import{jsx as Zv,jsxs as Yv}from"react/jsx-runtime";import{jsx as tS}from"react/jsx-runtime";import{jsx as sS,jsxs as rS}from"react/jsx-runtime";import{jsx as mS,jsxs as cS}from"react/jsx-runtime";var Ar="dropdown-list",Cr="dropdownlist";import{Fragment as fm,jsx as X,jsxs as ta}from"react/jsx-runtime";var Tr="k-dropdownlist",dm=[a.hover,a.focus,a.valid,a.invalid,a.required,a.disabled,a.loading,a.readonly],um={size:[i.small,i.medium,i.large],rounded:[x.small,x.medium,x.large,x.full],fillMode:[b.solid,b.flat,b.outline]},_t={showValue:!0,arrowIconName:"caret-alt-down",size:i.medium,rounded:x.medium,fillMode:b.solid},Ae=e=>{let{size:t=_t.size,rounded:o=_t.rounded,fillMode:s=_t.fillMode,arrowIconName:r=_t.arrowIconName,showValue:p=_t.showValue,valueIconName:l,prefix:c,suffix:u,value:N,placeholder:h,hover:S,focus:d,valid:M,invalid:L,required:E,loading:C,disabled:A,readonly:B,popup:H,opened:ve,adaptive:qt,adaptiveSettings:Zt,adaptiveTitle:ln,adaptiveSubtitle:pn,adaptiveFilter:Ki,...Ri}=e;return ta(fm,{children:[ta(q,{...Ri,size:t,rounded:o,fillMode:s,hover:S,focus:d,valid:M,invalid:L,required:E,loading:C,disabled:A,readonly:B,className:n(e.className,Tr,{"k-icon-picker":!p&&l}),children:[X(oe,{children:c}),X(rt,{placeholder:h,value:N,showValue:p,valueIconName:l}),X(Z,{valid:M,invalid:L,loading:C,disabled:A}),X(te,{loading:C,disabled:A}),X(ne,{children:u}),X(f,{className:"k-input-button",icon:r,rounded:null,size:e.size,fillMode:e.fillMode})]}),ve&&H&&X(D,{className:"k-list-container k-dropdownlist-popup",children:H}),qt&&X(Q,{adaptive:!0,...Zt,header:X(se,{actionsEnd:X(f,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat"}),filter:Ki,inputValue:N,inputPlaceholder:h,title:ln,subtitle:pn}),children:X("div",{className:"k-list-container",children:ta(_,{size:"large",children:[X(T,{text:"List item"}),X(T,{text:"List item"}),X(T,{text:"List item"})]})})})]})};Ae.states=dm;Ae.options=um;Ae.className=Tr;Ae.defaultOptions=_t;Ae.moduleName=Ar;Ae.folderName=Cr;import{jsx as $S}from"react/jsx-runtime";import{jsx as qS,jsxs as ZS}from"react/jsx-runtime";import{Fragment as aE,jsx as oE,jsxs as nE}from"react/jsx-runtime";import{jsx as lE}from"react/jsx-runtime";import{jsx as uE,jsxs as fE}from"react/jsx-runtime";import{jsx as LE,jsxs as ME}from"react/jsx-runtime";import{Fragment as TE,jsx as AE,jsxs as CE}from"react/jsx-runtime";import{Fragment as PE,jsx as KE,jsxs as RE}from"react/jsx-runtime";import{Fragment as QE,jsx as YE}from"react/jsx-runtime";import{Fragment as sg,jsx as ag}from"react/jsx-runtime";import{Fragment as bo,jsx as O,jsxs as P}from"react/jsx-runtime";var Or="k-colorgradient-inputs",bm=[],Nm={size:[i.small,i.medium,i.large]},yr={mode:"rgba",size:i.medium},Kt=e=>{let{mode:t=yr.mode,size:o,...s}=e;return P("div",{...s,className:n(Or,"k-hstack"),children:[O("div",{className:"k-vstack",children:O(f,{fillMode:"flat",icon:"caret-alt-expand",className:"k-colorgradient-toggle-mode",size:o})}),t==="rgba"&&P(bo,{children:[P("div",{className:"k-vstack",children:[O(R,{showSpinButton:!1,showClearButton:!1,value:"132",size:o}),O("label",{className:"k-colorgradient-input-label",children:"R"})]}),P("div",{className:"k-vstack",children:[O(R,{showSpinButton:!1,showClearButton:!1,value:"132",size:o}),O("label",{className:"k-colorgradient-input-label",children:"G"})]}),P("div",{className:"k-vstack",children:[O(R,{showSpinButton:!1,showClearButton:!1,value:"132",size:o}),O("label",{className:"k-colorgradient-input-label",children:"B"})]}),P("div",{className:"k-vstack",children:[O(R,{showSpinButton:!1,showClearButton:!1,value:"1.00",size:o}),O("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="rgb"&&P(bo,{children:[P("div",{className:"k-vstack",children:[O(R,{showSpinButton:!1,showClearButton:!1,value:"132"}),O("label",{className:"k-colorgradient-input-label",children:"R"})]}),P("div",{className:"k-vstack",children:[O(R,{showSpinButton:!1,showClearButton:!1,value:"132"}),O("label",{className:"k-colorgradient-input-label",children:"G"})]}),P("div",{className:"k-vstack",children:[O(R,{showSpinButton:!1,showClearButton:!1,value:"132"}),O("label",{className:"k-colorgradient-input-label",children:"B"})]})]}),t==="hsva"&&P(bo,{children:[P("div",{className:"k-vstack",children:[O(R,{showSpinButton:!1,showClearButton:!1,value:"132"}),O("label",{className:"k-colorgradient-input-label",children:"H"})]}),P("div",{className:"k-vstack",children:[O(R,{showSpinButton:!1,showClearButton:!1,value:"132"}),O("label",{className:"k-colorgradient-input-label",children:"S"})]}),P("div",{className:"k-vstack",children:[O(R,{showSpinButton:!1,showClearButton:!1,value:"132"}),O("label",{className:"k-colorgradient-input-label",children:"V"})]}),P("div",{className:"k-vstack",children:[O(R,{showSpinButton:!1,showClearButton:!1,value:"1.00"}),O("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="hsv"&&P(bo,{children:[P("div",{className:"k-vstack",children:[O(R,{showSpinButton:!1,showClearButton:!1,value:"132"}),O("label",{className:"k-colorgradient-input-label",children:"H"})]}),P("div",{className:"k-vstack",children:[O(R,{showSpinButton:!1,showClearButton:!1,value:"132"}),O("label",{className:"k-colorgradient-input-label",children:"S"})]}),P("div",{className:"k-vstack",children:[O(R,{showSpinButton:!1,showClearButton:!1,value:"132"}),O("label",{className:"k-colorgradient-input-label",children:"V"})]})]}),t==="hex"&&O(bo,{children:P("div",{className:"k-vstack k-flex-1",children:[O(ge,{showClearButton:!1,value:"#b88484AA",className:"k-hex-value"}),O("label",{className:"k-colorgradient-input-label",children:"HEX"})]})})]})};Kt.states=bm;Kt.options=Nm;Kt.className=Or;Kt.defaultOptions=yr;import{jsx as ft,jsxs as bt}from"react/jsx-runtime";var Ir="k-colorgradient-color-contrast",xm=[],hm={},Lm={},Rt=()=>bt("div",{className:n(Ir,"k-vbox"),children:[bt("div",{className:"k-contrast-ratio",children:[ft("span",{className:"k-contrast-ratio-text",children:"Contrast ratio: 7.1"}),bt("span",{className:"k-contrast-validation !k-text-success",children:[ft(v,{icon:"check"}),ft(v,{icon:"check"})]})]}),bt("div",{children:[ft("span",{children:"AA: 4.5"}),bt("span",{className:"k-contrast-validation !k-text-success",children:["Pass",ft(v,{icon:"check"})]})]}),bt("div",{children:[ft("span",{children:"AAA: 7.0"}),bt("span",{className:"k-contrast-validation !k-text-error",children:["Fail",ft(v,{icon:"x"})]})]})]});Rt.states=xm;Rt.options=hm;Rt.className=Ir;Rt.defaultOptions=Lm;var Br="color-gradient",_r="colorgradient";import{jsx as re,jsxs as No}from"react/jsx-runtime";var Vo="k-colorgradient",Mm=[a.hover,a.focus,a.readonly,a.disabled],vm={size:[i.small,i.medium,i.large]},xe={size:i.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"},Ce=e=>{let{size:t=xe.size,mode:o=xe.mode,readonly:s=xe.readonly,disabled:r=xe.disabled,gradientStyle:p=xe.gradientStyle,dragHandleStyle:l=xe.dragHandleStyle,alphaStyle:c=xe.alphaStyle,alphaStyleHorizontal:u=xe.alphaStyleHorizontal,contrast:N=xe.contrast,dir:h,hover:S,focus:d,hoverHandle:M,focusHandle:L,canvasOrientation:E=xe.canvasOrientation,...C}=e;return No("div",{...C,className:n(e.className,Vo,k(Vo,{size:t}),g(Vo,{hover:S,focus:d,readonly:s,disabled:r})),dir:h,children:[!E||E==="horizontal"&&No("div",{className:"k-colorgradient-canvas k-hstack",children:[re("div",{className:"k-hsv-rectangle",style:p,children:re("div",{className:"k-hsv-gradient",children:re("div",{className:n("k-hsv-draghandle","k-draghandle",{"k-hover":M,"k-focus":L}),style:l})})}),No("div",{className:"k-hsv-controls k-hstack",children:[re($n,{className:"k-hue-slider",hover:M,focus:L}),o!=="rgb"&&o!=="hsv"&&re($n,{className:"k-alpha-slider",hover:M,focus:L,trackStyle:c})]})]}),E==="vertical"&&No("div",{className:"k-colorgradient-canvas k-vstack",children:[re("div",{className:"k-hsv-rectangle",style:p,children:re("div",{className:"k-hsv-gradient",children:re("div",{className:n("k-hsv-draghandle","k-draghandle",{"k-hover":M,"k-focus":L}),style:l})})}),No("div",{className:"k-hsv-controls k-vstack",children:[re(Fn,{className:"k-hue-slider",hover:M,focus:L}),o!=="rgb"&&o!=="hsv"&&re(Fn,{className:"k-alpha-slider",hover:M,focus:L,trackStyle:u})]})]}),re(Kt,{mode:e.mode,size:t}),N&&re(Rt,{})]})};Ce.states=Mm;Ce.options=vm;Ce.className=Vo;Ce.defaultOptions=xe;Ce.moduleName=Br;Ce.folderName=_r;import{jsx as Bg}from"react/jsx-runtime";import{jsx as Pg}from"react/jsx-runtime";import{jsx as Sm}from"react/jsx-runtime";var Kr=e=>Sm("tr",{children:e.children});import{jsx as km}from"react/jsx-runtime";var oa="k-colorpalette-tile",Em=[a.hover,a.focus,a.selected],gm={},xo=e=>{let{color:t,tileSize:o,hover:s,focus:r,selected:p,...l}=e,c={backgroundColor:t,width:o?o+"px":"",height:o?o+"px":""};return km("td",{...l,className:n(e.className,oa,g(oa,{hover:s,focus:r,selected:p})),style:c})};xo.states=Em;xo.options=gm;xo.className=oa;var Rr="color-palette",Pr="colorpalette";import{jsx as ho}from"react/jsx-runtime";var Jo="k-colorpalette",Am=[a.disabled],Cm={size:[i.small,i.medium,i.large]},na={columns:10,size:i.medium},Qe=e=>{let{size:t=na.size,palette:o,columns:s=na.columns,tileSize:r,disabled:p,...l}=e,c=[];if(o){let u=s||o.columns,N=o.colors?o.colors:o;Array.isArray(N)&&Array.from({length:Math.ceil(N.length/u)},(h,S)=>{let d=[];N.slice(S*u,(S+1)*u).map((L,E)=>{d.push(ho(xo,{color:L,tileSize:r},E))});let M=ho(Kr,{children:d},S);c.push(M)})}return ho("div",{...l,className:n(e.className,Jo,g(Jo,{disabled:p}),k(Jo,{size:t})),children:ho("table",{className:"k-colorpalette-table",children:ho("tbody",{children:c.length>0?c:e.children})})})};Qe.states=Am;Qe.options=Cm;Qe.className=Jo;Qe.defaultOptions=na;Qe.moduleName=Rr;Qe.folderName=Pr;var aa={basic:{colors:["#000000","#7f7f7f","#880015","#ed1c24","#ff7f27","#fff200","#22b14c","#00a2e8","#3f48cc","#a349a4","#ffffff","#c3c3c3","#b97a57","#ffaec9","#ffc90e","#efe4b0","#b5e61d","#99d9ea","#7092be","#c8bfe7"],columns:10},office:{colors:["#ffffff","#000000","#e6e6e6","#435569","#4371c4","#ed7e32","#a5a4a5","#febf04","#5a9bd5","#71ae48","#f2f2f3","#7f7f7f","#d1cece","#d5dde3","#dae1f4","#fce5d4","#deeded","#fff2cc","#deeaf6","#e1efd9","#d7d8d8","#585959","#aeabab","#adbaca","#b4c5e7","#f6caac","#dbdbdb","#ffe498","#bcd6ee","#c5e0b2","#bfbfc0","#3f3f3f","#767070","#8595b1","#8fabdb","#f5b183","#c9c8c9","#fed965","#9bc4e5","#a8d08d","#a5a5a6","#262625","#393939","#334050","#2e5496","#c45a11","#7b7b7a","#bf9000","#2f75b5","#548235","#7f7f7f","#0b0c0c","#161616","#222a34","#203764","#843d0b","#525252","#7f6000","#1d4d79","#375623"],columns:10},apex:{colors:["#ffffff","#000000","#c9c2d1","#69676d","#ceb966","#9cb084","#6bb1c9","#6585cf","#7e6bc9","#a379bb","#f2f2f2","#7f7f7f","#f4f2f5","#e0e0e2","#f5f1e0","#ebefe6","#e1eff4","#e0e6f5","#e5e1f4","#ece4f1","#d8d8d8","#595959","#e9e6ec","#c2c1c5","#ebe3c1","#d7dfcd","#c3dfe9","#c1ceeb","#cbc3e9","#dac9e3","#bfbfbf","#3f3f3f","#dedae3","#a4a3a8","#e1d5a3","#c3cfb5","#a6d0de","#a2b5e2","#b1a6de","#c7aed6","#a5a5a5","#262626","#9688a5","#4e4d51","#ae9638","#758c5a","#3d8da9","#365bb0","#533da9","#7d4d99","#7f7f7f","#0c0c0c","#635672","#343336","#746425","#4e5d3c","#295e70","#243c75","#372970","#533366"],columns:10},austin:{colors:["#ffffff","#000000","#caf278","#3e3d2d","#94c600","#71685a","#ff6700","#909465","#956b43","#fea022","#f2f2f2","#7f7f7f","#f4fce4","#dddcd0","#efffc0","#e3e1dc","#ffe0cb","#e8e9df","#ece1d6","#feecd2","#d8d8d8","#595959","#e9f9c9","#bbb9a1","#dfff82","#c8c3ba","#ffc299","#d2d4c0","#dac3ad","#fed9a6","#bfbfbf","#3f3f3f","#dff7ae","#ada598","#cfff43","#ada598","#ffa365","#bcbfa1","#c8a585","#fec67a","#a5a5a5","#262626","#a9ea25","#2e2d21","#6f9400","#544e43","#bf4d00","#6c6f4b","#6f5032","#d77b00","#7f7f7f","#0c0c0c","#74a50f","#1f1e16","#4a6300","#38342d","#7f3300","#484a32","#4a3521","#8f5200"],columns:10},clarity:{colors:["#ffffff","#292934","#f3f2dc","#d2533c","#93a299","#ad8f67","#726056","#4c5a6a","#808da0","#79463d","#f2f2f2","#e7e7ec","#e7e5b9","#f6dcd8","#e9ecea","#eee8e0","#e4dedb","#d8dde3","#e5e8ec","#e9d6d3","#d8d8d8","#c4c4d1","#d5d185","#edbab1","#d3d9d6","#ded2c2","#c9beb8","#b2bcc8","#ccd1d9","#d3aea7","#bfbfbf","#8a8aa3","#aca73b","#e4978a","#bec7c1","#cdbba3","#af9e94","#8c9bac","#b2bac6","#bd857c","#a5a5a5","#56566e","#56531d","#a43925","#6b7c72","#866b48","#554840","#39434f","#5c697b","#5a342d","#7f7f7f","#3b3b4b","#22210b","#6d2619","#47534c","#594730","#39302b","#262d35","#3d4652","#3c231e"],columns:10},slipstream:{colors:["#ffffff","#000000","#b4dcfa","#212745","#4e67c8","#5eccf3","#a7ea52","#5dceaf","#ff8021","#f14124","#f2f2f2","#7f7f7f","#8bc9f7","#c7cce4","#dbe0f4","#def4fc","#edfadc","#def5ef","#ffe5d2","#fcd9d3","#d8d8d8","#595959","#4facf3","#909aca","#b8c2e9","#beeafa","#dbf6b9","#beebdf","#ffcca6","#f9b3a7","#bfbfbf","#3f3f3f","#0d78c9","#5967af","#94a3de","#9ee0f7","#caf297","#9de1cf","#ffb279","#f68d7b","#a5a5a5","#262626","#063c64","#181d33","#31479f","#11b2eb","#81d319","#34ac8b","#d85c00","#c3260c","#7f7f7f","#0c0c0c","#021828","#101322","#202f6a","#0b769c","#568c11","#22725c","#903d00","#821908"],columns:10},metro:{colors:["#ffffff","#000000","#d6ecff","#4e5b6f","#7fd13b","#ea157a","#feb80a","#00addc","#738ac8","#1ab39f","#f2f2f2","#7f7f7f","#a7d6ff","#d9dde4","#e5f5d7","#fad0e4","#fef0cd","#c5f2ff","#e2e7f4","#c9f7f1","#d8d8d8","#595959","#60b5ff","#b3bcca","#cbecb0","#f6a1c9","#fee29c","#8be6ff","#c7d0e9","#94efe3","#bfbfbf","#3f3f3f","#007dea","#8d9baf","#b2e389","#f272af","#fed46b","#51d9ff","#aab8de","#5fe7d5","#a5a5a5","#262626","#003e75","#3a4453","#5ea226","#af0f5b","#c58c00","#0081a5","#425ea9","#138677","#7f7f7f","#0c0c0c","#00192e","#272d37","#3f6c19","#750a3d","#835d00","#00566e","#2c3f71","#0c594f"],columns:10},flow:{colors:["#ffffff","#000000","#dbf5f9","#04617b","#0f6fc6","#009dd9","#0bd0d9","#10cf9b","#7cca62","#a5c249","#f2f2f2","#7f7f7f","#b2e9f2","#b4ecfc","#c7e2fa","#c4eeff","#c9fafc","#c9faed","#e4f4df","#edf2da","#d8d8d8","#595959","#76d9e8","#6adafa","#90c6f6","#89deff","#93f5f9","#94f6db","#cae9c0","#dbe6b6","#bfbfbf","#3f3f3f","#21b2c8","#20c8f7","#59a9f2","#4fceff","#5df0f6","#5ff2ca","#b0dfa0","#c9da91","#a5a5a5","#262626","#105964","#02485c","#0b5394","#0075a2","#089ca2","#0b9b74","#54a838","#7e9532","#7f7f7f","#0c0c0c","#062328","#01303d","#073763","#004e6c","#05686c","#07674d","#387025","#546321"],columns:10},hardcover:{colors:["#ffffff","#000000","#ece9c6","#895d1d","#873624","#d6862d","#d0be40","#877f6c","#972109","#aeb795","#f2f2f2","#7f7f7f","#e1dca5","#f2e0c6","#f0d0c9","#f6e6d5","#f5f2d8","#e7e5e1","#fbc7bc","#eef0e9","#d8d8d8","#595959","#d0c974","#e6c28d","#e2a293","#eeceaa","#ece5b2","#cfccc3","#f78f7a","#dee2d4","#bfbfbf","#3f3f3f","#a29a36","#daa454","#d4735e","#e6b681","#e2d88c","#b7b2a5","#f35838","#ced3bf","#a5a5a5","#262626","#514d1b","#664515","#65281a","#a2641f","#a39428","#655f50","#711806","#879464","#7f7f7f","#0c0c0c","#201e0a","#442e0e","#431b11","#6c4315","#6d621a","#433f35","#4b1004","#5a6243"],columns:10},trek:{colors:["#ffffff","#000000","#fbeec9","#4e3b30","#f0a22e","#a5644e","#b58b80","#c3986d","#a19574","#c17529","#f2f2f2","#7f7f7f","#f7e09e","#e1d6cf","#fcecd5","#eddfda","#f0e7e5","#f3eae1","#ece9e3","#f5e3d1","#d8d8d8","#595959","#f3cc5f","#c4ad9f","#f9d9ab","#dcc0b6","#e1d0cc","#e7d5c4","#d9d4c7","#ebc7a3","#bfbfbf","#3f3f3f","#d29f0f","#a78470","#f6c781","#cba092","#d2b9b2","#dbc1a7","#c6bfab","#e1ac76","#a5a5a5","#262626","#694f07","#3a2c24","#c87d0e","#7b4b3a","#926255","#a17242","#7b7153","#90571e","#7f7f7f","#0c0c0c","#2a1f03","#271d18","#855309","#523226","#614138","#6b4c2c","#524b37","#603a14"],columns:10},verve:{colors:["#ffffff","#000000","#d2d2d2","#666666","#ff388c","#e40059","#9c007f","#68007f","#005bd3","#00349e","#f2f2f2","#7f7f7f","#bdbdbd","#e0e0e0","#ffd7e8","#ffc6dc","#ffb8f1","#f1b2ff","#c3dcff","#b8cfff","#d8d8d8","#595959","#9d9d9d","#c1c1c1","#ffafd1","#ff8eba","#ff71e4","#e365ff","#87baff","#72a0ff","#bfbfbf","#3f3f3f","#696969","#a3a3a3","#ff87ba","#ff5597","#ff2ad7","#d519ff","#4b98ff","#2b71ff","#a5a5a5","#262626","#343434","#4c4c4c","#e90062","#ab0042","#75005f","#4e005f","#00449e","#002676","#7f7f7f","#0c0c0c","#151515","#333333","#9b0041","#72002c","#4e003f","#34003f","#002d69","#00194f"],columns:10},monochrome:{colors:["#000000","#1a1a1a","#333333","#4d4d4d","#666666","#808080","#999999","#b3b3b3","#cccccc","#e6e6e6","#f2f2f2","#ffffff"],columns:12}};import{jsx as ik}from"react/jsx-runtime";var Dr="color-editor",wr="coloreditor";import{jsx as ie,jsxs as Pt}from"react/jsx-runtime";var Wo="k-coloreditor",Tm=[a.focus],Om={size:[i.small,i.medium,i.large]},Dt={size:i.medium,view:"gradient",palette:aa.office,actionButtons:!0,canvasOrientation:"horizontal"},le=e=>{let{size:t=Dt.size,view:o=Dt.view,palette:s=Dt.palette,color:r,currentColor:p,focus:l,focusView:c,dir:u,group:N,actionButtons:h=Dt.actionButtons,canvasOrientation:S=Dt.canvasOrientation,...d}=e;return Pt("div",{...d,className:n(e.className,"k-flatcolorpicker",Wo,k(Wo,{size:t}),g(Wo,{focus:l})),dir:u,children:[Pt("div",{className:"k-coloreditor-header k-hstack",children:[ie("div",{className:"k-coloreditor-header-actions k-hstack",children:N&&Pt(K,{fillMode:"flat",children:[ie(f,{className:"k-group-start",size:t,fillMode:"flat",icon:"droplet-slider",selected:o==="gradient"}),ie(f,{className:"k-group-end",size:t,fillMode:"flat",icon:"palette",selected:o==="palette"})]})}),ie("div",{className:"k-spacer"}),Pt("div",{className:"k-coloreditor-header-actions k-hstack",children:[ie(f,{fillMode:"flat",icon:"droplet-slash",size:t}),Pt("div",{className:"k-coloreditor-preview k-vstack",children:[ie(Ge,{className:"k-coloreditor-preview-color",color:r}),ie(Ge,{className:"k-coloreditor-current-color",color:p})]})]})]}),ie("div",{className:"k-coloreditor-views k-vstack",children:o==="gradient"?ie(Ce,{focus:c,size:t,canvasOrientation:S}):ie(Qe,{palette:s,size:t})}),h&&Pt(Y,{className:"k-coloreditor-footer",alignment:"start",children:[ie(f,{themeColor:"primary",size:t,className:"k-coloreditor-apply",children:"Apply"}),ie(f,{className:"k-coloreditor-cancel",size:t,children:"Cancel"})]})]})};le.states=Tm;le.options=Om;le.className=Wo;le.defaultOptions=Dt;le.moduleName=Dr;le.folderName=wr;import{jsx as Tk}from"react/jsx-runtime";import{jsx as Bk}from"react/jsx-runtime";import{jsx as Pk}from"react/jsx-runtime";import{jsx as zk}from"react/jsx-runtime";var Hr="color-picker",zr="colorpicker";import{Fragment as Bm,jsx as pe,jsxs as ra}from"react/jsx-runtime";var Ur="k-colorpicker",ym=[a.hover,a.focus,a.valid,a.invalid,a.required,a.disabled],Im={size:[i.small,i.medium,i.large],rounded:[x.small,x.medium,x.large,x.full],fillMode:[b.solid,b.flat,b.outline]},Lo={arrowIconName:"caret-alt-down",size:q.defaultOptions.size,rounded:q.defaultOptions.rounded,fillMode:q.defaultOptions.fillMode},he=e=>{let{size:t=Lo.size,rounded:o=Lo.rounded,fillMode:s=Lo.fillMode,arrowIconName:r=Lo.arrowIconName,prefix:p,suffix:l,value:c,placeholder:u,hover:N,focus:h,valid:S,invalid:d,required:M,disabled:L,valueIconName:E,popup:C,opened:A,adaptive:B,adaptiveSettings:H,adaptiveTitle:ve,adaptiveSubtitle:qt,...Zt}=e;return ra(Bm,{children:[ra(q,{...Zt,size:t,rounded:o,fillMode:s,hover:N,focus:h,valid:S,invalid:d,required:M,disabled:L,className:n(e.className,Ur,"k-icon-picker"),children:[pe(oe,{children:p}),pe(rt,{placeholder:u,value:c,showValue:!1,valueIcon:pe(Ge,{className:"k-value-icon",color:c,iconName:E}),valueIconName:E}),pe(ne,{children:l}),pe(f,{className:"k-input-button",icon:r,rounded:null,size:t,fillMode:s})]}),A&&C&&pe(D,{className:"k-colorpicker-popup",children:C}),B&&pe(Q,{adaptive:!0,...H,header:pe(se,{actionsEnd:pe(f,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat"}),title:ve,subtitle:qt}),footer:ra(io,{children:[pe(f,{text:"Cancel",size:"large",themeColor:"base"}),pe(f,{text:"Set",size:"large",themeColor:"primary"})]}),children:pe(le,{canvasOrientation:"vertical",size:"large",actionButtons:!1,group:!0})})]})};he.states=ym;he.options=Im;he.className=Ur;he.defaultOptions=Lo;he.moduleName=Hr;he.folderName=zr;import{jsx as lA}from"react/jsx-runtime";import{jsx as uA}from"react/jsx-runtime";import{jsx as hA}from"react/jsx-runtime";import{jsx as SA}from"react/jsx-runtime";import{jsx as AA}from"react/jsx-runtime";import{jsx as yA}from"react/jsx-runtime";var ia="combobox",Gr=ia;import{Fragment as la,jsx as w,jsxs as Mo}from"react/jsx-runtime";var Fr="k-combobox",Km=[a.hover,a.focus,a.valid,a.invalid,a.loading,a.required,a.disabled,a.readonly],Rm={size:[i.small,i.medium,i.large],rounded:[x.small,x.medium,x.large,x.full],fillMode:[b.solid,b.flat,b.outline]},vo={size:y.defaultOptions.size,rounded:y.defaultOptions.rounded,fillMode:y.defaultOptions.fillMode,separators:!0},Re=e=>{let{size:t=vo.size,rounded:o=vo.rounded,fillMode:s=vo.fillMode,separators:r=vo.separators,prefix:p,suffix:l,value:c,placeholder:u,hover:N,focus:h,valid:S,invalid:d,required:M,loading:L,disabled:E,popup:C,opened:A,readonly:B,adaptive:H,adaptiveSettings:ve,adaptiveTitle:qt,adaptiveSubtitle:Zt,adaptiveCustomValue:ln,...pn}=e;return Mo(la,{children:[Mo(y,{...pn,size:t,rounded:o,fillMode:s,hover:N,focus:h,valid:S,invalid:d,required:M,loading:L,disabled:E,readonly:B,className:n(e.className,Fr),children:[p&&Mo(la,{children:[w(oe,{children:p}),r&&w(ae,{})]}),w(be,{placeholder:u,value:c}),w(Z,{valid:S,invalid:d,loading:L,disabled:E}),w(te,{loading:L,disabled:E}),w(fe,{loading:L,disabled:E,readonly:B,value:c}),l&&Mo(la,{children:[r&&w(ae,{}),w(ne,{children:l})]}),w(f,{className:"k-input-button",icon:"caret-alt-down",rounded:null,size:t,fillMode:s})]}),A&&C&&w(D,{className:"k-list-container k-combobox-popup",children:C}),H&&w(Q,{adaptive:!0,...ve,header:w(se,{actionsEnd:w(f,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat"}),input:!0,inputValue:c,inputPlaceholder:u,title:qt,subtitle:Zt}),children:w("div",{className:"k-list-container",children:Mo(_,{customValue:ln?w(Ye,{text:`Use "${c}"`}):void 0,size:"large",children:[w(T,{text:"List item"}),w(T,{text:"List item"}),w(T,{text:"List item"})]})})})]})};Re.states=Km;Re.options=Rm;Re.className=Fr;Re.defaultOptions=vo;Re.moduleName=ia;Re.folderName=Gr;import{jsx as jA}from"react/jsx-runtime";import{jsx as aC,jsxs as sC}from"react/jsx-runtime";import{jsx as mC,jsxs as cC}from"react/jsx-runtime";import{jsx as NC,jsxs as xC}from"react/jsx-runtime";import{jsx as vC}from"react/jsx-runtime";import{Fragment as CC,jsx as AC}from"react/jsx-runtime";import{Fragment as _C,jsx as BC}from"react/jsx-runtime";import{jsx as wC,jsxs as HC}from"react/jsx-runtime";import{Fragment as VC,jsx as $C,jsxs as XC}from"react/jsx-runtime";var pa="menu-button",$r=pa;import{Fragment as wm,jsx as Xr,jsxs as Hm}from"react/jsx-runtime";var Vr="k-menu-button",Pm=[a.hover,a.focus,a.active,a.selected,a.disabled],Dm={size:[i.small,i.medium,i.large],rounded:[x.small,x.medium,x.large,x.full],fillMode:[b.solid,b.flat,b.outline,b.clear,b.link],themeColor:[m.base,m.primary,m.secondary,m.tertiary,m.success,m.warning,m.error,m.info,m.light,m.dark,m.inverse]},Nt={size:i.medium,rounded:x.medium,fillMode:b.solid,themeColor:m.base,showArrow:!0,arrowIconName:"caret-alt-down"},U=e=>{let{size:t=Nt.size,rounded:o=Nt.rounded,fillMode:s=Nt.fillMode,themeColor:r=Nt.themeColor,hover:p,focus:l,active:c,selected:u,disabled:N,icon:h,text:S,showArrow:d=Nt.showArrow,arrowIconName:M=Nt.arrowIconName,popup:L,opened:E,...C}=e;return Hm(wm,{children:[Xr(f,{...C,className:n(e.className,Vr),text:S,size:t,rounded:o,fillMode:s,themeColor:r,hover:p,focus:l,active:c,selected:u,disabled:N,icon:h,showArrow:d,arrowIconName:M}),E&&L&&Xr(D,{className:"k-menu-popup",children:L})]})};U.states=Pm;U.options=Dm;U.className=Vr;U.defaultOptions=Nt;U.moduleName=pa;U.folderName=$r;import{jsx as fT}from"react/jsx-runtime";import{jsx as hT}from"react/jsx-runtime";import{jsx as ST}from"react/jsx-runtime";var j="menu",me=j;import{Fragment as Gm,jsx as wt,jsxs as Jr}from"react/jsx-runtime";var ca="k-menu-item",zm=[a.hover,a.focus,a.active,a.selected,a.disabled],Um={},Wr={iconPosition:"before"},Le=e=>{let{hover:t,focus:o,active:s,selected:r,disabled:p,icon:l,text:c,first:u,last:N,showArrow:h,arrowIconName:S,iconPosition:d=Wr.iconPosition,dir:M,children:L,...E}=e,C=wt(Gm,{});L&&L.forEach(B=>{if(B.type==="MenuItemContent"){C.props.children.push(B);return}});let A=S;return A||(A=M==="rtl"?"caret-alt-left":"caret-alt-right"),Jr("li",{...E,className:n(e.className,ca,"k-item",g(ca,{focus:o,disabled:p,hover:t,active:s,selected:r}),{"k-first":u,"k-last":N}),children:[Jr("span",{className:n("k-link k-menu-link"),children:[l&&d==="before"&&wt(v,{className:"k-menu-link-icon",icon:l}),wt("span",{className:"k-menu-link-text",children:c}),l&&d==="after"&&wt(v,{className:"k-menu-link-icon",icon:l}),h&&wt("span",{className:"k-menu-expand-arrow",children:wt(v,{icon:A})})]}),C]})};Le.states=zm;Le.options=Um;Le.className=ca;Le.defaultOptions=Wr;Le.moduleName=j;Le.folderName=me;import{Fragment as Xm,jsx as Ht,jsxs as qr}from"react/jsx-runtime";var da="k-menu-item",Fm=[a.hover,a.focus,a.active,a.selected,a.disabled],$m={},ua={dir:"ltr",iconPosition:"before"},ce=e=>{let{hover:t,focus:o,active:s,selected:r,disabled:p,icon:l,text:c,first:u,last:N,showArrow:h,arrowIconName:S,iconPosition:d=ua.iconPosition,dir:M=ua.dir,children:L,popup:E,...C}=e,A=Ht(Xm,{});L&&L.forEach(H=>{if(H.type==="MenuListItemContent"){A.props.children.push(H);return}});let B=S;return B||(B=M==="rtl"?"caret-alt-left":"caret-alt-right"),qr("li",{...C,className:n(e.className,da,"k-item",g(da,{focus:o,disabled:p}),{"k-first":u,"k-last":N}),children:[qr("span",{className:n("k-link k-menu-link",g("k-menu-link",{hover:t,active:s,selected:r,disabled:p})),children:[l&&d==="before"&&Ht(v,{className:"k-menu-link-icon",icon:l}),Ht("span",{className:"k-menu-link-text",children:c}),l&&d==="after"&&Ht(v,{className:"k-menu-link-icon",icon:l}),h&&Ht("span",{className:"k-menu-expand-arrow",children:Ht(v,{icon:B})})]}),A,E]})};ce.states=Fm;ce.options=$m;ce.className=da;ce.defaultOptions=ua;ce.moduleName=j;ce.folderName=me;import{jsx as qm}from"react/jsx-runtime";var Zr="k-menu-scroll-wrapper",Vm=[],Jm={},Wm={},xt=e=>{let{className:t,children:o,orientation:s,...r}=e;return qm("div",{...r,className:n(t,Zr,{"k-menu-scroll-wrapper-vertical":s==="vertical"}),children:o})};xt.states=Vm;xt.options=Jm;xt.className=Zr;xt.defaultOptions=Wm;xt.moduleName=j;xt.folderName=me;var Yr=xt;import{Fragment as fa,jsx as ht,jsxs as qo}from"react/jsx-runtime";var ba="k-menu",Zm=[],Ym={},Zo={orientation:"horizontal",header:!0,scrollButtonsPosition:"around"},Me=e=>{let{children:t,orientation:o=Zo.orientation,header:s=Zo.header,scrollable:r,scrollButtonsPosition:p=Zo.scrollButtonsPosition,wrapperStyles:l,dir:c,popup:u,...N}=e,h={horizontal:{prev:c!=="rtl"?"left":"right",next:c!=="rtl"?"right":"left"},vertical:{prev:"up",next:"down"}},S=ht("ul",{dir:c,...N,className:n(e.className,"k-reset",ba,{[`${ba}-${o}`]:o,"k-header":s}),children:t});return qo(fa,{children:[r?qo(Yr,{orientation:o,style:l,dir:e.dir,children:[p==="start"&&qo(fa,{children:[ht(f,{fillMode:"flat",rounded:null,size:"medium",icon:`caret-alt-${h[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev"}),ht(f,{fillMode:"flat",rounded:null,size:"medium",icon:`caret-alt-${h[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next"})]}),p==="around"&&ht(f,{fillMode:"flat",rounded:null,size:"medium",icon:`caret-alt-${h[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev"}),S,p==="end"&&qo(fa,{children:[ht(f,{fillMode:"flat",rounded:null,size:"medium",icon:`caret-alt-${h[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev"}),ht(f,{fillMode:"flat",rounded:null,size:"medium",icon:`caret-alt-${h[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next"})]}),p==="around"&&ht(f,{fillMode:"flat",rounded:null,size:"medium",icon:`caret-alt-${h[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next"})]}):S,u]})};Me.states=Zm;Me.options=Ym;Me.className=ba;Me.defaultOptions=Zo;Me.moduleName=j;Me.folderName=me;import{jsx as Qm}from"react/jsx-runtime";var Na="k-separator",Qr={orientation:"horizontal"},Lt=e=>{let{orientation:t=Qr.orientation,...o}=e;return Qm("li",{...o,className:n(e.className,"k-item",Na,{[`${Na}-${t}`]:t})})};Lt.className=Na;Lt.defaultOptions=Qr;Lt.moduleName=j;Lt.folderName=me;import{Fragment as YT,jsx as QT}from"react/jsx-runtime";import{jsx as jr}from"react/jsx-runtime";import{createElement as tc}from"react";var xa="k-menu-group",jm=[],ec={size:[i.small,i.medium,i.large]},ha={size:i.medium,dir:"ltr"},Pe=e=>{let{children:t,size:o=ha.size,dir:s=ha.dir,...r}=e,p=[];return t&&Array.isArray(t)&&t.map((l,c)=>{l.type===ce?p.push(tc(ce,{...l.props,dir:s,key:c})):l.type===Lt?p.push(jr(Lt,{})):p.push(l)}),jr("ul",{...r,className:n(e.className,xa,k(xa,{size:o})),children:p})};Pe.states=jm;Pe.options=ec;Pe.className=xa;Pe.defaultOptions=ha;Pe.moduleName=j;Pe.folderName=me;import{Fragment as pO,jsx as lO,jsxs as mO}from"react/jsx-runtime";import{Fragment as xO,jsx as bO,jsxs as NO}from"react/jsx-runtime";import{Fragment as SO,jsx as vO,jsxs as EO}from"react/jsx-runtime";import{Fragment as TO,jsx as CO,jsxs as OO}from"react/jsx-runtime";import{Fragment as KO,jsx as _O,jsxs as RO}from"react/jsx-runtime";import{jsx as jO,jsxs as ey}from"react/jsx-runtime";var La="split-button",ei=La;import{Fragment as ac,jsx as Ma,jsxs as ti}from"react/jsx-runtime";var va="k-split-button",oc=[a.hover,a.focus,a.active,a.selected,a.disabled],nc={size:[i.small,i.medium,i.large],rounded:[x.small,x.medium,x.large,x.full],fillMode:[b.solid,b.flat,b.outline,b.clear,b.link],themeColor:[m.base,m.primary,m.secondary,m.tertiary,m.success,m.warning,m.error,m.info,m.light,m.dark,m.inverse]},zt={size:i.medium,rounded:x.medium,fillMode:b.solid,themeColor:m.base,arrowIconName:"caret-alt-down"},G=e=>{let{size:t=zt.size,rounded:o=zt.rounded,fillMode:s=zt.fillMode,themeColor:r=zt.themeColor,hover:p,focus:l,active:c,selected:u,disabled:N,icon:h,text:S,arrowIconName:d=zt.arrowIconName,popup:M,opened:L,...E}=e;return ti(ac,{children:[ti("div",{...E,className:n(e.className,va,"k-button-group",k(va,{rounded:o})),children:[Ma(f,{text:S,icon:h,size:t,rounded:o,fillMode:s,themeColor:r,hover:p,focus:l,active:c,selected:u,disabled:N,children:e.children}),Ma(f,{className:"k-split-button-arrow",icon:d,size:t,rounded:o,fillMode:s,disabled:N})]}),L&&M&&Ma(D,{className:"k-menu-popup",children:M})]})};G.states=oc;G.options=nc;G.className=va;G.defaultOptions=zt;G.moduleName=La;G.folderName=ei;var Sa=G;import{jsx as rc}from"react/jsx-runtime";var sc="k-toolbar-separator",Mt=e=>rc("div",{className:n(sc,e.className,"k-separator")});var De="toolbar",et=De;import{Fragment as Ea,jsx as I,jsxs as Ut}from"react/jsx-runtime";var we="k-toolbar",ic=[a.focus],lc={size:[i.small,i.medium,i.large],fillMode:[b.solid,b.outline,b.flat]},ga={size:i.medium,fillMode:b.solid,scrollButtons:"around"},ee=e=>{let{size:t=ga.size,fillMode:o=ga.fillMode,focus:s,resizable:r,scrollable:p,scrollButtons:l,scrollingPosition:c,section:u,...N}=e,h=[],S=(d,M)=>{let L=[];if(d.type===f&&d.props.className&&d.props.className.includes("k-toolbar-overflow-button"))L.push(I(f,{...d.props,className:`${d.props.className?d.props.className:""}`},`${M}-${new Date().getTime()}`));else if(d.type===f)L.push(I(f,{...d.props,className:`k-toolbar-button ${d.props.className?d.props.className:""}`},`${M}-${new Date().getTime()}`));else if(d.type===Sn)L.push(I(Sn,{...d.props,className:`k-toolbar-button ${d.props.className?d.props.className:""}`},`${M}-${new Date().getTime()}`));else if(d.type===Ie)L.push(I(Ie,{...d.props,className:`k-toolbar-button ${d.props.className?d.props.className:""}`},`${M}-${new Date().getTime()}`));else if(d.type===U)L.push(I(U,{...d.props,className:`k-toolbar-menu-button ${d.props.className?d.props.className:""}`},`${M}-${new Date().getTime()}`));else if(d.type===Sa)L.push(I(Sa,{...d.props,className:`k-toolbar-split-button ${d.props.className?d.props.className:""}`},`${M}-${new Date().getTime()}`));else if(d.type===K||d.props.className&&d.props.className.includes("k-button-group")){let E=[];(Array.isArray(d.props.children)?d.props.children:[d.props.children]).forEach((A,B)=>{E.push(I(f,{...A.props,className:`${A.props.className?A.props.className:""}`},`${B}-${new Date().getTime()}`))}),L.push(I(K,{...d.props,className:`k-toolbar-button-group ${d.props.className?d.props.className:""}`,children:E},`${M}-${new Date().getTime()}`))}else d.type===Re?L.push(I(Re,{...d.props,className:`k-toolbar-combobox ${d.props.className?d.props.className:""}`},`${M}-${new Date().getTime()}`)):d.type===Ae?L.push(I(Ae,{...d.props,className:`k-toolbar-dropdownlist ${d.props.className?d.props.className:""}`},`${M}-${new Date().getTime()}`)):d.type===he?L.push(I(he,{...d.props,className:`k-toolbar-colorpicker ${d.props.className?d.props.className:""}`},`${M}-${new Date().getTime()}`)):L.push(d);L.forEach(E=>{h.push(E)})};return e.children&&(Array.isArray(e.children)?e.children:[e.children]).forEach((M,L)=>{S(M,L)}),Ut("div",{...N,className:n(e.className,we,k(we,{size:t,fillMode:o}),g(we,{focus:s}),{[`${we}-resizable`]:r,[`${we}-scrollable`]:p,[`${we}-scrollable-overlay`]:p&&l==="hidden",[`${we}-scrollable-${c}`]:c&&c!=="both",[`${we}-section`]:u}),children:[!p&&h,p&&l==="hidden"&&I("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:h}),p&&l==="start"&&Ut(Ea,{children:[Ut(K,{children:[I("span",{className:n("k-toolbar-prev","k-button",k("k-button",{size:t,fillMode:o,themeColor:m.base,rounded:x.medium}),"k-icon-button"),children:I(v,{className:"k-button-icon",icon:"caret-alt-left"})}),I("span",{className:n("k-toolbar-next","k-button",k("k-button",{size:t,fillMode:o,themeColor:m.base,rounded:x.medium}),"k-icon-button"),children:I(v,{className:"k-button-icon",icon:"caret-alt-right"})})]}),I(Mt,{className:"k-toolbar-button-separator"}),I("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:h})]}),p&&l==="end"&&Ut(Ea,{children:[I("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:h}),I(Mt,{className:"k-toolbar-button-separator"}),Ut(K,{children:[I("span",{className:n("k-toolbar-prev","k-button",k("k-button",{size:t,fillMode:o,themeColor:m.base,rounded:x.medium}),"k-icon-button"),children:I(v,{className:"k-button-icon",icon:"caret-alt-left"})}),I("span",{className:n("k-toolbar-next","k-button",k("k-button",{size:t,fillMode:o,themeColor:m.base,rounded:x.medium}),"k-icon-button"),children:I(v,{className:"k-button-icon",icon:"caret-alt-right"})})]})]}),p&&(l==="around"||!l)&&Ut(Ea,{children:[I("span",{className:n("k-toolbar-prev","k-button",k("k-button",{size:t,fillMode:o,themeColor:m.base,rounded:x.medium}),"k-icon-button"),children:I(v,{className:"k-button-icon",icon:"caret-alt-left"})}),I(Mt,{className:"k-toolbar-button-separator"}),I("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:h}),I(Mt,{className:"k-toolbar-button-separator"}),I("span",{className:n("k-toolbar-next","k-button",k("k-button",{size:t,fillMode:o,themeColor:m.base,rounded:x.medium}),"k-icon-button"),children:I(v,{className:"k-button-icon",icon:"caret-alt-right"})})]})]})};ee.states=ic;ee.options=lc;ee.className=we;ee.defaultOptions=ga;ee.moduleName=De;ee.folderName=et;import{jsx as dc}from"react/jsx-runtime";var oi="k-floating-toolbar",pc=[],mc={},cc={},Gt=e=>{let{...t}=e;return dc("div",{...t,className:n(e.className,oi),children:e.children})};Gt.states=pc;Gt.options=mc;Gt.className=oi;Gt.defaultOptions=cc;Gt.moduleName=De;Gt.folderName=et;import{jsx as Nc}from"react/jsx-runtime";var ka="k-toolbar-item",uc=[a.focus],fc={},bc={},Ft=e=>{let{focus:t,...o}=e;return Nc("div",{...o,className:n(e.className,ka,g(ka,{focus:t})),children:e.children})};Ft.states=uc;Ft.options=fc;Ft.className=ka;Ft.defaultOptions=bc;Ft.moduleName=De;Ft.folderName=et;import{jsx as ni}from"react/jsx-runtime";var ai="k-toolbar-popup",xc=[],hc={size:[i.small,i.medium,i.large],fillMode:[b.solid,b.outline,b.flat]},Aa={size:i.medium,fillMode:b.solid},$t=e=>{let{size:t=Aa.size,fillMode:o=Aa.fillMode,section:s,...r}=e;return ni(D,{...r,className:n(e.className,ai),children:s?ni("span",{className:n("k-toolbar-items-list",k("k-toolbar-items-list",{size:t,fillMode:o})),children:e.children}):e.children})};$t.states=xc;$t.options=hc;$t.className=ai;$t.defaultOptions=Aa;$t.moduleName=De;$t.folderName=et;import{jsx as Jy}from"react/jsx-runtime";import{jsx as Yy}from"react/jsx-runtime";import{jsx as tI}from"react/jsx-runtime";import{jsx as rI,jsxs as iI}from"react/jsx-runtime";import{jsx as vI,jsxs as SI}from"react/jsx-runtime";import{jsx as II,jsxs as BI}from"react/jsx-runtime";import{jsx as zI,jsxs as UI}from"react/jsx-runtime";import{jsx as qI,jsxs as ZI}from"react/jsx-runtime";import{Fragment as pB,jsx as iB,jsxs as lB}from"react/jsx-runtime";import{Fragment as Sc,jsx as tt,jsxs as Ca}from"react/jsx-runtime";var si="k-message",Lc=[a.hover,a.selected,a.active,a.focus],Mc={},vc=[tt(f,{icon:"copy",fillMode:"flat"}),tt(f,{icon:"arrow-rotate-cw",fillMode:"flat"}),tt(f,{icon:"download",fillMode:"flat"})],So={time:"Thu Feb 08 2018",text:"How can I help you?",status:"Seen",toolbarItems:vc},V=e=>{let{time:t=So.time,text:o=So.text,content:s,status:r=So.status,statusIcon:p,toolbarItems:l=So.toolbarItems,hover:c,selected:u,active:N,focus:h,toolbar:S,typing:d,expandable:M,expanded:L,removed:E,files:C,...A}=e;return Ca("div",{...A,className:n(si,e.className,{"k-message-removed":E}),children:[t&&tt("time",{className:"k-message-time",children:t}),tt(ri,{typing:d,selected:u,hover:c,active:N,focus:h,content:Ca(Sc,{children:[s,o&&tt("span",{className:"k-chat-bubble-text",children:o})]}),expandable:M,expanded:L,files:C}),r&&Ca("span",{className:"k-message-status",children:[p&&tt(v,{icon:p,size:"xsmall"}),r]}),S&&tt(ee,{className:"k-chat-message-toolbar",fillMode:"flat",children:l})]})};V.states=Lc;V.options=Mc;V.className=si;V.defaultOptions=So;var Ta="avatar",ii=Ta;import{jsx as li}from"react/jsx-runtime";var Eo="k-avatar";var Ec=[a.hover,a.focus,a.active,a.selected,a.disabled],gc={size:[i.small,i.medium,i.large],rounded:[x.small,x.medium,x.large,x.full],fillMode:[b.solid,b.flat,b.outline],themeColor:[m.base,m.primary,m.secondary,m.tertiary,m.success,m.warning,m.error,m.info,m.light,m.dark,m.inverse]},vt={type:"text",size:i.medium,rounded:x.full,fillMode:b.solid,themeColor:m.primary,border:!1},He=e=>{let{size:t=vt.size,rounded:o=vt.rounded,fillMode:s=vt.fillMode,themeColor:r=vt.themeColor,type:p=vt.type,border:l=vt.border,...c}=e;return li("div",{...c,className:n(e.className,Eo,k(Eo,{size:t,rounded:o,fillMode:s,themeColor:r}),{[`${Eo}-bordered`]:l}),children:li("span",{className:`${Eo}-${p}`,children:e.children})})};He.states=Ec;He.options=gc;He.className=Eo;He.defaultOptions=vt;He.moduleName=Ta;He.folderName=ii;import{jsx as PB}from"react/jsx-runtime";import{jsx as zB}from"react/jsx-runtime";import{jsx as $B}from"react/jsx-runtime";import{jsx as Xt,jsxs as Oa}from"react/jsx-runtime";var go="k-message-group",kc=[a.selected],Ac={},Yo={author:"Bruv",avatar:"/packages/html/assets/avatar.jpg",type:"receiver"},J=e=>{let{type:t=Yo.type,author:o=Yo.author,avatar:s=Yo.avatar,status:r,selected:p,fullWidth:l,...c}=e;return Oa("div",{...c,className:n(go,e.className,g(go,{selected:p}),{[`${go}-${t}`]:t,"k-no-avatar":!s,[`${go}-full-width`]:l}),children:[s&&!r&&Xt(He,{type:"image",children:Xt("img",{src:s})}),r&&s&&Oa("div",{className:"k-chat-user-status-wrapper",children:[Xt(He,{type:"image",children:Xt("img",{src:s})}),Xt("div",{className:"k-chat-user-status"})]}),Oa("div",{className:"k-message-group-content",children:[o&&Xt("span",{className:"k-message-author",children:o}),e.children]})]})};J.states=kc;J.options=Ac;J.className=go;J.defaultOptions=Yo;import{jsx as Cc}from"react/jsx-runtime";var mi="k-chat-file-wrapper",ci={layout:"vertical"},ya=e=>{let{layout:t=ci.layout,...o}=e;return Cc("ul",{...o,className:n(e.className,mi,{"k-chat-files-horizontal":t==="horizontal","k-chat-files-wrap":t==="wrap"}),children:e.children})};ya.className=mi;ya.defaultOptions=ci;import{Fragment as Oc,jsx as Qo,jsxs as di}from"react/jsx-runtime";var Ia="k-message-reference",Tc={},ui={type:"receiver"},Ba=e=>{let{content:t,closeable:o,pinned:s,type:r=ui.type,...p}=e;return di("div",{...p,className:n(Ia,e.className,{[`${Ia}-${r}`]:r,"k-message-pinned":s}),children:[s&&Qo(v,{icon:"pin",size:"xlarge"}),Qo("div",{className:"k-message-reference-content",children:t}),o&&di(Oc,{children:[Qo("span",{className:"k-spacer"}),Qo(f,{icon:"x",fillMode:"flat"})]})]})};Ba.options=Tc;Ba.className=Ia;Ba.defaultOptions=ui;var _a="bubble",fi=_a;import{jsx as jo,jsxs as Ic}from"react/jsx-runtime";var Ka="k-bubble",yc=[a.hover,a.active,a.selected,a.focus],Ra={expandable:!1,expanded:!1},St=e=>{let{content:t,hover:o,active:s,focus:r,selected:p,expandable:l=Ra.expandable,expanded:c=Ra.expanded,...u}=e;return Ic("div",{...u,className:n(e.className,Ka,g(Ka,{hover:o,active:s,focus:r,selected:p}),{"k-bubble-expandable":l},{"k-expanded":c}),children:[jo("div",{className:"k-bubble-content",children:t??e.children}),l&&jo("span",{className:"k-bubble-expandable-indicator",children:c?jo(v,{icon:"chevron-up"}):jo(v,{icon:"chevron-down"})})]})};St.states=yc;St.className=Ka;St.defaultOptions=Ra;St.moduleName=_a;St.folderName=fi;import{jsx as x_}from"react/jsx-runtime";import{jsx as v_}from"react/jsx-runtime";import{jsx as k_}from"react/jsx-runtime";import{jsx as Pa,jsxs as Ni}from"react/jsx-runtime";var Bc="k-chat-bubble",ri=e=>{let{typing:t,content:o,files:s,...r}=e;return Ni(St,{...r,className:n(e.className,Bc),children:[t?Ni("div",{className:"k-typing-indicator",children:[Pa("span",{}),Pa("span",{}),Pa("span",{})]}):o,s]})};import{jsx as z_}from"react/jsx-runtime";import{jsx as xi,jsxs as _c}from"react/jsx-runtime";var hi="k-chat-event",Da={icon:"trash",text:"You deleted Chat history."},Li=e=>{let{icon:t=Da.icon,text:o=Da.text,...s}=e;return _c("div",{...s,className:n(e.className,hi),children:[t&&xi(v,{className:"k-chat-event-icon",icon:t,size:"xsmall"}),o&&xi("span",{className:"k-chat-event-text",children:o})]})};Li.className=hi;Li.defaultOptions=Da;var wa="appbar",Mi=wa;import{jsx as Dc}from"react/jsx-runtime";var Ha="k-appbar",Kc=[],Rc={themeColor:[m.inherit,m.base,m.primary,m.secondary,m.tertiary,m.success,m.warning,m.error,m.info,m.light,m.dark,m.inverse]},Pc={},ot=e=>{let{themeColor:t,positionMode:o,position:s,...r}=e;return Dc("div",{...r,className:n(e.className,Ha,k(Ha,{themeColor:t}),{[`k-appbar-${o}`]:o,[`k-appbar-${s}`]:s}),children:e.children})};ot.states=Kc;ot.options=Rc;ot.className=Ha;ot.defaultOptions=Pc;ot.moduleName=wa;ot.folderName=Mi;import{jsx as j_}from"react/jsx-runtime";import{Fragment as iK,jsx as sK,jsxs as rK}from"react/jsx-runtime";import{jsx as xK}from"react/jsx-runtime";import{jsx as wc}from"react/jsx-runtime";var vi="k-chat-send",Si={generating:!1},kt=e=>{let{generating:t=Si.generating,...o}=e;return wc(f,{...o,fillMode:"solid",themeColor:"primary",rounded:"full",icon:t?"stop-sm":"paper-plane",active:t,className:n(e.className,vi,{"k-generating":t})})};kt.states=f.states;kt.options=f.options;kt.className=vi;kt.defaultOptions=Si;import{jsx as Vt,jsxs as Ei}from"react/jsx-runtime";var gi="k-chat-file",Hc=[a.selected],zc={},ko={icon:"file-pdf",name:"FileName.pdf",size:"2MB",showButton:"true"},Ao=e=>{let{icon:t=ko.icon,name:o=ko.name,size:s=ko.size,status:r,deleted:p,removeButton:l,showButton:c=ko.showButton,...u}=e;return Ei("li",{...u,className:n(gi,e.className,{"k-chat-file-deleted":p}),children:[Vt(v,{icon:t,size:"xlarge"}),Ei("div",{className:"k-chat-file-info",children:[o&&Vt("span",{className:"k-chat-file-name",children:o}),s&&Vt("span",{className:"k-chat-file-size",children:s}),r&&Vt("span",{className:"k-chat-file-status",children:r})]}),c&&(l?Vt(Ie,{icon:"x",fillMode:"flat"}):Vt(U,{icon:"more-vertical",fillMode:"flat",showArrow:!1}))]})};Ao.states=Hc;Ao.options=zc;Ao.className=gi;Ao.defaultOptions=ko;import{Fragment as RK,jsx as KK,jsxs as PK}from"react/jsx-runtime";import{Fragment as UK,jsx as zK,jsxs as GK}from"react/jsx-runtime";import{Fragment as JK,jsx as VK,jsxs as WK}from"react/jsx-runtime";var za="skeleton",ki=za;import{jsx as $c}from"react/jsx-runtime";var Ua="k-skeleton",Uc=["circle","text","rect"],Gc=[],Fc={},Ga={variant:"text",shape:"text",animation:"pulse"},Te=e=>{let{variant:t,shape:o,animation:s=Ga.animation,...r}=e,p=`skeleton-${t||o||Ga.variant}`;return $c("span",{...r,className:n(e.className,Ua,Io(Ua,p),{[`k-skeleton-${s}`]:s}),style:e.style})};Te.states=Gc;Te.options=Fc;Te.variants=Uc;Te.className=Ua;Te.defaultOptions=Ga;Te.moduleName=za;Te.folderName=ki;import{jsx as nR}from"react/jsx-runtime";import{jsx as iR}from"react/jsx-runtime";import{jsx as cR}from"react/jsx-runtime";import{Fragment as kR,jsx as ER,jsxs as gR}from"react/jsx-runtime";import{Fragment as yR,jsx as OR,jsxs as IR}from"react/jsx-runtime";import{jsx as RR}from"react/jsx-runtime";var Fa="window",Ai=Fa;import{jsx as Wc}from"react/jsx-runtime";var Ci="k-window-content",Xc=[],Vc={},Jc={},nt=e=>{let{children:t,...o}=e;return Wc("div",{...o,className:n(Ci,e.className),children:t})};nt.states=Xc;nt.options=Vc;nt.className=Ci;nt.defaultOptions=Jc;nt.moduleName=Fa;nt.folderName=Ai;var Co="dialog",en=Co;import{Fragment as Yc,jsx as Et,jsxs as $a}from"react/jsx-runtime";var Xa="k-dialog",qc=[],Zc={themeColor:[m.primary,m.light,m.dark]},Va={actionButtonsAlign:"stretched",modal:!0},at=e=>{let{title:t,actions:o,themeColor:s,actionButtons:r,actionButtonsAlign:p=Va.actionButtonsAlign,modal:l=Va.modal,...c}=e;return $a("div",{className:"k-dialog-wrapper",children:[l&&Et("div",{className:"k-overlay"}),$a("div",{...c,className:n(e.className,Xa,"k-window",k(Xa,{themeColor:s})),children:[(t!==void 0||o)&&$a("div",{className:"k-window-titlebar k-dialog-titlebar",children:[t!==void 0&&Et("span",{className:"k-window-title k-dialog-title",children:t}),o&&Et(Yc,{children:Et("div",{className:"k-window-titlebar-actions k-dialog-titlebar-actions",children:o.map(u=>Et(f,{icon:u,fillMode:"flat",className:"k-window-titlebar-action k-dialog-titlebar-action"},u))})})]}),Et(nt,{className:"k-dialog-content",children:e.children}),r&&Et(Y,{alignment:p,className:"k-window-actions k-dialog-actions",children:r})]})]})};at.states=qc;at.options=Zc;at.className=Xa;at.defaultOptions=Va;at.moduleName=Co;at.folderName=en;import{jsx as td}from"react/jsx-runtime";var Ti="k-dialog-wrapper",Qc=[],jc={},ed={},Jt=e=>{let{...t}=e;return td("div",{...t,className:n(e.className,Ti),children:e.children})};Jt.states=Qc;Jt.options=jc;Jt.className=Ti;Jt.defaultOptions=ed;Jt.moduleName=Co;Jt.folderName=en;import{Fragment as SP,jsx as EP,jsxs as gP}from"react/jsx-runtime";import{Fragment as OP,jsx as yP,jsxs as IP}from"react/jsx-runtime";var Ja="dropzone",Oi=Ja;import{jsx as tn,jsxs as sd}from"react/jsx-runtime";var Wa="k-external-dropzone",nd=[a.disabled,a.hover],ad={},qa={icon:"upload",hint:"Drag and drop files here to upload"},Oe=e=>{let{hover:t,disabled:o,icon:s=qa.icon,hint:r=qa.hint,note:p,...l}=e;return tn("div",{...l,className:n(e.className,Wa,g(Wa,{disabled:o}),{"k-external-dropzone-hover":t}),children:sd("div",{className:"k-dropzone-inner",children:[s&&tn(v,{icon:s,className:"k-dropzone-icon",size:"xxxlarge"}),r&&tn("span",{className:"k-dropzone-hint",children:r}),p&&tn("span",{className:"k-dropzone-note",children:p})]})})};Oe.states=nd;Oe.options=ad;Oe.className=Wa;Oe.defaultOptions=qa;Oe.moduleName=Ja;Oe.folderName=Oi;import{jsx as VP}from"react/jsx-runtime";import{jsx as ZP}from"react/jsx-runtime";import{Fragment as To,jsx as ze,jsxs as Oo}from"react/jsx-runtime";var Za="k-upload-dropzone",rd=[a.hover],on=e=>{let{hover:t,status:o,...s}=e,r=ze(To,{});switch(o){case"uploading":r=Oo(To,{children:[ze(v,{icon:"upload"}),"Uploading..."]});break;case"done":r=Oo(To,{children:[ze(v,{icon:"check"}),"Done"]});break;case"failed":r=Oo(To,{children:[ze(v,{icon:"exclamation-circle"}),"Done"]});break;default:r=ze(To,{});break}return Oo("div",{...s,className:n(e.className,Za,"k-dropzone",g(Za,{hover:t})),children:[Oo("div",{className:"k-upload-button-wrap",children:[ze(f,{className:"k-upload-button",children:"Select files..."}),ze("input",{id:"upload-input",className:"k-hidden"})]}),ze("span",{className:n("k-dropzone-hint",{"k-hidden":o!=="upload"}),children:"Drop files here to upload"}),o!=="upload"&&ze("span",{className:"k-upload-status",children:r})]})};on.states=rd;on.className=Za;var Ya="upload",yi=Ya;import{jsx as nn,jsxs as Ii}from"react/jsx-runtime";var Qa="k-upload",id=[a.hover,a.disabled],ld={},Bi={actionsLayout:"end"},de=e=>{let{async:t,empty:o,actions:s,actionsLayout:r=Bi.actionsLayout,hover:p,status:l,disabled:c,...u}=e;return Ii("div",{...u,className:n(e.className,Qa,g(Qa,{disabled:c}),{"k-upload-async":t,"k-upload-empty":o}),children:[nn(on,{status:l,hover:p}),e.children&&nn("ul",{className:"k-upload-files",children:e.children}),s&&e.children&&Ii($s,{alignment:r,orientation:"horizontal",children:[nn(f,{className:"k-clear-selected",children:"Clear"}),nn(f,{themeColor:"primary",className:"k-upload-selected",children:"Upload"})]})]})};de.states=id;de.options=ld;de.className=Qa;de.defaultOptions=Bi;de.moduleName=Ya;de.folderName=yi;var yo="progressbar",an=yo;import{jsx as es,jsxs as ja}from"react/jsx-runtime";var ue="k-progressbar",pd=[a.disabled,a.indeterminate],md={},gt={indeterminate:!1,label:!0,labelPosition:"start",orientation:"horizontal",reverse:!1,value:"0"},st=e=>{let{disabled:t,height:o,indeterminate:s=gt.indeterminate,label:r=gt.label,labelPosition:p=gt.labelPosition,orientation:l=gt.orientation,reverse:c=gt.reverse,value:u=gt.value,width:N,style:h,...S}=e;return ja("div",{...S,className:n(e.className,ue,g(ue,{disabled:t}),{[`${ue}-${l}`]:l,[`${ue}-indeterminate`]:s,[`${ue}-reverse`]:c}),style:{...h,"--kendo-progressbar-value":u,[l==="horizontal"?"height":"width"]:l==="horizontal"?o:N},children:[es("span",{className:n("k-progress-status-wrap",{[`k-progress-${p}`]:p&&!s}),children:r&&ja("span",{className:"k-progress-status",children:[u,"%"]})}),!s&&es("div",{className:"k-progressbar-value k-selected",children:es("span",{className:n("k-progress-status-wrap",{[`k-progress-${p}`]:p}),children:r&&ja("span",{className:"k-progress-status",children:[e.value,"%"]})})})]})};st.states=pd;st.options=md;st.className=ue;st.defaultOptions=gt;st.moduleName=yo;st.folderName=an;import{jsx as ts}from"react/jsx-runtime";var _i="k-chunk-progressbar",cd=(e,t)=>t<=e-1,dd=[a.disabled,a.indeterminate],ud={},sn={chunkCount:5,orientation:"horizontal",progress:0},Wt=e=>{let{disabled:t,chunkCount:o=sn.chunkCount,indeterminate:s,orientation:r=sn.orientation,progress:p=sn.progress,reverse:l,...c}=e;return ts("div",{...c,className:n(e.className,ue,_i,g(ue,{disabled:t}),{[`${ue}-${r}`]:r,[`${ue}-indeterminate`]:s,[`${ue}-reverse`]:l}),children:ts("ul",{className:"k-progressbar-chunks k-reset",children:[...Array(o)].map((u,N)=>ts("li",{className:n("k-progressbar-chunk",{"k-first":N===0,"k-last":N===[...Array(o)].length-1,"k-selected":cd(p,N)})},N))})})};Wt.states=dd;Wt.options=ud;Wt.className=_i;Wt.defaultOptions=sn;Wt.moduleName=yo;Wt.folderName=an;import{jsx as TD}from"react/jsx-runtime";import{jsx as _D}from"react/jsx-runtime";import{jsx as GD,jsxs as FD}from"react/jsx-runtime";import{Fragment as jD,jsx as YD,jsxs as QD}from"react/jsx-runtime";import{Fragment as l0,jsx as r0,jsxs as i0}from"react/jsx-runtime";import{Fragment as u0,jsx as d0,jsxs as f0}from"react/jsx-runtime";import{Fragment as v0,jsx as L0,jsxs as M0}from"react/jsx-runtime";import{jsx as k0}from"react/jsx-runtime";import{Fragment as y0,jsx as O0,jsxs as I0}from"react/jsx-runtime";import{Fragment as os,jsx as W,jsxs as rn}from"react/jsx-runtime";var W0=e=>rn(os,{children:[W(F,{children:rn(os,{children:[W("div",{className:"k-timestamp",children:"Day, Month 7, 2023"}),W(J,{children:W(V,{})}),W(J,{type:"sender",children:W(V,{})}),W(J,{children:W(V,{text:"Very long message text that tests message overflowing behavior. Very long message text that tests message overflowing behavior."})}),W(J,{type:"sender",children:W(V,{text:"Unusually_long_word_that_tests_word_break_behavior__unusually_long_word_that_tests_word_break_behavior"})})]}),...e}),rn(at,{className:"k-chat-upload",title:"Upload file(s)",actions:["x"],actionButtons:rn(os,{children:[W(f,{themeColor:"primary",disabled:!0,children:"Upload"}),W(f,{children:"Cancel"})]}),children:[W(Oe,{}),W(de,{empty:!0,status:"upload"})]})]});export{W0 as ChatUpload};