npm - @progress/kendo-themes-html - Versions diffs - 14.7.0-dev.2 → 14.7.0-dev.3 - Mend

@progress/kendo-themes-html 14.7.0-dev.2 → 14.7.0-dev.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (125) hide show

package/dist/cjs/chat/chat-message.spec.js CHANGED Viewed

	@@ -1 +1 @@
1	- var Vc=Object.create;var bn=Object.defineProperty;var $c=Object.getOwnPropertyDescriptor;var Xc=Object.getOwnPropertyNames;var qc=Object.getPrototypeOf,Wc=Object.prototype.hasOwnProperty;var Jc=(e,t)=>{for(var o in t)bn(e,o,{get:t[o],enumerable:!0})},Ui=(e,t,o,a)=>{if(t&&typeof t=="object"\|\|typeof t=="function")for(let n of Xc(t))!Wc.call(e,n)&&n!==o&&bn(e,n,{get:()=>t[n],enumerable:!(a=$c(t,n))\|\|a.enumerable});return e};var Fi=(e,t,o)=>(o=e!=null?Vc(qc(e)):{},Ui(t\|\|!e\|\|!e.__esModule?bn(o,"default",{value:e,enumerable:!0}):o,e)),Yc=e=>Ui(bn({},"__esModule",{value:!0}),e);var Nv={};Jc(Nv,{CHATMESSAGE_CLASSNAME:()=>Hi,ChatMessage:()=>V,default:()=>xv});module.exports=Yc(Nv);var s=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?s(...t):typeof t=="object"?Object.keys(t).map((o,a)=>t[a]\|\|t[o]&&o\|\|null).filter(o=>o!==null).join(" "):t).filter(t=>!!t).join(" ");var y=(e,t)=>s({[`${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.themeColor}`]:t.themeColor},{"k-rounded-sm":t.rounded==="small","k-rounded-md":t.rounded==="medium","k-rounded-lg":t.rounded==="large","k-rounded-full":t.rounded==="full","k-rounded-none":t.rounded==="none"}),S=(e,t)=>{let{valid:o,invalid:a,hover:n,focus:i,checked:l,active:c,selected:u,disabled:f,indeterminate:N,loading:v,empty:m,readonly:M,highlighted:L,...C}=t;return s({"k-valid":o,"k-invalid":a,"k-hover":n,"k-focus":i,"k-checked":l,"k-active":c,"k-selected":u,"k-disabled":f,"k-indeterminate":N&&!l,"k-loading":v,"k-empty":m,"k-readonly":M,"k-highlighted":L},Object.keys(C).reduce((E,A)=>(A.startsWith("k-")?E[A]=C[A]:E[`k-${A}`]=C[A],E),{}))};function xn(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(a=>[`k-${a}`,!0]))}var d={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},b={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},x={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},Bt={undefined:void 0,outline:"outline",solid:"solid",duotone:"duotone"},h={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",inverse:"inverse"},r={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 cs={};function K(e){return cs[e]=(cs[e]\|\|0)+1,`k-${e}-${cs[e]}`}var Ra=require("react/jsx-runtime"),ms="k-font-icon",Zc=[],Qc={size:[d.undefined,d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary,h.success,h.warning,h.error,h.info]},jc={},_a=e=>{let{size:t,themeColor:o,icon:a,rotate:n,flip:i,...l}=e;return a?(0,Ra.jsx)("span",{...l,className:s(e.className,ms,y(ms,{size:t}),{[`k-i-${a}`]:a,[`k-color-${o}`]:o,[`k-rotate-${n}`]:n,"k-flip-h":i==="h"\|\|i==="both","k-flip-v":i==="v"\|\|i==="both"}),"aria-hidden":"true"}):(0,Ra.jsx)(Ra.Fragment,{})};_a.states=Zc;_a.options=Qc;_a.className=ms;_a.defaultOptions=jc;var Gi=_a;var go=require("react/jsx-runtime"),us="k-svg-icon",em=[],tm={size:[d.undefined,d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary,h.success,h.warning,h.error,h.info],variant:[Bt.outline,Bt.solid,Bt.duotone]},fs={viewBox:"0 0 24 24",variant:Bt.outline},wa=e=>{var v,m;let{size:t,themeColor:o,rotate:a,flip:n,viewBox:i=fs.viewBox,variant:l=fs.variant,icon:c,...u}=e;if(!c)return(0,go.jsx)(go.Fragment,{});if(c==="none")return(0,go.jsx)("span",{...u,className:s(e.className,us,y("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let f=typeof c=="object"&&c.name&&c.name,N=typeof c=="object"?l&&((v=c.variants)==null?void 0:v[l])\|\|((m=c.variants)==null?void 0:m.outline)\|\|c.content:void 0;return(0,go.jsx)("span",{...u,className:s(e.className,us,y("k-icon",{size:t}),{[`k-svg-i-${f}`]:f,[`k-color-${o}`]:o,[`k-rotate-${a}`]:a,"k-flip-h":n==="h"\|\|n==="both","k-flip-v":n==="v"\|\|n==="both"}),"aria-hidden":"true",children:(0,go.jsx)("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof c=="object"?c.viewBox:i,dangerouslySetInnerHTML:N!==void 0?{__html:N}:void 0,children:c?void 0:e.children})})};wa.states=em;wa.options=tm;wa.className=us;wa.defaultOptions=fs;var bs=wa;var xs=Fi(require("@progress/kendo-svg-icons"));var Vi="icon",$i="icons";var Wi=require("react");var Xi=require("react"),qi=(0,Xi.createContext)({iconsType:"svg"});var Xt=require("react/jsx-runtime"),Nn="k-icon",om=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),am=[],nm={size:[d.undefined,d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary,h.success,h.warning,h.error,h.info],variant:[Bt.outline,Bt.solid,Bt.duotone]},hn={viewBox:"0 0 24 24",type:"svg",variant:Bt.outline},g=e=>{let{iconsType:t}=(0,Wi.useContext)(qi),{size:o,themeColor:a,icon:n,type:i=t\|\|hn.type,rotate:l,flip:c,viewBox:u=hn.viewBox,variant:f=hn.variant,...N}=e;if(!n)return(0,Xt.jsx)(Xt.Fragment,{});if((t\|\|i)==="svg"){if(n==="none")return(0,Xt.jsx)(bs,{...N,className:s(e.className,Nn),icon:n,size:o,variant:f});let m=xs[n]?n:om(`${n}-icon`);return xs[m]?(0,Xt.jsx)(bs,{...N,className:s(e.className,Nn),icon:xs[m],size:o,themeColor:a,rotate:l,flip:c,viewBox:u,variant:f}):(0,Xt.jsx)(Xt.Fragment,{})}return(0,Xt.jsx)(Gi,{...N,className:s(e.className,Nn),icon:n,size:o,themeColor:a,rotate:l,flip:c})};g.states=am;g.options=nm;g.defaultOptions=hn;g.className=Nn;g.moduleName=Vi;g.folderName=$i;var Ns="button",Ji=Ns;var ot=require("react/jsx-runtime"),Da="k-button",sm=["icon-button"],rm=[r.hover,r.focus,r.active,r.selected,r.disabled,r.generating],im={size:[d.undefined,d.xsmall,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[x.undefined,x.solid,x.flat,x.outline,x.clear,x.link],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary,h.success,h.warning,h.error,h.info,h.inverse]},hs={showArrow:!1,arrowIconName:"chevron-down"},p=e=>{let{as:t="button",size:o,rounded:a,fillMode:n,themeColor:i,showArrow:l=hs.showArrow,arrowIconName:c=hs.arrowIconName,variant:u,hover:f,focus:N,active:v,selected:m,disabled:M,togglable:L,ariaDisabled:C,icon:E,iconSize:A,text:I,iconClassName:F,className:Se,...qe}=e,ke=E!=null,Be=e.children!==void 0;return(0,ot.jsxs)(t,{className:s(Se,Da,xn(Da,u),y(Da,{size:o,rounded:a,fillMode:n,themeColor:i}),S(Da,{hover:f,focus:N,active:v,disabled:M\|\|C,selected:m}),{"k-icon-button":!I&&!Be&&ke}),"aria-pressed":L?m?"true":"false":void 0,...qe,"aria-disabled":C?"true":void 0,disabled:M\|\|void 0,children:[typeof E=="string"&&E&&(0,ot.jsx)(g,{className:s(F,"k-button-icon"),icon:E,size:A}),E&&typeof E!="string"&&(0,ot.jsx)(ot.Fragment,{children:E}),I?(0,ot.jsxs)(ot.Fragment,{children:[I&&(0,ot.jsx)("span",{className:"k-button-text",children:I}),e.children]}):e.children&&(0,ot.jsx)("span",{className:"k-button-text",children:e.children}),l&&(0,ot.jsx)("span",{className:"k-menu-button-arrow k-button-arrow",children:(0,ot.jsx)(g,{icon:c})})]})};p.states=rm;p.options=im;p.variants=sm;p.className=Da;p.defaultOptions=hs;p.moduleName=Ns;p.folderName=Ji;var Yi=require("react/jsx-runtime"),W=e=>(0,Yi.jsx)(p,{icon:"folder",...e,"aria-label":e["aria-label"]\|\|"Folder",children:void 0});var Zi=require("react/jsx-runtime"),Ha=e=>(0,Zi.jsx)(p,{icon:"folder",children:"Button",...e});var Qi=require("react/jsx-runtime"),kt=e=>(0,Qi.jsx)(p,{children:"Button",...e});var vn=require("react/jsx-runtime"),lm=p.options,pm=p.states,dm={...p.defaultOptions,variant:"text"},cm=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],mm=[],_o=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return(0,vn.jsx)(W,{...o,icon:"star"});case"icon-and-text":return(0,vn.jsx)(Ha,{...o,icon:"star",children:"Button"});default:return(0,vn.jsx)(kt,{...o,children:"Button"})}};_o.options=lm;_o.states=pm;_o.variants=cm;_o.defaultOptions=dm;_o.modifiers=mm;_o.className=p.className;var vs="button",ji=vs;var el=require("react/jsx-runtime"),za="k-button-group",um=[r.disabled],fm={fillMode:[x.undefined,x.solid,x.flat,x.outline,x.clear,x.link]},bm={},B=e=>{let{fillMode:t,disabled:o,stretched:a,...n}=e;return(0,el.jsx)("div",{role:"group",...n,className:s(e.className,za,y(za,{fillMode:t}),S(za,{disabled:o}),{[`${za}-stretched`]:a}),...o&&{"aria-disabled":"true"},children:e.children})};B.states=um;B.options=fm;B.className=za;B.defaultOptions=bm;B.moduleName=vs;B.folderName=ji;var gs=require("react/jsx-runtime");var Ls=require("react/jsx-runtime");var Ms=require("react/jsx-runtime");var Ss=require("react/jsx-runtime");var ks=require("react/jsx-runtime");var Cs=require("react/jsx-runtime");var We=require("react/jsx-runtime"),xm={...p.options,...B.options},Nm=p.states,hm={...p.defaultOptions,...B.defaultOptions,variant:"text-button"},vm=[{name:"icon-button",title:"Icon Only"},{name:"text-button",title:"Text"},{name:"icon-text-button",title:"Icon Text"}],gm=[],wo=e=>{let{variant:t,className:o,...a}=e;return t==="icon-button"?(0,We.jsxs)(B,{fillMode:a.fillMode,className:o,children:[(0,We.jsx)(p,{...a,icon:"star"}),(0,We.jsx)(p,{...a,icon:"star"}),(0,We.jsx)(p,{...a,icon:"star"})]}):t==="icon-text-button"?(0,We.jsxs)(B,{fillMode:a.fillMode,className:o,children:[(0,We.jsx)(p,{...a,icon:"star",children:"First"}),(0,We.jsx)(p,{...a,icon:"star",children:"Middle"}),(0,We.jsx)(p,{...a,icon:"star",children:"Last"})]}):(0,We.jsxs)(B,{fillMode:a.fillMode,className:o,children:[(0,We.jsx)(p,{...a,children:"First"}),(0,We.jsx)(p,{...a,children:"Middle"}),(0,We.jsx)(p,{...a,children:"Last"})]})};wo.options=xm;wo.states=Nm;wo.variants=vm;wo.defaultOptions=hm;wo.modifiers=gm;wo.className=B.className;var Ua="input",gn=Ua;var tl=require("react/jsx-runtime"),Ln="k-input",Lm=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading,r.readonly],Mm={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[x.undefined,x.solid,x.flat,x.outline]},Sm={},te=e=>{let{hover:t,focus:o,disabled:a,invalid:n,valid:i,loading:l,readonly:c,size:u,rounded:f,fillMode:N,...v}=e;return(0,tl.jsx)("span",{...v,className:s(e.className,Ln,y(Ln,{size:u,rounded:f,fillMode:N}),S(Ln,{hover:t,focus:o,disabled:a,invalid:n,valid:i,loading:l,readonly:c}))})};te.states=Lm;te.options=Mm;te.className=Ln;te.defaultOptions=Sm;te.moduleName=Ua;te.folderName=gn;var ol=require("react/jsx-runtime"),Mn="k-picker",km=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading,r.readonly],Cm={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[x.undefined,x.solid,x.flat,x.outline]},Am={},Pt=e=>{let{hover:t,focus:o,disabled:a,invalid:n,valid:i,loading:l,readonly:c,size:u,rounded:f,fillMode:N,...v}=e;return(0,ol.jsx)("span",{...v,className:s(e.className,Mn,y(Mn,{size:u,rounded:f,fillMode:N}),S(Mn,{hover:t,focus:o,disabled:a,invalid:n,valid:i,loading:l,readonly:c})),children:e.children})};Pt.states=km;Pt.options=Cm;Pt.className=Mn;Pt.defaultOptions=Am;Pt.moduleName=Ua;Pt.folderName=gn;var Do=require("react/jsx-runtime"),al="k-clear-value",Em=[r.disabled,r.loading,r.readonly],ym={},at=e=>{let{disabled:t,loading:o,readonly:a,value:n}=e;return t\|\|a\|\|o\|\|!n?(0,Do.jsx)(Do.Fragment,{}):(0,Do.jsx)("span",{className:s(e.className,al),children:(0,Do.jsx)(g,{icon:"x"})})};at.states=Em;at.options=ym;at.className=al;var nl=require("react/jsx-runtime"),As="k-input-inner",Im=[],Tm={},Sn={type:"text",autocomplete:"off",value:"",placeholder:""},Pe=e=>{let{value:t=Sn.value,type:o=Sn.type,placeholder:a=Sn.placeholder,autocomplete:n=Sn.autocomplete,disabled:i,readOnly:l,...c}=e;return(0,nl.jsx)("input",{...c,type:o,className:s(e.className,As,y(As,e)),placeholder:a,autoComplete:n,defaultValue:t,disabled:i\|\|void 0,readOnly:l\|\|void 0})};Pe.states=Im;Pe.options=Tm;Pe.className=As;var Fa=require("react/jsx-runtime"),Es="k-input-inner",Om=[],Bm={},Lo=e=>{let{value:t,placeholder:o,showValue:a,valueIcon:n,valueIconName:i,...l}=e;return(0,Fa.jsxs)("span",{...l,className:s(e.className,Es,y(Es,e)),children:[n,!n&&i&&(0,Fa.jsx)(g,{className:"k-input-value-icon",icon:i}),a&&!t&&o,a&&t&&(0,Fa.jsx)("span",{className:"k-input-value-text",children:t})]})};Lo.states=Om;Lo.options=Bm;Lo.className=Es;var rl=require("react/jsx-runtime"),ys="k-input-inner",Pm=[],Km={},sl={value:"",placeholder:""},Ga=e=>{let{value:t=sl.value,placeholder:o=sl.placeholder,rows:a,disabled:n,...i}=e;return(0,rl.jsx)("textarea",{...i,className:s(e.className,ys,y(ys,e)),placeholder:o,rows:a,defaultValue:t,disabled:n\|\|void 0})};Ga.states=Pm;Ga.options=Km;Ga.className=ys;var Va=require("react/jsx-runtime"),il="k-input-loading-icon",Rm=[r.disabled,r.loading],Je=e=>{let{disabled:t,loading:o}=e;return t\|\|!o?(0,Va.jsx)(Va.Fragment,{}):(0,Va.jsx)("span",{className:s(e.className,il,"k-icon k-i-loading")})};Je.states=Rm;Je.className=il;var $a=require("react/jsx-runtime"),ll="k-input-validation-icon",_m=[r.valid,r.invalid,r.disabled,r.loading],wm={},Ke=e=>{let{valid:t,invalid:o,disabled:a,loading:n}=e,i=o?"warning-circle":"check-circle";return a\|\|n\|\|!!!(t\|\|o)?(0,$a.jsx)($a.Fragment,{}):(0,$a.jsx)(g,{className:s(ll),icon:i})};Ke.states=_m;Ke.options=wm;Ke.className=ll;var Xa=require("react/jsx-runtime"),Dm="k-input-prefix",Hm={direction:"horizontal"},ct=e=>{let{direction:t=Hm.direction,...o}=e;return e.children?(0,Xa.jsx)("span",{...o,className:s(Dm,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):(0,Xa.jsx)(Xa.Fragment,{})};var qa=require("react/jsx-runtime"),zm="k-input-suffix",Um={direction:"horizontal"},mt=e=>{let{direction:t=Um.direction,...o}=e;return e.children?(0,qa.jsx)("span",{...o,className:s(zm,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):(0,qa.jsx)(qa.Fragment,{})};var Fm=require("react/jsx-runtime");var pl=require("react/jsx-runtime"),Gm="k-input-suffix-text",Is=e=>{let{children:t,...o}=e;return(0,pl.jsx)("span",{...o,className:s(Gm,e.className),children:t})};var cl=require("react/jsx-runtime"),dl="k-input-separator",Vm={direction:"vertical"},ut=e=>{let{direction:t=Vm.direction,...o}=e;return(0,cl.jsx)("span",{...o,className:s(dl,e.className,{[`${dl}-${t}`]:t})})};var ce=require("react/jsx-runtime"),$m=te.states,Xm=te.defaultOptions,qm=te.options,Wm=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],Jm=[],Ho=e=>{let{modifiers:t,valid:o,invalid:a,loading:n,disabled:i,readonly:l,...c}=e,u=t==null?void 0:t.prefix,f=t==null?void 0:t.suffix,N=t==null?void 0:t["clear-button"],v=t==null?void 0:t["validation-icon"],m=t==null?void 0:t.separators;return(0,ce.jsxs)(te,{...c,valid:o,invalid:a,loading:n,disabled:i,readonly:l,style:{width:300},children:[u&&(0,ce.jsxs)(ce.Fragment,{children:[(0,ce.jsx)(ct,{children:(0,ce.jsx)(g,{icon:"lock"})}),m&&(0,ce.jsx)(ut,{})]}),(0,ce.jsx)(Pe,{placeholder:"Placeholder",value:"Value"}),v&&(0,ce.jsx)(Ke,{valid:o,invalid:a,loading:n,disabled:i}),(0,ce.jsx)(Je,{loading:n,disabled:i}),N&&(0,ce.jsx)(at,{loading:n,disabled:i,readonly:l,value:"Value"}),f&&(0,ce.jsxs)(ce.Fragment,{children:[m&&(0,ce.jsx)(ut,{}),(0,ce.jsx)(mt,{children:(0,ce.jsx)(kt,{size:c.size,fillMode:"clear",children:"Send"})})]})]})};Ho.options=qm;Ho.states=$m;Ho.variants=Jm;Ho.defaultOptions=Xm;Ho.modifiers=Wm;Ho.className=te.className;var Wa=require("react/jsx-runtime"),ml="k-color-preview",Ym=[],Zm={},ao=e=>{let{color:t,iconName:o,...a}=e;return(0,Wa.jsxs)("span",{...a,className:s(e.className,ml,{"k-icon-color-preview":o,"k-no-color":!t}),children:[o&&(0,Wa.jsx)(g,{icon:o,className:"k-color-preview-icon"}),(0,Wa.jsx)("span",{className:"k-color-preview-mask",style:{backgroundColor:t}})]})};ao.states=Ym;ao.options=Zm;ao.className=ml;var Ts="popup",ul=Ts;var Bs=require("react/jsx-runtime"),fl="k-animation-container",Qm=[],jm={},Os={positionMode:"absolute",shown:!0},Kt=e=>{let{positionMode:t=Os.positionMode,shown:o=Os.shown,animationStyle:a,offset:n,...i}=e;return(0,Bs.jsx)("div",{...i,style:{...n,...e.style},className:s(e.className,fl,{"k-animation-container-shown":o,"k-animation-container-fixed":t==="fixed"}),children:(0,Bs.jsx)("div",{className:"k-child-animation-container",style:a,children:e.children})})};Kt.states=Qm;Kt.options=jm;Kt.className=fl;Kt.defaultOptions=Os;Kt.moduleName=Ts;Kt.folderName=ul;var Ps="popup",bl=Ps;var Ks=require("react/jsx-runtime"),xl="k-popup",eu=[],tu={},Nl={positionMode:"absolute"},J=e=>{let{offset:t,positionMode:o=Nl.positionMode,animationStyle:a,containerClassName:n,containerRole:i,containerAriaLabel:l,...c}=e;return(0,Ks.jsx)(Kt,{positionMode:o,offset:t,animationStyle:a,className:n,role:i,"aria-label":l,children:(0,Ks.jsx)("div",{...c,className:s(e.className,xl),children:e.children})})};J.states=eu;J.options=tu;J.className=xl;J.defaultOptions=Nl;J.moduleName=Ps;J.folderName=bl;var Rs="action-buttons",hl=Rs;var gl=require("react/jsx-runtime"),kn="k-actions",ou=[],au={},_s={alignment:"start",orientation:"horizontal"},nt=e=>{let{alignment:t=_s.alignment,orientation:o=_s.orientation,...a}=e;return(0,gl.jsx)("div",{...a,className:s(kn,{[`${kn}-${t}`]:t,[`${kn}-${o}`]:o},e.className),children:e.children})};nt.states=ou;nt.options=au;nt.className=kn;nt.defaultOptions=_s;nt.moduleName=Rs;nt.folderName=hl;var vl=nt;var Ml=require("react/jsx-runtime"),nu="k-actionsheet-footer",Ll={alignment:"stretched",orientation:"horizontal"},no=e=>{let{alignment:t=Ll.alignment,orientation:o=Ll.orientation,template:a,as:n=a?"div":nt,...i}=e;return(0,Ml.jsx)(n,{...i,...!a&&{alignment:t,orientation:o},className:s(e.className,nu),children:e.children})};var ws="searchbox",Sl=ws;var so=require("react/jsx-runtime"),kl="k-searchbox",su=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading],ru={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[x.undefined,x.solid,x.flat,x.outline]},Cn={showIcon:!0,showClearButton:!0,icon:"search"},ft=e=>{let{value:t,placeholder:o,size:a,rounded:n,fillMode:i,hover:l,focus:c,valid:u,invalid:f,required:N,loading:v,disabled:m,showIcon:M=Cn.showIcon,showClearButton:L=Cn.showClearButton,icon:C=Cn.icon,"aria-label":E,...A}=e;return(0,so.jsxs)(te,{...A,size:a,rounded:n,fillMode:i,hover:l,focus:c,valid:u,invalid:f,required:N,loading:v,disabled:m,className:s(e.className,kl),children:[M&&(0,so.jsx)(g,{className:"k-input-icon",icon:C}),(0,so.jsx)(Pe,{placeholder:o,value:t,"aria-label":E}),(0,so.jsx)(Je,{...e}),(0,so.jsx)(Ke,{...e}),L&&(0,so.jsx)(at,{...e})]})};ft.states=su;ft.options=ru;ft.className=kl;ft.defaultOptions=Cn;ft.moduleName=ws;ft.folderName=Sl;var iu=require("react/jsx-runtime");var Ds="textbox",Cl=Ds;var Ce=require("react/jsx-runtime"),Al="k-textbox",lu=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading,r.readonly],pu={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[x.undefined,x.solid,x.flat,x.outline]},An={showClearButton:!0,showValidationIcon:!0,separators:!0},Ae=e=>{let{size:t,rounded:o,fillMode:a,separators:n=An.separators,showClearButton:i=An.showClearButton,showValidationIcon:l=An.showValidationIcon,prefix:c,suffix:u,type:f,value:N,placeholder:v,hover:m,focus:M,valid:L,invalid:C,required:E,loading:A,disabled:I,readonly:F,id:Se,"aria-label":qe,"aria-describedby":ke,...Be}=e;return(0,Ce.jsxs)(te,{...Be,size:t,rounded:o,fillMode:a,hover:m,focus:M,valid:L,invalid:C,required:E,loading:A,disabled:I,readonly:F,className:s(e.className,Al),children:[c&&(0,Ce.jsxs)(Ce.Fragment,{children:[(0,Ce.jsx)(ct,{children:c}),n&&(0,Ce.jsx)(ut,{})]}),(0,Ce.jsx)(Pe,{id:Se,placeholder:v,value:N,type:f,disabled:I,"aria-label":qe,"aria-describedby":ke,"aria-invalid":C?"true":void 0}),l&&(0,Ce.jsx)(Ke,{valid:L,invalid:C,loading:A,disabled:I}),(0,Ce.jsx)(Je,{loading:A,disabled:I}),i&&(0,Ce.jsx)(at,{loading:A,disabled:I,readonly:F,value:N}),u&&(0,Ce.jsxs)(Ce.Fragment,{children:[n&&(0,Ce.jsx)(ut,{}),(0,Ce.jsx)(mt,{children:u})]})]})};Ae.states=lu;Ae.options=pu;Ae.className=Al;Ae.defaultOptions=An;Ae.moduleName=Ds;Ae.folderName=Cl;var Ja=Ae;var El=require("react/jsx-runtime"),En=e=>(0,El.jsx)(Ja,{...e});var yl=require("react/jsx-runtime");var Il=require("react/jsx-runtime");var du=require("react/jsx-runtime");var yn=require("react/jsx-runtime"),cu=Ae.states,mu=Ae.defaultOptions,uu=Ae.options,fu=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],bu=[],zo=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(n=>{switch(n){case"prefix":a.prefix=t!=null&&t[n]?(0,yn.jsx)(g,{icon:"lock"}):void 0;break;case"suffix":a.suffix=t!=null&&t[n]?(0,yn.jsx)(kt,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":a.showClearButton=t==null?void 0:t[n];break;default:break}}),(0,yn.jsx)(En,{value:"Value",style:{width:300},...o,...a})};zo.options=uu;zo.states=cu;zo.variants=bu;zo.defaultOptions=mu;zo.modifiers=fu;zo.className=Ae.className;var st=require("react/jsx-runtime"),Tl="k-actionsheet-titlebar",xu={},Re=e=>{let{title:t,subtitle:o,actionsStart:a,actionsEnd:n,filter:i,input:l,inputValue:c,inputPlaceholder:u,adaptive:f,titleId:N,children:v,...m}=e;return(0,st.jsxs)("div",{...m,className:s(e.className,Tl),children:[(0,st.jsxs)("div",{className:"k-actionsheet-titlebar-group",children:[a&&(0,st.jsx)("div",{className:"k-actionsheet-actions",children:a}),!v&&(0,st.jsxs)("div",{className:"k-actionsheet-title",id:N,children:[t&&(0,st.jsx)("div",{className:"k-text-center",children:t}),o&&(0,st.jsx)("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),v&&(0,st.jsx)("div",{className:"k-actionsheet-title",id:N,children:v}),n&&(0,st.jsx)("div",{className:"k-actionsheet-actions",children:n})]}),(l\|\|i)&&(0,st.jsx)("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:l?(0,st.jsx)(Ae,{value:c,placeholder:u,size:f?"large":"medium","aria-label":t\|\|u\|\|"Input"}):(0,st.jsx)(ft,{placeholder:"Filter",size:f?"large":"medium","aria-label":"Filter options"})})]})};Re.className=Tl;Re.defaultOptions=xu;var Uo=require("react/jsx-runtime"),Hs="k-actionsheet-view",Nu=[],hu={},vu={},Fo=e=>{let{adaptive:t,animated:o,children:a,header:n,footer:i,titleId:l,...c}=e,u=(n==null?void 0:n.type)===Re&&(0,Uo.jsx)(Re,{adaptive:t,titleId:l,...n==null?void 0:n.props}),f=(i==null?void 0:i.type)===no&&(0,Uo.jsx)(no,{...i==null?void 0:i.props});return(0,Uo.jsxs)("div",{...c,className:s(e.className,Hs,{[`${Hs}-animated`]:o}),children:[u,(0,Uo.jsx)("div",{className:"k-actionsheet-content",children:a}),f]})};Fo.states=Nu;Fo.options=hu;Fo.className=Hs;Fo.defaultOptions=vu;var Ya="action-sheet",In=Ya;var zs="overlay",Ol=zs;var Pl=require("react/jsx-runtime"),Bl="k-overlay",gu=[],Lu={},Mu={},Rt=e=>{let{...t}=e;return(0,Pl.jsx)("div",{...t,className:s(e.className,Bl),children:e.children})};Rt.states=gu;Rt.options=Lu;Rt.className=Bl;Rt.defaultOptions=Mu;Rt.moduleName=zs;Rt.folderName=Ol;var Mo=require("react/jsx-runtime"),Kl="k-actionsheet",Su=[],ku={},Za={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},oe=e=>{let{side:t=Za.side,fullscreen:o=Za.fullscreen,adaptive:a=Za.adaptive,overlay:n=Za.overlay,template:i,children:l,header:c,footer:u,id:f,...N}=e,v=f&&!i&&c?`${f}-title`:void 0;return(0,Mo.jsxs)("div",{className:"k-actionsheet-container",children:[n&&(0,Mo.jsx)(Rt,{}),(0,Mo.jsx)(Kt,{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:(0,Mo.jsx)("div",{...N,id:f,role:"dialog","aria-modal":n?"true":void 0,"aria-labelledby":v,className:s(e.className,Kl,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":a}),children:i\|\|(0,Mo.jsx)(Fo,{header:c,footer:u,adaptive:a,titleId:v,...e,children:l})})})]})};oe.states=Su;oe.options=ku;oe.className=Kl;oe.defaultOptions=Za;oe.moduleName=Ya;oe.folderName=In;var _l=require("react/jsx-runtime"),Rl="k-actionsheet-container",Cu=[],Au={},Eu={},Go=e=>{let{children:t,...o}=e;return(0,_l.jsx)("div",{...o,className:Rl,children:t})};Go.states=Cu;Go.options=Au;Go.className=Rl;Go.defaultOptions=Eu;Go.moduleName=Ya;Go.folderName=In;var wl=require("react/jsx-runtime"),Us=e=>{let{...t}=e;return(0,wl.jsx)("div",{...t,className:s(e.className,"k-list-ul"),children:e.children})};var bt=require("react/jsx-runtime"),Fs="k-actionsheet-item",yu=[r.hover,r.focus,r.selected,r.disabled],ro=e=>{let{iconName:t,text:o,description:a,hover:n,focus:i,selected:l,disabled:c,...u}=e;return(0,bt.jsxs)("span",{...u,className:s(e.className,Fs,S(Fs,{hover:n,focus:i,selected:l,disabled:c})),children:[!e.children&&(0,bt.jsx)(bt.Fragment,{children:(0,bt.jsxs)("span",{className:"k-actionsheet-action",children:[t&&(0,bt.jsx)("span",{className:"k-icon-wrap",children:(0,bt.jsx)(g,{className:"k-actionsheet-item-icon",icon:t})}),(0,bt.jsxs)("span",{className:"k-actionsheet-item-text",children:[o&&(0,bt.jsx)("span",{className:"k-actionsheet-item-title",children:o}),a&&(0,bt.jsx)("span",{className:"k-actionsheet-item-description",children:a})]})]})}),e.children]})};ro.states=yu;ro.className=Fs;var Dl=require("react/jsx-runtime");var Iu=require("react/jsx-runtime");var Tu=require("react/jsx-runtime");var Ou=require("react/jsx-runtime");var Y=require("react/jsx-runtime"),Bu=oe.options,Pu=oe.states,zl={...oe.defaultOptions,variant:"normal"},Ku=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],Ru=[{name:"actions",title:"Titlebar Actions",type:"boolean"},{name:"subtitle",title:"Subtitle",type:"boolean"},{name:"footer",title:"Footer",type:"boolean"}],Vo=e=>{let{variant:t,modifiers:o,...a}={...zl,...e},n={},i=(0,Y.jsxs)(Us,{children:[(0,Y.jsx)(ro,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),(0,Y.jsx)(ro,{text:"Add to Favorites",iconName:"heart"}),(0,Y.jsx)(ro,{text:"Upload New",iconName:"upload",disabled:!0}),(0,Y.jsx)("hr",{className:"k-hr"}),(0,Y.jsx)(ro,{text:"Cancel",iconName:"cancel"})]}),l="Choose from the items below",c="Select Item";return t==="fullScreen"&&(n.fullScreen=!0),Object.keys(o\|\|{}).forEach(u=>{switch(u){case"actions":n.actionsStart=!!(o!=null&&o[u]),n.actionsEnd=!!(o!=null&&o[u]);break;case"subtitle":n.subtitle=o!=null&&o[u]?l:void 0;break;case"footer":n.footer=!!(o!=null&&o[u]);break;default:break}}),t==="adaptive"?(0,Y.jsx)(oe,{...a,adaptive:!0,fullscreen:n.fullScreen,header:(0,Y.jsx)(Re,{actionsStart:n.actionsStart?(0,Y.jsx)(p,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:n.actionsEnd?(0,Y.jsx)(p,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:c,subtitle:n.subtitle}),footer:n.footer?(0,Y.jsxs)(no,{alignment:"stretched",children:[(0,Y.jsx)(p,{text:"Cancel",size:"large",themeColor:"base"}),(0,Y.jsx)(p,{text:"Apply",size:"large",themeColor:"primary"})]}):void 0,children:i}):(0,Y.jsx)(oe,{...a,fullscreen:n.fullScreen,header:(0,Y.jsx)(Re,{actionsStart:n.actionsStart?(0,Y.jsx)(p,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:n.actionsEnd?(0,Y.jsx)(p,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:n.subtitle}),footer:n.footer?(0,Y.jsxs)(no,{alignment:"stretched",children:[(0,Y.jsx)(p,{text:"Apply",themeColor:"primary"}),(0,Y.jsx)(p,{text:"Cancel",themeColor:"base"})]}):void 0,children:i})};Vo.options=Bu;Vo.states=Pu;Vo.variants=Ku;Vo.defaultOptions=zl;Vo.modifiers=Ru;Vo.className=oe.className;var Gs="slider",Ul=Gs;var Ct=require("react/jsx-runtime"),Qa="k-slider",_u=[r.hover,r.focus,r.active,r.disabled,r.readonly],wu={},xt={type:"single",orientation:"horizontal",gradientType:"1d",readonly:!1,disabled:!1,handlePosition:"end",showButtons:!0,showTicks:!0,value:50,min:0,max:100},X=e=>{let{type:t=xt.type,orientation:o=xt.orientation,gradientType:a=xt.gradientType,readonly:n=xt.readonly,disabled:i=xt.disabled,handlePosition:l=xt.handlePosition,showButtons:c=xt.showButtons,showTicks:u=xt.showTicks,value:f=xt.value,min:N=xt.min,max:v=xt.max,startValue:m,endValue:M,hover:L,focus:C,active:E,trackStyle:A,dir:I,...F}=e,qe=(()=>{if(t==="gradient"&&a==="2d")return"undefined";if(o==="vertical")return"vertical"})(),ke,Be;return o==="horizontal"?(ke=I==="rtl"?"chevron-left":"chevron-right",Be=I==="rtl"?"chevron-right":"chevron-left"):o==="vertical"&&(ke="chevron-up",Be="chevron-down"),(0,Ct.jsxs)("div",{...F,className:s(Qa,e.className,S(Qa,{readonly:n,disabled:i}),{[`k-slider-${o}`]:o,"k-colorgradient-slider":t==="gradient"}),dir:I,children:[c&&(0,Ct.jsx)(p,{className:"k-button-decrease",rounded:"full",icon:Be,tabIndex:-1,title:"Decrease"}),(0,Ct.jsxs)("div",{className:"k-slider-track-wrap",children:[u&&(0,Ct.jsx)("ul",{className:"k-reset k-slider-items","aria-hidden":"true",children:e.children}),(0,Ct.jsxs)("div",{className:"k-slider-track",style:A,children:[(0,Ct.jsx)("div",{className:"k-slider-selection"}),t==="range"&&(0,Ct.jsx)("span",{className:s("k-draghandle","k-draghandle-start",S(Qa,{hover:L,focus:C,active:E})),role:"slider",tabIndex:i?void 0:0,"aria-valuenow":m??N,"aria-valuemin":N,"aria-valuemax":M??v,"aria-orientation":qe,"aria-disabled":i?"true":void 0,"aria-readonly":n?"true":void 0,"aria-label":F["aria-label"]?`${F["aria-label"]} start`:"Range start"}),(0,Ct.jsx)("span",{className:s("k-draghandle",`k-draghandle-${l}`,S(Qa,{hover:L,focus:C,active:E})),role:"slider",tabIndex:i?void 0:0,"aria-valuenow":t==="range"?M??v:f,"aria-valuemin":t==="range"?m??N:N,"aria-valuemax":v,"aria-orientation":qe,"aria-disabled":i?"true":void 0,"aria-readonly":n?"true":void 0,"aria-label":t==="range"?F["aria-label"]?`${F["aria-label"]} end`:"Range end":F["aria-label"]})]})]}),c&&(0,Ct.jsx)(p,{className:"k-button-increase",rounded:"full",icon:ke,tabIndex:-1,title:"Increase"})]})};X.states=_u;X.options=wu;X.className=Qa;X.defaultOptions=xt;X.moduleName=Gs;X.folderName=Ul;var Vs=require("react/jsx-runtime"),Fl="k-tick",Du=[],Hu={},Gl={label:!1},T=e=>{let{style:t,label:o=Gl.label,orientation:a,large:n,text:i,...l}=e;return(0,Vs.jsx)("li",{...l,role:"presentation",title:i\|\|"Tick",className:s(e.className,Fl,{[`k-tick-${a}`]:a,"k-tick-large":n}),style:t,children:o&&(0,Vs.jsx)("span",{className:"k-label",children:i})})};T.states=Du;T.options=Hu;T.className=Fl;T.defaultOptions=Gl;var ue=require("react/jsx-runtime"),Vl=e=>(0,ue.jsx)(X,{"aria-label":e["aria-label"]\|\|"Slider",children:(0,ue.jsxs)(ue.Fragment,{children:[(0,ue.jsx)(T,{className:"k-first",label:!0,large:!0,text:"0"}),(0,ue.jsx)(T,{}),(0,ue.jsx)(T,{}),(0,ue.jsx)(T,{}),(0,ue.jsx)(T,{}),(0,ue.jsx)(T,{label:!0,large:!0,text:"5"}),(0,ue.jsx)(T,{}),(0,ue.jsx)(T,{}),(0,ue.jsx)(T,{}),(0,ue.jsx)(T,{}),(0,ue.jsx)(T,{className:"k-last",label:!0,large:!0,text:"10"})]}),...e});var fe=require("react/jsx-runtime"),$l=e=>(0,fe.jsx)(X,{children:(0,fe.jsxs)(fe.Fragment,{children:[(0,fe.jsx)(T,{className:"k-first",label:!0,large:!0,text:"0"}),(0,fe.jsx)(T,{}),(0,fe.jsx)(T,{}),(0,fe.jsx)(T,{}),(0,fe.jsx)(T,{}),(0,fe.jsx)(T,{label:!0,large:!0,text:"5"}),(0,fe.jsx)(T,{}),(0,fe.jsx)(T,{}),(0,fe.jsx)(T,{}),(0,fe.jsx)(T,{}),(0,fe.jsx)(T,{className:"k-last",label:!0,large:!0,text:"10"})]}),"aria-label":e["aria-label"]\|\|"Vertical slider",...e,orientation:"vertical"});var $s=require("react/jsx-runtime");var Xs=require("react/jsx-runtime");var Xl=require("react/jsx-runtime"),qs=e=>(0,Xl.jsx)(X,{type:"gradient",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]\|\|"Color slider"});var ql=require("react/jsx-runtime"),Ws=e=>(0,ql.jsx)(X,{type:"gradient",orientation:"vertical",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]\|\|"Color slider"});var Js=require("react/jsx-runtime");var Ys=require("react/jsx-runtime");var Ye=require("react/jsx-runtime"),zu=X.options,Uu=X.states,Wl={...X.defaultOptions,variant:"horizontal",label:!0},Fu=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],Gu=[{name:"label",title:"Labels",default:!0},{name:"tick",title:"Ticks",default:!0},{name:"button",title:"Side Buttons",default:!0}],$o=e=>{let{variant:t,modifiers:o,...a}=e,n=Wl.label,i={};Object.keys(o\|\|{}).forEach(c=>{switch(c){case"button":{i.showButtons=!!(o!=null&&o[c]);break}case"label":{n=!!(o!=null&&o[c]);break}case"tick":{i.showTicks=!!(o!=null&&o[c]);break}}});let l={"--kendo-slider-start":0,"--kendo-slider-end":60};return t==="vertical"?(0,Ye.jsxs)($l,{style:{height:"300px",...l},...a,...i,children:[(0,Ye.jsx)(T,{label:n,large:!0,orientation:"vertical",text:"0",style:{position:"absolute",bottom:"0%"}}),(0,Ye.jsx)(T,{label:n,large:!0,orientation:"vertical",text:"2",style:{position:"absolute",bottom:"25%"}}),(0,Ye.jsx)(T,{label:n,large:!0,orientation:"vertical",text:"4",style:{position:"absolute",bottom:"50%"}}),(0,Ye.jsx)(T,{label:n,large:!0,orientation:"vertical",text:"6",style:{position:"absolute",bottom:"75%"}}),(0,Ye.jsx)(T,{label:n,large:!0,orientation:"vertical",text:"8",style:{position:"absolute",bottom:"100%"}})]}):(0,Ye.jsxs)(Vl,{style:{width:"400px",...l},...a,...i,children:[(0,Ye.jsx)(T,{label:n,large:!0,orientation:"horizontal",text:"0",style:{position:"absolute",left:"0%"}}),(0,Ye.jsx)(T,{label:n,large:!0,orientation:"horizontal",text:"2",style:{position:"absolute",left:"25%"}}),(0,Ye.jsx)(T,{label:n,large:!0,orientation:"horizontal",text:"4",style:{position:"absolute",left:"50%"}}),(0,Ye.jsx)(T,{label:n,large:!0,orientation:"horizontal",text:"6",style:{position:"absolute",left:"75%"}}),(0,Ye.jsx)(T,{label:n,large:!0,orientation:"horizontal",text:"8",style:{position:"absolute",left:"100%"}})]})};$o.options=zu;$o.states=Uu;$o.variants=Fu;$o.defaultOptions=Wl;$o.modifiers=Gu;$o.className=X.className;var ja=require("react/jsx-runtime"),Jl="k-spin-button",Xu=[],qu={size:[d.undefined,d.small,d.medium,d.large],fillMode:[x.undefined,x.solid,x.flat,x.outline,x.clear,x.link]},Zs={increaseLabel:"Increase value",decreaseLabel:"Decrease value"},io=e=>{let{size:t,fillMode:o,disabled:a,increaseLabel:n=Zs.increaseLabel,decreaseLabel:i=Zs.decreaseLabel,...l}=e;return(0,ja.jsxs)("span",{...l,className:s(Jl,e.className),children:[(0,ja.jsx)(p,{className:"k-spinner-increase",icon:"chevron-up",size:t,fillMode:o,disabled:a,"aria-label":n}),(0,ja.jsx)(p,{className:"k-spinner-decrease",icon:"chevron-down",size:t,fillMode:o,disabled:a,"aria-label":i})]})};io.states=Xu;io.options=qu;io.className=Jl;io.defaultOptions=Zs;io.moduleName=null;io.folderName=null;var Yl="numeric-textbox",Zl="numerictextbox";var be=require("react/jsx-runtime"),Ql="k-numerictextbox",Wu=[r.hover,r.focus,r.valid,r.invalid,r.loading,r.required,r.disabled,r.readonly],Ju={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[x.undefined,x.solid,x.flat,x.outline]},Tn={showSpinButton:!0,showClearButton:!0,separators:!0},z=e=>{let{size:t,rounded:o,fillMode:a,separators:n=Tn.separators,showClearButton:i=Tn.showClearButton,showSpinButton:l=Tn.showSpinButton,prefix:c,suffix:u,value:f,placeholder:N,hover:v,focus:m,valid:M,invalid:L,required:C,loading:E,disabled:A,readonly:I,id:F,"aria-label":Se,"aria-describedby":qe,...ke}=e;return(0,be.jsxs)(te,{...ke,size:t,rounded:o,fillMode:a,hover:v,focus:m,valid:M,invalid:L,required:C,loading:E,disabled:A,readonly:I,className:s(e.className,Ql),children:[c&&(0,be.jsxs)(be.Fragment,{children:[(0,be.jsx)(ct,{children:c}),n&&(0,be.jsx)(ut,{})]}),(0,be.jsx)(Pe,{id:F,placeholder:N,value:f,role:"spinbutton",disabled:A,"aria-label":Se,"aria-describedby":qe,"aria-invalid":L?"true":void 0}),(0,be.jsx)(Ke,{valid:M,invalid:L,loading:E,disabled:A}),(0,be.jsx)(Je,{loading:E,disabled:A}),i&&(0,be.jsx)(at,{loading:E,disabled:A,readonly:I,value:f}),u&&(0,be.jsxs)(be.Fragment,{children:[n&&(0,be.jsx)(ut,{}),(0,be.jsx)(mt,{children:u})]}),l&&(0,be.jsx)(io,{className:"k-input-spinner",size:t,fillMode:a,disabled:A})]})};z.states=Wu;z.options=Ju;z.className=Ql;z.defaultOptions=Tn;z.moduleName=Yl;z.folderName=Zl;var en=z;var ep=require("react/jsx-runtime"),jl=e=>(0,ep.jsx)(en,{...e});var Bn=Fi(require("react"));var Qs=require("react/jsx-runtime"),Yu="k-list-group-sticky-header",js=e=>(0,Qs.jsx)("div",{className:s(Yu,e.className),children:(0,Qs.jsx)("div",{className:"k-list-header-text",children:e.children})});var tp=require("react/jsx-runtime"),Zu="k-no-data",On=e=>{let{live:t,...o}=e;return(0,tp.jsx)("span",{...o,className:s(Zu,e.className),"aria-live":t?"polite":void 0,children:e.children})};var So="list",Xo=So;var qo=require("react/jsx-runtime"),er="k-list",Qu=[],ju={size:[d.undefined,d.small,d.medium,d.large]},ef={},R=e=>{var L;let{size:t,virtualization:o,children:a,header:n,selectAll:i,optionLabel:l,customValue:c,noData:u,screenReaders:f,...N}=e,m=Bn.default.Children.toArray(a)[0],M=(L=m==null?void 0:m.props)!=null&&L.children?Bn.default.Children.count(m.props.children):Bn.default.Children.count(a);return(0,qo.jsxs)("div",{...N,className:s(e.className,er,y(er,{size:t}),{"k-virtual-list":o}),children:[l,i,c,n&&(0,qo.jsx)(js,{children:n}),a\|\|(u!==void 0?u:(0,qo.jsx)(On,{live:!0,children:"No data found."})),f&&a&&(0,qo.jsxs)(On,{className:"k-sr-only",live:!0,children:[M," items found."]})]})};R.states=Qu;R.options=ju;R.className=er;R.defaultOptions=ef;R.moduleName=So;R.folderName=Xo;var ap=require("react/jsx-runtime"),op="k-list-container",tf=[],of={},af={},Wo=e=>{let{...t}=e;return(0,ap.jsx)("div",{...t,className:s(e.className,op),children:e.children})};Wo.states=tf;Wo.options=of;Wo.className=op;Wo.defaultOptions=af;Wo.moduleName=So;Wo.folderName=Xo;var ko="checkbox",Jo=ko;var tr=require("react/jsx-runtime"),Pn="k-checkbox",nf=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.checked,r.indeterminate],sf={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full]},rf={},rt=e=>{let{id:t,checked:o,indeterminate:a,hover:n,focus:i,disabled:l,invalid:c,valid:u,required:f,size:N,rounded:v,wrapperRole:m,...M}=e;return(0,tr.jsx)("span",{className:"k-checkbox-wrap",role:m,children:(0,tr.jsx)("input",{...M,id:t,type:"checkbox",defaultChecked:o,required:f,disabled:l\|\|void 0,"aria-invalid":c?"true":void 0,className:s(e.className,Pn,y(Pn,{size:N,rounded:v}),S(Pn,{hover:n,focus:i,disabled:l,invalid:c,valid:u,indeterminate:a,checked:o}))})})};rt.states=nf;rt.options=sf;rt.className=Pn;rt.defaultOptions=rf;rt.moduleName=ko;rt.folderName=Jo;var At=rt;var rp=require("react/jsx-runtime"),np="k-checkbox-list",lf=[],pf={},sp={layout:"vertical"},_e=e=>{let{layout:t=sp.layout,...o}=e;return(0,rp.jsx)("ul",{...o,className:s(e.className,np,{[`k-list-${t}`]:t}),children:e.children})};_e.states=lf;_e.options=pf;_e.className=np;_e.defaultOptions=sp;_e.moduleName=ko;_e.folderName=Jo;var lp=require("react/jsx-runtime"),ip="k-checkbox-list-item",df=[],cf={},mf={},we=e=>{let{...t}=e;return(0,lp.jsx)("li",{...t,className:s(e.className,ip),children:e.children})};we.states=df;we.options=cf;we.className=ip;we.defaultOptions=mf;we.moduleName=ko;we.folderName=Jo;var Co=require("react/jsx-runtime"),qt=({children:e="Label",id:t="cb-label-after",...o})=>(0,Co.jsxs)(Co.Fragment,{children:[(0,Co.jsx)(At,{id:t,...o}),(0,Co.jsx)("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});var or=require("react/jsx-runtime");var ar=require("react/jsx-runtime");var nr=require("react/jsx-runtime");var uf=require("react/jsx-runtime");var ff=require("react/jsx-runtime");var bf=require("react/jsx-runtime");var Ee=require("react/jsx-runtime"),xf=_e.options,Nf=_e.states,hf={..._e.defaultOptions,variant:"vertical"},vf=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],gf=[],Yo=e=>{let{variant:t,...o}=e;return t==="horizontal"?(0,Ee.jsxs)(_e,{layout:"horizontal",...o,children:[(0,Ee.jsx)(we,{children:(0,Ee.jsx)(qt,{id:K("cb"),defaultChecked:!0,children:"Label"})}),(0,Ee.jsx)(we,{children:(0,Ee.jsx)(qt,{id:K("cb"),children:"Label"})}),(0,Ee.jsx)(we,{children:(0,Ee.jsx)(qt,{id:K("cb"),children:"Label"})})]}):(0,Ee.jsxs)(_e,{...o,children:[(0,Ee.jsx)(we,{children:(0,Ee.jsx)(qt,{id:K("cb"),defaultChecked:!0,children:"Label"})}),(0,Ee.jsx)(we,{children:(0,Ee.jsx)(qt,{id:K("cb"),children:"Label"})}),(0,Ee.jsx)(we,{children:(0,Ee.jsx)(qt,{id:K("cb"),children:"Label"})})]})};Yo.options=xf;Yo.states=Nf;Yo.variants=vf;Yo.defaultOptions=hf;Yo.modifiers=gf;Yo.className=_e.className;var pp=require("react/jsx-runtime"),Lf=At.options,Mf=At.states,Sf=At.defaultOptions,kf=[],Cf=[],Zo=e=>(0,pp.jsx)(qt,{id:K("checkbox"),...e,defaultChecked:!0,children:"Label"});Zo.options=Lf;Zo.states=Mf;Zo.variants=kf;Zo.defaultOptions=Sf;Zo.modifiers=Cf;Zo.className=At.className;var Wt=require("react/jsx-runtime"),sr="k-list-item",Af=[r.hover,r.focus,r.selected,r.disabled],Ef={},yf={},P=e=>{let{text:t,iconName:o,iconClassName:a,showCheckbox:n,checked:i,hover:l,focus:c,selected:u,disabled:f,actions:N,description:v,id:m,...M}=e,L=t\|\|e.children,C=t\|\|(typeof L=="string"?L:void 0);return(0,Wt.jsxs)("li",{...M,id:m,role:"option",tabIndex:c?0:-1,"aria-selected":u?"true":"false","aria-disabled":f?"true":void 0,className:s(e.className,sr,S(sr,{hover:l,focus:c,disabled:f,selected:u})),children:[n&&(0,Wt.jsx)(rt,{checked:i,disabled:f,"aria-label":C,tabIndex:-1}),o&&(0,Wt.jsx)("span",{className:"k-list-item-icon-wrapper",children:(0,Wt.jsx)(g,{icon:o,className:s("k-list-item-icon",a)})}),(0,Wt.jsx)("span",{className:"k-list-item-text",children:L}),N&&(0,Wt.jsx)("div",{className:"k-list-item-actions",children:N}),v&&(0,Wt.jsx)("span",{className:"k-list-item-description",children:v})]})};P.states=Af;P.options=Ef;P.className=sr;P.defaultOptions=yf;P.moduleName=So;P.folderName=Xo;var dp=require("react/jsx-runtime"),If="k-list-ul",lo=e=>{let{children:t,role:o,id:a,...n}=e;return(0,dp.jsx)("ul",{...n,id:a,role:o,className:s(If,e.className),children:t})};var Qo=require("react/jsx-runtime"),Tf="k-list-content",G=e=>{let{virtualization:t,grouping:o,"aria-label":a,"aria-labelledby":n,listboxId:i,...l}=e;return(0,Qo.jsxs)("div",{...l,className:s(Tf,e.className),role:o?"listbox":void 0,id:o?i:void 0,"aria-label":o?a:void 0,"aria-labelledby":o?n:void 0,children:[o?e.children:(0,Qo.jsx)(lo,{role:"listbox",id:i,"aria-label":a,"aria-labelledby":n,children:e.children}),t&&(0,Qo.jsx)("div",{className:"k-height-container",children:(0,Qo.jsx)("div",{})})]})};var jo=require("react/jsx-runtime"),Kn="k-list-sticky-header",Of=[r.hover,r.focus,r.selected],Bf={},Pf={},Rn=e=>{let{label:t="Select all",showCheckbox:o=!0,checked:a,indeterminate:n,hover:i,focus:l,selected:c,...u}=e;return(0,jo.jsx)("div",{...u,className:s(Kn,e.className),children:(0,jo.jsxs)("div",{className:s(`${Kn}-item`,S(`${Kn}-item`,{hover:i,focus:l,selected:c})),"aria-label":t,...!o&&{tabIndex:0,"aria-selected":c?"true":"false"},children:[o&&(0,jo.jsx)(rt,{checked:a,indeterminate:n,"aria-label":t}),(0,jo.jsx)("span",{className:"k-list-item-text",children:t})]})})};Rn.states=Of;Rn.options=Bf;Rn.className=Kn;Rn.defaultOptions=Pf;var rr=require("react/jsx-runtime");var cp=require("react/jsx-runtime");var mp=require("react/jsx-runtime"),ir="k-list-optionlabel",Kf=[r.hover,r.focus,r.selected,r.disabled],Rf={},_f={},_n=e=>{let{text:t,hover:o,focus:a,selected:n,disabled:i,...l}=e;return(0,mp.jsx)("div",{...l,className:s(ir,S(ir,{hover:o,focus:a,selected:n,disabled:i})),children:t})};_n.states=Kf;_n.options=Rf;_n.className=ir;_n.defaultOptions=_f;var up=require("react/jsx-runtime"),lr="k-list-custom-value",wf=[r.hover,r.focus,r.selected,r.disabled],Df={},Hf={},po=e=>{let{text:t,hover:o,focus:a,selected:n,disabled:i,...l}=e;return(0,up.jsx)("div",{...l,className:s(lr,S(lr,{hover:o,focus:a,selected:n,disabled:i})),children:t})};po.states=wf;po.options=Df;po.className=lr;po.defaultOptions=Hf;var pr=require("react/jsx-runtime");var dr=require("react/jsx-runtime");var cr=require("react/jsx-runtime");var mr=require("react/jsx-runtime");var zf=require("react/jsx-runtime");var ur=require("react/jsx-runtime");var fr=require("react/jsx-runtime");var fp="dropdown-list",bp="dropdownlist";var Z=require("react/jsx-runtime"),xp="k-dropdownlist",Uf=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading,r.readonly],Ff={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[x.undefined,x.solid,x.flat,x.outline]},br={showValue:!0,arrowIconName:"chevron-down"},me=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:n=br.arrowIconName,showValue:i=br.showValue,valueIconName:l,prefix:c,suffix:u,value:f,placeholder:N,hover:v,focus:m,valid:M,invalid:L,required:C,loading:E,disabled:A,readonly:I,popup:F,opened:Se,adaptive:qe,adaptiveSettings:ke,adaptiveTitle:Be,adaptiveSubtitle:is,adaptiveFilter:ho,id:vo,activeDescendant:Ka,"aria-label":ls,...ps}=e,ds=vo?`${vo}-listbox`:void 0,zi=vo?`${vo}-value`:void 0;return(0,Z.jsxs)(Z.Fragment,{children:[(0,Z.jsxs)(Pt,{...ps,id:vo,size:t,rounded:o,fillMode:a,hover:v,focus:m,valid:M,invalid:L,required:C,loading:E,disabled:A,readonly:I,className:s(e.className,xp,{"k-icon-picker":!i&&l}),role:"combobox","aria-haspopup":"listbox","aria-expanded":Se?"true":"false","aria-controls":Se?ds:void 0,"aria-activedescendant":Se&&Ka?Ka:void 0,"aria-describedby":Se?zi:void 0,"aria-disabled":A?"true":void 0,"aria-label":ls,tabIndex:0,children:[(0,Z.jsx)(ct,{children:c}),(0,Z.jsx)(Lo,{placeholder:N,value:f,showValue:i,valueIconName:l,id:zi}),(0,Z.jsx)(Ke,{valid:M,invalid:L,loading:E,disabled:A}),(0,Z.jsx)(Je,{loading:E,disabled:A}),(0,Z.jsx)(mt,{children:u}),(0,Z.jsx)(p,{className:"k-input-button",icon:n,size:e.size,fillMode:e.fillMode,"aria-label":N\|\|"Toggle dropdown",tabIndex:-1})]}),Se&&F&&(0,Z.jsx)(J,{className:"k-list-container k-dropdownlist-popup",containerRole:"region",containerAriaLabel:"Dropdown suggestions",children:F}),qe&&(0,Z.jsx)(oe,{adaptive:!0,...ke,header:(0,Z.jsx)(Re,{actionsEnd:(0,Z.jsx)(p,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),filter:ho,inputValue:f,inputPlaceholder:N,title:Be,subtitle:is}),children:(0,Z.jsx)("div",{className:"k-list-container",children:(0,Z.jsx)(R,{size:"large",children:(0,Z.jsxs)(G,{"aria-label":"Options",children:[(0,Z.jsx)(P,{text:"List item"}),(0,Z.jsx)(P,{text:"List item"}),(0,Z.jsx)(P,{text:"List item"})]})})})})]})};me.states=Uf;me.options=Ff;me.className=xp;me.defaultOptions=br;me.moduleName=fp;me.folderName=bp;var Gf=require("react/jsx-runtime");var Np=require("react/jsx-runtime");var xr=require("react/jsx-runtime");var Vf=require("react/jsx-runtime");var hp=require("react/jsx-runtime");var Nr=require("react/jsx-runtime");var $f=require("react/jsx-runtime");var Ze=require("react/jsx-runtime"),Xf=me.states,qf=me.defaultOptions,Wf=me.options,Jf=[{name:"opened",title:"Opened"}],Yf=[],ta=e=>{let{modifiers:t,...o}=e,a={},n=(0,Ze.jsxs)(Ze.Fragment,{children:[(0,Ze.jsx)("div",{className:"k-list-filter",children:(0,Ze.jsx)(ft,{})}),(0,Ze.jsx)(R,{style:{width:300},size:o.size,children:(0,Ze.jsxs)(G,{children:[(0,Ze.jsx)(P,{children:"List item"}),(0,Ze.jsx)(P,{children:"List item"}),(0,Ze.jsx)(P,{children:"List item"})]})})]});return Object.keys(t\|\|{}).forEach(i=>{i==="opened"&&(a.opened=!!(t!=null&&t[i]),a.popup=t!=null&&t[i]?n:void 0)}),(0,Ze.jsx)("div",{children:(0,Ze.jsx)(me,{placeholder:"Value",style:{width:300},...o,...a})})};ta.options=Wf;ta.states=Xf;ta.variants=Yf;ta.defaultOptions=qf;ta.modifiers=Jf;ta.className=me.className;var vp=require("react/jsx-runtime");var gp=require("react/jsx-runtime");var Zf=require("react/jsx-runtime");var wn=require("react/jsx-runtime"),Qf=z.states,jf=z.defaultOptions,eb=z.options,tb=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"spin-button",title:"`Spin` Button"}],ob=[],oa=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(n=>{switch(n){case"prefix":a.prefix=t!=null&&t[n]?(0,wn.jsx)(me,{size:o.size,fillMode:"flat",value:"mm"}):void 0;break;case"suffix":a.suffix=t!=null&&t[n]?(0,wn.jsx)(Is,{children:"mm"}):void 0;break;case"clear-button":a.showClearButton=t==null?void 0:t[n];break;case"spin-button":a.showSpinButton=t==null?void 0:t[n];break;default:break}}),(0,wn.jsx)(jl,{value:"Value",style:{width:300},...o,...a})};oa.options=eb;oa.states=Qf;oa.variants=ob;oa.defaultOptions=jf;oa.modifiers=tb;oa.className=z.className;var k=require("react/jsx-runtime"),Lp="k-colorgradient-inputs",ab=[],nb={size:[d.undefined,d.small,d.medium,d.large]},Mp={mode:"rgba"},aa=e=>{let{mode:t=Mp.mode,size:o,...a}=e;return(0,k.jsxs)("div",{...a,className:s(Lp,"k-hstack"),children:[(0,k.jsx)("div",{className:"k-vstack",children:(0,k.jsx)(p,{fillMode:"flat",icon:"caret-alt-expand",className:"k-colorgradient-toggle-mode",size:o,"aria-label":"Toggle color input format"})}),t==="rgba"&&(0,k.jsxs)(k.Fragment,{children:[(0,k.jsxs)("div",{className:"k-vstack",children:[(0,k.jsx)(z,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Red channel"}),(0,k.jsx)("label",{className:"k-colorgradient-input-label",children:"R"})]}),(0,k.jsxs)("div",{className:"k-vstack",children:[(0,k.jsx)(z,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Green channel"}),(0,k.jsx)("label",{className:"k-colorgradient-input-label",children:"G"})]}),(0,k.jsxs)("div",{className:"k-vstack",children:[(0,k.jsx)(z,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Blue channel"}),(0,k.jsx)("label",{className:"k-colorgradient-input-label",children:"B"})]}),(0,k.jsxs)("div",{className:"k-vstack",children:[(0,k.jsx)(z,{showSpinButton:!1,showClearButton:!1,value:"1.00",size:o,"aria-label":"Alpha channel"}),(0,k.jsx)("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="rgb"&&(0,k.jsxs)(k.Fragment,{children:[(0,k.jsxs)("div",{className:"k-vstack",children:[(0,k.jsx)(z,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Red channel"}),(0,k.jsx)("label",{className:"k-colorgradient-input-label",children:"R"})]}),(0,k.jsxs)("div",{className:"k-vstack",children:[(0,k.jsx)(z,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Green channel"}),(0,k.jsx)("label",{className:"k-colorgradient-input-label",children:"G"})]}),(0,k.jsxs)("div",{className:"k-vstack",children:[(0,k.jsx)(z,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Blue channel"}),(0,k.jsx)("label",{className:"k-colorgradient-input-label",children:"B"})]})]}),t==="hsva"&&(0,k.jsxs)(k.Fragment,{children:[(0,k.jsxs)("div",{className:"k-vstack",children:[(0,k.jsx)(z,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),(0,k.jsx)("label",{className:"k-colorgradient-input-label",children:"H"})]}),(0,k.jsxs)("div",{className:"k-vstack",children:[(0,k.jsx)(z,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),(0,k.jsx)("label",{className:"k-colorgradient-input-label",children:"S"})]}),(0,k.jsxs)("div",{className:"k-vstack",children:[(0,k.jsx)(z,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),(0,k.jsx)("label",{className:"k-colorgradient-input-label",children:"V"})]}),(0,k.jsxs)("div",{className:"k-vstack",children:[(0,k.jsx)(z,{showSpinButton:!1,showClearButton:!1,value:"1.00","aria-label":"Alpha channel"}),(0,k.jsx)("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="hsv"&&(0,k.jsxs)(k.Fragment,{children:[(0,k.jsxs)("div",{className:"k-vstack",children:[(0,k.jsx)(z,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),(0,k.jsx)("label",{className:"k-colorgradient-input-label",children:"H"})]}),(0,k.jsxs)("div",{className:"k-vstack",children:[(0,k.jsx)(z,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),(0,k.jsx)("label",{className:"k-colorgradient-input-label",children:"S"})]}),(0,k.jsxs)("div",{className:"k-vstack",children:[(0,k.jsx)(z,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),(0,k.jsx)("label",{className:"k-colorgradient-input-label",children:"V"})]})]}),t==="hex"&&(0,k.jsx)(k.Fragment,{children:(0,k.jsxs)("div",{className:"k-vstack k-flex-1",children:[(0,k.jsx)(Ae,{showClearButton:!1,value:"#b88484AA",className:"k-hex-value"}),(0,k.jsx)("label",{className:"k-colorgradient-input-label",children:"HEX"})]})})]})};aa.states=ab;aa.options=nb;aa.className=Lp;aa.defaultOptions=Mp;var ye=require("react/jsx-runtime"),Sp="k-colorgradient-color-contrast",sb=[],rb={},ib={},na=()=>(0,ye.jsxs)("div",{className:s(Sp,"k-vbox"),children:[(0,ye.jsxs)("div",{className:"k-contrast-ratio",children:[(0,ye.jsx)("span",{className:"k-contrast-ratio-text",children:"Contrast ratio: 7.1"}),(0,ye.jsxs)("span",{className:"k-contrast-validation !k-text-success",children:[(0,ye.jsx)(g,{icon:"check"}),(0,ye.jsx)(g,{icon:"check"})]})]}),(0,ye.jsxs)("div",{children:[(0,ye.jsx)("span",{children:"AA: 4.5"}),(0,ye.jsxs)("span",{className:"k-contrast-validation !k-text-success",children:["Pass",(0,ye.jsx)(g,{icon:"check"})]})]}),(0,ye.jsxs)("div",{children:[(0,ye.jsx)("span",{children:"AAA: 7.0"}),(0,ye.jsxs)("span",{className:"k-contrast-validation !k-text-error",children:["Fail",(0,ye.jsx)(g,{icon:"x"})]})]})]});na.states=sb;na.options=rb;na.className=Sp;na.defaultOptions=ib;var kp="color-gradient",Cp="colorgradient";var ie=require("react/jsx-runtime"),Dn="k-colorgradient",lb=[r.hover,r.focus,r.readonly,r.disabled],pb={size:[d.undefined,d.small,d.medium,d.large]},_t={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"},xe=e=>{let{size:t,mode:o=_t.mode,readonly:a=_t.readonly,disabled:n=_t.disabled,gradientStyle:i=_t.gradientStyle,dragHandleStyle:l=_t.dragHandleStyle,alphaStyle:c=_t.alphaStyle,alphaStyleHorizontal:u=_t.alphaStyleHorizontal,contrast:f=_t.contrast,dir:N,hover:v,focus:m,hoverHandle:M,focusHandle:L,canvasOrientation:C=_t.canvasOrientation,role:E,tabIndex:A,...I}=e;return(0,ie.jsxs)("div",{...I,role:E??"textbox","aria-label":E==="none"?void 0:"Color gradient",tabIndex:A??0,"aria-disabled":n?"true":void 0,className:s(e.className,Dn,y(Dn,{size:t}),S(Dn,{hover:v,focus:m,readonly:a,disabled:n})),dir:N,children:[!C\|\|C==="horizontal"&&(0,ie.jsxs)("div",{className:"k-colorgradient-canvas k-hstack",children:[(0,ie.jsx)("div",{className:"k-hsv-rectangle",style:i,children:(0,ie.jsx)("div",{className:"k-hsv-gradient",children:(0,ie.jsx)("div",{className:s("k-hsv-draghandle","k-draghandle",{"k-hover":M,"k-focus":L}),style:l,role:"slider","aria-orientation":"undefined","aria-label":"Color well with two-dimensional slider for selecting saturation and lightness","aria-valuetext":"X: 73, Y: 50","aria-valuenow":50,"aria-valuemin":0,"aria-valuemax":100})})}),(0,ie.jsxs)("div",{className:"k-hsv-controls k-hstack",children:[(0,ie.jsx)(Ws,{className:"k-hue-slider",hover:M,focus:L}),o!=="rgb"&&o!=="hsv"&&(0,ie.jsx)(Ws,{className:"k-alpha-slider",hover:M,focus:L,trackStyle:c})]})]}),C==="vertical"&&(0,ie.jsxs)("div",{className:"k-colorgradient-canvas k-vstack",children:[(0,ie.jsx)("div",{className:"k-hsv-rectangle",style:i,children:(0,ie.jsx)("div",{className:"k-hsv-gradient",children:(0,ie.jsx)("div",{className:s("k-hsv-draghandle","k-draghandle",{"k-hover":M,"k-focus":L}),style:l,role:"slider","aria-orientation":"undefined","aria-label":"Color well with two-dimensional slider for selecting saturation and lightness","aria-valuetext":"X: 73, Y: 50","aria-valuenow":50,"aria-valuemin":0,"aria-valuemax":100})})}),(0,ie.jsxs)("div",{className:"k-hsv-controls k-vstack",children:[(0,ie.jsx)(qs,{className:"k-hue-slider",hover:M,focus:L}),o!=="rgb"&&o!=="hsv"&&(0,ie.jsx)(qs,{className:"k-alpha-slider",hover:M,focus:L,trackStyle:u})]})]}),(0,ie.jsx)(aa,{mode:e.mode,size:t}),f&&(0,ie.jsx)(na,{})]})};xe.states=lb;xe.options=pb;xe.className=Dn;xe.defaultOptions=_t;xe.moduleName=kp;xe.folderName=Cp;var Ap=require("react/jsx-runtime"),Hn=e=>(0,Ap.jsx)(xe,{...e});var db=require("react/jsx-runtime");var cb=require("react/jsx-runtime");var zn=require("react/jsx-runtime"),mb=xe.options,ub=xe.states,fb={...xe.defaultOptions,variant:"rgba"},bb=[{name:"rgba",title:"RGBA"},{name:"rgb",title:"RGB"},{name:"hex",title:"HEX"}],xb=[],sa=e=>{let{variant:t,...o}=e;switch(t){case"hex":return(0,zn.jsx)(Hn,{...o,mode:t});case"rgb":return(0,zn.jsx)(Hn,{...o,mode:t});default:return(0,zn.jsx)(Hn,{...o,mode:t})}};sa.options=mb;sa.states=ub;sa.variants=bb;sa.defaultOptions=fb;sa.modifiers=xb;sa.className=xe.className;var Ep=require("react/jsx-runtime"),hr=e=>(0,Ep.jsx)("tr",{role:"row",children:e.children});var yp=require("react/jsx-runtime"),vr="k-colorpalette-tile",Nb=[r.hover,r.focus,r.selected],hb={},co=e=>{let{color:t,tileSize:o,hover:a,focus:n,selected:i,...l}=e,c={backgroundColor:t,width:o?o+"px":"",height:o?o+"px":""};return(0,yp.jsx)("td",{...l,role:"gridcell","aria-label":t,"aria-selected":i?"true":void 0,className:s(e.className,vr,S(vr,{hover:a,focus:n,selected:i})),style:c})};co.states=Nb;co.options=hb;co.className=vr;co.moduleName=null;co.folderName=null;var Ip="color-palette",Tp="colorpalette";var ra=require("react/jsx-runtime"),Un="k-colorpalette",vb=[r.disabled],gb={size:[d.undefined,d.small,d.medium,d.large]},Op={columns:10},Qe=e=>{let{size:t,palette:o,columns:a=Op.columns,tileSize:n,disabled:i,...l}=e,c=[];if(o){let u=a\|\|o.columns,f=o.colors?o.colors:o;Array.isArray(f)&&Array.from({length:Math.ceil(f.length/u)},(N,v)=>{let m=[];f.slice(vu,(v+1)u).map((L,C)=>{m.push((0,ra.jsx)(co,{color:L,tileSize:n},C))});let M=(0,ra.jsx)(hr,{children:m},v);c.push(M)})}return(0,ra.jsx)("div",{...l,role:"grid","aria-label":"Color palette",tabIndex:0,"aria-disabled":i?"true":void 0,className:s(e.className,Un,S(Un,{disabled:i}),y(Un,{size:t})),children:(0,ra.jsx)("table",{className:"k-colorpalette-table",role:"none",children:(0,ra.jsx)("tbody",{children:c.length>0?c:e.children})})})};Qe.states=vb;Qe.options=gb;Qe.className=Un;Qe.defaultOptions=Op;Qe.moduleName=Ip;Qe.folderName=Tp;var Fn=Qe;var on={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}};var Pp=require("react/jsx-runtime"),Bp=e=>(0,Pp.jsx)(Fn,{palette:on.basic,...e});var Lb=require("react/jsx-runtime");var Kp=require("react/jsx-runtime");var Rp=require("react/jsx-runtime"),Mb=Qe.options,Sb=Qe.states,kb={...Qe.defaultOptions,variant:"basic"},Cb=[{name:"basic",title:"Basic"},{name:"monochrome",title:"Monochrome"}],Ab={basic:{colors:["#000000","#7f7f7f","#880015","#ed1c24","#ff7f27","#fff200","#22b14c","#00a2e8","#3f48cc","#a349a4","#ffffff","#c3c3c3","#b97a57","#ffaec9","#ffc90e","#efe4b0","#b5e61d","#99d9ea","#7092be","#c8bfe7"],columns:10},monochrome:{colors:["#000000","#1a1a1a","#333333","#4d4d4d","#666666","#808080","#999999","#b3b3b3","#cccccc","#e6e6e6","#f2f2f2","#ffffff"],columns:12}},Eb=[],ia=e=>{let{variant:t="basic",...o}=e,a=Ab[t];return(0,Rp.jsx)(Bp,{columns:a.columns,palette:a,...o})};ia.options=Mb;ia.states=Sb;ia.variants=Cb;ia.defaultOptions=kb;ia.modifiers=Eb;ia.className=Qe.className;var _p="color-editor",wp="coloreditor";var ae=require("react/jsx-runtime"),Gn="k-coloreditor",yb=[r.focus],Ib={size:[d.undefined,d.small,d.medium,d.large]},an={view:"gradient",palette:on.office,actionButtons:!0,canvasOrientation:"horizontal"},ne=e=>{let{size:t,view:o=an.view,palette:a=an.palette,color:n,currentColor:i,focus:l,focusView:c,dir:u,group:f,actionButtons:N=an.actionButtons,canvasOrientation:v=an.canvasOrientation,...m}=e;return(0,ae.jsxs)("div",{...m,role:"textbox","aria-label":"Color editor",tabIndex:0,className:s(e.className,"k-flatcolorpicker",Gn,y(Gn,{size:t}),S(Gn,{focus:l})),dir:u,children:[(0,ae.jsxs)("div",{className:"k-coloreditor-header k-hstack",children:[(0,ae.jsx)("div",{className:"k-coloreditor-header-actions k-hstack",children:f&&(0,ae.jsxs)(B,{fillMode:"flat",children:[(0,ae.jsx)(p,{className:"k-group-start",size:t,fillMode:"flat",icon:"droplet-slider",selected:o==="gradient","aria-label":"Color gradient view"}),(0,ae.jsx)(p,{className:"k-group-end",size:t,fillMode:"flat",icon:"palette",selected:o==="palette","aria-label":"Color palette view"})]})}),(0,ae.jsx)("div",{className:"k-spacer"}),(0,ae.jsxs)("div",{className:"k-coloreditor-header-actions k-hstack",children:[(0,ae.jsx)(p,{fillMode:"flat",icon:"droplet-slash",size:t,"aria-label":"Reset color"}),(0,ae.jsxs)("div",{className:"k-coloreditor-preview k-vstack",children:[(0,ae.jsx)(ao,{className:"k-coloreditor-preview-color",color:n}),(0,ae.jsx)(ao,{className:"k-coloreditor-current-color",color:i})]})]})]}),(0,ae.jsx)("div",{className:"k-coloreditor-views k-vstack",children:o==="gradient"?(0,ae.jsx)(xe,{focus:c,size:t,canvasOrientation:v,role:"none",tabIndex:-1}):(0,ae.jsx)(Qe,{palette:a,size:t})}),N&&(0,ae.jsxs)(nt,{className:"k-coloreditor-footer",alignment:"start",children:[(0,ae.jsx)(p,{themeColor:"primary",size:t,className:"k-coloreditor-apply",children:"Apply"}),(0,ae.jsx)(p,{className:"k-coloreditor-cancel",size:t,children:"Cancel"})]})]})};ne.states=yb;ne.options=Ib;ne.className=Gn;ne.defaultOptions=an;ne.moduleName=_p;ne.folderName=wp;var la=ne;var Tb=require("react/jsx-runtime");var Ob=require("react/jsx-runtime");var Hp=require("react/jsx-runtime"),Dp=e=>(0,Hp.jsx)(la,{group:!0,currentColor:"fuchsia",...e});var Up=require("react/jsx-runtime"),zp=e=>(0,Up.jsx)(la,{view:"palette",group:!0,currentColor:"fuchsia",...e});var gr=require("react/jsx-runtime"),Bb=ne.options,Pb=ne.states,Kb={...ne.defaultOptions,variant:"gradient"},Rb=[{name:"gradient",title:"Gradient"},{name:"palette",title:"Palette"}],_b=[],pa=e=>{let{variant:t,...o}=e;return t==="palette"?(0,gr.jsx)(zp,{...o,color:"white"}):(0,gr.jsx)(Dp,{...o,color:"rgba(183, 118 , 118, 1.00)"})};pa.options=Bb;pa.states=Pb;pa.variants=Rb;pa.defaultOptions=Kb;pa.modifiers=_b;pa.className=ne.className;var Fp="color-picker",Gp="colorpicker";var le=require("react/jsx-runtime"),Vp="k-colorpicker",wb=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled],Db={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[x.undefined,x.solid,x.flat,x.outline]},$p={arrowIconName:"chevron-down"},Nt=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:n=$p.arrowIconName,prefix:i,suffix:l,value:c,placeholder:u,hover:f,focus:N,valid:v,invalid:m,required:M,disabled:L,valueIconName:C,popup:E,opened:A,adaptive:I,adaptiveSettings:F,adaptiveTitle:Se,adaptiveSubtitle:qe,...ke}=e,Be="colorpicker-popup";return(0,le.jsxs)(le.Fragment,{children:[(0,le.jsxs)(Pt,{...ke,size:t,rounded:o,fillMode:a,hover:f,focus:N,valid:v,invalid:m,required:M,disabled:L,role:"combobox","aria-haspopup":"dialog","aria-expanded":A?"true":"false","aria-controls":A\|\|I?Be:void 0,"aria-label":"Color picker",tabIndex:0,"aria-disabled":L?"true":void 0,className:s(e.className,Vp,"k-icon-picker"),children:[(0,le.jsx)(ct,{children:i}),(0,le.jsx)(Lo,{placeholder:u,value:c,showValue:!1,valueIcon:(0,le.jsx)(ao,{className:"k-value-icon",color:c,iconName:C}),valueIconName:C}),(0,le.jsx)(mt,{children:l}),(0,le.jsx)(p,{className:"k-input-button",icon:n,size:t,fillMode:a,tabIndex:-1,"aria-label":"Open color picker",disabled:L})]}),A&&E&&(0,le.jsx)(J,{id:Be,className:"k-colorpicker-popup",children:E}),I&&(0,le.jsx)(oe,{adaptive:!0,id:Be,...F,header:(0,le.jsx)(Re,{actionsEnd:(0,le.jsx)(p,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply"}),title:Se,subtitle:qe}),footer:(0,le.jsxs)(no,{children:[(0,le.jsx)(p,{text:"Cancel",size:"large"}),(0,le.jsx)(p,{text:"Set",size:"large",themeColor:"primary"})]}),children:(0,le.jsx)(ne,{canvasOrientation:"vertical",size:"large",actionButtons:!1,group:!0})})]})};Nt.states=wb;Nt.options=Db;Nt.className=Vp;Nt.defaultOptions=$p;Nt.moduleName=Fp;Nt.folderName=Gp;var Jt=Nt;var Xp=require("react/jsx-runtime"),Vn=e=>(0,Xp.jsx)(Jt,{...e});var Hb=require("react/jsx-runtime");var zb=require("react/jsx-runtime");var Ub=require("react/jsx-runtime");var Fb=require("react/jsx-runtime");var Gb=require("react/jsx-runtime");var Vb=require("react/jsx-runtime");var mo=require("react/jsx-runtime"),$b=Jt.options,Xb=Jt.states,qp={...Jt.defaultOptions,variant:"color"},qb=[{name:"color",title:"Color",default:!0},{name:"no color",title:"No color"},{name:"icon",title:"Icon"}],Wb=[{name:"opened",title:"Opened"}],da=e=>{let{variant:t,modifiers:o,...a}={...qp,...e},n={};Object.keys(o\|\|{}).forEach(l=>{l==="opened"&&(n.opened=!!(o!=null&&o[l]),n.popup=o!=null&&o[l]?(0,mo.jsx)(ne,{size:a.size,color:"rgba(183, 118 , 118, 1.00)",group:!0}):"")});let i=n.opened?{width:"272px",height:"390px"}:{};switch(t){case"no color":return(0,mo.jsx)("div",{style:i,children:(0,mo.jsx)(Vn,{...a,...n})});case"icon":return(0,mo.jsx)("div",{style:i,children:(0,mo.jsx)(Vn,{value:"rgba(183, 118 , 118, 1.00)",valueIconName:"edit-tools",...a,...n})});default:return(0,mo.jsx)("div",{style:i,children:(0,mo.jsx)(Vn,{value:"rgba(183, 118 , 118, 1.00)",...a,...n})})}};da.options=$b;da.states=Xb;da.variants=qb;da.defaultOptions=qp;da.modifiers=Wb;da.className=Jt.className;var Lr="combobox",Wp=Lr;var w=require("react/jsx-runtime"),Jp="k-combobox",Jb=[r.hover,r.focus,r.valid,r.invalid,r.loading,r.required,r.disabled,r.readonly],Yb={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[x.undefined,x.solid,x.flat,x.outline]},Mr={separators:!0,showClearButton:!0},De=e=>{let{size:t,rounded:o,fillMode:a,separators:n=Mr.separators,showClearButton:i=Mr.showClearButton,prefix:l,suffix:c,value:u,placeholder:f,hover:N,focus:v,valid:m,invalid:M,required:L,loading:C,disabled:E,popup:A,opened:I,readonly:F,adaptive:Se,adaptiveSettings:qe,adaptiveTitle:ke,adaptiveSubtitle:Be,adaptiveCustomValue:is,id:ho,autocomplete:vo,activeDescendant:Ka,"aria-label":ls,...ps}=e,ds=ho?`${ho}-listbox`:void 0;return(0,w.jsxs)(w.Fragment,{children:[(0,w.jsxs)(te,{...ps,size:t,rounded:o,fillMode:a,hover:N,focus:v,valid:m,invalid:M,required:L,loading:C,disabled:E,readonly:F,className:s(e.className,Jp),children:[l&&(0,w.jsxs)(w.Fragment,{children:[(0,w.jsx)(ct,{children:l}),n&&(0,w.jsx)(ut,{})]}),(0,w.jsx)(Pe,{id:ho,placeholder:f,value:u,role:"combobox","aria-haspopup":"listbox","aria-expanded":I?"true":"false","aria-controls":I?ds:void 0,"aria-activedescendant":I&&Ka?Ka:void 0,"aria-autocomplete":vo,"aria-invalid":M?"true":void 0,"aria-busy":C?"true":void 0,"aria-label":ls,disabled:E,readOnly:F}),(0,w.jsx)(Ke,{valid:m,invalid:M,loading:C,disabled:E}),(0,w.jsx)(Je,{loading:C,disabled:E}),i&&(0,w.jsx)(at,{loading:C,disabled:E,readonly:F,value:u}),c&&(0,w.jsxs)(w.Fragment,{children:[n&&(0,w.jsx)(ut,{}),(0,w.jsx)(mt,{children:c})]}),(0,w.jsx)(p,{className:"k-input-button",icon:"chevron-down",size:t,fillMode:a,"aria-label":"Open popup",tabIndex:-1,disabled:E})]}),I&&A&&(0,w.jsx)(J,{className:"k-list-container k-combobox-popup",containerRole:"region",containerAriaLabel:"Combobox suggestions",children:A}),Se&&(0,w.jsx)(oe,{adaptive:!0,id:ho?`${ho}-adaptive`:void 0,...qe,header:(0,w.jsx)(Re,{actionsEnd:(0,w.jsx)(p,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),input:!0,inputValue:u,inputPlaceholder:f,title:ke,subtitle:Be}),children:(0,w.jsx)("div",{className:"k-list-container",children:(0,w.jsx)(R,{customValue:is?(0,w.jsx)(po,{text:`Use "${u}"`}):void 0,size:"large",children:(0,w.jsxs)(G,{"aria-label":ke\|\|"Options",children:[(0,w.jsx)(P,{text:"List item"}),(0,w.jsx)(P,{text:"List item"}),(0,w.jsx)(P,{text:"List item"})]})})})})]})};De.states=Jb;De.options=Yb;De.className=Jp;De.defaultOptions=Mr;De.moduleName=Lr;De.folderName=Wp;var it=De;var Zp=require("react/jsx-runtime"),Yp=e=>(0,Zp.jsx)(it,{...e});var Qp=require("react/jsx-runtime");var jp=require("react/jsx-runtime");var ed=require("react/jsx-runtime");var td=require("react/jsx-runtime");var od=require("react/jsx-runtime");var ad=require("react/jsx-runtime");var Sr=require("react/jsx-runtime");var Zb=require("react/jsx-runtime");var Qb=require("react/jsx-runtime");var nd=require("react/jsx-runtime");var sd=require("react/jsx-runtime");var Et=require("react/jsx-runtime"),jb=De.states,ex=De.defaultOptions,tx=De.options,ox=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"opened",title:"Opened"}],ax=[],ca=e=>{let{modifiers:t,...o}=e,a={},n=(0,Et.jsx)(R,{style:{width:300},size:o.size,children:(0,Et.jsxs)(G,{children:[(0,Et.jsx)(P,{children:"List item"}),(0,Et.jsx)(P,{children:"List item"}),(0,Et.jsx)(P,{children:"List item"})]})});return Object.keys(t\|\|{}).forEach(i=>{switch(i){case"prefix":a.prefix=t!=null&&t[i]?(0,Et.jsx)(g,{icon:"map-marker-target"}):void 0;break;case"suffix":a.suffix=t!=null&&t[i]?(0,Et.jsx)(W,{size:o.size,icon:"copy",fillMode:"clear"}):void 0;break;case"opened":a.opened=!!(t!=null&&t[i]),a.popup=t!=null&&t[i]?n:void 0;break;default:break}}),(0,Et.jsx)("div",{children:(0,Et.jsx)(Yp,{value:"Value",style:{width:300},...o,...a})})};ca.options=tx;ca.states=jb;ca.variants=ax;ca.defaultOptions=ex;ca.modifiers=ox;ca.className=De.className;var kr="menu-button",rd=kr;var ld=require("react/jsx-runtime"),id="k-menu-button",nx=[r.hover,r.focus,r.active,r.selected,r.disabled],sx={size:[d.undefined,d.xsmall,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[x.undefined,x.solid,x.flat,x.outline,x.clear,x.link],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary,h.success,h.warning,h.error,h.info,h.inverse]},Cr={showArrow:!0,arrowIconName:"chevron-down"},U=e=>{let{size:t,rounded:o,fillMode:a,themeColor:n,hover:i,focus:l,active:c,selected:u,disabled:f,icon:N,text:v,showArrow:m=Cr.showArrow,arrowIconName:M=Cr.arrowIconName,expanded:L,...C}=e;return(0,ld.jsx)(p,{...C,className:s(e.className,id),text:v,size:t,rounded:o,fillMode:a,themeColor:n,hover:i,focus:l,active:c,selected:u,disabled:f,ariaDisabled:f\|\|void 0,icon:N,showArrow:m,arrowIconName:M,"aria-expanded":L?"true":"false",...!v&&N&&!e["aria-label"]&&{"aria-label":"Menu"}})};U.states=nx;U.options=sx;U.className=id;U.defaultOptions=Cr;U.moduleName=kr;U.folderName=rd;var rx=require("react/jsx-runtime");var ix=require("react/jsx-runtime");var lx=require("react/jsx-runtime");var lt="menu",ht=lt;var Yt=require("react/jsx-runtime"),Ar="k-menu-item",px=[r.hover,r.focus,r.active,r.selected,r.disabled],dx={},pd={iconPosition:"before"},Ie=e=>{let{hover:t,focus:o,active:a,selected:n,disabled:i,icon:l,text:c,showArrow:u,arrowIconName:f,iconPosition:N=pd.iconPosition,dir:v,children:m,expanded:M,...L}=e,C=f;return C\|\|(C=v==="rtl"?"chevron-left":"chevron-right"),(0,Yt.jsxs)("li",{...L,className:s(e.className,Ar,"k-item",S(Ar,{focus:o,disabled:i,hover:t,active:a,selected:n})),role:"menuitem",...u&&{"aria-haspopup":"menu"},...u&&{"aria-expanded":M?"true":"false"},...i&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[(0,Yt.jsxs)("span",{className:s("k-link k-menu-link"),children:[l&&N==="before"&&(0,Yt.jsx)(g,{className:"k-menu-link-icon",icon:l}),(0,Yt.jsx)("span",{className:"k-menu-link-text",children:c}),l&&N==="after"&&(0,Yt.jsx)(g,{className:"k-menu-link-icon",icon:l}),u&&(0,Yt.jsx)("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:(0,Yt.jsx)(g,{icon:C})})]}),m]})};Ie.states=px;Ie.options=dx;Ie.className=Ar;Ie.defaultOptions=pd;Ie.moduleName=lt;Ie.folderName=ht;var yt=require("react/jsx-runtime"),Er="k-menu-item",cx=[r.hover,r.focus,r.active,r.selected,r.disabled],mx={},yr={dir:"ltr",iconPosition:"before"},Q=e=>{let{hover:t,focus:o,active:a,selected:n,disabled:i,icon:l,text:c,showArrow:u,arrowIconName:f,iconPosition:N=yr.iconPosition,dir:v=yr.dir,children:m,popup:M,expanded:L,actions:C,description:E,...A}=e,I=f;return I\|\|(I=v==="rtl"?"chevron-left":"chevron-right"),(0,yt.jsxs)("li",{role:"menuitem",...A,className:s(e.className,Er,"k-item",S(Er,{focus:o,disabled:i})),...u&&{"aria-haspopup":"menu"},...u&&{"aria-expanded":L?"true":"false"},...i&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[(0,yt.jsxs)("span",{className:s("k-link k-menu-link",S("k-menu-link",{hover:t,active:a,selected:n,disabled:i})),children:[l&&N==="before"&&(0,yt.jsx)(g,{className:"k-menu-link-icon",icon:l}),(0,yt.jsx)("span",{className:"k-menu-link-text",children:c}),l&&N==="after"&&(0,yt.jsx)(g,{className:"k-menu-link-icon",icon:l}),C&&(0,yt.jsx)("span",{className:"k-menu-link-actions",children:C}),u&&(0,yt.jsx)("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:(0,yt.jsx)(g,{icon:I})}),E&&(0,yt.jsx)("span",{className:"k-menu-link-description",children:E})]}),m,M]})};Q.states=cx;Q.options=mx;Q.className=Er;Q.defaultOptions=yr;Q.moduleName=lt;Q.folderName=ht;var md=require("react/jsx-runtime"),dd="k-menu-scroll-wrapper",ux=[],fx={},bx={},Ao=e=>{let{className:t,children:o,orientation:a,...n}=e;return(0,md.jsx)("div",{...n,className:s(t,dd,{"k-menu-scroll-wrapper-vertical":a==="vertical"}),children:o})};Ao.states=ux;Ao.options=fx;Ao.className=dd;Ao.defaultOptions=bx;Ao.moduleName=lt;Ao.folderName=ht;var cd=Ao;var Ne=require("react/jsx-runtime"),Xn="k-menu",xx=[],Nx={size:[d.undefined,d.small,d.medium,d.large]},qn={orientation:"horizontal",header:!0,scrollButtonsPosition:"around"},he=e=>{let{children:t,orientation:o=qn.orientation,header:a=qn.header,scrollable:n,scrollButtonsPosition:i=qn.scrollButtonsPosition,wrapperStyles:l,dir:c,size:u,popup:f,contextMenu:N,...v}=e,m={horizontal:{prev:c!=="rtl"?"left":"right",next:c!=="rtl"?"right":"left"},vertical:{prev:"up",next:"down"}},M=(0,Ne.jsx)("ul",{dir:c,...v,className:s(e.className,"k-reset",Xn,{[`${Xn}-${o}`]:o,"k-header":a},y(Xn,{size:u})),role:N?"menu":"menubar",...o==="vertical"&&{"aria-orientation":"vertical"},children:t});return(0,Ne.jsxs)(Ne.Fragment,{children:[n?(0,Ne.jsxs)(cd,{orientation:o,style:l,dir:e.dir,children:[i==="start"&&(0,Ne.jsxs)(Ne.Fragment,{children:[(0,Ne.jsx)(p,{fillMode:"flat",size:"xsmall",icon:`chevron-${m[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),(0,Ne.jsx)(p,{fillMode:"flat",size:"xsmall",icon:`chevron-${m[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),i==="around"&&(0,Ne.jsx)(p,{fillMode:"flat",size:"xsmall",icon:`chevron-${m[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),M,i==="end"&&(0,Ne.jsxs)(Ne.Fragment,{children:[(0,Ne.jsx)(p,{fillMode:"flat",size:"xsmall",icon:`chevron-${m[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),(0,Ne.jsx)(p,{fillMode:"flat",size:"xsmall",icon:`chevron-${m[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),i==="around"&&(0,Ne.jsx)(p,{fillMode:"flat",size:"xsmall",icon:`chevron-${m[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}):M,f]})};he.states=xx;he.options=Nx;he.className=Xn;he.defaultOptions=qn;he.moduleName=lt;he.folderName=ht;var fd=require("react/jsx-runtime"),Ir="k-separator",ud={orientation:"horizontal"},ma=e=>{let{orientation:t=ud.orientation,...o}=e;return(0,fd.jsx)("li",{...o,className:s(e.className,"k-item",Ir,{[`${Ir}-${t}`]:t}),role:"separator"})};ma.className=Ir;ma.defaultOptions=ud;ma.moduleName=lt;ma.folderName=ht;var bd=require("react/jsx-runtime");var xd=require("react/jsx-runtime"),Tr="k-menu-group",hx=[],vx={size:[d.undefined,d.small,d.medium,d.large]},gx={},Te=e=>{let{children:t,size:o,...a}=e;return(0,xd.jsx)("ul",{role:"menu",...a,className:s(e.className,Tr,y(Tr,{size:o})),children:t})};Te.states=hx;Te.options=vx;Te.className=Tr;Te.defaultOptions=gx;Te.moduleName=lt;Te.folderName=ht;var Nd=require("react/jsx-runtime");var It=require("react/jsx-runtime"),Or=e=>(0,It.jsx)(he,{children:(0,It.jsxs)(It.Fragment,{children:[(0,It.jsx)(Ie,{text:"Item 1"}),(0,It.jsx)(Ie,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 2"}),(0,It.jsx)(Ie,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 3"}),(0,It.jsx)(Ie,{text:"Item 4"}),(0,It.jsx)(Ie,{text:"Item 5"})]}),...e});var Br=require("react/jsx-runtime");var Pr=require("react/jsx-runtime");var Kr=require("react/jsx-runtime");var Rr=require("react/jsx-runtime");var wt=require("react/jsx-runtime"),Lx={...he.options,scrollable:{type:"boolean"}},Mx=he.states,hd={...he.defaultOptions,variant:"horizontal"},Sx=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],kx=[{name:"opened",title:"Opened"}],ua=e=>{let{variant:t,modifiers:o,...a}={...hd,...e},n={},i=t==="vertical"?{left:"200px",top:"30px"}:{left:"90px",top:"auto"};return Object.keys(o\|\|{}).forEach(l=>{l==="opened"&&(n.opened=!!(o!=null&&o[l]),n.popup=o!=null&&o[l]?(0,wt.jsx)(J,{className:"k-menu-popup",offset:i,children:(0,wt.jsxs)(Te,{children:[(0,wt.jsx)(Q,{text:"Item 1"}),(0,wt.jsx)(Q,{text:"Item 2"}),(0,wt.jsx)(ma,{}),(0,wt.jsx)(Q,{text:"Item 3"})]})}):null)}),t==="vertical"?(0,wt.jsx)(Or,{...a,...n,orientation:"vertical",style:{width:"200px"}}):(0,wt.jsx)(Or,{...a,...n})};ua.options=Lx;ua.states=Mx;ua.variants=Sx;ua.defaultOptions=hd;ua.modifiers=kx;ua.className=he.className;var _r=require("react/jsx-runtime");var Cx=require("react/jsx-runtime");var Oe=require("react/jsx-runtime"),Ax=p.states,vd={...p.defaultOptions,variant:"text"},Ex=p.options,yx=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Ix=[{name:"opened",title:"Opened"}],fa=e=>{let{variant:t,modifiers:o,...a}={...vd,...e},n={},i=(0,Oe.jsx)(J,{className:"k-menu-popup",children:(0,Oe.jsxs)(Te,{size:a.size,children:[(0,Oe.jsx)(Q,{text:"Menu Item"}),(0,Oe.jsx)(Q,{text:"Menu Item"}),(0,Oe.jsx)(Q,{text:"Menu Item"})]})}),l;switch(t){case"icon-only":l=(0,Oe.jsx)("div",{children:(0,Oe.jsx)(U,{...a,...n,icon:"star"})});break;case"icon-and-text":l=(0,Oe.jsx)("div",{children:(0,Oe.jsx)(U,{...a,...n,icon:"star",children:"Dropdown Button"})});break;default:l=(0,Oe.jsx)("div",{children:(0,Oe.jsx)(U,{...a,...n,children:"Dropdown Button"})});break}return(0,Oe.jsxs)(Oe.Fragment,{children:[l,(o==null?void 0:o.opened)&&i]})};fa.options=Ex;fa.states=Ax;fa.variants=yx;fa.defaultOptions=vd;fa.modifiers=Ix;fa.className=U.className;var wr="split-button",gd=wr;var Zt=require("react/jsx-runtime"),Dr="k-split-button",Tx=[r.hover,r.focus,r.active,r.selected,r.disabled],Ox={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[x.undefined,x.solid,x.flat,x.outline,x.clear,x.link],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary,h.success,h.warning,h.error,h.info,h.inverse]},Ld={arrowIconName:"chevron-down"},_=e=>{let{size:t,rounded:o,fillMode:a,themeColor:n,hover:i,focus:l,active:c,selected:u,disabled:f,icon:N,text:v,arrowIconName:m=Ld.arrowIconName,popup:M,opened:L,popupId:C,...E}=e;return(0,Zt.jsxs)(Zt.Fragment,{children:[(0,Zt.jsxs)("div",{...E,className:s(e.className,Dr,"k-button-group",y(Dr,{rounded:o})),children:[(0,Zt.jsx)(p,{text:v,icon:N,size:t,rounded:o,fillMode:a,themeColor:n,hover:i,focus:l,active:c,selected:u,disabled:f,...!v&&!e.children&&N&&{"aria-label":"Action"},children:e.children}),(0,Zt.jsx)(p,{className:"k-split-button-arrow",icon:m,size:t,rounded:o,fillMode:a,disabled:f,ariaDisabled:f\|\|void 0,"aria-label":"Toggle dropdown","aria-expanded":L?"true":"false","aria-controls":L?C:void 0,tabIndex:-1})]}),L&&M&&(0,Zt.jsx)(J,{className:"k-menu-popup",children:M})]})};_.states=Tx;_.options=Ox;_.className=Dr;_.defaultOptions=Ld;_.moduleName=wr;_.folderName=gd;var Hr=_;var Md=require("react/jsx-runtime"),Bx="k-toolbar-separator",Tt=e=>(0,Md.jsx)("div",{className:s(Bx,e.className,"k-separator")});var Eo="toolbar",ba=Eo;var O=require("react/jsx-runtime"),Qt="k-toolbar",Px=[r.focus],Kx={size:[d.undefined,d.small,d.medium,d.large],fillMode:[x.undefined,x.solid,x.outline,x.flat]},Rx={scrollButtons:"around"},$=e=>{let{size:t,fillMode:o,focus:a,resizable:n,scrollable:i,scrollButtons:l,scrollingPosition:c,section:u,...f}=e,N=[],v=(m,M)=>{let L=[];if(m.type===p&&m.props.className&&m.props.className.includes("k-toolbar-overflow-button"))L.push((0,O.jsx)(p,{...m.props,className:`${m.props.className?m.props.className:""}`},`${M}-${new Date().getTime()}`));else if(m.type===p)L.push((0,O.jsx)(p,{...m.props,className:`k-toolbar-button ${m.props.className?m.props.className:""}`},`${M}-${new Date().getTime()}`));else if(m.type===Ha)L.push((0,O.jsx)(Ha,{...m.props,className:`k-toolbar-button ${m.props.className?m.props.className:""}`},`${M}-${new Date().getTime()}`));else if(m.type===W)L.push((0,O.jsx)(W,{...m.props,className:`k-toolbar-button ${m.props.className?m.props.className:""}`},`${M}-${new Date().getTime()}`));else if(m.type===U)L.push((0,O.jsx)(U,{...m.props,className:`k-toolbar-menu-button ${m.props.className?m.props.className:""}`},`${M}-${new Date().getTime()}`));else if(m.type===Hr)L.push((0,O.jsx)(Hr,{...m.props,className:`k-toolbar-split-button ${m.props.className?m.props.className:""}`},`${M}-${new Date().getTime()}`));else if(m.type===B\|\|m.props.className&&m.props.className.includes("k-button-group")){let C=[];(Array.isArray(m.props.children)?m.props.children:[m.props.children]).forEach((A,I)=>{C.push((0,O.jsx)(p,{...A.props,className:`${A.props.className?A.props.className:""}`},`${I}-${new Date().getTime()}`))}),L.push((0,O.jsx)(B,{...m.props,className:`k-toolbar-button-group ${m.props.className?m.props.className:""}`,children:C},`${M}-${new Date().getTime()}`))}else m.type===De?L.push((0,O.jsx)(De,{...m.props,className:`k-toolbar-combobox ${m.props.className?m.props.className:""}`},`${M}-${new Date().getTime()}`)):m.type===me?L.push((0,O.jsx)(me,{...m.props,className:`k-toolbar-dropdownlist ${m.props.className?m.props.className:""}`},`${M}-${new Date().getTime()}`)):m.type===Nt?L.push((0,O.jsx)(Nt,{...m.props,className:`k-toolbar-colorpicker ${m.props.className?m.props.className:""}`},`${M}-${new Date().getTime()}`)):L.push(m);L.forEach(C=>{N.push(C)})};return e.children&&(Array.isArray(e.children)?e.children:[e.children]).forEach((M,L)=>{v(M,L)}),(0,O.jsxs)("div",{...f,className:s(e.className,Qt,y(Qt,{size:t,fillMode:o}),S(Qt,{focus:a}),{[`${Qt}-resizable`]:n,[`${Qt}-scrollable`]:i,[`${Qt}-scrollable-overlay`]:i&&l==="hidden",[`${Qt}-scrollable-${c}`]:c&&c!=="both",[`${Qt}-section`]:u}),role:"toolbar","aria-label":"Toolbar",children:[!i&&N,i&&l==="hidden"&&(0,O.jsx)("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N}),i&&l==="start"&&(0,O.jsxs)(O.Fragment,{children:[(0,O.jsxs)(B,{children:[(0,O.jsx)("span",{className:s("k-toolbar-prev","k-button",y("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,O.jsx)(g,{className:"k-button-icon",icon:"chevron-left"})}),(0,O.jsx)("span",{className:s("k-toolbar-next","k-button",y("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,O.jsx)(g,{className:"k-button-icon",icon:"chevron-right"})})]}),(0,O.jsx)(Tt,{className:"k-toolbar-button-separator"}),(0,O.jsx)("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N})]}),i&&l==="end"&&(0,O.jsxs)(O.Fragment,{children:[(0,O.jsx)("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N}),(0,O.jsx)(Tt,{className:"k-toolbar-button-separator"}),(0,O.jsxs)(B,{children:[(0,O.jsx)("span",{className:s("k-toolbar-prev","k-button",y("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,O.jsx)(g,{className:"k-button-icon",icon:"chevron-left"})}),(0,O.jsx)("span",{className:s("k-toolbar-next","k-button",y("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,O.jsx)(g,{className:"k-button-icon",icon:"chevron-right"})})]})]}),i&&(l==="around"\|\|!l)&&(0,O.jsxs)(O.Fragment,{children:[(0,O.jsx)("span",{className:s("k-toolbar-prev","k-button",y("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,O.jsx)(g,{className:"k-button-icon",icon:"chevron-left"})}),(0,O.jsx)(Tt,{className:"k-toolbar-button-separator"}),(0,O.jsx)("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N}),(0,O.jsx)(Tt,{className:"k-toolbar-button-separator"}),(0,O.jsx)("span",{className:s("k-toolbar-next","k-button",y("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,O.jsx)(g,{className:"k-button-icon",icon:"chevron-right"})})]})]})};$.states=Px;$.options=Kx;$.className=Qt;$.defaultOptions=Rx;$.moduleName=Eo;$.folderName=ba;var Sd=require("react/jsx-runtime"),zr="k-toolbar-item",_x=[r.focus],wx={},Dx={},xa=e=>{let{focus:t,...o}=e;return(0,Sd.jsx)("div",{...o,className:s(e.className,zr,S(zr,{focus:t})),children:e.children})};xa.states=_x;xa.options=wx;xa.className=zr;xa.defaultOptions=Dx;xa.moduleName=Eo;xa.folderName=ba;var Ur=require("react/jsx-runtime"),kd="k-toolbar-popup",Hx=[],zx={size:[d.undefined,d.small,d.medium,d.large],fillMode:[x.undefined,x.solid,x.outline,x.flat]},Ux={},yo=e=>{let{size:t,fillMode:o,section:a,...n}=e;return(0,Ur.jsx)(J,{...n,className:s(e.className,kd),children:a?(0,Ur.jsx)("span",{className:s("k-toolbar-items-list",y("k-toolbar-items-list",{size:t,fillMode:o})),role:"toolbar",children:e.children}):e.children})};yo.states=Hx;yo.options=zx;yo.className=kd;yo.defaultOptions=Ux;yo.moduleName=Eo;yo.folderName=ba;var Wn=yo;var Fx=require("react/jsx-runtime");var Gx=require("react/jsx-runtime");var Vx=require("react/jsx-runtime");var Cd=require("react/jsx-runtime");var $x=require("react/jsx-runtime");var vt=require("react/jsx-runtime"),Xx=_.states,Ad={..._.defaultOptions,variant:"text"},qx=_.options,Wx=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Jx=[{name:"opened",title:"Opened"}],Na=e=>{let{variant:t,modifiers:o,...a}={...Ad,...e},n={},i=(0,vt.jsxs)(Te,{size:a.size,children:[(0,vt.jsx)(Q,{text:"Menu Item"}),(0,vt.jsx)(Q,{text:"Menu Item"}),(0,vt.jsx)(Q,{text:"Menu Item"})]});switch(Object.keys(o\|\|{}).forEach(l=>{l==="opened"&&(n.opened=!!(o!=null&&o[l]),n.popup=o!=null&&o[l]?i:"")}),t){case"icon-only":return(0,vt.jsx)("div",{children:(0,vt.jsx)(_,{...a,...n,icon:"star"})});case"icon-and-text":return(0,vt.jsx)("div",{children:(0,vt.jsx)(_,{...a,...n,icon:"star",children:"Split Button"})});default:return(0,vt.jsx)("div",{children:(0,vt.jsx)(_,{...a,...n,children:"Split Button"})})}};Na.options=qx;Na.states=Xx;Na.variants=Wx;Na.defaultOptions=Ad;Na.modifiers=Jx;Na.className=_.className;var Dt=require("react/jsx-runtime"),Ed=e=>(0,Dt.jsx)($,{children:[(0,Dt.jsx)(p,{children:"Button"},"toolbar-button"),(0,Dt.jsx)(U,{text:"Menu button"},"toolbar-menu-button"),(0,Dt.jsx)(_,{children:"Split button"},"toolbar-split-button"),(0,Dt.jsxs)(B,{children:[(0,Dt.jsx)(p,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,Dt.jsx)(p,{icon:"align-center",children:"Center"}),(0,Dt.jsx)(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});var yd=require("react/jsx-runtime");var ve=require("react/jsx-runtime"),Id=e=>(0,ve.jsx)($,{scrollable:!0,...e,children:[(0,ve.jsx)(p,{children:"Button"},"toolbar-button"),(0,ve.jsx)(U,{text:"Menu button"},"toolbar-menu-button"),(0,ve.jsx)(_,{children:"Split button"},"toolbar-split-button"),(0,ve.jsxs)(B,{children:[(0,ve.jsx)(p,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,ve.jsx)(p,{icon:"align-center",children:"Center"}),(0,ve.jsx)(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),(0,ve.jsx)(p,{children:"Button"},"toolbar-button"),(0,ve.jsx)(U,{text:"Menu button"},"toolbar-menu-button"),(0,ve.jsx)(_,{children:"Split button"},"toolbar-split-button"),(0,ve.jsxs)(B,{children:[(0,ve.jsx)(p,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,ve.jsx)(p,{icon:"align-center",children:"Center"}),(0,ve.jsx)(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});var ge=require("react/jsx-runtime"),Td=({scrollingPosition:e="start",...t})=>(0,ge.jsx)($,{scrollable:!0,scrollButtons:"hidden",scrollingPosition:e,...t,children:[(0,ge.jsx)(p,{children:"Button"},"toolbar-button"),(0,ge.jsx)(U,{text:"Menu button"},"toolbar-menu-button"),(0,ge.jsx)(_,{children:"Split button"},"toolbar-split-button"),(0,ge.jsxs)(B,{children:[(0,ge.jsx)(p,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,ge.jsx)(p,{icon:"align-center",children:"Center"}),(0,ge.jsx)(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),(0,ge.jsx)(p,{children:"Button"},"toolbar-button"),(0,ge.jsx)(U,{text:"Menu button"},"toolbar-menu-button"),(0,ge.jsx)(_,{children:"Split button"},"toolbar-split-button"),(0,ge.jsxs)(B,{children:[(0,ge.jsx)(p,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,ge.jsx)(p,{icon:"align-center",children:"Center"}),(0,ge.jsx)(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...t});var j=require("react/jsx-runtime"),Od=({fillMode:e,size:t,...o})=>(0,j.jsxs)(j.Fragment,{children:[(0,j.jsx)($,{section:!0,fillMode:e,size:t,children:[(0,j.jsx)(p,{fillMode:e,size:t,children:"Button"},"toolbar-button"),(0,j.jsxs)(B,{fillMode:e,children:[(0,j.jsx)(p,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),(0,j.jsx)(p,{icon:"align-center",fillMode:e,size:t,children:"Center"}),(0,j.jsx)(p,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group"),(0,j.jsx)(Tt,{className:"k-toolbar-button-separator"}),(0,j.jsx)(p,{icon:"more-horizontal",className:"k-toolbar-overflow-button",fillMode:"flat",size:t,"aria-label":"More options","aria-expanded":"false"})],...o}),(0,j.jsxs)(Wn,{size:t,fillMode:e,section:!0,...o,children:[(0,j.jsx)(_,{fillMode:e,size:t,children:"Split button"},"toolbar-split-button"),(0,j.jsx)(p,{fillMode:e,size:t,children:"Button"},"toolbar-button"),(0,j.jsx)(Tt,{}),(0,j.jsx)(U,{text:"Menu button",fillMode:e,size:t},"toolbar-menu-button"),(0,j.jsxs)(B,{fillMode:e,children:[(0,j.jsx)(p,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),(0,j.jsx)(p,{icon:"align-center",fillMode:e,size:t,children:"Center"}),(0,j.jsx)(p,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group")]})]});var Fr=require("react/jsx-runtime");var Gr=require("react/jsx-runtime");var jt=require("react/jsx-runtime"),Yx=$.options,Zx=$.states,Bd={...$.defaultOptions,variant:"default"},Qx=[{name:"default",title:"Default"},{name:"scrollable",title:"Scrollable"},{name:"overlay",title:"Overlay"},{name:"responsive",title:"Responsive"}],jx=[],ha=e=>{let{variant:t,...o}={...Bd,...e};switch(t){case"responsive":return(0,jt.jsx)("div",{children:(0,jt.jsx)(Od,{style:{width:"583px"},...o})});case"overlay":return(0,jt.jsx)("div",{children:(0,jt.jsx)(Td,{style:{width:"583px"},...o,scrollingPosition:"start",scrollButtons:"hidden"})});case"scrollable":return(0,jt.jsx)("div",{children:(0,jt.jsx)(Id,{style:{width:"583px"},...o})});default:return(0,jt.jsx)("div",{children:(0,jt.jsx)(Ed,{style:{width:"583px"},...o})})}};ha.options=Yx;ha.states=Zx;ha.variants=Qx;ha.defaultOptions=Bd;ha.modifiers=jx;ha.className=$.className;var nn=require("react/jsx-runtime"),Jn="k-fab",oN=[r.hover,r.focus,r.active,r.selected,r.disabled],aN={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary]},Pd={type:"button"},pe=e=>{let{size:t,rounded:o,themeColor:a,text:n,icon:i,type:l=Pd.type,position:c,hover:u,focus:f,active:N,selected:v,disabled:m,...M}=e;return(0,nn.jsxs)("button",{...M,type:l,className:s(e.className,Jn,y(Jn,{size:t,rounded:o,themeColor:a}),S(Jn,{hover:u,focus:f,active:N,disabled:m,selected:v}),{[`!k-pos-absolute k-${c}`]:c}),...!n&&i&&!e["aria-label"]&&{"aria-label":"Action"},...m&&{"aria-disabled":"true"},disabled:m\|\|void 0,children:[i&&(0,nn.jsx)(g,{className:"k-fab-icon",icon:i}),n&&(0,nn.jsx)("span",{className:"k-fab-text",children:n})]})};pe.states=oN;pe.options=aN;pe.className=Jn;pe.defaultOptions=Pd;pe.moduleName="fab";pe.folderName="fab";var Rd=require("react/jsx-runtime"),nN="k-fab-items",Kd=e=>{let{position:t,...o}=e;return(0,Rd.jsx)("ul",{...o,className:s(e.className,nN,{[`k-fab-items-${t}`]:t}),children:e.children})};var sn=require("react/jsx-runtime"),_d="k-fab-item",sN=[r.hover,r.focus,r.active,r.disabled],Vr=e=>{let{text:t,icon:o,align:a,hover:n,focus:i,active:l,disabled:c,...u}=e;return(0,sn.jsxs)("li",{...u,className:s(e.className,_d,{[`k-text-${a}`]:a},S(_d,{hover:n,focus:i,active:l,disabled:c})),children:[(0,sn.jsx)("span",{className:"k-fab-item-text",children:t}),(0,sn.jsx)(g,{className:"k-fab-item-icon",icon:o})]})};Vr.states=sN;var rN=require("react/jsx-runtime");var Dd=require("react/jsx-runtime"),wd=e=>(0,Dd.jsx)(pe,{icon:"plus",...e});var iN=require("react/jsx-runtime");var lN=require("react/jsx-runtime");var eo=require("react/jsx-runtime"),pN=pe.options,dN=pe.states,cN={...pe.defaultOptions,variant:"text"},mN=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],uN=[{name:"opened",title:"Opened"}],va=e=>{let{variant:t,modifiers:o,...a}=e,{opened:n}=o\|\|{},i=n?(0,eo.jsx)("div",{className:"k-fab-popup k-popup k-popup-transparent",style:{position:"absolute",top:"calc(16px + 36px)",right:"calc(16px + calc(36px / 2) - calc(36px /2))"},children:(0,eo.jsx)(Kd,{position:"bottom",children:(0,eo.jsx)(Vr,{text:"Item",icon:"pencil",align:"right"})})}):null,l;switch(t){case"icon-only":l=(0,eo.jsx)(pe,{...a,icon:"star"});break;case"icon-and-text":l=(0,eo.jsx)(pe,{...a,icon:"star",text:"Action"});break;default:l=(0,eo.jsx)(pe,{...a,text:"Action"});break}return(0,eo.jsxs)("span",{style:{position:"relative"},children:[l,i]})};va.options=pN;va.states=dN;va.variants=mN;va.defaultOptions=cN;va.modifiers=uN;va.className=pe.className;var $r="prompt-box",Hd=$r;var Xr="speech-to-text-button",zd=Xr;var Gd=require("react/jsx-runtime"),Ud="k-speech-to-text-button",Fd={icon:"microphone"},pt=e=>{let{listening:t=!1,icon:o=Fd.icon,...a}=e;return(0,Gd.jsx)(p,{...a,icon:t?"stop":o,className:s(e.className,Ud,{"k-listening":t}),"aria-pressed":t?"true":"false","aria-label":t?"Stop listening":"Start listening"})};pt.states=p.states;pt.options=p.options;pt.className=Ud;pt.defaultOptions=Fd;pt.moduleName=Xr;pt.folderName=zd;var fN=require("react/jsx-runtime");var bN=require("react/jsx-runtime");var $d=require("react/jsx-runtime"),xN=p.states,Vd={...p.defaultOptions,variant:"normal"},NN={...p.options,fillMode:p.options.fillMode.filter(e=>e!=="clear"&&e!=="link")},hN=[],vN=[{name:"normal",title:"Normal"},{name:"listening",title:"Listening"}],ga=e=>{let{variant:t,...o}={...Vd,...e},a={};return t==="listening"&&(a.listening=!0),(0,$d.jsx)(pt,{...o,...a})};ga.options=NN;ga.states=xN;ga.variants=vN;ga.defaultOptions=Vd;ga.modifiers=hN;ga.className=pt.className;var gt=require("react/jsx-runtime"),Ht="k-prompt-box",gN=[r.hover,r.focus,r.disabled],LN={fillMode:[x.undefined,x.solid,x.flat,x.outline]},qr={lineMode:"auto",isExpanded:!1},He=e=>{let{fillMode:t,lineMode:o=qr.lineMode,startAffix:a,endAffix:n,header:i,isExpanded:l=qr.isExpanded,className:c,children:u,value:f,placeholder:N,generating:v,actionButtonConfig:m,speechToTextButtonConfig:M,uploadButtonConfig:L,hover:C,focus:E,disabled:A,...I}=e,F=o==="multi"\|\|o==="auto"&&l;return(0,gt.jsxs)("div",{...I,className:s(c,"k-input",Ht,{[`${Ht}-singleline`]:o==="single",[`${Ht}-multiline`]:F,[`k-input-${t}`]:t,"k-hover":C,"k-focus":E,"k-disabled":A}),children:[i&&(0,gt.jsx)("div",{className:`${Ht}-header`,children:i}),(0,gt.jsxs)("div",{className:`${Ht}-content`,children:[a&&(0,gt.jsx)("div",{className:`${Ht}-affix`,children:a}),o==="single"?(0,gt.jsx)(Pe,{value:f,placeholder:N,className:`${Ht}-input`,type:"text","aria-label":"Prompt input"}):(0,gt.jsx)(Ga,{value:f,placeholder:N,className:`${Ht}-textarea`,rows:o==="multi"\|\|l?3:1,"aria-label":"Prompt input","aria-multiline":"true"}),(0,gt.jsxs)("div",{className:`${Ht}-affix`,children:[n,L&&(0,gt.jsx)(W,{icon:"paperclip",size:"small",fillMode:"flat",rounded:"full","aria-label":"Attach files",...L}),(0,gt.jsx)(pt,{size:"small",fillMode:"flat",rounded:"full",...M}),(0,gt.jsx)(W,{icon:v?"stop":"arrow-up",size:"small",rounded:"full",active:v,disabled:!f&&!v,"aria-label":v?"Stop generating":"Send prompt","aria-live":"polite",...m,className:s({"k-generating":v},m==null?void 0:m.className)})]})]}),u]})};He.states=gN;He.options=LN;He.className=Ht;He.defaultOptions=qr;He.moduleName=$r;He.folderName=Hd;var MN=require("react/jsx-runtime");var SN=require("react/jsx-runtime");var kN=require("react/jsx-runtime");var CN=require("react/jsx-runtime");var AN=require("react/jsx-runtime");var ze=require("react/jsx-runtime"),EN=He.options,yN=He.states,IN={...He.defaultOptions,variant:"Single"},TN=[{name:"Single",title:"Singleline"},{name:"Multi",title:"Multiline"}],ON=[{name:"header",title:"Header"},{name:"endAffix",title:"End Affix"},{name:"startAffix",title:"Start Affix"}],La=e=>{let{variant:t,modifiers:o,...a}=e,n={},i=(0,ze.jsx)(ze.Fragment,{children:(0,ze.jsx)(W,{size:"small",icon:"send",fillMode:"flat"})});return Object.keys(o\|\|{}).forEach(l=>{switch(l){case"header":n.header=o!=null&&o[l]?(0,ze.jsx)(p,{children:"Button in header"}):void 0;break;case"endAffix":o!=null&&o[l]&&(n.endAffix=(0,ze.jsxs)(ze.Fragment,{children:[i,(0,ze.jsx)(W,{icon:"paperclip",size:"small",fillMode:"flat"})]}));break;case"startAffix":n.startAffix=o!=null&&o[l]?(0,ze.jsx)(ze.Fragment,{children:(0,ze.jsx)(W,{icon:"plus",size:"small",fillMode:"flat"})}):void 0;break;default:break}}),t==="Multi"?(0,ze.jsx)(He,{style:{width:300},lineMode:"multi",endAffix:i,placeholder:"Enter your prompt...",...a,...n}):(0,ze.jsx)(He,{style:{width:300},lineMode:"single",endAffix:i,placeholder:"Enter your prompt...",...a,...n})};La.options=EN;La.states=yN;La.variants=TN;La.defaultOptions=IN;La.modifiers=ON;La.className=He.className;var Wr="chat",Xd=Wr;var Le=require("react/jsx-runtime"),qd="k-chat",BN=[],PN={},KN=(0,Le.jsxs)(Le.Fragment,{children:[(0,Le.jsx)(W,{icon:"paperclip",fillMode:"clear",rounded:"full",size:"small","aria-label":"Attach file"},"paperclip"),(0,Le.jsx)("div",{className:"k-spacer"})]}),Wd={tools:KN},q=e=>{let{header:t,dir:o,suggestedActions:a,files:n,pinned:i,replied:l,generating:c,tools:u=Wd.tools,value:f,empty:N,scrollToBottom:v,scrollbar:m,promptBoxProps:M,...L}=e;return(0,Le.jsxs)("div",{...L,className:s(qd,e.className),dir:o,children:[t,(0,Le.jsxs)("div",{className:"k-message-list",role:"log","aria-label":"Message list","aria-live":"polite",children:[i,(0,Le.jsx)("div",{className:s("k-message-list-content",N&&"k-message-list-content-empty"),children:e.children}),v&&(0,Le.jsx)("div",{className:"k-chat-scroll-to-bottom-container",children:(0,Le.jsx)(wd,{themeColor:"base",icon:"arrow-down",size:"small"})})]}),m&&(0,Le.jsx)("div",{className:"k-separator"}),(0,Le.jsxs)("div",{className:"k-message-box-wrapper",children:[a,(0,Le.jsx)(He,{lineMode:"multi",placeholder:"Type a message",generating:c,value:f,header:n\|\|l?(0,Le.jsxs)(Le.Fragment,{children:[l,n]}):void 0,endAffix:u,...M})]})]})};q.states=BN;q.options=PN;q.className=qd;q.defaultOptions=Wd;q.moduleName=Wr;q.folderName=Xd;var Jr="avatar",Jd=Jr;var Zr=require("react/jsx-runtime"),rn="k-avatar";var RN=[r.hover,r.focus,r.active,r.selected,r.disabled],_N={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[x.undefined,x.solid,x.outline],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary]},Yr={type:"text",border:!1},Ue=e=>{let{size:t,rounded:o,fillMode:a,themeColor:n,type:i=Yr.type,border:l=Yr.border,...c}=e;return(0,Zr.jsx)("div",{...c,className:s(e.className,rn,y(rn,{size:t,rounded:o,fillMode:a,themeColor:n}),{[`${rn}-bordered`]:l}),children:(0,Zr.jsx)("span",{className:`${rn}-${i}`,children:e.children})})};Ue.states=RN;Ue.options=_N;Ue.className=rn;Ue.defaultOptions=Yr;Ue.moduleName=Jr;Ue.folderName=Jd;var Io=Ue;var Zd=require("react/jsx-runtime"),Yd=e=>(0,Zd.jsx)(Io,{type:"icon",...e});var jd=require("react/jsx-runtime"),Qd=e=>(0,jd.jsx)(Io,{type:"text",...e});var ec=require("react/jsx-runtime"),Zn=e=>(0,ec.jsx)(Io,{type:"image",...e});var wN=require("react/jsx-runtime");var Ma=require("react/jsx-runtime"),DN=Ue.options,HN=Ue.states,zN={...Ue.defaultOptions,variant:"image"},UN=[{name:"image",title:"Image"},{name:"icon",title:"Icon Avatar"},{name:"text",title:"Text Avatar"}],FN=[],Sa=e=>{let{variant:t,...o}=e;switch(t){case"icon":return(0,Ma.jsx)(Yd,{...o,children:(0,Ma.jsx)(g,{icon:"star"})});case"text":return(0,Ma.jsx)(Qd,{...o,children:"JO"});default:return(0,Ma.jsx)(Zn,{...o,children:(0,Ma.jsx)("img",{src:"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg"})})}};Sa.options=DN;Sa.states=HN;Sa.variants=UN;Sa.defaultOptions=zN;Sa.modifiers=FN;Sa.className=Ue.className;var Ot=require("react/jsx-runtime"),ln="k-message-group",GN=[r.selected],VN={},Qn={author:"Bruv",avatar:"/packages/html/assets/avatar.jpg",type:"receiver"},ee=e=>{let{type:t=Qn.type,author:o=Qn.author,avatar:a=Qn.avatar,status:n,selected:i,fullWidth:l,...c}=e;return(0,Ot.jsxs)("div",{...c,className:s(ln,e.className,S(ln,{selected:i}),{[`${ln}-${t}`]:t,"k-no-avatar":!a,[`${ln}-full-width`]:l}),children:[a&&!n&&(0,Ot.jsx)(Ue,{type:"image",children:(0,Ot.jsx)("img",{src:a,alt:o\|\|""})}),n&&a&&(0,Ot.jsxs)("div",{className:"k-chat-user-status-wrapper",children:[(0,Ot.jsx)(Ue,{type:"image",children:(0,Ot.jsx)("img",{src:a,alt:o\|\|""})}),(0,Ot.jsx)("div",{className:"k-chat-user-status"})]}),(0,Ot.jsxs)("div",{className:"k-message-group-content",children:[o&&(0,Ot.jsx)("span",{className:"k-message-author",children:o}),e.children]})]})};ee.states=GN;ee.options=VN;ee.className=ln;ee.defaultOptions=Qn;var zt=require("react/jsx-runtime"),Qr="k-message-reference",$N={},tc={type:"receiver"},uo=e=>{let{content:t,closeable:o,pinned:a,type:n=tc.type,...i}=e;return(0,zt.jsxs)("div",{...i,className:s(Qr,e.className,{[`${Qr}-${n}`]:n,"k-message-pinned":a}),children:[a&&(0,zt.jsx)(g,{icon:"pin"}),(0,zt.jsx)("div",{className:"k-message-reference-content",children:t}),o&&(0,zt.jsxs)(zt.Fragment,{children:[(0,zt.jsx)("span",{className:"k-spacer"}),(0,zt.jsx)(p,{icon:"x-circle",fillMode:"flat",size:"xsmall","aria-label":"Close"})]})]})};uo.options=$N;uo.className=Qr;uo.moduleName=null;uo.folderName=null;uo.defaultOptions=tc;var jr="bubble",oc=jr;var To=require("react/jsx-runtime"),ei="k-bubble",XN=[r.hover,r.active,r.selected,r.focus],ti={expandable:!1,expanded:!1},Oo=e=>{let{content:t,hover:o,active:a,focus:n,selected:i,expandable:l=ti.expandable,expanded:c=ti.expanded,...u}=e;return(0,To.jsxs)("div",{...u,className:s(e.className,ei,S(ei,{hover:o,active:a,focus:n,selected:i}),{"k-bubble-expandable":l},{"k-expanded":c}),tabIndex:0,children:[(0,To.jsx)("div",{className:"k-bubble-content",children:t??e.children}),l&&(0,To.jsx)("span",{className:"k-bubble-expandable-indicator",role:"button","aria-label":c?"Show less":"Show more",tabIndex:0,children:c?(0,To.jsx)(g,{icon:"chevron-up"}):(0,To.jsx)(g,{icon:"chevron-down"})})]})};Oo.states=XN;Oo.className=ei;Oo.defaultOptions=ti;Oo.moduleName=jr;Oo.folderName=oc;var qN=require("react/jsx-runtime");var WN=require("react/jsx-runtime");var JN=require("react/jsx-runtime");var Bo=require("react/jsx-runtime"),YN="k-chat-bubble",nc=e=>{let{typing:t,content:o,files:a,...n}=e;return(0,Bo.jsxs)(Oo,{...n,className:s(e.className,YN),children:[t?(0,Bo.jsxs)("div",{className:"k-typing-indicator",tabIndex:-1,children:[(0,Bo.jsx)("span",{}),(0,Bo.jsx)("span",{}),(0,Bo.jsx)("span",{})]}):o,a]})};var ZN=require("react/jsx-runtime");var pn=require("react/jsx-runtime"),sc="k-chat-event",oi={icon:"trash",text:"You deleted Chat history."},rc=e=>{let{icon:t=oi.icon,text:o=oi.text,...a}=e;return(0,pn.jsxs)("div",{...a,className:s(e.className,sc),children:[t&&(0,pn.jsx)(g,{className:"k-chat-event-icon",icon:t,size:"xsmall"}),o&&(0,pn.jsx)("span",{className:"k-chat-event-text",children:o})]})};rc.className=sc;rc.defaultOptions=oi;var QN=require("react/jsx-runtime");var Fe=require("react/jsx-runtime"),ic=e=>(0,Fe.jsx)(q,{children:(0,Fe.jsxs)(Fe.Fragment,{children:[(0,Fe.jsx)("div",{className:"k-timestamp",children:"Day, Month 7, 2023"}),(0,Fe.jsx)(ee,{children:(0,Fe.jsx)(V,{})}),(0,Fe.jsx)(ee,{type:"sender",children:(0,Fe.jsx)(V,{})}),(0,Fe.jsx)(ee,{children:(0,Fe.jsx)(V,{text:"Very long message text that tests message overflowing behavior. Very long message text that tests message overflowing behavior."})}),(0,Fe.jsx)(ee,{type:"sender",children:(0,Fe.jsx)(V,{text:"Unusually_long_word_that_tests_word_break_behavior__unusually_long_word_that_tests_word_break_behavior"})})]}),...e});var ai=require("react/jsx-runtime"),jn="k-file-box-wrapper",lc={layout:"horizontal"},Ut=e=>{let{layout:t=lc.layout,scrollingPosition:o,...a}=e;return(0,ai.jsx)("ul",{role:"list","aria-label":"Attached files",...a,className:s(e.className,jn,{"k-files-vertical":t==="vertical","k-files-wrap":t==="wrap",[`${jn}-scrollable-start`]:t==="horizontal"&&(o==="start"\|\|o==="both"),[`${jn}-scrollable-end`]:t==="horizontal"&&(o==="end"\|\|o==="both")}),children:t==="horizontal"?(0,ai.jsx)("div",{className:"k-files-scroll",role:"presentation",children:e.children}):e.children})};Ut.className=jn;Ut.defaultOptions=lc;var ni="file-box",pc=ni;var Ft=require("react/jsx-runtime"),dc="k-file-box",jN=[r.selected],eh={},dn={icon:"file-pdf",name:"FileName.pdf",size:"2MB",showButton:"true"},je=e=>{let{icon:t=dn.icon,name:o=dn.name,size:a=dn.size,status:n,deleted:i,removeButton:l,showButton:c=dn.showButton,...u}=e,f=[o,a].filter(Boolean).join(" ");return(0,Ft.jsxs)("li",{role:"listitem",tabIndex:0,"aria-label":f\|\|void 0,...u,className:s(dc,e.className,{"k-file-deleted":i}),children:[(0,Ft.jsx)(g,{icon:t,size:"xlarge","aria-hidden":"true"}),(0,Ft.jsxs)("div",{className:"k-file-info",children:[o&&(0,Ft.jsx)("span",{className:"k-file-name",children:o}),a&&(0,Ft.jsx)("span",{className:"k-file-size",children:a}),n&&(0,Ft.jsx)("span",{className:"k-file-status",children:n})]}),c&&(l?(0,Ft.jsx)(p,{as:"span",icon:"x-circle",fillMode:"flat",size:"xsmall","aria-hidden":"true"}):(0,Ft.jsx)(U,{icon:"more-vertical",fillMode:"flat",size:"xsmall",showArrow:!1,"aria-label":"File actions"}))]})};je.states=jN;je.options=eh;je.className=dc;je.defaultOptions=dn;je.moduleName=ni;je.folderName=pc;var th=require("react/jsx-runtime");var oh=require("react/jsx-runtime");var cc=require("react/jsx-runtime");var mc=require("react/jsx-runtime");var ah=require("react/jsx-runtime");var si=require("react/jsx-runtime");var ri=require("react/jsx-runtime");var ii="skeleton",uc=ii;var fc=require("react/jsx-runtime"),li="k-skeleton",nh=["circle","text","rect"],sh=[],rh={},pi={variant:"text",shape:"text",animation:"pulse"},Gt=e=>{let{variant:t,shape:o,animation:a=pi.animation,...n}=e,i=`skeleton-${t\|\|o\|\|pi.variant}`;return(0,fc.jsx)("span",{...n,className:s(e.className,li,xn(li,i),{[`k-skeleton-${a}`]:a}),style:e.style})};Gt.states=sh;Gt.options=rh;Gt.variants=nh;Gt.className=li;Gt.defaultOptions=pi;Gt.moduleName=ii;Gt.folderName=uc;var ih=require("react/jsx-runtime");var lh=require("react/jsx-runtime");var ph=require("react/jsx-runtime");var di=require("react/jsx-runtime");var ci=require("react/jsx-runtime");var mi="window",bc=mi;var Nc=require("react/jsx-runtime"),xc="k-window-content",dh=[],ch={},mh={},fo=e=>{let{children:t,...o}=e;return(0,Nc.jsx)("div",{...o,className:s(xc,e.className),children:t})};fo.states=dh;fo.options=ch;fo.className=xc;fo.defaultOptions=mh;fo.moduleName=mi;fo.folderName=bc;var cn="dialog",es=cn;var et=require("react/jsx-runtime"),hc="k-dialog",uh=[],fh={},ui={actionButtonsAlign:"stretched",modal:!0},dt=e=>{let{title:t,actions:o,actionButtons:a,actionButtonsAlign:n=ui.actionButtonsAlign,modal:i=ui.modal,...l}=e,c=t!==void 0?K("dialog-titlebar"):void 0,u=K("dialog-content");return(0,et.jsxs)("div",{className:"k-dialog-wrapper",children:[i&&(0,et.jsx)(Rt,{}),(0,et.jsxs)("div",{...l,className:s(e.className,hc,"k-window"),role:"dialog","aria-labelledby":c,"aria-describedby":u,...i&&{"aria-modal":"true"},children:[(t!==void 0\|\|o)&&(0,et.jsxs)("div",{className:"k-window-titlebar k-dialog-titlebar",id:c,children:[t!==void 0&&(0,et.jsx)("span",{className:"k-window-title k-dialog-title",children:t}),o&&(0,et.jsx)(et.Fragment,{children:(0,et.jsx)("div",{className:"k-window-titlebar-actions k-dialog-titlebar-actions",children:o.map(f=>(0,et.jsx)(p,{icon:f,fillMode:"flat",size:"xsmall",className:"k-window-titlebar-action k-dialog-titlebar-action","aria-label":f},f))})})]}),(0,et.jsx)(fo,{className:"k-dialog-content",id:u,children:e.children}),a&&(0,et.jsx)(nt,{alignment:n,className:"k-window-actions k-dialog-actions",children:a})]})]})};dt.states=uh;dt.options=fh;dt.className=hc;dt.defaultOptions=ui;dt.moduleName=cn;dt.folderName=es;var fi=dt;var gc=require("react/jsx-runtime"),vc="k-dialog-wrapper",bh=[],xh={},Nh={},ka=e=>{let{...t}=e;return(0,gc.jsx)("div",{...t,className:s(e.className,vc),children:e.children})};ka.states=bh;ka.options=xh;ka.className=vc;ka.defaultOptions=Nh;ka.moduleName=cn;ka.folderName=es;var Vt=require("react/jsx-runtime"),Lc=e=>(0,Vt.jsx)(fi,{title:"Title",children:(0,Vt.jsx)(Vt.Fragment,{children:"Dialog content"}),actionButtons:(0,Vt.jsxs)(Vt.Fragment,{children:[(0,Vt.jsx)(p,{children:"Action"}),(0,Vt.jsx)(p,{themeColor:"primary",children:"Primary"})]}),actions:["x"],...e});var bi=require("react/jsx-runtime");var to=require("react/jsx-runtime"),hh=dt.options,vh=[],gh=dt.states,Lh=dt.defaultOptions,Mh=[],Ca=e=>(0,to.jsx)(Lc,{style:{width:"350px",height:"215px"},...e,title:"Please confirm",actions:["x"],actionButtonsAlign:"stretched",actionButtons:(0,to.jsxs)(to.Fragment,{children:[(0,to.jsx)(p,{children:"No"}),(0,to.jsx)(p,{themeColor:"primary",children:"Yes"})]}),children:(0,to.jsx)("p",{style:{margin:"36px",textAlign:"center"},children:"Are you sure you want to continue?"})});Ca.options=hh;Ca.states=gh;Ca.variants=vh;Ca.defaultOptions=Lh;Ca.modifiers=Mh;Ca.className=dt.className;var xi="dropzone",Mc=xi;var Po=require("react/jsx-runtime"),Ni="k-external-dropzone",Sh=[r.disabled,r.hover],kh={},hi={icon:"upload",hint:"Drag and drop files here to upload"},Ge=e=>{let{hover:t,disabled:o,icon:a=hi.icon,hint:n=hi.hint,note:i,...l}=e;return(0,Po.jsx)("div",{...l,className:s(e.className,Ni,S(Ni,{disabled:o}),{"k-external-dropzone-hover":t}),children:(0,Po.jsxs)("div",{className:"k-dropzone-inner",children:[a&&(0,Po.jsx)(g,{icon:a,className:"k-dropzone-icon",size:"xxxlarge"}),n&&(0,Po.jsx)("span",{className:"k-dropzone-hint",children:n}),i&&(0,Po.jsx)("span",{className:"k-dropzone-note",children:i})]})})};Ge.states=Sh;Ge.options=kh;Ge.className=Ni;Ge.defaultOptions=hi;Ge.moduleName=xi;Ge.folderName=Mc;var kc=require("react/jsx-runtime"),Sc=e=>(0,kc.jsx)(Ge,{...e});var Ch=require("react/jsx-runtime");var Cc=require("react/jsx-runtime"),Ah=Ge.options,Eh=Ge.states,yh=Ge.defaultOptions,Ih=[{name:"note",title:"Note"}],Th=[],Aa=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(n=>{n==="note"&&(a.note=t!=null&&t[n]?"Only JPEG, PNG and SVG files are allowed.":void 0)}),(0,Cc.jsx)(Sc,{style:{width:"500px"},...o,...a})};Aa.options=Ah;Aa.states=Eh;Aa.variants=Th;Aa.defaultOptions=yh;Aa.modifiers=Ih;Aa.className=Ge.className;var se=require("react/jsx-runtime"),vi="k-upload-dropzone",Oh=[r.hover],ts=e=>{let{hover:t,status:o,disabled:a,hasFiles:n,filesId:i,...l}=e,c;switch(o){case"uploading":c=(0,se.jsxs)(se.Fragment,{children:[(0,se.jsx)(g,{icon:"upload"}),"Uploading..."]});break;case"done":c=(0,se.jsxs)(se.Fragment,{children:[(0,se.jsx)(g,{icon:"check"}),"Done"]});break;case"failed":c=(0,se.jsxs)(se.Fragment,{children:[(0,se.jsx)(g,{icon:"exclamation-circle"}),"Done"]});break;default:c=(0,se.jsx)(se.Fragment,{});break}return(0,se.jsxs)("div",{...l,className:s(e.className,vi,"k-dropzone",S(vi,{hover:t})),children:[(0,se.jsxs)("div",{className:"k-upload-button-wrap",children:[(0,se.jsx)(p,{className:"k-upload-button","aria-disabled":a?"true":"false",...n&&i?{"aria-controls":i}:{},children:"Select files..."}),(0,se.jsx)("input",{id:"upload-input",className:"k-hidden",tabIndex:-1,"aria-hidden":"true"})]}),(0,se.jsx)("span",{className:s("k-dropzone-hint",{"k-hidden":o!=="upload"}),children:"Drop files here to upload"}),o!=="upload"&&(0,se.jsx)("span",{className:"k-upload-status",children:c})]})};ts.states=Oh;ts.className=vi;var gi="upload",Ac=gi;var bo=require("react/jsx-runtime"),Li="k-upload",Bh=[r.hover,r.disabled],Ph={},yc={actionsLayout:"end"},Ec="upload-files-list",de=e=>{let{async:t,empty:o,actions:a,actionsLayout:n=yc.actionsLayout,hover:i,status:l,disabled:c,...u}=e,f=!!e.children;return(0,bo.jsxs)("div",{...u,className:s(e.className,Li,S(Li,{disabled:c}),{"k-upload-async":t,"k-upload-empty":o}),children:[(0,bo.jsx)(ts,{status:l,hover:i,disabled:c,hasFiles:f,filesId:Ec}),f&&(0,bo.jsx)("ul",{className:"k-upload-files",role:"list",id:Ec,children:e.children}),a&&f&&(0,bo.jsxs)(vl,{alignment:n,orientation:"horizontal",children:[(0,bo.jsx)(p,{className:"k-clear-selected",children:"Clear"}),(0,bo.jsx)(p,{themeColor:"primary",className:"k-upload-selected",children:"Upload"})]})]})};de.states=Bh;de.options=Ph;de.className=Li;de.defaultOptions=yc;de.moduleName=gi;de.folderName=Ac;var mn="progressbar",os=mn;var xo=require("react/jsx-runtime"),Lt="k-progressbar",Kh=[r.disabled,r.indeterminate],Rh={orientation:["horizontal","vertical"]},Ko={indeterminate:!1,label:!0,labelPosition:"start",orientation:"horizontal",reverse:!1,value:"0"},Ve=e=>{let{disabled:t,height:o,indeterminate:a=Ko.indeterminate,label:n=Ko.label,labelPosition:i=Ko.labelPosition,orientation:l=Ko.orientation,reverse:c=Ko.reverse,value:u=Ko.value,width:f,style:N,ariaLabel:v,...m}=e;return(0,xo.jsxs)("div",{...m,className:s(e.className,Lt,S(Lt,{disabled:t}),{[`${Lt}-${l}`]:l,[`${Lt}-indeterminate`]:a,[`${Lt}-reverse`]:c}),style:{...N,"--kendo-progressbar-value":u,[l==="horizontal"?"height":"width"]:l==="horizontal"?o:f},role:"progressbar","aria-label":v\|\|"progress","aria-valuenow":a?void 0:Number(u),"aria-valuemin":0,"aria-valuemax":100,children:[(0,xo.jsx)("span",{className:s("k-progress-status-wrap",{[`k-progress-${i}`]:i&&!a}),children:n&&(0,xo.jsxs)("span",{className:"k-progress-status",children:[u,"%"]})}),!a&&(0,xo.jsx)("div",{className:"k-progressbar-value k-selected",children:(0,xo.jsx)("span",{className:s("k-progress-status-wrap",{[`k-progress-${i}`]:i}),children:n&&(0,xo.jsxs)("span",{className:"k-progress-status",children:[e.value,"%"]})})})]})};Ve.states=Kh;Ve.options=Rh;Ve.className=Lt;Ve.defaultOptions=Ko;Ve.moduleName=mn;Ve.folderName=os;var Ic=Ve;var ns=require("react/jsx-runtime"),Tc="k-chunk-progressbar",_h=(e,t)=>t<=e-1,wh=[r.disabled,r.indeterminate],Dh={},as={chunkCount:5,orientation:"horizontal",progress:0},Ea=e=>{let{disabled:t,chunkCount:o=as.chunkCount,indeterminate:a,orientation:n=as.orientation,progress:i=as.progress,reverse:l,ariaLabel:c,...u}=e;return(0,ns.jsx)("div",{...u,className:s(e.className,Lt,Tc,S(Lt,{disabled:t}),{[`${Lt}-${n}`]:n,[`${Lt}-indeterminate`]:a,[`${Lt}-reverse`]:l}),role:"progressbar","aria-label":c\|\|"progress","aria-valuenow":a?void 0:i,"aria-valuemin":0,"aria-valuemax":o,children:(0,ns.jsx)("ul",{className:"k-progressbar-chunks k-reset",children:[...Array(o)].map((f,N)=>(0,ns.jsx)("li",{className:s("k-progressbar-chunk",{"k-first":N===0,"k-last":N===[...Array(o)].length-1,"k-selected":_h(i,N)})},N))})})};Ea.states=wh;Ea.options=Dh;Ea.className=Tc;Ea.defaultOptions=as;Ea.moduleName=mn;Ea.folderName=os;var Oc=require("react/jsx-runtime"),un=e=>(0,Oc.jsx)(Ic,{...e});var Hh=require("react/jsx-runtime");var oo=require("react/jsx-runtime"),zh=Ve.options,Uh=Ve.states,Bc={...Ve.defaultOptions,variant:"start"},Fh=[{name:"start",title:"Label start"},{name:"center",title:"Label center"},{name:"end",title:"Label end"},{name:"empty",title:"No label"}],Gh=[],ya=e=>{let{variant:t,modifiers:o,...a}={...Bc,...e},n={},i={style:{width:"324px"}};switch(Object.keys(o\|\|{}).forEach(l=>{switch(l){case"reverse":n.reverse=!!(o!=null&&o[l]);break;case"vertical":n.orientation=o!=null&&o[l]?"vertical":void 0,i.style=o!=null&&o[l]?void 0:{width:"324px"};break}}),t){case"end":return(0,oo.jsx)("div",{...i,children:(0,oo.jsx)(un,{...a,...n,labelPosition:"end",value:"50"})});case"center":return(0,oo.jsx)("div",{...i,children:(0,oo.jsx)(un,{...a,...n,labelPosition:"center",value:"50"})});case"empty":return(0,oo.jsx)("div",{...i,children:(0,oo.jsx)(un,{...a,...n,label:!1,value:"50"})});default:return(0,oo.jsx)("div",{...i,children:(0,oo.jsx)(un,{...a,...n,labelPosition:"start",value:"50"})})}};ya.options=zh;ya.states=Uh;ya.variants=Fh;ya.defaultOptions=Bc;ya.modifiers=Gh;ya.className=Ve.className;var Ia=require("react/jsx-runtime"),Vh="k-file-info",Mi=e=>{let{name:t,size:o,validationMsg:a,...n}=e;return(0,Ia.jsxs)("div",{...n,className:s(e.className,Vh),children:[t&&(0,Ia.jsx)("span",{className:"k-file-name",children:t}),o&&(0,Ia.jsx)("span",{className:"k-file-size",children:o}),a&&(0,Ia.jsx)("span",{className:"k-file-validation-message","aria-live":"polite",children:a})]})};var Me=require("react/jsx-runtime"),$h="k-file",tt=e=>{let{status:t,progress:o,name:a,icon:n,size:i,state:l,validationMsg:c,...u}=e;return(0,Me.jsx)("li",{...u,className:s(e.className,$h,{[`k-file-${t}`]:t}),role:"listitem",tabIndex:0,children:(0,Me.jsxs)("div",{className:"k-file-single",children:[(0,Me.jsx)(Ve,{className:s({"k-hidden":t!=="progress"}),value:o,label:!1}),(0,Me.jsxs)("span",{className:"k-file-icon-wrapper",children:[(0,Me.jsx)(g,{className:"k-file-icon",icon:n,size:"xxlarge"}),l&&(0,Me.jsx)("span",{className:"k-file-state",children:l})]}),(0,Me.jsx)(Mi,{name:a,size:i,validationMsg:c}),(0,Me.jsx)("div",{className:"k-upload-actions",children:t==="progress"?(0,Me.jsxs)(Me.Fragment,{children:[(0,Me.jsxs)("span",{className:"k-upload-pct",children:[o,"%"]}),(0,Me.jsx)(p,{icon:"pause",fillMode:"flat",size:"xsmall",className:"k-upload-action","aria-label":"Pause upload",tabIndex:-1}),(0,Me.jsx)(p,{icon:"cancel",fillMode:"flat",size:"xsmall",className:"k-upload-action","aria-label":"Cancel upload",tabIndex:-1})]}):(0,Me.jsx)(p,{icon:"x",fillMode:"flat",size:"xsmall",className:"k-upload-action","aria-label":"Remove file",tabIndex:-1})})]})})};var Si=require("react/jsx-runtime");var No=require("react/jsx-runtime"),fn=e=>(0,No.jsx)(de,{async:!0,children:(0,No.jsxs)(No.Fragment,{children:[(0,No.jsx)(tt,{name:"Image_With_Very_Very_Very_Very_Very_Long_Name1.png",icon:"file-image",size:"51.23 KB"}),(0,No.jsx)(tt,{name:"Image2.jpg",icon:"file-image",size:"106.43 KB"})]}),...e});var ki=require("react/jsx-runtime");var Kc=require("react/jsx-runtime"),Pc=e=>(0,Kc.jsx)(de,{async:!0,empty:!0,...e});var Ci=require("react/jsx-runtime");var Ai=require("react/jsx-runtime");var $e=require("react/jsx-runtime"),Xh=de.options,qh=de.states,Rc={...de.defaultOptions,variant:"empty"},Wh=[{name:"empty",title:"Empty"},{name:"upload",title:"Upload"},{name:"uploading",title:"Uploading"},{name:"success",title:"Success"},{name:"failed",title:"Failed"}],Jh=[],Ta=e=>{let{variant:t,...o}={...Rc,...e};switch(t){case"success":return(0,$e.jsxs)(fn,{status:"done",style:{width:"586px"},...o,children:[(0,$e.jsx)(tt,{status:"success",validationMsg:"File(s) uploaded successfully.",name:"Image1.png",icon:"file-image"}),(0,$e.jsx)(tt,{status:"success",validationMsg:"File(s) uploaded successfully.",name:"Image2.png",icon:"file-image"})]});case"failed":return(0,$e.jsxs)(fn,{status:"failed",style:{width:"586px"},...o,children:[(0,$e.jsx)(tt,{status:"error",validationMsg:"File type not allowed.",name:"Movie1.mkv",icon:"file-image"}),(0,$e.jsx)(tt,{status:"error",validationMsg:"File type not allowed.",name:"Video2.mkv",icon:"file-image"})]});case"uploading":return(0,$e.jsxs)(fn,{status:"uploading",style:{width:"586px"},...o,children:[(0,$e.jsx)(tt,{progress:"50",status:"progress",name:"Document1.txt",icon:"file-pdf",size:"328.92 KB"}),(0,$e.jsx)(tt,{progress:"70",status:"progress",name:"Document2.txt",icon:"file-pdf",size:"225.68 KB"})]});case"upload":return(0,$e.jsxs)(fn,{actions:!0,status:"upload",style:{width:"586px"},...o,children:[(0,$e.jsx)(tt,{name:"Image1.png",icon:"file-image",size:"51.23 KB"}),(0,$e.jsx)(tt,{name:"Image2.jpg",icon:"file-image",size:"106.43 KB"})]});default:return(0,$e.jsx)(Pc,{async:!0,status:"upload",style:{width:"586px"},...o})}};Ta.options=Xh;Ta.states=qh;Ta.variants=Wh;Ta.defaultOptions=Rc;Ta.modifiers=Jh;Ta.className=de.className;var Ei=require("react/jsx-runtime");var Yh=require("react/jsx-runtime");var yi=require("react/jsx-runtime");var Ii=require("react/jsx-runtime");var Ti=require("react/jsx-runtime");var _c=require("react/jsx-runtime");var Oi="appbar",wc=Oi;var Dc=require("react/jsx-runtime"),Bi="k-appbar",Zh=[],Qh={themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary,h.inverse]},jh={},Xe=e=>{let{themeColor:t,positionMode:o,position:a,...n}=e;return(0,Dc.jsx)("div",{...n,className:s(e.className,Bi,y(Bi,{themeColor:t}),{[`k-appbar-${o}`]:o,[`k-appbar-${a}`]:a}),children:e.children})};Xe.states=Zh;Xe.options=Qh;Xe.className=Bi;Xe.defaultOptions=jh;Xe.moduleName=Oi;Xe.folderName=wc;var Hc=require("react/jsx-runtime"),ev="k-appbar-section",$t=e=>{let{...t}=e;return(0,Hc.jsx)("div",{...t,className:s(ev,e.className),children:e.children})};var Pi=require("react/jsx-runtime");var D=require("react/jsx-runtime"),Ki={...Xe.options,positionMode:["static","sticky","fixed"]},tv=Xe.states,zc={...Xe.defaultOptions,themeColor:"primary",variant:"top",positionMode:"sticky"};Ki.themeColor=["primary",...Ki.themeColor.filter(e=>e!=="primary")];var ov=[{name:"top",title:"Top"},{name:"bottom",title:"Bottom"}],Oa=e=>{let{variant:t,...o}={...zc,...e},a=(0,D.jsxs)(Xe,{position:t,...o,children:[(0,D.jsx)($t,{children:(0,D.jsx)(W,{fillMode:"flat",icon:"menu"})}),(0,D.jsx)("span",{className:"k-spacer k-spacer-sized",style:{width:"8px"}}),(0,D.jsx)($t,{children:(0,D.jsx)("h3",{className:"k-m-0",children:"AppBar"})}),(0,D.jsx)("span",{className:"k-spacer"}),(0,D.jsxs)($t,{children:[(0,D.jsx)(kt,{fillMode:"flat",children:"Button"}),(0,D.jsx)(kt,{fillMode:"flat",children:"Button"}),(0,D.jsx)(kt,{fillMode:"flat",children:"Button"})]}),(0,D.jsx)("span",{className:"k-spacer k-spacer-sized",style:{width:"8px"}}),(0,D.jsx)($t,{children:(0,D.jsx)(En,{value:"Input value"})}),(0,D.jsxs)($t,{children:[(0,D.jsx)(W,{className:"k-mx-sm",fillMode:"flat",icon:"bell"}),(0,D.jsx)("span",{className:"k-appbar-separator"}),(0,D.jsx)(Zn,{className:"k-mx-sm",children:(0,D.jsx)("img",{src:"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg"})})]})]}),n=(0,D.jsxs)("div",{style:{padding:"25px 10px"},children:[(0,D.jsx)("p",{children:"Lorem ipsum dolor sit amet consectetur adipisicing elit. Fugit, harum magnam? Possimus magnam non natus error consectetur voluptatum, unde quasi rerum ad facere, hic in! Qui ducimus ab sed consequuntur excepturi fugiat! Facilis fuga asperiores pariatur sed. Eligendi aliquid vel nemo, ipsum tempora minima consequatur culpa molestias maiores nihil eveniet accusantium porro. Inventore saepe ut ad in a. Quo itaque est expedita quidem consectetur enim quam minima, quisquam harum velit, earum adipisci provident, officia eveniet voluptas vero accusamus ad ducimus laudantium!"}),(0,D.jsx)("p",{children:"Consequatur incidunt sequi explicabo adipisci saepe, accusamus, numquam fuga quam ex, provident possimus ratione blanditiis ducimus quos nulla repellat error pariatur nemo nobis illo! Saepe deleniti dolore cumque, sequi similique eligendi consectetur corrupti iste reprehenderit adipisci enim laudantium inventore totam quos non impedit quibusdam et consequuntur blanditiis accusamus! Rerum, nostrum. Rerum, tempore earum officia alias suscipit ut minima recusandae dolorem reprehenderit ea?"}),(0,D.jsx)("p",{children:"Aliquam pariatur ut expedita, repellat architecto aut, consequatur iure recusandae tempora odit consequuntur, nihil nostrum totam accusantium at. Dignissimos repellendus culpa nesciunt. Officia repudiandae, laudantium error iure in minus ratione reprehenderit dolorum alias quo voluptatibus doloremque aliquid exercitationem quidem odit earum natus autem eaque tempore nulla esse sapiente? Dolore aliquid aliquam modi velit quaerat!"}),(0,D.jsx)("p",{children:"Sunt consequuntur, aliquam eius beatae ex odit quasi iusto, accusamus architecto corrupti reprehenderit dolores itaque aliquid veniam odio eaque vel doloremque? Corporis, tenetur delectus deleniti voluptatum autem necessitatibus esse nisi ad, optio cumque quas dignissimos reprehenderit. Optio dolores quam corporis ea, reiciendis eos sit. Voluptate vel esse necessitatibus eum, sunt fuga, quaerat, eos natus quod repellendus nulla voluptatem ut quo quas ipsa animi incidunt autem saepe perferendis. Sequi ratione in iste, quibusdam, neque facilis accusantium, eum rem error sunt a explicabo commodi impedit quam."})]});return t==="bottom"?(0,D.jsxs)("div",{style:{height:"250px",overflow:"auto"},children:[n,a]}):(0,D.jsxs)("div",{style:{height:"250px",overflow:"auto"},children:[a,n]})};Oa.options=Ki;Oa.states=tv;Oa.variants=ov;Oa.defaultOptions=zc;Oa.modifiers=[];Oa.className=Xe.className;var Ri="suggestion",Uc=Ri;var Ro=require("react/jsx-runtime"),ss="k-suggestion-group",av=[],nv={},Fc={layout:"scrollable",scrollingPosition:"start"},Mt=e=>{let{layout:t=Fc.layout,scrollingPosition:o,...a}=e,n=(0,Ro.jsx)("div",{...a,className:s(ss,{"k-suggestion-group-scrollable":t=="scrollable",[`${ss}-scrollable-start`]:o==="start"\|\|o==="both",[`${ss}-scrollable-end`]:o==="end"\|\|o==="both"},e.className),role:"group",children:t==="scrollable"\|\|t==="scrollButtons"?(0,Ro.jsx)("div",{className:"k-suggestions-scroll",children:e.children}):e.children});return t=="scrollButtons"?(0,Ro.jsxs)("div",{className:"k-suggestion-scrollwrap",children:[(0,Ro.jsx)(p,{fillMode:"flat",icon:"chevron-left",size:"xsmall","aria-label":"Scroll left"}),n,(0,Ro.jsx)(p,{fillMode:"flat",icon:"chevron-right",size:"xsmall","aria-label":"Scroll right"})]}):n};Mt.states=av;Mt.options=nv;Mt.className=ss;Mt.defaultOptions=Fc;Mt.moduleName=Ri;Mt.folderName=Uc;var Gc=require("react/jsx-runtime"),rs="k-suggestion",sv=[r.active,r.hover,r.focus],rv={themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary]},iv={text:"Suggestion"},St=e=>{let{themeColor:t,active:o,hover:a,focus:n,text:i,...l}=e;return(0,Gc.jsx)("span",{...l,className:s(e.className,rs,S(rs,{hover:a,active:o,focus:n}),y(rs,{themeColor:t})),role:"button",tabIndex:0,"aria-label":i,children:i})};St.states=sv;St.options=rv;St.className=rs;St.item=iv;var _i=require("react/jsx-runtime");var wi=require("react/jsx-runtime");var Di=require("react/jsx-runtime");var H=require("react/jsx-runtime"),lv=q.states,pv=q.defaultOptions,dv=q.options,cv=[{name:"header",title:"Header"},{name:"pinned",title:"Pinned"},{name:"suggested",title:"Suggested Actions"},{name:"author",title:"Author"},{name:"avatar",title:"Avatar"},{name:"quick",title:"Quick Replies"}],mv=[],Ba=e=>{let{modifiers:t,...o}=e,a={author:null,avatar:null},n=(0,H.jsxs)(Xe,{className:"k-chat-header",positionMode:"sticky",themeColor:"primary",children:[(0,H.jsx)("span",{className:"k-spacer k-spacer-sized k-w-1"}),(0,H.jsx)($t,{children:(0,H.jsx)("span",{children:"Chat with demo bot"})}),(0,H.jsx)("span",{className:"k-spacer"}),(0,H.jsx)($t,{children:(0,H.jsx)(p,{fillMode:"flat",icon:"more-vertical"})})]}),i=(0,H.jsx)(uo,{type:"sender",pinned:!0,content:"Hello! Generate a cover letter.",closeable:!0}),l=(0,H.jsxs)(Mt,{children:[(0,H.jsx)(St,{text:"Provide a CV template"}),(0,H.jsx)(St,{text:"Generate a cover letter"})]}),c=(0,H.jsxs)(Mt,{children:[(0,H.jsx)(St,{themeColor:"primary",text:"Thank you!"}),(0,H.jsx)(St,{themeColor:"primary",text:"Great!"})]}),u="https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg",f=null,N="User",v="Demo Bot";Object.keys(t\|\|{}).forEach(I=>{switch(I){case"header":a.header=t!=null&&t[I]?n:!1;break;case"pinned":a.pinned=t!=null&&t[I]?i:!1;break;case"suggested":a.suggestedActions=t!=null&&t[I]?l:!1;break;case"author":a.author=t!=null&&t[I]?!0:null;break;case"avatar":a.avatar=t!=null&&t[I]?u:null;break;case"quick":a.quickReplies=t!=null&&t[I]?c:(0,H.jsx)(H.Fragment,{});break;default:break}});let{header:m,pinned:M,suggestedActions:L,author:C,avatar:E,quickReplies:A}=a;return(0,H.jsxs)(ic,{value:"Thank you!",style:{minHeight:"100%"},...o,header:m,pinned:M,suggestedActions:L,children:[(0,H.jsx)(ee,{avatar:f,author:C?v:null,children:(0,H.jsx)(V,{text:"Hello, this is a demo bot. How can I help you ?"})}),(0,H.jsx)(ee,{avatar:E?u:null,author:C?N:null,type:"sender",children:(0,H.jsx)(V,{text:"Hello! Generate a cover letter."})}),(0,H.jsx)(ee,{avatar:f,author:C?v:null,children:(0,H.jsx)(V,{text:"Sure. Here is a cover letter template",files:(0,H.jsx)(Ut,{children:(0,H.jsx)(je,{icon:"file-pdf",name:"cover_letter.pdf",size:"1.43MB"})})})}),A]})};Ba.options=dv;Ba.states=lv;Ba.variants=mv;Ba.defaultOptions=pv;Ba.modifiers=cv;Ba.className=q.className;var re=require("react/jsx-runtime"),Hi="k-message",uv=[r.hover,r.selected,r.active,r.focus],fv={},bv=[(0,re.jsx)(p,{icon:"copy",fillMode:"flat","aria-label":"Copy"}),(0,re.jsx)(p,{icon:"arrow-rotate-cw",fillMode:"flat","aria-label":"Retry"}),(0,re.jsx)(p,{icon:"download",fillMode:"flat","aria-label":"Download"})],Pa={time:"Thu Feb 08 2018",text:"How can I help you?",status:"Seen",toolbarItems:bv,failed:"Failed to send"},V=e=>{let{time:t=Pa.time,text:o=Pa.text,content:a,status:n=Pa.status,statusIcon:i,toolbarItems:l=Pa.toolbarItems,hover:c,selected:u,active:f,focus:N,toolbar:v,typing:m,expandable:M,expanded:L,removed:C,files:E,failed:A,...I}=e,F=A===!0?Pa.failed:A;return(0,re.jsxs)("div",{...I,className:s(Hi,e.className,{"k-message-removed":C,"k-message-failed":A}),children:[A&&(0,re.jsx)(W,{className:"k-resend-button",icon:"arrow-rotate-cw",size:"xsmall",fillMode:"clear","aria-label":"Resend"}),(0,re.jsx)(nc,{typing:m,selected:u,hover:c,active:f,focus:N,content:(0,re.jsxs)(re.Fragment,{children:[a,o&&(0,re.jsx)("span",{className:"k-chat-bubble-text",children:o})]}),expandable:M,expanded:L,files:E}),(0,re.jsxs)("div",{className:"k-message-info",children:[n&&(0,re.jsxs)("span",{className:"k-message-status",children:[i&&(0,re.jsx)(g,{icon:i,size:"xsmall"}),n]}),t&&(0,re.jsx)("time",{className:"k-message-time",children:t}),A&&(0,re.jsxs)("span",{className:"k-message-failed-content",children:[A&&(0,re.jsx)(g,{icon:"warning-triangle",size:"xsmall"}),A&&(0,re.jsx)("span",{className:"k-message-failed-text",children:F})]})]}),v&&(0,re.jsx)($,{className:"k-chat-message-toolbar",fillMode:"flat",children:l})]})};V.states=uv;V.options=fv;V.className=Hi;V.moduleName=null;V.folderName=null;V.defaultOptions=Pa;var xv=V;
1	+ var Vc=Object.create;var bn=Object.defineProperty;var $c=Object.getOwnPropertyDescriptor;var Xc=Object.getOwnPropertyNames;var qc=Object.getPrototypeOf,Wc=Object.prototype.hasOwnProperty;var Jc=(e,t)=>{for(var o in t)bn(e,o,{get:t[o],enumerable:!0})},Ui=(e,t,o,a)=>{if(t&&typeof t=="object"\|\|typeof t=="function")for(let n of Xc(t))!Wc.call(e,n)&&n!==o&&bn(e,n,{get:()=>t[n],enumerable:!(a=$c(t,n))\|\|a.enumerable});return e};var Fi=(e,t,o)=>(o=e!=null?Vc(qc(e)):{},Ui(t\|\|!e\|\|!e.__esModule?bn(o,"default",{value:e,enumerable:!0}):o,e)),Yc=e=>Ui(bn({},"__esModule",{value:!0}),e);var Nv={};Jc(Nv,{CHATMESSAGE_CLASSNAME:()=>Hi,ChatMessage:()=>V,default:()=>xv});module.exports=Yc(Nv);var s=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?s(...t):typeof t=="object"?Object.keys(t).map((o,a)=>t[a]\|\|t[o]&&o\|\|null).filter(o=>o!==null).join(" "):t).filter(t=>!!t).join(" ");var y=(e,t)=>s({[`${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.themeColor}`]:t.themeColor},{"k-rounded-sm":t.rounded==="small","k-rounded-md":t.rounded==="medium","k-rounded-lg":t.rounded==="large","k-rounded-full":t.rounded==="full","k-rounded-none":t.rounded==="none"}),S=(e,t)=>{let{valid:o,invalid:a,hover:n,focus:i,checked:l,active:c,selected:u,disabled:f,indeterminate:N,loading:v,empty:m,readonly:L,highlighted:M,...C}=t;return s({"k-valid":o,"k-invalid":a,"k-hover":n,"k-focus":i,"k-checked":l,"k-active":c,"k-selected":u,"k-disabled":f,"k-indeterminate":N&&!l,"k-loading":v,"k-empty":m,"k-readonly":L,"k-highlighted":M},Object.keys(C).reduce((E,A)=>(A.startsWith("k-")?E[A]=C[A]:E[`k-${A}`]=C[A],E),{}))};function xn(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(a=>[`k-${a}`,!0]))}var d={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},b={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},x={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},Bt={undefined:void 0,outline:"outline",solid:"solid",duotone:"duotone"},h={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",inverse:"inverse"},r={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 cs={};function K(e){return cs[e]=(cs[e]\|\|0)+1,`k-${e}-${cs[e]}`}var Ra=require("react/jsx-runtime"),ms="k-font-icon",Zc=[],Qc={size:[d.undefined,d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary,h.success,h.warning,h.error,h.info]},jc={},_a=e=>{let{size:t,themeColor:o,icon:a,rotate:n,flip:i,...l}=e;return a?(0,Ra.jsx)("span",{...l,className:s(e.className,ms,y(ms,{size:t}),{[`k-i-${a}`]:a,[`k-color-${o}`]:o,[`k-rotate-${n}`]:n,"k-flip-h":i==="h"\|\|i==="both","k-flip-v":i==="v"\|\|i==="both"}),"aria-hidden":"true"}):(0,Ra.jsx)(Ra.Fragment,{})};_a.states=Zc;_a.options=Qc;_a.className=ms;_a.defaultOptions=jc;var Gi=_a;var go=require("react/jsx-runtime"),us="k-svg-icon",em=[],tm={size:[d.undefined,d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary,h.success,h.warning,h.error,h.info],variant:[Bt.outline,Bt.solid,Bt.duotone]},fs={viewBox:"0 0 24 24",variant:Bt.outline},wa=e=>{var v,m;let{size:t,themeColor:o,rotate:a,flip:n,viewBox:i=fs.viewBox,variant:l=fs.variant,icon:c,...u}=e;if(!c)return(0,go.jsx)(go.Fragment,{});if(c==="none")return(0,go.jsx)("span",{...u,className:s(e.className,us,y("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let f=typeof c=="object"&&c.name&&c.name,N=typeof c=="object"?l&&((v=c.variants)==null?void 0:v[l])\|\|((m=c.variants)==null?void 0:m.outline)\|\|c.content:void 0;return(0,go.jsx)("span",{...u,className:s(e.className,us,y("k-icon",{size:t}),{[`k-svg-i-${f}`]:f,[`k-color-${o}`]:o,[`k-rotate-${a}`]:a,"k-flip-h":n==="h"\|\|n==="both","k-flip-v":n==="v"\|\|n==="both"}),"aria-hidden":"true",children:(0,go.jsx)("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof c=="object"?c.viewBox:i,dangerouslySetInnerHTML:N!==void 0?{__html:N}:void 0,children:c?void 0:e.children})})};wa.states=em;wa.options=tm;wa.className=us;wa.defaultOptions=fs;var bs=wa;var xs=Fi(require("@progress/kendo-svg-icons"));var Vi="icon",$i="icons";var Wi=require("react");var Xi=require("react"),qi=(0,Xi.createContext)({iconsType:"svg"});var Xt=require("react/jsx-runtime"),Nn="k-icon",om=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),am=[],nm={size:[d.undefined,d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary,h.success,h.warning,h.error,h.info],variant:[Bt.outline,Bt.solid,Bt.duotone]},hn={viewBox:"0 0 24 24",type:"svg",variant:Bt.outline},g=e=>{let{iconsType:t}=(0,Wi.useContext)(qi),{size:o,themeColor:a,icon:n,type:i=t\|\|hn.type,rotate:l,flip:c,viewBox:u=hn.viewBox,variant:f=hn.variant,...N}=e;if(!n)return(0,Xt.jsx)(Xt.Fragment,{});if((t\|\|i)==="svg"){if(n==="none")return(0,Xt.jsx)(bs,{...N,className:s(e.className,Nn),icon:n,size:o,variant:f});let m=xs[n]?n:om(`${n}-icon`);return xs[m]?(0,Xt.jsx)(bs,{...N,className:s(e.className,Nn),icon:xs[m],size:o,themeColor:a,rotate:l,flip:c,viewBox:u,variant:f}):(0,Xt.jsx)(Xt.Fragment,{})}return(0,Xt.jsx)(Gi,{...N,className:s(e.className,Nn),icon:n,size:o,themeColor:a,rotate:l,flip:c})};g.states=am;g.options=nm;g.defaultOptions=hn;g.className=Nn;g.moduleName=Vi;g.folderName=$i;var Ns="button",Ji=Ns;var ot=require("react/jsx-runtime"),Da="k-button",sm=["icon-button"],rm=[r.hover,r.focus,r.active,r.selected,r.disabled,r.generating],im={size:[d.undefined,d.xsmall,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[x.undefined,x.solid,x.flat,x.outline,x.clear,x.link],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary,h.success,h.warning,h.error,h.info,h.inverse]},hs={showArrow:!1,arrowIconName:"chevron-down"},p=e=>{let{as:t="button",size:o,rounded:a,fillMode:n,themeColor:i,showArrow:l=hs.showArrow,arrowIconName:c=hs.arrowIconName,variant:u,hover:f,focus:N,active:v,selected:m,disabled:L,togglable:M,ariaDisabled:C,icon:E,iconSize:A,text:I,iconClassName:F,className:Se,...qe}=e,ke=E!=null,Be=e.children!==void 0;return(0,ot.jsxs)(t,{className:s(Se,Da,xn(Da,u),y(Da,{size:o,rounded:a,fillMode:n,themeColor:i}),S(Da,{hover:f,focus:N,active:v,disabled:L\|\|C,selected:m}),{"k-icon-button":!I&&!Be&&ke}),"aria-pressed":M?m?"true":"false":void 0,...qe,"aria-disabled":C?"true":void 0,disabled:L\|\|void 0,children:[typeof E=="string"&&E&&(0,ot.jsx)(g,{className:s(F,"k-button-icon"),icon:E,size:A}),E&&typeof E!="string"&&(0,ot.jsx)(ot.Fragment,{children:E}),I?(0,ot.jsxs)(ot.Fragment,{children:[I&&(0,ot.jsx)("span",{className:"k-button-text",children:I}),e.children]}):e.children&&(0,ot.jsx)("span",{className:"k-button-text",children:e.children}),l&&(0,ot.jsx)("span",{className:"k-menu-button-arrow k-button-arrow",children:(0,ot.jsx)(g,{icon:c})})]})};p.states=rm;p.options=im;p.variants=sm;p.className=Da;p.defaultOptions=hs;p.moduleName=Ns;p.folderName=Ji;var Yi=require("react/jsx-runtime"),W=e=>(0,Yi.jsx)(p,{icon:"folder",...e,"aria-label":e["aria-label"]\|\|"Folder",children:void 0});var Zi=require("react/jsx-runtime"),Ha=e=>(0,Zi.jsx)(p,{icon:"folder",children:"Button",...e});var Qi=require("react/jsx-runtime"),kt=e=>(0,Qi.jsx)(p,{children:"Button",...e});var vn=require("react/jsx-runtime"),lm=p.options,pm=p.states,dm={...p.defaultOptions,variant:"text"},cm=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],mm=[],_o=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return(0,vn.jsx)(W,{...o,icon:"star"});case"icon-and-text":return(0,vn.jsx)(Ha,{...o,icon:"star",children:"Button"});default:return(0,vn.jsx)(kt,{...o,children:"Button"})}};_o.options=lm;_o.states=pm;_o.variants=cm;_o.defaultOptions=dm;_o.modifiers=mm;_o.className=p.className;var vs="button",ji=vs;var el=require("react/jsx-runtime"),za="k-button-group",um=[r.disabled],fm={fillMode:[x.undefined,x.solid,x.flat,x.outline,x.clear,x.link]},bm={},B=e=>{let{fillMode:t,disabled:o,stretched:a,...n}=e;return(0,el.jsx)("div",{role:"group",...n,className:s(e.className,za,y(za,{fillMode:t}),S(za,{disabled:o}),{[`${za}-stretched`]:a}),...o&&{"aria-disabled":"true"},children:e.children})};B.states=um;B.options=fm;B.className=za;B.defaultOptions=bm;B.moduleName=vs;B.folderName=ji;var gs=require("react/jsx-runtime");var Ls=require("react/jsx-runtime");var Ms=require("react/jsx-runtime");var Ss=require("react/jsx-runtime");var ks=require("react/jsx-runtime");var Cs=require("react/jsx-runtime");var We=require("react/jsx-runtime"),xm={...p.options,...B.options},Nm=p.states,hm={...p.defaultOptions,...B.defaultOptions,variant:"text-button"},vm=[{name:"icon-button",title:"Icon Only"},{name:"text-button",title:"Text"},{name:"icon-text-button",title:"Icon Text"}],gm=[],wo=e=>{let{variant:t,className:o,...a}=e;return t==="icon-button"?(0,We.jsxs)(B,{fillMode:a.fillMode,className:o,children:[(0,We.jsx)(p,{...a,icon:"star"}),(0,We.jsx)(p,{...a,icon:"star"}),(0,We.jsx)(p,{...a,icon:"star"})]}):t==="icon-text-button"?(0,We.jsxs)(B,{fillMode:a.fillMode,className:o,children:[(0,We.jsx)(p,{...a,icon:"star",children:"First"}),(0,We.jsx)(p,{...a,icon:"star",children:"Middle"}),(0,We.jsx)(p,{...a,icon:"star",children:"Last"})]}):(0,We.jsxs)(B,{fillMode:a.fillMode,className:o,children:[(0,We.jsx)(p,{...a,children:"First"}),(0,We.jsx)(p,{...a,children:"Middle"}),(0,We.jsx)(p,{...a,children:"Last"})]})};wo.options=xm;wo.states=Nm;wo.variants=vm;wo.defaultOptions=hm;wo.modifiers=gm;wo.className=B.className;var Ua="input",gn=Ua;var tl=require("react/jsx-runtime"),Ln="k-input",Lm=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading,r.readonly],Mm={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[x.undefined,x.solid,x.flat,x.outline]},Sm={},te=e=>{let{hover:t,focus:o,disabled:a,invalid:n,valid:i,loading:l,readonly:c,size:u,rounded:f,fillMode:N,...v}=e;return(0,tl.jsx)("span",{...v,className:s(e.className,Ln,y(Ln,{size:u,rounded:f,fillMode:N}),S(Ln,{hover:t,focus:o,disabled:a,invalid:n,valid:i,loading:l,readonly:c}))})};te.states=Lm;te.options=Mm;te.className=Ln;te.defaultOptions=Sm;te.moduleName=Ua;te.folderName=gn;var ol=require("react/jsx-runtime"),Mn="k-picker",km=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading,r.readonly],Cm={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[x.undefined,x.solid,x.flat,x.outline]},Am={},Pt=e=>{let{hover:t,focus:o,disabled:a,invalid:n,valid:i,loading:l,readonly:c,size:u,rounded:f,fillMode:N,...v}=e;return(0,ol.jsx)("span",{...v,className:s(e.className,Mn,y(Mn,{size:u,rounded:f,fillMode:N}),S(Mn,{hover:t,focus:o,disabled:a,invalid:n,valid:i,loading:l,readonly:c})),children:e.children})};Pt.states=km;Pt.options=Cm;Pt.className=Mn;Pt.defaultOptions=Am;Pt.moduleName=Ua;Pt.folderName=gn;var Do=require("react/jsx-runtime"),al="k-clear-value",Em=[r.disabled,r.loading,r.readonly],ym={},at=e=>{let{disabled:t,loading:o,readonly:a,value:n}=e;return t\|\|a\|\|o\|\|!n?(0,Do.jsx)(Do.Fragment,{}):(0,Do.jsx)("span",{className:s(e.className,al),children:(0,Do.jsx)(g,{icon:"x"})})};at.states=Em;at.options=ym;at.className=al;var nl=require("react/jsx-runtime"),As="k-input-inner",Im=[],Tm={},Sn={type:"text",autocomplete:"off",value:"",placeholder:""},Pe=e=>{let{value:t=Sn.value,type:o=Sn.type,placeholder:a=Sn.placeholder,autocomplete:n=Sn.autocomplete,disabled:i,readOnly:l,...c}=e;return(0,nl.jsx)("input",{...c,type:o,className:s(e.className,As,y(As,e)),placeholder:a,autoComplete:n,defaultValue:t,disabled:i\|\|void 0,readOnly:l\|\|void 0})};Pe.states=Im;Pe.options=Tm;Pe.className=As;var Fa=require("react/jsx-runtime"),Es="k-input-inner",Om=[],Bm={},Lo=e=>{let{value:t,placeholder:o,showValue:a,valueIcon:n,valueIconName:i,...l}=e;return(0,Fa.jsxs)("span",{...l,className:s(e.className,Es,y(Es,e)),children:[n,!n&&i&&(0,Fa.jsx)(g,{className:"k-input-value-icon",icon:i}),a&&!t&&o,a&&t&&(0,Fa.jsx)("span",{className:"k-input-value-text",children:t})]})};Lo.states=Om;Lo.options=Bm;Lo.className=Es;var rl=require("react/jsx-runtime"),ys="k-input-inner",Pm=[],Km={},sl={value:"",placeholder:""},Ga=e=>{let{value:t=sl.value,placeholder:o=sl.placeholder,rows:a,disabled:n,...i}=e;return(0,rl.jsx)("textarea",{...i,className:s(e.className,ys,y(ys,e)),placeholder:o,rows:a,defaultValue:t,disabled:n\|\|void 0})};Ga.states=Pm;Ga.options=Km;Ga.className=ys;var Va=require("react/jsx-runtime"),il="k-input-loading-icon",Rm=[r.disabled,r.loading],Je=e=>{let{disabled:t,loading:o}=e;return t\|\|!o?(0,Va.jsx)(Va.Fragment,{}):(0,Va.jsx)("span",{className:s(e.className,il,"k-icon k-i-loading")})};Je.states=Rm;Je.className=il;var $a=require("react/jsx-runtime"),ll="k-input-validation-icon",_m=[r.valid,r.invalid,r.disabled,r.loading],wm={},Ke=e=>{let{valid:t,invalid:o,disabled:a,loading:n}=e,i=o?"warning-circle":"check-circle";return a\|\|n\|\|!!!(t\|\|o)?(0,$a.jsx)($a.Fragment,{}):(0,$a.jsx)(g,{className:s(ll),icon:i})};Ke.states=_m;Ke.options=wm;Ke.className=ll;var Xa=require("react/jsx-runtime"),Dm="k-input-prefix",Hm={direction:"horizontal"},ct=e=>{let{direction:t=Hm.direction,...o}=e;return e.children?(0,Xa.jsx)("span",{...o,className:s(Dm,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):(0,Xa.jsx)(Xa.Fragment,{})};var qa=require("react/jsx-runtime"),zm="k-input-suffix",Um={direction:"horizontal"},mt=e=>{let{direction:t=Um.direction,...o}=e;return e.children?(0,qa.jsx)("span",{...o,className:s(zm,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):(0,qa.jsx)(qa.Fragment,{})};var Fm=require("react/jsx-runtime");var pl=require("react/jsx-runtime"),Gm="k-input-suffix-text",Is=e=>{let{children:t,...o}=e;return(0,pl.jsx)("span",{...o,className:s(Gm,e.className),children:t})};var cl=require("react/jsx-runtime"),dl="k-input-separator",Vm={direction:"vertical"},ut=e=>{let{direction:t=Vm.direction,...o}=e;return(0,cl.jsx)("span",{...o,className:s(dl,e.className,{[`${dl}-${t}`]:t})})};var ce=require("react/jsx-runtime"),$m=te.states,Xm=te.defaultOptions,qm=te.options,Wm=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],Jm=[],Ho=e=>{let{modifiers:t,valid:o,invalid:a,loading:n,disabled:i,readonly:l,...c}=e,u=t==null?void 0:t.prefix,f=t==null?void 0:t.suffix,N=t==null?void 0:t["clear-button"],v=t==null?void 0:t["validation-icon"],m=t==null?void 0:t.separators;return(0,ce.jsxs)(te,{...c,valid:o,invalid:a,loading:n,disabled:i,readonly:l,style:{width:300},children:[u&&(0,ce.jsxs)(ce.Fragment,{children:[(0,ce.jsx)(ct,{children:(0,ce.jsx)(g,{icon:"lock"})}),m&&(0,ce.jsx)(ut,{})]}),(0,ce.jsx)(Pe,{placeholder:"Placeholder",value:"Value"}),v&&(0,ce.jsx)(Ke,{valid:o,invalid:a,loading:n,disabled:i}),(0,ce.jsx)(Je,{loading:n,disabled:i}),N&&(0,ce.jsx)(at,{loading:n,disabled:i,readonly:l,value:"Value"}),f&&(0,ce.jsxs)(ce.Fragment,{children:[m&&(0,ce.jsx)(ut,{}),(0,ce.jsx)(mt,{children:(0,ce.jsx)(kt,{size:c.size,fillMode:"clear",children:"Send"})})]})]})};Ho.options=qm;Ho.states=$m;Ho.variants=Jm;Ho.defaultOptions=Xm;Ho.modifiers=Wm;Ho.className=te.className;var Wa=require("react/jsx-runtime"),ml="k-color-preview",Ym=[],Zm={},ao=e=>{let{color:t,iconName:o,...a}=e;return(0,Wa.jsxs)("span",{...a,className:s(e.className,ml,{"k-icon-color-preview":o,"k-no-color":!t}),children:[o&&(0,Wa.jsx)(g,{icon:o,className:"k-color-preview-icon"}),(0,Wa.jsx)("span",{className:"k-color-preview-mask",style:{backgroundColor:t}})]})};ao.states=Ym;ao.options=Zm;ao.className=ml;var Ts="popup",ul=Ts;var Bs=require("react/jsx-runtime"),fl="k-animation-container",Qm=[],jm={},Os={positionMode:"absolute",shown:!0},Kt=e=>{let{positionMode:t=Os.positionMode,shown:o=Os.shown,animationStyle:a,offset:n,...i}=e;return(0,Bs.jsx)("div",{...i,style:{...n,...e.style},className:s(e.className,fl,{"k-animation-container-shown":o,"k-animation-container-fixed":t==="fixed"}),children:(0,Bs.jsx)("div",{className:"k-child-animation-container",style:a,children:e.children})})};Kt.states=Qm;Kt.options=jm;Kt.className=fl;Kt.defaultOptions=Os;Kt.moduleName=Ts;Kt.folderName=ul;var Ps="popup",bl=Ps;var Ks=require("react/jsx-runtime"),xl="k-popup",eu=[],tu={},Nl={positionMode:"absolute"},J=e=>{let{offset:t,positionMode:o=Nl.positionMode,animationStyle:a,containerClassName:n,containerRole:i,containerAriaLabel:l,...c}=e;return(0,Ks.jsx)(Kt,{positionMode:o,offset:t,animationStyle:a,className:n,role:i,"aria-label":l,children:(0,Ks.jsx)("div",{...c,className:s(e.className,xl),children:e.children})})};J.states=eu;J.options=tu;J.className=xl;J.defaultOptions=Nl;J.moduleName=Ps;J.folderName=bl;var Rs="action-buttons",hl=Rs;var gl=require("react/jsx-runtime"),kn="k-actions",ou=[],au={},_s={alignment:"start",orientation:"horizontal"},nt=e=>{let{alignment:t=_s.alignment,orientation:o=_s.orientation,...a}=e;return(0,gl.jsx)("div",{...a,className:s(kn,{[`${kn}-${t}`]:t,[`${kn}-${o}`]:o},e.className),children:e.children})};nt.states=ou;nt.options=au;nt.className=kn;nt.defaultOptions=_s;nt.moduleName=Rs;nt.folderName=hl;var vl=nt;var Ml=require("react/jsx-runtime"),nu="k-actionsheet-footer",Ll={alignment:"stretched",orientation:"horizontal"},no=e=>{let{alignment:t=Ll.alignment,orientation:o=Ll.orientation,template:a,as:n=a?"div":nt,...i}=e;return(0,Ml.jsx)(n,{...i,...!a&&{alignment:t,orientation:o},className:s(e.className,nu),children:e.children})};var ws="searchbox",Sl=ws;var so=require("react/jsx-runtime"),kl="k-searchbox",su=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading],ru={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[x.undefined,x.solid,x.flat,x.outline]},Cn={showIcon:!0,showClearButton:!0,icon:"search"},ft=e=>{let{value:t,placeholder:o,size:a,rounded:n,fillMode:i,hover:l,focus:c,valid:u,invalid:f,required:N,loading:v,disabled:m,showIcon:L=Cn.showIcon,showClearButton:M=Cn.showClearButton,icon:C=Cn.icon,"aria-label":E,...A}=e;return(0,so.jsxs)(te,{...A,size:a,rounded:n,fillMode:i,hover:l,focus:c,valid:u,invalid:f,required:N,loading:v,disabled:m,className:s(e.className,kl),children:[L&&(0,so.jsx)(g,{className:"k-input-icon",icon:C}),(0,so.jsx)(Pe,{placeholder:o,value:t,"aria-label":E}),(0,so.jsx)(Je,{...e}),(0,so.jsx)(Ke,{...e}),M&&(0,so.jsx)(at,{...e})]})};ft.states=su;ft.options=ru;ft.className=kl;ft.defaultOptions=Cn;ft.moduleName=ws;ft.folderName=Sl;var iu=require("react/jsx-runtime");var Ds="textbox",Cl=Ds;var Ce=require("react/jsx-runtime"),Al="k-textbox",lu=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading,r.readonly],pu={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[x.undefined,x.solid,x.flat,x.outline]},An={showClearButton:!0,showValidationIcon:!0,separators:!0},Ae=e=>{let{size:t,rounded:o,fillMode:a,separators:n=An.separators,showClearButton:i=An.showClearButton,showValidationIcon:l=An.showValidationIcon,prefix:c,suffix:u,type:f,value:N,placeholder:v,hover:m,focus:L,valid:M,invalid:C,required:E,loading:A,disabled:I,readonly:F,id:Se,"aria-label":qe,"aria-describedby":ke,...Be}=e;return(0,Ce.jsxs)(te,{...Be,size:t,rounded:o,fillMode:a,hover:m,focus:L,valid:M,invalid:C,required:E,loading:A,disabled:I,readonly:F,className:s(e.className,Al),children:[c&&(0,Ce.jsxs)(Ce.Fragment,{children:[(0,Ce.jsx)(ct,{children:c}),n&&(0,Ce.jsx)(ut,{})]}),(0,Ce.jsx)(Pe,{id:Se,placeholder:v,value:N,type:f,disabled:I,"aria-label":qe,"aria-describedby":ke,"aria-invalid":C?"true":void 0}),l&&(0,Ce.jsx)(Ke,{valid:M,invalid:C,loading:A,disabled:I}),(0,Ce.jsx)(Je,{loading:A,disabled:I}),i&&(0,Ce.jsx)(at,{loading:A,disabled:I,readonly:F,value:N}),u&&(0,Ce.jsxs)(Ce.Fragment,{children:[n&&(0,Ce.jsx)(ut,{}),(0,Ce.jsx)(mt,{children:u})]})]})};Ae.states=lu;Ae.options=pu;Ae.className=Al;Ae.defaultOptions=An;Ae.moduleName=Ds;Ae.folderName=Cl;var Ja=Ae;var El=require("react/jsx-runtime"),En=e=>(0,El.jsx)(Ja,{...e});var yl=require("react/jsx-runtime");var Il=require("react/jsx-runtime");var du=require("react/jsx-runtime");var yn=require("react/jsx-runtime"),cu=Ae.states,mu=Ae.defaultOptions,uu=Ae.options,fu=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],bu=[],zo=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(n=>{switch(n){case"prefix":a.prefix=t!=null&&t[n]?(0,yn.jsx)(g,{icon:"lock"}):void 0;break;case"suffix":a.suffix=t!=null&&t[n]?(0,yn.jsx)(kt,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":a.showClearButton=t==null?void 0:t[n];break;default:break}}),(0,yn.jsx)(En,{value:"Value",style:{width:300},...o,...a})};zo.options=uu;zo.states=cu;zo.variants=bu;zo.defaultOptions=mu;zo.modifiers=fu;zo.className=Ae.className;var st=require("react/jsx-runtime"),Tl="k-actionsheet-titlebar",xu={},Re=e=>{let{title:t,subtitle:o,actionsStart:a,actionsEnd:n,filter:i,input:l,inputValue:c,inputPlaceholder:u,adaptive:f,titleId:N,children:v,...m}=e;return(0,st.jsxs)("div",{...m,className:s(e.className,Tl),children:[(0,st.jsxs)("div",{className:"k-actionsheet-titlebar-group",children:[a&&(0,st.jsx)("div",{className:"k-actionsheet-actions",children:a}),!v&&(0,st.jsxs)("div",{className:"k-actionsheet-title",id:N,children:[t&&(0,st.jsx)("div",{className:"k-text-center",children:t}),o&&(0,st.jsx)("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),v&&(0,st.jsx)("div",{className:"k-actionsheet-title",id:N,children:v}),n&&(0,st.jsx)("div",{className:"k-actionsheet-actions",children:n})]}),(l\|\|i)&&(0,st.jsx)("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:l?(0,st.jsx)(Ae,{value:c,placeholder:u,size:f?"large":"medium","aria-label":t\|\|u\|\|"Input"}):(0,st.jsx)(ft,{placeholder:"Filter",size:f?"large":"medium","aria-label":"Filter options"})})]})};Re.className=Tl;Re.defaultOptions=xu;var Uo=require("react/jsx-runtime"),Hs="k-actionsheet-view",Nu=[],hu={},vu={},Fo=e=>{let{adaptive:t,animated:o,children:a,header:n,footer:i,titleId:l,...c}=e,u=(n==null?void 0:n.type)===Re&&(0,Uo.jsx)(Re,{adaptive:t,titleId:l,...n==null?void 0:n.props}),f=(i==null?void 0:i.type)===no&&(0,Uo.jsx)(no,{...i==null?void 0:i.props});return(0,Uo.jsxs)("div",{...c,className:s(e.className,Hs,{[`${Hs}-animated`]:o}),children:[u,(0,Uo.jsx)("div",{className:"k-actionsheet-content",children:a}),f]})};Fo.states=Nu;Fo.options=hu;Fo.className=Hs;Fo.defaultOptions=vu;var Ya="action-sheet",In=Ya;var zs="overlay",Ol=zs;var Pl=require("react/jsx-runtime"),Bl="k-overlay",gu=[],Lu={},Mu={},Rt=e=>{let{...t}=e;return(0,Pl.jsx)("div",{...t,className:s(e.className,Bl),children:e.children})};Rt.states=gu;Rt.options=Lu;Rt.className=Bl;Rt.defaultOptions=Mu;Rt.moduleName=zs;Rt.folderName=Ol;var Mo=require("react/jsx-runtime"),Kl="k-actionsheet",Su=[],ku={},Za={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},oe=e=>{let{side:t=Za.side,fullscreen:o=Za.fullscreen,adaptive:a=Za.adaptive,overlay:n=Za.overlay,template:i,children:l,header:c,footer:u,id:f,...N}=e,v=f&&!i&&c?`${f}-title`:void 0;return(0,Mo.jsxs)("div",{className:"k-actionsheet-container",children:[n&&(0,Mo.jsx)(Rt,{}),(0,Mo.jsx)(Kt,{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:(0,Mo.jsx)("div",{...N,id:f,role:"dialog","aria-modal":n?"true":void 0,"aria-labelledby":v,className:s(e.className,Kl,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":a}),children:i\|\|(0,Mo.jsx)(Fo,{header:c,footer:u,adaptive:a,titleId:v,...e,children:l})})})]})};oe.states=Su;oe.options=ku;oe.className=Kl;oe.defaultOptions=Za;oe.moduleName=Ya;oe.folderName=In;var _l=require("react/jsx-runtime"),Rl="k-actionsheet-container",Cu=[],Au={},Eu={},Go=e=>{let{children:t,...o}=e;return(0,_l.jsx)("div",{...o,className:Rl,children:t})};Go.states=Cu;Go.options=Au;Go.className=Rl;Go.defaultOptions=Eu;Go.moduleName=Ya;Go.folderName=In;var wl=require("react/jsx-runtime"),Us=e=>{let{...t}=e;return(0,wl.jsx)("div",{...t,className:s(e.className,"k-list-ul"),children:e.children})};var bt=require("react/jsx-runtime"),Fs="k-actionsheet-item",yu=[r.hover,r.focus,r.selected,r.disabled],ro=e=>{let{iconName:t,text:o,description:a,hover:n,focus:i,selected:l,disabled:c,...u}=e;return(0,bt.jsxs)("span",{...u,className:s(e.className,Fs,S(Fs,{hover:n,focus:i,selected:l,disabled:c})),children:[!e.children&&(0,bt.jsx)(bt.Fragment,{children:(0,bt.jsxs)("span",{className:"k-actionsheet-action",children:[t&&(0,bt.jsx)("span",{className:"k-icon-wrap",children:(0,bt.jsx)(g,{className:"k-actionsheet-item-icon",icon:t})}),(0,bt.jsxs)("span",{className:"k-actionsheet-item-text",children:[o&&(0,bt.jsx)("span",{className:"k-actionsheet-item-title",children:o}),a&&(0,bt.jsx)("span",{className:"k-actionsheet-item-description",children:a})]})]})}),e.children]})};ro.states=yu;ro.className=Fs;var Dl=require("react/jsx-runtime");var Iu=require("react/jsx-runtime");var Tu=require("react/jsx-runtime");var Ou=require("react/jsx-runtime");var Y=require("react/jsx-runtime"),Bu=oe.options,Pu=oe.states,zl={...oe.defaultOptions,variant:"normal"},Ku=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],Ru=[{name:"actions",title:"Titlebar Actions",type:"boolean"},{name:"subtitle",title:"Subtitle",type:"boolean"},{name:"footer",title:"Footer",type:"boolean"}],Vo=e=>{let{variant:t,modifiers:o,...a}={...zl,...e},n={},i=(0,Y.jsxs)(Us,{children:[(0,Y.jsx)(ro,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),(0,Y.jsx)(ro,{text:"Add to Favorites",iconName:"heart"}),(0,Y.jsx)(ro,{text:"Upload New",iconName:"upload",disabled:!0}),(0,Y.jsx)("hr",{className:"k-hr"}),(0,Y.jsx)(ro,{text:"Cancel",iconName:"cancel"})]}),l="Choose from the items below",c="Select Item";return t==="fullScreen"&&(n.fullScreen=!0),Object.keys(o\|\|{}).forEach(u=>{switch(u){case"actions":n.actionsStart=!!(o!=null&&o[u]),n.actionsEnd=!!(o!=null&&o[u]);break;case"subtitle":n.subtitle=o!=null&&o[u]?l:void 0;break;case"footer":n.footer=!!(o!=null&&o[u]);break;default:break}}),t==="adaptive"?(0,Y.jsx)(oe,{...a,adaptive:!0,fullscreen:n.fullScreen,header:(0,Y.jsx)(Re,{actionsStart:n.actionsStart?(0,Y.jsx)(p,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:n.actionsEnd?(0,Y.jsx)(p,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:c,subtitle:n.subtitle}),footer:n.footer?(0,Y.jsxs)(no,{alignment:"stretched",children:[(0,Y.jsx)(p,{text:"Cancel",size:"large",themeColor:"base"}),(0,Y.jsx)(p,{text:"Apply",size:"large",themeColor:"primary"})]}):void 0,children:i}):(0,Y.jsx)(oe,{...a,fullscreen:n.fullScreen,header:(0,Y.jsx)(Re,{actionsStart:n.actionsStart?(0,Y.jsx)(p,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:n.actionsEnd?(0,Y.jsx)(p,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:n.subtitle}),footer:n.footer?(0,Y.jsxs)(no,{alignment:"stretched",children:[(0,Y.jsx)(p,{text:"Apply",themeColor:"primary"}),(0,Y.jsx)(p,{text:"Cancel",themeColor:"base"})]}):void 0,children:i})};Vo.options=Bu;Vo.states=Pu;Vo.variants=Ku;Vo.defaultOptions=zl;Vo.modifiers=Ru;Vo.className=oe.className;var Gs="slider",Ul=Gs;var Ct=require("react/jsx-runtime"),Qa="k-slider",_u=[r.hover,r.focus,r.active,r.disabled,r.readonly],wu={},xt={type:"single",orientation:"horizontal",gradientType:"1d",readonly:!1,disabled:!1,handlePosition:"end",showButtons:!0,showTicks:!0,value:50,min:0,max:100},X=e=>{let{type:t=xt.type,orientation:o=xt.orientation,gradientType:a=xt.gradientType,readonly:n=xt.readonly,disabled:i=xt.disabled,handlePosition:l=xt.handlePosition,showButtons:c=xt.showButtons,showTicks:u=xt.showTicks,value:f=xt.value,min:N=xt.min,max:v=xt.max,startValue:m,endValue:L,hover:M,focus:C,active:E,trackStyle:A,dir:I,...F}=e,qe=(()=>{if(t==="gradient"&&a==="2d")return"undefined";if(o==="vertical")return"vertical"})(),ke,Be;return o==="horizontal"?(ke=I==="rtl"?"chevron-left":"chevron-right",Be=I==="rtl"?"chevron-right":"chevron-left"):o==="vertical"&&(ke="chevron-up",Be="chevron-down"),(0,Ct.jsxs)("div",{...F,className:s(Qa,e.className,S(Qa,{readonly:n,disabled:i}),{[`k-slider-${o}`]:o,"k-colorgradient-slider":t==="gradient"}),dir:I,children:[c&&(0,Ct.jsx)(p,{className:"k-button-decrease",rounded:"full",icon:Be,tabIndex:-1,title:"Decrease"}),(0,Ct.jsxs)("div",{className:"k-slider-track-wrap",children:[u&&(0,Ct.jsx)("ul",{className:"k-reset k-slider-items","aria-hidden":"true",children:e.children}),(0,Ct.jsxs)("div",{className:"k-slider-track",style:A,children:[(0,Ct.jsx)("div",{className:"k-slider-selection"}),t==="range"&&(0,Ct.jsx)("span",{className:s("k-draghandle","k-draghandle-start",S(Qa,{hover:M,focus:C,active:E})),role:"slider",tabIndex:i?void 0:0,"aria-valuenow":m??N,"aria-valuemin":N,"aria-valuemax":L??v,"aria-orientation":qe,"aria-disabled":i?"true":void 0,"aria-readonly":n?"true":void 0,"aria-label":F["aria-label"]?`${F["aria-label"]} start`:"Range start"}),(0,Ct.jsx)("span",{className:s("k-draghandle",`k-draghandle-${l}`,S(Qa,{hover:M,focus:C,active:E})),role:"slider",tabIndex:i?void 0:0,"aria-valuenow":t==="range"?L??v:f,"aria-valuemin":t==="range"?m??N:N,"aria-valuemax":v,"aria-orientation":qe,"aria-disabled":i?"true":void 0,"aria-readonly":n?"true":void 0,"aria-label":t==="range"?F["aria-label"]?`${F["aria-label"]} end`:"Range end":F["aria-label"]})]})]}),c&&(0,Ct.jsx)(p,{className:"k-button-increase",rounded:"full",icon:ke,tabIndex:-1,title:"Increase"})]})};X.states=_u;X.options=wu;X.className=Qa;X.defaultOptions=xt;X.moduleName=Gs;X.folderName=Ul;var Vs=require("react/jsx-runtime"),Fl="k-tick",Du=[],Hu={},Gl={label:!1},T=e=>{let{style:t,label:o=Gl.label,orientation:a,large:n,text:i,...l}=e;return(0,Vs.jsx)("li",{...l,role:"presentation",title:i\|\|"Tick",className:s(e.className,Fl,{[`k-tick-${a}`]:a,"k-tick-large":n}),style:t,children:o&&(0,Vs.jsx)("span",{className:"k-label",children:i})})};T.states=Du;T.options=Hu;T.className=Fl;T.defaultOptions=Gl;var ue=require("react/jsx-runtime"),Vl=e=>(0,ue.jsx)(X,{"aria-label":e["aria-label"]\|\|"Slider",children:(0,ue.jsxs)(ue.Fragment,{children:[(0,ue.jsx)(T,{className:"k-first",label:!0,large:!0,text:"0"}),(0,ue.jsx)(T,{}),(0,ue.jsx)(T,{}),(0,ue.jsx)(T,{}),(0,ue.jsx)(T,{}),(0,ue.jsx)(T,{label:!0,large:!0,text:"5"}),(0,ue.jsx)(T,{}),(0,ue.jsx)(T,{}),(0,ue.jsx)(T,{}),(0,ue.jsx)(T,{}),(0,ue.jsx)(T,{className:"k-last",label:!0,large:!0,text:"10"})]}),...e});var fe=require("react/jsx-runtime"),$l=e=>(0,fe.jsx)(X,{children:(0,fe.jsxs)(fe.Fragment,{children:[(0,fe.jsx)(T,{className:"k-first",label:!0,large:!0,text:"0"}),(0,fe.jsx)(T,{}),(0,fe.jsx)(T,{}),(0,fe.jsx)(T,{}),(0,fe.jsx)(T,{}),(0,fe.jsx)(T,{label:!0,large:!0,text:"5"}),(0,fe.jsx)(T,{}),(0,fe.jsx)(T,{}),(0,fe.jsx)(T,{}),(0,fe.jsx)(T,{}),(0,fe.jsx)(T,{className:"k-last",label:!0,large:!0,text:"10"})]}),"aria-label":e["aria-label"]\|\|"Vertical slider",...e,orientation:"vertical"});var $s=require("react/jsx-runtime");var Xs=require("react/jsx-runtime");var Xl=require("react/jsx-runtime"),qs=e=>(0,Xl.jsx)(X,{type:"gradient",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]\|\|"Color slider"});var ql=require("react/jsx-runtime"),Ws=e=>(0,ql.jsx)(X,{type:"gradient",orientation:"vertical",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]\|\|"Color slider"});var Js=require("react/jsx-runtime");var Ys=require("react/jsx-runtime");var Ye=require("react/jsx-runtime"),zu=X.options,Uu=X.states,Wl={...X.defaultOptions,variant:"horizontal",label:!0},Fu=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],Gu=[{name:"label",title:"Labels",default:!0},{name:"tick",title:"Ticks",default:!0},{name:"button",title:"Side Buttons",default:!0}],$o=e=>{let{variant:t,modifiers:o,...a}=e,n=Wl.label,i={};Object.keys(o\|\|{}).forEach(c=>{switch(c){case"button":{i.showButtons=!!(o!=null&&o[c]);break}case"label":{n=!!(o!=null&&o[c]);break}case"tick":{i.showTicks=!!(o!=null&&o[c]);break}}});let l={"--kendo-slider-start":0,"--kendo-slider-end":60};return t==="vertical"?(0,Ye.jsxs)($l,{style:{height:"300px",...l},...a,...i,children:[(0,Ye.jsx)(T,{label:n,large:!0,orientation:"vertical",text:"0",style:{position:"absolute",bottom:"0%"}}),(0,Ye.jsx)(T,{label:n,large:!0,orientation:"vertical",text:"2",style:{position:"absolute",bottom:"25%"}}),(0,Ye.jsx)(T,{label:n,large:!0,orientation:"vertical",text:"4",style:{position:"absolute",bottom:"50%"}}),(0,Ye.jsx)(T,{label:n,large:!0,orientation:"vertical",text:"6",style:{position:"absolute",bottom:"75%"}}),(0,Ye.jsx)(T,{label:n,large:!0,orientation:"vertical",text:"8",style:{position:"absolute",bottom:"100%"}})]}):(0,Ye.jsxs)(Vl,{style:{width:"400px",...l},...a,...i,children:[(0,Ye.jsx)(T,{label:n,large:!0,orientation:"horizontal",text:"0",style:{position:"absolute",left:"0%"}}),(0,Ye.jsx)(T,{label:n,large:!0,orientation:"horizontal",text:"2",style:{position:"absolute",left:"25%"}}),(0,Ye.jsx)(T,{label:n,large:!0,orientation:"horizontal",text:"4",style:{position:"absolute",left:"50%"}}),(0,Ye.jsx)(T,{label:n,large:!0,orientation:"horizontal",text:"6",style:{position:"absolute",left:"75%"}}),(0,Ye.jsx)(T,{label:n,large:!0,orientation:"horizontal",text:"8",style:{position:"absolute",left:"100%"}})]})};$o.options=zu;$o.states=Uu;$o.variants=Fu;$o.defaultOptions=Wl;$o.modifiers=Gu;$o.className=X.className;var ja=require("react/jsx-runtime"),Jl="k-spin-button",Xu=[],qu={size:[d.undefined,d.small,d.medium,d.large],fillMode:[x.undefined,x.solid,x.flat,x.outline,x.clear,x.link]},Zs={increaseLabel:"Increase value",decreaseLabel:"Decrease value"},io=e=>{let{size:t,fillMode:o,disabled:a,increaseLabel:n=Zs.increaseLabel,decreaseLabel:i=Zs.decreaseLabel,...l}=e;return(0,ja.jsxs)("span",{...l,className:s(Jl,e.className),children:[(0,ja.jsx)(p,{className:"k-spinner-increase",icon:"chevron-up",size:t,fillMode:o,disabled:a,"aria-label":n}),(0,ja.jsx)(p,{className:"k-spinner-decrease",icon:"chevron-down",size:t,fillMode:o,disabled:a,"aria-label":i})]})};io.states=Xu;io.options=qu;io.className=Jl;io.defaultOptions=Zs;io.moduleName=null;io.folderName=null;var Yl="numeric-textbox",Zl="numerictextbox";var be=require("react/jsx-runtime"),Ql="k-numerictextbox",Wu=[r.hover,r.focus,r.valid,r.invalid,r.loading,r.required,r.disabled,r.readonly],Ju={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[x.undefined,x.solid,x.flat,x.outline]},Tn={showSpinButton:!0,showClearButton:!0,separators:!0},z=e=>{let{size:t,rounded:o,fillMode:a,separators:n=Tn.separators,showClearButton:i=Tn.showClearButton,showSpinButton:l=Tn.showSpinButton,prefix:c,suffix:u,value:f,placeholder:N,hover:v,focus:m,valid:L,invalid:M,required:C,loading:E,disabled:A,readonly:I,id:F,"aria-label":Se,"aria-describedby":qe,...ke}=e;return(0,be.jsxs)(te,{...ke,size:t,rounded:o,fillMode:a,hover:v,focus:m,valid:L,invalid:M,required:C,loading:E,disabled:A,readonly:I,className:s(e.className,Ql),children:[c&&(0,be.jsxs)(be.Fragment,{children:[(0,be.jsx)(ct,{children:c}),n&&(0,be.jsx)(ut,{})]}),(0,be.jsx)(Pe,{id:F,placeholder:N,value:f,role:"spinbutton",disabled:A,"aria-label":Se,"aria-describedby":qe,"aria-invalid":M?"true":void 0}),(0,be.jsx)(Ke,{valid:L,invalid:M,loading:E,disabled:A}),(0,be.jsx)(Je,{loading:E,disabled:A}),i&&(0,be.jsx)(at,{loading:E,disabled:A,readonly:I,value:f}),u&&(0,be.jsxs)(be.Fragment,{children:[n&&(0,be.jsx)(ut,{}),(0,be.jsx)(mt,{children:u})]}),l&&(0,be.jsx)(io,{className:"k-input-spinner",size:t,fillMode:a,disabled:A})]})};z.states=Wu;z.options=Ju;z.className=Ql;z.defaultOptions=Tn;z.moduleName=Yl;z.folderName=Zl;var en=z;var ep=require("react/jsx-runtime"),jl=e=>(0,ep.jsx)(en,{...e});var Bn=Fi(require("react"));var Qs=require("react/jsx-runtime"),Yu="k-list-group-sticky-header",js=e=>(0,Qs.jsx)("div",{className:s(Yu,e.className),children:(0,Qs.jsx)("div",{className:"k-list-header-text",children:e.children})});var tp=require("react/jsx-runtime"),Zu="k-no-data",On=e=>{let{live:t,...o}=e;return(0,tp.jsx)("span",{...o,className:s(Zu,e.className),"aria-live":t?"polite":void 0,children:e.children})};var So="list",Xo=So;var qo=require("react/jsx-runtime"),er="k-list",Qu=[],ju={size:[d.undefined,d.small,d.medium,d.large]},ef={},R=e=>{var M;let{size:t,virtualization:o,children:a,header:n,selectAll:i,optionLabel:l,customValue:c,noData:u,screenReaders:f,...N}=e,m=Bn.default.Children.toArray(a)[0],L=(M=m==null?void 0:m.props)!=null&&M.children?Bn.default.Children.count(m.props.children):Bn.default.Children.count(a);return(0,qo.jsxs)("div",{...N,className:s(e.className,er,y(er,{size:t}),{"k-virtual-list":o}),children:[l,i,c,n&&(0,qo.jsx)(js,{children:n}),a\|\|(u!==void 0?u:(0,qo.jsx)(On,{live:!0,children:"No data found."})),f&&a&&(0,qo.jsxs)(On,{className:"k-sr-only",live:!0,children:[L," items found."]})]})};R.states=Qu;R.options=ju;R.className=er;R.defaultOptions=ef;R.moduleName=So;R.folderName=Xo;var ap=require("react/jsx-runtime"),op="k-list-container",tf=[],of={},af={},Wo=e=>{let{...t}=e;return(0,ap.jsx)("div",{...t,className:s(e.className,op),children:e.children})};Wo.states=tf;Wo.options=of;Wo.className=op;Wo.defaultOptions=af;Wo.moduleName=So;Wo.folderName=Xo;var ko="checkbox",Jo=ko;var tr=require("react/jsx-runtime"),Pn="k-checkbox",nf=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.checked,r.indeterminate],sf={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full]},rf={},rt=e=>{let{id:t,checked:o,indeterminate:a,hover:n,focus:i,disabled:l,invalid:c,valid:u,required:f,size:N,rounded:v,wrapperRole:m,...L}=e;return(0,tr.jsx)("span",{className:"k-checkbox-wrap",role:m,children:(0,tr.jsx)("input",{...L,id:t,type:"checkbox",defaultChecked:o,required:f,disabled:l\|\|void 0,"aria-invalid":c?"true":void 0,className:s(e.className,Pn,y(Pn,{size:N,rounded:v}),S(Pn,{hover:n,focus:i,disabled:l,invalid:c,valid:u,indeterminate:a,checked:o}))})})};rt.states=nf;rt.options=sf;rt.className=Pn;rt.defaultOptions=rf;rt.moduleName=ko;rt.folderName=Jo;var At=rt;var rp=require("react/jsx-runtime"),np="k-checkbox-list",lf=[],pf={},sp={layout:"vertical"},_e=e=>{let{layout:t=sp.layout,...o}=e;return(0,rp.jsx)("ul",{...o,className:s(e.className,np,{[`k-list-${t}`]:t}),children:e.children})};_e.states=lf;_e.options=pf;_e.className=np;_e.defaultOptions=sp;_e.moduleName=ko;_e.folderName=Jo;var lp=require("react/jsx-runtime"),ip="k-checkbox-list-item",df=[],cf={},mf={},we=e=>{let{...t}=e;return(0,lp.jsx)("li",{...t,className:s(e.className,ip),children:e.children})};we.states=df;we.options=cf;we.className=ip;we.defaultOptions=mf;we.moduleName=ko;we.folderName=Jo;var Co=require("react/jsx-runtime"),qt=({children:e="Label",id:t="cb-label-after",...o})=>(0,Co.jsxs)(Co.Fragment,{children:[(0,Co.jsx)(At,{id:t,...o}),(0,Co.jsx)("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});var or=require("react/jsx-runtime");var ar=require("react/jsx-runtime");var nr=require("react/jsx-runtime");var uf=require("react/jsx-runtime");var ff=require("react/jsx-runtime");var bf=require("react/jsx-runtime");var Ee=require("react/jsx-runtime"),xf=_e.options,Nf=_e.states,hf={..._e.defaultOptions,variant:"vertical"},vf=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],gf=[],Yo=e=>{let{variant:t,...o}=e;return t==="horizontal"?(0,Ee.jsxs)(_e,{layout:"horizontal",...o,children:[(0,Ee.jsx)(we,{children:(0,Ee.jsx)(qt,{id:K("cb"),defaultChecked:!0,children:"Label"})}),(0,Ee.jsx)(we,{children:(0,Ee.jsx)(qt,{id:K("cb"),children:"Label"})}),(0,Ee.jsx)(we,{children:(0,Ee.jsx)(qt,{id:K("cb"),children:"Label"})})]}):(0,Ee.jsxs)(_e,{...o,children:[(0,Ee.jsx)(we,{children:(0,Ee.jsx)(qt,{id:K("cb"),defaultChecked:!0,children:"Label"})}),(0,Ee.jsx)(we,{children:(0,Ee.jsx)(qt,{id:K("cb"),children:"Label"})}),(0,Ee.jsx)(we,{children:(0,Ee.jsx)(qt,{id:K("cb"),children:"Label"})})]})};Yo.options=xf;Yo.states=Nf;Yo.variants=vf;Yo.defaultOptions=hf;Yo.modifiers=gf;Yo.className=_e.className;var pp=require("react/jsx-runtime"),Lf=At.options,Mf=At.states,Sf=At.defaultOptions,kf=[],Cf=[],Zo=e=>(0,pp.jsx)(qt,{id:K("checkbox"),...e,defaultChecked:!0,children:"Label"});Zo.options=Lf;Zo.states=Mf;Zo.variants=kf;Zo.defaultOptions=Sf;Zo.modifiers=Cf;Zo.className=At.className;var Wt=require("react/jsx-runtime"),sr="k-list-item",Af=[r.hover,r.focus,r.selected,r.disabled],Ef={},yf={},P=e=>{let{text:t,iconName:o,iconClassName:a,showCheckbox:n,checked:i,hover:l,focus:c,selected:u,disabled:f,actions:N,description:v,id:m,...L}=e,M=t\|\|e.children,C=t\|\|(typeof M=="string"?M:void 0);return(0,Wt.jsxs)("li",{...L,id:m,role:"option",tabIndex:c?0:-1,"aria-selected":u?"true":"false","aria-disabled":f?"true":void 0,className:s(e.className,sr,S(sr,{hover:l,focus:c,disabled:f,selected:u})),children:[n&&(0,Wt.jsx)(rt,{checked:i,disabled:f,"aria-label":C,tabIndex:-1}),o&&(0,Wt.jsx)("span",{className:"k-list-item-icon-wrapper",children:(0,Wt.jsx)(g,{icon:o,className:s("k-list-item-icon",a)})}),(0,Wt.jsx)("span",{className:"k-list-item-text",children:M}),N&&(0,Wt.jsx)("div",{className:"k-list-item-actions",children:N}),v&&(0,Wt.jsx)("span",{className:"k-list-item-description",children:v})]})};P.states=Af;P.options=Ef;P.className=sr;P.defaultOptions=yf;P.moduleName=So;P.folderName=Xo;var dp=require("react/jsx-runtime"),If="k-list-ul",lo=e=>{let{children:t,role:o,id:a,...n}=e;return(0,dp.jsx)("ul",{...n,id:a,role:o,className:s(If,e.className),children:t})};var Qo=require("react/jsx-runtime"),Tf="k-list-content",G=e=>{let{virtualization:t,grouping:o,"aria-label":a,"aria-labelledby":n,listboxId:i,...l}=e;return(0,Qo.jsxs)("div",{...l,className:s(Tf,e.className),role:o?"listbox":void 0,id:o?i:void 0,"aria-label":o?a:void 0,"aria-labelledby":o?n:void 0,children:[o?e.children:(0,Qo.jsx)(lo,{role:"listbox",id:i,"aria-label":a,"aria-labelledby":n,children:e.children}),t&&(0,Qo.jsx)("div",{className:"k-height-container",children:(0,Qo.jsx)("div",{})})]})};var jo=require("react/jsx-runtime"),Kn="k-list-sticky-header",Of=[r.hover,r.focus,r.selected],Bf={},Pf={},Rn=e=>{let{label:t="Select all",showCheckbox:o=!0,checked:a,indeterminate:n,hover:i,focus:l,selected:c,...u}=e;return(0,jo.jsx)("div",{...u,className:s(Kn,e.className),children:(0,jo.jsxs)("div",{className:s(`${Kn}-item`,S(`${Kn}-item`,{hover:i,focus:l,selected:c})),"aria-label":t,...!o&&{tabIndex:0,"aria-selected":c?"true":"false"},children:[o&&(0,jo.jsx)(rt,{checked:a,indeterminate:n,"aria-label":t}),(0,jo.jsx)("span",{className:"k-list-item-text",children:t})]})})};Rn.states=Of;Rn.options=Bf;Rn.className=Kn;Rn.defaultOptions=Pf;var rr=require("react/jsx-runtime");var cp=require("react/jsx-runtime");var mp=require("react/jsx-runtime"),ir="k-list-optionlabel",Kf=[r.hover,r.focus,r.selected,r.disabled],Rf={},_f={},_n=e=>{let{text:t,hover:o,focus:a,selected:n,disabled:i,...l}=e;return(0,mp.jsx)("div",{...l,className:s(ir,S(ir,{hover:o,focus:a,selected:n,disabled:i})),children:t})};_n.states=Kf;_n.options=Rf;_n.className=ir;_n.defaultOptions=_f;var up=require("react/jsx-runtime"),lr="k-list-custom-value",wf=[r.hover,r.focus,r.selected,r.disabled],Df={},Hf={},po=e=>{let{text:t,hover:o,focus:a,selected:n,disabled:i,...l}=e;return(0,up.jsx)("div",{...l,className:s(lr,S(lr,{hover:o,focus:a,selected:n,disabled:i})),children:t})};po.states=wf;po.options=Df;po.className=lr;po.defaultOptions=Hf;var pr=require("react/jsx-runtime");var dr=require("react/jsx-runtime");var cr=require("react/jsx-runtime");var mr=require("react/jsx-runtime");var zf=require("react/jsx-runtime");var ur=require("react/jsx-runtime");var fr=require("react/jsx-runtime");var fp="dropdown-list",bp="dropdownlist";var Z=require("react/jsx-runtime"),xp="k-dropdownlist",Uf=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading,r.readonly],Ff={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[x.undefined,x.solid,x.flat,x.outline]},br={showValue:!0,arrowIconName:"chevron-down"},me=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:n=br.arrowIconName,showValue:i=br.showValue,valueIconName:l,prefix:c,suffix:u,value:f,placeholder:N,hover:v,focus:m,valid:L,invalid:M,required:C,loading:E,disabled:A,readonly:I,popup:F,opened:Se,adaptive:qe,adaptiveSettings:ke,adaptiveTitle:Be,adaptiveSubtitle:is,adaptiveFilter:ho,id:vo,activeDescendant:Ka,"aria-label":ls,...ps}=e,ds=vo?`${vo}-listbox`:void 0,zi=vo?`${vo}-value`:void 0;return(0,Z.jsxs)(Z.Fragment,{children:[(0,Z.jsxs)(Pt,{...ps,id:vo,size:t,rounded:o,fillMode:a,hover:v,focus:m,valid:L,invalid:M,required:C,loading:E,disabled:A,readonly:I,className:s(e.className,xp,{"k-icon-picker":!i&&l}),role:"combobox","aria-haspopup":"listbox","aria-expanded":Se?"true":"false","aria-controls":Se?ds:void 0,"aria-activedescendant":Se&&Ka?Ka:void 0,"aria-describedby":Se?zi:void 0,"aria-disabled":A?"true":void 0,"aria-label":ls,tabIndex:0,children:[(0,Z.jsx)(ct,{children:c}),(0,Z.jsx)(Lo,{placeholder:N,value:f,showValue:i,valueIconName:l,id:zi}),(0,Z.jsx)(Ke,{valid:L,invalid:M,loading:E,disabled:A}),(0,Z.jsx)(Je,{loading:E,disabled:A}),(0,Z.jsx)(mt,{children:u}),(0,Z.jsx)(p,{className:"k-input-button",icon:n,size:e.size,fillMode:e.fillMode,"aria-label":N\|\|"Toggle dropdown",tabIndex:-1})]}),Se&&F&&(0,Z.jsx)(J,{className:"k-list-container k-dropdownlist-popup",containerRole:"region",containerAriaLabel:"Dropdown suggestions",children:F}),qe&&(0,Z.jsx)(oe,{adaptive:!0,...ke,header:(0,Z.jsx)(Re,{actionsEnd:(0,Z.jsx)(p,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),filter:ho,inputValue:f,inputPlaceholder:N,title:Be,subtitle:is}),children:(0,Z.jsx)("div",{className:"k-list-container",children:(0,Z.jsx)(R,{size:"large",children:(0,Z.jsxs)(G,{"aria-label":"Options",children:[(0,Z.jsx)(P,{text:"List item"}),(0,Z.jsx)(P,{text:"List item"}),(0,Z.jsx)(P,{text:"List item"})]})})})})]})};me.states=Uf;me.options=Ff;me.className=xp;me.defaultOptions=br;me.moduleName=fp;me.folderName=bp;var Gf=require("react/jsx-runtime");var Np=require("react/jsx-runtime");var xr=require("react/jsx-runtime");var Vf=require("react/jsx-runtime");var hp=require("react/jsx-runtime");var Nr=require("react/jsx-runtime");var $f=require("react/jsx-runtime");var Ze=require("react/jsx-runtime"),Xf=me.states,qf=me.defaultOptions,Wf=me.options,Jf=[{name:"opened",title:"Opened"}],Yf=[],ta=e=>{let{modifiers:t,...o}=e,a={},n=(0,Ze.jsxs)(Ze.Fragment,{children:[(0,Ze.jsx)("div",{className:"k-list-filter",children:(0,Ze.jsx)(ft,{})}),(0,Ze.jsx)(R,{style:{width:300},size:o.size,children:(0,Ze.jsxs)(G,{children:[(0,Ze.jsx)(P,{children:"List item"}),(0,Ze.jsx)(P,{children:"List item"}),(0,Ze.jsx)(P,{children:"List item"})]})})]});return Object.keys(t\|\|{}).forEach(i=>{i==="opened"&&(a.opened=!!(t!=null&&t[i]),a.popup=t!=null&&t[i]?n:void 0)}),(0,Ze.jsx)("div",{children:(0,Ze.jsx)(me,{placeholder:"Value",style:{width:300},...o,...a})})};ta.options=Wf;ta.states=Xf;ta.variants=Yf;ta.defaultOptions=qf;ta.modifiers=Jf;ta.className=me.className;var vp=require("react/jsx-runtime");var gp=require("react/jsx-runtime");var Zf=require("react/jsx-runtime");var wn=require("react/jsx-runtime"),Qf=z.states,jf=z.defaultOptions,eb=z.options,tb=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"spin-button",title:"`Spin` Button"}],ob=[],oa=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(n=>{switch(n){case"prefix":a.prefix=t!=null&&t[n]?(0,wn.jsx)(me,{size:o.size,fillMode:"flat",value:"mm"}):void 0;break;case"suffix":a.suffix=t!=null&&t[n]?(0,wn.jsx)(Is,{children:"mm"}):void 0;break;case"clear-button":a.showClearButton=t==null?void 0:t[n];break;case"spin-button":a.showSpinButton=t==null?void 0:t[n];break;default:break}}),(0,wn.jsx)(jl,{value:"Value",style:{width:300},...o,...a})};oa.options=eb;oa.states=Qf;oa.variants=ob;oa.defaultOptions=jf;oa.modifiers=tb;oa.className=z.className;var k=require("react/jsx-runtime"),Lp="k-colorgradient-inputs",ab=[],nb={size:[d.undefined,d.small,d.medium,d.large]},Mp={mode:"rgba"},aa=e=>{let{mode:t=Mp.mode,size:o,...a}=e;return(0,k.jsxs)("div",{...a,className:s(Lp,"k-hstack"),children:[(0,k.jsx)("div",{className:"k-vstack",children:(0,k.jsx)(p,{fillMode:"flat",icon:"caret-alt-expand",className:"k-colorgradient-toggle-mode",size:o,"aria-label":"Toggle color input format"})}),t==="rgba"&&(0,k.jsxs)(k.Fragment,{children:[(0,k.jsxs)("div",{className:"k-vstack",children:[(0,k.jsx)(z,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Red channel"}),(0,k.jsx)("label",{className:"k-colorgradient-input-label",children:"R"})]}),(0,k.jsxs)("div",{className:"k-vstack",children:[(0,k.jsx)(z,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Green channel"}),(0,k.jsx)("label",{className:"k-colorgradient-input-label",children:"G"})]}),(0,k.jsxs)("div",{className:"k-vstack",children:[(0,k.jsx)(z,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Blue channel"}),(0,k.jsx)("label",{className:"k-colorgradient-input-label",children:"B"})]}),(0,k.jsxs)("div",{className:"k-vstack",children:[(0,k.jsx)(z,{showSpinButton:!1,showClearButton:!1,value:"1.00",size:o,"aria-label":"Alpha channel"}),(0,k.jsx)("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="rgb"&&(0,k.jsxs)(k.Fragment,{children:[(0,k.jsxs)("div",{className:"k-vstack",children:[(0,k.jsx)(z,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Red channel"}),(0,k.jsx)("label",{className:"k-colorgradient-input-label",children:"R"})]}),(0,k.jsxs)("div",{className:"k-vstack",children:[(0,k.jsx)(z,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Green channel"}),(0,k.jsx)("label",{className:"k-colorgradient-input-label",children:"G"})]}),(0,k.jsxs)("div",{className:"k-vstack",children:[(0,k.jsx)(z,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Blue channel"}),(0,k.jsx)("label",{className:"k-colorgradient-input-label",children:"B"})]})]}),t==="hsva"&&(0,k.jsxs)(k.Fragment,{children:[(0,k.jsxs)("div",{className:"k-vstack",children:[(0,k.jsx)(z,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),(0,k.jsx)("label",{className:"k-colorgradient-input-label",children:"H"})]}),(0,k.jsxs)("div",{className:"k-vstack",children:[(0,k.jsx)(z,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),(0,k.jsx)("label",{className:"k-colorgradient-input-label",children:"S"})]}),(0,k.jsxs)("div",{className:"k-vstack",children:[(0,k.jsx)(z,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),(0,k.jsx)("label",{className:"k-colorgradient-input-label",children:"V"})]}),(0,k.jsxs)("div",{className:"k-vstack",children:[(0,k.jsx)(z,{showSpinButton:!1,showClearButton:!1,value:"1.00","aria-label":"Alpha channel"}),(0,k.jsx)("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="hsv"&&(0,k.jsxs)(k.Fragment,{children:[(0,k.jsxs)("div",{className:"k-vstack",children:[(0,k.jsx)(z,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),(0,k.jsx)("label",{className:"k-colorgradient-input-label",children:"H"})]}),(0,k.jsxs)("div",{className:"k-vstack",children:[(0,k.jsx)(z,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),(0,k.jsx)("label",{className:"k-colorgradient-input-label",children:"S"})]}),(0,k.jsxs)("div",{className:"k-vstack",children:[(0,k.jsx)(z,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),(0,k.jsx)("label",{className:"k-colorgradient-input-label",children:"V"})]})]}),t==="hex"&&(0,k.jsx)(k.Fragment,{children:(0,k.jsxs)("div",{className:"k-vstack k-flex-1",children:[(0,k.jsx)(Ae,{showClearButton:!1,value:"#b88484AA",className:"k-hex-value"}),(0,k.jsx)("label",{className:"k-colorgradient-input-label",children:"HEX"})]})})]})};aa.states=ab;aa.options=nb;aa.className=Lp;aa.defaultOptions=Mp;var ye=require("react/jsx-runtime"),Sp="k-colorgradient-color-contrast",sb=[],rb={},ib={},na=()=>(0,ye.jsxs)("div",{className:s(Sp,"k-vbox"),children:[(0,ye.jsxs)("div",{className:"k-contrast-ratio",children:[(0,ye.jsx)("span",{className:"k-contrast-ratio-text",children:"Contrast ratio: 7.1"}),(0,ye.jsxs)("span",{className:"k-contrast-validation !k-text-success",children:[(0,ye.jsx)(g,{icon:"check"}),(0,ye.jsx)(g,{icon:"check"})]})]}),(0,ye.jsxs)("div",{children:[(0,ye.jsx)("span",{children:"AA: 4.5"}),(0,ye.jsxs)("span",{className:"k-contrast-validation !k-text-success",children:["Pass",(0,ye.jsx)(g,{icon:"check"})]})]}),(0,ye.jsxs)("div",{children:[(0,ye.jsx)("span",{children:"AAA: 7.0"}),(0,ye.jsxs)("span",{className:"k-contrast-validation !k-text-error",children:["Fail",(0,ye.jsx)(g,{icon:"x"})]})]})]});na.states=sb;na.options=rb;na.className=Sp;na.defaultOptions=ib;var kp="color-gradient",Cp="colorgradient";var ie=require("react/jsx-runtime"),Dn="k-colorgradient",lb=[r.hover,r.focus,r.readonly,r.disabled],pb={size:[d.undefined,d.small,d.medium,d.large]},_t={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"},xe=e=>{let{size:t,mode:o=_t.mode,readonly:a=_t.readonly,disabled:n=_t.disabled,gradientStyle:i=_t.gradientStyle,dragHandleStyle:l=_t.dragHandleStyle,alphaStyle:c=_t.alphaStyle,alphaStyleHorizontal:u=_t.alphaStyleHorizontal,contrast:f=_t.contrast,dir:N,hover:v,focus:m,hoverHandle:L,focusHandle:M,canvasOrientation:C=_t.canvasOrientation,role:E,tabIndex:A,...I}=e;return(0,ie.jsxs)("div",{...I,role:E??"textbox","aria-label":E==="none"?void 0:"Color gradient",tabIndex:A??0,"aria-disabled":n?"true":void 0,className:s(e.className,Dn,y(Dn,{size:t}),S(Dn,{hover:v,focus:m,readonly:a,disabled:n})),dir:N,children:[!C\|\|C==="horizontal"&&(0,ie.jsxs)("div",{className:"k-colorgradient-canvas k-hstack",children:[(0,ie.jsx)("div",{className:"k-hsv-rectangle",style:i,children:(0,ie.jsx)("div",{className:"k-hsv-gradient",children:(0,ie.jsx)("div",{className:s("k-hsv-draghandle","k-draghandle",{"k-hover":L,"k-focus":M}),style:l,role:"slider","aria-orientation":"undefined","aria-label":"Color well with two-dimensional slider for selecting saturation and lightness","aria-valuetext":"X: 73, Y: 50","aria-valuenow":50,"aria-valuemin":0,"aria-valuemax":100})})}),(0,ie.jsxs)("div",{className:"k-hsv-controls k-hstack",children:[(0,ie.jsx)(Ws,{className:"k-hue-slider",hover:L,focus:M}),o!=="rgb"&&o!=="hsv"&&(0,ie.jsx)(Ws,{className:"k-alpha-slider",hover:L,focus:M,trackStyle:c})]})]}),C==="vertical"&&(0,ie.jsxs)("div",{className:"k-colorgradient-canvas k-vstack",children:[(0,ie.jsx)("div",{className:"k-hsv-rectangle",style:i,children:(0,ie.jsx)("div",{className:"k-hsv-gradient",children:(0,ie.jsx)("div",{className:s("k-hsv-draghandle","k-draghandle",{"k-hover":L,"k-focus":M}),style:l,role:"slider","aria-orientation":"undefined","aria-label":"Color well with two-dimensional slider for selecting saturation and lightness","aria-valuetext":"X: 73, Y: 50","aria-valuenow":50,"aria-valuemin":0,"aria-valuemax":100})})}),(0,ie.jsxs)("div",{className:"k-hsv-controls k-vstack",children:[(0,ie.jsx)(qs,{className:"k-hue-slider",hover:L,focus:M}),o!=="rgb"&&o!=="hsv"&&(0,ie.jsx)(qs,{className:"k-alpha-slider",hover:L,focus:M,trackStyle:u})]})]}),(0,ie.jsx)(aa,{mode:e.mode,size:t}),f&&(0,ie.jsx)(na,{})]})};xe.states=lb;xe.options=pb;xe.className=Dn;xe.defaultOptions=_t;xe.moduleName=kp;xe.folderName=Cp;var Ap=require("react/jsx-runtime"),Hn=e=>(0,Ap.jsx)(xe,{...e});var db=require("react/jsx-runtime");var cb=require("react/jsx-runtime");var zn=require("react/jsx-runtime"),mb=xe.options,ub=xe.states,fb={...xe.defaultOptions,variant:"rgba"},bb=[{name:"rgba",title:"RGBA"},{name:"rgb",title:"RGB"},{name:"hex",title:"HEX"}],xb=[],sa=e=>{let{variant:t,...o}=e;switch(t){case"hex":return(0,zn.jsx)(Hn,{...o,mode:t});case"rgb":return(0,zn.jsx)(Hn,{...o,mode:t});default:return(0,zn.jsx)(Hn,{...o,mode:t})}};sa.options=mb;sa.states=ub;sa.variants=bb;sa.defaultOptions=fb;sa.modifiers=xb;sa.className=xe.className;var Ep=require("react/jsx-runtime"),hr=e=>(0,Ep.jsx)("tr",{role:"row",children:e.children});var yp=require("react/jsx-runtime"),vr="k-colorpalette-tile",Nb=[r.hover,r.focus,r.selected],hb={},co=e=>{let{color:t,tileSize:o,hover:a,focus:n,selected:i,...l}=e,c={backgroundColor:t,width:o?o+"px":"",height:o?o+"px":""};return(0,yp.jsx)("td",{...l,role:"gridcell","aria-label":t,"aria-selected":i?"true":void 0,className:s(e.className,vr,S(vr,{hover:a,focus:n,selected:i})),style:c})};co.states=Nb;co.options=hb;co.className=vr;co.moduleName=null;co.folderName=null;var Ip="color-palette",Tp="colorpalette";var ra=require("react/jsx-runtime"),Un="k-colorpalette",vb=[r.disabled],gb={size:[d.undefined,d.small,d.medium,d.large]},Op={columns:10},Qe=e=>{let{size:t,palette:o,columns:a=Op.columns,tileSize:n,disabled:i,...l}=e,c=[];if(o){let u=a\|\|o.columns,f=o.colors?o.colors:o;Array.isArray(f)&&Array.from({length:Math.ceil(f.length/u)},(N,v)=>{let m=[];f.slice(vu,(v+1)u).map((M,C)=>{m.push((0,ra.jsx)(co,{color:M,tileSize:n},C))});let L=(0,ra.jsx)(hr,{children:m},v);c.push(L)})}return(0,ra.jsx)("div",{...l,role:"grid","aria-label":"Color palette",tabIndex:0,"aria-disabled":i?"true":void 0,className:s(e.className,Un,S(Un,{disabled:i}),y(Un,{size:t})),children:(0,ra.jsx)("table",{className:"k-colorpalette-table",role:"none",children:(0,ra.jsx)("tbody",{children:c.length>0?c:e.children})})})};Qe.states=vb;Qe.options=gb;Qe.className=Un;Qe.defaultOptions=Op;Qe.moduleName=Ip;Qe.folderName=Tp;var Fn=Qe;var on={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}};var Pp=require("react/jsx-runtime"),Bp=e=>(0,Pp.jsx)(Fn,{palette:on.basic,...e});var Lb=require("react/jsx-runtime");var Kp=require("react/jsx-runtime");var Rp=require("react/jsx-runtime"),Mb=Qe.options,Sb=Qe.states,kb={...Qe.defaultOptions,variant:"basic"},Cb=[{name:"basic",title:"Basic"},{name:"monochrome",title:"Monochrome"}],Ab={basic:{colors:["#000000","#7f7f7f","#880015","#ed1c24","#ff7f27","#fff200","#22b14c","#00a2e8","#3f48cc","#a349a4","#ffffff","#c3c3c3","#b97a57","#ffaec9","#ffc90e","#efe4b0","#b5e61d","#99d9ea","#7092be","#c8bfe7"],columns:10},monochrome:{colors:["#000000","#1a1a1a","#333333","#4d4d4d","#666666","#808080","#999999","#b3b3b3","#cccccc","#e6e6e6","#f2f2f2","#ffffff"],columns:12}},Eb=[],ia=e=>{let{variant:t="basic",...o}=e,a=Ab[t];return(0,Rp.jsx)(Bp,{columns:a.columns,palette:a,...o})};ia.options=Mb;ia.states=Sb;ia.variants=Cb;ia.defaultOptions=kb;ia.modifiers=Eb;ia.className=Qe.className;var _p="color-editor",wp="coloreditor";var ae=require("react/jsx-runtime"),Gn="k-coloreditor",yb=[r.focus],Ib={size:[d.undefined,d.small,d.medium,d.large]},an={view:"gradient",palette:on.office,actionButtons:!0,canvasOrientation:"horizontal"},ne=e=>{let{size:t,view:o=an.view,palette:a=an.palette,color:n,currentColor:i,focus:l,focusView:c,dir:u,group:f,actionButtons:N=an.actionButtons,canvasOrientation:v=an.canvasOrientation,...m}=e;return(0,ae.jsxs)("div",{...m,role:"textbox","aria-label":"Color editor",tabIndex:0,className:s(e.className,"k-flatcolorpicker",Gn,y(Gn,{size:t}),S(Gn,{focus:l})),dir:u,children:[(0,ae.jsxs)("div",{className:"k-coloreditor-header k-hstack",children:[(0,ae.jsx)("div",{className:"k-coloreditor-header-actions k-hstack",children:f&&(0,ae.jsxs)(B,{fillMode:"flat",children:[(0,ae.jsx)(p,{className:"k-group-start",size:t,fillMode:"flat",icon:"droplet-slider",selected:o==="gradient","aria-label":"Color gradient view"}),(0,ae.jsx)(p,{className:"k-group-end",size:t,fillMode:"flat",icon:"palette",selected:o==="palette","aria-label":"Color palette view"})]})}),(0,ae.jsx)("div",{className:"k-spacer"}),(0,ae.jsxs)("div",{className:"k-coloreditor-header-actions k-hstack",children:[(0,ae.jsx)(p,{fillMode:"flat",icon:"droplet-slash",size:t,"aria-label":"Reset color"}),(0,ae.jsxs)("div",{className:"k-coloreditor-preview k-vstack",children:[(0,ae.jsx)(ao,{className:"k-coloreditor-preview-color",color:n}),(0,ae.jsx)(ao,{className:"k-coloreditor-current-color",color:i})]})]})]}),(0,ae.jsx)("div",{className:"k-coloreditor-views k-vstack",children:o==="gradient"?(0,ae.jsx)(xe,{focus:c,size:t,canvasOrientation:v,role:"none",tabIndex:-1}):(0,ae.jsx)(Qe,{palette:a,size:t})}),N&&(0,ae.jsxs)(nt,{className:"k-coloreditor-footer",alignment:"start",children:[(0,ae.jsx)(p,{themeColor:"primary",size:t,className:"k-coloreditor-apply",children:"Apply"}),(0,ae.jsx)(p,{className:"k-coloreditor-cancel",size:t,children:"Cancel"})]})]})};ne.states=yb;ne.options=Ib;ne.className=Gn;ne.defaultOptions=an;ne.moduleName=_p;ne.folderName=wp;var la=ne;var Tb=require("react/jsx-runtime");var Ob=require("react/jsx-runtime");var Hp=require("react/jsx-runtime"),Dp=e=>(0,Hp.jsx)(la,{group:!0,currentColor:"fuchsia",...e});var Up=require("react/jsx-runtime"),zp=e=>(0,Up.jsx)(la,{view:"palette",group:!0,currentColor:"fuchsia",...e});var gr=require("react/jsx-runtime"),Bb=ne.options,Pb=ne.states,Kb={...ne.defaultOptions,variant:"gradient"},Rb=[{name:"gradient",title:"Gradient"},{name:"palette",title:"Palette"}],_b=[],pa=e=>{let{variant:t,...o}=e;return t==="palette"?(0,gr.jsx)(zp,{...o,color:"white"}):(0,gr.jsx)(Dp,{...o,color:"rgba(183, 118 , 118, 1.00)"})};pa.options=Bb;pa.states=Pb;pa.variants=Rb;pa.defaultOptions=Kb;pa.modifiers=_b;pa.className=ne.className;var Fp="color-picker",Gp="colorpicker";var le=require("react/jsx-runtime"),Vp="k-colorpicker",wb=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled],Db={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[x.undefined,x.solid,x.flat,x.outline]},$p={arrowIconName:"chevron-down"},Nt=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:n=$p.arrowIconName,prefix:i,suffix:l,value:c,placeholder:u,hover:f,focus:N,valid:v,invalid:m,required:L,disabled:M,valueIconName:C,popup:E,opened:A,adaptive:I,adaptiveSettings:F,adaptiveTitle:Se,adaptiveSubtitle:qe,...ke}=e,Be="colorpicker-popup";return(0,le.jsxs)(le.Fragment,{children:[(0,le.jsxs)(Pt,{...ke,size:t,rounded:o,fillMode:a,hover:f,focus:N,valid:v,invalid:m,required:L,disabled:M,role:"combobox","aria-haspopup":"dialog","aria-expanded":A?"true":"false","aria-controls":A\|\|I?Be:void 0,"aria-label":"Color picker",tabIndex:0,"aria-disabled":M?"true":void 0,className:s(e.className,Vp,"k-icon-picker"),children:[(0,le.jsx)(ct,{children:i}),(0,le.jsx)(Lo,{placeholder:u,value:c,showValue:!1,valueIcon:(0,le.jsx)(ao,{className:"k-value-icon",color:c,iconName:C}),valueIconName:C}),(0,le.jsx)(mt,{children:l}),(0,le.jsx)(p,{className:"k-input-button",icon:n,size:t,fillMode:a,tabIndex:-1,"aria-label":"Open color picker",disabled:M})]}),A&&E&&(0,le.jsx)(J,{id:Be,className:"k-colorpicker-popup",children:E}),I&&(0,le.jsx)(oe,{adaptive:!0,id:Be,...F,header:(0,le.jsx)(Re,{actionsEnd:(0,le.jsx)(p,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply"}),title:Se,subtitle:qe}),footer:(0,le.jsxs)(no,{children:[(0,le.jsx)(p,{text:"Cancel",size:"large"}),(0,le.jsx)(p,{text:"Set",size:"large",themeColor:"primary"})]}),children:(0,le.jsx)(ne,{canvasOrientation:"vertical",size:"large",actionButtons:!1,group:!0})})]})};Nt.states=wb;Nt.options=Db;Nt.className=Vp;Nt.defaultOptions=$p;Nt.moduleName=Fp;Nt.folderName=Gp;var Jt=Nt;var Xp=require("react/jsx-runtime"),Vn=e=>(0,Xp.jsx)(Jt,{...e});var Hb=require("react/jsx-runtime");var zb=require("react/jsx-runtime");var Ub=require("react/jsx-runtime");var Fb=require("react/jsx-runtime");var Gb=require("react/jsx-runtime");var Vb=require("react/jsx-runtime");var mo=require("react/jsx-runtime"),$b=Jt.options,Xb=Jt.states,qp={...Jt.defaultOptions,variant:"color"},qb=[{name:"color",title:"Color",default:!0},{name:"no color",title:"No color"},{name:"icon",title:"Icon"}],Wb=[{name:"opened",title:"Opened"}],da=e=>{let{variant:t,modifiers:o,...a}={...qp,...e},n={};Object.keys(o\|\|{}).forEach(l=>{l==="opened"&&(n.opened=!!(o!=null&&o[l]),n.popup=o!=null&&o[l]?(0,mo.jsx)(ne,{size:a.size,color:"rgba(183, 118 , 118, 1.00)",group:!0}):"")});let i=n.opened?{width:"272px",height:"390px"}:{};switch(t){case"no color":return(0,mo.jsx)("div",{style:i,children:(0,mo.jsx)(Vn,{...a,...n})});case"icon":return(0,mo.jsx)("div",{style:i,children:(0,mo.jsx)(Vn,{value:"rgba(183, 118 , 118, 1.00)",valueIconName:"edit-tools",...a,...n})});default:return(0,mo.jsx)("div",{style:i,children:(0,mo.jsx)(Vn,{value:"rgba(183, 118 , 118, 1.00)",...a,...n})})}};da.options=$b;da.states=Xb;da.variants=qb;da.defaultOptions=qp;da.modifiers=Wb;da.className=Jt.className;var Lr="combobox",Wp=Lr;var w=require("react/jsx-runtime"),Jp="k-combobox",Jb=[r.hover,r.focus,r.valid,r.invalid,r.loading,r.required,r.disabled,r.readonly],Yb={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[x.undefined,x.solid,x.flat,x.outline]},Mr={separators:!0,showClearButton:!0},De=e=>{let{size:t,rounded:o,fillMode:a,separators:n=Mr.separators,showClearButton:i=Mr.showClearButton,prefix:l,suffix:c,value:u,placeholder:f,hover:N,focus:v,valid:m,invalid:L,required:M,loading:C,disabled:E,popup:A,opened:I,readonly:F,adaptive:Se,adaptiveSettings:qe,adaptiveTitle:ke,adaptiveSubtitle:Be,adaptiveCustomValue:is,id:ho,autocomplete:vo,activeDescendant:Ka,"aria-label":ls,...ps}=e,ds=ho?`${ho}-listbox`:void 0;return(0,w.jsxs)(w.Fragment,{children:[(0,w.jsxs)(te,{...ps,size:t,rounded:o,fillMode:a,hover:N,focus:v,valid:m,invalid:L,required:M,loading:C,disabled:E,readonly:F,className:s(e.className,Jp),children:[l&&(0,w.jsxs)(w.Fragment,{children:[(0,w.jsx)(ct,{children:l}),n&&(0,w.jsx)(ut,{})]}),(0,w.jsx)(Pe,{id:ho,placeholder:f,value:u,role:"combobox","aria-haspopup":"listbox","aria-expanded":I?"true":"false","aria-controls":I?ds:void 0,"aria-activedescendant":I&&Ka?Ka:void 0,"aria-autocomplete":vo,"aria-invalid":L?"true":void 0,"aria-busy":C?"true":void 0,"aria-label":ls,disabled:E,readOnly:F}),(0,w.jsx)(Ke,{valid:m,invalid:L,loading:C,disabled:E}),(0,w.jsx)(Je,{loading:C,disabled:E}),i&&(0,w.jsx)(at,{loading:C,disabled:E,readonly:F,value:u}),c&&(0,w.jsxs)(w.Fragment,{children:[n&&(0,w.jsx)(ut,{}),(0,w.jsx)(mt,{children:c})]}),(0,w.jsx)(p,{className:"k-input-button",icon:"chevron-down",size:t,fillMode:a,"aria-label":"Open popup",tabIndex:-1,disabled:E})]}),I&&A&&(0,w.jsx)(J,{className:"k-list-container k-combobox-popup",containerRole:"region",containerAriaLabel:"Combobox suggestions",children:A}),Se&&(0,w.jsx)(oe,{adaptive:!0,id:ho?`${ho}-adaptive`:void 0,...qe,header:(0,w.jsx)(Re,{actionsEnd:(0,w.jsx)(p,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),input:!0,inputValue:u,inputPlaceholder:f,title:ke,subtitle:Be}),children:(0,w.jsx)("div",{className:"k-list-container",children:(0,w.jsx)(R,{customValue:is?(0,w.jsx)(po,{text:`Use "${u}"`}):void 0,size:"large",children:(0,w.jsxs)(G,{"aria-label":ke\|\|"Options",children:[(0,w.jsx)(P,{text:"List item"}),(0,w.jsx)(P,{text:"List item"}),(0,w.jsx)(P,{text:"List item"})]})})})})]})};De.states=Jb;De.options=Yb;De.className=Jp;De.defaultOptions=Mr;De.moduleName=Lr;De.folderName=Wp;var it=De;var Zp=require("react/jsx-runtime"),Yp=e=>(0,Zp.jsx)(it,{...e});var Qp=require("react/jsx-runtime");var jp=require("react/jsx-runtime");var ed=require("react/jsx-runtime");var td=require("react/jsx-runtime");var od=require("react/jsx-runtime");var ad=require("react/jsx-runtime");var Sr=require("react/jsx-runtime");var Zb=require("react/jsx-runtime");var Qb=require("react/jsx-runtime");var nd=require("react/jsx-runtime");var sd=require("react/jsx-runtime");var Et=require("react/jsx-runtime"),jb=De.states,ex=De.defaultOptions,tx=De.options,ox=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"opened",title:"Opened"}],ax=[],ca=e=>{let{modifiers:t,...o}=e,a={},n=(0,Et.jsx)(R,{style:{width:300},size:o.size,children:(0,Et.jsxs)(G,{children:[(0,Et.jsx)(P,{children:"List item"}),(0,Et.jsx)(P,{children:"List item"}),(0,Et.jsx)(P,{children:"List item"})]})});return Object.keys(t\|\|{}).forEach(i=>{switch(i){case"prefix":a.prefix=t!=null&&t[i]?(0,Et.jsx)(g,{icon:"map-marker-target"}):void 0;break;case"suffix":a.suffix=t!=null&&t[i]?(0,Et.jsx)(W,{size:o.size,icon:"copy",fillMode:"clear"}):void 0;break;case"opened":a.opened=!!(t!=null&&t[i]),a.popup=t!=null&&t[i]?n:void 0;break;default:break}}),(0,Et.jsx)("div",{children:(0,Et.jsx)(Yp,{value:"Value",style:{width:300},...o,...a})})};ca.options=tx;ca.states=jb;ca.variants=ax;ca.defaultOptions=ex;ca.modifiers=ox;ca.className=De.className;var kr="menu-button",rd=kr;var ld=require("react/jsx-runtime"),id="k-menu-button",nx=[r.hover,r.focus,r.active,r.selected,r.disabled],sx={size:[d.undefined,d.xsmall,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[x.undefined,x.solid,x.flat,x.outline,x.clear,x.link],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary,h.success,h.warning,h.error,h.info,h.inverse]},Cr={showArrow:!0,arrowIconName:"chevron-down"},U=e=>{let{size:t,rounded:o,fillMode:a,themeColor:n,hover:i,focus:l,active:c,selected:u,disabled:f,icon:N,text:v,showArrow:m=Cr.showArrow,arrowIconName:L=Cr.arrowIconName,expanded:M,...C}=e;return(0,ld.jsx)(p,{...C,className:s(e.className,id),text:v,size:t,rounded:o,fillMode:a,themeColor:n,hover:i,focus:l,active:c,selected:u,disabled:f,ariaDisabled:f\|\|void 0,icon:N,showArrow:m,arrowIconName:L,"aria-expanded":M?"true":"false",...!v&&N&&!e["aria-label"]&&{"aria-label":"Menu"}})};U.states=nx;U.options=sx;U.className=id;U.defaultOptions=Cr;U.moduleName=kr;U.folderName=rd;var rx=require("react/jsx-runtime");var ix=require("react/jsx-runtime");var lx=require("react/jsx-runtime");var lt="menu",ht=lt;var Yt=require("react/jsx-runtime"),Ar="k-menu-item",px=[r.hover,r.focus,r.active,r.selected,r.disabled],dx={},pd={iconPosition:"before"},Ie=e=>{let{hover:t,focus:o,active:a,selected:n,disabled:i,icon:l,text:c,showArrow:u,arrowIconName:f,iconPosition:N=pd.iconPosition,dir:v,children:m,expanded:L,...M}=e,C=f;return C\|\|(C=v==="rtl"?"chevron-left":"chevron-right"),(0,Yt.jsxs)("li",{...M,className:s(e.className,Ar,"k-item",S(Ar,{focus:o,disabled:i,hover:t,active:a,selected:n})),role:"menuitem",...u&&{"aria-haspopup":"menu"},...u&&{"aria-expanded":L?"true":"false"},...i&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[(0,Yt.jsxs)("span",{className:s("k-link k-menu-link"),children:[l&&N==="before"&&(0,Yt.jsx)(g,{className:"k-menu-link-icon",icon:l}),(0,Yt.jsx)("span",{className:"k-menu-link-text",children:c}),l&&N==="after"&&(0,Yt.jsx)(g,{className:"k-menu-link-icon",icon:l}),u&&(0,Yt.jsx)("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:(0,Yt.jsx)(g,{icon:C})})]}),m]})};Ie.states=px;Ie.options=dx;Ie.className=Ar;Ie.defaultOptions=pd;Ie.moduleName=lt;Ie.folderName=ht;var yt=require("react/jsx-runtime"),Er="k-menu-item",cx=[r.hover,r.focus,r.active,r.selected,r.disabled],mx={},yr={dir:"ltr",iconPosition:"before"},Q=e=>{let{hover:t,focus:o,active:a,selected:n,disabled:i,icon:l,text:c,showArrow:u,arrowIconName:f,iconPosition:N=yr.iconPosition,dir:v=yr.dir,children:m,popup:L,expanded:M,actions:C,description:E,...A}=e,I=f;return I\|\|(I=v==="rtl"?"chevron-left":"chevron-right"),(0,yt.jsxs)("li",{role:"menuitem",...A,className:s(e.className,Er,"k-item",S(Er,{focus:o,disabled:i})),...u&&{"aria-haspopup":"menu"},...u&&{"aria-expanded":M?"true":"false"},...i&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[(0,yt.jsxs)("span",{className:s("k-link k-menu-link",S("k-menu-link",{hover:t,active:a,selected:n,disabled:i})),children:[l&&N==="before"&&(0,yt.jsx)(g,{className:"k-menu-link-icon",icon:l}),(0,yt.jsx)("span",{className:"k-menu-link-text",children:c}),l&&N==="after"&&(0,yt.jsx)(g,{className:"k-menu-link-icon",icon:l}),C&&(0,yt.jsx)("span",{className:"k-menu-link-actions",children:C}),u&&(0,yt.jsx)("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:(0,yt.jsx)(g,{icon:I})}),E&&(0,yt.jsx)("span",{className:"k-menu-link-description",children:E})]}),m,L]})};Q.states=cx;Q.options=mx;Q.className=Er;Q.defaultOptions=yr;Q.moduleName=lt;Q.folderName=ht;var md=require("react/jsx-runtime"),dd="k-menu-scroll-wrapper",ux=[],fx={},bx={},Ao=e=>{let{className:t,children:o,orientation:a,...n}=e;return(0,md.jsx)("div",{...n,className:s(t,dd,{"k-menu-scroll-wrapper-vertical":a==="vertical"}),children:o})};Ao.states=ux;Ao.options=fx;Ao.className=dd;Ao.defaultOptions=bx;Ao.moduleName=lt;Ao.folderName=ht;var cd=Ao;var Ne=require("react/jsx-runtime"),Xn="k-menu",xx=[],Nx={size:[d.undefined,d.small,d.medium,d.large]},qn={orientation:"horizontal",header:!0,scrollButtonsPosition:"around"},he=e=>{let{children:t,orientation:o=qn.orientation,header:a=qn.header,scrollable:n,scrollButtonsPosition:i=qn.scrollButtonsPosition,wrapperStyles:l,dir:c,size:u,popup:f,contextMenu:N,...v}=e,m={horizontal:{prev:c!=="rtl"?"left":"right",next:c!=="rtl"?"right":"left"},vertical:{prev:"up",next:"down"}},L=(0,Ne.jsx)("ul",{dir:c,...v,className:s(e.className,"k-reset",Xn,{[`${Xn}-${o}`]:o,"k-header":a},y(Xn,{size:u})),role:N?"menu":"menubar",...o==="vertical"&&{"aria-orientation":"vertical"},children:t});return(0,Ne.jsxs)(Ne.Fragment,{children:[n?(0,Ne.jsxs)(cd,{orientation:o,style:l,dir:e.dir,children:[i==="start"&&(0,Ne.jsxs)(Ne.Fragment,{children:[(0,Ne.jsx)(p,{fillMode:"flat",size:"xsmall",icon:`chevron-${m[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),(0,Ne.jsx)(p,{fillMode:"flat",size:"xsmall",icon:`chevron-${m[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),i==="around"&&(0,Ne.jsx)(p,{fillMode:"flat",size:"xsmall",icon:`chevron-${m[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),L,i==="end"&&(0,Ne.jsxs)(Ne.Fragment,{children:[(0,Ne.jsx)(p,{fillMode:"flat",size:"xsmall",icon:`chevron-${m[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),(0,Ne.jsx)(p,{fillMode:"flat",size:"xsmall",icon:`chevron-${m[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),i==="around"&&(0,Ne.jsx)(p,{fillMode:"flat",size:"xsmall",icon:`chevron-${m[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}):L,f]})};he.states=xx;he.options=Nx;he.className=Xn;he.defaultOptions=qn;he.moduleName=lt;he.folderName=ht;var fd=require("react/jsx-runtime"),Ir="k-separator",ud={orientation:"horizontal"},ma=e=>{let{orientation:t=ud.orientation,...o}=e;return(0,fd.jsx)("li",{...o,className:s(e.className,"k-item",Ir,{[`${Ir}-${t}`]:t}),role:"separator"})};ma.className=Ir;ma.defaultOptions=ud;ma.moduleName=lt;ma.folderName=ht;var bd=require("react/jsx-runtime");var xd=require("react/jsx-runtime"),Tr="k-menu-group",hx=[],vx={size:[d.undefined,d.small,d.medium,d.large]},gx={},Te=e=>{let{children:t,size:o,...a}=e;return(0,xd.jsx)("ul",{role:"menu",...a,className:s(e.className,Tr,y(Tr,{size:o})),children:t})};Te.states=hx;Te.options=vx;Te.className=Tr;Te.defaultOptions=gx;Te.moduleName=lt;Te.folderName=ht;var Nd=require("react/jsx-runtime");var It=require("react/jsx-runtime"),Or=e=>(0,It.jsx)(he,{children:(0,It.jsxs)(It.Fragment,{children:[(0,It.jsx)(Ie,{text:"Item 1"}),(0,It.jsx)(Ie,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 2"}),(0,It.jsx)(Ie,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 3"}),(0,It.jsx)(Ie,{text:"Item 4"}),(0,It.jsx)(Ie,{text:"Item 5"})]}),...e});var Br=require("react/jsx-runtime");var Pr=require("react/jsx-runtime");var Kr=require("react/jsx-runtime");var Rr=require("react/jsx-runtime");var wt=require("react/jsx-runtime"),Lx={...he.options,scrollable:{type:"boolean"}},Mx=he.states,hd={...he.defaultOptions,variant:"horizontal"},Sx=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],kx=[{name:"opened",title:"Opened"}],ua=e=>{let{variant:t,modifiers:o,...a}={...hd,...e},n={},i=t==="vertical"?{left:"200px",top:"30px"}:{left:"90px",top:"auto"};return Object.keys(o\|\|{}).forEach(l=>{l==="opened"&&(n.opened=!!(o!=null&&o[l]),n.popup=o!=null&&o[l]?(0,wt.jsx)(J,{className:"k-menu-popup",offset:i,children:(0,wt.jsxs)(Te,{children:[(0,wt.jsx)(Q,{text:"Item 1"}),(0,wt.jsx)(Q,{text:"Item 2"}),(0,wt.jsx)(ma,{}),(0,wt.jsx)(Q,{text:"Item 3"})]})}):null)}),t==="vertical"?(0,wt.jsx)(Or,{...a,...n,orientation:"vertical",style:{width:"200px"}}):(0,wt.jsx)(Or,{...a,...n})};ua.options=Lx;ua.states=Mx;ua.variants=Sx;ua.defaultOptions=hd;ua.modifiers=kx;ua.className=he.className;var _r=require("react/jsx-runtime");var Cx=require("react/jsx-runtime");var Oe=require("react/jsx-runtime"),Ax=p.states,vd={...p.defaultOptions,variant:"text"},Ex=p.options,yx=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Ix=[{name:"opened",title:"Opened"}],fa=e=>{let{variant:t,modifiers:o,...a}={...vd,...e},n={},i=(0,Oe.jsx)(J,{className:"k-menu-popup",children:(0,Oe.jsxs)(Te,{size:a.size,children:[(0,Oe.jsx)(Q,{text:"Menu Item"}),(0,Oe.jsx)(Q,{text:"Menu Item"}),(0,Oe.jsx)(Q,{text:"Menu Item"})]})}),l;switch(t){case"icon-only":l=(0,Oe.jsx)("div",{children:(0,Oe.jsx)(U,{...a,...n,icon:"star"})});break;case"icon-and-text":l=(0,Oe.jsx)("div",{children:(0,Oe.jsx)(U,{...a,...n,icon:"star",children:"Dropdown Button"})});break;default:l=(0,Oe.jsx)("div",{children:(0,Oe.jsx)(U,{...a,...n,children:"Dropdown Button"})});break}return(0,Oe.jsxs)(Oe.Fragment,{children:[l,(o==null?void 0:o.opened)&&i]})};fa.options=Ex;fa.states=Ax;fa.variants=yx;fa.defaultOptions=vd;fa.modifiers=Ix;fa.className=U.className;var wr="split-button",gd=wr;var Zt=require("react/jsx-runtime"),Dr="k-split-button",Tx=[r.hover,r.focus,r.active,r.selected,r.disabled],Ox={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[x.undefined,x.solid,x.flat,x.outline,x.clear,x.link],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary,h.success,h.warning,h.error,h.info,h.inverse]},Ld={arrowIconName:"chevron-down"},_=e=>{let{size:t,rounded:o,fillMode:a,themeColor:n,hover:i,focus:l,active:c,selected:u,disabled:f,icon:N,text:v,arrowIconName:m=Ld.arrowIconName,popup:L,opened:M,popupId:C,...E}=e;return(0,Zt.jsxs)(Zt.Fragment,{children:[(0,Zt.jsxs)("div",{...E,className:s(e.className,Dr,"k-button-group",y(Dr,{rounded:o})),children:[(0,Zt.jsx)(p,{text:v,icon:N,size:t,rounded:o,fillMode:a,themeColor:n,hover:i,focus:l,active:c,selected:u,disabled:f,...!v&&!e.children&&N&&{"aria-label":"Action"},children:e.children}),(0,Zt.jsx)(p,{className:"k-split-button-arrow",icon:m,size:t,rounded:o,fillMode:a,disabled:f,ariaDisabled:f\|\|void 0,"aria-label":"Toggle dropdown","aria-expanded":M?"true":"false","aria-controls":M?C:void 0,tabIndex:-1})]}),M&&L&&(0,Zt.jsx)(J,{className:"k-menu-popup",children:L})]})};_.states=Tx;_.options=Ox;_.className=Dr;_.defaultOptions=Ld;_.moduleName=wr;_.folderName=gd;var Hr=_;var Md=require("react/jsx-runtime"),Bx="k-toolbar-separator",Tt=e=>(0,Md.jsx)("div",{className:s(Bx,e.className,"k-separator")});var Eo="toolbar",ba=Eo;var O=require("react/jsx-runtime"),Qt="k-toolbar",Px=[r.focus],Kx={size:[d.undefined,d.small,d.medium,d.large],fillMode:[x.undefined,x.solid,x.outline,x.flat]},Rx={scrollButtons:"around"},$=e=>{let{size:t,fillMode:o,focus:a,resizable:n,scrollable:i,scrollButtons:l,scrollingPosition:c,section:u,...f}=e,N=[],v=(m,L)=>{let M=[];if(m.type===p&&m.props.className&&m.props.className.includes("k-toolbar-overflow-button"))M.push((0,O.jsx)(p,{...m.props,className:`${m.props.className?m.props.className:""}`},`${L}-${new Date().getTime()}`));else if(m.type===p)M.push((0,O.jsx)(p,{...m.props,className:`k-toolbar-button ${m.props.className?m.props.className:""}`},`${L}-${new Date().getTime()}`));else if(m.type===Ha)M.push((0,O.jsx)(Ha,{...m.props,className:`k-toolbar-button ${m.props.className?m.props.className:""}`},`${L}-${new Date().getTime()}`));else if(m.type===W)M.push((0,O.jsx)(W,{...m.props,className:`k-toolbar-button ${m.props.className?m.props.className:""}`},`${L}-${new Date().getTime()}`));else if(m.type===U)M.push((0,O.jsx)(U,{...m.props,className:`k-toolbar-menu-button ${m.props.className?m.props.className:""}`},`${L}-${new Date().getTime()}`));else if(m.type===Hr)M.push((0,O.jsx)(Hr,{...m.props,className:`k-toolbar-split-button ${m.props.className?m.props.className:""}`},`${L}-${new Date().getTime()}`));else if(m.type===B\|\|m.props.className&&m.props.className.includes("k-button-group")){let C=[];(Array.isArray(m.props.children)?m.props.children:[m.props.children]).forEach((A,I)=>{C.push((0,O.jsx)(p,{...A.props,className:`${A.props.className?A.props.className:""}`},`${I}-${new Date().getTime()}`))}),M.push((0,O.jsx)(B,{...m.props,className:`k-toolbar-button-group ${m.props.className?m.props.className:""}`,children:C},`${L}-${new Date().getTime()}`))}else m.type===De?M.push((0,O.jsx)(De,{...m.props,className:`k-toolbar-combobox ${m.props.className?m.props.className:""}`},`${L}-${new Date().getTime()}`)):m.type===me?M.push((0,O.jsx)(me,{...m.props,className:`k-toolbar-dropdownlist ${m.props.className?m.props.className:""}`},`${L}-${new Date().getTime()}`)):m.type===Nt?M.push((0,O.jsx)(Nt,{...m.props,className:`k-toolbar-colorpicker ${m.props.className?m.props.className:""}`},`${L}-${new Date().getTime()}`)):M.push(m);M.forEach(C=>{N.push(C)})};return e.children&&(Array.isArray(e.children)?e.children:[e.children]).forEach((L,M)=>{v(L,M)}),(0,O.jsxs)("div",{...f,className:s(e.className,Qt,y(Qt,{size:t,fillMode:o}),S(Qt,{focus:a}),{[`${Qt}-resizable`]:n,[`${Qt}-scrollable`]:i,[`${Qt}-scrollable-overlay`]:i&&l==="hidden",[`${Qt}-scrollable-${c}`]:c&&c!=="both",[`${Qt}-section`]:u}),role:"toolbar","aria-label":"Toolbar",children:[!i&&N,i&&l==="hidden"&&(0,O.jsx)("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N}),i&&l==="start"&&(0,O.jsxs)(O.Fragment,{children:[(0,O.jsxs)(B,{children:[(0,O.jsx)("span",{className:s("k-toolbar-prev","k-button",y("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,O.jsx)(g,{className:"k-button-icon",icon:"chevron-left"})}),(0,O.jsx)("span",{className:s("k-toolbar-next","k-button",y("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,O.jsx)(g,{className:"k-button-icon",icon:"chevron-right"})})]}),(0,O.jsx)(Tt,{className:"k-toolbar-button-separator"}),(0,O.jsx)("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N})]}),i&&l==="end"&&(0,O.jsxs)(O.Fragment,{children:[(0,O.jsx)("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N}),(0,O.jsx)(Tt,{className:"k-toolbar-button-separator"}),(0,O.jsxs)(B,{children:[(0,O.jsx)("span",{className:s("k-toolbar-prev","k-button",y("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,O.jsx)(g,{className:"k-button-icon",icon:"chevron-left"})}),(0,O.jsx)("span",{className:s("k-toolbar-next","k-button",y("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,O.jsx)(g,{className:"k-button-icon",icon:"chevron-right"})})]})]}),i&&(l==="around"\|\|!l)&&(0,O.jsxs)(O.Fragment,{children:[(0,O.jsx)("span",{className:s("k-toolbar-prev","k-button",y("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,O.jsx)(g,{className:"k-button-icon",icon:"chevron-left"})}),(0,O.jsx)(Tt,{className:"k-toolbar-button-separator"}),(0,O.jsx)("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N}),(0,O.jsx)(Tt,{className:"k-toolbar-button-separator"}),(0,O.jsx)("span",{className:s("k-toolbar-next","k-button",y("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,O.jsx)(g,{className:"k-button-icon",icon:"chevron-right"})})]})]})};$.states=Px;$.options=Kx;$.className=Qt;$.defaultOptions=Rx;$.moduleName=Eo;$.folderName=ba;var Sd=require("react/jsx-runtime"),zr="k-toolbar-item",_x=[r.focus],wx={},Dx={},xa=e=>{let{focus:t,...o}=e;return(0,Sd.jsx)("div",{...o,className:s(e.className,zr,S(zr,{focus:t})),children:e.children})};xa.states=_x;xa.options=wx;xa.className=zr;xa.defaultOptions=Dx;xa.moduleName=Eo;xa.folderName=ba;var Ur=require("react/jsx-runtime"),kd="k-toolbar-popup",Hx=[],zx={size:[d.undefined,d.small,d.medium,d.large],fillMode:[x.undefined,x.solid,x.outline,x.flat]},Ux={},yo=e=>{let{size:t,fillMode:o,section:a,...n}=e;return(0,Ur.jsx)(J,{...n,className:s(e.className,kd),children:a?(0,Ur.jsx)("span",{className:s("k-toolbar-items-list",y("k-toolbar-items-list",{size:t,fillMode:o})),role:"toolbar",children:e.children}):e.children})};yo.states=Hx;yo.options=zx;yo.className=kd;yo.defaultOptions=Ux;yo.moduleName=Eo;yo.folderName=ba;var Wn=yo;var Fx=require("react/jsx-runtime");var Gx=require("react/jsx-runtime");var Vx=require("react/jsx-runtime");var Cd=require("react/jsx-runtime");var $x=require("react/jsx-runtime");var vt=require("react/jsx-runtime"),Xx=_.states,Ad={..._.defaultOptions,variant:"text"},qx=_.options,Wx=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Jx=[{name:"opened",title:"Opened"}],Na=e=>{let{variant:t,modifiers:o,...a}={...Ad,...e},n={},i=(0,vt.jsxs)(Te,{size:a.size,children:[(0,vt.jsx)(Q,{text:"Menu Item"}),(0,vt.jsx)(Q,{text:"Menu Item"}),(0,vt.jsx)(Q,{text:"Menu Item"})]});switch(Object.keys(o\|\|{}).forEach(l=>{l==="opened"&&(n.opened=!!(o!=null&&o[l]),n.popup=o!=null&&o[l]?i:"")}),t){case"icon-only":return(0,vt.jsx)("div",{children:(0,vt.jsx)(_,{...a,...n,icon:"star"})});case"icon-and-text":return(0,vt.jsx)("div",{children:(0,vt.jsx)(_,{...a,...n,icon:"star",children:"Split Button"})});default:return(0,vt.jsx)("div",{children:(0,vt.jsx)(_,{...a,...n,children:"Split Button"})})}};Na.options=qx;Na.states=Xx;Na.variants=Wx;Na.defaultOptions=Ad;Na.modifiers=Jx;Na.className=_.className;var Dt=require("react/jsx-runtime"),Ed=e=>(0,Dt.jsx)($,{children:[(0,Dt.jsx)(p,{children:"Button"},"toolbar-button"),(0,Dt.jsx)(U,{text:"Menu button"},"toolbar-menu-button"),(0,Dt.jsx)(_,{children:"Split button"},"toolbar-split-button"),(0,Dt.jsxs)(B,{children:[(0,Dt.jsx)(p,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,Dt.jsx)(p,{icon:"align-center",children:"Center"}),(0,Dt.jsx)(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});var yd=require("react/jsx-runtime");var ve=require("react/jsx-runtime"),Id=e=>(0,ve.jsx)($,{scrollable:!0,...e,children:[(0,ve.jsx)(p,{children:"Button"},"toolbar-button"),(0,ve.jsx)(U,{text:"Menu button"},"toolbar-menu-button"),(0,ve.jsx)(_,{children:"Split button"},"toolbar-split-button"),(0,ve.jsxs)(B,{children:[(0,ve.jsx)(p,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,ve.jsx)(p,{icon:"align-center",children:"Center"}),(0,ve.jsx)(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),(0,ve.jsx)(p,{children:"Button"},"toolbar-button"),(0,ve.jsx)(U,{text:"Menu button"},"toolbar-menu-button"),(0,ve.jsx)(_,{children:"Split button"},"toolbar-split-button"),(0,ve.jsxs)(B,{children:[(0,ve.jsx)(p,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,ve.jsx)(p,{icon:"align-center",children:"Center"}),(0,ve.jsx)(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});var ge=require("react/jsx-runtime"),Td=({scrollingPosition:e="start",...t})=>(0,ge.jsx)($,{scrollable:!0,scrollButtons:"hidden",scrollingPosition:e,...t,children:[(0,ge.jsx)(p,{children:"Button"},"toolbar-button"),(0,ge.jsx)(U,{text:"Menu button"},"toolbar-menu-button"),(0,ge.jsx)(_,{children:"Split button"},"toolbar-split-button"),(0,ge.jsxs)(B,{children:[(0,ge.jsx)(p,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,ge.jsx)(p,{icon:"align-center",children:"Center"}),(0,ge.jsx)(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),(0,ge.jsx)(p,{children:"Button"},"toolbar-button"),(0,ge.jsx)(U,{text:"Menu button"},"toolbar-menu-button"),(0,ge.jsx)(_,{children:"Split button"},"toolbar-split-button"),(0,ge.jsxs)(B,{children:[(0,ge.jsx)(p,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,ge.jsx)(p,{icon:"align-center",children:"Center"}),(0,ge.jsx)(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...t});var j=require("react/jsx-runtime"),Od=({fillMode:e,size:t,...o})=>(0,j.jsxs)(j.Fragment,{children:[(0,j.jsx)($,{section:!0,fillMode:e,size:t,children:[(0,j.jsx)(p,{fillMode:e,size:t,children:"Button"},"toolbar-button"),(0,j.jsxs)(B,{fillMode:e,children:[(0,j.jsx)(p,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),(0,j.jsx)(p,{icon:"align-center",fillMode:e,size:t,children:"Center"}),(0,j.jsx)(p,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group"),(0,j.jsx)(Tt,{className:"k-toolbar-button-separator"}),(0,j.jsx)(p,{icon:"more-horizontal",className:"k-toolbar-overflow-button",fillMode:"flat",size:t,"aria-label":"More options","aria-expanded":"false"})],...o}),(0,j.jsxs)(Wn,{size:t,fillMode:e,section:!0,...o,children:[(0,j.jsx)(_,{fillMode:e,size:t,children:"Split button"},"toolbar-split-button"),(0,j.jsx)(p,{fillMode:e,size:t,children:"Button"},"toolbar-button"),(0,j.jsx)(Tt,{}),(0,j.jsx)(U,{text:"Menu button",fillMode:e,size:t},"toolbar-menu-button"),(0,j.jsxs)(B,{fillMode:e,children:[(0,j.jsx)(p,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),(0,j.jsx)(p,{icon:"align-center",fillMode:e,size:t,children:"Center"}),(0,j.jsx)(p,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group")]})]});var Fr=require("react/jsx-runtime");var Gr=require("react/jsx-runtime");var jt=require("react/jsx-runtime"),Yx=$.options,Zx=$.states,Bd={...$.defaultOptions,variant:"default"},Qx=[{name:"default",title:"Default"},{name:"scrollable",title:"Scrollable"},{name:"overlay",title:"Overlay"},{name:"responsive",title:"Responsive"}],jx=[],ha=e=>{let{variant:t,...o}={...Bd,...e};switch(t){case"responsive":return(0,jt.jsx)("div",{children:(0,jt.jsx)(Od,{style:{width:"583px"},...o})});case"overlay":return(0,jt.jsx)("div",{children:(0,jt.jsx)(Td,{style:{width:"583px"},...o,scrollingPosition:"start",scrollButtons:"hidden"})});case"scrollable":return(0,jt.jsx)("div",{children:(0,jt.jsx)(Id,{style:{width:"583px"},...o})});default:return(0,jt.jsx)("div",{children:(0,jt.jsx)(Ed,{style:{width:"583px"},...o})})}};ha.options=Yx;ha.states=Zx;ha.variants=Qx;ha.defaultOptions=Bd;ha.modifiers=jx;ha.className=$.className;var nn=require("react/jsx-runtime"),Jn="k-fab",oN=[r.hover,r.focus,r.active,r.selected,r.disabled],aN={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary]},Pd={type:"button"},pe=e=>{let{size:t,rounded:o,themeColor:a,text:n,icon:i,type:l=Pd.type,position:c,hover:u,focus:f,active:N,selected:v,disabled:m,...L}=e;return(0,nn.jsxs)("button",{...L,type:l,className:s(e.className,Jn,y(Jn,{size:t,rounded:o,themeColor:a}),S(Jn,{hover:u,focus:f,active:N,disabled:m,selected:v}),{[`!k-pos-absolute k-${c}`]:c}),...!n&&i&&!e["aria-label"]&&{"aria-label":"Action"},...m&&{"aria-disabled":"true"},disabled:m\|\|void 0,children:[i&&(0,nn.jsx)(g,{className:"k-fab-icon",icon:i}),n&&(0,nn.jsx)("span",{className:"k-fab-text",children:n})]})};pe.states=oN;pe.options=aN;pe.className=Jn;pe.defaultOptions=Pd;pe.moduleName="fab";pe.folderName="fab";var Rd=require("react/jsx-runtime"),nN="k-fab-items",Kd=e=>{let{position:t,...o}=e;return(0,Rd.jsx)("ul",{...o,className:s(e.className,nN,{[`k-fab-items-${t}`]:t}),children:e.children})};var sn=require("react/jsx-runtime"),_d="k-fab-item",sN=[r.hover,r.focus,r.active,r.disabled],Vr=e=>{let{text:t,icon:o,align:a,hover:n,focus:i,active:l,disabled:c,...u}=e;return(0,sn.jsxs)("li",{...u,className:s(e.className,_d,{[`k-text-${a}`]:a},S(_d,{hover:n,focus:i,active:l,disabled:c})),children:[(0,sn.jsx)("span",{className:"k-fab-item-text",children:t}),(0,sn.jsx)(g,{className:"k-fab-item-icon",icon:o})]})};Vr.states=sN;var rN=require("react/jsx-runtime");var Dd=require("react/jsx-runtime"),wd=e=>(0,Dd.jsx)(pe,{icon:"plus",...e});var iN=require("react/jsx-runtime");var lN=require("react/jsx-runtime");var eo=require("react/jsx-runtime"),pN=pe.options,dN=pe.states,cN={...pe.defaultOptions,variant:"text"},mN=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],uN=[{name:"opened",title:"Opened"}],va=e=>{let{variant:t,modifiers:o,...a}=e,{opened:n}=o\|\|{},i=n?(0,eo.jsx)("div",{className:"k-fab-popup k-popup k-popup-transparent",style:{position:"absolute",top:"calc(16px + 36px)",right:"calc(16px + calc(36px / 2) - calc(36px /2))"},children:(0,eo.jsx)(Kd,{position:"bottom",children:(0,eo.jsx)(Vr,{text:"Item",icon:"pencil",align:"right"})})}):null,l;switch(t){case"icon-only":l=(0,eo.jsx)(pe,{...a,icon:"star"});break;case"icon-and-text":l=(0,eo.jsx)(pe,{...a,icon:"star",text:"Action"});break;default:l=(0,eo.jsx)(pe,{...a,text:"Action"});break}return(0,eo.jsxs)("span",{style:{position:"relative"},children:[l,i]})};va.options=pN;va.states=dN;va.variants=mN;va.defaultOptions=cN;va.modifiers=uN;va.className=pe.className;var $r="prompt-box",Hd=$r;var Xr="speech-to-text-button",zd=Xr;var Gd=require("react/jsx-runtime"),Ud="k-speech-to-text-button",Fd={icon:"microphone"},pt=e=>{let{listening:t=!1,icon:o=Fd.icon,...a}=e;return(0,Gd.jsx)(p,{...a,icon:t?"stop":o,className:s(e.className,Ud,{"k-listening":t}),"aria-pressed":t?"true":"false","aria-label":t?"Stop listening":"Start listening"})};pt.states=p.states;pt.options=p.options;pt.className=Ud;pt.defaultOptions=Fd;pt.moduleName=Xr;pt.folderName=zd;var fN=require("react/jsx-runtime");var bN=require("react/jsx-runtime");var $d=require("react/jsx-runtime"),xN=p.states,Vd={...p.defaultOptions,variant:"normal"},NN={...p.options,fillMode:p.options.fillMode.filter(e=>e!=="clear"&&e!=="link")},hN=[],vN=[{name:"normal",title:"Normal"},{name:"listening",title:"Listening"}],ga=e=>{let{variant:t,...o}={...Vd,...e},a={};return t==="listening"&&(a.listening=!0),(0,$d.jsx)(pt,{...o,...a})};ga.options=NN;ga.states=xN;ga.variants=vN;ga.defaultOptions=Vd;ga.modifiers=hN;ga.className=pt.className;var gt=require("react/jsx-runtime"),Ht="k-prompt-box",gN=[r.hover,r.focus,r.disabled],LN={fillMode:[x.undefined,x.solid,x.flat,x.outline]},qr={lineMode:"auto",isExpanded:!1},He=e=>{let{fillMode:t,lineMode:o=qr.lineMode,startAffix:a,endAffix:n,header:i,isExpanded:l=qr.isExpanded,className:c,children:u,value:f,placeholder:N,generating:v,actionButtonConfig:m,speechToTextButtonConfig:L,uploadButtonConfig:M,hover:C,focus:E,disabled:A,...I}=e,F=o==="multi"\|\|o==="auto"&&l;return(0,gt.jsxs)("div",{...I,className:s(c,"k-input",Ht,{[`${Ht}-singleline`]:o==="single",[`${Ht}-multiline`]:F,[`k-input-${t}`]:t,"k-hover":C,"k-focus":E,"k-disabled":A}),children:[i&&(0,gt.jsx)("div",{className:`${Ht}-header`,children:i}),(0,gt.jsxs)("div",{className:`${Ht}-content`,children:[a&&(0,gt.jsx)("div",{className:`${Ht}-affix`,children:a}),o==="single"?(0,gt.jsx)(Pe,{value:f,placeholder:N,className:`${Ht}-input`,type:"text","aria-label":"Prompt input"}):(0,gt.jsx)(Ga,{value:f,placeholder:N,className:`${Ht}-textarea`,rows:o==="multi"\|\|l?3:1,"aria-label":"Prompt input","aria-multiline":"true"}),(0,gt.jsxs)("div",{className:`${Ht}-affix`,children:[n,M&&(0,gt.jsx)(W,{icon:"paperclip",size:"small",fillMode:"flat",rounded:"full","aria-label":"Attach files",...M}),L!==!1&&(0,gt.jsx)(pt,{size:"small",fillMode:"flat",rounded:"full",...L}),(0,gt.jsx)(W,{icon:v?"stop":"arrow-up",size:"small",rounded:"full",active:v,disabled:!f&&!v,"aria-label":v?"Stop generating":"Send prompt","aria-live":"polite",...m,className:s({"k-generating":v},m==null?void 0:m.className)})]})]}),u]})};He.states=gN;He.options=LN;He.className=Ht;He.defaultOptions=qr;He.moduleName=$r;He.folderName=Hd;var MN=require("react/jsx-runtime");var SN=require("react/jsx-runtime");var kN=require("react/jsx-runtime");var CN=require("react/jsx-runtime");var AN=require("react/jsx-runtime");var ze=require("react/jsx-runtime"),EN=He.options,yN=He.states,IN={...He.defaultOptions,variant:"Single"},TN=[{name:"Single",title:"Singleline"},{name:"Multi",title:"Multiline"}],ON=[{name:"header",title:"Header"},{name:"endAffix",title:"End Affix"},{name:"startAffix",title:"Start Affix"}],La=e=>{let{variant:t,modifiers:o,...a}=e,n={},i=(0,ze.jsx)(ze.Fragment,{children:(0,ze.jsx)(W,{size:"small",icon:"send",fillMode:"flat"})});return Object.keys(o\|\|{}).forEach(l=>{switch(l){case"header":n.header=o!=null&&o[l]?(0,ze.jsx)(p,{children:"Button in header"}):void 0;break;case"endAffix":o!=null&&o[l]&&(n.endAffix=(0,ze.jsxs)(ze.Fragment,{children:[i,(0,ze.jsx)(W,{icon:"paperclip",size:"small",fillMode:"flat"})]}));break;case"startAffix":n.startAffix=o!=null&&o[l]?(0,ze.jsx)(ze.Fragment,{children:(0,ze.jsx)(W,{icon:"plus",size:"small",fillMode:"flat"})}):void 0;break;default:break}}),t==="Multi"?(0,ze.jsx)(He,{style:{width:300},lineMode:"multi",endAffix:i,placeholder:"Enter your prompt...",...a,...n}):(0,ze.jsx)(He,{style:{width:300},lineMode:"single",endAffix:i,placeholder:"Enter your prompt...",...a,...n})};La.options=EN;La.states=yN;La.variants=TN;La.defaultOptions=IN;La.modifiers=ON;La.className=He.className;var Wr="chat",Xd=Wr;var Le=require("react/jsx-runtime"),qd="k-chat",BN=[],PN={},KN=(0,Le.jsxs)(Le.Fragment,{children:[(0,Le.jsx)(W,{icon:"paperclip",fillMode:"clear",rounded:"full",size:"small","aria-label":"Attach file"},"paperclip"),(0,Le.jsx)("div",{className:"k-spacer"})]}),Wd={tools:KN},q=e=>{let{header:t,dir:o,suggestedActions:a,files:n,pinned:i,replied:l,generating:c,tools:u=Wd.tools,value:f,empty:N,scrollToBottom:v,scrollbar:m,promptBoxProps:L,...M}=e;return(0,Le.jsxs)("div",{...M,className:s(qd,e.className),dir:o,children:[t,(0,Le.jsxs)("div",{className:"k-message-list",role:"log","aria-label":"Message list","aria-live":"polite",children:[i,(0,Le.jsx)("div",{className:s("k-message-list-content",N&&"k-message-list-content-empty"),children:e.children}),v&&(0,Le.jsx)("div",{className:"k-chat-scroll-to-bottom-container",children:(0,Le.jsx)(wd,{themeColor:"base",icon:"arrow-down",size:"small"})})]}),m&&(0,Le.jsx)("div",{className:"k-separator"}),(0,Le.jsxs)("div",{className:"k-message-box-wrapper",children:[a,(0,Le.jsx)(He,{lineMode:"multi",placeholder:"Type a message",generating:c,value:f,header:n\|\|l?(0,Le.jsxs)(Le.Fragment,{children:[l,n]}):void 0,endAffix:u,...L})]})]})};q.states=BN;q.options=PN;q.className=qd;q.defaultOptions=Wd;q.moduleName=Wr;q.folderName=Xd;var Jr="avatar",Jd=Jr;var Zr=require("react/jsx-runtime"),rn="k-avatar";var RN=[r.hover,r.focus,r.active,r.selected,r.disabled],_N={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[x.undefined,x.solid,x.outline],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary]},Yr={type:"text",border:!1},Ue=e=>{let{size:t,rounded:o,fillMode:a,themeColor:n,type:i=Yr.type,border:l=Yr.border,...c}=e;return(0,Zr.jsx)("div",{...c,className:s(e.className,rn,y(rn,{size:t,rounded:o,fillMode:a,themeColor:n}),{[`${rn}-bordered`]:l}),children:(0,Zr.jsx)("span",{className:`${rn}-${i}`,children:e.children})})};Ue.states=RN;Ue.options=_N;Ue.className=rn;Ue.defaultOptions=Yr;Ue.moduleName=Jr;Ue.folderName=Jd;var Io=Ue;var Zd=require("react/jsx-runtime"),Yd=e=>(0,Zd.jsx)(Io,{type:"icon",...e});var jd=require("react/jsx-runtime"),Qd=e=>(0,jd.jsx)(Io,{type:"text",...e});var ec=require("react/jsx-runtime"),Zn=e=>(0,ec.jsx)(Io,{type:"image",...e});var wN=require("react/jsx-runtime");var Ma=require("react/jsx-runtime"),DN=Ue.options,HN=Ue.states,zN={...Ue.defaultOptions,variant:"image"},UN=[{name:"image",title:"Image"},{name:"icon",title:"Icon Avatar"},{name:"text",title:"Text Avatar"}],FN=[],Sa=e=>{let{variant:t,...o}=e;switch(t){case"icon":return(0,Ma.jsx)(Yd,{...o,children:(0,Ma.jsx)(g,{icon:"star"})});case"text":return(0,Ma.jsx)(Qd,{...o,children:"JO"});default:return(0,Ma.jsx)(Zn,{...o,children:(0,Ma.jsx)("img",{src:"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg"})})}};Sa.options=DN;Sa.states=HN;Sa.variants=UN;Sa.defaultOptions=zN;Sa.modifiers=FN;Sa.className=Ue.className;var Ot=require("react/jsx-runtime"),ln="k-message-group",GN=[r.selected],VN={},Qn={author:"Bruv",avatar:"/packages/html/assets/avatar.jpg",type:"receiver"},ee=e=>{let{type:t=Qn.type,author:o=Qn.author,avatar:a=Qn.avatar,status:n,selected:i,fullWidth:l,...c}=e;return(0,Ot.jsxs)("div",{...c,className:s(ln,e.className,S(ln,{selected:i}),{[`${ln}-${t}`]:t,"k-no-avatar":!a,[`${ln}-full-width`]:l}),children:[a&&!n&&(0,Ot.jsx)(Ue,{type:"image",children:(0,Ot.jsx)("img",{src:a,alt:o\|\|""})}),n&&a&&(0,Ot.jsxs)("div",{className:"k-chat-user-status-wrapper",children:[(0,Ot.jsx)(Ue,{type:"image",children:(0,Ot.jsx)("img",{src:a,alt:o\|\|""})}),(0,Ot.jsx)("div",{className:"k-chat-user-status"})]}),(0,Ot.jsxs)("div",{className:"k-message-group-content",children:[o&&(0,Ot.jsx)("span",{className:"k-message-author",children:o}),e.children]})]})};ee.states=GN;ee.options=VN;ee.className=ln;ee.defaultOptions=Qn;var zt=require("react/jsx-runtime"),Qr="k-message-reference",$N={},tc={type:"receiver"},uo=e=>{let{content:t,closeable:o,pinned:a,type:n=tc.type,...i}=e;return(0,zt.jsxs)("div",{...i,className:s(Qr,e.className,{[`${Qr}-${n}`]:n,"k-message-pinned":a}),children:[a&&(0,zt.jsx)(g,{icon:"pin"}),(0,zt.jsx)("div",{className:"k-message-reference-content",children:t}),o&&(0,zt.jsxs)(zt.Fragment,{children:[(0,zt.jsx)("span",{className:"k-spacer"}),(0,zt.jsx)(p,{icon:"x-circle",fillMode:"flat",size:"xsmall","aria-label":"Close"})]})]})};uo.options=$N;uo.className=Qr;uo.moduleName=null;uo.folderName=null;uo.defaultOptions=tc;var jr="bubble",oc=jr;var To=require("react/jsx-runtime"),ei="k-bubble",XN=[r.hover,r.active,r.selected,r.focus],ti={expandable:!1,expanded:!1},Oo=e=>{let{content:t,hover:o,active:a,focus:n,selected:i,expandable:l=ti.expandable,expanded:c=ti.expanded,...u}=e;return(0,To.jsxs)("div",{...u,className:s(e.className,ei,S(ei,{hover:o,active:a,focus:n,selected:i}),{"k-bubble-expandable":l},{"k-expanded":c}),tabIndex:0,children:[(0,To.jsx)("div",{className:"k-bubble-content",children:t??e.children}),l&&(0,To.jsx)("span",{className:"k-bubble-expandable-indicator",role:"button","aria-label":c?"Show less":"Show more",tabIndex:0,children:c?(0,To.jsx)(g,{icon:"chevron-up"}):(0,To.jsx)(g,{icon:"chevron-down"})})]})};Oo.states=XN;Oo.className=ei;Oo.defaultOptions=ti;Oo.moduleName=jr;Oo.folderName=oc;var qN=require("react/jsx-runtime");var WN=require("react/jsx-runtime");var JN=require("react/jsx-runtime");var Bo=require("react/jsx-runtime"),YN="k-chat-bubble",nc=e=>{let{typing:t,content:o,files:a,...n}=e;return(0,Bo.jsxs)(Oo,{...n,className:s(e.className,YN),children:[t?(0,Bo.jsxs)("div",{className:"k-typing-indicator",tabIndex:-1,children:[(0,Bo.jsx)("span",{}),(0,Bo.jsx)("span",{}),(0,Bo.jsx)("span",{})]}):o,a]})};var ZN=require("react/jsx-runtime");var pn=require("react/jsx-runtime"),sc="k-chat-event",oi={icon:"trash",text:"You deleted Chat history."},rc=e=>{let{icon:t=oi.icon,text:o=oi.text,...a}=e;return(0,pn.jsxs)("div",{...a,className:s(e.className,sc),children:[t&&(0,pn.jsx)(g,{className:"k-chat-event-icon",icon:t,size:"xsmall"}),o&&(0,pn.jsx)("span",{className:"k-chat-event-text",children:o})]})};rc.className=sc;rc.defaultOptions=oi;var QN=require("react/jsx-runtime");var Fe=require("react/jsx-runtime"),ic=e=>(0,Fe.jsx)(q,{children:(0,Fe.jsxs)(Fe.Fragment,{children:[(0,Fe.jsx)("div",{className:"k-timestamp",children:"Day, Month 7, 2023"}),(0,Fe.jsx)(ee,{children:(0,Fe.jsx)(V,{})}),(0,Fe.jsx)(ee,{type:"sender",children:(0,Fe.jsx)(V,{})}),(0,Fe.jsx)(ee,{children:(0,Fe.jsx)(V,{text:"Very long message text that tests message overflowing behavior. Very long message text that tests message overflowing behavior."})}),(0,Fe.jsx)(ee,{type:"sender",children:(0,Fe.jsx)(V,{text:"Unusually_long_word_that_tests_word_break_behavior__unusually_long_word_that_tests_word_break_behavior"})})]}),...e});var ai=require("react/jsx-runtime"),jn="k-file-box-wrapper",lc={layout:"horizontal"},Ut=e=>{let{layout:t=lc.layout,scrollingPosition:o,...a}=e;return(0,ai.jsx)("ul",{role:"list","aria-label":"Attached files",...a,className:s(e.className,jn,{"k-files-vertical":t==="vertical","k-files-wrap":t==="wrap",[`${jn}-scrollable-start`]:t==="horizontal"&&(o==="start"\|\|o==="both"),[`${jn}-scrollable-end`]:t==="horizontal"&&(o==="end"\|\|o==="both")}),children:t==="horizontal"?(0,ai.jsx)("div",{className:"k-files-scroll",role:"presentation",children:e.children}):e.children})};Ut.className=jn;Ut.defaultOptions=lc;var ni="file-box",pc=ni;var Ft=require("react/jsx-runtime"),dc="k-file-box",jN=[r.selected],eh={},dn={icon:"file-pdf",name:"FileName.pdf",size:"2MB",showButton:"true"},je=e=>{let{icon:t=dn.icon,name:o=dn.name,size:a=dn.size,status:n,deleted:i,removeButton:l,showButton:c=dn.showButton,...u}=e,f=[o,a].filter(Boolean).join(" ");return(0,Ft.jsxs)("li",{role:"listitem",tabIndex:0,"aria-label":f\|\|void 0,...u,className:s(dc,e.className,{"k-file-deleted":i}),children:[(0,Ft.jsx)(g,{icon:t,size:"xlarge","aria-hidden":"true"}),(0,Ft.jsxs)("div",{className:"k-file-info",children:[o&&(0,Ft.jsx)("span",{className:"k-file-name",children:o}),a&&(0,Ft.jsx)("span",{className:"k-file-size",children:a}),n&&(0,Ft.jsx)("span",{className:"k-file-status",children:n})]}),c&&(l?(0,Ft.jsx)(p,{as:"span",icon:"x-circle",fillMode:"flat",size:"xsmall","aria-hidden":"true"}):(0,Ft.jsx)(U,{icon:"more-vertical",fillMode:"flat",size:"xsmall",showArrow:!1,"aria-label":"File actions"}))]})};je.states=jN;je.options=eh;je.className=dc;je.defaultOptions=dn;je.moduleName=ni;je.folderName=pc;var th=require("react/jsx-runtime");var oh=require("react/jsx-runtime");var cc=require("react/jsx-runtime");var mc=require("react/jsx-runtime");var ah=require("react/jsx-runtime");var si=require("react/jsx-runtime");var ri=require("react/jsx-runtime");var ii="skeleton",uc=ii;var fc=require("react/jsx-runtime"),li="k-skeleton",nh=["circle","text","rect"],sh=[],rh={},pi={variant:"text",shape:"text",animation:"pulse"},Gt=e=>{let{variant:t,shape:o,animation:a=pi.animation,...n}=e,i=`skeleton-${t\|\|o\|\|pi.variant}`;return(0,fc.jsx)("span",{...n,className:s(e.className,li,xn(li,i),{[`k-skeleton-${a}`]:a}),style:e.style})};Gt.states=sh;Gt.options=rh;Gt.variants=nh;Gt.className=li;Gt.defaultOptions=pi;Gt.moduleName=ii;Gt.folderName=uc;var ih=require("react/jsx-runtime");var lh=require("react/jsx-runtime");var ph=require("react/jsx-runtime");var di=require("react/jsx-runtime");var ci=require("react/jsx-runtime");var mi="window",bc=mi;var Nc=require("react/jsx-runtime"),xc="k-window-content",dh=[],ch={},mh={},fo=e=>{let{children:t,...o}=e;return(0,Nc.jsx)("div",{...o,className:s(xc,e.className),children:t})};fo.states=dh;fo.options=ch;fo.className=xc;fo.defaultOptions=mh;fo.moduleName=mi;fo.folderName=bc;var cn="dialog",es=cn;var et=require("react/jsx-runtime"),hc="k-dialog",uh=[],fh={},ui={actionButtonsAlign:"stretched",modal:!0},dt=e=>{let{title:t,actions:o,actionButtons:a,actionButtonsAlign:n=ui.actionButtonsAlign,modal:i=ui.modal,...l}=e,c=t!==void 0?K("dialog-titlebar"):void 0,u=K("dialog-content");return(0,et.jsxs)("div",{className:"k-dialog-wrapper",children:[i&&(0,et.jsx)(Rt,{}),(0,et.jsxs)("div",{...l,className:s(e.className,hc,"k-window"),role:"dialog","aria-labelledby":c,"aria-describedby":u,...i&&{"aria-modal":"true"},children:[(t!==void 0\|\|o)&&(0,et.jsxs)("div",{className:"k-window-titlebar k-dialog-titlebar",id:c,children:[t!==void 0&&(0,et.jsx)("span",{className:"k-window-title k-dialog-title",children:t}),o&&(0,et.jsx)(et.Fragment,{children:(0,et.jsx)("div",{className:"k-window-titlebar-actions k-dialog-titlebar-actions",children:o.map(f=>(0,et.jsx)(p,{icon:f,fillMode:"flat",size:"xsmall",className:"k-window-titlebar-action k-dialog-titlebar-action","aria-label":f},f))})})]}),(0,et.jsx)(fo,{className:"k-dialog-content",id:u,children:e.children}),a&&(0,et.jsx)(nt,{alignment:n,className:"k-window-actions k-dialog-actions",children:a})]})]})};dt.states=uh;dt.options=fh;dt.className=hc;dt.defaultOptions=ui;dt.moduleName=cn;dt.folderName=es;var fi=dt;var gc=require("react/jsx-runtime"),vc="k-dialog-wrapper",bh=[],xh={},Nh={},ka=e=>{let{...t}=e;return(0,gc.jsx)("div",{...t,className:s(e.className,vc),children:e.children})};ka.states=bh;ka.options=xh;ka.className=vc;ka.defaultOptions=Nh;ka.moduleName=cn;ka.folderName=es;var Vt=require("react/jsx-runtime"),Lc=e=>(0,Vt.jsx)(fi,{title:"Title",children:(0,Vt.jsx)(Vt.Fragment,{children:"Dialog content"}),actionButtons:(0,Vt.jsxs)(Vt.Fragment,{children:[(0,Vt.jsx)(p,{children:"Action"}),(0,Vt.jsx)(p,{themeColor:"primary",children:"Primary"})]}),actions:["x"],...e});var bi=require("react/jsx-runtime");var to=require("react/jsx-runtime"),hh=dt.options,vh=[],gh=dt.states,Lh=dt.defaultOptions,Mh=[],Ca=e=>(0,to.jsx)(Lc,{style:{width:"350px",height:"215px"},...e,title:"Please confirm",actions:["x"],actionButtonsAlign:"stretched",actionButtons:(0,to.jsxs)(to.Fragment,{children:[(0,to.jsx)(p,{children:"No"}),(0,to.jsx)(p,{themeColor:"primary",children:"Yes"})]}),children:(0,to.jsx)("p",{style:{margin:"36px",textAlign:"center"},children:"Are you sure you want to continue?"})});Ca.options=hh;Ca.states=gh;Ca.variants=vh;Ca.defaultOptions=Lh;Ca.modifiers=Mh;Ca.className=dt.className;var xi="dropzone",Mc=xi;var Po=require("react/jsx-runtime"),Ni="k-external-dropzone",Sh=[r.disabled,r.hover],kh={},hi={icon:"upload",hint:"Drag and drop files here to upload"},Ge=e=>{let{hover:t,disabled:o,icon:a=hi.icon,hint:n=hi.hint,note:i,...l}=e;return(0,Po.jsx)("div",{...l,className:s(e.className,Ni,S(Ni,{disabled:o}),{"k-external-dropzone-hover":t}),children:(0,Po.jsxs)("div",{className:"k-dropzone-inner",children:[a&&(0,Po.jsx)(g,{icon:a,className:"k-dropzone-icon",size:"xxxlarge"}),n&&(0,Po.jsx)("span",{className:"k-dropzone-hint",children:n}),i&&(0,Po.jsx)("span",{className:"k-dropzone-note",children:i})]})})};Ge.states=Sh;Ge.options=kh;Ge.className=Ni;Ge.defaultOptions=hi;Ge.moduleName=xi;Ge.folderName=Mc;var kc=require("react/jsx-runtime"),Sc=e=>(0,kc.jsx)(Ge,{...e});var Ch=require("react/jsx-runtime");var Cc=require("react/jsx-runtime"),Ah=Ge.options,Eh=Ge.states,yh=Ge.defaultOptions,Ih=[{name:"note",title:"Note"}],Th=[],Aa=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(n=>{n==="note"&&(a.note=t!=null&&t[n]?"Only JPEG, PNG and SVG files are allowed.":void 0)}),(0,Cc.jsx)(Sc,{style:{width:"500px"},...o,...a})};Aa.options=Ah;Aa.states=Eh;Aa.variants=Th;Aa.defaultOptions=yh;Aa.modifiers=Ih;Aa.className=Ge.className;var se=require("react/jsx-runtime"),vi="k-upload-dropzone",Oh=[r.hover],ts=e=>{let{hover:t,status:o,disabled:a,hasFiles:n,filesId:i,...l}=e,c;switch(o){case"uploading":c=(0,se.jsxs)(se.Fragment,{children:[(0,se.jsx)(g,{icon:"upload"}),"Uploading..."]});break;case"done":c=(0,se.jsxs)(se.Fragment,{children:[(0,se.jsx)(g,{icon:"check"}),"Done"]});break;case"failed":c=(0,se.jsxs)(se.Fragment,{children:[(0,se.jsx)(g,{icon:"exclamation-circle"}),"Done"]});break;default:c=(0,se.jsx)(se.Fragment,{});break}return(0,se.jsxs)("div",{...l,className:s(e.className,vi,"k-dropzone",S(vi,{hover:t})),children:[(0,se.jsxs)("div",{className:"k-upload-button-wrap",children:[(0,se.jsx)(p,{className:"k-upload-button","aria-disabled":a?"true":"false",...n&&i?{"aria-controls":i}:{},children:"Select files..."}),(0,se.jsx)("input",{id:"upload-input",className:"k-hidden",tabIndex:-1,"aria-hidden":"true"})]}),(0,se.jsx)("span",{className:s("k-dropzone-hint",{"k-hidden":o!=="upload"}),children:"Drop files here to upload"}),o!=="upload"&&(0,se.jsx)("span",{className:"k-upload-status",children:c})]})};ts.states=Oh;ts.className=vi;var gi="upload",Ac=gi;var bo=require("react/jsx-runtime"),Li="k-upload",Bh=[r.hover,r.disabled],Ph={},yc={actionsLayout:"end"},Ec="upload-files-list",de=e=>{let{async:t,empty:o,actions:a,actionsLayout:n=yc.actionsLayout,hover:i,status:l,disabled:c,...u}=e,f=!!e.children;return(0,bo.jsxs)("div",{...u,className:s(e.className,Li,S(Li,{disabled:c}),{"k-upload-async":t,"k-upload-empty":o}),children:[(0,bo.jsx)(ts,{status:l,hover:i,disabled:c,hasFiles:f,filesId:Ec}),f&&(0,bo.jsx)("ul",{className:"k-upload-files",role:"list",id:Ec,children:e.children}),a&&f&&(0,bo.jsxs)(vl,{alignment:n,orientation:"horizontal",children:[(0,bo.jsx)(p,{className:"k-clear-selected",children:"Clear"}),(0,bo.jsx)(p,{themeColor:"primary",className:"k-upload-selected",children:"Upload"})]})]})};de.states=Bh;de.options=Ph;de.className=Li;de.defaultOptions=yc;de.moduleName=gi;de.folderName=Ac;var mn="progressbar",os=mn;var xo=require("react/jsx-runtime"),Lt="k-progressbar",Kh=[r.disabled,r.indeterminate],Rh={orientation:["horizontal","vertical"]},Ko={indeterminate:!1,label:!0,labelPosition:"start",orientation:"horizontal",reverse:!1,value:"0"},Ve=e=>{let{disabled:t,height:o,indeterminate:a=Ko.indeterminate,label:n=Ko.label,labelPosition:i=Ko.labelPosition,orientation:l=Ko.orientation,reverse:c=Ko.reverse,value:u=Ko.value,width:f,style:N,ariaLabel:v,...m}=e;return(0,xo.jsxs)("div",{...m,className:s(e.className,Lt,S(Lt,{disabled:t}),{[`${Lt}-${l}`]:l,[`${Lt}-indeterminate`]:a,[`${Lt}-reverse`]:c}),style:{...N,"--kendo-progressbar-value":u,[l==="horizontal"?"height":"width"]:l==="horizontal"?o:f},role:"progressbar","aria-label":v\|\|"progress","aria-valuenow":a?void 0:Number(u),"aria-valuemin":0,"aria-valuemax":100,children:[(0,xo.jsx)("span",{className:s("k-progress-status-wrap",{[`k-progress-${i}`]:i&&!a}),children:n&&(0,xo.jsxs)("span",{className:"k-progress-status",children:[u,"%"]})}),!a&&(0,xo.jsx)("div",{className:"k-progressbar-value k-selected",children:(0,xo.jsx)("span",{className:s("k-progress-status-wrap",{[`k-progress-${i}`]:i}),children:n&&(0,xo.jsxs)("span",{className:"k-progress-status",children:[e.value,"%"]})})})]})};Ve.states=Kh;Ve.options=Rh;Ve.className=Lt;Ve.defaultOptions=Ko;Ve.moduleName=mn;Ve.folderName=os;var Ic=Ve;var ns=require("react/jsx-runtime"),Tc="k-chunk-progressbar",_h=(e,t)=>t<=e-1,wh=[r.disabled,r.indeterminate],Dh={},as={chunkCount:5,orientation:"horizontal",progress:0},Ea=e=>{let{disabled:t,chunkCount:o=as.chunkCount,indeterminate:a,orientation:n=as.orientation,progress:i=as.progress,reverse:l,ariaLabel:c,...u}=e;return(0,ns.jsx)("div",{...u,className:s(e.className,Lt,Tc,S(Lt,{disabled:t}),{[`${Lt}-${n}`]:n,[`${Lt}-indeterminate`]:a,[`${Lt}-reverse`]:l}),role:"progressbar","aria-label":c\|\|"progress","aria-valuenow":a?void 0:i,"aria-valuemin":0,"aria-valuemax":o,children:(0,ns.jsx)("ul",{className:"k-progressbar-chunks k-reset",children:[...Array(o)].map((f,N)=>(0,ns.jsx)("li",{className:s("k-progressbar-chunk",{"k-first":N===0,"k-last":N===[...Array(o)].length-1,"k-selected":_h(i,N)})},N))})})};Ea.states=wh;Ea.options=Dh;Ea.className=Tc;Ea.defaultOptions=as;Ea.moduleName=mn;Ea.folderName=os;var Oc=require("react/jsx-runtime"),un=e=>(0,Oc.jsx)(Ic,{...e});var Hh=require("react/jsx-runtime");var oo=require("react/jsx-runtime"),zh=Ve.options,Uh=Ve.states,Bc={...Ve.defaultOptions,variant:"start"},Fh=[{name:"start",title:"Label start"},{name:"center",title:"Label center"},{name:"end",title:"Label end"},{name:"empty",title:"No label"}],Gh=[],ya=e=>{let{variant:t,modifiers:o,...a}={...Bc,...e},n={},i={style:{width:"324px"}};switch(Object.keys(o\|\|{}).forEach(l=>{switch(l){case"reverse":n.reverse=!!(o!=null&&o[l]);break;case"vertical":n.orientation=o!=null&&o[l]?"vertical":void 0,i.style=o!=null&&o[l]?void 0:{width:"324px"};break}}),t){case"end":return(0,oo.jsx)("div",{...i,children:(0,oo.jsx)(un,{...a,...n,labelPosition:"end",value:"50"})});case"center":return(0,oo.jsx)("div",{...i,children:(0,oo.jsx)(un,{...a,...n,labelPosition:"center",value:"50"})});case"empty":return(0,oo.jsx)("div",{...i,children:(0,oo.jsx)(un,{...a,...n,label:!1,value:"50"})});default:return(0,oo.jsx)("div",{...i,children:(0,oo.jsx)(un,{...a,...n,labelPosition:"start",value:"50"})})}};ya.options=zh;ya.states=Uh;ya.variants=Fh;ya.defaultOptions=Bc;ya.modifiers=Gh;ya.className=Ve.className;var Ia=require("react/jsx-runtime"),Vh="k-file-info",Mi=e=>{let{name:t,size:o,validationMsg:a,...n}=e;return(0,Ia.jsxs)("div",{...n,className:s(e.className,Vh),children:[t&&(0,Ia.jsx)("span",{className:"k-file-name",children:t}),o&&(0,Ia.jsx)("span",{className:"k-file-size",children:o}),a&&(0,Ia.jsx)("span",{className:"k-file-validation-message","aria-live":"polite",children:a})]})};var Me=require("react/jsx-runtime"),$h="k-file",tt=e=>{let{status:t,progress:o,name:a,icon:n,size:i,state:l,validationMsg:c,...u}=e;return(0,Me.jsx)("li",{...u,className:s(e.className,$h,{[`k-file-${t}`]:t}),role:"listitem",tabIndex:0,children:(0,Me.jsxs)("div",{className:"k-file-single",children:[(0,Me.jsx)(Ve,{className:s({"k-hidden":t!=="progress"}),value:o,label:!1}),(0,Me.jsxs)("span",{className:"k-file-icon-wrapper",children:[(0,Me.jsx)(g,{className:"k-file-icon",icon:n,size:"xxlarge"}),l&&(0,Me.jsx)("span",{className:"k-file-state",children:l})]}),(0,Me.jsx)(Mi,{name:a,size:i,validationMsg:c}),(0,Me.jsx)("div",{className:"k-upload-actions",children:t==="progress"?(0,Me.jsxs)(Me.Fragment,{children:[(0,Me.jsxs)("span",{className:"k-upload-pct",children:[o,"%"]}),(0,Me.jsx)(p,{icon:"pause",fillMode:"flat",size:"xsmall",className:"k-upload-action","aria-label":"Pause upload",tabIndex:-1}),(0,Me.jsx)(p,{icon:"cancel",fillMode:"flat",size:"xsmall",className:"k-upload-action","aria-label":"Cancel upload",tabIndex:-1})]}):(0,Me.jsx)(p,{icon:"x",fillMode:"flat",size:"xsmall",className:"k-upload-action","aria-label":"Remove file",tabIndex:-1})})]})})};var Si=require("react/jsx-runtime");var No=require("react/jsx-runtime"),fn=e=>(0,No.jsx)(de,{async:!0,children:(0,No.jsxs)(No.Fragment,{children:[(0,No.jsx)(tt,{name:"Image_With_Very_Very_Very_Very_Very_Long_Name1.png",icon:"file-image",size:"51.23 KB"}),(0,No.jsx)(tt,{name:"Image2.jpg",icon:"file-image",size:"106.43 KB"})]}),...e});var ki=require("react/jsx-runtime");var Kc=require("react/jsx-runtime"),Pc=e=>(0,Kc.jsx)(de,{async:!0,empty:!0,...e});var Ci=require("react/jsx-runtime");var Ai=require("react/jsx-runtime");var $e=require("react/jsx-runtime"),Xh=de.options,qh=de.states,Rc={...de.defaultOptions,variant:"empty"},Wh=[{name:"empty",title:"Empty"},{name:"upload",title:"Upload"},{name:"uploading",title:"Uploading"},{name:"success",title:"Success"},{name:"failed",title:"Failed"}],Jh=[],Ta=e=>{let{variant:t,...o}={...Rc,...e};switch(t){case"success":return(0,$e.jsxs)(fn,{status:"done",style:{width:"586px"},...o,children:[(0,$e.jsx)(tt,{status:"success",validationMsg:"File(s) uploaded successfully.",name:"Image1.png",icon:"file-image"}),(0,$e.jsx)(tt,{status:"success",validationMsg:"File(s) uploaded successfully.",name:"Image2.png",icon:"file-image"})]});case"failed":return(0,$e.jsxs)(fn,{status:"failed",style:{width:"586px"},...o,children:[(0,$e.jsx)(tt,{status:"error",validationMsg:"File type not allowed.",name:"Movie1.mkv",icon:"file-image"}),(0,$e.jsx)(tt,{status:"error",validationMsg:"File type not allowed.",name:"Video2.mkv",icon:"file-image"})]});case"uploading":return(0,$e.jsxs)(fn,{status:"uploading",style:{width:"586px"},...o,children:[(0,$e.jsx)(tt,{progress:"50",status:"progress",name:"Document1.txt",icon:"file-pdf",size:"328.92 KB"}),(0,$e.jsx)(tt,{progress:"70",status:"progress",name:"Document2.txt",icon:"file-pdf",size:"225.68 KB"})]});case"upload":return(0,$e.jsxs)(fn,{actions:!0,status:"upload",style:{width:"586px"},...o,children:[(0,$e.jsx)(tt,{name:"Image1.png",icon:"file-image",size:"51.23 KB"}),(0,$e.jsx)(tt,{name:"Image2.jpg",icon:"file-image",size:"106.43 KB"})]});default:return(0,$e.jsx)(Pc,{async:!0,status:"upload",style:{width:"586px"},...o})}};Ta.options=Xh;Ta.states=qh;Ta.variants=Wh;Ta.defaultOptions=Rc;Ta.modifiers=Jh;Ta.className=de.className;var Ei=require("react/jsx-runtime");var Yh=require("react/jsx-runtime");var yi=require("react/jsx-runtime");var Ii=require("react/jsx-runtime");var Ti=require("react/jsx-runtime");var _c=require("react/jsx-runtime");var Oi="appbar",wc=Oi;var Dc=require("react/jsx-runtime"),Bi="k-appbar",Zh=[],Qh={themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary,h.inverse]},jh={},Xe=e=>{let{themeColor:t,positionMode:o,position:a,...n}=e;return(0,Dc.jsx)("div",{...n,className:s(e.className,Bi,y(Bi,{themeColor:t}),{[`k-appbar-${o}`]:o,[`k-appbar-${a}`]:a}),children:e.children})};Xe.states=Zh;Xe.options=Qh;Xe.className=Bi;Xe.defaultOptions=jh;Xe.moduleName=Oi;Xe.folderName=wc;var Hc=require("react/jsx-runtime"),ev="k-appbar-section",$t=e=>{let{...t}=e;return(0,Hc.jsx)("div",{...t,className:s(ev,e.className),children:e.children})};var Pi=require("react/jsx-runtime");var D=require("react/jsx-runtime"),Ki={...Xe.options,positionMode:["static","sticky","fixed"]},tv=Xe.states,zc={...Xe.defaultOptions,themeColor:"primary",variant:"top",positionMode:"sticky"};Ki.themeColor=["primary",...Ki.themeColor.filter(e=>e!=="primary")];var ov=[{name:"top",title:"Top"},{name:"bottom",title:"Bottom"}],Oa=e=>{let{variant:t,...o}={...zc,...e},a=(0,D.jsxs)(Xe,{position:t,...o,children:[(0,D.jsx)($t,{children:(0,D.jsx)(W,{fillMode:"flat",icon:"menu"})}),(0,D.jsx)("span",{className:"k-spacer k-spacer-sized",style:{width:"8px"}}),(0,D.jsx)($t,{children:(0,D.jsx)("h3",{className:"k-m-0",children:"AppBar"})}),(0,D.jsx)("span",{className:"k-spacer"}),(0,D.jsxs)($t,{children:[(0,D.jsx)(kt,{fillMode:"flat",children:"Button"}),(0,D.jsx)(kt,{fillMode:"flat",children:"Button"}),(0,D.jsx)(kt,{fillMode:"flat",children:"Button"})]}),(0,D.jsx)("span",{className:"k-spacer k-spacer-sized",style:{width:"8px"}}),(0,D.jsx)($t,{children:(0,D.jsx)(En,{value:"Input value"})}),(0,D.jsxs)($t,{children:[(0,D.jsx)(W,{className:"k-mx-sm",fillMode:"flat",icon:"bell"}),(0,D.jsx)("span",{className:"k-appbar-separator"}),(0,D.jsx)(Zn,{className:"k-mx-sm",children:(0,D.jsx)("img",{src:"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg"})})]})]}),n=(0,D.jsxs)("div",{style:{padding:"25px 10px"},children:[(0,D.jsx)("p",{children:"Lorem ipsum dolor sit amet consectetur adipisicing elit. Fugit, harum magnam? Possimus magnam non natus error consectetur voluptatum, unde quasi rerum ad facere, hic in! Qui ducimus ab sed consequuntur excepturi fugiat! Facilis fuga asperiores pariatur sed. Eligendi aliquid vel nemo, ipsum tempora minima consequatur culpa molestias maiores nihil eveniet accusantium porro. Inventore saepe ut ad in a. Quo itaque est expedita quidem consectetur enim quam minima, quisquam harum velit, earum adipisci provident, officia eveniet voluptas vero accusamus ad ducimus laudantium!"}),(0,D.jsx)("p",{children:"Consequatur incidunt sequi explicabo adipisci saepe, accusamus, numquam fuga quam ex, provident possimus ratione blanditiis ducimus quos nulla repellat error pariatur nemo nobis illo! Saepe deleniti dolore cumque, sequi similique eligendi consectetur corrupti iste reprehenderit adipisci enim laudantium inventore totam quos non impedit quibusdam et consequuntur blanditiis accusamus! Rerum, nostrum. Rerum, tempore earum officia alias suscipit ut minima recusandae dolorem reprehenderit ea?"}),(0,D.jsx)("p",{children:"Aliquam pariatur ut expedita, repellat architecto aut, consequatur iure recusandae tempora odit consequuntur, nihil nostrum totam accusantium at. Dignissimos repellendus culpa nesciunt. Officia repudiandae, laudantium error iure in minus ratione reprehenderit dolorum alias quo voluptatibus doloremque aliquid exercitationem quidem odit earum natus autem eaque tempore nulla esse sapiente? Dolore aliquid aliquam modi velit quaerat!"}),(0,D.jsx)("p",{children:"Sunt consequuntur, aliquam eius beatae ex odit quasi iusto, accusamus architecto corrupti reprehenderit dolores itaque aliquid veniam odio eaque vel doloremque? Corporis, tenetur delectus deleniti voluptatum autem necessitatibus esse nisi ad, optio cumque quas dignissimos reprehenderit. Optio dolores quam corporis ea, reiciendis eos sit. Voluptate vel esse necessitatibus eum, sunt fuga, quaerat, eos natus quod repellendus nulla voluptatem ut quo quas ipsa animi incidunt autem saepe perferendis. Sequi ratione in iste, quibusdam, neque facilis accusantium, eum rem error sunt a explicabo commodi impedit quam."})]});return t==="bottom"?(0,D.jsxs)("div",{style:{height:"250px",overflow:"auto"},children:[n,a]}):(0,D.jsxs)("div",{style:{height:"250px",overflow:"auto"},children:[a,n]})};Oa.options=Ki;Oa.states=tv;Oa.variants=ov;Oa.defaultOptions=zc;Oa.modifiers=[];Oa.className=Xe.className;var Ri="suggestion",Uc=Ri;var Ro=require("react/jsx-runtime"),ss="k-suggestion-group",av=[],nv={},Fc={layout:"scrollable",scrollingPosition:"start"},Mt=e=>{let{layout:t=Fc.layout,scrollingPosition:o,...a}=e,n=(0,Ro.jsx)("div",{...a,className:s(ss,{"k-suggestion-group-scrollable":t=="scrollable",[`${ss}-scrollable-start`]:o==="start"\|\|o==="both",[`${ss}-scrollable-end`]:o==="end"\|\|o==="both"},e.className),role:"group",children:t==="scrollable"\|\|t==="scrollButtons"?(0,Ro.jsx)("div",{className:"k-suggestions-scroll",children:e.children}):e.children});return t=="scrollButtons"?(0,Ro.jsxs)("div",{className:"k-suggestion-scrollwrap",children:[(0,Ro.jsx)(p,{fillMode:"flat",icon:"chevron-left",size:"xsmall","aria-label":"Scroll left"}),n,(0,Ro.jsx)(p,{fillMode:"flat",icon:"chevron-right",size:"xsmall","aria-label":"Scroll right"})]}):n};Mt.states=av;Mt.options=nv;Mt.className=ss;Mt.defaultOptions=Fc;Mt.moduleName=Ri;Mt.folderName=Uc;var Gc=require("react/jsx-runtime"),rs="k-suggestion",sv=[r.active,r.hover,r.focus],rv={themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary]},iv={text:"Suggestion"},St=e=>{let{themeColor:t,active:o,hover:a,focus:n,text:i,...l}=e;return(0,Gc.jsx)("span",{...l,className:s(e.className,rs,S(rs,{hover:a,active:o,focus:n}),y(rs,{themeColor:t})),role:"button",tabIndex:0,"aria-label":i,children:i})};St.states=sv;St.options=rv;St.className=rs;St.item=iv;var _i=require("react/jsx-runtime");var wi=require("react/jsx-runtime");var Di=require("react/jsx-runtime");var H=require("react/jsx-runtime"),lv=q.states,pv=q.defaultOptions,dv=q.options,cv=[{name:"header",title:"Header"},{name:"pinned",title:"Pinned"},{name:"suggested",title:"Suggested Actions"},{name:"author",title:"Author"},{name:"avatar",title:"Avatar"},{name:"quick",title:"Quick Replies"}],mv=[],Ba=e=>{let{modifiers:t,...o}=e,a={author:null,avatar:null},n=(0,H.jsxs)(Xe,{className:"k-chat-header",positionMode:"sticky",themeColor:"primary",children:[(0,H.jsx)("span",{className:"k-spacer k-spacer-sized k-w-1"}),(0,H.jsx)($t,{children:(0,H.jsx)("span",{children:"Chat with demo bot"})}),(0,H.jsx)("span",{className:"k-spacer"}),(0,H.jsx)($t,{children:(0,H.jsx)(p,{fillMode:"flat",icon:"more-vertical"})})]}),i=(0,H.jsx)(uo,{type:"sender",pinned:!0,content:"Hello! Generate a cover letter.",closeable:!0}),l=(0,H.jsxs)(Mt,{children:[(0,H.jsx)(St,{text:"Provide a CV template"}),(0,H.jsx)(St,{text:"Generate a cover letter"})]}),c=(0,H.jsxs)(Mt,{children:[(0,H.jsx)(St,{themeColor:"primary",text:"Thank you!"}),(0,H.jsx)(St,{themeColor:"primary",text:"Great!"})]}),u="https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg",f=null,N="User",v="Demo Bot";Object.keys(t\|\|{}).forEach(I=>{switch(I){case"header":a.header=t!=null&&t[I]?n:!1;break;case"pinned":a.pinned=t!=null&&t[I]?i:!1;break;case"suggested":a.suggestedActions=t!=null&&t[I]?l:!1;break;case"author":a.author=t!=null&&t[I]?!0:null;break;case"avatar":a.avatar=t!=null&&t[I]?u:null;break;case"quick":a.quickReplies=t!=null&&t[I]?c:(0,H.jsx)(H.Fragment,{});break;default:break}});let{header:m,pinned:L,suggestedActions:M,author:C,avatar:E,quickReplies:A}=a;return(0,H.jsxs)(ic,{value:"Thank you!",style:{minHeight:"100%"},...o,header:m,pinned:L,suggestedActions:M,children:[(0,H.jsx)(ee,{avatar:f,author:C?v:null,children:(0,H.jsx)(V,{text:"Hello, this is a demo bot. How can I help you ?"})}),(0,H.jsx)(ee,{avatar:E?u:null,author:C?N:null,type:"sender",children:(0,H.jsx)(V,{text:"Hello! Generate a cover letter."})}),(0,H.jsx)(ee,{avatar:f,author:C?v:null,children:(0,H.jsx)(V,{text:"Sure. Here is a cover letter template",files:(0,H.jsx)(Ut,{children:(0,H.jsx)(je,{icon:"file-pdf",name:"cover_letter.pdf",size:"1.43MB"})})})}),A]})};Ba.options=dv;Ba.states=lv;Ba.variants=mv;Ba.defaultOptions=pv;Ba.modifiers=cv;Ba.className=q.className;var re=require("react/jsx-runtime"),Hi="k-message",uv=[r.hover,r.selected,r.active,r.focus],fv={},bv=[(0,re.jsx)(p,{icon:"copy",fillMode:"flat","aria-label":"Copy"}),(0,re.jsx)(p,{icon:"arrow-rotate-cw",fillMode:"flat","aria-label":"Retry"}),(0,re.jsx)(p,{icon:"download",fillMode:"flat","aria-label":"Download"})],Pa={time:"Thu Feb 08 2018",text:"How can I help you?",status:"Seen",toolbarItems:bv,failed:"Failed to send"},V=e=>{let{time:t=Pa.time,text:o=Pa.text,content:a,status:n=Pa.status,statusIcon:i,toolbarItems:l=Pa.toolbarItems,hover:c,selected:u,active:f,focus:N,toolbar:v,typing:m,expandable:L,expanded:M,removed:C,files:E,failed:A,...I}=e,F=A===!0?Pa.failed:A;return(0,re.jsxs)("div",{...I,className:s(Hi,e.className,{"k-message-removed":C,"k-message-failed":A}),children:[A&&(0,re.jsx)(W,{className:"k-resend-button",icon:"arrow-rotate-cw",size:"xsmall",fillMode:"clear","aria-label":"Resend"}),(0,re.jsx)(nc,{typing:m,selected:u,hover:c,active:f,focus:N,content:(0,re.jsxs)(re.Fragment,{children:[a,o&&(0,re.jsx)("span",{className:"k-chat-bubble-text",children:o})]}),expandable:L,expanded:M,files:E}),(0,re.jsxs)("div",{className:"k-message-info",children:[n&&(0,re.jsxs)("span",{className:"k-message-status",children:[i&&(0,re.jsx)(g,{icon:i,size:"xsmall"}),n]}),t&&(0,re.jsx)("time",{className:"k-message-time",children:t}),A&&(0,re.jsxs)("span",{className:"k-message-failed-content",children:[A&&(0,re.jsx)(g,{icon:"warning-triangle",size:"xsmall"}),A&&(0,re.jsx)("span",{className:"k-message-failed-text",children:F})]})]}),v&&(0,re.jsx)($,{className:"k-chat-message-toolbar",fillMode:"flat",children:l})]})};V.states=uv;V.options=fv;V.className=Hi;V.moduleName=null;V.folderName=null;V.defaultOptions=Pa;var xv=V;