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/esm/chat/demos/chat.mjs CHANGED Viewed

	@@ -1 +1 @@
1	- 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 E=(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:m,selected:u,disabled:f,indeterminate:N,loading:g,empty:c,readonly:L,highlighted:M,...k}=t;return s({"k-valid":o,"k-invalid":a,"k-hover":n,"k-focus":i,"k-checked":l,"k-active":m,"k-selected":u,"k-disabled":f,"k-indeterminate":N&&!l,"k-loading":g,"k-empty":c,"k-readonly":L,"k-highlighted":M},Object.keys(k).reduce((A,C)=>(C.startsWith("k-")?A[C]=k[C]:A[`k-${C}`]=k[C],A),{}))};function Wa(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"},it={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 jn={};function B(e){return jn[e]=(jn[e]\|\|0)+1,`k-${e}-${jn[e]}`}import{Fragment as Sd,jsx as si}from"react/jsx-runtime";var es="k-font-icon",gd=[],Ld={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]},Md={},fa=e=>{let{size:t,themeColor:o,icon:a,rotate:n,flip:i,...l}=e;return a?si("span",{...l,className:s(e.className,es,E(es,{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"}):si(Sd,{})};fa.states=gd;fa.options=Ld;fa.className=es;fa.defaultOptions=Md;var ri=fa;import{Fragment as Ad,jsx as Ja}from"react/jsx-runtime";var ts="k-svg-icon",kd=[],Cd={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:[it.outline,it.solid,it.duotone]},os={viewBox:"0 0 24 24",variant:it.outline},ba=e=>{let{size:t,themeColor:o,rotate:a,flip:n,viewBox:i=os.viewBox,variant:l=os.variant,icon:m,...u}=e;if(!m)return Ja(Ad,{});if(m==="none")return Ja("span",{...u,className:s(e.className,ts,E("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let f=typeof m=="object"&&m.name&&m.name,N=typeof m=="object"?l&&m.variants?.[l]\|\|m.variants?.outline\|\|m.content:void 0;return Ja("span",{...u,className:s(e.className,ts,E("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:Ja("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof m=="object"?m.viewBox:i,dangerouslySetInnerHTML:N!==void 0?{__html:N}:void 0,children:m?void 0:e.children})})};ba.states=kd;ba.options=Cd;ba.className=ts;ba.defaultOptions=os;var as=ba;importas ns from"@progress/kendo-svg-icons";var ii="icon",li="icons";import{useContext as yd}from"react";import{createContext as Ed}from"react";var pi=Ed({iconsType:"svg"});import{Fragment as di,jsx as xa}from"react/jsx-runtime";var Ya="k-icon",Id=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),Td=[],Od={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:[it.outline,it.solid,it.duotone]},Za={viewBox:"0 0 24 24",type:"svg",variant:it.outline},v=e=>{let{iconsType:t}=yd(pi),{size:o,themeColor:a,icon:n,type:i=t\|\|Za.type,rotate:l,flip:m,viewBox:u=Za.viewBox,variant:f=Za.variant,...N}=e;if(!n)return xa(di,{});if((t\|\|i)==="svg"){if(n==="none")return xa(as,{...N,className:s(e.className,Ya),icon:n,size:o,variant:f});let c=ns[n]?n:Id(`${n}-icon`);return ns[c]?xa(as,{...N,className:s(e.className,Ya),icon:ns[c],size:o,themeColor:a,rotate:l,flip:m,viewBox:u,variant:f}):xa(di,{})}return xa(ri,{...N,className:s(e.className,Ya),icon:n,size:o,themeColor:a,rotate:l,flip:m})};v.states=Td;v.options=Od;v.defaultOptions=Za;v.className=Ya;v.moduleName=ii;v.folderName=li;var ss="button",mi=ss;import{Fragment as ci,jsx as fo,jsxs as ui}from"react/jsx-runtime";var Na="k-button",Bd=["icon-button"],Pd=[r.hover,r.focus,r.active,r.selected,r.disabled,r.generating],Kd={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]},rs={showArrow:!1,arrowIconName:"chevron-down"},p=e=>{let{as:t="button",size:o,rounded:a,fillMode:n,themeColor:i,showArrow:l=rs.showArrow,arrowIconName:m=rs.arrowIconName,variant:u,hover:f,focus:N,active:g,selected:c,disabled:L,togglable:M,ariaDisabled:k,icon:A,iconSize:C,text:y,iconClassName:H,className:le,...Ae}=e,pe=A!=null,ue=e.children!==void 0;return ui(t,{className:s(le,Na,Wa(Na,u),E(Na,{size:o,rounded:a,fillMode:n,themeColor:i}),S(Na,{hover:f,focus:N,active:g,disabled:L\|\|k,selected:c}),{"k-icon-button":!y&&!ue&&pe}),"aria-pressed":M?c?"true":"false":void 0,...Ae,"aria-disabled":k?"true":void 0,disabled:L\|\|void 0,children:[typeof A=="string"&&A&&fo(v,{className:s(H,"k-button-icon"),icon:A,size:C}),A&&typeof A!="string"&&fo(ci,{children:A}),y?ui(ci,{children:[y&&fo("span",{className:"k-button-text",children:y}),e.children]}):e.children&&fo("span",{className:"k-button-text",children:e.children}),l&&fo("span",{className:"k-menu-button-arrow k-button-arrow",children:fo(v,{icon:m})})]})};p.states=Pd;p.options=Kd;p.variants=Bd;p.className=Na;p.defaultOptions=rs;p.moduleName=ss;p.folderName=mi;import{jsx as Rd}from"react/jsx-runtime";var $=e=>Rd(p,{icon:"folder",...e,"aria-label":e["aria-label"]\|\|"Folder",children:void 0});import{jsx as _d}from"react/jsx-runtime";var ha=e=>_d(p,{icon:"folder",children:"Button",...e});import{jsx as wd}from"react/jsx-runtime";var at=e=>wd(p,{children:"Button",...e});import{jsx as is}from"react/jsx-runtime";var Dd=p.options,Hd=p.states,zd={...p.defaultOptions,variant:"text"},Ud=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Fd=[],bo=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return is($,{...o,icon:"star"});case"icon-and-text":return is(ha,{...o,icon:"star",children:"Button"});default:return is(at,{...o,children:"Button"})}};bo.options=Dd;bo.states=Hd;bo.variants=Ud;bo.defaultOptions=zd;bo.modifiers=Fd;bo.className=p.className;import{jsx as fi,jsxs as qd}from"react/jsx-runtime";var Qa="k-fab",$d=[r.hover,r.focus,r.active,r.selected,r.disabled],Xd={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]},bi={type:"button"},te=e=>{let{size:t,rounded:o,themeColor:a,text:n,icon:i,type:l=bi.type,position:m,hover:u,focus:f,active:N,selected:g,disabled:c,...L}=e;return qd("button",{...L,type:l,className:s(e.className,Qa,E(Qa,{size:t,rounded:o,themeColor:a}),S(Qa,{hover:u,focus:f,active:N,disabled:c,selected:g}),{[`!k-pos-absolute k-${m}`]:m}),...!n&&i&&!e["aria-label"]&&{"aria-label":"Action"},...c&&{"aria-disabled":"true"},disabled:c\|\|void 0,children:[i&&fi(v,{className:"k-fab-icon",icon:i}),n&&fi("span",{className:"k-fab-text",children:n})]})};te.states=$d;te.options=Xd;te.className=Qa;te.defaultOptions=bi;te.moduleName="fab";te.folderName="fab";import{jsx as Jd}from"react/jsx-runtime";var Wd="k-fab-items",xi=e=>{let{position:t,...o}=e;return Jd("ul",{...o,className:s(e.className,Wd,{[`k-fab-items-${t}`]:t}),children:e.children})};import{jsx as hi,jsxs as Zd}from"react/jsx-runtime";var Ni="k-fab-item",Yd=[r.hover,r.focus,r.active,r.disabled],ls=e=>{let{text:t,icon:o,align:a,hover:n,focus:i,active:l,disabled:m,...u}=e;return Zd("li",{...u,className:s(e.className,Ni,{[`k-text-${a}`]:a},S(Ni,{hover:n,focus:i,active:l,disabled:m})),children:[hi("span",{className:"k-fab-item-text",children:t}),hi(v,{className:"k-fab-item-icon",icon:o})]})};ls.states=Yd;import{jsx as lg}from"react/jsx-runtime";import{jsx as Qd}from"react/jsx-runtime";var vi=e=>Qd(te,{icon:"plus",...e});import{jsx as bg}from"react/jsx-runtime";import{jsx as vg}from"react/jsx-runtime";import{jsx as xo,jsxs as nm}from"react/jsx-runtime";var jd=te.options,em=te.states,tm={...te.defaultOptions,variant:"text"},om=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],am=[{name:"opened",title:"Opened"}],No=e=>{let{variant:t,modifiers:o,...a}=e,{opened:n}=o\|\|{},i=n?xo("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:xo(xi,{position:"bottom",children:xo(ls,{text:"Item",icon:"pencil",align:"right"})})}):null,l;switch(t){case"icon-only":l=xo(te,{...a,icon:"star"});break;case"icon-and-text":l=xo(te,{...a,icon:"star",text:"Action"});break;default:l=xo(te,{...a,text:"Action"});break}return nm("span",{style:{position:"relative"},children:[l,i]})};No.options=jd;No.states=em;No.variants=om;No.defaultOptions=tm;No.modifiers=am;No.className=te.className;import{jsx as im}from"react/jsx-runtime";var ps="k-input-inner",sm=[],rm={},ja={type:"text",autocomplete:"off",value:"",placeholder:""},fe=e=>{let{value:t=ja.value,type:o=ja.type,placeholder:a=ja.placeholder,autocomplete:n=ja.autocomplete,disabled:i,readOnly:l,...m}=e;return im("input",{...m,type:o,className:s(e.className,ps,E(ps,e)),placeholder:a,autoComplete:n,defaultValue:t,disabled:i\|\|void 0,readOnly:l\|\|void 0})};fe.states=sm;fe.options=rm;fe.className=ps;import{jsx as dm}from"react/jsx-runtime";var ds="k-input-inner",lm=[],pm={},gi={value:"",placeholder:""},va=e=>{let{value:t=gi.value,placeholder:o=gi.placeholder,rows:a,disabled:n,...i}=e;return dm("textarea",{...i,className:s(e.className,ds,E(ds,e)),placeholder:o,rows:a,defaultValue:t,disabled:n\|\|void 0})};va.states=lm;va.options=pm;va.className=ds;var ms="prompt-box",Li=ms;var cs="speech-to-text-button",Mi=cs;import{jsx as mm}from"react/jsx-runtime";var Si="k-speech-to-text-button",ki={icon:"microphone"},Be=e=>{let{listening:t=!1,icon:o=ki.icon,...a}=e;return mm(p,{...a,icon:t?"stop":o,className:s(e.className,Si,{"k-listening":t}),"aria-pressed":t?"true":"false","aria-label":t?"Stop listening":"Start listening"})};Be.states=p.states;Be.options=p.options;Be.className=Si;Be.defaultOptions=ki;Be.moduleName=cs;Be.folderName=Mi;import{jsx as eL}from"react/jsx-runtime";import{jsx as nL}from"react/jsx-runtime";import{jsx as xm}from"react/jsx-runtime";var cm=p.states,Ci={...p.defaultOptions,variant:"normal"},um={...p.options,fillMode:p.options.fillMode.filter(e=>e!=="clear"&&e!=="link")},fm=[],bm=[{name:"normal",title:"Normal"},{name:"listening",title:"Listening"}],ho=e=>{let{variant:t,...o}={...Ci,...e},a={};return t==="listening"&&(a.listening=!0),xm(Be,{...o,...a})};ho.options=um;ho.states=cm;ho.variants=bm;ho.defaultOptions=Ci;ho.modifiers=fm;ho.className=Be.className;import{jsx as qt,jsxs as us}from"react/jsx-runtime";var lt="k-prompt-box",Nm=[r.hover,r.focus,r.disabled],hm={fillMode:[x.undefined,x.solid,x.flat,x.outline]},fs={lineMode:"auto",isExpanded:!1},be=e=>{let{fillMode:t,lineMode:o=fs.lineMode,startAffix:a,endAffix:n,header:i,isExpanded:l=fs.isExpanded,className:m,children:u,value:f,placeholder:N,generating:g,actionButtonConfig:c,speechToTextButtonConfig:L,uploadButtonConfig:M,hover:k,focus:A,disabled:C,...y}=e,H=o==="multi"\|\|o==="auto"&&l;return us("div",{...y,className:s(m,"k-input",lt,{[`${lt}-singleline`]:o==="single",[`${lt}-multiline`]:H,[`k-input-${t}`]:t,"k-hover":k,"k-focus":A,"k-disabled":C}),children:[i&&qt("div",{className:`${lt}-header`,children:i}),us("div",{className:`${lt}-content`,children:[a&&qt("div",{className:`${lt}-affix`,children:a}),o==="single"?qt(fe,{value:f,placeholder:N,className:`${lt}-input`,type:"text","aria-label":"Prompt input"}):qt(va,{value:f,placeholder:N,className:`${lt}-textarea`,rows:o==="multi"\|\|l?3:1,"aria-label":"Prompt input","aria-multiline":"true"}),us("div",{className:`${lt}-affix`,children:[n,M&&qt($,{icon:"paperclip",size:"small",fillMode:"flat",rounded:"full","aria-label":"Attach files",...M}),qt(Be,{size:"small",fillMode:"flat",rounded:"full",...L}),qt($,{icon:g?"stop":"arrow-up",size:"small",rounded:"full",active:g,disabled:!f&&!g,"aria-label":g?"Stop generating":"Send prompt","aria-live":"polite",...c,className:s({"k-generating":g},c?.className)})]})]}),u]})};be.states=Nm;be.options=hm;be.className=lt;be.defaultOptions=fs;be.moduleName=ms;be.folderName=Li;import{jsx as yL}from"react/jsx-runtime";import{jsx as BL}from"react/jsx-runtime";import{jsx as _L}from"react/jsx-runtime";import{jsx as zL}from"react/jsx-runtime";import{jsx as VL}from"react/jsx-runtime";import{Fragment as bs,jsx as yt,jsxs as km}from"react/jsx-runtime";var vm=be.options,gm=be.states,Lm={...be.defaultOptions,variant:"Single"},Mm=[{name:"Single",title:"Singleline"},{name:"Multi",title:"Multiline"}],Sm=[{name:"header",title:"Header"},{name:"endAffix",title:"End Affix"},{name:"startAffix",title:"Start Affix"}],vo=e=>{let{variant:t,modifiers:o,...a}=e,n={},i=yt(bs,{children:yt($,{size:"small",icon:"send",fillMode:"flat"})});return Object.keys(o\|\|{}).forEach(l=>{switch(l){case"header":n.header=o?.[l]?yt(p,{children:"Button in header"}):void 0;break;case"endAffix":o?.[l]&&(n.endAffix=km(bs,{children:[i,yt($,{icon:"paperclip",size:"small",fillMode:"flat"})]}));break;case"startAffix":n.startAffix=o?.[l]?yt(bs,{children:yt($,{icon:"plus",size:"small",fillMode:"flat"})}):void 0;break;default:break}}),t==="Multi"?yt(be,{style:{width:300},lineMode:"multi",endAffix:i,placeholder:"Enter your prompt...",...a,...n}):yt(be,{style:{width:300},lineMode:"single",endAffix:i,placeholder:"Enter your prompt...",...a,...n})};vo.options=vm;vo.states=gm;vo.variants=Mm;vo.defaultOptions=Lm;vo.modifiers=Sm;vo.className=be.className;var xs="chat",Ai=xs;import{Fragment as Ii,jsx as Wt,jsxs as ga}from"react/jsx-runtime";var Ei="k-chat",Cm=[],Am={},Em=ga(Ii,{children:[Wt($,{icon:"paperclip",fillMode:"clear",rounded:"full",size:"small","aria-label":"Attach file"},"paperclip"),Wt("div",{className:"k-spacer"})]}),yi={tools:Em},G=e=>{let{header:t,dir:o,suggestedActions:a,files:n,pinned:i,replied:l,generating:m,tools:u=yi.tools,value:f,empty:N,scrollToBottom:g,scrollbar:c,promptBoxProps:L,...M}=e;return ga("div",{...M,className:s(Ei,e.className),dir:o,children:[t,ga("div",{className:"k-message-list",role:"log","aria-label":"Message list","aria-live":"polite",children:[i,Wt("div",{className:s("k-message-list-content",N&&"k-message-list-content-empty"),children:e.children}),g&&Wt("div",{className:"k-chat-scroll-to-bottom-container",children:Wt(vi,{themeColor:"base",icon:"arrow-down",size:"small"})})]}),c&&Wt("div",{className:"k-separator"}),ga("div",{className:"k-message-box-wrapper",children:[a,Wt(be,{lineMode:"multi",placeholder:"Type a message",generating:m,value:f,header:n\|\|l?ga(Ii,{children:[l,n]}):void 0,endAffix:u,...L})]})]})};G.states=Cm;G.options=Am;G.className=Ei;G.defaultOptions=yi;G.moduleName=xs;G.folderName=Ai;import{jsx as Ti}from"react/jsx-runtime";var tn="k-file-box-wrapper",Oi={layout:"horizontal"},pt=e=>{let{layout:t=Oi.layout,scrollingPosition:o,...a}=e;return Ti("ul",{role:"list","aria-label":"Attached files",...a,className:s(e.className,tn,{"k-files-vertical":t==="vertical","k-files-wrap":t==="wrap",[`${tn}-scrollable-start`]:t==="horizontal"&&(o==="start"\|\|o==="both"),[`${tn}-scrollable-end`]:t==="horizontal"&&(o==="end"\|\|o==="both")}),children:t==="horizontal"?Ti("div",{className:"k-files-scroll",role:"presentation",children:e.children}):e.children})};pt.className=tn;pt.defaultOptions=Oi;var Ns="menu-button",Bi=Ns;import{jsx as Tm}from"react/jsx-runtime";var Pi="k-menu-button",ym=[r.hover,r.focus,r.active,r.selected,r.disabled],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:!0,arrowIconName:"chevron-down"},w=e=>{let{size:t,rounded:o,fillMode:a,themeColor:n,hover:i,focus:l,active:m,selected:u,disabled:f,icon:N,text:g,showArrow:c=hs.showArrow,arrowIconName:L=hs.arrowIconName,expanded:M,...k}=e;return Tm(p,{...k,className:s(e.className,Pi),text:g,size:t,rounded:o,fillMode:a,themeColor:n,hover:i,focus:l,active:m,selected:u,disabled:f,ariaDisabled:f\|\|void 0,icon:N,showArrow:c,arrowIconName:L,"aria-expanded":M?"true":"false",...!g&&N&&!e["aria-label"]&&{"aria-label":"Menu"}})};w.states=ym;w.options=Im;w.className=Pi;w.defaultOptions=hs;w.moduleName=Ns;w.folderName=Bi;import{jsx as AM}from"react/jsx-runtime";import{jsx as TM}from"react/jsx-runtime";import{jsx as KM}from"react/jsx-runtime";var Pe="menu",Ue=Pe;import{jsx as La,jsxs as Ki}from"react/jsx-runtime";var vs="k-menu-item",Om=[r.hover,r.focus,r.active,r.selected,r.disabled],Bm={},Ri={iconPosition:"before"},de=e=>{let{hover:t,focus:o,active:a,selected:n,disabled:i,icon:l,text:m,showArrow:u,arrowIconName:f,iconPosition:N=Ri.iconPosition,dir:g,children:c,expanded:L,...M}=e,k=f;return k\|\|(k=g==="rtl"?"chevron-left":"chevron-right"),Ki("li",{...M,className:s(e.className,vs,"k-item",S(vs,{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:[Ki("span",{className:s("k-link k-menu-link"),children:[l&&N==="before"&&La(v,{className:"k-menu-link-icon",icon:l}),La("span",{className:"k-menu-link-text",children:m}),l&&N==="after"&&La(v,{className:"k-menu-link-icon",icon:l}),u&&La("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:La(v,{icon:k})})]}),c]})};de.states=Om;de.options=Bm;de.className=vs;de.defaultOptions=Ri;de.moduleName=Pe;de.folderName=Ue;import{jsx as Jt,jsxs as _i}from"react/jsx-runtime";var gs="k-menu-item",Pm=[r.hover,r.focus,r.active,r.selected,r.disabled],Km={},Ls={dir:"ltr",iconPosition:"before"},X=e=>{let{hover:t,focus:o,active:a,selected:n,disabled:i,icon:l,text:m,showArrow:u,arrowIconName:f,iconPosition:N=Ls.iconPosition,dir:g=Ls.dir,children:c,popup:L,expanded:M,actions:k,description:A,...C}=e,y=f;return y\|\|(y=g==="rtl"?"chevron-left":"chevron-right"),_i("li",{role:"menuitem",...C,className:s(e.className,gs,"k-item",S(gs,{focus:o,disabled:i})),...u&&{"aria-haspopup":"menu"},...u&&{"aria-expanded":M?"true":"false"},...i&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[_i("span",{className:s("k-link k-menu-link",S("k-menu-link",{hover:t,active:a,selected:n,disabled:i})),children:[l&&N==="before"&&Jt(v,{className:"k-menu-link-icon",icon:l}),Jt("span",{className:"k-menu-link-text",children:m}),l&&N==="after"&&Jt(v,{className:"k-menu-link-icon",icon:l}),k&&Jt("span",{className:"k-menu-link-actions",children:k}),u&&Jt("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:Jt(v,{icon:y})}),A&&Jt("span",{className:"k-menu-link-description",children:A})]}),c,L]})};X.states=Pm;X.options=Km;X.className=gs;X.defaultOptions=Ls;X.moduleName=Pe;X.folderName=Ue;import{jsx as Dm}from"react/jsx-runtime";var wi="k-menu-scroll-wrapper",Rm=[],_m={},wm={},Yt=e=>{let{className:t,children:o,orientation:a,...n}=e;return Dm("div",{...n,className:s(t,wi,{"k-menu-scroll-wrapper-vertical":a==="vertical"}),children:o})};Yt.states=Rm;Yt.options=_m;Yt.className=wi;Yt.defaultOptions=wm;Yt.moduleName=Pe;Yt.folderName=Ue;var Di=Yt;import{Fragment as Ms,jsx as Zt,jsxs as an}from"react/jsx-runtime";var nn="k-menu",Hm=[],zm={size:[d.undefined,d.small,d.medium,d.large]},sn={orientation:"horizontal",header:!0,scrollButtonsPosition:"around"},se=e=>{let{children:t,orientation:o=sn.orientation,header:a=sn.header,scrollable:n,scrollButtonsPosition:i=sn.scrollButtonsPosition,wrapperStyles:l,dir:m,size:u,popup:f,contextMenu:N,...g}=e,c={horizontal:{prev:m!=="rtl"?"left":"right",next:m!=="rtl"?"right":"left"},vertical:{prev:"up",next:"down"}},L=Zt("ul",{dir:m,...g,className:s(e.className,"k-reset",nn,{[`${nn}-${o}`]:o,"k-header":a},E(nn,{size:u})),role:N?"menu":"menubar",...o==="vertical"&&{"aria-orientation":"vertical"},children:t});return an(Ms,{children:[n?an(Di,{orientation:o,style:l,dir:e.dir,children:[i==="start"&&an(Ms,{children:[Zt(p,{fillMode:"flat",size:"xsmall",icon:`chevron-${c[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),Zt(p,{fillMode:"flat",size:"xsmall",icon:`chevron-${c[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),i==="around"&&Zt(p,{fillMode:"flat",size:"xsmall",icon:`chevron-${c[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),L,i==="end"&&an(Ms,{children:[Zt(p,{fillMode:"flat",size:"xsmall",icon:`chevron-${c[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),Zt(p,{fillMode:"flat",size:"xsmall",icon:`chevron-${c[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),i==="around"&&Zt(p,{fillMode:"flat",size:"xsmall",icon:`chevron-${c[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}):L,f]})};se.states=Hm;se.options=zm;se.className=nn;se.defaultOptions=sn;se.moduleName=Pe;se.folderName=Ue;import{jsx as Um}from"react/jsx-runtime";var Ss="k-separator",Hi={orientation:"horizontal"},go=e=>{let{orientation:t=Hi.orientation,...o}=e;return Um("li",{...o,className:s(e.className,"k-item",Ss,{[`${Ss}-${t}`]:t}),role:"separator"})};go.className=Ss;go.defaultOptions=Hi;go.moduleName=Pe;go.folderName=Ue;import{Fragment as pS,jsx as dS}from"react/jsx-runtime";import{jsx as $m}from"react/jsx-runtime";var ks="k-menu-group",Fm=[],Gm={size:[d.undefined,d.small,d.medium,d.large]},Vm={},me=e=>{let{children:t,size:o,...a}=e;return $m("ul",{role:"menu",...a,className:s(e.className,ks,E(ks,{size:o})),children:t})};me.states=Fm;me.options=Gm;me.className=ks;me.defaultOptions=Vm;me.moduleName=Pe;me.folderName=Ue;import{jsx as vS,jsxs as gS}from"react/jsx-runtime";import{Fragment as Xm,jsx as Lo,jsxs as qm}from"react/jsx-runtime";var Cs=e=>Lo(se,{children:qm(Xm,{children:[Lo(de,{text:"Item 1"}),Lo(de,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 2"}),Lo(de,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 3"}),Lo(de,{text:"Item 4"}),Lo(de,{text:"Item 5"})]}),...e});var As="popup",zi=As;import{jsx as Ui}from"react/jsx-runtime";var Fi="k-animation-container",Wm=[],Jm={},Es={positionMode:"absolute",shown:!0},dt=e=>{let{positionMode:t=Es.positionMode,shown:o=Es.shown,animationStyle:a,offset:n,...i}=e;return Ui("div",{...i,style:{...n,...e.style},className:s(e.className,Fi,{"k-animation-container-shown":o,"k-animation-container-fixed":t==="fixed"}),children:Ui("div",{className:"k-child-animation-container",style:a,children:e.children})})};dt.states=Wm;dt.options=Jm;dt.className=Fi;dt.defaultOptions=Es;dt.moduleName=As;dt.folderName=zi;var ys="popup",Gi=ys;import{jsx as Vi}from"react/jsx-runtime";var $i="k-popup",Ym=[],Zm={},Xi={positionMode:"absolute"},q=e=>{let{offset:t,positionMode:o=Xi.positionMode,animationStyle:a,containerClassName:n,containerRole:i,containerAriaLabel:l,...m}=e;return Vi(dt,{positionMode:o,offset:t,animationStyle:a,className:n,role:i,"aria-label":l,children:Vi("div",{...m,className:s(e.className,$i),children:e.children})})};q.states=Ym;q.options=Zm;q.className=$i;q.defaultOptions=Xi;q.moduleName=ys;q.folderName=Gi;import{Fragment as $S,jsx as GS,jsxs as VS}from"react/jsx-runtime";import{Fragment as YS,jsx as JS,jsxs as ZS}from"react/jsx-runtime";import{Fragment as ok,jsx as tk,jsxs as ak}from"react/jsx-runtime";import{Fragment as lk,jsx as ik,jsxs as pk}from"react/jsx-runtime";import{jsx as Qt,jsxs as oc}from"react/jsx-runtime";var Qm={...se.options,scrollable:{type:"boolean"}},jm=se.states,qi={...se.defaultOptions,variant:"horizontal"},ec=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],tc=[{name:"opened",title:"Opened"}],Mo=e=>{let{variant:t,modifiers:o,...a}={...qi,...e},n={},i=t==="vertical"?{left:"200px",top:"30px"}:{left:"90px",top:"auto"};return Object.keys(o\|\|{}).forEach(l=>{l==="opened"&&(n.opened=!!o?.[l],n.popup=o?.[l]?Qt(q,{className:"k-menu-popup",offset:i,children:oc(me,{children:[Qt(X,{text:"Item 1"}),Qt(X,{text:"Item 2"}),Qt(go,{}),Qt(X,{text:"Item 3"})]})}):null)}),t==="vertical"?Qt(Cs,{...a,...n,orientation:"vertical",style:{width:"200px"}}):Qt(Cs,{...a,...n})};Mo.options=Qm;Mo.states=jm;Mo.variants=ec;Mo.defaultOptions=qi;Mo.modifiers=tc;Mo.className=se.className;import{Fragment as Fk,jsx as zk,jsxs as Uk}from"react/jsx-runtime";import{jsx as Xk}from"react/jsx-runtime";import{Fragment as ic,jsx as mt,jsxs as Wi}from"react/jsx-runtime";var ac=p.states,Ji={...p.defaultOptions,variant:"text"},nc=p.options,sc=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],rc=[{name:"opened",title:"Opened"}],So=e=>{let{variant:t,modifiers:o,...a}={...Ji,...e},n={},i=mt(q,{className:"k-menu-popup",children:Wi(me,{size:a.size,children:[mt(X,{text:"Menu Item"}),mt(X,{text:"Menu Item"}),mt(X,{text:"Menu Item"})]})}),l;switch(t){case"icon-only":l=mt("div",{children:mt(w,{...a,...n,icon:"star"})});break;case"icon-and-text":l=mt("div",{children:mt(w,{...a,...n,icon:"star",children:"Dropdown Button"})});break;default:l=mt("div",{children:mt(w,{...a,...n,children:"Dropdown Button"})});break}return Wi(ic,{children:[l,o?.opened&&i]})};So.options=nc;So.states=ac;So.variants=sc;So.defaultOptions=Ji;So.modifiers=rc;So.className=w.className;var Is="file-box",Yi=Is;import{jsx as ko,jsxs as Zi}from"react/jsx-runtime";var Qi="k-file-box",lc=[r.selected],pc={},Ma={icon:"file-pdf",name:"FileName.pdf",size:"2MB",showButton:"true"},Ee=e=>{let{icon:t=Ma.icon,name:o=Ma.name,size:a=Ma.size,status:n,deleted:i,removeButton:l,showButton:m=Ma.showButton,...u}=e,f=[o,a].filter(Boolean).join(" ");return Zi("li",{role:"listitem",tabIndex:0,"aria-label":f\|\|void 0,...u,className:s(Qi,e.className,{"k-file-deleted":i}),children:[ko(v,{icon:t,size:"xlarge","aria-hidden":"true"}),Zi("div",{className:"k-file-info",children:[o&&ko("span",{className:"k-file-name",children:o}),a&&ko("span",{className:"k-file-size",children:a}),n&&ko("span",{className:"k-file-status",children:n})]}),m&&(l?ko(p,{as:"span",icon:"x-circle",fillMode:"flat",size:"xsmall","aria-hidden":"true"}):ko(w,{icon:"more-vertical",fillMode:"flat",size:"xsmall",showArrow:!1,"aria-label":"File actions"}))]})};Ee.states=lc;Ee.options=pc;Ee.className=Qi;Ee.defaultOptions=Ma;Ee.moduleName=Is;Ee.folderName=Yi;import{jsx as LC}from"react/jsx-runtime";import{jsx as AC}from"react/jsx-runtime";import{jsx as OC,jsxs as BC}from"react/jsx-runtime";import{jsx as wC,jsxs as DC}from"react/jsx-runtime";import{jsx as GC}from"react/jsx-runtime";var Ts="button",ji=Ts;import{jsx as uc}from"react/jsx-runtime";var Sa="k-button-group",dc=[r.disabled],mc={fillMode:[x.undefined,x.solid,x.flat,x.outline,x.clear,x.link]},cc={},T=e=>{let{fillMode:t,disabled:o,stretched:a,...n}=e;return uc("div",{role:"group",...n,className:s(e.className,Sa,E(Sa,{fillMode:t}),S(Sa,{disabled:o}),{[`${Sa}-stretched`]:a}),...o&&{"aria-disabled":"true"},children:e.children})};T.states=dc;T.options=mc;T.className=Sa;T.defaultOptions=cc;T.moduleName=Ts;T.folderName=ji;import{Fragment as lA,jsx as iA,jsxs as pA}from"react/jsx-runtime";import{Fragment as bA,jsx as fA,jsxs as xA}from"react/jsx-runtime";import{Fragment as MA,jsx as LA,jsxs as SA}from"react/jsx-runtime";import{Fragment as IA,jsx as yA,jsxs as TA}from"react/jsx-runtime";import{Fragment as _A,jsx as RA,jsxs as wA}from"react/jsx-runtime";import{Fragment as GA,jsx as FA,jsxs as VA}from"react/jsx-runtime";import{jsx as gt,jsxs as Os}from"react/jsx-runtime";var fc={...p.options,...T.options},bc=p.states,xc={...p.defaultOptions,...T.defaultOptions,variant:"text-button"},Nc=[{name:"icon-button",title:"Icon Only"},{name:"text-button",title:"Text"},{name:"icon-text-button",title:"Icon Text"}],hc=[],Co=e=>{let{variant:t,className:o,...a}=e;return t==="icon-button"?Os(T,{fillMode:a.fillMode,className:o,children:[gt(p,{...a,icon:"star"}),gt(p,{...a,icon:"star"}),gt(p,{...a,icon:"star"})]}):t==="icon-text-button"?Os(T,{fillMode:a.fillMode,className:o,children:[gt(p,{...a,icon:"star",children:"First"}),gt(p,{...a,icon:"star",children:"Middle"}),gt(p,{...a,icon:"star",children:"Last"})]}):Os(T,{fillMode:a.fillMode,className:o,children:[gt(p,{...a,children:"First"}),gt(p,{...a,children:"Middle"}),gt(p,{...a,children:"Last"})]})};Co.options=fc;Co.states=bc;Co.variants=Nc;Co.defaultOptions=xc;Co.modifiers=hc;Co.className=T.className;var ka="input",rn=ka;import{jsx as Mc}from"react/jsx-runtime";var ln="k-input",vc=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading,r.readonly],gc={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]},Lc={},J=e=>{let{hover:t,focus:o,disabled:a,invalid:n,valid:i,loading:l,readonly:m,size:u,rounded:f,fillMode:N,...g}=e;return Mc("span",{...g,className:s(e.className,ln,E(ln,{size:u,rounded:f,fillMode:N}),S(ln,{hover:t,focus:o,disabled:a,invalid:n,valid:i,loading:l,readonly:m}))})};J.states=vc;J.options=gc;J.className=ln;J.defaultOptions=Lc;J.moduleName=ka;J.folderName=rn;import{jsx as Ac}from"react/jsx-runtime";var pn="k-picker",Sc=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading,r.readonly],kc={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]},Cc={},ct=e=>{let{hover:t,focus:o,disabled:a,invalid:n,valid:i,loading:l,readonly:m,size:u,rounded:f,fillMode:N,...g}=e;return Ac("span",{...g,className:s(e.className,pn,E(pn,{size:u,rounded:f,fillMode:N}),S(pn,{hover:t,focus:o,disabled:a,invalid:n,valid:i,loading:l,readonly:m})),children:e.children})};ct.states=Sc;ct.options=kc;ct.className=pn;ct.defaultOptions=Cc;ct.moduleName=ka;ct.folderName=rn;import{Fragment as Ic,jsx as Bs}from"react/jsx-runtime";var el="k-clear-value",Ec=[r.disabled,r.loading,r.readonly],yc={},Ke=e=>{let{disabled:t,loading:o,readonly:a,value:n}=e;return t\|\|a\|\|o\|\|!n?Bs(Ic,{}):Bs("span",{className:s(e.className,el),children:Bs(v,{icon:"x"})})};Ke.states=Ec;Ke.options=yc;Ke.className=el;import{jsx as tl,jsxs as Bc}from"react/jsx-runtime";var Ps="k-input-inner",Tc=[],Oc={},jt=e=>{let{value:t,placeholder:o,showValue:a,valueIcon:n,valueIconName:i,...l}=e;return Bc("span",{...l,className:s(e.className,Ps,E(Ps,e)),children:[n,!n&&i&&tl(v,{className:"k-input-value-icon",icon:i}),a&&!t&&o,a&&t&&tl("span",{className:"k-input-value-text",children:t})]})};jt.states=Tc;jt.options=Oc;jt.className=Ps;import{Fragment as Kc,jsx as ol}from"react/jsx-runtime";var al="k-input-loading-icon",Pc=[r.disabled,r.loading],ye=e=>{let{disabled:t,loading:o}=e;return t\|\|!o?ol(Kc,{}):ol("span",{className:s(e.className,al,"k-icon k-i-loading")})};ye.states=Pc;ye.className=al;import{Fragment as wc,jsx as nl}from"react/jsx-runtime";var sl="k-input-validation-icon",Rc=[r.valid,r.invalid,r.disabled,r.loading],_c={},xe=e=>{let{valid:t,invalid:o,disabled:a,loading:n}=e,i=o?"warning-circle":"check-circle";return a\|\|n\|\|!!!(t\|\|o)?nl(wc,{}):nl(v,{className:s(sl),icon:i})};xe.states=Rc;xe.options=_c;xe.className=sl;import{Fragment as zc,jsx as rl}from"react/jsx-runtime";var Dc="k-input-prefix",Hc={direction:"horizontal"},Fe=e=>{let{direction:t=Hc.direction,...o}=e;return e.children?rl("span",{...o,className:s(Dc,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):rl(zc,{})};import{Fragment as Gc,jsx as il}from"react/jsx-runtime";var Uc="k-input-suffix",Fc={direction:"horizontal"},Ge=e=>{let{direction:t=Fc.direction,...o}=e;return e.children?il("span",{...o,className:s(Uc,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):il(Gc,{})};import{jsx as DE}from"react/jsx-runtime";import{jsx as $c}from"react/jsx-runtime";var Vc="k-input-suffix-text",Ks=e=>{let{children:t,...o}=e;return $c("span",{...o,className:s(Vc,e.className),children:t})};import{jsx as qc}from"react/jsx-runtime";var ll="k-input-separator",Xc={direction:"vertical"},Ve=e=>{let{direction:t=Xc.direction,...o}=e;return qc("span",{...o,className:s(ll,e.className,{[`${ll}-${t}`]:t})})};import{Fragment as pl,jsx as ut,jsxs as Rs}from"react/jsx-runtime";var Wc=J.states,Jc=J.defaultOptions,Yc=J.options,Zc=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],Qc=[],Ao=e=>{let{modifiers:t,valid:o,invalid:a,loading:n,disabled:i,readonly:l,...m}=e,u=t?.prefix,f=t?.suffix,N=t?.["clear-button"],g=t?.["validation-icon"],c=t?.separators;return Rs(J,{...m,valid:o,invalid:a,loading:n,disabled:i,readonly:l,style:{width:300},children:[u&&Rs(pl,{children:[ut(Fe,{children:ut(v,{icon:"lock"})}),c&&ut(Ve,{})]}),ut(fe,{placeholder:"Placeholder",value:"Value"}),g&&ut(xe,{valid:o,invalid:a,loading:n,disabled:i}),ut(ye,{loading:n,disabled:i}),N&&ut(Ke,{loading:n,disabled:i,readonly:l,value:"Value"}),f&&Rs(pl,{children:[c&&ut(Ve,{}),ut(Ge,{children:ut(at,{size:m.size,fillMode:"clear",children:"Send"})})]})]})};Ao.options=Yc;Ao.states=Wc;Ao.variants=Qc;Ao.defaultOptions=Jc;Ao.modifiers=Zc;Ao.className=J.className;import{jsx as dl,jsxs as tu}from"react/jsx-runtime";var ml="k-color-preview",jc=[],eu={},It=e=>{let{color:t,iconName:o,...a}=e;return tu("span",{...a,className:s(e.className,ml,{"k-icon-color-preview":o,"k-no-color":!t}),children:[o&&dl(v,{icon:o,className:"k-color-preview-icon"}),dl("span",{className:"k-color-preview-mask",style:{backgroundColor:t}})]})};It.states=jc;It.options=eu;It.className=ml;var _s="action-buttons",cl=_s;import{jsx as nu}from"react/jsx-runtime";var dn="k-actions",ou=[],au={},ws={alignment:"start",orientation:"horizontal"},Re=e=>{let{alignment:t=ws.alignment,orientation:o=ws.orientation,...a}=e;return nu("div",{...a,className:s(dn,{[`${dn}-${t}`]:t,[`${dn}-${o}`]:o},e.className),children:e.children})};Re.states=ou;Re.options=au;Re.className=dn;Re.defaultOptions=ws;Re.moduleName=_s;Re.folderName=cl;var ul=Re;import{jsx as ru}from"react/jsx-runtime";var su="k-actionsheet-footer",fl={alignment:"stretched",orientation:"horizontal"},Tt=e=>{let{alignment:t=fl.alignment,orientation:o=fl.orientation,template:a,as:n=a?"div":Re,...i}=e;return ru(n,{...i,...!a&&{alignment:t,orientation:o},className:s(e.className,su),children:e.children})};var Ds="searchbox",bl=Ds;import{jsx as Ca,jsxs as pu}from"react/jsx-runtime";var xl="k-searchbox",iu=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading],lu={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]},mn={showIcon:!0,showClearButton:!0,icon:"search"},$e=e=>{let{value:t,placeholder:o,size:a,rounded:n,fillMode:i,hover:l,focus:m,valid:u,invalid:f,required:N,loading:g,disabled:c,showIcon:L=mn.showIcon,showClearButton:M=mn.showClearButton,icon:k=mn.icon,"aria-label":A,...C}=e;return pu(J,{...C,size:a,rounded:n,fillMode:i,hover:l,focus:m,valid:u,invalid:f,required:N,loading:g,disabled:c,className:s(e.className,xl),children:[L&&Ca(v,{className:"k-input-icon",icon:k}),Ca(fe,{placeholder:o,value:t,"aria-label":A}),Ca(ye,{...e}),Ca(xe,{...e}),M&&Ca(Ke,{...e})]})};$e.states=iu;$e.options=lu;$e.className=xl;$e.defaultOptions=mn;$e.moduleName=Ds;$e.folderName=bl;import{jsx as Wy}from"react/jsx-runtime";var Hs="textbox",Nl=Hs;import{Fragment as hl,jsx as Ot,jsxs as zs}from"react/jsx-runtime";var vl="k-textbox",du=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading,r.readonly],mu={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={showClearButton:!0,showValidationIcon:!0,separators:!0},ce=e=>{let{size:t,rounded:o,fillMode:a,separators:n=cn.separators,showClearButton:i=cn.showClearButton,showValidationIcon:l=cn.showValidationIcon,prefix:m,suffix:u,type:f,value:N,placeholder:g,hover:c,focus:L,valid:M,invalid:k,required:A,loading:C,disabled:y,readonly:H,id:le,"aria-label":Ae,"aria-describedby":pe,...ue}=e;return zs(J,{...ue,size:t,rounded:o,fillMode:a,hover:c,focus:L,valid:M,invalid:k,required:A,loading:C,disabled:y,readonly:H,className:s(e.className,vl),children:[m&&zs(hl,{children:[Ot(Fe,{children:m}),n&&Ot(Ve,{})]}),Ot(fe,{id:le,placeholder:g,value:N,type:f,disabled:y,"aria-label":Ae,"aria-describedby":pe,"aria-invalid":k?"true":void 0}),l&&Ot(xe,{valid:M,invalid:k,loading:C,disabled:y}),Ot(ye,{loading:C,disabled:y}),i&&Ot(Ke,{loading:C,disabled:y,readonly:H,value:N}),u&&zs(hl,{children:[n&&Ot(Ve,{}),Ot(Ge,{children:u})]})]})};ce.states=du;ce.options=mu;ce.className=vl;ce.defaultOptions=cn;ce.moduleName=Hs;ce.folderName=Nl;var Aa=ce;import{jsx as cu}from"react/jsx-runtime";var un=e=>cu(Aa,{...e});import{Fragment as cI,jsx as mI}from"react/jsx-runtime";import{Fragment as hI,jsx as NI}from"react/jsx-runtime";import{jsx as MI}from"react/jsx-runtime";import{jsx as Us}from"react/jsx-runtime";var uu=ce.states,fu=ce.defaultOptions,bu=ce.options,xu=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],Nu=[],Eo=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(n=>{switch(n){case"prefix":a.prefix=t?.[n]?Us(v,{icon:"lock"}):void 0;break;case"suffix":a.suffix=t?.[n]?Us(at,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":a.showClearButton=t?.[n];break;default:break}}),Us(un,{value:"Value",style:{width:300},...o,...a})};Eo.options=bu;Eo.states=uu;Eo.variants=Nu;Eo.defaultOptions=fu;Eo.modifiers=xu;Eo.className=ce.className;import{jsx as Bt,jsxs as Fs}from"react/jsx-runtime";var gl="k-actionsheet-titlebar",hu={},Ne=e=>{let{title:t,subtitle:o,actionsStart:a,actionsEnd:n,filter:i,input:l,inputValue:m,inputPlaceholder:u,adaptive:f,titleId:N,children:g,...c}=e;return Fs("div",{...c,className:s(e.className,gl),children:[Fs("div",{className:"k-actionsheet-titlebar-group",children:[a&&Bt("div",{className:"k-actionsheet-actions",children:a}),!g&&Fs("div",{className:"k-actionsheet-title",id:N,children:[t&&Bt("div",{className:"k-text-center",children:t}),o&&Bt("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),g&&Bt("div",{className:"k-actionsheet-title",id:N,children:g}),n&&Bt("div",{className:"k-actionsheet-actions",children:n})]}),(l\|\|i)&&Bt("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:l?Bt(ce,{value:m,placeholder:u,size:f?"large":"medium","aria-label":t\|\|u\|\|"Input"}):Bt($e,{placeholder:"Filter",size:f?"large":"medium","aria-label":"Filter options"})})]})};Ne.className=gl;Ne.defaultOptions=hu;import{jsx as Gs,jsxs as Mu}from"react/jsx-runtime";var Vs="k-actionsheet-view",vu=[],gu={},Lu={},yo=e=>{let{adaptive:t,animated:o,children:a,header:n,footer:i,titleId:l,...m}=e,u=n?.type===Ne&&Gs(Ne,{adaptive:t,titleId:l,...n?.props}),f=i?.type===Tt&&Gs(Tt,{...i?.props});return Mu("div",{...m,className:s(e.className,Vs,{[`${Vs}-animated`]:o}),children:[u,Gs("div",{className:"k-actionsheet-content",children:a}),f]})};yo.states=vu;yo.options=gu;yo.className=Vs;yo.defaultOptions=Lu;var Ea="action-sheet",fn=Ea;var $s="overlay",Ll=$s;import{jsx as Au}from"react/jsx-runtime";var Ml="k-overlay",Su=[],ku={},Cu={},ft=e=>{let{...t}=e;return Au("div",{...t,className:s(e.className,Ml),children:e.children})};ft.states=Su;ft.options=ku;ft.className=Ml;ft.defaultOptions=Cu;ft.moduleName=$s;ft.folderName=Ll;import{jsx as bn,jsxs as Iu}from"react/jsx-runtime";var Sl="k-actionsheet",Eu=[],yu={},ya={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},Y=e=>{let{side:t=ya.side,fullscreen:o=ya.fullscreen,adaptive:a=ya.adaptive,overlay:n=ya.overlay,template:i,children:l,header:m,footer:u,id:f,...N}=e,g=f&&!i&&m?`${f}-title`:void 0;return Iu("div",{className:"k-actionsheet-container",children:[n&&bn(ft,{}),bn(dt,{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:bn("div",{...N,id:f,role:"dialog","aria-modal":n?"true":void 0,"aria-labelledby":g,className:s(e.className,Sl,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":a}),children:i\|\|bn(yo,{header:m,footer:u,adaptive:a,titleId:g,...e,children:l})})})]})};Y.states=Eu;Y.options=yu;Y.className=Sl;Y.defaultOptions=ya;Y.moduleName=Ea;Y.folderName=fn;import{jsx as Pu}from"react/jsx-runtime";var kl="k-actionsheet-container",Tu=[],Ou={},Bu={},Io=e=>{let{children:t,...o}=e;return Pu("div",{...o,className:kl,children:t})};Io.states=Tu;Io.options=Ou;Io.className=kl;Io.defaultOptions=Bu;Io.moduleName=Ea;Io.folderName=fn;import{jsx as Ku}from"react/jsx-runtime";var Xs=e=>{let{...t}=e;return Ku("div",{...t,className:s(e.className,"k-list-ul"),children:e.children})};import{Fragment as _u,jsx as Ia,jsxs as qs}from"react/jsx-runtime";var Ws="k-actionsheet-item",Ru=[r.hover,r.focus,r.selected,r.disabled],Pt=e=>{let{iconName:t,text:o,description:a,hover:n,focus:i,selected:l,disabled:m,...u}=e;return qs("span",{...u,className:s(e.className,Ws,S(Ws,{hover:n,focus:i,selected:l,disabled:m})),children:[!e.children&&Ia(_u,{children:qs("span",{className:"k-actionsheet-action",children:[t&&Ia("span",{className:"k-icon-wrap",children:Ia(v,{className:"k-actionsheet-item-icon",icon:t})}),qs("span",{className:"k-actionsheet-item-text",children:[o&&Ia("span",{className:"k-actionsheet-item-title",children:o}),a&&Ia("span",{className:"k-actionsheet-item-description",children:a})]})]})}),e.children]})};Pt.states=Ru;Pt.className=Ws;import{jsx as LT,jsxs as MT}from"react/jsx-runtime";import{jsx as AT}from"react/jsx-runtime";import{jsx as TT}from"react/jsx-runtime";import{jsx as KT}from"react/jsx-runtime";import{jsx as re,jsxs as Js}from"react/jsx-runtime";var wu=Y.options,Du=Y.states,Al={...Y.defaultOptions,variant:"normal"},Hu=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],zu=[{name:"actions",title:"Titlebar Actions",type:"boolean"},{name:"subtitle",title:"Subtitle",type:"boolean"},{name:"footer",title:"Footer",type:"boolean"}],To=e=>{let{variant:t,modifiers:o,...a}={...Al,...e},n={},i=Js(Xs,{children:[re(Pt,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),re(Pt,{text:"Add to Favorites",iconName:"heart"}),re(Pt,{text:"Upload New",iconName:"upload",disabled:!0}),re("hr",{className:"k-hr"}),re(Pt,{text:"Cancel",iconName:"cancel"})]}),l="Choose from the items below",m="Select Item";return t==="fullScreen"&&(n.fullScreen=!0),Object.keys(o\|\|{}).forEach(u=>{switch(u){case"actions":n.actionsStart=!!o?.[u],n.actionsEnd=!!o?.[u];break;case"subtitle":n.subtitle=o?.[u]?l:void 0;break;case"footer":n.footer=!!o?.[u];break;default:break}}),t==="adaptive"?re(Y,{...a,adaptive:!0,fullscreen:n.fullScreen,header:re(Ne,{actionsStart:n.actionsStart?re(p,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:n.actionsEnd?re(p,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:m,subtitle:n.subtitle}),footer:n.footer?Js(Tt,{alignment:"stretched",children:[re(p,{text:"Cancel",size:"large",themeColor:"base"}),re(p,{text:"Apply",size:"large",themeColor:"primary"})]}):void 0,children:i}):re(Y,{...a,fullscreen:n.fullScreen,header:re(Ne,{actionsStart:n.actionsStart?re(p,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:n.actionsEnd?re(p,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:n.subtitle}),footer:n.footer?Js(Tt,{alignment:"stretched",children:[re(p,{text:"Apply",themeColor:"primary"}),re(p,{text:"Cancel",themeColor:"base"})]}):void 0,children:i})};To.options=wu;To.states=Du;To.variants=Hu;To.defaultOptions=Al;To.modifiers=zu;To.className=Y.className;var Ys="slider",El=Ys;import{jsx as Oo,jsxs as Zs}from"react/jsx-runtime";var Ta="k-slider",Uu=[r.hover,r.focus,r.active,r.disabled,r.readonly],Fu={},Xe={type:"single",orientation:"horizontal",gradientType:"1d",readonly:!1,disabled:!1,handlePosition:"end",showButtons:!0,showTicks:!0,value:50,min:0,max:100},V=e=>{let{type:t=Xe.type,orientation:o=Xe.orientation,gradientType:a=Xe.gradientType,readonly:n=Xe.readonly,disabled:i=Xe.disabled,handlePosition:l=Xe.handlePosition,showButtons:m=Xe.showButtons,showTicks:u=Xe.showTicks,value:f=Xe.value,min:N=Xe.min,max:g=Xe.max,startValue:c,endValue:L,hover:M,focus:k,active:A,trackStyle:C,dir:y,...H}=e,Ae=(()=>{if(t==="gradient"&&a==="2d")return"undefined";if(o==="vertical")return"vertical"})(),pe,ue;return o==="horizontal"?(pe=y==="rtl"?"chevron-left":"chevron-right",ue=y==="rtl"?"chevron-right":"chevron-left"):o==="vertical"&&(pe="chevron-up",ue="chevron-down"),Zs("div",{...H,className:s(Ta,e.className,S(Ta,{readonly:n,disabled:i}),{[`k-slider-${o}`]:o,"k-colorgradient-slider":t==="gradient"}),dir:y,children:[m&&Oo(p,{className:"k-button-decrease",rounded:"full",icon:ue,tabIndex:-1,title:"Decrease"}),Zs("div",{className:"k-slider-track-wrap",children:[u&&Oo("ul",{className:"k-reset k-slider-items","aria-hidden":"true",children:e.children}),Zs("div",{className:"k-slider-track",style:C,children:[Oo("div",{className:"k-slider-selection"}),t==="range"&&Oo("span",{className:s("k-draghandle","k-draghandle-start",S(Ta,{hover:M,focus:k,active:A})),role:"slider",tabIndex:i?void 0:0,"aria-valuenow":c??N,"aria-valuemin":N,"aria-valuemax":L??g,"aria-orientation":Ae,"aria-disabled":i?"true":void 0,"aria-readonly":n?"true":void 0,"aria-label":H["aria-label"]?`${H["aria-label"]} start`:"Range start"}),Oo("span",{className:s("k-draghandle",`k-draghandle-${l}`,S(Ta,{hover:M,focus:k,active:A})),role:"slider",tabIndex:i?void 0:0,"aria-valuenow":t==="range"?L??g:f,"aria-valuemin":t==="range"?c??N:N,"aria-valuemax":g,"aria-orientation":Ae,"aria-disabled":i?"true":void 0,"aria-readonly":n?"true":void 0,"aria-label":t==="range"?H["aria-label"]?`${H["aria-label"]} end`:"Range end":H["aria-label"]})]})]}),m&&Oo(p,{className:"k-button-increase",rounded:"full",icon:pe,tabIndex:-1,title:"Increase"})]})};V.states=Uu;V.options=Fu;V.className=Ta;V.defaultOptions=Xe;V.moduleName=Ys;V.folderName=El;import{jsx as yl}from"react/jsx-runtime";var Il="k-tick",Gu=[],Vu={},Tl={label:!1},I=e=>{let{style:t,label:o=Tl.label,orientation:a,large:n,text:i,...l}=e;return yl("li",{...l,role:"presentation",title:i\|\|"Tick",className:s(e.className,Il,{[`k-tick-${a}`]:a,"k-tick-large":n}),style:t,children:o&&yl("span",{className:"k-label",children:i})})};I.states=Gu;I.options=Vu;I.className=Il;I.defaultOptions=Tl;import{Fragment as $u,jsx as qe,jsxs as Xu}from"react/jsx-runtime";var Ol=e=>qe(V,{"aria-label":e["aria-label"]\|\|"Slider",children:Xu($u,{children:[qe(I,{className:"k-first",label:!0,large:!0,text:"0"}),qe(I,{}),qe(I,{}),qe(I,{}),qe(I,{}),qe(I,{label:!0,large:!0,text:"5"}),qe(I,{}),qe(I,{}),qe(I,{}),qe(I,{}),qe(I,{className:"k-last",label:!0,large:!0,text:"10"})]}),...e});import{Fragment as qu,jsx as We,jsxs as Wu}from"react/jsx-runtime";var Bl=e=>We(V,{children:Wu(qu,{children:[We(I,{className:"k-first",label:!0,large:!0,text:"0"}),We(I,{}),We(I,{}),We(I,{}),We(I,{}),We(I,{label:!0,large:!0,text:"5"}),We(I,{}),We(I,{}),We(I,{}),We(I,{}),We(I,{className:"k-last",label:!0,large:!0,text:"10"})]}),"aria-label":e["aria-label"]\|\|"Vertical slider",...e,orientation:"vertical"});import{Fragment as MO,jsx as LO,jsxs as SO}from"react/jsx-runtime";import{Fragment as yO,jsx as EO,jsxs as IO}from"react/jsx-runtime";import{jsx as Ju}from"react/jsx-runtime";var Qs=e=>Ju(V,{type:"gradient",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]\|\|"Color slider"});import{jsx as Yu}from"react/jsx-runtime";var js=e=>Yu(V,{type:"gradient",orientation:"vertical",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]\|\|"Color slider"});import{Fragment as zO,jsx as HO,jsxs as UO}from"react/jsx-runtime";import{Fragment as XO,jsx as $O,jsxs as qO}from"react/jsx-runtime";import{jsx as bt,jsxs as Pl}from"react/jsx-runtime";var Zu=V.options,Qu=V.states,Kl={...V.defaultOptions,variant:"horizontal",label:!0},ju=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],ef=[{name:"label",title:"Labels",default:!0},{name:"tick",title:"Ticks",default:!0},{name:"button",title:"Side Buttons",default:!0}],Bo=e=>{let{variant:t,modifiers:o,...a}=e,n=Kl.label,i={};Object.keys(o\|\|{}).forEach(m=>{switch(m){case"button":{i.showButtons=!!o?.[m];break}case"label":{n=!!o?.[m];break}case"tick":{i.showTicks=!!o?.[m];break}}});let l={"--kendo-slider-start":0,"--kendo-slider-end":60};return t==="vertical"?Pl(Bl,{style:{height:"300px",...l},...a,...i,children:[bt(I,{label:n,large:!0,orientation:"vertical",text:"0",style:{position:"absolute",bottom:"0%"}}),bt(I,{label:n,large:!0,orientation:"vertical",text:"2",style:{position:"absolute",bottom:"25%"}}),bt(I,{label:n,large:!0,orientation:"vertical",text:"4",style:{position:"absolute",bottom:"50%"}}),bt(I,{label:n,large:!0,orientation:"vertical",text:"6",style:{position:"absolute",bottom:"75%"}}),bt(I,{label:n,large:!0,orientation:"vertical",text:"8",style:{position:"absolute",bottom:"100%"}})]}):Pl(Ol,{style:{width:"400px",...l},...a,...i,children:[bt(I,{label:n,large:!0,orientation:"horizontal",text:"0",style:{position:"absolute",left:"0%"}}),bt(I,{label:n,large:!0,orientation:"horizontal",text:"2",style:{position:"absolute",left:"25%"}}),bt(I,{label:n,large:!0,orientation:"horizontal",text:"4",style:{position:"absolute",left:"50%"}}),bt(I,{label:n,large:!0,orientation:"horizontal",text:"6",style:{position:"absolute",left:"75%"}}),bt(I,{label:n,large:!0,orientation:"horizontal",text:"8",style:{position:"absolute",left:"100%"}})]})};Bo.options=Zu;Bo.states=Qu;Bo.variants=ju;Bo.defaultOptions=Kl;Bo.modifiers=ef;Bo.className=V.className;import{jsx as Rl,jsxs as sf}from"react/jsx-runtime";var _l="k-spin-button",af=[],nf={size:[d.undefined,d.small,d.medium,d.large],fillMode:[x.undefined,x.solid,x.flat,x.outline,x.clear,x.link]},er={increaseLabel:"Increase value",decreaseLabel:"Decrease value"},Kt=e=>{let{size:t,fillMode:o,disabled:a,increaseLabel:n=er.increaseLabel,decreaseLabel:i=er.decreaseLabel,...l}=e;return sf("span",{...l,className:s(_l,e.className),children:[Rl(p,{className:"k-spinner-increase",icon:"chevron-up",size:t,fillMode:o,disabled:a,"aria-label":n}),Rl(p,{className:"k-spinner-decrease",icon:"chevron-down",size:t,fillMode:o,disabled:a,"aria-label":i})]})};Kt.states=af;Kt.options=nf;Kt.className=_l;Kt.defaultOptions=er;Kt.moduleName=null;Kt.folderName=null;var wl="numeric-textbox",Dl="numerictextbox";import{Fragment as Hl,jsx as Lt,jsxs as tr}from"react/jsx-runtime";var zl="k-numerictextbox",rf=[r.hover,r.focus,r.valid,r.invalid,r.loading,r.required,r.disabled,r.readonly],lf={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]},xn={showSpinButton:!0,showClearButton:!0,separators:!0},D=e=>{let{size:t,rounded:o,fillMode:a,separators:n=xn.separators,showClearButton:i=xn.showClearButton,showSpinButton:l=xn.showSpinButton,prefix:m,suffix:u,value:f,placeholder:N,hover:g,focus:c,valid:L,invalid:M,required:k,loading:A,disabled:C,readonly:y,id:H,"aria-label":le,"aria-describedby":Ae,...pe}=e;return tr(J,{...pe,size:t,rounded:o,fillMode:a,hover:g,focus:c,valid:L,invalid:M,required:k,loading:A,disabled:C,readonly:y,className:s(e.className,zl),children:[m&&tr(Hl,{children:[Lt(Fe,{children:m}),n&&Lt(Ve,{})]}),Lt(fe,{id:H,placeholder:N,value:f,role:"spinbutton",disabled:C,"aria-label":le,"aria-describedby":Ae,"aria-invalid":M?"true":void 0}),Lt(xe,{valid:L,invalid:M,loading:A,disabled:C}),Lt(ye,{loading:A,disabled:C}),i&&Lt(Ke,{loading:A,disabled:C,readonly:y,value:f}),u&&tr(Hl,{children:[n&&Lt(Ve,{}),Lt(Ge,{children:u})]}),l&&Lt(Kt,{className:"k-input-spinner",size:t,fillMode:a,disabled:C})]})};D.states=rf;D.options=lf;D.className=zl;D.defaultOptions=xn;D.moduleName=wl;D.folderName=Dl;var Oa=D;import{jsx as pf}from"react/jsx-runtime";var Ul=e=>pf(Oa,{...e});import ar from"react";import{jsx as Fl}from"react/jsx-runtime";var df="k-list-group-sticky-header",or=e=>Fl("div",{className:s(df,e.className),children:Fl("div",{className:"k-list-header-text",children:e.children})});import{jsx as cf}from"react/jsx-runtime";var mf="k-no-data",Nn=e=>{let{live:t,...o}=e;return cf("span",{...o,className:s(mf,e.className),"aria-live":t?"polite":void 0,children:e.children})};var eo="list",Po=eo;import{jsx as Gl,jsxs as Vl}from"react/jsx-runtime";var nr="k-list",uf=[],ff={size:[d.undefined,d.small,d.medium,d.large]},bf={},K=e=>{let{size:t,virtualization:o,children:a,header:n,selectAll:i,optionLabel:l,customValue:m,noData:u,screenReaders:f,...N}=e,c=ar.Children.toArray(a)[0],L=c?.props?.children?ar.Children.count(c.props.children):ar.Children.count(a);return Vl("div",{...N,className:s(e.className,nr,E(nr,{size:t}),{"k-virtual-list":o}),children:[l,i,m,n&&Gl(or,{children:n}),a\|\|(u!==void 0?u:Gl(Nn,{live:!0,children:"No data found."})),f&&a&&Vl(Nn,{className:"k-sr-only",live:!0,children:[L," items found."]})]})};K.states=uf;K.options=ff;K.className=nr;K.defaultOptions=bf;K.moduleName=eo;K.folderName=Po;import{jsx as vf}from"react/jsx-runtime";var $l="k-list-container",xf=[],Nf={},hf={},Ko=e=>{let{...t}=e;return vf("div",{...t,className:s(e.className,$l),children:e.children})};Ko.states=xf;Ko.options=Nf;Ko.className=$l;Ko.defaultOptions=hf;Ko.moduleName=eo;Ko.folderName=Po;var to="checkbox",Ro=to;import{jsx as Xl}from"react/jsx-runtime";var hn="k-checkbox",gf=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.checked,r.indeterminate],Lf={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full]},Mf={},_e=e=>{let{id:t,checked:o,indeterminate:a,hover:n,focus:i,disabled:l,invalid:m,valid:u,required:f,size:N,rounded:g,wrapperRole:c,...L}=e;return Xl("span",{className:"k-checkbox-wrap",role:c,children:Xl("input",{...L,id:t,type:"checkbox",defaultChecked:o,required:f,disabled:l\|\|void 0,"aria-invalid":m?"true":void 0,className:s(e.className,hn,E(hn,{size:N,rounded:g}),S(hn,{hover:n,focus:i,disabled:l,invalid:m,valid:u,indeterminate:a,checked:o}))})})};_e.states=gf;_e.options=Lf;_e.className=hn;_e.defaultOptions=Mf;_e.moduleName=to;_e.folderName=Ro;var nt=_e;import{jsx as Cf}from"react/jsx-runtime";var ql="k-checkbox-list",Sf=[],kf={},Wl={layout:"vertical"},he=e=>{let{layout:t=Wl.layout,...o}=e;return Cf("ul",{...o,className:s(e.className,ql,{[`k-list-${t}`]:t}),children:e.children})};he.states=Sf;he.options=kf;he.className=ql;he.defaultOptions=Wl;he.moduleName=to;he.folderName=Ro;import{jsx as If}from"react/jsx-runtime";var Jl="k-checkbox-list-item",Af=[],Ef={},yf={},ve=e=>{let{...t}=e;return If("li",{...t,className:s(e.className,Jl),children:e.children})};ve.states=Af;ve.options=Ef;ve.className=Jl;ve.defaultOptions=yf;ve.moduleName=to;ve.folderName=Ro;import{Fragment as Tf,jsx as Yl,jsxs as Of}from"react/jsx-runtime";var Mt=({children:e="Label",id:t="cb-label-after",...o})=>Of(Tf,{children:[Yl(nt,{id:t,...o}),Yl("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});import{Fragment as NP,jsx as xP,jsxs as hP}from"react/jsx-runtime";import{Fragment as SP,jsx as MP,jsxs as kP}from"react/jsx-runtime";import{Fragment as IP,jsx as yP,jsxs as TP}from"react/jsx-runtime";import{jsx as KP}from"react/jsx-runtime";import{jsx as DP}from"react/jsx-runtime";import{jsx as FP}from"react/jsx-runtime";import{jsx as Je,jsxs as Zl}from"react/jsx-runtime";var Bf=he.options,Pf=he.states,Kf={...he.defaultOptions,variant:"vertical"},Rf=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],_f=[],_o=e=>{let{variant:t,...o}=e;return t==="horizontal"?Zl(he,{layout:"horizontal",...o,children:[Je(ve,{children:Je(Mt,{id:B("cb"),defaultChecked:!0,children:"Label"})}),Je(ve,{children:Je(Mt,{id:B("cb"),children:"Label"})}),Je(ve,{children:Je(Mt,{id:B("cb"),children:"Label"})})]}):Zl(he,{...o,children:[Je(ve,{children:Je(Mt,{id:B("cb"),defaultChecked:!0,children:"Label"})}),Je(ve,{children:Je(Mt,{id:B("cb"),children:"Label"})}),Je(ve,{children:Je(Mt,{id:B("cb"),children:"Label"})})]})};_o.options=Bf;_o.states=Pf;_o.variants=Rf;_o.defaultOptions=Kf;_o.modifiers=_f;_o.className=he.className;import{jsx as Ff}from"react/jsx-runtime";var wf=nt.options,Df=nt.states,Hf=nt.defaultOptions,zf=[],Uf=[],wo=e=>Ff(Mt,{id:B("checkbox"),...e,defaultChecked:!0,children:"Label"});wo.options=wf;wo.states=Df;wo.variants=zf;wo.defaultOptions=Hf;wo.modifiers=Uf;wo.className=nt.className;import{jsx as Do,jsxs as Xf}from"react/jsx-runtime";var sr="k-list-item",Gf=[r.hover,r.focus,r.selected,r.disabled],Vf={},$f={},O=e=>{let{text:t,iconName:o,iconClassName:a,showCheckbox:n,checked:i,hover:l,focus:m,selected:u,disabled:f,actions:N,description:g,id:c,...L}=e,M=t\|\|e.children,k=t\|\|(typeof M=="string"?M:void 0);return Xf("li",{...L,id:c,role:"option",tabIndex:m?0:-1,"aria-selected":u?"true":"false","aria-disabled":f?"true":void 0,className:s(e.className,sr,S(sr,{hover:l,focus:m,disabled:f,selected:u})),children:[n&&Do(_e,{checked:i,disabled:f,"aria-label":k,tabIndex:-1}),o&&Do("span",{className:"k-list-item-icon-wrapper",children:Do(v,{icon:o,className:s("k-list-item-icon",a)})}),Do("span",{className:"k-list-item-text",children:M}),N&&Do("div",{className:"k-list-item-actions",children:N}),g&&Do("span",{className:"k-list-item-description",children:g})]})};O.states=Gf;O.options=Vf;O.className=sr;O.defaultOptions=$f;O.moduleName=eo;O.folderName=Po;import{jsx as Wf}from"react/jsx-runtime";var qf="k-list-ul",Rt=e=>{let{children:t,role:o,id:a,...n}=e;return Wf("ul",{...n,id:a,role:o,className:s(qf,e.className),children:t})};import{jsx as rr,jsxs as Yf}from"react/jsx-runtime";var Jf="k-list-content",z=e=>{let{virtualization:t,grouping:o,"aria-label":a,"aria-labelledby":n,listboxId:i,...l}=e;return Yf("div",{...l,className:s(Jf,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:rr(Rt,{role:"listbox",id:i,"aria-label":a,"aria-labelledby":n,children:e.children}),t&&rr("div",{className:"k-height-container",children:rr("div",{})})]})};import{jsx as ir,jsxs as eb}from"react/jsx-runtime";var vn="k-list-sticky-header",Zf=[r.hover,r.focus,r.selected],Qf={},jf={},gn=e=>{let{label:t="Select all",showCheckbox:o=!0,checked:a,indeterminate:n,hover:i,focus:l,selected:m,...u}=e;return ir("div",{...u,className:s(vn,e.className),children:eb("div",{className:s(`${vn}-item`,S(`${vn}-item`,{hover:i,focus:l,selected:m})),"aria-label":t,...!o&&{tabIndex:0,"aria-selected":m?"true":"false"},children:[o&&ir(_e,{checked:a,indeterminate:n,"aria-label":t}),ir("span",{className:"k-list-item-text",children:t})]})})};gn.states=Zf;gn.options=Qf;gn.className=vn;gn.defaultOptions=jf;import{Fragment as _K,jsx as RK,jsxs as wK}from"react/jsx-runtime";import{jsx as FK,jsxs as GK}from"react/jsx-runtime";import{jsx as nb}from"react/jsx-runtime";var lr="k-list-optionlabel",tb=[r.hover,r.focus,r.selected,r.disabled],ob={},ab={},Ln=e=>{let{text:t,hover:o,focus:a,selected:n,disabled:i,...l}=e;return nb("div",{...l,className:s(lr,S(lr,{hover:o,focus:a,selected:n,disabled:i})),children:t})};Ln.states=tb;Ln.options=ob;Ln.className=lr;Ln.defaultOptions=ab;import{jsx as lb}from"react/jsx-runtime";var pr="k-list-custom-value",sb=[r.hover,r.focus,r.selected,r.disabled],rb={},ib={},_t=e=>{let{text:t,hover:o,focus:a,selected:n,disabled:i,...l}=e;return lb("div",{...l,className:s(pr,S(pr,{hover:o,focus:a,selected:n,disabled:i})),children:t})};_t.states=sb;_t.options=rb;_t.className=pr;_t.defaultOptions=ib;import{Fragment as tR,jsx as eR,jsxs as oR}from"react/jsx-runtime";import{Fragment as lR,jsx as iR,jsxs as pR}from"react/jsx-runtime";import{Fragment as xR,jsx as fR,jsxs as bR}from"react/jsx-runtime";import{Fragment as SR,jsx as LR,jsxs as MR}from"react/jsx-runtime";import{jsx as ER}from"react/jsx-runtime";import{Fragment as PR,jsx as BR,jsxs as KR}from"react/jsx-runtime";import{Fragment as zR,jsx as HR,jsxs as UR}from"react/jsx-runtime";var Ql="dropdown-list",jl="dropdownlist";import{Fragment as mb,jsx as ge,jsxs as dr}from"react/jsx-runtime";var ep="k-dropdownlist",pb=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading,r.readonly],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]},mr={showValue:!0,arrowIconName:"chevron-down"},ne=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:n=mr.arrowIconName,showValue:i=mr.showValue,valueIconName:l,prefix:m,suffix:u,value:f,placeholder:N,hover:g,focus:c,valid:L,invalid:M,required:k,loading:A,disabled:C,readonly:y,popup:H,opened:le,adaptive:Ae,adaptiveSettings:pe,adaptiveTitle:ue,adaptiveSubtitle:Jn,adaptiveFilter:$t,id:Xt,activeDescendant:ua,"aria-label":Yn,...Zn}=e,Qn=Xt?`${Xt}-listbox`:void 0,ni=Xt?`${Xt}-value`:void 0;return dr(mb,{children:[dr(ct,{...Zn,id:Xt,size:t,rounded:o,fillMode:a,hover:g,focus:c,valid:L,invalid:M,required:k,loading:A,disabled:C,readonly:y,className:s(e.className,ep,{"k-icon-picker":!i&&l}),role:"combobox","aria-haspopup":"listbox","aria-expanded":le?"true":"false","aria-controls":le?Qn:void 0,"aria-activedescendant":le&&ua?ua:void 0,"aria-describedby":le?ni:void 0,"aria-disabled":C?"true":void 0,"aria-label":Yn,tabIndex:0,children:[ge(Fe,{children:m}),ge(jt,{placeholder:N,value:f,showValue:i,valueIconName:l,id:ni}),ge(xe,{valid:L,invalid:M,loading:A,disabled:C}),ge(ye,{loading:A,disabled:C}),ge(Ge,{children:u}),ge(p,{className:"k-input-button",icon:n,size:e.size,fillMode:e.fillMode,"aria-label":N\|\|"Toggle dropdown",tabIndex:-1})]}),le&&H&&ge(q,{className:"k-list-container k-dropdownlist-popup",containerRole:"region",containerAriaLabel:"Dropdown suggestions",children:H}),Ae&&ge(Y,{adaptive:!0,...pe,header:ge(Ne,{actionsEnd:ge(p,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),filter:$t,inputValue:f,inputPlaceholder:N,title:ue,subtitle:Jn}),children:ge("div",{className:"k-list-container",children:ge(K,{size:"large",children:dr(z,{"aria-label":"Options",children:[ge(O,{text:"List item"}),ge(O,{text:"List item"}),ge(O,{text:"List item"})]})})})})]})};ne.states=pb;ne.options=db;ne.className=ep;ne.defaultOptions=mr;ne.moduleName=Ql;ne.folderName=jl;import{jsx as M_}from"react/jsx-runtime";import{jsx as y_,jsxs as I_}from"react/jsx-runtime";import{Fragment as D_,jsx as __,jsxs as w_}from"react/jsx-runtime";import{jsx as G_}from"react/jsx-runtime";import{jsx as J_,jsxs as Y_}from"react/jsx-runtime";import{Fragment as s0,jsx as a0,jsxs as n0}from"react/jsx-runtime";import{jsx as d0}from"react/jsx-runtime";import{Fragment as Nb,jsx as wt,jsxs as tp}from"react/jsx-runtime";var cb=ne.states,ub=ne.defaultOptions,fb=ne.options,bb=[{name:"opened",title:"Opened"}],xb=[],zo=e=>{let{modifiers:t,...o}=e,a={},n=tp(Nb,{children:[wt("div",{className:"k-list-filter",children:wt($e,{})}),wt(K,{style:{width:300},size:o.size,children:tp(z,{children:[wt(O,{children:"List item"}),wt(O,{children:"List item"}),wt(O,{children:"List item"})]})})]});return Object.keys(t\|\|{}).forEach(i=>{i==="opened"&&(a.opened=!!t?.[i],a.popup=t?.[i]?n:void 0)}),wt("div",{children:wt(ne,{placeholder:"Value",style:{width:300},...o,...a})})};zo.options=fb;zo.states=cb;zo.variants=xb;zo.defaultOptions=ub;zo.modifiers=bb;zo.className=ne.className;import{Fragment as B0,jsx as O0}from"react/jsx-runtime";import{Fragment as D0,jsx as w0}from"react/jsx-runtime";import{jsx as F0}from"react/jsx-runtime";import{jsx as cr}from"react/jsx-runtime";var hb=D.states,vb=D.defaultOptions,gb=D.options,Lb=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"spin-button",title:"`Spin` Button"}],Mb=[],Uo=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(n=>{switch(n){case"prefix":a.prefix=t?.[n]?cr(ne,{size:o.size,fillMode:"flat",value:"mm"}):void 0;break;case"suffix":a.suffix=t?.[n]?cr(Ks,{children:"mm"}):void 0;break;case"clear-button":a.showClearButton=t?.[n];break;case"spin-button":a.showSpinButton=t?.[n];break;default:break}}),cr(Ul,{value:"Value",style:{width:300},...o,...a})};Uo.options=gb;Uo.states=hb;Uo.variants=Mb;Uo.defaultOptions=vb;Uo.modifiers=Lb;Uo.className=D.className;import{Fragment as Pa,jsx as P,jsxs as Z}from"react/jsx-runtime";var op="k-colorgradient-inputs",Sb=[],kb={size:[d.undefined,d.small,d.medium,d.large]},ap={mode:"rgba"},Fo=e=>{let{mode:t=ap.mode,size:o,...a}=e;return Z("div",{...a,className:s(op,"k-hstack"),children:[P("div",{className:"k-vstack",children:P(p,{fillMode:"flat",icon:"caret-alt-expand",className:"k-colorgradient-toggle-mode",size:o,"aria-label":"Toggle color input format"})}),t==="rgba"&&Z(Pa,{children:[Z("div",{className:"k-vstack",children:[P(D,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Red channel"}),P("label",{className:"k-colorgradient-input-label",children:"R"})]}),Z("div",{className:"k-vstack",children:[P(D,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Green channel"}),P("label",{className:"k-colorgradient-input-label",children:"G"})]}),Z("div",{className:"k-vstack",children:[P(D,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Blue channel"}),P("label",{className:"k-colorgradient-input-label",children:"B"})]}),Z("div",{className:"k-vstack",children:[P(D,{showSpinButton:!1,showClearButton:!1,value:"1.00",size:o,"aria-label":"Alpha channel"}),P("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="rgb"&&Z(Pa,{children:[Z("div",{className:"k-vstack",children:[P(D,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Red channel"}),P("label",{className:"k-colorgradient-input-label",children:"R"})]}),Z("div",{className:"k-vstack",children:[P(D,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Green channel"}),P("label",{className:"k-colorgradient-input-label",children:"G"})]}),Z("div",{className:"k-vstack",children:[P(D,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Blue channel"}),P("label",{className:"k-colorgradient-input-label",children:"B"})]})]}),t==="hsva"&&Z(Pa,{children:[Z("div",{className:"k-vstack",children:[P(D,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),P("label",{className:"k-colorgradient-input-label",children:"H"})]}),Z("div",{className:"k-vstack",children:[P(D,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),P("label",{className:"k-colorgradient-input-label",children:"S"})]}),Z("div",{className:"k-vstack",children:[P(D,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),P("label",{className:"k-colorgradient-input-label",children:"V"})]}),Z("div",{className:"k-vstack",children:[P(D,{showSpinButton:!1,showClearButton:!1,value:"1.00","aria-label":"Alpha channel"}),P("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="hsv"&&Z(Pa,{children:[Z("div",{className:"k-vstack",children:[P(D,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),P("label",{className:"k-colorgradient-input-label",children:"H"})]}),Z("div",{className:"k-vstack",children:[P(D,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),P("label",{className:"k-colorgradient-input-label",children:"S"})]}),Z("div",{className:"k-vstack",children:[P(D,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),P("label",{className:"k-colorgradient-input-label",children:"V"})]})]}),t==="hex"&&P(Pa,{children:Z("div",{className:"k-vstack k-flex-1",children:[P(ce,{showClearButton:!1,value:"#b88484AA",className:"k-hex-value"}),P("label",{className:"k-colorgradient-input-label",children:"HEX"})]})})]})};Fo.states=Sb;Fo.options=kb;Fo.className=op;Fo.defaultOptions=ap;import{jsx as oo,jsxs as ao}from"react/jsx-runtime";var np="k-colorgradient-color-contrast",Cb=[],Ab={},Eb={},Go=()=>ao("div",{className:s(np,"k-vbox"),children:[ao("div",{className:"k-contrast-ratio",children:[oo("span",{className:"k-contrast-ratio-text",children:"Contrast ratio: 7.1"}),ao("span",{className:"k-contrast-validation !k-text-success",children:[oo(v,{icon:"check"}),oo(v,{icon:"check"})]})]}),ao("div",{children:[oo("span",{children:"AA: 4.5"}),ao("span",{className:"k-contrast-validation !k-text-success",children:["Pass",oo(v,{icon:"check"})]})]}),ao("div",{children:[oo("span",{children:"AAA: 7.0"}),ao("span",{className:"k-contrast-validation !k-text-error",children:["Fail",oo(v,{icon:"x"})]})]})]});Go.states=Cb;Go.options=Ab;Go.className=np;Go.defaultOptions=Eb;var sp="color-gradient",rp="colorgradient";import{jsx as Ye,jsxs as Ka}from"react/jsx-runtime";var Mn="k-colorgradient",yb=[r.hover,r.focus,r.readonly,r.disabled],Ib={size:[d.undefined,d.small,d.medium,d.large]},xt={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"},ie=e=>{let{size:t,mode:o=xt.mode,readonly:a=xt.readonly,disabled:n=xt.disabled,gradientStyle:i=xt.gradientStyle,dragHandleStyle:l=xt.dragHandleStyle,alphaStyle:m=xt.alphaStyle,alphaStyleHorizontal:u=xt.alphaStyleHorizontal,contrast:f=xt.contrast,dir:N,hover:g,focus:c,hoverHandle:L,focusHandle:M,canvasOrientation:k=xt.canvasOrientation,role:A,tabIndex:C,...y}=e;return Ka("div",{...y,role:A??"textbox","aria-label":A==="none"?void 0:"Color gradient",tabIndex:C??0,"aria-disabled":n?"true":void 0,className:s(e.className,Mn,E(Mn,{size:t}),S(Mn,{hover:g,focus:c,readonly:a,disabled:n})),dir:N,children:[!k\|\|k==="horizontal"&&Ka("div",{className:"k-colorgradient-canvas k-hstack",children:[Ye("div",{className:"k-hsv-rectangle",style:i,children:Ye("div",{className:"k-hsv-gradient",children:Ye("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})})}),Ka("div",{className:"k-hsv-controls k-hstack",children:[Ye(js,{className:"k-hue-slider",hover:L,focus:M}),o!=="rgb"&&o!=="hsv"&&Ye(js,{className:"k-alpha-slider",hover:L,focus:M,trackStyle:m})]})]}),k==="vertical"&&Ka("div",{className:"k-colorgradient-canvas k-vstack",children:[Ye("div",{className:"k-hsv-rectangle",style:i,children:Ye("div",{className:"k-hsv-gradient",children:Ye("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})})}),Ka("div",{className:"k-hsv-controls k-vstack",children:[Ye(Qs,{className:"k-hue-slider",hover:L,focus:M}),o!=="rgb"&&o!=="hsv"&&Ye(Qs,{className:"k-alpha-slider",hover:L,focus:M,trackStyle:u})]})]}),Ye(Fo,{mode:e.mode,size:t}),f&&Ye(Go,{})]})};ie.states=yb;ie.options=Ib;ie.className=Mn;ie.defaultOptions=xt;ie.moduleName=sp;ie.folderName=rp;import{jsx as Tb}from"react/jsx-runtime";var Sn=e=>Tb(ie,{...e});import{jsx as Ew}from"react/jsx-runtime";import{jsx as Ow}from"react/jsx-runtime";import{jsx as ur}from"react/jsx-runtime";var Ob=ie.options,Bb=ie.states,Pb={...ie.defaultOptions,variant:"rgba"},Kb=[{name:"rgba",title:"RGBA"},{name:"rgb",title:"RGB"},{name:"hex",title:"HEX"}],Rb=[],Vo=e=>{let{variant:t,...o}=e;switch(t){case"hex":return ur(Sn,{...o,mode:t});case"rgb":return ur(Sn,{...o,mode:t});default:return ur(Sn,{...o,mode:t})}};Vo.options=Ob;Vo.states=Bb;Vo.variants=Kb;Vo.defaultOptions=Pb;Vo.modifiers=Rb;Vo.className=ie.className;import{jsx as _b}from"react/jsx-runtime";var fr=e=>_b("tr",{role:"row",children:e.children});import{jsx as Hb}from"react/jsx-runtime";var br="k-colorpalette-tile",wb=[r.hover,r.focus,r.selected],Db={},Dt=e=>{let{color:t,tileSize:o,hover:a,focus:n,selected:i,...l}=e,m={backgroundColor:t,width:o?o+"px":"",height:o?o+"px":""};return Hb("td",{...l,role:"gridcell","aria-label":t,"aria-selected":i?"true":void 0,className:s(e.className,br,S(br,{hover:a,focus:n,selected:i})),style:m})};Dt.states=wb;Dt.options=Db;Dt.className=br;Dt.moduleName=null;Dt.folderName=null;var ip="color-palette",lp="colorpalette";import{jsx as Ra}from"react/jsx-runtime";var kn="k-colorpalette",zb=[r.disabled],Ub={size:[d.undefined,d.small,d.medium,d.large]},pp={columns:10},Ie=e=>{let{size:t,palette:o,columns:a=pp.columns,tileSize:n,disabled:i,...l}=e,m=[];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,g)=>{let c=[];f.slice(gu,(g+1)*u).map((M,k)=>{c.push(Ra(Dt,{color:M,tileSize:n},k))});let L=Ra(fr,{children:c},g);m.push(L)})}return Ra("div",{...l,role:"grid","aria-label":"Color palette",tabIndex:0,"aria-disabled":i?"true":void 0,className:s(e.className,kn,S(kn,{disabled:i}),E(kn,{size:t})),children:Ra("table",{className:"k-colorpalette-table",role:"none",children:Ra("tbody",{children:m.length>0?m:e.children})})})};Ie.states=zb;Ie.options=Ub;Ie.className=kn;Ie.defaultOptions=pp;Ie.moduleName=ip;Ie.folderName=lp;var Cn=Ie;var _a={basic:{colors:["#000000","#7f7f7f","#880015","#ed1c24","#ff7f27","#fff200","#22b14c","#00a2e8","#3f48cc","#a349a4","#ffffff","#c3c3c3","#b97a57","#ffaec9","#ffc90e","#efe4b0","#b5e61d","#99d9ea","#7092be","#c8bfe7"],columns:10},office:{colors:["#ffffff","#000000","#e6e6e6","#435569","#4371c4","#ed7e32","#a5a4a5","#febf04","#5a9bd5","#71ae48","#f2f2f3","#7f7f7f","#d1cece","#d5dde3","#dae1f4","#fce5d4","#deeded","#fff2cc","#deeaf6","#e1efd9","#d7d8d8","#585959","#aeabab","#adbaca","#b4c5e7","#f6caac","#dbdbdb","#ffe498","#bcd6ee","#c5e0b2","#bfbfc0","#3f3f3f","#767070","#8595b1","#8fabdb","#f5b183","#c9c8c9","#fed965","#9bc4e5","#a8d08d","#a5a5a6","#262625","#393939","#334050","#2e5496","#c45a11","#7b7b7a","#bf9000","#2f75b5","#548235","#7f7f7f","#0b0c0c","#161616","#222a34","#203764","#843d0b","#525252","#7f6000","#1d4d79","#375623"],columns:10},apex:{colors:["#ffffff","#000000","#c9c2d1","#69676d","#ceb966","#9cb084","#6bb1c9","#6585cf","#7e6bc9","#a379bb","#f2f2f2","#7f7f7f","#f4f2f5","#e0e0e2","#f5f1e0","#ebefe6","#e1eff4","#e0e6f5","#e5e1f4","#ece4f1","#d8d8d8","#595959","#e9e6ec","#c2c1c5","#ebe3c1","#d7dfcd","#c3dfe9","#c1ceeb","#cbc3e9","#dac9e3","#bfbfbf","#3f3f3f","#dedae3","#a4a3a8","#e1d5a3","#c3cfb5","#a6d0de","#a2b5e2","#b1a6de","#c7aed6","#a5a5a5","#262626","#9688a5","#4e4d51","#ae9638","#758c5a","#3d8da9","#365bb0","#533da9","#7d4d99","#7f7f7f","#0c0c0c","#635672","#343336","#746425","#4e5d3c","#295e70","#243c75","#372970","#533366"],columns:10},austin:{colors:["#ffffff","#000000","#caf278","#3e3d2d","#94c600","#71685a","#ff6700","#909465","#956b43","#fea022","#f2f2f2","#7f7f7f","#f4fce4","#dddcd0","#efffc0","#e3e1dc","#ffe0cb","#e8e9df","#ece1d6","#feecd2","#d8d8d8","#595959","#e9f9c9","#bbb9a1","#dfff82","#c8c3ba","#ffc299","#d2d4c0","#dac3ad","#fed9a6","#bfbfbf","#3f3f3f","#dff7ae","#ada598","#cfff43","#ada598","#ffa365","#bcbfa1","#c8a585","#fec67a","#a5a5a5","#262626","#a9ea25","#2e2d21","#6f9400","#544e43","#bf4d00","#6c6f4b","#6f5032","#d77b00","#7f7f7f","#0c0c0c","#74a50f","#1f1e16","#4a6300","#38342d","#7f3300","#484a32","#4a3521","#8f5200"],columns:10},clarity:{colors:["#ffffff","#292934","#f3f2dc","#d2533c","#93a299","#ad8f67","#726056","#4c5a6a","#808da0","#79463d","#f2f2f2","#e7e7ec","#e7e5b9","#f6dcd8","#e9ecea","#eee8e0","#e4dedb","#d8dde3","#e5e8ec","#e9d6d3","#d8d8d8","#c4c4d1","#d5d185","#edbab1","#d3d9d6","#ded2c2","#c9beb8","#b2bcc8","#ccd1d9","#d3aea7","#bfbfbf","#8a8aa3","#aca73b","#e4978a","#bec7c1","#cdbba3","#af9e94","#8c9bac","#b2bac6","#bd857c","#a5a5a5","#56566e","#56531d","#a43925","#6b7c72","#866b48","#554840","#39434f","#5c697b","#5a342d","#7f7f7f","#3b3b4b","#22210b","#6d2619","#47534c","#594730","#39302b","#262d35","#3d4652","#3c231e"],columns:10},slipstream:{colors:["#ffffff","#000000","#b4dcfa","#212745","#4e67c8","#5eccf3","#a7ea52","#5dceaf","#ff8021","#f14124","#f2f2f2","#7f7f7f","#8bc9f7","#c7cce4","#dbe0f4","#def4fc","#edfadc","#def5ef","#ffe5d2","#fcd9d3","#d8d8d8","#595959","#4facf3","#909aca","#b8c2e9","#beeafa","#dbf6b9","#beebdf","#ffcca6","#f9b3a7","#bfbfbf","#3f3f3f","#0d78c9","#5967af","#94a3de","#9ee0f7","#caf297","#9de1cf","#ffb279","#f68d7b","#a5a5a5","#262626","#063c64","#181d33","#31479f","#11b2eb","#81d319","#34ac8b","#d85c00","#c3260c","#7f7f7f","#0c0c0c","#021828","#101322","#202f6a","#0b769c","#568c11","#22725c","#903d00","#821908"],columns:10},metro:{colors:["#ffffff","#000000","#d6ecff","#4e5b6f","#7fd13b","#ea157a","#feb80a","#00addc","#738ac8","#1ab39f","#f2f2f2","#7f7f7f","#a7d6ff","#d9dde4","#e5f5d7","#fad0e4","#fef0cd","#c5f2ff","#e2e7f4","#c9f7f1","#d8d8d8","#595959","#60b5ff","#b3bcca","#cbecb0","#f6a1c9","#fee29c","#8be6ff","#c7d0e9","#94efe3","#bfbfbf","#3f3f3f","#007dea","#8d9baf","#b2e389","#f272af","#fed46b","#51d9ff","#aab8de","#5fe7d5","#a5a5a5","#262626","#003e75","#3a4453","#5ea226","#af0f5b","#c58c00","#0081a5","#425ea9","#138677","#7f7f7f","#0c0c0c","#00192e","#272d37","#3f6c19","#750a3d","#835d00","#00566e","#2c3f71","#0c594f"],columns:10},flow:{colors:["#ffffff","#000000","#dbf5f9","#04617b","#0f6fc6","#009dd9","#0bd0d9","#10cf9b","#7cca62","#a5c249","#f2f2f2","#7f7f7f","#b2e9f2","#b4ecfc","#c7e2fa","#c4eeff","#c9fafc","#c9faed","#e4f4df","#edf2da","#d8d8d8","#595959","#76d9e8","#6adafa","#90c6f6","#89deff","#93f5f9","#94f6db","#cae9c0","#dbe6b6","#bfbfbf","#3f3f3f","#21b2c8","#20c8f7","#59a9f2","#4fceff","#5df0f6","#5ff2ca","#b0dfa0","#c9da91","#a5a5a5","#262626","#105964","#02485c","#0b5394","#0075a2","#089ca2","#0b9b74","#54a838","#7e9532","#7f7f7f","#0c0c0c","#062328","#01303d","#073763","#004e6c","#05686c","#07674d","#387025","#546321"],columns:10},hardcover:{colors:["#ffffff","#000000","#ece9c6","#895d1d","#873624","#d6862d","#d0be40","#877f6c","#972109","#aeb795","#f2f2f2","#7f7f7f","#e1dca5","#f2e0c6","#f0d0c9","#f6e6d5","#f5f2d8","#e7e5e1","#fbc7bc","#eef0e9","#d8d8d8","#595959","#d0c974","#e6c28d","#e2a293","#eeceaa","#ece5b2","#cfccc3","#f78f7a","#dee2d4","#bfbfbf","#3f3f3f","#a29a36","#daa454","#d4735e","#e6b681","#e2d88c","#b7b2a5","#f35838","#ced3bf","#a5a5a5","#262626","#514d1b","#664515","#65281a","#a2641f","#a39428","#655f50","#711806","#879464","#7f7f7f","#0c0c0c","#201e0a","#442e0e","#431b11","#6c4315","#6d621a","#433f35","#4b1004","#5a6243"],columns:10},trek:{colors:["#ffffff","#000000","#fbeec9","#4e3b30","#f0a22e","#a5644e","#b58b80","#c3986d","#a19574","#c17529","#f2f2f2","#7f7f7f","#f7e09e","#e1d6cf","#fcecd5","#eddfda","#f0e7e5","#f3eae1","#ece9e3","#f5e3d1","#d8d8d8","#595959","#f3cc5f","#c4ad9f","#f9d9ab","#dcc0b6","#e1d0cc","#e7d5c4","#d9d4c7","#ebc7a3","#bfbfbf","#3f3f3f","#d29f0f","#a78470","#f6c781","#cba092","#d2b9b2","#dbc1a7","#c6bfab","#e1ac76","#a5a5a5","#262626","#694f07","#3a2c24","#c87d0e","#7b4b3a","#926255","#a17242","#7b7153","#90571e","#7f7f7f","#0c0c0c","#2a1f03","#271d18","#855309","#523226","#614138","#6b4c2c","#524b37","#603a14"],columns:10},verve:{colors:["#ffffff","#000000","#d2d2d2","#666666","#ff388c","#e40059","#9c007f","#68007f","#005bd3","#00349e","#f2f2f2","#7f7f7f","#bdbdbd","#e0e0e0","#ffd7e8","#ffc6dc","#ffb8f1","#f1b2ff","#c3dcff","#b8cfff","#d8d8d8","#595959","#9d9d9d","#c1c1c1","#ffafd1","#ff8eba","#ff71e4","#e365ff","#87baff","#72a0ff","#bfbfbf","#3f3f3f","#696969","#a3a3a3","#ff87ba","#ff5597","#ff2ad7","#d519ff","#4b98ff","#2b71ff","#a5a5a5","#262626","#343434","#4c4c4c","#e90062","#ab0042","#75005f","#4e005f","#00449e","#002676","#7f7f7f","#0c0c0c","#151515","#333333","#9b0041","#72002c","#4e003f","#34003f","#002d69","#00194f"],columns:10},monochrome:{colors:["#000000","#1a1a1a","#333333","#4d4d4d","#666666","#808080","#999999","#b3b3b3","#cccccc","#e6e6e6","#f2f2f2","#ffffff"],columns:12}};import{jsx as Fb}from"react/jsx-runtime";var dp=e=>Fb(Cn,{palette:_a.basic,...e});import{jsx as cD}from"react/jsx-runtime";import{jsx as hD,jsxs as vD}from"react/jsx-runtime";import{jsx as Jb}from"react/jsx-runtime";var Gb=Ie.options,Vb=Ie.states,$b={...Ie.defaultOptions,variant:"basic"},Xb=[{name:"basic",title:"Basic"},{name:"monochrome",title:"Monochrome"}],qb={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}},Wb=[],$o=e=>{let{variant:t="basic",...o}=e,a=qb[t];return Jb(dp,{columns:a.columns,palette:a,...o})};$o.options=Gb;$o.states=Vb;$o.variants=Xb;$o.defaultOptions=$b;$o.modifiers=Wb;$o.className=Ie.className;var mp="color-editor",cp="coloreditor";import{jsx as Ze,jsxs as Xo}from"react/jsx-runtime";var An="k-coloreditor",Yb=[r.focus],Zb={size:[d.undefined,d.small,d.medium,d.large]},wa={view:"gradient",palette:_a.office,actionButtons:!0,canvasOrientation:"horizontal"},Q=e=>{let{size:t,view:o=wa.view,palette:a=wa.palette,color:n,currentColor:i,focus:l,focusView:m,dir:u,group:f,actionButtons:N=wa.actionButtons,canvasOrientation:g=wa.canvasOrientation,...c}=e;return Xo("div",{...c,role:"textbox","aria-label":"Color editor",tabIndex:0,className:s(e.className,"k-flatcolorpicker",An,E(An,{size:t}),S(An,{focus:l})),dir:u,children:[Xo("div",{className:"k-coloreditor-header k-hstack",children:[Ze("div",{className:"k-coloreditor-header-actions k-hstack",children:f&&Xo(T,{fillMode:"flat",children:[Ze(p,{className:"k-group-start",size:t,fillMode:"flat",icon:"droplet-slider",selected:o==="gradient","aria-label":"Color gradient view"}),Ze(p,{className:"k-group-end",size:t,fillMode:"flat",icon:"palette",selected:o==="palette","aria-label":"Color palette view"})]})}),Ze("div",{className:"k-spacer"}),Xo("div",{className:"k-coloreditor-header-actions k-hstack",children:[Ze(p,{fillMode:"flat",icon:"droplet-slash",size:t,"aria-label":"Reset color"}),Xo("div",{className:"k-coloreditor-preview k-vstack",children:[Ze(It,{className:"k-coloreditor-preview-color",color:n}),Ze(It,{className:"k-coloreditor-current-color",color:i})]})]})]}),Ze("div",{className:"k-coloreditor-views k-vstack",children:o==="gradient"?Ze(ie,{focus:m,size:t,canvasOrientation:g,role:"none",tabIndex:-1}):Ze(Ie,{palette:a,size:t})}),N&&Xo(Re,{className:"k-coloreditor-footer",alignment:"start",children:[Ze(p,{themeColor:"primary",size:t,className:"k-coloreditor-apply",children:"Apply"}),Ze(p,{className:"k-coloreditor-cancel",size:t,children:"Cancel"})]})]})};Q.states=Yb;Q.options=Zb;Q.className=An;Q.defaultOptions=wa;Q.moduleName=mp;Q.folderName=cp;var qo=Q;import{jsx as WD}from"react/jsx-runtime";import{jsx as QD}from"react/jsx-runtime";import{jsx as Qb}from"react/jsx-runtime";var up=e=>Qb(qo,{group:!0,currentColor:"fuchsia",...e});import{jsx as jb}from"react/jsx-runtime";var fp=e=>jb(qo,{view:"palette",group:!0,currentColor:"fuchsia",...e});import{jsx as bp}from"react/jsx-runtime";var ex=Q.options,tx=Q.states,ox={...Q.defaultOptions,variant:"gradient"},ax=[{name:"gradient",title:"Gradient"},{name:"palette",title:"Palette"}],nx=[],Wo=e=>{let{variant:t,...o}=e;return t==="palette"?bp(fp,{...o,color:"white"}):bp(up,{...o,color:"rgba(183, 118 , 118, 1.00)"})};Wo.options=ex;Wo.states=tx;Wo.variants=ax;Wo.defaultOptions=ox;Wo.modifiers=nx;Wo.className=Q.className;var xp="color-picker",Np="colorpicker";import{Fragment as ix,jsx as Qe,jsxs as xr}from"react/jsx-runtime";var hp="k-colorpicker",sx=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled],rx={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]},vp={arrowIconName:"chevron-down"},je=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:n=vp.arrowIconName,prefix:i,suffix:l,value:m,placeholder:u,hover:f,focus:N,valid:g,invalid:c,required:L,disabled:M,valueIconName:k,popup:A,opened:C,adaptive:y,adaptiveSettings:H,adaptiveTitle:le,adaptiveSubtitle:Ae,...pe}=e,ue="colorpicker-popup";return xr(ix,{children:[xr(ct,{...pe,size:t,rounded:o,fillMode:a,hover:f,focus:N,valid:g,invalid:c,required:L,disabled:M,role:"combobox","aria-haspopup":"dialog","aria-expanded":C?"true":"false","aria-controls":C\|\|y?ue:void 0,"aria-label":"Color picker",tabIndex:0,"aria-disabled":M?"true":void 0,className:s(e.className,hp,"k-icon-picker"),children:[Qe(Fe,{children:i}),Qe(jt,{placeholder:u,value:m,showValue:!1,valueIcon:Qe(It,{className:"k-value-icon",color:m,iconName:k}),valueIconName:k}),Qe(Ge,{children:l}),Qe(p,{className:"k-input-button",icon:n,size:t,fillMode:a,tabIndex:-1,"aria-label":"Open color picker",disabled:M})]}),C&&A&&Qe(q,{id:ue,className:"k-colorpicker-popup",children:A}),y&&Qe(Y,{adaptive:!0,id:ue,...H,header:Qe(Ne,{actionsEnd:Qe(p,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply"}),title:le,subtitle:Ae}),footer:xr(Tt,{children:[Qe(p,{text:"Cancel",size:"large"}),Qe(p,{text:"Set",size:"large",themeColor:"primary"})]}),children:Qe(Q,{canvasOrientation:"vertical",size:"large",actionButtons:!1,group:!0})})]})};je.states=sx;je.options=rx;je.className=hp;je.defaultOptions=vp;je.moduleName=xp;je.folderName=Np;var St=je;import{jsx as lx}from"react/jsx-runtime";var En=e=>lx(St,{...e});import{jsx as RH}from"react/jsx-runtime";import{jsx as zH}from"react/jsx-runtime";import{jsx as VH}from"react/jsx-runtime";import{jsx as WH}from"react/jsx-runtime";import{jsx as QH}from"react/jsx-runtime";import{jsx as oz}from"react/jsx-runtime";import{jsx as no}from"react/jsx-runtime";var px=St.options,dx=St.states,gp={...St.defaultOptions,variant:"color"},mx=[{name:"color",title:"Color",default:!0},{name:"no color",title:"No color"},{name:"icon",title:"Icon"}],cx=[{name:"opened",title:"Opened"}],Jo=e=>{let{variant:t,modifiers:o,...a}={...gp,...e},n={};Object.keys(o\|\|{}).forEach(l=>{l==="opened"&&(n.opened=!!o?.[l],n.popup=o?.[l]?no(Q,{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 no("div",{style:i,children:no(En,{...a,...n})});case"icon":return no("div",{style:i,children:no(En,{value:"rgba(183, 118 , 118, 1.00)",valueIconName:"edit-tools",...a,...n})});default:return no("div",{style:i,children:no(En,{value:"rgba(183, 118 , 118, 1.00)",...a,...n})})}};Jo.options=px;Jo.states=dx;Jo.variants=mx;Jo.defaultOptions=gp;Jo.modifiers=cx;Jo.className=St.className;var Nr="combobox",Lp=Nr;import{Fragment as hr,jsx as oe,jsxs as Da}from"react/jsx-runtime";var Mp="k-combobox",ux=[r.hover,r.focus,r.valid,r.invalid,r.loading,r.required,r.disabled,r.readonly],fx={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]},vr={separators:!0,showClearButton:!0},Le=e=>{let{size:t,rounded:o,fillMode:a,separators:n=vr.separators,showClearButton:i=vr.showClearButton,prefix:l,suffix:m,value:u,placeholder:f,hover:N,focus:g,valid:c,invalid:L,required:M,loading:k,disabled:A,popup:C,opened:y,readonly:H,adaptive:le,adaptiveSettings:Ae,adaptiveTitle:pe,adaptiveSubtitle:ue,adaptiveCustomValue:Jn,id:$t,autocomplete:Xt,activeDescendant:ua,"aria-label":Yn,...Zn}=e,Qn=$t?`${$t}-listbox`:void 0;return Da(hr,{children:[Da(J,{...Zn,size:t,rounded:o,fillMode:a,hover:N,focus:g,valid:c,invalid:L,required:M,loading:k,disabled:A,readonly:H,className:s(e.className,Mp),children:[l&&Da(hr,{children:[oe(Fe,{children:l}),n&&oe(Ve,{})]}),oe(fe,{id:$t,placeholder:f,value:u,role:"combobox","aria-haspopup":"listbox","aria-expanded":y?"true":"false","aria-controls":y?Qn:void 0,"aria-activedescendant":y&&ua?ua:void 0,"aria-autocomplete":Xt,"aria-invalid":L?"true":void 0,"aria-busy":k?"true":void 0,"aria-label":Yn,disabled:A,readOnly:H}),oe(xe,{valid:c,invalid:L,loading:k,disabled:A}),oe(ye,{loading:k,disabled:A}),i&&oe(Ke,{loading:k,disabled:A,readonly:H,value:u}),m&&Da(hr,{children:[n&&oe(Ve,{}),oe(Ge,{children:m})]}),oe(p,{className:"k-input-button",icon:"chevron-down",size:t,fillMode:a,"aria-label":"Open popup",tabIndex:-1,disabled:A})]}),y&&C&&oe(q,{className:"k-list-container k-combobox-popup",containerRole:"region",containerAriaLabel:"Combobox suggestions",children:C}),le&&oe(Y,{adaptive:!0,id:$t?`${$t}-adaptive`:void 0,...Ae,header:oe(Ne,{actionsEnd:oe(p,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),input:!0,inputValue:u,inputPlaceholder:f,title:pe,subtitle:ue}),children:oe("div",{className:"k-list-container",children:oe(K,{customValue:Jn?oe(_t,{text:`Use "${u}"`}):void 0,size:"large",children:Da(z,{"aria-label":pe\|\|"Options",children:[oe(O,{text:"List item"}),oe(O,{text:"List item"}),oe(O,{text:"List item"})]})})})})]})};Le.states=ux;Le.options=fx;Le.className=Mp;Le.defaultOptions=vr;Le.moduleName=Nr;Le.folderName=Lp;var we=Le;import{jsx as bx}from"react/jsx-runtime";var Sp=e=>bx(we,{...e});import{jsx as Dz,jsxs as Hz}from"react/jsx-runtime";import{jsx as $z,jsxs as Xz}from"react/jsx-runtime";import{jsx as Qz,jsxs as jz}from"react/jsx-runtime";import{Fragment as s1,jsx as n1}from"react/jsx-runtime";import{Fragment as m1,jsx as d1}from"react/jsx-runtime";import{jsx as N1,jsxs as h1}from"react/jsx-runtime";import{Fragment as A1,jsx as k1,jsxs as C1}from"react/jsx-runtime";import{jsx as T1}from"react/jsx-runtime";import{jsx as K1}from"react/jsx-runtime";import{jsx as z1,jsxs as U1}from"react/jsx-runtime";import{jsx as q1,jsxs as W1}from"react/jsx-runtime";import{jsx as Ht,jsxs as Lx}from"react/jsx-runtime";var xx=Le.states,Nx=Le.defaultOptions,hx=Le.options,vx=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"opened",title:"Opened"}],gx=[],Yo=e=>{let{modifiers:t,...o}=e,a={},n=Ht(K,{style:{width:300},size:o.size,children:Lx(z,{children:[Ht(O,{children:"List item"}),Ht(O,{children:"List item"}),Ht(O,{children:"List item"})]})});return Object.keys(t\|\|{}).forEach(i=>{switch(i){case"prefix":a.prefix=t?.[i]?Ht(v,{icon:"map-marker-target"}):void 0;break;case"suffix":a.suffix=t?.[i]?Ht($,{size:o.size,icon:"copy",fillMode:"clear"}):void 0;break;case"opened":a.opened=!!t?.[i],a.popup=t?.[i]?n:void 0;break;default:break}}),Ht("div",{children:Ht(Sp,{value:"Value",style:{width:300},...o,...a})})};Yo.options=hx;Yo.states=xx;Yo.variants=gx;Yo.defaultOptions=Nx;Yo.modifiers=vx;Yo.className=Le.className;var gr="split-button",kp=gr;import{Fragment as kx,jsx as Lr,jsxs as Cp}from"react/jsx-runtime";var Mr="k-split-button",Mx=[r.hover,r.focus,r.active,r.selected,r.disabled],Sx={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]},Ap={arrowIconName:"chevron-down"},R=e=>{let{size:t,rounded:o,fillMode:a,themeColor:n,hover:i,focus:l,active:m,selected:u,disabled:f,icon:N,text:g,arrowIconName:c=Ap.arrowIconName,popup:L,opened:M,popupId:k,...A}=e;return Cp(kx,{children:[Cp("div",{...A,className:s(e.className,Mr,"k-button-group",E(Mr,{rounded:o})),children:[Lr(p,{text:g,icon:N,size:t,rounded:o,fillMode:a,themeColor:n,hover:i,focus:l,active:m,selected:u,disabled:f,...!g&&!e.children&&N&&{"aria-label":"Action"},children:e.children}),Lr(p,{className:"k-split-button-arrow",icon:c,size:t,rounded:o,fillMode:a,disabled:f,ariaDisabled:f\|\|void 0,"aria-label":"Toggle dropdown","aria-expanded":M?"true":"false","aria-controls":M?k:void 0,tabIndex:-1})]}),M&&L&&Lr(q,{className:"k-menu-popup",children:L})]})};R.states=Mx;R.options=Sx;R.className=Mr;R.defaultOptions=Ap;R.moduleName=gr;R.folderName=kp;var Sr=R;import{jsx as Ax}from"react/jsx-runtime";var Cx="k-toolbar-separator",st=e=>Ax("div",{className:s(Cx,e.className,"k-separator")});var so="toolbar",Zo=so;import{Fragment as kr,jsx as _,jsxs as Qo}from"react/jsx-runtime";var kt="k-toolbar",Ex=[r.focus],yx={size:[d.undefined,d.small,d.medium,d.large],fillMode:[x.undefined,x.solid,x.outline,x.flat]},Ix={scrollButtons:"around"},U=e=>{let{size:t,fillMode:o,focus:a,resizable:n,scrollable:i,scrollButtons:l,scrollingPosition:m,section:u,...f}=e,N=[],g=(c,L)=>{let M=[];if(c.type===p&&c.props.className&&c.props.className.includes("k-toolbar-overflow-button"))M.push(_(p,{...c.props,className:`${c.props.className?c.props.className:""}`},`${L}-${new Date().getTime()}`));else if(c.type===p)M.push(_(p,{...c.props,className:`k-toolbar-button ${c.props.className?c.props.className:""}`},`${L}-${new Date().getTime()}`));else if(c.type===ha)M.push(_(ha,{...c.props,className:`k-toolbar-button ${c.props.className?c.props.className:""}`},`${L}-${new Date().getTime()}`));else if(c.type===$)M.push(_($,{...c.props,className:`k-toolbar-button ${c.props.className?c.props.className:""}`},`${L}-${new Date().getTime()}`));else if(c.type===w)M.push(_(w,{...c.props,className:`k-toolbar-menu-button ${c.props.className?c.props.className:""}`},`${L}-${new Date().getTime()}`));else if(c.type===Sr)M.push(_(Sr,{...c.props,className:`k-toolbar-split-button ${c.props.className?c.props.className:""}`},`${L}-${new Date().getTime()}`));else if(c.type===T\|\|c.props.className&&c.props.className.includes("k-button-group")){let k=[];(Array.isArray(c.props.children)?c.props.children:[c.props.children]).forEach((C,y)=>{k.push(_(p,{...C.props,className:`${C.props.className?C.props.className:""}`},`${y}-${new Date().getTime()}`))}),M.push(_(T,{...c.props,className:`k-toolbar-button-group ${c.props.className?c.props.className:""}`,children:k},`${L}-${new Date().getTime()}`))}else c.type===Le?M.push(_(Le,{...c.props,className:`k-toolbar-combobox ${c.props.className?c.props.className:""}`},`${L}-${new Date().getTime()}`)):c.type===ne?M.push(_(ne,{...c.props,className:`k-toolbar-dropdownlist ${c.props.className?c.props.className:""}`},`${L}-${new Date().getTime()}`)):c.type===je?M.push(_(je,{...c.props,className:`k-toolbar-colorpicker ${c.props.className?c.props.className:""}`},`${L}-${new Date().getTime()}`)):M.push(c);M.forEach(k=>{N.push(k)})};return e.children&&(Array.isArray(e.children)?e.children:[e.children]).forEach((L,M)=>{g(L,M)}),Qo("div",{...f,className:s(e.className,kt,E(kt,{size:t,fillMode:o}),S(kt,{focus:a}),{[`${kt}-resizable`]:n,[`${kt}-scrollable`]:i,[`${kt}-scrollable-overlay`]:i&&l==="hidden",[`${kt}-scrollable-${m}`]:m&&m!=="both",[`${kt}-section`]:u}),role:"toolbar","aria-label":"Toolbar",children:[!i&&N,i&&l==="hidden"&&_("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N}),i&&l==="start"&&Qo(kr,{children:[Qo(T,{children:[_("span",{className:s("k-toolbar-prev","k-button",E("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:_(v,{className:"k-button-icon",icon:"chevron-left"})}),_("span",{className:s("k-toolbar-next","k-button",E("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:_(v,{className:"k-button-icon",icon:"chevron-right"})})]}),_(st,{className:"k-toolbar-button-separator"}),_("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N})]}),i&&l==="end"&&Qo(kr,{children:[_("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N}),_(st,{className:"k-toolbar-button-separator"}),Qo(T,{children:[_("span",{className:s("k-toolbar-prev","k-button",E("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:_(v,{className:"k-button-icon",icon:"chevron-left"})}),_("span",{className:s("k-toolbar-next","k-button",E("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:_(v,{className:"k-button-icon",icon:"chevron-right"})})]})]}),i&&(l==="around"\|\|!l)&&Qo(kr,{children:[_("span",{className:s("k-toolbar-prev","k-button",E("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:_(v,{className:"k-button-icon",icon:"chevron-left"})}),_(st,{className:"k-toolbar-button-separator"}),_("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N}),_(st,{className:"k-toolbar-button-separator"}),_("span",{className:s("k-toolbar-next","k-button",E("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:_(v,{className:"k-button-icon",icon:"chevron-right"})})]})]})};U.states=Ex;U.options=yx;U.className=kt;U.defaultOptions=Ix;U.moduleName=so;U.folderName=Zo;import{jsx as Px}from"react/jsx-runtime";var Cr="k-toolbar-item",Tx=[r.focus],Ox={},Bx={},jo=e=>{let{focus:t,...o}=e;return Px("div",{...o,className:s(e.className,Cr,S(Cr,{focus:t})),children:e.children})};jo.states=Tx;jo.options=Ox;jo.className=Cr;jo.defaultOptions=Bx;jo.moduleName=so;jo.folderName=Zo;import{jsx as Ep}from"react/jsx-runtime";var yp="k-toolbar-popup",Kx=[],Rx={size:[d.undefined,d.small,d.medium,d.large],fillMode:[x.undefined,x.solid,x.outline,x.flat]},_x={},ro=e=>{let{size:t,fillMode:o,section:a,...n}=e;return Ep(q,{...n,className:s(e.className,yp),children:a?Ep("span",{className:s("k-toolbar-items-list",E("k-toolbar-items-list",{size:t,fillMode:o})),role:"toolbar",children:e.children}):e.children})};ro.states=Kx;ro.options=Rx;ro.className=yp;ro.defaultOptions=_x;ro.moduleName=so;ro.folderName=Zo;var yn=ro;import{jsx as eU}from"react/jsx-runtime";import{jsx as nU}from"react/jsx-runtime";import{jsx as lU}from"react/jsx-runtime";import{jsx as fU,jsxs as bU}from"react/jsx-runtime";import{jsx as vU}from"react/jsx-runtime";import{jsx as Ct,jsxs as Ux}from"react/jsx-runtime";var wx=R.states,Ip={...R.defaultOptions,variant:"text"},Dx=R.options,Hx=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],zx=[{name:"opened",title:"Opened"}],ea=e=>{let{variant:t,modifiers:o,...a}={...Ip,...e},n={},i=Ux(me,{size:a.size,children:[Ct(X,{text:"Menu Item"}),Ct(X,{text:"Menu Item"}),Ct(X,{text:"Menu Item"})]});switch(Object.keys(o\|\|{}).forEach(l=>{l==="opened"&&(n.opened=!!o?.[l],n.popup=o?.[l]?i:"")}),t){case"icon-only":return Ct("div",{children:Ct(R,{...a,...n,icon:"star"})});case"icon-and-text":return Ct("div",{children:Ct(R,{...a,...n,icon:"star",children:"Split Button"})});default:return Ct("div",{children:Ct(R,{...a,...n,children:"Split Button"})})}};ea.options=Dx;ea.states=wx;ea.variants=Hx;ea.defaultOptions=Ip;ea.modifiers=zx;ea.className=R.className;import{jsx as io,jsxs as Fx}from"react/jsx-runtime";var Tp=e=>io(U,{children:[io(p,{children:"Button"},"toolbar-button"),io(w,{text:"Menu button"},"toolbar-menu-button"),io(R,{children:"Split button"},"toolbar-split-button"),Fx(T,{children:[io(p,{className:"k-group-start",icon:"align-left",children:"Left"}),io(p,{icon:"align-center",children:"Center"}),io(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});import{jsx as WU,jsxs as JU}from"react/jsx-runtime";import{jsx as De,jsxs as Op}from"react/jsx-runtime";var Bp=e=>De(U,{scrollable:!0,...e,children:[De(p,{children:"Button"},"toolbar-button"),De(w,{text:"Menu button"},"toolbar-menu-button"),De(R,{children:"Split button"},"toolbar-split-button"),Op(T,{children:[De(p,{className:"k-group-start",icon:"align-left",children:"Left"}),De(p,{icon:"align-center",children:"Center"}),De(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),De(p,{children:"Button"},"toolbar-button"),De(w,{text:"Menu button"},"toolbar-menu-button"),De(R,{children:"Split button"},"toolbar-split-button"),Op(T,{children:[De(p,{className:"k-group-start",icon:"align-left",children:"Left"}),De(p,{icon:"align-center",children:"Center"}),De(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});import{jsx as He,jsxs as Pp}from"react/jsx-runtime";var Kp=({scrollingPosition:e="start",...t})=>He(U,{scrollable:!0,scrollButtons:"hidden",scrollingPosition:e,...t,children:[He(p,{children:"Button"},"toolbar-button"),He(w,{text:"Menu button"},"toolbar-menu-button"),He(R,{children:"Split button"},"toolbar-split-button"),Pp(T,{children:[He(p,{className:"k-group-start",icon:"align-left",children:"Left"}),He(p,{icon:"align-center",children:"Center"}),He(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),He(p,{children:"Button"},"toolbar-button"),He(w,{text:"Menu button"},"toolbar-menu-button"),He(R,{children:"Split button"},"toolbar-split-button"),Pp(T,{children:[He(p,{className:"k-group-start",icon:"align-left",children:"Left"}),He(p,{icon:"align-center",children:"Center"}),He(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...t});import{Fragment as Gx,jsx as Te,jsxs as In}from"react/jsx-runtime";var Rp=({fillMode:e,size:t,...o})=>In(Gx,{children:[Te(U,{section:!0,fillMode:e,size:t,children:[Te(p,{fillMode:e,size:t,children:"Button"},"toolbar-button"),In(T,{fillMode:e,children:[Te(p,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),Te(p,{icon:"align-center",fillMode:e,size:t,children:"Center"}),Te(p,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group"),Te(st,{className:"k-toolbar-button-separator"}),Te(p,{icon:"more-horizontal",className:"k-toolbar-overflow-button",fillMode:"flat",size:t,"aria-label":"More options","aria-expanded":"false"})],...o}),In(yn,{size:t,fillMode:e,section:!0,...o,children:[Te(R,{fillMode:e,size:t,children:"Split button"},"toolbar-split-button"),Te(p,{fillMode:e,size:t,children:"Button"},"toolbar-button"),Te(st,{}),Te(w,{text:"Menu button",fillMode:e,size:t},"toolbar-menu-button"),In(T,{fillMode:e,children:[Te(p,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),Te(p,{icon:"align-center",fillMode:e,size:t,children:"Center"}),Te(p,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group")]})]});import{Fragment as y3,jsx as A3,jsxs as E3}from"react/jsx-runtime";import{Fragment as H3,jsx as w3,jsxs as D3}from"react/jsx-runtime";import{jsx as zt}from"react/jsx-runtime";var Vx=U.options,$x=U.states,_p={...U.defaultOptions,variant:"default"},Xx=[{name:"default",title:"Default"},{name:"scrollable",title:"Scrollable"},{name:"overlay",title:"Overlay"},{name:"responsive",title:"Responsive"}],qx=[],ta=e=>{let{variant:t,...o}={..._p,...e};switch(t){case"responsive":return zt("div",{children:zt(Rp,{style:{width:"583px"},...o})});case"overlay":return zt("div",{children:zt(Kp,{style:{width:"583px"},...o,scrollingPosition:"start",scrollButtons:"hidden"})});case"scrollable":return zt("div",{children:zt(Bp,{style:{width:"583px"},...o})});default:return zt("div",{children:zt(Tp,{style:{width:"583px"},...o})})}};ta.options=Vx;ta.states=$x;ta.variants=Xx;ta.defaultOptions=_p;ta.modifiers=qx;ta.className=U.className;var Ar="avatar",wp=Ar;import{jsx as Dp}from"react/jsx-runtime";var Ha="k-avatar";var Wx=[r.hover,r.focus,r.active,r.selected,r.disabled],Jx={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]},Er={type:"text",border:!1},Me=e=>{let{size:t,rounded:o,fillMode:a,themeColor:n,type:i=Er.type,border:l=Er.border,...m}=e;return Dp("div",{...m,className:s(e.className,Ha,E(Ha,{size:t,rounded:o,fillMode:a,themeColor:n}),{[`${Ha}-bordered`]:l}),children:Dp("span",{className:`${Ha}-${i}`,children:e.children})})};Me.states=Wx;Me.options=Jx;Me.className=Ha;Me.defaultOptions=Er;Me.moduleName=Ar;Me.folderName=wp;var lo=Me;import{jsx as Yx}from"react/jsx-runtime";var Hp=e=>Yx(lo,{type:"icon",...e});import{jsx as Zx}from"react/jsx-runtime";var zp=e=>Zx(lo,{type:"text",...e});import{jsx as Qx}from"react/jsx-runtime";var Tn=e=>Qx(lo,{type:"image",...e});import{jsx as k5}from"react/jsx-runtime";import{jsx as za}from"react/jsx-runtime";var jx=Me.options,eN=Me.states,tN={...Me.defaultOptions,variant:"image"},oN=[{name:"image",title:"Image"},{name:"icon",title:"Icon Avatar"},{name:"text",title:"Text Avatar"}],aN=[],oa=e=>{let{variant:t,...o}=e;switch(t){case"icon":return za(Hp,{...o,children:za(v,{icon:"star"})});case"text":return za(zp,{...o,children:"JO"});default:return za(Tn,{...o,children:za("img",{src:"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg"})})}};oa.options=jx;oa.states=eN;oa.variants=oN;oa.defaultOptions=tN;oa.modifiers=aN;oa.className=Me.className;import{jsx as aa,jsxs as yr}from"react/jsx-runtime";var Ua="k-message-group",nN=[r.selected],sN={},On={author:"Bruv",avatar:"/packages/html/assets/avatar.jpg",type:"receiver"},W=e=>{let{type:t=On.type,author:o=On.author,avatar:a=On.avatar,status:n,selected:i,fullWidth:l,...m}=e;return yr("div",{...m,className:s(Ua,e.className,S(Ua,{selected:i}),{[`${Ua}-${t}`]:t,"k-no-avatar":!a,[`${Ua}-full-width`]:l}),children:[a&&!n&&aa(Me,{type:"image",children:aa("img",{src:a,alt:o\|\|""})}),n&&a&&yr("div",{className:"k-chat-user-status-wrapper",children:[aa(Me,{type:"image",children:aa("img",{src:a,alt:o\|\|""})}),aa("div",{className:"k-chat-user-status"})]}),yr("div",{className:"k-message-group-content",children:[o&&aa("span",{className:"k-message-author",children:o}),e.children]})]})};W.states=nN;W.options=sN;W.className=Ua;W.defaultOptions=On;import{Fragment as iN,jsx as Bn,jsxs as Up}from"react/jsx-runtime";var Ir="k-message-reference",rN={},Fp={type:"receiver"},Ut=e=>{let{content:t,closeable:o,pinned:a,type:n=Fp.type,...i}=e;return Up("div",{...i,className:s(Ir,e.className,{[`${Ir}-${n}`]:n,"k-message-pinned":a}),children:[a&&Bn(v,{icon:"pin"}),Bn("div",{className:"k-message-reference-content",children:t}),o&&Up(iN,{children:[Bn("span",{className:"k-spacer"}),Bn(p,{icon:"x-circle",fillMode:"flat",size:"xsmall","aria-label":"Close"})]})]})};Ut.options=rN;Ut.className=Ir;Ut.moduleName=null;Ut.folderName=null;Ut.defaultOptions=Fp;var Tr="bubble",Gp=Tr;import{jsx as Pn,jsxs as pN}from"react/jsx-runtime";var Or="k-bubble",lN=[r.hover,r.active,r.selected,r.focus],Br={expandable:!1,expanded:!1},po=e=>{let{content:t,hover:o,active:a,focus:n,selected:i,expandable:l=Br.expandable,expanded:m=Br.expanded,...u}=e;return pN("div",{...u,className:s(e.className,Or,S(Or,{hover:o,active:a,focus:n,selected:i}),{"k-bubble-expandable":l},{"k-expanded":m}),tabIndex:0,children:[Pn("div",{className:"k-bubble-content",children:t??e.children}),l&&Pn("span",{className:"k-bubble-expandable-indicator",role:"button","aria-label":m?"Show less":"Show more",tabIndex:0,children:m?Pn(v,{icon:"chevron-up"}):Pn(v,{icon:"chevron-down"})})]})};po.states=lN;po.className=Or;po.defaultOptions=Br;po.moduleName=Tr;po.folderName=Gp;import{jsx as nF}from"react/jsx-runtime";import{jsx as lF}from"react/jsx-runtime";import{jsx as cF}from"react/jsx-runtime";import{jsx as Pr,jsxs as $p}from"react/jsx-runtime";var dN="k-chat-bubble",Xp=e=>{let{typing:t,content:o,files:a,...n}=e;return $p(po,{...n,className:s(e.className,dN),children:[t?$p("div",{className:"k-typing-indicator",tabIndex:-1,children:[Pr("span",{}),Pr("span",{}),Pr("span",{})]}):o,a]})};import{jsx as EF}from"react/jsx-runtime";import{jsx as qp,jsxs as mN}from"react/jsx-runtime";var Wp="k-chat-event",Kr={icon:"trash",text:"You deleted Chat history."},Jp=e=>{let{icon:t=Kr.icon,text:o=Kr.text,...a}=e;return mN("div",{...a,className:s(e.className,Wp),children:[t&&qp(v,{className:"k-chat-event-icon",icon:t,size:"xsmall"}),o&&qp("span",{className:"k-chat-event-text",children:o})]})};Jp.className=Wp;Jp.defaultOptions=Kr;import{jsx as wF}from"react/jsx-runtime";import{Fragment as cN,jsx as Nt,jsxs as uN}from"react/jsx-runtime";var Yp=e=>Nt(G,{children:uN(cN,{children:[Nt("div",{className:"k-timestamp",children:"Day, Month 7, 2023"}),Nt(W,{children:Nt(F,{})}),Nt(W,{type:"sender",children:Nt(F,{})}),Nt(W,{children:Nt(F,{text:"Very long message text that tests message overflowing behavior. Very long message text that tests message overflowing behavior."})}),Nt(W,{type:"sender",children:Nt(F,{text:"Unusually_long_word_that_tests_word_break_behavior__unusually_long_word_that_tests_word_break_behavior"})})]}),...e});import{Fragment as XF,jsx as $F,jsxs as qF}from"react/jsx-runtime";import{Fragment as QF,jsx as ZF,jsxs as jF}from"react/jsx-runtime";var Rr="skeleton",Zp=Rr;import{jsx as NN}from"react/jsx-runtime";var _r="k-skeleton",fN=["circle","text","rect"],bN=[],xN={},wr={variant:"text",shape:"text",animation:"pulse"},ht=e=>{let{variant:t,shape:o,animation:a=wr.animation,...n}=e,i=`skeleton-${t\|\|o\|\|wr.variant}`;return NN("span",{...n,className:s(e.className,_r,Wa(_r,i),{[`k-skeleton-${a}`]:a}),style:e.style})};ht.states=bN;ht.options=xN;ht.variants=fN;ht.className=_r;ht.defaultOptions=wr;ht.moduleName=Rr;ht.folderName=Zp;import{jsx as lG}from"react/jsx-runtime";import{jsx as cG}from"react/jsx-runtime";import{jsx as xG}from"react/jsx-runtime";import{Fragment as TG,jsx as yG,jsxs as IG}from"react/jsx-runtime";import{Fragment as RG,jsx as KG,jsxs as _G}from"react/jsx-runtime";var Dr="window",Qp=Dr;import{jsx as LN}from"react/jsx-runtime";var jp="k-window-content",hN=[],vN={},gN={},Ft=e=>{let{children:t,...o}=e;return LN("div",{...o,className:s(jp,e.className),children:t})};Ft.states=hN;Ft.options=vN;Ft.className=jp;Ft.defaultOptions=gN;Ft.moduleName=Dr;Ft.folderName=Qp;var Fa="dialog",Kn=Fa;import{Fragment as kN,jsx as mo,jsxs as Hr}from"react/jsx-runtime";var ed="k-dialog",MN=[],SN={},zr={actionButtonsAlign:"stretched",modal:!0},ze=e=>{let{title:t,actions:o,actionButtons:a,actionButtonsAlign:n=zr.actionButtonsAlign,modal:i=zr.modal,...l}=e,m=t!==void 0?B("dialog-titlebar"):void 0,u=B("dialog-content");return Hr("div",{className:"k-dialog-wrapper",children:[i&&mo(ft,{}),Hr("div",{...l,className:s(e.className,ed,"k-window"),role:"dialog","aria-labelledby":m,"aria-describedby":u,...i&&{"aria-modal":"true"},children:[(t!==void 0\|\|o)&&Hr("div",{className:"k-window-titlebar k-dialog-titlebar",id:m,children:[t!==void 0&&mo("span",{className:"k-window-title k-dialog-title",children:t}),o&&mo(kN,{children:mo("div",{className:"k-window-titlebar-actions k-dialog-titlebar-actions",children:o.map(f=>mo(p,{icon:f,fillMode:"flat",size:"xsmall",className:"k-window-titlebar-action k-dialog-titlebar-action","aria-label":f},f))})})]}),mo(Ft,{className:"k-dialog-content",id:u,children:e.children}),a&&mo(Re,{alignment:n,className:"k-window-actions k-dialog-actions",children:a})]})]})};ze.states=MN;ze.options=SN;ze.className=ed;ze.defaultOptions=zr;ze.moduleName=Fa;ze.folderName=Kn;var Ur=ze;import{jsx as yN}from"react/jsx-runtime";var td="k-dialog-wrapper",CN=[],AN={},EN={},na=e=>{let{...t}=e;return yN("div",{...t,className:s(e.className,td),children:e.children})};na.states=CN;na.options=AN;na.className=td;na.defaultOptions=EN;na.moduleName=Fa;na.folderName=Kn;import{Fragment as od,jsx as Rn,jsxs as IN}from"react/jsx-runtime";var ad=e=>Rn(Ur,{title:"Title",children:Rn(od,{children:"Dialog content"}),actionButtons:IN(od,{children:[Rn(p,{children:"Action"}),Rn(p,{themeColor:"primary",children:"Primary"})]}),actions:["x"],...e});import{Fragment as p6,jsx as d6,jsxs as m6}from"react/jsx-runtime";import{Fragment as RN,jsx as _n,jsxs as _N}from"react/jsx-runtime";var TN=ze.options,ON=[],BN=ze.states,PN=ze.defaultOptions,KN=[],sa=e=>_n(ad,{style:{width:"350px",height:"215px"},...e,title:"Please confirm",actions:["x"],actionButtonsAlign:"stretched",actionButtons:_N(RN,{children:[_n(p,{children:"No"}),_n(p,{themeColor:"primary",children:"Yes"})]}),children:_n("p",{style:{margin:"36px",textAlign:"center"},children:"Are you sure you want to continue?"})});sa.options=TN;sa.states=BN;sa.variants=ON;sa.defaultOptions=PN;sa.modifiers=KN;sa.className=ze.className;var Fr="dropzone",nd=Fr;import{jsx as wn,jsxs as HN}from"react/jsx-runtime";var Gr="k-external-dropzone",wN=[r.disabled,r.hover],DN={},Vr={icon:"upload",hint:"Drag and drop files here to upload"},Se=e=>{let{hover:t,disabled:o,icon:a=Vr.icon,hint:n=Vr.hint,note:i,...l}=e;return wn("div",{...l,className:s(e.className,Gr,S(Gr,{disabled:o}),{"k-external-dropzone-hover":t}),children:HN("div",{className:"k-dropzone-inner",children:[a&&wn(v,{icon:a,className:"k-dropzone-icon",size:"xxxlarge"}),n&&wn("span",{className:"k-dropzone-hint",children:n}),i&&wn("span",{className:"k-dropzone-note",children:i})]})})};Se.states=wN;Se.options=DN;Se.className=Gr;Se.defaultOptions=Vr;Se.moduleName=Fr;Se.folderName=nd;import{jsx as zN}from"react/jsx-runtime";var sd=e=>zN(Se,{...e});import{jsx as _6}from"react/jsx-runtime";import{jsx as XN}from"react/jsx-runtime";var UN=Se.options,FN=Se.states,GN=Se.defaultOptions,VN=[{name:"note",title:"Note"}],$N=[],ra=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(n=>{n==="note"&&(a.note=t?.[n]?"Only JPEG, PNG and SVG files are allowed.":void 0)}),XN(sd,{style:{width:"500px"},...o,...a})};ra.options=UN;ra.states=FN;ra.variants=$N;ra.defaultOptions=GN;ra.modifiers=VN;ra.className=Se.className;import{Fragment as Dn,jsx as Gt,jsxs as Ga}from"react/jsx-runtime";var $r="k-upload-dropzone",qN=[r.hover],Hn=e=>{let{hover:t,status:o,disabled:a,hasFiles:n,filesId:i,...l}=e,m;switch(o){case"uploading":m=Ga(Dn,{children:[Gt(v,{icon:"upload"}),"Uploading..."]});break;case"done":m=Ga(Dn,{children:[Gt(v,{icon:"check"}),"Done"]});break;case"failed":m=Ga(Dn,{children:[Gt(v,{icon:"exclamation-circle"}),"Done"]});break;default:m=Gt(Dn,{});break}return Ga("div",{...l,className:s(e.className,$r,"k-dropzone",S($r,{hover:t})),children:[Ga("div",{className:"k-upload-button-wrap",children:[Gt(p,{className:"k-upload-button","aria-disabled":a?"true":"false",...n&&i?{"aria-controls":i}:{},children:"Select files..."}),Gt("input",{id:"upload-input",className:"k-hidden",tabIndex:-1,"aria-hidden":"true"})]}),Gt("span",{className:s("k-dropzone-hint",{"k-hidden":o!=="upload"}),children:"Drop files here to upload"}),o!=="upload"&&Gt("span",{className:"k-upload-status",children:m})]})};Hn.states=qN;Hn.className=$r;var Xr="upload",rd=Xr;import{jsx as zn,jsxs as ld}from"react/jsx-runtime";var qr="k-upload",WN=[r.hover,r.disabled],JN={},pd={actionsLayout:"end"},id="upload-files-list",ae=e=>{let{async:t,empty:o,actions:a,actionsLayout:n=pd.actionsLayout,hover:i,status:l,disabled:m,...u}=e,f=!!e.children;return ld("div",{...u,className:s(e.className,qr,S(qr,{disabled:m}),{"k-upload-async":t,"k-upload-empty":o}),children:[zn(Hn,{status:l,hover:i,disabled:m,hasFiles:f,filesId:id}),f&&zn("ul",{className:"k-upload-files",role:"list",id,children:e.children}),a&&f&&ld(ul,{alignment:n,orientation:"horizontal",children:[zn(p,{className:"k-clear-selected",children:"Clear"}),zn(p,{themeColor:"primary",className:"k-upload-selected",children:"Upload"})]})]})};ae.states=WN;ae.options=JN;ae.className=qr;ae.defaultOptions=pd;ae.moduleName=Xr;ae.folderName=rd;var Va="progressbar",Un=Va;import{jsx as Jr,jsxs as Wr}from"react/jsx-runtime";var et="k-progressbar",YN=[r.disabled,r.indeterminate],ZN={orientation:["horizontal","vertical"]},co={indeterminate:!1,label:!0,labelPosition:"start",orientation:"horizontal",reverse:!1,value:"0"},ke=e=>{let{disabled:t,height:o,indeterminate:a=co.indeterminate,label:n=co.label,labelPosition:i=co.labelPosition,orientation:l=co.orientation,reverse:m=co.reverse,value:u=co.value,width:f,style:N,ariaLabel:g,...c}=e;return Wr("div",{...c,className:s(e.className,et,S(et,{disabled:t}),{[`${et}-${l}`]:l,[`${et}-indeterminate`]:a,[`${et}-reverse`]:m}),style:{...N,"--kendo-progressbar-value":u,[l==="horizontal"?"height":"width"]:l==="horizontal"?o:f},role:"progressbar","aria-label":g\|\|"progress","aria-valuenow":a?void 0:Number(u),"aria-valuemin":0,"aria-valuemax":100,children:[Jr("span",{className:s("k-progress-status-wrap",{[`k-progress-${i}`]:i&&!a}),children:n&&Wr("span",{className:"k-progress-status",children:[u,"%"]})}),!a&&Jr("div",{className:"k-progressbar-value k-selected",children:Jr("span",{className:s("k-progress-status-wrap",{[`k-progress-${i}`]:i}),children:n&&Wr("span",{className:"k-progress-status",children:[e.value,"%"]})})})]})};ke.states=YN;ke.options=ZN;ke.className=et;ke.defaultOptions=co;ke.moduleName=Va;ke.folderName=Un;var dd=ke;import{jsx as Yr}from"react/jsx-runtime";var md="k-chunk-progressbar",QN=(e,t)=>t<=e-1,jN=[r.disabled,r.indeterminate],eh={},Fn={chunkCount:5,orientation:"horizontal",progress:0},ia=e=>{let{disabled:t,chunkCount:o=Fn.chunkCount,indeterminate:a,orientation:n=Fn.orientation,progress:i=Fn.progress,reverse:l,ariaLabel:m,...u}=e;return Yr("div",{...u,className:s(e.className,et,md,S(et,{disabled:t}),{[`${et}-${n}`]:n,[`${et}-indeterminate`]:a,[`${et}-reverse`]:l}),role:"progressbar","aria-label":m\|\|"progress","aria-valuenow":a?void 0:i,"aria-valuemin":0,"aria-valuemax":o,children:Yr("ul",{className:"k-progressbar-chunks k-reset",children:[...Array(o)].map((f,N)=>Yr("li",{className:s("k-progressbar-chunk",{"k-first":N===0,"k-last":N===[...Array(o)].length-1,"k-selected":QN(i,N)})},N))})})};ia.states=jN;ia.options=eh;ia.className=md;ia.defaultOptions=Fn;ia.moduleName=Va;ia.folderName=Un;import{jsx as th}from"react/jsx-runtime";var $a=e=>th(dd,{...e});import{jsx as S7}from"react/jsx-runtime";import{jsx as Vt}from"react/jsx-runtime";var oh=ke.options,ah=ke.states,cd={...ke.defaultOptions,variant:"start"},nh=[{name:"start",title:"Label start"},{name:"center",title:"Label center"},{name:"end",title:"Label end"},{name:"empty",title:"No label"}],sh=[],la=e=>{let{variant:t,modifiers:o,...a}={...cd,...e},n={},i={style:{width:"324px"}};switch(Object.keys(o\|\|{}).forEach(l=>{switch(l){case"reverse":n.reverse=!!o?.[l];break;case"vertical":n.orientation=o?.[l]?"vertical":void 0,i.style=o?.[l]?void 0:{width:"324px"};break}}),t){case"end":return Vt("div",{...i,children:Vt($a,{...a,...n,labelPosition:"end",value:"50"})});case"center":return Vt("div",{...i,children:Vt($a,{...a,...n,labelPosition:"center",value:"50"})});case"empty":return Vt("div",{...i,children:Vt($a,{...a,...n,label:!1,value:"50"})});default:return Vt("div",{...i,children:Vt($a,{...a,...n,labelPosition:"start",value:"50"})})}};la.options=oh;la.states=ah;la.variants=nh;la.defaultOptions=cd;la.modifiers=sh;la.className=ke.className;import{jsx as Zr,jsxs as ih}from"react/jsx-runtime";var rh="k-file-info",Qr=e=>{let{name:t,size:o,validationMsg:a,...n}=e;return ih("div",{...n,className:s(e.className,rh),children:[t&&Zr("span",{className:"k-file-name",children:t}),o&&Zr("span",{className:"k-file-size",children:o}),a&&Zr("span",{className:"k-file-validation-message","aria-live":"polite",children:a})]})};import{Fragment as ph,jsx as At,jsxs as Gn}from"react/jsx-runtime";var lh="k-file",Oe=e=>{let{status:t,progress:o,name:a,icon:n,size:i,state:l,validationMsg:m,...u}=e;return At("li",{...u,className:s(e.className,lh,{[`k-file-${t}`]:t}),role:"listitem",tabIndex:0,children:Gn("div",{className:"k-file-single",children:[At(ke,{className:s({"k-hidden":t!=="progress"}),value:o,label:!1}),Gn("span",{className:"k-file-icon-wrapper",children:[At(v,{className:"k-file-icon",icon:n,size:"xxlarge"}),l&&At("span",{className:"k-file-state",children:l})]}),At(Qr,{name:a,size:i,validationMsg:m}),At("div",{className:"k-upload-actions",children:t==="progress"?Gn(ph,{children:[Gn("span",{className:"k-upload-pct",children:[o,"%"]}),At(p,{icon:"pause",fillMode:"flat",size:"xsmall",className:"k-upload-action","aria-label":"Pause upload",tabIndex:-1}),At(p,{icon:"cancel",fillMode:"flat",size:"xsmall",className:"k-upload-action","aria-label":"Cancel upload",tabIndex:-1})]}):At(p,{icon:"x",fillMode:"flat",size:"xsmall",className:"k-upload-action","aria-label":"Remove file",tabIndex:-1})})]})})};import{Fragment as j7,jsx as Z7,jsxs as Q7}from"react/jsx-runtime";import{Fragment as dh,jsx as jr,jsxs as mh}from"react/jsx-runtime";var Xa=e=>jr(ae,{async:!0,children:mh(dh,{children:[jr(Oe,{name:"Image_With_Very_Very_Very_Very_Very_Long_Name1.png",icon:"file-image",size:"51.23 KB"}),jr(Oe,{name:"Image2.jpg",icon:"file-image",size:"106.43 KB"})]}),...e});import{Fragment as p9,jsx as i9,jsxs as l9}from"react/jsx-runtime";import{jsx as ch}from"react/jsx-runtime";var ud=e=>ch(ae,{async:!0,empty:!0,...e});import{Fragment as N9,jsx as x9,jsxs as h9}from"react/jsx-runtime";import{Fragment as S9,jsx as M9,jsxs as k9}from"react/jsx-runtime";import{jsx as Et,jsxs as Vn}from"react/jsx-runtime";var uh=ae.options,fh=ae.states,fd={...ae.defaultOptions,variant:"empty"},bh=[{name:"empty",title:"Empty"},{name:"upload",title:"Upload"},{name:"uploading",title:"Uploading"},{name:"success",title:"Success"},{name:"failed",title:"Failed"}],xh=[],pa=e=>{let{variant:t,...o}={...fd,...e};switch(t){case"success":return Vn(Xa,{status:"done",style:{width:"586px"},...o,children:[Et(Oe,{status:"success",validationMsg:"File(s) uploaded successfully.",name:"Image1.png",icon:"file-image"}),Et(Oe,{status:"success",validationMsg:"File(s) uploaded successfully.",name:"Image2.png",icon:"file-image"})]});case"failed":return Vn(Xa,{status:"failed",style:{width:"586px"},...o,children:[Et(Oe,{status:"error",validationMsg:"File type not allowed.",name:"Movie1.mkv",icon:"file-image"}),Et(Oe,{status:"error",validationMsg:"File type not allowed.",name:"Video2.mkv",icon:"file-image"})]});case"uploading":return Vn(Xa,{status:"uploading",style:{width:"586px"},...o,children:[Et(Oe,{progress:"50",status:"progress",name:"Document1.txt",icon:"file-pdf",size:"328.92 KB"}),Et(Oe,{progress:"70",status:"progress",name:"Document2.txt",icon:"file-pdf",size:"225.68 KB"})]});case"upload":return Vn(Xa,{actions:!0,status:"upload",style:{width:"586px"},...o,children:[Et(Oe,{name:"Image1.png",icon:"file-image",size:"51.23 KB"}),Et(Oe,{name:"Image2.jpg",icon:"file-image",size:"106.43 KB"})]});default:return Et(ud,{async:!0,status:"upload",style:{width:"586px"},...o})}};pa.options=uh;pa.states=fh;pa.variants=bh;pa.defaultOptions=fd;pa.modifiers=xh;pa.className=ae.className;import{Fragment as Q9,jsx as Z9,jsxs as j9}from"react/jsx-runtime";import{jsx as a4}from"react/jsx-runtime";import{Fragment as l4,jsx as i4,jsxs as p4}from"react/jsx-runtime";import{Fragment as f4,jsx as u4,jsxs as b4}from"react/jsx-runtime";import{Fragment as g4,jsx as v4,jsxs as L4}from"react/jsx-runtime";import{Fragment as A4,jsx as C4}from"react/jsx-runtime";import{Fragment as gh,jsx as rt,jsxs as qa}from"react/jsx-runtime";var bd="k-message",Nh=[r.hover,r.selected,r.active,r.focus],hh={},vh=[rt(p,{icon:"copy",fillMode:"flat","aria-label":"Copy"}),rt(p,{icon:"arrow-rotate-cw",fillMode:"flat","aria-label":"Retry"}),rt(p,{icon:"download",fillMode:"flat","aria-label":"Download"})],da={time:"Thu Feb 08 2018",text:"How can I help you?",status:"Seen",toolbarItems:vh,failed:"Failed to send"},F=e=>{let{time:t=da.time,text:o=da.text,content:a,status:n=da.status,statusIcon:i,toolbarItems:l=da.toolbarItems,hover:m,selected:u,active:f,focus:N,toolbar:g,typing:c,expandable:L,expanded:M,removed:k,files:A,failed:C,...y}=e,H=C===!0?da.failed:C;return qa("div",{...y,className:s(bd,e.className,{"k-message-removed":k,"k-message-failed":C}),children:[C&&rt($,{className:"k-resend-button",icon:"arrow-rotate-cw",size:"xsmall",fillMode:"clear","aria-label":"Resend"}),rt(Xp,{typing:c,selected:u,hover:m,active:f,focus:N,content:qa(gh,{children:[a,o&&rt("span",{className:"k-chat-bubble-text",children:o})]}),expandable:L,expanded:M,files:A}),qa("div",{className:"k-message-info",children:[n&&qa("span",{className:"k-message-status",children:[i&&rt(v,{icon:i,size:"xsmall"}),n]}),t&&rt("time",{className:"k-message-time",children:t}),C&&qa("span",{className:"k-message-failed-content",children:[C&&rt(v,{icon:"warning-triangle",size:"xsmall"}),C&&rt("span",{className:"k-message-failed-text",children:H})]})]}),g&&rt(U,{className:"k-chat-message-toolbar",fillMode:"flat",children:l})]})};F.states=Nh;F.options=hh;F.className=bd;F.moduleName=null;F.folderName=null;F.defaultOptions=da;var ei="appbar",xd=ei;import{jsx as kh}from"react/jsx-runtime";var ti="k-appbar",Lh=[],Mh={themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary,h.inverse]},Sh={},Ce=e=>{let{themeColor:t,positionMode:o,position:a,...n}=e;return kh("div",{...n,className:s(e.className,ti,E(ti,{themeColor:t}),{[`k-appbar-${o}`]:o,[`k-appbar-${a}`]:a}),children:e.children})};Ce.states=Lh;Ce.options=Mh;Ce.className=ti;Ce.defaultOptions=Sh;Ce.moduleName=ei;Ce.folderName=xd;import{jsx as Ah}from"react/jsx-runtime";var Ch="k-appbar-section",vt=e=>{let{...t}=e;return Ah("div",{...t,className:s(Ch,e.className),children:e.children})};import{Fragment as b8,jsx as u8,jsxs as f8}from"react/jsx-runtime";import{jsx as j,jsxs as ma}from"react/jsx-runtime";var oi={...Ce.options,positionMode:["static","sticky","fixed"]},Eh=Ce.states,Nd={...Ce.defaultOptions,themeColor:"primary",variant:"top",positionMode:"sticky"};oi.themeColor=["primary",...oi.themeColor.filter(e=>e!=="primary")];var yh=[{name:"top",title:"Top"},{name:"bottom",title:"Bottom"}],ca=e=>{let{variant:t,...o}={...Nd,...e},a=ma(Ce,{position:t,...o,children:[j(vt,{children:j($,{fillMode:"flat",icon:"menu"})}),j("span",{className:"k-spacer k-spacer-sized",style:{width:"8px"}}),j(vt,{children:j("h3",{className:"k-m-0",children:"AppBar"})}),j("span",{className:"k-spacer"}),ma(vt,{children:[j(at,{fillMode:"flat",children:"Button"}),j(at,{fillMode:"flat",children:"Button"}),j(at,{fillMode:"flat",children:"Button"})]}),j("span",{className:"k-spacer k-spacer-sized",style:{width:"8px"}}),j(vt,{children:j(un,{value:"Input value"})}),ma(vt,{children:[j($,{className:"k-mx-sm",fillMode:"flat",icon:"bell"}),j("span",{className:"k-appbar-separator"}),j(Tn,{className:"k-mx-sm",children:j("img",{src:"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg"})})]})]}),n=ma("div",{style:{padding:"25px 10px"},children:[j("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!"}),j("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?"}),j("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!"}),j("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"?ma("div",{style:{height:"250px",overflow:"auto"},children:[n,a]}):ma("div",{style:{height:"250px",overflow:"auto"},children:[a,n]})};ca.options=oi;ca.states=Eh;ca.variants=yh;ca.defaultOptions=Nd;ca.modifiers=[];ca.className=Ce.className;var ai="suggestion",hd=ai;import{jsx as $n,jsxs as Oh}from"react/jsx-runtime";var Xn="k-suggestion-group",Ih=[],Th={},vd={layout:"scrollable",scrollingPosition:"start"},tt=e=>{let{layout:t=vd.layout,scrollingPosition:o,...a}=e,n=$n("div",{...a,className:s(Xn,{"k-suggestion-group-scrollable":t=="scrollable",[`${Xn}-scrollable-start`]:o==="start"\|\|o==="both",[`${Xn}-scrollable-end`]:o==="end"\|\|o==="both"},e.className),role:"group",children:t==="scrollable"\|\|t==="scrollButtons"?$n("div",{className:"k-suggestions-scroll",children:e.children}):e.children});return t=="scrollButtons"?Oh("div",{className:"k-suggestion-scrollwrap",children:[$n(p,{fillMode:"flat",icon:"chevron-left",size:"xsmall","aria-label":"Scroll left"}),n,$n(p,{fillMode:"flat",icon:"chevron-right",size:"xsmall","aria-label":"Scroll right"})]}):n};tt.states=Ih;tt.options=Th;tt.className=Xn;tt.defaultOptions=vd;tt.moduleName=ai;tt.folderName=hd;import{jsx as Rh}from"react/jsx-runtime";var qn="k-suggestion",Bh=[r.active,r.hover,r.focus],Ph={themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary]},Kh={text:"Suggestion"},ot=e=>{let{themeColor:t,active:o,hover:a,focus:n,text:i,...l}=e;return Rh("span",{...l,className:s(e.className,qn,S(qn,{hover:a,active:o,focus:n}),E(qn,{themeColor:t})),role:"button",tabIndex:0,"aria-label":i,children:i})};ot.states=Bh;ot.options=Ph;ot.className=qn;ot.item=Kh;import{Fragment as F8,jsx as U8,jsxs as G8}from"react/jsx-runtime";import{Fragment as W8,jsx as q8,jsxs as J8}from"react/jsx-runtime";import{Fragment as eV,jsx as j8,jsxs as tV}from"react/jsx-runtime";import{Fragment as Uh,jsx as ee,jsxs as Wn}from"react/jsx-runtime";var _h=G.states,wh=G.defaultOptions,Dh=G.options,Hh=[{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"}],zh=[],uo=e=>{let{modifiers:t,...o}=e,a={author:null,avatar:null},n=Wn(Ce,{className:"k-chat-header",positionMode:"sticky",themeColor:"primary",children:[ee("span",{className:"k-spacer k-spacer-sized k-w-1"}),ee(vt,{children:ee("span",{children:"Chat with demo bot"})}),ee("span",{className:"k-spacer"}),ee(vt,{children:ee(p,{fillMode:"flat",icon:"more-vertical"})})]}),i=ee(Ut,{type:"sender",pinned:!0,content:"Hello! Generate a cover letter.",closeable:!0}),l=Wn(tt,{children:[ee(ot,{text:"Provide a CV template"}),ee(ot,{text:"Generate a cover letter"})]}),m=Wn(tt,{children:[ee(ot,{themeColor:"primary",text:"Thank you!"}),ee(ot,{themeColor:"primary",text:"Great!"})]}),u="https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg",f=null,N="User",g="Demo Bot";Object.keys(t\|\|{}).forEach(y=>{switch(y){case"header":a.header=t?.[y]?n:!1;break;case"pinned":a.pinned=t?.[y]?i:!1;break;case"suggested":a.suggestedActions=t?.[y]?l:!1;break;case"author":a.author=t?.[y]?!0:null;break;case"avatar":a.avatar=t?.[y]?u:null;break;case"quick":a.quickReplies=t?.[y]?m:ee(Uh,{});break;default:break}});let{header:c,pinned:L,suggestedActions:M,author:k,avatar:A,quickReplies:C}=a;return Wn(Yp,{value:"Thank you!",style:{minHeight:"100%"},...o,header:c,pinned:L,suggestedActions:M,children:[ee(W,{avatar:f,author:k?g:null,children:ee(F,{text:"Hello, this is a demo bot. How can I help you ?"})}),ee(W,{avatar:A?u:null,author:k?N:null,type:"sender",children:ee(F,{text:"Hello! Generate a cover letter."})}),ee(W,{avatar:f,author:k?g:null,children:ee(F,{text:"Sure. Here is a cover letter template",files:ee(pt,{children:ee(Ee,{icon:"file-pdf",name:"cover_letter.pdf",size:"1.43MB"})})})}),C]})};uo.options=Dh;uo.states=_h;uo.variants=zh;uo.defaultOptions=wh;uo.modifiers=Hh;uo.className=G.className;var vV=uo;export{uo as ChatDemo,vV as default};
1	+ 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 E=(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:m,selected:u,disabled:f,indeterminate:N,loading:g,empty:c,readonly:L,highlighted:M,...k}=t;return s({"k-valid":o,"k-invalid":a,"k-hover":n,"k-focus":i,"k-checked":l,"k-active":m,"k-selected":u,"k-disabled":f,"k-indeterminate":N&&!l,"k-loading":g,"k-empty":c,"k-readonly":L,"k-highlighted":M},Object.keys(k).reduce((A,C)=>(C.startsWith("k-")?A[C]=k[C]:A[`k-${C}`]=k[C],A),{}))};function Wa(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"},it={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 jn={};function B(e){return jn[e]=(jn[e]\|\|0)+1,`k-${e}-${jn[e]}`}import{Fragment as Sd,jsx as si}from"react/jsx-runtime";var es="k-font-icon",gd=[],Ld={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]},Md={},fa=e=>{let{size:t,themeColor:o,icon:a,rotate:n,flip:i,...l}=e;return a?si("span",{...l,className:s(e.className,es,E(es,{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"}):si(Sd,{})};fa.states=gd;fa.options=Ld;fa.className=es;fa.defaultOptions=Md;var ri=fa;import{Fragment as Ad,jsx as Ja}from"react/jsx-runtime";var ts="k-svg-icon",kd=[],Cd={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:[it.outline,it.solid,it.duotone]},os={viewBox:"0 0 24 24",variant:it.outline},ba=e=>{let{size:t,themeColor:o,rotate:a,flip:n,viewBox:i=os.viewBox,variant:l=os.variant,icon:m,...u}=e;if(!m)return Ja(Ad,{});if(m==="none")return Ja("span",{...u,className:s(e.className,ts,E("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let f=typeof m=="object"&&m.name&&m.name,N=typeof m=="object"?l&&m.variants?.[l]\|\|m.variants?.outline\|\|m.content:void 0;return Ja("span",{...u,className:s(e.className,ts,E("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:Ja("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof m=="object"?m.viewBox:i,dangerouslySetInnerHTML:N!==void 0?{__html:N}:void 0,children:m?void 0:e.children})})};ba.states=kd;ba.options=Cd;ba.className=ts;ba.defaultOptions=os;var as=ba;importas ns from"@progress/kendo-svg-icons";var ii="icon",li="icons";import{useContext as yd}from"react";import{createContext as Ed}from"react";var pi=Ed({iconsType:"svg"});import{Fragment as di,jsx as xa}from"react/jsx-runtime";var Ya="k-icon",Id=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),Td=[],Od={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:[it.outline,it.solid,it.duotone]},Za={viewBox:"0 0 24 24",type:"svg",variant:it.outline},v=e=>{let{iconsType:t}=yd(pi),{size:o,themeColor:a,icon:n,type:i=t\|\|Za.type,rotate:l,flip:m,viewBox:u=Za.viewBox,variant:f=Za.variant,...N}=e;if(!n)return xa(di,{});if((t\|\|i)==="svg"){if(n==="none")return xa(as,{...N,className:s(e.className,Ya),icon:n,size:o,variant:f});let c=ns[n]?n:Id(`${n}-icon`);return ns[c]?xa(as,{...N,className:s(e.className,Ya),icon:ns[c],size:o,themeColor:a,rotate:l,flip:m,viewBox:u,variant:f}):xa(di,{})}return xa(ri,{...N,className:s(e.className,Ya),icon:n,size:o,themeColor:a,rotate:l,flip:m})};v.states=Td;v.options=Od;v.defaultOptions=Za;v.className=Ya;v.moduleName=ii;v.folderName=li;var ss="button",mi=ss;import{Fragment as ci,jsx as fo,jsxs as ui}from"react/jsx-runtime";var Na="k-button",Bd=["icon-button"],Pd=[r.hover,r.focus,r.active,r.selected,r.disabled,r.generating],Kd={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]},rs={showArrow:!1,arrowIconName:"chevron-down"},p=e=>{let{as:t="button",size:o,rounded:a,fillMode:n,themeColor:i,showArrow:l=rs.showArrow,arrowIconName:m=rs.arrowIconName,variant:u,hover:f,focus:N,active:g,selected:c,disabled:L,togglable:M,ariaDisabled:k,icon:A,iconSize:C,text:y,iconClassName:H,className:le,...Ae}=e,pe=A!=null,ue=e.children!==void 0;return ui(t,{className:s(le,Na,Wa(Na,u),E(Na,{size:o,rounded:a,fillMode:n,themeColor:i}),S(Na,{hover:f,focus:N,active:g,disabled:L\|\|k,selected:c}),{"k-icon-button":!y&&!ue&&pe}),"aria-pressed":M?c?"true":"false":void 0,...Ae,"aria-disabled":k?"true":void 0,disabled:L\|\|void 0,children:[typeof A=="string"&&A&&fo(v,{className:s(H,"k-button-icon"),icon:A,size:C}),A&&typeof A!="string"&&fo(ci,{children:A}),y?ui(ci,{children:[y&&fo("span",{className:"k-button-text",children:y}),e.children]}):e.children&&fo("span",{className:"k-button-text",children:e.children}),l&&fo("span",{className:"k-menu-button-arrow k-button-arrow",children:fo(v,{icon:m})})]})};p.states=Pd;p.options=Kd;p.variants=Bd;p.className=Na;p.defaultOptions=rs;p.moduleName=ss;p.folderName=mi;import{jsx as Rd}from"react/jsx-runtime";var $=e=>Rd(p,{icon:"folder",...e,"aria-label":e["aria-label"]\|\|"Folder",children:void 0});import{jsx as _d}from"react/jsx-runtime";var ha=e=>_d(p,{icon:"folder",children:"Button",...e});import{jsx as wd}from"react/jsx-runtime";var at=e=>wd(p,{children:"Button",...e});import{jsx as is}from"react/jsx-runtime";var Dd=p.options,Hd=p.states,zd={...p.defaultOptions,variant:"text"},Ud=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Fd=[],bo=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return is($,{...o,icon:"star"});case"icon-and-text":return is(ha,{...o,icon:"star",children:"Button"});default:return is(at,{...o,children:"Button"})}};bo.options=Dd;bo.states=Hd;bo.variants=Ud;bo.defaultOptions=zd;bo.modifiers=Fd;bo.className=p.className;import{jsx as fi,jsxs as qd}from"react/jsx-runtime";var Qa="k-fab",$d=[r.hover,r.focus,r.active,r.selected,r.disabled],Xd={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]},bi={type:"button"},te=e=>{let{size:t,rounded:o,themeColor:a,text:n,icon:i,type:l=bi.type,position:m,hover:u,focus:f,active:N,selected:g,disabled:c,...L}=e;return qd("button",{...L,type:l,className:s(e.className,Qa,E(Qa,{size:t,rounded:o,themeColor:a}),S(Qa,{hover:u,focus:f,active:N,disabled:c,selected:g}),{[`!k-pos-absolute k-${m}`]:m}),...!n&&i&&!e["aria-label"]&&{"aria-label":"Action"},...c&&{"aria-disabled":"true"},disabled:c\|\|void 0,children:[i&&fi(v,{className:"k-fab-icon",icon:i}),n&&fi("span",{className:"k-fab-text",children:n})]})};te.states=$d;te.options=Xd;te.className=Qa;te.defaultOptions=bi;te.moduleName="fab";te.folderName="fab";import{jsx as Jd}from"react/jsx-runtime";var Wd="k-fab-items",xi=e=>{let{position:t,...o}=e;return Jd("ul",{...o,className:s(e.className,Wd,{[`k-fab-items-${t}`]:t}),children:e.children})};import{jsx as hi,jsxs as Zd}from"react/jsx-runtime";var Ni="k-fab-item",Yd=[r.hover,r.focus,r.active,r.disabled],ls=e=>{let{text:t,icon:o,align:a,hover:n,focus:i,active:l,disabled:m,...u}=e;return Zd("li",{...u,className:s(e.className,Ni,{[`k-text-${a}`]:a},S(Ni,{hover:n,focus:i,active:l,disabled:m})),children:[hi("span",{className:"k-fab-item-text",children:t}),hi(v,{className:"k-fab-item-icon",icon:o})]})};ls.states=Yd;import{jsx as lg}from"react/jsx-runtime";import{jsx as Qd}from"react/jsx-runtime";var vi=e=>Qd(te,{icon:"plus",...e});import{jsx as bg}from"react/jsx-runtime";import{jsx as vg}from"react/jsx-runtime";import{jsx as xo,jsxs as nm}from"react/jsx-runtime";var jd=te.options,em=te.states,tm={...te.defaultOptions,variant:"text"},om=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],am=[{name:"opened",title:"Opened"}],No=e=>{let{variant:t,modifiers:o,...a}=e,{opened:n}=o\|\|{},i=n?xo("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:xo(xi,{position:"bottom",children:xo(ls,{text:"Item",icon:"pencil",align:"right"})})}):null,l;switch(t){case"icon-only":l=xo(te,{...a,icon:"star"});break;case"icon-and-text":l=xo(te,{...a,icon:"star",text:"Action"});break;default:l=xo(te,{...a,text:"Action"});break}return nm("span",{style:{position:"relative"},children:[l,i]})};No.options=jd;No.states=em;No.variants=om;No.defaultOptions=tm;No.modifiers=am;No.className=te.className;import{jsx as im}from"react/jsx-runtime";var ps="k-input-inner",sm=[],rm={},ja={type:"text",autocomplete:"off",value:"",placeholder:""},fe=e=>{let{value:t=ja.value,type:o=ja.type,placeholder:a=ja.placeholder,autocomplete:n=ja.autocomplete,disabled:i,readOnly:l,...m}=e;return im("input",{...m,type:o,className:s(e.className,ps,E(ps,e)),placeholder:a,autoComplete:n,defaultValue:t,disabled:i\|\|void 0,readOnly:l\|\|void 0})};fe.states=sm;fe.options=rm;fe.className=ps;import{jsx as dm}from"react/jsx-runtime";var ds="k-input-inner",lm=[],pm={},gi={value:"",placeholder:""},va=e=>{let{value:t=gi.value,placeholder:o=gi.placeholder,rows:a,disabled:n,...i}=e;return dm("textarea",{...i,className:s(e.className,ds,E(ds,e)),placeholder:o,rows:a,defaultValue:t,disabled:n\|\|void 0})};va.states=lm;va.options=pm;va.className=ds;var ms="prompt-box",Li=ms;var cs="speech-to-text-button",Mi=cs;import{jsx as mm}from"react/jsx-runtime";var Si="k-speech-to-text-button",ki={icon:"microphone"},Be=e=>{let{listening:t=!1,icon:o=ki.icon,...a}=e;return mm(p,{...a,icon:t?"stop":o,className:s(e.className,Si,{"k-listening":t}),"aria-pressed":t?"true":"false","aria-label":t?"Stop listening":"Start listening"})};Be.states=p.states;Be.options=p.options;Be.className=Si;Be.defaultOptions=ki;Be.moduleName=cs;Be.folderName=Mi;import{jsx as eL}from"react/jsx-runtime";import{jsx as nL}from"react/jsx-runtime";import{jsx as xm}from"react/jsx-runtime";var cm=p.states,Ci={...p.defaultOptions,variant:"normal"},um={...p.options,fillMode:p.options.fillMode.filter(e=>e!=="clear"&&e!=="link")},fm=[],bm=[{name:"normal",title:"Normal"},{name:"listening",title:"Listening"}],ho=e=>{let{variant:t,...o}={...Ci,...e},a={};return t==="listening"&&(a.listening=!0),xm(Be,{...o,...a})};ho.options=um;ho.states=cm;ho.variants=bm;ho.defaultOptions=Ci;ho.modifiers=fm;ho.className=Be.className;import{jsx as qt,jsxs as us}from"react/jsx-runtime";var lt="k-prompt-box",Nm=[r.hover,r.focus,r.disabled],hm={fillMode:[x.undefined,x.solid,x.flat,x.outline]},fs={lineMode:"auto",isExpanded:!1},be=e=>{let{fillMode:t,lineMode:o=fs.lineMode,startAffix:a,endAffix:n,header:i,isExpanded:l=fs.isExpanded,className:m,children:u,value:f,placeholder:N,generating:g,actionButtonConfig:c,speechToTextButtonConfig:L,uploadButtonConfig:M,hover:k,focus:A,disabled:C,...y}=e,H=o==="multi"\|\|o==="auto"&&l;return us("div",{...y,className:s(m,"k-input",lt,{[`${lt}-singleline`]:o==="single",[`${lt}-multiline`]:H,[`k-input-${t}`]:t,"k-hover":k,"k-focus":A,"k-disabled":C}),children:[i&&qt("div",{className:`${lt}-header`,children:i}),us("div",{className:`${lt}-content`,children:[a&&qt("div",{className:`${lt}-affix`,children:a}),o==="single"?qt(fe,{value:f,placeholder:N,className:`${lt}-input`,type:"text","aria-label":"Prompt input"}):qt(va,{value:f,placeholder:N,className:`${lt}-textarea`,rows:o==="multi"\|\|l?3:1,"aria-label":"Prompt input","aria-multiline":"true"}),us("div",{className:`${lt}-affix`,children:[n,M&&qt($,{icon:"paperclip",size:"small",fillMode:"flat",rounded:"full","aria-label":"Attach files",...M}),L!==!1&&qt(Be,{size:"small",fillMode:"flat",rounded:"full",...L}),qt($,{icon:g?"stop":"arrow-up",size:"small",rounded:"full",active:g,disabled:!f&&!g,"aria-label":g?"Stop generating":"Send prompt","aria-live":"polite",...c,className:s({"k-generating":g},c?.className)})]})]}),u]})};be.states=Nm;be.options=hm;be.className=lt;be.defaultOptions=fs;be.moduleName=ms;be.folderName=Li;import{jsx as yL}from"react/jsx-runtime";import{jsx as BL}from"react/jsx-runtime";import{jsx as _L}from"react/jsx-runtime";import{jsx as zL}from"react/jsx-runtime";import{jsx as VL}from"react/jsx-runtime";import{Fragment as bs,jsx as yt,jsxs as km}from"react/jsx-runtime";var vm=be.options,gm=be.states,Lm={...be.defaultOptions,variant:"Single"},Mm=[{name:"Single",title:"Singleline"},{name:"Multi",title:"Multiline"}],Sm=[{name:"header",title:"Header"},{name:"endAffix",title:"End Affix"},{name:"startAffix",title:"Start Affix"}],vo=e=>{let{variant:t,modifiers:o,...a}=e,n={},i=yt(bs,{children:yt($,{size:"small",icon:"send",fillMode:"flat"})});return Object.keys(o\|\|{}).forEach(l=>{switch(l){case"header":n.header=o?.[l]?yt(p,{children:"Button in header"}):void 0;break;case"endAffix":o?.[l]&&(n.endAffix=km(bs,{children:[i,yt($,{icon:"paperclip",size:"small",fillMode:"flat"})]}));break;case"startAffix":n.startAffix=o?.[l]?yt(bs,{children:yt($,{icon:"plus",size:"small",fillMode:"flat"})}):void 0;break;default:break}}),t==="Multi"?yt(be,{style:{width:300},lineMode:"multi",endAffix:i,placeholder:"Enter your prompt...",...a,...n}):yt(be,{style:{width:300},lineMode:"single",endAffix:i,placeholder:"Enter your prompt...",...a,...n})};vo.options=vm;vo.states=gm;vo.variants=Mm;vo.defaultOptions=Lm;vo.modifiers=Sm;vo.className=be.className;var xs="chat",Ai=xs;import{Fragment as Ii,jsx as Wt,jsxs as ga}from"react/jsx-runtime";var Ei="k-chat",Cm=[],Am={},Em=ga(Ii,{children:[Wt($,{icon:"paperclip",fillMode:"clear",rounded:"full",size:"small","aria-label":"Attach file"},"paperclip"),Wt("div",{className:"k-spacer"})]}),yi={tools:Em},G=e=>{let{header:t,dir:o,suggestedActions:a,files:n,pinned:i,replied:l,generating:m,tools:u=yi.tools,value:f,empty:N,scrollToBottom:g,scrollbar:c,promptBoxProps:L,...M}=e;return ga("div",{...M,className:s(Ei,e.className),dir:o,children:[t,ga("div",{className:"k-message-list",role:"log","aria-label":"Message list","aria-live":"polite",children:[i,Wt("div",{className:s("k-message-list-content",N&&"k-message-list-content-empty"),children:e.children}),g&&Wt("div",{className:"k-chat-scroll-to-bottom-container",children:Wt(vi,{themeColor:"base",icon:"arrow-down",size:"small"})})]}),c&&Wt("div",{className:"k-separator"}),ga("div",{className:"k-message-box-wrapper",children:[a,Wt(be,{lineMode:"multi",placeholder:"Type a message",generating:m,value:f,header:n\|\|l?ga(Ii,{children:[l,n]}):void 0,endAffix:u,...L})]})]})};G.states=Cm;G.options=Am;G.className=Ei;G.defaultOptions=yi;G.moduleName=xs;G.folderName=Ai;import{jsx as Ti}from"react/jsx-runtime";var tn="k-file-box-wrapper",Oi={layout:"horizontal"},pt=e=>{let{layout:t=Oi.layout,scrollingPosition:o,...a}=e;return Ti("ul",{role:"list","aria-label":"Attached files",...a,className:s(e.className,tn,{"k-files-vertical":t==="vertical","k-files-wrap":t==="wrap",[`${tn}-scrollable-start`]:t==="horizontal"&&(o==="start"\|\|o==="both"),[`${tn}-scrollable-end`]:t==="horizontal"&&(o==="end"\|\|o==="both")}),children:t==="horizontal"?Ti("div",{className:"k-files-scroll",role:"presentation",children:e.children}):e.children})};pt.className=tn;pt.defaultOptions=Oi;var Ns="menu-button",Bi=Ns;import{jsx as Tm}from"react/jsx-runtime";var Pi="k-menu-button",ym=[r.hover,r.focus,r.active,r.selected,r.disabled],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:!0,arrowIconName:"chevron-down"},w=e=>{let{size:t,rounded:o,fillMode:a,themeColor:n,hover:i,focus:l,active:m,selected:u,disabled:f,icon:N,text:g,showArrow:c=hs.showArrow,arrowIconName:L=hs.arrowIconName,expanded:M,...k}=e;return Tm(p,{...k,className:s(e.className,Pi),text:g,size:t,rounded:o,fillMode:a,themeColor:n,hover:i,focus:l,active:m,selected:u,disabled:f,ariaDisabled:f\|\|void 0,icon:N,showArrow:c,arrowIconName:L,"aria-expanded":M?"true":"false",...!g&&N&&!e["aria-label"]&&{"aria-label":"Menu"}})};w.states=ym;w.options=Im;w.className=Pi;w.defaultOptions=hs;w.moduleName=Ns;w.folderName=Bi;import{jsx as AM}from"react/jsx-runtime";import{jsx as TM}from"react/jsx-runtime";import{jsx as KM}from"react/jsx-runtime";var Pe="menu",Ue=Pe;import{jsx as La,jsxs as Ki}from"react/jsx-runtime";var vs="k-menu-item",Om=[r.hover,r.focus,r.active,r.selected,r.disabled],Bm={},Ri={iconPosition:"before"},de=e=>{let{hover:t,focus:o,active:a,selected:n,disabled:i,icon:l,text:m,showArrow:u,arrowIconName:f,iconPosition:N=Ri.iconPosition,dir:g,children:c,expanded:L,...M}=e,k=f;return k\|\|(k=g==="rtl"?"chevron-left":"chevron-right"),Ki("li",{...M,className:s(e.className,vs,"k-item",S(vs,{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:[Ki("span",{className:s("k-link k-menu-link"),children:[l&&N==="before"&&La(v,{className:"k-menu-link-icon",icon:l}),La("span",{className:"k-menu-link-text",children:m}),l&&N==="after"&&La(v,{className:"k-menu-link-icon",icon:l}),u&&La("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:La(v,{icon:k})})]}),c]})};de.states=Om;de.options=Bm;de.className=vs;de.defaultOptions=Ri;de.moduleName=Pe;de.folderName=Ue;import{jsx as Jt,jsxs as _i}from"react/jsx-runtime";var gs="k-menu-item",Pm=[r.hover,r.focus,r.active,r.selected,r.disabled],Km={},Ls={dir:"ltr",iconPosition:"before"},X=e=>{let{hover:t,focus:o,active:a,selected:n,disabled:i,icon:l,text:m,showArrow:u,arrowIconName:f,iconPosition:N=Ls.iconPosition,dir:g=Ls.dir,children:c,popup:L,expanded:M,actions:k,description:A,...C}=e,y=f;return y\|\|(y=g==="rtl"?"chevron-left":"chevron-right"),_i("li",{role:"menuitem",...C,className:s(e.className,gs,"k-item",S(gs,{focus:o,disabled:i})),...u&&{"aria-haspopup":"menu"},...u&&{"aria-expanded":M?"true":"false"},...i&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[_i("span",{className:s("k-link k-menu-link",S("k-menu-link",{hover:t,active:a,selected:n,disabled:i})),children:[l&&N==="before"&&Jt(v,{className:"k-menu-link-icon",icon:l}),Jt("span",{className:"k-menu-link-text",children:m}),l&&N==="after"&&Jt(v,{className:"k-menu-link-icon",icon:l}),k&&Jt("span",{className:"k-menu-link-actions",children:k}),u&&Jt("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:Jt(v,{icon:y})}),A&&Jt("span",{className:"k-menu-link-description",children:A})]}),c,L]})};X.states=Pm;X.options=Km;X.className=gs;X.defaultOptions=Ls;X.moduleName=Pe;X.folderName=Ue;import{jsx as Dm}from"react/jsx-runtime";var wi="k-menu-scroll-wrapper",Rm=[],_m={},wm={},Yt=e=>{let{className:t,children:o,orientation:a,...n}=e;return Dm("div",{...n,className:s(t,wi,{"k-menu-scroll-wrapper-vertical":a==="vertical"}),children:o})};Yt.states=Rm;Yt.options=_m;Yt.className=wi;Yt.defaultOptions=wm;Yt.moduleName=Pe;Yt.folderName=Ue;var Di=Yt;import{Fragment as Ms,jsx as Zt,jsxs as an}from"react/jsx-runtime";var nn="k-menu",Hm=[],zm={size:[d.undefined,d.small,d.medium,d.large]},sn={orientation:"horizontal",header:!0,scrollButtonsPosition:"around"},se=e=>{let{children:t,orientation:o=sn.orientation,header:a=sn.header,scrollable:n,scrollButtonsPosition:i=sn.scrollButtonsPosition,wrapperStyles:l,dir:m,size:u,popup:f,contextMenu:N,...g}=e,c={horizontal:{prev:m!=="rtl"?"left":"right",next:m!=="rtl"?"right":"left"},vertical:{prev:"up",next:"down"}},L=Zt("ul",{dir:m,...g,className:s(e.className,"k-reset",nn,{[`${nn}-${o}`]:o,"k-header":a},E(nn,{size:u})),role:N?"menu":"menubar",...o==="vertical"&&{"aria-orientation":"vertical"},children:t});return an(Ms,{children:[n?an(Di,{orientation:o,style:l,dir:e.dir,children:[i==="start"&&an(Ms,{children:[Zt(p,{fillMode:"flat",size:"xsmall",icon:`chevron-${c[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),Zt(p,{fillMode:"flat",size:"xsmall",icon:`chevron-${c[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),i==="around"&&Zt(p,{fillMode:"flat",size:"xsmall",icon:`chevron-${c[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),L,i==="end"&&an(Ms,{children:[Zt(p,{fillMode:"flat",size:"xsmall",icon:`chevron-${c[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),Zt(p,{fillMode:"flat",size:"xsmall",icon:`chevron-${c[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),i==="around"&&Zt(p,{fillMode:"flat",size:"xsmall",icon:`chevron-${c[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}):L,f]})};se.states=Hm;se.options=zm;se.className=nn;se.defaultOptions=sn;se.moduleName=Pe;se.folderName=Ue;import{jsx as Um}from"react/jsx-runtime";var Ss="k-separator",Hi={orientation:"horizontal"},go=e=>{let{orientation:t=Hi.orientation,...o}=e;return Um("li",{...o,className:s(e.className,"k-item",Ss,{[`${Ss}-${t}`]:t}),role:"separator"})};go.className=Ss;go.defaultOptions=Hi;go.moduleName=Pe;go.folderName=Ue;import{Fragment as pS,jsx as dS}from"react/jsx-runtime";import{jsx as $m}from"react/jsx-runtime";var ks="k-menu-group",Fm=[],Gm={size:[d.undefined,d.small,d.medium,d.large]},Vm={},me=e=>{let{children:t,size:o,...a}=e;return $m("ul",{role:"menu",...a,className:s(e.className,ks,E(ks,{size:o})),children:t})};me.states=Fm;me.options=Gm;me.className=ks;me.defaultOptions=Vm;me.moduleName=Pe;me.folderName=Ue;import{jsx as vS,jsxs as gS}from"react/jsx-runtime";import{Fragment as Xm,jsx as Lo,jsxs as qm}from"react/jsx-runtime";var Cs=e=>Lo(se,{children:qm(Xm,{children:[Lo(de,{text:"Item 1"}),Lo(de,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 2"}),Lo(de,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 3"}),Lo(de,{text:"Item 4"}),Lo(de,{text:"Item 5"})]}),...e});var As="popup",zi=As;import{jsx as Ui}from"react/jsx-runtime";var Fi="k-animation-container",Wm=[],Jm={},Es={positionMode:"absolute",shown:!0},dt=e=>{let{positionMode:t=Es.positionMode,shown:o=Es.shown,animationStyle:a,offset:n,...i}=e;return Ui("div",{...i,style:{...n,...e.style},className:s(e.className,Fi,{"k-animation-container-shown":o,"k-animation-container-fixed":t==="fixed"}),children:Ui("div",{className:"k-child-animation-container",style:a,children:e.children})})};dt.states=Wm;dt.options=Jm;dt.className=Fi;dt.defaultOptions=Es;dt.moduleName=As;dt.folderName=zi;var ys="popup",Gi=ys;import{jsx as Vi}from"react/jsx-runtime";var $i="k-popup",Ym=[],Zm={},Xi={positionMode:"absolute"},q=e=>{let{offset:t,positionMode:o=Xi.positionMode,animationStyle:a,containerClassName:n,containerRole:i,containerAriaLabel:l,...m}=e;return Vi(dt,{positionMode:o,offset:t,animationStyle:a,className:n,role:i,"aria-label":l,children:Vi("div",{...m,className:s(e.className,$i),children:e.children})})};q.states=Ym;q.options=Zm;q.className=$i;q.defaultOptions=Xi;q.moduleName=ys;q.folderName=Gi;import{Fragment as $S,jsx as GS,jsxs as VS}from"react/jsx-runtime";import{Fragment as YS,jsx as JS,jsxs as ZS}from"react/jsx-runtime";import{Fragment as ok,jsx as tk,jsxs as ak}from"react/jsx-runtime";import{Fragment as lk,jsx as ik,jsxs as pk}from"react/jsx-runtime";import{jsx as Qt,jsxs as oc}from"react/jsx-runtime";var Qm={...se.options,scrollable:{type:"boolean"}},jm=se.states,qi={...se.defaultOptions,variant:"horizontal"},ec=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],tc=[{name:"opened",title:"Opened"}],Mo=e=>{let{variant:t,modifiers:o,...a}={...qi,...e},n={},i=t==="vertical"?{left:"200px",top:"30px"}:{left:"90px",top:"auto"};return Object.keys(o\|\|{}).forEach(l=>{l==="opened"&&(n.opened=!!o?.[l],n.popup=o?.[l]?Qt(q,{className:"k-menu-popup",offset:i,children:oc(me,{children:[Qt(X,{text:"Item 1"}),Qt(X,{text:"Item 2"}),Qt(go,{}),Qt(X,{text:"Item 3"})]})}):null)}),t==="vertical"?Qt(Cs,{...a,...n,orientation:"vertical",style:{width:"200px"}}):Qt(Cs,{...a,...n})};Mo.options=Qm;Mo.states=jm;Mo.variants=ec;Mo.defaultOptions=qi;Mo.modifiers=tc;Mo.className=se.className;import{Fragment as Fk,jsx as zk,jsxs as Uk}from"react/jsx-runtime";import{jsx as Xk}from"react/jsx-runtime";import{Fragment as ic,jsx as mt,jsxs as Wi}from"react/jsx-runtime";var ac=p.states,Ji={...p.defaultOptions,variant:"text"},nc=p.options,sc=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],rc=[{name:"opened",title:"Opened"}],So=e=>{let{variant:t,modifiers:o,...a}={...Ji,...e},n={},i=mt(q,{className:"k-menu-popup",children:Wi(me,{size:a.size,children:[mt(X,{text:"Menu Item"}),mt(X,{text:"Menu Item"}),mt(X,{text:"Menu Item"})]})}),l;switch(t){case"icon-only":l=mt("div",{children:mt(w,{...a,...n,icon:"star"})});break;case"icon-and-text":l=mt("div",{children:mt(w,{...a,...n,icon:"star",children:"Dropdown Button"})});break;default:l=mt("div",{children:mt(w,{...a,...n,children:"Dropdown Button"})});break}return Wi(ic,{children:[l,o?.opened&&i]})};So.options=nc;So.states=ac;So.variants=sc;So.defaultOptions=Ji;So.modifiers=rc;So.className=w.className;var Is="file-box",Yi=Is;import{jsx as ko,jsxs as Zi}from"react/jsx-runtime";var Qi="k-file-box",lc=[r.selected],pc={},Ma={icon:"file-pdf",name:"FileName.pdf",size:"2MB",showButton:"true"},Ee=e=>{let{icon:t=Ma.icon,name:o=Ma.name,size:a=Ma.size,status:n,deleted:i,removeButton:l,showButton:m=Ma.showButton,...u}=e,f=[o,a].filter(Boolean).join(" ");return Zi("li",{role:"listitem",tabIndex:0,"aria-label":f\|\|void 0,...u,className:s(Qi,e.className,{"k-file-deleted":i}),children:[ko(v,{icon:t,size:"xlarge","aria-hidden":"true"}),Zi("div",{className:"k-file-info",children:[o&&ko("span",{className:"k-file-name",children:o}),a&&ko("span",{className:"k-file-size",children:a}),n&&ko("span",{className:"k-file-status",children:n})]}),m&&(l?ko(p,{as:"span",icon:"x-circle",fillMode:"flat",size:"xsmall","aria-hidden":"true"}):ko(w,{icon:"more-vertical",fillMode:"flat",size:"xsmall",showArrow:!1,"aria-label":"File actions"}))]})};Ee.states=lc;Ee.options=pc;Ee.className=Qi;Ee.defaultOptions=Ma;Ee.moduleName=Is;Ee.folderName=Yi;import{jsx as LC}from"react/jsx-runtime";import{jsx as AC}from"react/jsx-runtime";import{jsx as OC,jsxs as BC}from"react/jsx-runtime";import{jsx as wC,jsxs as DC}from"react/jsx-runtime";import{jsx as GC}from"react/jsx-runtime";var Ts="button",ji=Ts;import{jsx as uc}from"react/jsx-runtime";var Sa="k-button-group",dc=[r.disabled],mc={fillMode:[x.undefined,x.solid,x.flat,x.outline,x.clear,x.link]},cc={},T=e=>{let{fillMode:t,disabled:o,stretched:a,...n}=e;return uc("div",{role:"group",...n,className:s(e.className,Sa,E(Sa,{fillMode:t}),S(Sa,{disabled:o}),{[`${Sa}-stretched`]:a}),...o&&{"aria-disabled":"true"},children:e.children})};T.states=dc;T.options=mc;T.className=Sa;T.defaultOptions=cc;T.moduleName=Ts;T.folderName=ji;import{Fragment as lA,jsx as iA,jsxs as pA}from"react/jsx-runtime";import{Fragment as bA,jsx as fA,jsxs as xA}from"react/jsx-runtime";import{Fragment as MA,jsx as LA,jsxs as SA}from"react/jsx-runtime";import{Fragment as IA,jsx as yA,jsxs as TA}from"react/jsx-runtime";import{Fragment as _A,jsx as RA,jsxs as wA}from"react/jsx-runtime";import{Fragment as GA,jsx as FA,jsxs as VA}from"react/jsx-runtime";import{jsx as gt,jsxs as Os}from"react/jsx-runtime";var fc={...p.options,...T.options},bc=p.states,xc={...p.defaultOptions,...T.defaultOptions,variant:"text-button"},Nc=[{name:"icon-button",title:"Icon Only"},{name:"text-button",title:"Text"},{name:"icon-text-button",title:"Icon Text"}],hc=[],Co=e=>{let{variant:t,className:o,...a}=e;return t==="icon-button"?Os(T,{fillMode:a.fillMode,className:o,children:[gt(p,{...a,icon:"star"}),gt(p,{...a,icon:"star"}),gt(p,{...a,icon:"star"})]}):t==="icon-text-button"?Os(T,{fillMode:a.fillMode,className:o,children:[gt(p,{...a,icon:"star",children:"First"}),gt(p,{...a,icon:"star",children:"Middle"}),gt(p,{...a,icon:"star",children:"Last"})]}):Os(T,{fillMode:a.fillMode,className:o,children:[gt(p,{...a,children:"First"}),gt(p,{...a,children:"Middle"}),gt(p,{...a,children:"Last"})]})};Co.options=fc;Co.states=bc;Co.variants=Nc;Co.defaultOptions=xc;Co.modifiers=hc;Co.className=T.className;var ka="input",rn=ka;import{jsx as Mc}from"react/jsx-runtime";var ln="k-input",vc=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading,r.readonly],gc={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]},Lc={},J=e=>{let{hover:t,focus:o,disabled:a,invalid:n,valid:i,loading:l,readonly:m,size:u,rounded:f,fillMode:N,...g}=e;return Mc("span",{...g,className:s(e.className,ln,E(ln,{size:u,rounded:f,fillMode:N}),S(ln,{hover:t,focus:o,disabled:a,invalid:n,valid:i,loading:l,readonly:m}))})};J.states=vc;J.options=gc;J.className=ln;J.defaultOptions=Lc;J.moduleName=ka;J.folderName=rn;import{jsx as Ac}from"react/jsx-runtime";var pn="k-picker",Sc=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading,r.readonly],kc={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]},Cc={},ct=e=>{let{hover:t,focus:o,disabled:a,invalid:n,valid:i,loading:l,readonly:m,size:u,rounded:f,fillMode:N,...g}=e;return Ac("span",{...g,className:s(e.className,pn,E(pn,{size:u,rounded:f,fillMode:N}),S(pn,{hover:t,focus:o,disabled:a,invalid:n,valid:i,loading:l,readonly:m})),children:e.children})};ct.states=Sc;ct.options=kc;ct.className=pn;ct.defaultOptions=Cc;ct.moduleName=ka;ct.folderName=rn;import{Fragment as Ic,jsx as Bs}from"react/jsx-runtime";var el="k-clear-value",Ec=[r.disabled,r.loading,r.readonly],yc={},Ke=e=>{let{disabled:t,loading:o,readonly:a,value:n}=e;return t\|\|a\|\|o\|\|!n?Bs(Ic,{}):Bs("span",{className:s(e.className,el),children:Bs(v,{icon:"x"})})};Ke.states=Ec;Ke.options=yc;Ke.className=el;import{jsx as tl,jsxs as Bc}from"react/jsx-runtime";var Ps="k-input-inner",Tc=[],Oc={},jt=e=>{let{value:t,placeholder:o,showValue:a,valueIcon:n,valueIconName:i,...l}=e;return Bc("span",{...l,className:s(e.className,Ps,E(Ps,e)),children:[n,!n&&i&&tl(v,{className:"k-input-value-icon",icon:i}),a&&!t&&o,a&&t&&tl("span",{className:"k-input-value-text",children:t})]})};jt.states=Tc;jt.options=Oc;jt.className=Ps;import{Fragment as Kc,jsx as ol}from"react/jsx-runtime";var al="k-input-loading-icon",Pc=[r.disabled,r.loading],ye=e=>{let{disabled:t,loading:o}=e;return t\|\|!o?ol(Kc,{}):ol("span",{className:s(e.className,al,"k-icon k-i-loading")})};ye.states=Pc;ye.className=al;import{Fragment as wc,jsx as nl}from"react/jsx-runtime";var sl="k-input-validation-icon",Rc=[r.valid,r.invalid,r.disabled,r.loading],_c={},xe=e=>{let{valid:t,invalid:o,disabled:a,loading:n}=e,i=o?"warning-circle":"check-circle";return a\|\|n\|\|!!!(t\|\|o)?nl(wc,{}):nl(v,{className:s(sl),icon:i})};xe.states=Rc;xe.options=_c;xe.className=sl;import{Fragment as zc,jsx as rl}from"react/jsx-runtime";var Dc="k-input-prefix",Hc={direction:"horizontal"},Fe=e=>{let{direction:t=Hc.direction,...o}=e;return e.children?rl("span",{...o,className:s(Dc,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):rl(zc,{})};import{Fragment as Gc,jsx as il}from"react/jsx-runtime";var Uc="k-input-suffix",Fc={direction:"horizontal"},Ge=e=>{let{direction:t=Fc.direction,...o}=e;return e.children?il("span",{...o,className:s(Uc,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):il(Gc,{})};import{jsx as DE}from"react/jsx-runtime";import{jsx as $c}from"react/jsx-runtime";var Vc="k-input-suffix-text",Ks=e=>{let{children:t,...o}=e;return $c("span",{...o,className:s(Vc,e.className),children:t})};import{jsx as qc}from"react/jsx-runtime";var ll="k-input-separator",Xc={direction:"vertical"},Ve=e=>{let{direction:t=Xc.direction,...o}=e;return qc("span",{...o,className:s(ll,e.className,{[`${ll}-${t}`]:t})})};import{Fragment as pl,jsx as ut,jsxs as Rs}from"react/jsx-runtime";var Wc=J.states,Jc=J.defaultOptions,Yc=J.options,Zc=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],Qc=[],Ao=e=>{let{modifiers:t,valid:o,invalid:a,loading:n,disabled:i,readonly:l,...m}=e,u=t?.prefix,f=t?.suffix,N=t?.["clear-button"],g=t?.["validation-icon"],c=t?.separators;return Rs(J,{...m,valid:o,invalid:a,loading:n,disabled:i,readonly:l,style:{width:300},children:[u&&Rs(pl,{children:[ut(Fe,{children:ut(v,{icon:"lock"})}),c&&ut(Ve,{})]}),ut(fe,{placeholder:"Placeholder",value:"Value"}),g&&ut(xe,{valid:o,invalid:a,loading:n,disabled:i}),ut(ye,{loading:n,disabled:i}),N&&ut(Ke,{loading:n,disabled:i,readonly:l,value:"Value"}),f&&Rs(pl,{children:[c&&ut(Ve,{}),ut(Ge,{children:ut(at,{size:m.size,fillMode:"clear",children:"Send"})})]})]})};Ao.options=Yc;Ao.states=Wc;Ao.variants=Qc;Ao.defaultOptions=Jc;Ao.modifiers=Zc;Ao.className=J.className;import{jsx as dl,jsxs as tu}from"react/jsx-runtime";var ml="k-color-preview",jc=[],eu={},It=e=>{let{color:t,iconName:o,...a}=e;return tu("span",{...a,className:s(e.className,ml,{"k-icon-color-preview":o,"k-no-color":!t}),children:[o&&dl(v,{icon:o,className:"k-color-preview-icon"}),dl("span",{className:"k-color-preview-mask",style:{backgroundColor:t}})]})};It.states=jc;It.options=eu;It.className=ml;var _s="action-buttons",cl=_s;import{jsx as nu}from"react/jsx-runtime";var dn="k-actions",ou=[],au={},ws={alignment:"start",orientation:"horizontal"},Re=e=>{let{alignment:t=ws.alignment,orientation:o=ws.orientation,...a}=e;return nu("div",{...a,className:s(dn,{[`${dn}-${t}`]:t,[`${dn}-${o}`]:o},e.className),children:e.children})};Re.states=ou;Re.options=au;Re.className=dn;Re.defaultOptions=ws;Re.moduleName=_s;Re.folderName=cl;var ul=Re;import{jsx as ru}from"react/jsx-runtime";var su="k-actionsheet-footer",fl={alignment:"stretched",orientation:"horizontal"},Tt=e=>{let{alignment:t=fl.alignment,orientation:o=fl.orientation,template:a,as:n=a?"div":Re,...i}=e;return ru(n,{...i,...!a&&{alignment:t,orientation:o},className:s(e.className,su),children:e.children})};var Ds="searchbox",bl=Ds;import{jsx as Ca,jsxs as pu}from"react/jsx-runtime";var xl="k-searchbox",iu=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading],lu={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]},mn={showIcon:!0,showClearButton:!0,icon:"search"},$e=e=>{let{value:t,placeholder:o,size:a,rounded:n,fillMode:i,hover:l,focus:m,valid:u,invalid:f,required:N,loading:g,disabled:c,showIcon:L=mn.showIcon,showClearButton:M=mn.showClearButton,icon:k=mn.icon,"aria-label":A,...C}=e;return pu(J,{...C,size:a,rounded:n,fillMode:i,hover:l,focus:m,valid:u,invalid:f,required:N,loading:g,disabled:c,className:s(e.className,xl),children:[L&&Ca(v,{className:"k-input-icon",icon:k}),Ca(fe,{placeholder:o,value:t,"aria-label":A}),Ca(ye,{...e}),Ca(xe,{...e}),M&&Ca(Ke,{...e})]})};$e.states=iu;$e.options=lu;$e.className=xl;$e.defaultOptions=mn;$e.moduleName=Ds;$e.folderName=bl;import{jsx as Wy}from"react/jsx-runtime";var Hs="textbox",Nl=Hs;import{Fragment as hl,jsx as Ot,jsxs as zs}from"react/jsx-runtime";var vl="k-textbox",du=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading,r.readonly],mu={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={showClearButton:!0,showValidationIcon:!0,separators:!0},ce=e=>{let{size:t,rounded:o,fillMode:a,separators:n=cn.separators,showClearButton:i=cn.showClearButton,showValidationIcon:l=cn.showValidationIcon,prefix:m,suffix:u,type:f,value:N,placeholder:g,hover:c,focus:L,valid:M,invalid:k,required:A,loading:C,disabled:y,readonly:H,id:le,"aria-label":Ae,"aria-describedby":pe,...ue}=e;return zs(J,{...ue,size:t,rounded:o,fillMode:a,hover:c,focus:L,valid:M,invalid:k,required:A,loading:C,disabled:y,readonly:H,className:s(e.className,vl),children:[m&&zs(hl,{children:[Ot(Fe,{children:m}),n&&Ot(Ve,{})]}),Ot(fe,{id:le,placeholder:g,value:N,type:f,disabled:y,"aria-label":Ae,"aria-describedby":pe,"aria-invalid":k?"true":void 0}),l&&Ot(xe,{valid:M,invalid:k,loading:C,disabled:y}),Ot(ye,{loading:C,disabled:y}),i&&Ot(Ke,{loading:C,disabled:y,readonly:H,value:N}),u&&zs(hl,{children:[n&&Ot(Ve,{}),Ot(Ge,{children:u})]})]})};ce.states=du;ce.options=mu;ce.className=vl;ce.defaultOptions=cn;ce.moduleName=Hs;ce.folderName=Nl;var Aa=ce;import{jsx as cu}from"react/jsx-runtime";var un=e=>cu(Aa,{...e});import{Fragment as cI,jsx as mI}from"react/jsx-runtime";import{Fragment as hI,jsx as NI}from"react/jsx-runtime";import{jsx as MI}from"react/jsx-runtime";import{jsx as Us}from"react/jsx-runtime";var uu=ce.states,fu=ce.defaultOptions,bu=ce.options,xu=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],Nu=[],Eo=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(n=>{switch(n){case"prefix":a.prefix=t?.[n]?Us(v,{icon:"lock"}):void 0;break;case"suffix":a.suffix=t?.[n]?Us(at,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":a.showClearButton=t?.[n];break;default:break}}),Us(un,{value:"Value",style:{width:300},...o,...a})};Eo.options=bu;Eo.states=uu;Eo.variants=Nu;Eo.defaultOptions=fu;Eo.modifiers=xu;Eo.className=ce.className;import{jsx as Bt,jsxs as Fs}from"react/jsx-runtime";var gl="k-actionsheet-titlebar",hu={},Ne=e=>{let{title:t,subtitle:o,actionsStart:a,actionsEnd:n,filter:i,input:l,inputValue:m,inputPlaceholder:u,adaptive:f,titleId:N,children:g,...c}=e;return Fs("div",{...c,className:s(e.className,gl),children:[Fs("div",{className:"k-actionsheet-titlebar-group",children:[a&&Bt("div",{className:"k-actionsheet-actions",children:a}),!g&&Fs("div",{className:"k-actionsheet-title",id:N,children:[t&&Bt("div",{className:"k-text-center",children:t}),o&&Bt("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),g&&Bt("div",{className:"k-actionsheet-title",id:N,children:g}),n&&Bt("div",{className:"k-actionsheet-actions",children:n})]}),(l\|\|i)&&Bt("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:l?Bt(ce,{value:m,placeholder:u,size:f?"large":"medium","aria-label":t\|\|u\|\|"Input"}):Bt($e,{placeholder:"Filter",size:f?"large":"medium","aria-label":"Filter options"})})]})};Ne.className=gl;Ne.defaultOptions=hu;import{jsx as Gs,jsxs as Mu}from"react/jsx-runtime";var Vs="k-actionsheet-view",vu=[],gu={},Lu={},yo=e=>{let{adaptive:t,animated:o,children:a,header:n,footer:i,titleId:l,...m}=e,u=n?.type===Ne&&Gs(Ne,{adaptive:t,titleId:l,...n?.props}),f=i?.type===Tt&&Gs(Tt,{...i?.props});return Mu("div",{...m,className:s(e.className,Vs,{[`${Vs}-animated`]:o}),children:[u,Gs("div",{className:"k-actionsheet-content",children:a}),f]})};yo.states=vu;yo.options=gu;yo.className=Vs;yo.defaultOptions=Lu;var Ea="action-sheet",fn=Ea;var $s="overlay",Ll=$s;import{jsx as Au}from"react/jsx-runtime";var Ml="k-overlay",Su=[],ku={},Cu={},ft=e=>{let{...t}=e;return Au("div",{...t,className:s(e.className,Ml),children:e.children})};ft.states=Su;ft.options=ku;ft.className=Ml;ft.defaultOptions=Cu;ft.moduleName=$s;ft.folderName=Ll;import{jsx as bn,jsxs as Iu}from"react/jsx-runtime";var Sl="k-actionsheet",Eu=[],yu={},ya={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},Y=e=>{let{side:t=ya.side,fullscreen:o=ya.fullscreen,adaptive:a=ya.adaptive,overlay:n=ya.overlay,template:i,children:l,header:m,footer:u,id:f,...N}=e,g=f&&!i&&m?`${f}-title`:void 0;return Iu("div",{className:"k-actionsheet-container",children:[n&&bn(ft,{}),bn(dt,{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:bn("div",{...N,id:f,role:"dialog","aria-modal":n?"true":void 0,"aria-labelledby":g,className:s(e.className,Sl,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":a}),children:i\|\|bn(yo,{header:m,footer:u,adaptive:a,titleId:g,...e,children:l})})})]})};Y.states=Eu;Y.options=yu;Y.className=Sl;Y.defaultOptions=ya;Y.moduleName=Ea;Y.folderName=fn;import{jsx as Pu}from"react/jsx-runtime";var kl="k-actionsheet-container",Tu=[],Ou={},Bu={},Io=e=>{let{children:t,...o}=e;return Pu("div",{...o,className:kl,children:t})};Io.states=Tu;Io.options=Ou;Io.className=kl;Io.defaultOptions=Bu;Io.moduleName=Ea;Io.folderName=fn;import{jsx as Ku}from"react/jsx-runtime";var Xs=e=>{let{...t}=e;return Ku("div",{...t,className:s(e.className,"k-list-ul"),children:e.children})};import{Fragment as _u,jsx as Ia,jsxs as qs}from"react/jsx-runtime";var Ws="k-actionsheet-item",Ru=[r.hover,r.focus,r.selected,r.disabled],Pt=e=>{let{iconName:t,text:o,description:a,hover:n,focus:i,selected:l,disabled:m,...u}=e;return qs("span",{...u,className:s(e.className,Ws,S(Ws,{hover:n,focus:i,selected:l,disabled:m})),children:[!e.children&&Ia(_u,{children:qs("span",{className:"k-actionsheet-action",children:[t&&Ia("span",{className:"k-icon-wrap",children:Ia(v,{className:"k-actionsheet-item-icon",icon:t})}),qs("span",{className:"k-actionsheet-item-text",children:[o&&Ia("span",{className:"k-actionsheet-item-title",children:o}),a&&Ia("span",{className:"k-actionsheet-item-description",children:a})]})]})}),e.children]})};Pt.states=Ru;Pt.className=Ws;import{jsx as LT,jsxs as MT}from"react/jsx-runtime";import{jsx as AT}from"react/jsx-runtime";import{jsx as TT}from"react/jsx-runtime";import{jsx as KT}from"react/jsx-runtime";import{jsx as re,jsxs as Js}from"react/jsx-runtime";var wu=Y.options,Du=Y.states,Al={...Y.defaultOptions,variant:"normal"},Hu=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],zu=[{name:"actions",title:"Titlebar Actions",type:"boolean"},{name:"subtitle",title:"Subtitle",type:"boolean"},{name:"footer",title:"Footer",type:"boolean"}],To=e=>{let{variant:t,modifiers:o,...a}={...Al,...e},n={},i=Js(Xs,{children:[re(Pt,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),re(Pt,{text:"Add to Favorites",iconName:"heart"}),re(Pt,{text:"Upload New",iconName:"upload",disabled:!0}),re("hr",{className:"k-hr"}),re(Pt,{text:"Cancel",iconName:"cancel"})]}),l="Choose from the items below",m="Select Item";return t==="fullScreen"&&(n.fullScreen=!0),Object.keys(o\|\|{}).forEach(u=>{switch(u){case"actions":n.actionsStart=!!o?.[u],n.actionsEnd=!!o?.[u];break;case"subtitle":n.subtitle=o?.[u]?l:void 0;break;case"footer":n.footer=!!o?.[u];break;default:break}}),t==="adaptive"?re(Y,{...a,adaptive:!0,fullscreen:n.fullScreen,header:re(Ne,{actionsStart:n.actionsStart?re(p,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:n.actionsEnd?re(p,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:m,subtitle:n.subtitle}),footer:n.footer?Js(Tt,{alignment:"stretched",children:[re(p,{text:"Cancel",size:"large",themeColor:"base"}),re(p,{text:"Apply",size:"large",themeColor:"primary"})]}):void 0,children:i}):re(Y,{...a,fullscreen:n.fullScreen,header:re(Ne,{actionsStart:n.actionsStart?re(p,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:n.actionsEnd?re(p,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:n.subtitle}),footer:n.footer?Js(Tt,{alignment:"stretched",children:[re(p,{text:"Apply",themeColor:"primary"}),re(p,{text:"Cancel",themeColor:"base"})]}):void 0,children:i})};To.options=wu;To.states=Du;To.variants=Hu;To.defaultOptions=Al;To.modifiers=zu;To.className=Y.className;var Ys="slider",El=Ys;import{jsx as Oo,jsxs as Zs}from"react/jsx-runtime";var Ta="k-slider",Uu=[r.hover,r.focus,r.active,r.disabled,r.readonly],Fu={},Xe={type:"single",orientation:"horizontal",gradientType:"1d",readonly:!1,disabled:!1,handlePosition:"end",showButtons:!0,showTicks:!0,value:50,min:0,max:100},V=e=>{let{type:t=Xe.type,orientation:o=Xe.orientation,gradientType:a=Xe.gradientType,readonly:n=Xe.readonly,disabled:i=Xe.disabled,handlePosition:l=Xe.handlePosition,showButtons:m=Xe.showButtons,showTicks:u=Xe.showTicks,value:f=Xe.value,min:N=Xe.min,max:g=Xe.max,startValue:c,endValue:L,hover:M,focus:k,active:A,trackStyle:C,dir:y,...H}=e,Ae=(()=>{if(t==="gradient"&&a==="2d")return"undefined";if(o==="vertical")return"vertical"})(),pe,ue;return o==="horizontal"?(pe=y==="rtl"?"chevron-left":"chevron-right",ue=y==="rtl"?"chevron-right":"chevron-left"):o==="vertical"&&(pe="chevron-up",ue="chevron-down"),Zs("div",{...H,className:s(Ta,e.className,S(Ta,{readonly:n,disabled:i}),{[`k-slider-${o}`]:o,"k-colorgradient-slider":t==="gradient"}),dir:y,children:[m&&Oo(p,{className:"k-button-decrease",rounded:"full",icon:ue,tabIndex:-1,title:"Decrease"}),Zs("div",{className:"k-slider-track-wrap",children:[u&&Oo("ul",{className:"k-reset k-slider-items","aria-hidden":"true",children:e.children}),Zs("div",{className:"k-slider-track",style:C,children:[Oo("div",{className:"k-slider-selection"}),t==="range"&&Oo("span",{className:s("k-draghandle","k-draghandle-start",S(Ta,{hover:M,focus:k,active:A})),role:"slider",tabIndex:i?void 0:0,"aria-valuenow":c??N,"aria-valuemin":N,"aria-valuemax":L??g,"aria-orientation":Ae,"aria-disabled":i?"true":void 0,"aria-readonly":n?"true":void 0,"aria-label":H["aria-label"]?`${H["aria-label"]} start`:"Range start"}),Oo("span",{className:s("k-draghandle",`k-draghandle-${l}`,S(Ta,{hover:M,focus:k,active:A})),role:"slider",tabIndex:i?void 0:0,"aria-valuenow":t==="range"?L??g:f,"aria-valuemin":t==="range"?c??N:N,"aria-valuemax":g,"aria-orientation":Ae,"aria-disabled":i?"true":void 0,"aria-readonly":n?"true":void 0,"aria-label":t==="range"?H["aria-label"]?`${H["aria-label"]} end`:"Range end":H["aria-label"]})]})]}),m&&Oo(p,{className:"k-button-increase",rounded:"full",icon:pe,tabIndex:-1,title:"Increase"})]})};V.states=Uu;V.options=Fu;V.className=Ta;V.defaultOptions=Xe;V.moduleName=Ys;V.folderName=El;import{jsx as yl}from"react/jsx-runtime";var Il="k-tick",Gu=[],Vu={},Tl={label:!1},I=e=>{let{style:t,label:o=Tl.label,orientation:a,large:n,text:i,...l}=e;return yl("li",{...l,role:"presentation",title:i\|\|"Tick",className:s(e.className,Il,{[`k-tick-${a}`]:a,"k-tick-large":n}),style:t,children:o&&yl("span",{className:"k-label",children:i})})};I.states=Gu;I.options=Vu;I.className=Il;I.defaultOptions=Tl;import{Fragment as $u,jsx as qe,jsxs as Xu}from"react/jsx-runtime";var Ol=e=>qe(V,{"aria-label":e["aria-label"]\|\|"Slider",children:Xu($u,{children:[qe(I,{className:"k-first",label:!0,large:!0,text:"0"}),qe(I,{}),qe(I,{}),qe(I,{}),qe(I,{}),qe(I,{label:!0,large:!0,text:"5"}),qe(I,{}),qe(I,{}),qe(I,{}),qe(I,{}),qe(I,{className:"k-last",label:!0,large:!0,text:"10"})]}),...e});import{Fragment as qu,jsx as We,jsxs as Wu}from"react/jsx-runtime";var Bl=e=>We(V,{children:Wu(qu,{children:[We(I,{className:"k-first",label:!0,large:!0,text:"0"}),We(I,{}),We(I,{}),We(I,{}),We(I,{}),We(I,{label:!0,large:!0,text:"5"}),We(I,{}),We(I,{}),We(I,{}),We(I,{}),We(I,{className:"k-last",label:!0,large:!0,text:"10"})]}),"aria-label":e["aria-label"]\|\|"Vertical slider",...e,orientation:"vertical"});import{Fragment as MO,jsx as LO,jsxs as SO}from"react/jsx-runtime";import{Fragment as yO,jsx as EO,jsxs as IO}from"react/jsx-runtime";import{jsx as Ju}from"react/jsx-runtime";var Qs=e=>Ju(V,{type:"gradient",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]\|\|"Color slider"});import{jsx as Yu}from"react/jsx-runtime";var js=e=>Yu(V,{type:"gradient",orientation:"vertical",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]\|\|"Color slider"});import{Fragment as zO,jsx as HO,jsxs as UO}from"react/jsx-runtime";import{Fragment as XO,jsx as $O,jsxs as qO}from"react/jsx-runtime";import{jsx as bt,jsxs as Pl}from"react/jsx-runtime";var Zu=V.options,Qu=V.states,Kl={...V.defaultOptions,variant:"horizontal",label:!0},ju=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],ef=[{name:"label",title:"Labels",default:!0},{name:"tick",title:"Ticks",default:!0},{name:"button",title:"Side Buttons",default:!0}],Bo=e=>{let{variant:t,modifiers:o,...a}=e,n=Kl.label,i={};Object.keys(o\|\|{}).forEach(m=>{switch(m){case"button":{i.showButtons=!!o?.[m];break}case"label":{n=!!o?.[m];break}case"tick":{i.showTicks=!!o?.[m];break}}});let l={"--kendo-slider-start":0,"--kendo-slider-end":60};return t==="vertical"?Pl(Bl,{style:{height:"300px",...l},...a,...i,children:[bt(I,{label:n,large:!0,orientation:"vertical",text:"0",style:{position:"absolute",bottom:"0%"}}),bt(I,{label:n,large:!0,orientation:"vertical",text:"2",style:{position:"absolute",bottom:"25%"}}),bt(I,{label:n,large:!0,orientation:"vertical",text:"4",style:{position:"absolute",bottom:"50%"}}),bt(I,{label:n,large:!0,orientation:"vertical",text:"6",style:{position:"absolute",bottom:"75%"}}),bt(I,{label:n,large:!0,orientation:"vertical",text:"8",style:{position:"absolute",bottom:"100%"}})]}):Pl(Ol,{style:{width:"400px",...l},...a,...i,children:[bt(I,{label:n,large:!0,orientation:"horizontal",text:"0",style:{position:"absolute",left:"0%"}}),bt(I,{label:n,large:!0,orientation:"horizontal",text:"2",style:{position:"absolute",left:"25%"}}),bt(I,{label:n,large:!0,orientation:"horizontal",text:"4",style:{position:"absolute",left:"50%"}}),bt(I,{label:n,large:!0,orientation:"horizontal",text:"6",style:{position:"absolute",left:"75%"}}),bt(I,{label:n,large:!0,orientation:"horizontal",text:"8",style:{position:"absolute",left:"100%"}})]})};Bo.options=Zu;Bo.states=Qu;Bo.variants=ju;Bo.defaultOptions=Kl;Bo.modifiers=ef;Bo.className=V.className;import{jsx as Rl,jsxs as sf}from"react/jsx-runtime";var _l="k-spin-button",af=[],nf={size:[d.undefined,d.small,d.medium,d.large],fillMode:[x.undefined,x.solid,x.flat,x.outline,x.clear,x.link]},er={increaseLabel:"Increase value",decreaseLabel:"Decrease value"},Kt=e=>{let{size:t,fillMode:o,disabled:a,increaseLabel:n=er.increaseLabel,decreaseLabel:i=er.decreaseLabel,...l}=e;return sf("span",{...l,className:s(_l,e.className),children:[Rl(p,{className:"k-spinner-increase",icon:"chevron-up",size:t,fillMode:o,disabled:a,"aria-label":n}),Rl(p,{className:"k-spinner-decrease",icon:"chevron-down",size:t,fillMode:o,disabled:a,"aria-label":i})]})};Kt.states=af;Kt.options=nf;Kt.className=_l;Kt.defaultOptions=er;Kt.moduleName=null;Kt.folderName=null;var wl="numeric-textbox",Dl="numerictextbox";import{Fragment as Hl,jsx as Lt,jsxs as tr}from"react/jsx-runtime";var zl="k-numerictextbox",rf=[r.hover,r.focus,r.valid,r.invalid,r.loading,r.required,r.disabled,r.readonly],lf={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]},xn={showSpinButton:!0,showClearButton:!0,separators:!0},D=e=>{let{size:t,rounded:o,fillMode:a,separators:n=xn.separators,showClearButton:i=xn.showClearButton,showSpinButton:l=xn.showSpinButton,prefix:m,suffix:u,value:f,placeholder:N,hover:g,focus:c,valid:L,invalid:M,required:k,loading:A,disabled:C,readonly:y,id:H,"aria-label":le,"aria-describedby":Ae,...pe}=e;return tr(J,{...pe,size:t,rounded:o,fillMode:a,hover:g,focus:c,valid:L,invalid:M,required:k,loading:A,disabled:C,readonly:y,className:s(e.className,zl),children:[m&&tr(Hl,{children:[Lt(Fe,{children:m}),n&&Lt(Ve,{})]}),Lt(fe,{id:H,placeholder:N,value:f,role:"spinbutton",disabled:C,"aria-label":le,"aria-describedby":Ae,"aria-invalid":M?"true":void 0}),Lt(xe,{valid:L,invalid:M,loading:A,disabled:C}),Lt(ye,{loading:A,disabled:C}),i&&Lt(Ke,{loading:A,disabled:C,readonly:y,value:f}),u&&tr(Hl,{children:[n&&Lt(Ve,{}),Lt(Ge,{children:u})]}),l&&Lt(Kt,{className:"k-input-spinner",size:t,fillMode:a,disabled:C})]})};D.states=rf;D.options=lf;D.className=zl;D.defaultOptions=xn;D.moduleName=wl;D.folderName=Dl;var Oa=D;import{jsx as pf}from"react/jsx-runtime";var Ul=e=>pf(Oa,{...e});import ar from"react";import{jsx as Fl}from"react/jsx-runtime";var df="k-list-group-sticky-header",or=e=>Fl("div",{className:s(df,e.className),children:Fl("div",{className:"k-list-header-text",children:e.children})});import{jsx as cf}from"react/jsx-runtime";var mf="k-no-data",Nn=e=>{let{live:t,...o}=e;return cf("span",{...o,className:s(mf,e.className),"aria-live":t?"polite":void 0,children:e.children})};var eo="list",Po=eo;import{jsx as Gl,jsxs as Vl}from"react/jsx-runtime";var nr="k-list",uf=[],ff={size:[d.undefined,d.small,d.medium,d.large]},bf={},K=e=>{let{size:t,virtualization:o,children:a,header:n,selectAll:i,optionLabel:l,customValue:m,noData:u,screenReaders:f,...N}=e,c=ar.Children.toArray(a)[0],L=c?.props?.children?ar.Children.count(c.props.children):ar.Children.count(a);return Vl("div",{...N,className:s(e.className,nr,E(nr,{size:t}),{"k-virtual-list":o}),children:[l,i,m,n&&Gl(or,{children:n}),a\|\|(u!==void 0?u:Gl(Nn,{live:!0,children:"No data found."})),f&&a&&Vl(Nn,{className:"k-sr-only",live:!0,children:[L," items found."]})]})};K.states=uf;K.options=ff;K.className=nr;K.defaultOptions=bf;K.moduleName=eo;K.folderName=Po;import{jsx as vf}from"react/jsx-runtime";var $l="k-list-container",xf=[],Nf={},hf={},Ko=e=>{let{...t}=e;return vf("div",{...t,className:s(e.className,$l),children:e.children})};Ko.states=xf;Ko.options=Nf;Ko.className=$l;Ko.defaultOptions=hf;Ko.moduleName=eo;Ko.folderName=Po;var to="checkbox",Ro=to;import{jsx as Xl}from"react/jsx-runtime";var hn="k-checkbox",gf=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.checked,r.indeterminate],Lf={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full]},Mf={},_e=e=>{let{id:t,checked:o,indeterminate:a,hover:n,focus:i,disabled:l,invalid:m,valid:u,required:f,size:N,rounded:g,wrapperRole:c,...L}=e;return Xl("span",{className:"k-checkbox-wrap",role:c,children:Xl("input",{...L,id:t,type:"checkbox",defaultChecked:o,required:f,disabled:l\|\|void 0,"aria-invalid":m?"true":void 0,className:s(e.className,hn,E(hn,{size:N,rounded:g}),S(hn,{hover:n,focus:i,disabled:l,invalid:m,valid:u,indeterminate:a,checked:o}))})})};_e.states=gf;_e.options=Lf;_e.className=hn;_e.defaultOptions=Mf;_e.moduleName=to;_e.folderName=Ro;var nt=_e;import{jsx as Cf}from"react/jsx-runtime";var ql="k-checkbox-list",Sf=[],kf={},Wl={layout:"vertical"},he=e=>{let{layout:t=Wl.layout,...o}=e;return Cf("ul",{...o,className:s(e.className,ql,{[`k-list-${t}`]:t}),children:e.children})};he.states=Sf;he.options=kf;he.className=ql;he.defaultOptions=Wl;he.moduleName=to;he.folderName=Ro;import{jsx as If}from"react/jsx-runtime";var Jl="k-checkbox-list-item",Af=[],Ef={},yf={},ve=e=>{let{...t}=e;return If("li",{...t,className:s(e.className,Jl),children:e.children})};ve.states=Af;ve.options=Ef;ve.className=Jl;ve.defaultOptions=yf;ve.moduleName=to;ve.folderName=Ro;import{Fragment as Tf,jsx as Yl,jsxs as Of}from"react/jsx-runtime";var Mt=({children:e="Label",id:t="cb-label-after",...o})=>Of(Tf,{children:[Yl(nt,{id:t,...o}),Yl("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});import{Fragment as NP,jsx as xP,jsxs as hP}from"react/jsx-runtime";import{Fragment as SP,jsx as MP,jsxs as kP}from"react/jsx-runtime";import{Fragment as IP,jsx as yP,jsxs as TP}from"react/jsx-runtime";import{jsx as KP}from"react/jsx-runtime";import{jsx as DP}from"react/jsx-runtime";import{jsx as FP}from"react/jsx-runtime";import{jsx as Je,jsxs as Zl}from"react/jsx-runtime";var Bf=he.options,Pf=he.states,Kf={...he.defaultOptions,variant:"vertical"},Rf=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],_f=[],_o=e=>{let{variant:t,...o}=e;return t==="horizontal"?Zl(he,{layout:"horizontal",...o,children:[Je(ve,{children:Je(Mt,{id:B("cb"),defaultChecked:!0,children:"Label"})}),Je(ve,{children:Je(Mt,{id:B("cb"),children:"Label"})}),Je(ve,{children:Je(Mt,{id:B("cb"),children:"Label"})})]}):Zl(he,{...o,children:[Je(ve,{children:Je(Mt,{id:B("cb"),defaultChecked:!0,children:"Label"})}),Je(ve,{children:Je(Mt,{id:B("cb"),children:"Label"})}),Je(ve,{children:Je(Mt,{id:B("cb"),children:"Label"})})]})};_o.options=Bf;_o.states=Pf;_o.variants=Rf;_o.defaultOptions=Kf;_o.modifiers=_f;_o.className=he.className;import{jsx as Ff}from"react/jsx-runtime";var wf=nt.options,Df=nt.states,Hf=nt.defaultOptions,zf=[],Uf=[],wo=e=>Ff(Mt,{id:B("checkbox"),...e,defaultChecked:!0,children:"Label"});wo.options=wf;wo.states=Df;wo.variants=zf;wo.defaultOptions=Hf;wo.modifiers=Uf;wo.className=nt.className;import{jsx as Do,jsxs as Xf}from"react/jsx-runtime";var sr="k-list-item",Gf=[r.hover,r.focus,r.selected,r.disabled],Vf={},$f={},O=e=>{let{text:t,iconName:o,iconClassName:a,showCheckbox:n,checked:i,hover:l,focus:m,selected:u,disabled:f,actions:N,description:g,id:c,...L}=e,M=t\|\|e.children,k=t\|\|(typeof M=="string"?M:void 0);return Xf("li",{...L,id:c,role:"option",tabIndex:m?0:-1,"aria-selected":u?"true":"false","aria-disabled":f?"true":void 0,className:s(e.className,sr,S(sr,{hover:l,focus:m,disabled:f,selected:u})),children:[n&&Do(_e,{checked:i,disabled:f,"aria-label":k,tabIndex:-1}),o&&Do("span",{className:"k-list-item-icon-wrapper",children:Do(v,{icon:o,className:s("k-list-item-icon",a)})}),Do("span",{className:"k-list-item-text",children:M}),N&&Do("div",{className:"k-list-item-actions",children:N}),g&&Do("span",{className:"k-list-item-description",children:g})]})};O.states=Gf;O.options=Vf;O.className=sr;O.defaultOptions=$f;O.moduleName=eo;O.folderName=Po;import{jsx as Wf}from"react/jsx-runtime";var qf="k-list-ul",Rt=e=>{let{children:t,role:o,id:a,...n}=e;return Wf("ul",{...n,id:a,role:o,className:s(qf,e.className),children:t})};import{jsx as rr,jsxs as Yf}from"react/jsx-runtime";var Jf="k-list-content",z=e=>{let{virtualization:t,grouping:o,"aria-label":a,"aria-labelledby":n,listboxId:i,...l}=e;return Yf("div",{...l,className:s(Jf,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:rr(Rt,{role:"listbox",id:i,"aria-label":a,"aria-labelledby":n,children:e.children}),t&&rr("div",{className:"k-height-container",children:rr("div",{})})]})};import{jsx as ir,jsxs as eb}from"react/jsx-runtime";var vn="k-list-sticky-header",Zf=[r.hover,r.focus,r.selected],Qf={},jf={},gn=e=>{let{label:t="Select all",showCheckbox:o=!0,checked:a,indeterminate:n,hover:i,focus:l,selected:m,...u}=e;return ir("div",{...u,className:s(vn,e.className),children:eb("div",{className:s(`${vn}-item`,S(`${vn}-item`,{hover:i,focus:l,selected:m})),"aria-label":t,...!o&&{tabIndex:0,"aria-selected":m?"true":"false"},children:[o&&ir(_e,{checked:a,indeterminate:n,"aria-label":t}),ir("span",{className:"k-list-item-text",children:t})]})})};gn.states=Zf;gn.options=Qf;gn.className=vn;gn.defaultOptions=jf;import{Fragment as _K,jsx as RK,jsxs as wK}from"react/jsx-runtime";import{jsx as FK,jsxs as GK}from"react/jsx-runtime";import{jsx as nb}from"react/jsx-runtime";var lr="k-list-optionlabel",tb=[r.hover,r.focus,r.selected,r.disabled],ob={},ab={},Ln=e=>{let{text:t,hover:o,focus:a,selected:n,disabled:i,...l}=e;return nb("div",{...l,className:s(lr,S(lr,{hover:o,focus:a,selected:n,disabled:i})),children:t})};Ln.states=tb;Ln.options=ob;Ln.className=lr;Ln.defaultOptions=ab;import{jsx as lb}from"react/jsx-runtime";var pr="k-list-custom-value",sb=[r.hover,r.focus,r.selected,r.disabled],rb={},ib={},_t=e=>{let{text:t,hover:o,focus:a,selected:n,disabled:i,...l}=e;return lb("div",{...l,className:s(pr,S(pr,{hover:o,focus:a,selected:n,disabled:i})),children:t})};_t.states=sb;_t.options=rb;_t.className=pr;_t.defaultOptions=ib;import{Fragment as tR,jsx as eR,jsxs as oR}from"react/jsx-runtime";import{Fragment as lR,jsx as iR,jsxs as pR}from"react/jsx-runtime";import{Fragment as xR,jsx as fR,jsxs as bR}from"react/jsx-runtime";import{Fragment as SR,jsx as LR,jsxs as MR}from"react/jsx-runtime";import{jsx as ER}from"react/jsx-runtime";import{Fragment as PR,jsx as BR,jsxs as KR}from"react/jsx-runtime";import{Fragment as zR,jsx as HR,jsxs as UR}from"react/jsx-runtime";var Ql="dropdown-list",jl="dropdownlist";import{Fragment as mb,jsx as ge,jsxs as dr}from"react/jsx-runtime";var ep="k-dropdownlist",pb=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading,r.readonly],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]},mr={showValue:!0,arrowIconName:"chevron-down"},ne=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:n=mr.arrowIconName,showValue:i=mr.showValue,valueIconName:l,prefix:m,suffix:u,value:f,placeholder:N,hover:g,focus:c,valid:L,invalid:M,required:k,loading:A,disabled:C,readonly:y,popup:H,opened:le,adaptive:Ae,adaptiveSettings:pe,adaptiveTitle:ue,adaptiveSubtitle:Jn,adaptiveFilter:$t,id:Xt,activeDescendant:ua,"aria-label":Yn,...Zn}=e,Qn=Xt?`${Xt}-listbox`:void 0,ni=Xt?`${Xt}-value`:void 0;return dr(mb,{children:[dr(ct,{...Zn,id:Xt,size:t,rounded:o,fillMode:a,hover:g,focus:c,valid:L,invalid:M,required:k,loading:A,disabled:C,readonly:y,className:s(e.className,ep,{"k-icon-picker":!i&&l}),role:"combobox","aria-haspopup":"listbox","aria-expanded":le?"true":"false","aria-controls":le?Qn:void 0,"aria-activedescendant":le&&ua?ua:void 0,"aria-describedby":le?ni:void 0,"aria-disabled":C?"true":void 0,"aria-label":Yn,tabIndex:0,children:[ge(Fe,{children:m}),ge(jt,{placeholder:N,value:f,showValue:i,valueIconName:l,id:ni}),ge(xe,{valid:L,invalid:M,loading:A,disabled:C}),ge(ye,{loading:A,disabled:C}),ge(Ge,{children:u}),ge(p,{className:"k-input-button",icon:n,size:e.size,fillMode:e.fillMode,"aria-label":N\|\|"Toggle dropdown",tabIndex:-1})]}),le&&H&&ge(q,{className:"k-list-container k-dropdownlist-popup",containerRole:"region",containerAriaLabel:"Dropdown suggestions",children:H}),Ae&&ge(Y,{adaptive:!0,...pe,header:ge(Ne,{actionsEnd:ge(p,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),filter:$t,inputValue:f,inputPlaceholder:N,title:ue,subtitle:Jn}),children:ge("div",{className:"k-list-container",children:ge(K,{size:"large",children:dr(z,{"aria-label":"Options",children:[ge(O,{text:"List item"}),ge(O,{text:"List item"}),ge(O,{text:"List item"})]})})})})]})};ne.states=pb;ne.options=db;ne.className=ep;ne.defaultOptions=mr;ne.moduleName=Ql;ne.folderName=jl;import{jsx as M_}from"react/jsx-runtime";import{jsx as y_,jsxs as I_}from"react/jsx-runtime";import{Fragment as D_,jsx as __,jsxs as w_}from"react/jsx-runtime";import{jsx as G_}from"react/jsx-runtime";import{jsx as J_,jsxs as Y_}from"react/jsx-runtime";import{Fragment as s0,jsx as a0,jsxs as n0}from"react/jsx-runtime";import{jsx as d0}from"react/jsx-runtime";import{Fragment as Nb,jsx as wt,jsxs as tp}from"react/jsx-runtime";var cb=ne.states,ub=ne.defaultOptions,fb=ne.options,bb=[{name:"opened",title:"Opened"}],xb=[],zo=e=>{let{modifiers:t,...o}=e,a={},n=tp(Nb,{children:[wt("div",{className:"k-list-filter",children:wt($e,{})}),wt(K,{style:{width:300},size:o.size,children:tp(z,{children:[wt(O,{children:"List item"}),wt(O,{children:"List item"}),wt(O,{children:"List item"})]})})]});return Object.keys(t\|\|{}).forEach(i=>{i==="opened"&&(a.opened=!!t?.[i],a.popup=t?.[i]?n:void 0)}),wt("div",{children:wt(ne,{placeholder:"Value",style:{width:300},...o,...a})})};zo.options=fb;zo.states=cb;zo.variants=xb;zo.defaultOptions=ub;zo.modifiers=bb;zo.className=ne.className;import{Fragment as B0,jsx as O0}from"react/jsx-runtime";import{Fragment as D0,jsx as w0}from"react/jsx-runtime";import{jsx as F0}from"react/jsx-runtime";import{jsx as cr}from"react/jsx-runtime";var hb=D.states,vb=D.defaultOptions,gb=D.options,Lb=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"spin-button",title:"`Spin` Button"}],Mb=[],Uo=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(n=>{switch(n){case"prefix":a.prefix=t?.[n]?cr(ne,{size:o.size,fillMode:"flat",value:"mm"}):void 0;break;case"suffix":a.suffix=t?.[n]?cr(Ks,{children:"mm"}):void 0;break;case"clear-button":a.showClearButton=t?.[n];break;case"spin-button":a.showSpinButton=t?.[n];break;default:break}}),cr(Ul,{value:"Value",style:{width:300},...o,...a})};Uo.options=gb;Uo.states=hb;Uo.variants=Mb;Uo.defaultOptions=vb;Uo.modifiers=Lb;Uo.className=D.className;import{Fragment as Pa,jsx as P,jsxs as Z}from"react/jsx-runtime";var op="k-colorgradient-inputs",Sb=[],kb={size:[d.undefined,d.small,d.medium,d.large]},ap={mode:"rgba"},Fo=e=>{let{mode:t=ap.mode,size:o,...a}=e;return Z("div",{...a,className:s(op,"k-hstack"),children:[P("div",{className:"k-vstack",children:P(p,{fillMode:"flat",icon:"caret-alt-expand",className:"k-colorgradient-toggle-mode",size:o,"aria-label":"Toggle color input format"})}),t==="rgba"&&Z(Pa,{children:[Z("div",{className:"k-vstack",children:[P(D,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Red channel"}),P("label",{className:"k-colorgradient-input-label",children:"R"})]}),Z("div",{className:"k-vstack",children:[P(D,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Green channel"}),P("label",{className:"k-colorgradient-input-label",children:"G"})]}),Z("div",{className:"k-vstack",children:[P(D,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Blue channel"}),P("label",{className:"k-colorgradient-input-label",children:"B"})]}),Z("div",{className:"k-vstack",children:[P(D,{showSpinButton:!1,showClearButton:!1,value:"1.00",size:o,"aria-label":"Alpha channel"}),P("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="rgb"&&Z(Pa,{children:[Z("div",{className:"k-vstack",children:[P(D,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Red channel"}),P("label",{className:"k-colorgradient-input-label",children:"R"})]}),Z("div",{className:"k-vstack",children:[P(D,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Green channel"}),P("label",{className:"k-colorgradient-input-label",children:"G"})]}),Z("div",{className:"k-vstack",children:[P(D,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Blue channel"}),P("label",{className:"k-colorgradient-input-label",children:"B"})]})]}),t==="hsva"&&Z(Pa,{children:[Z("div",{className:"k-vstack",children:[P(D,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),P("label",{className:"k-colorgradient-input-label",children:"H"})]}),Z("div",{className:"k-vstack",children:[P(D,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),P("label",{className:"k-colorgradient-input-label",children:"S"})]}),Z("div",{className:"k-vstack",children:[P(D,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),P("label",{className:"k-colorgradient-input-label",children:"V"})]}),Z("div",{className:"k-vstack",children:[P(D,{showSpinButton:!1,showClearButton:!1,value:"1.00","aria-label":"Alpha channel"}),P("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="hsv"&&Z(Pa,{children:[Z("div",{className:"k-vstack",children:[P(D,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),P("label",{className:"k-colorgradient-input-label",children:"H"})]}),Z("div",{className:"k-vstack",children:[P(D,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),P("label",{className:"k-colorgradient-input-label",children:"S"})]}),Z("div",{className:"k-vstack",children:[P(D,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),P("label",{className:"k-colorgradient-input-label",children:"V"})]})]}),t==="hex"&&P(Pa,{children:Z("div",{className:"k-vstack k-flex-1",children:[P(ce,{showClearButton:!1,value:"#b88484AA",className:"k-hex-value"}),P("label",{className:"k-colorgradient-input-label",children:"HEX"})]})})]})};Fo.states=Sb;Fo.options=kb;Fo.className=op;Fo.defaultOptions=ap;import{jsx as oo,jsxs as ao}from"react/jsx-runtime";var np="k-colorgradient-color-contrast",Cb=[],Ab={},Eb={},Go=()=>ao("div",{className:s(np,"k-vbox"),children:[ao("div",{className:"k-contrast-ratio",children:[oo("span",{className:"k-contrast-ratio-text",children:"Contrast ratio: 7.1"}),ao("span",{className:"k-contrast-validation !k-text-success",children:[oo(v,{icon:"check"}),oo(v,{icon:"check"})]})]}),ao("div",{children:[oo("span",{children:"AA: 4.5"}),ao("span",{className:"k-contrast-validation !k-text-success",children:["Pass",oo(v,{icon:"check"})]})]}),ao("div",{children:[oo("span",{children:"AAA: 7.0"}),ao("span",{className:"k-contrast-validation !k-text-error",children:["Fail",oo(v,{icon:"x"})]})]})]});Go.states=Cb;Go.options=Ab;Go.className=np;Go.defaultOptions=Eb;var sp="color-gradient",rp="colorgradient";import{jsx as Ye,jsxs as Ka}from"react/jsx-runtime";var Mn="k-colorgradient",yb=[r.hover,r.focus,r.readonly,r.disabled],Ib={size:[d.undefined,d.small,d.medium,d.large]},xt={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"},ie=e=>{let{size:t,mode:o=xt.mode,readonly:a=xt.readonly,disabled:n=xt.disabled,gradientStyle:i=xt.gradientStyle,dragHandleStyle:l=xt.dragHandleStyle,alphaStyle:m=xt.alphaStyle,alphaStyleHorizontal:u=xt.alphaStyleHorizontal,contrast:f=xt.contrast,dir:N,hover:g,focus:c,hoverHandle:L,focusHandle:M,canvasOrientation:k=xt.canvasOrientation,role:A,tabIndex:C,...y}=e;return Ka("div",{...y,role:A??"textbox","aria-label":A==="none"?void 0:"Color gradient",tabIndex:C??0,"aria-disabled":n?"true":void 0,className:s(e.className,Mn,E(Mn,{size:t}),S(Mn,{hover:g,focus:c,readonly:a,disabled:n})),dir:N,children:[!k\|\|k==="horizontal"&&Ka("div",{className:"k-colorgradient-canvas k-hstack",children:[Ye("div",{className:"k-hsv-rectangle",style:i,children:Ye("div",{className:"k-hsv-gradient",children:Ye("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})})}),Ka("div",{className:"k-hsv-controls k-hstack",children:[Ye(js,{className:"k-hue-slider",hover:L,focus:M}),o!=="rgb"&&o!=="hsv"&&Ye(js,{className:"k-alpha-slider",hover:L,focus:M,trackStyle:m})]})]}),k==="vertical"&&Ka("div",{className:"k-colorgradient-canvas k-vstack",children:[Ye("div",{className:"k-hsv-rectangle",style:i,children:Ye("div",{className:"k-hsv-gradient",children:Ye("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})})}),Ka("div",{className:"k-hsv-controls k-vstack",children:[Ye(Qs,{className:"k-hue-slider",hover:L,focus:M}),o!=="rgb"&&o!=="hsv"&&Ye(Qs,{className:"k-alpha-slider",hover:L,focus:M,trackStyle:u})]})]}),Ye(Fo,{mode:e.mode,size:t}),f&&Ye(Go,{})]})};ie.states=yb;ie.options=Ib;ie.className=Mn;ie.defaultOptions=xt;ie.moduleName=sp;ie.folderName=rp;import{jsx as Tb}from"react/jsx-runtime";var Sn=e=>Tb(ie,{...e});import{jsx as Ew}from"react/jsx-runtime";import{jsx as Ow}from"react/jsx-runtime";import{jsx as ur}from"react/jsx-runtime";var Ob=ie.options,Bb=ie.states,Pb={...ie.defaultOptions,variant:"rgba"},Kb=[{name:"rgba",title:"RGBA"},{name:"rgb",title:"RGB"},{name:"hex",title:"HEX"}],Rb=[],Vo=e=>{let{variant:t,...o}=e;switch(t){case"hex":return ur(Sn,{...o,mode:t});case"rgb":return ur(Sn,{...o,mode:t});default:return ur(Sn,{...o,mode:t})}};Vo.options=Ob;Vo.states=Bb;Vo.variants=Kb;Vo.defaultOptions=Pb;Vo.modifiers=Rb;Vo.className=ie.className;import{jsx as _b}from"react/jsx-runtime";var fr=e=>_b("tr",{role:"row",children:e.children});import{jsx as Hb}from"react/jsx-runtime";var br="k-colorpalette-tile",wb=[r.hover,r.focus,r.selected],Db={},Dt=e=>{let{color:t,tileSize:o,hover:a,focus:n,selected:i,...l}=e,m={backgroundColor:t,width:o?o+"px":"",height:o?o+"px":""};return Hb("td",{...l,role:"gridcell","aria-label":t,"aria-selected":i?"true":void 0,className:s(e.className,br,S(br,{hover:a,focus:n,selected:i})),style:m})};Dt.states=wb;Dt.options=Db;Dt.className=br;Dt.moduleName=null;Dt.folderName=null;var ip="color-palette",lp="colorpalette";import{jsx as Ra}from"react/jsx-runtime";var kn="k-colorpalette",zb=[r.disabled],Ub={size:[d.undefined,d.small,d.medium,d.large]},pp={columns:10},Ie=e=>{let{size:t,palette:o,columns:a=pp.columns,tileSize:n,disabled:i,...l}=e,m=[];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,g)=>{let c=[];f.slice(gu,(g+1)*u).map((M,k)=>{c.push(Ra(Dt,{color:M,tileSize:n},k))});let L=Ra(fr,{children:c},g);m.push(L)})}return Ra("div",{...l,role:"grid","aria-label":"Color palette",tabIndex:0,"aria-disabled":i?"true":void 0,className:s(e.className,kn,S(kn,{disabled:i}),E(kn,{size:t})),children:Ra("table",{className:"k-colorpalette-table",role:"none",children:Ra("tbody",{children:m.length>0?m:e.children})})})};Ie.states=zb;Ie.options=Ub;Ie.className=kn;Ie.defaultOptions=pp;Ie.moduleName=ip;Ie.folderName=lp;var Cn=Ie;var _a={basic:{colors:["#000000","#7f7f7f","#880015","#ed1c24","#ff7f27","#fff200","#22b14c","#00a2e8","#3f48cc","#a349a4","#ffffff","#c3c3c3","#b97a57","#ffaec9","#ffc90e","#efe4b0","#b5e61d","#99d9ea","#7092be","#c8bfe7"],columns:10},office:{colors:["#ffffff","#000000","#e6e6e6","#435569","#4371c4","#ed7e32","#a5a4a5","#febf04","#5a9bd5","#71ae48","#f2f2f3","#7f7f7f","#d1cece","#d5dde3","#dae1f4","#fce5d4","#deeded","#fff2cc","#deeaf6","#e1efd9","#d7d8d8","#585959","#aeabab","#adbaca","#b4c5e7","#f6caac","#dbdbdb","#ffe498","#bcd6ee","#c5e0b2","#bfbfc0","#3f3f3f","#767070","#8595b1","#8fabdb","#f5b183","#c9c8c9","#fed965","#9bc4e5","#a8d08d","#a5a5a6","#262625","#393939","#334050","#2e5496","#c45a11","#7b7b7a","#bf9000","#2f75b5","#548235","#7f7f7f","#0b0c0c","#161616","#222a34","#203764","#843d0b","#525252","#7f6000","#1d4d79","#375623"],columns:10},apex:{colors:["#ffffff","#000000","#c9c2d1","#69676d","#ceb966","#9cb084","#6bb1c9","#6585cf","#7e6bc9","#a379bb","#f2f2f2","#7f7f7f","#f4f2f5","#e0e0e2","#f5f1e0","#ebefe6","#e1eff4","#e0e6f5","#e5e1f4","#ece4f1","#d8d8d8","#595959","#e9e6ec","#c2c1c5","#ebe3c1","#d7dfcd","#c3dfe9","#c1ceeb","#cbc3e9","#dac9e3","#bfbfbf","#3f3f3f","#dedae3","#a4a3a8","#e1d5a3","#c3cfb5","#a6d0de","#a2b5e2","#b1a6de","#c7aed6","#a5a5a5","#262626","#9688a5","#4e4d51","#ae9638","#758c5a","#3d8da9","#365bb0","#533da9","#7d4d99","#7f7f7f","#0c0c0c","#635672","#343336","#746425","#4e5d3c","#295e70","#243c75","#372970","#533366"],columns:10},austin:{colors:["#ffffff","#000000","#caf278","#3e3d2d","#94c600","#71685a","#ff6700","#909465","#956b43","#fea022","#f2f2f2","#7f7f7f","#f4fce4","#dddcd0","#efffc0","#e3e1dc","#ffe0cb","#e8e9df","#ece1d6","#feecd2","#d8d8d8","#595959","#e9f9c9","#bbb9a1","#dfff82","#c8c3ba","#ffc299","#d2d4c0","#dac3ad","#fed9a6","#bfbfbf","#3f3f3f","#dff7ae","#ada598","#cfff43","#ada598","#ffa365","#bcbfa1","#c8a585","#fec67a","#a5a5a5","#262626","#a9ea25","#2e2d21","#6f9400","#544e43","#bf4d00","#6c6f4b","#6f5032","#d77b00","#7f7f7f","#0c0c0c","#74a50f","#1f1e16","#4a6300","#38342d","#7f3300","#484a32","#4a3521","#8f5200"],columns:10},clarity:{colors:["#ffffff","#292934","#f3f2dc","#d2533c","#93a299","#ad8f67","#726056","#4c5a6a","#808da0","#79463d","#f2f2f2","#e7e7ec","#e7e5b9","#f6dcd8","#e9ecea","#eee8e0","#e4dedb","#d8dde3","#e5e8ec","#e9d6d3","#d8d8d8","#c4c4d1","#d5d185","#edbab1","#d3d9d6","#ded2c2","#c9beb8","#b2bcc8","#ccd1d9","#d3aea7","#bfbfbf","#8a8aa3","#aca73b","#e4978a","#bec7c1","#cdbba3","#af9e94","#8c9bac","#b2bac6","#bd857c","#a5a5a5","#56566e","#56531d","#a43925","#6b7c72","#866b48","#554840","#39434f","#5c697b","#5a342d","#7f7f7f","#3b3b4b","#22210b","#6d2619","#47534c","#594730","#39302b","#262d35","#3d4652","#3c231e"],columns:10},slipstream:{colors:["#ffffff","#000000","#b4dcfa","#212745","#4e67c8","#5eccf3","#a7ea52","#5dceaf","#ff8021","#f14124","#f2f2f2","#7f7f7f","#8bc9f7","#c7cce4","#dbe0f4","#def4fc","#edfadc","#def5ef","#ffe5d2","#fcd9d3","#d8d8d8","#595959","#4facf3","#909aca","#b8c2e9","#beeafa","#dbf6b9","#beebdf","#ffcca6","#f9b3a7","#bfbfbf","#3f3f3f","#0d78c9","#5967af","#94a3de","#9ee0f7","#caf297","#9de1cf","#ffb279","#f68d7b","#a5a5a5","#262626","#063c64","#181d33","#31479f","#11b2eb","#81d319","#34ac8b","#d85c00","#c3260c","#7f7f7f","#0c0c0c","#021828","#101322","#202f6a","#0b769c","#568c11","#22725c","#903d00","#821908"],columns:10},metro:{colors:["#ffffff","#000000","#d6ecff","#4e5b6f","#7fd13b","#ea157a","#feb80a","#00addc","#738ac8","#1ab39f","#f2f2f2","#7f7f7f","#a7d6ff","#d9dde4","#e5f5d7","#fad0e4","#fef0cd","#c5f2ff","#e2e7f4","#c9f7f1","#d8d8d8","#595959","#60b5ff","#b3bcca","#cbecb0","#f6a1c9","#fee29c","#8be6ff","#c7d0e9","#94efe3","#bfbfbf","#3f3f3f","#007dea","#8d9baf","#b2e389","#f272af","#fed46b","#51d9ff","#aab8de","#5fe7d5","#a5a5a5","#262626","#003e75","#3a4453","#5ea226","#af0f5b","#c58c00","#0081a5","#425ea9","#138677","#7f7f7f","#0c0c0c","#00192e","#272d37","#3f6c19","#750a3d","#835d00","#00566e","#2c3f71","#0c594f"],columns:10},flow:{colors:["#ffffff","#000000","#dbf5f9","#04617b","#0f6fc6","#009dd9","#0bd0d9","#10cf9b","#7cca62","#a5c249","#f2f2f2","#7f7f7f","#b2e9f2","#b4ecfc","#c7e2fa","#c4eeff","#c9fafc","#c9faed","#e4f4df","#edf2da","#d8d8d8","#595959","#76d9e8","#6adafa","#90c6f6","#89deff","#93f5f9","#94f6db","#cae9c0","#dbe6b6","#bfbfbf","#3f3f3f","#21b2c8","#20c8f7","#59a9f2","#4fceff","#5df0f6","#5ff2ca","#b0dfa0","#c9da91","#a5a5a5","#262626","#105964","#02485c","#0b5394","#0075a2","#089ca2","#0b9b74","#54a838","#7e9532","#7f7f7f","#0c0c0c","#062328","#01303d","#073763","#004e6c","#05686c","#07674d","#387025","#546321"],columns:10},hardcover:{colors:["#ffffff","#000000","#ece9c6","#895d1d","#873624","#d6862d","#d0be40","#877f6c","#972109","#aeb795","#f2f2f2","#7f7f7f","#e1dca5","#f2e0c6","#f0d0c9","#f6e6d5","#f5f2d8","#e7e5e1","#fbc7bc","#eef0e9","#d8d8d8","#595959","#d0c974","#e6c28d","#e2a293","#eeceaa","#ece5b2","#cfccc3","#f78f7a","#dee2d4","#bfbfbf","#3f3f3f","#a29a36","#daa454","#d4735e","#e6b681","#e2d88c","#b7b2a5","#f35838","#ced3bf","#a5a5a5","#262626","#514d1b","#664515","#65281a","#a2641f","#a39428","#655f50","#711806","#879464","#7f7f7f","#0c0c0c","#201e0a","#442e0e","#431b11","#6c4315","#6d621a","#433f35","#4b1004","#5a6243"],columns:10},trek:{colors:["#ffffff","#000000","#fbeec9","#4e3b30","#f0a22e","#a5644e","#b58b80","#c3986d","#a19574","#c17529","#f2f2f2","#7f7f7f","#f7e09e","#e1d6cf","#fcecd5","#eddfda","#f0e7e5","#f3eae1","#ece9e3","#f5e3d1","#d8d8d8","#595959","#f3cc5f","#c4ad9f","#f9d9ab","#dcc0b6","#e1d0cc","#e7d5c4","#d9d4c7","#ebc7a3","#bfbfbf","#3f3f3f","#d29f0f","#a78470","#f6c781","#cba092","#d2b9b2","#dbc1a7","#c6bfab","#e1ac76","#a5a5a5","#262626","#694f07","#3a2c24","#c87d0e","#7b4b3a","#926255","#a17242","#7b7153","#90571e","#7f7f7f","#0c0c0c","#2a1f03","#271d18","#855309","#523226","#614138","#6b4c2c","#524b37","#603a14"],columns:10},verve:{colors:["#ffffff","#000000","#d2d2d2","#666666","#ff388c","#e40059","#9c007f","#68007f","#005bd3","#00349e","#f2f2f2","#7f7f7f","#bdbdbd","#e0e0e0","#ffd7e8","#ffc6dc","#ffb8f1","#f1b2ff","#c3dcff","#b8cfff","#d8d8d8","#595959","#9d9d9d","#c1c1c1","#ffafd1","#ff8eba","#ff71e4","#e365ff","#87baff","#72a0ff","#bfbfbf","#3f3f3f","#696969","#a3a3a3","#ff87ba","#ff5597","#ff2ad7","#d519ff","#4b98ff","#2b71ff","#a5a5a5","#262626","#343434","#4c4c4c","#e90062","#ab0042","#75005f","#4e005f","#00449e","#002676","#7f7f7f","#0c0c0c","#151515","#333333","#9b0041","#72002c","#4e003f","#34003f","#002d69","#00194f"],columns:10},monochrome:{colors:["#000000","#1a1a1a","#333333","#4d4d4d","#666666","#808080","#999999","#b3b3b3","#cccccc","#e6e6e6","#f2f2f2","#ffffff"],columns:12}};import{jsx as Fb}from"react/jsx-runtime";var dp=e=>Fb(Cn,{palette:_a.basic,...e});import{jsx as cD}from"react/jsx-runtime";import{jsx as hD,jsxs as vD}from"react/jsx-runtime";import{jsx as Jb}from"react/jsx-runtime";var Gb=Ie.options,Vb=Ie.states,$b={...Ie.defaultOptions,variant:"basic"},Xb=[{name:"basic",title:"Basic"},{name:"monochrome",title:"Monochrome"}],qb={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}},Wb=[],$o=e=>{let{variant:t="basic",...o}=e,a=qb[t];return Jb(dp,{columns:a.columns,palette:a,...o})};$o.options=Gb;$o.states=Vb;$o.variants=Xb;$o.defaultOptions=$b;$o.modifiers=Wb;$o.className=Ie.className;var mp="color-editor",cp="coloreditor";import{jsx as Ze,jsxs as Xo}from"react/jsx-runtime";var An="k-coloreditor",Yb=[r.focus],Zb={size:[d.undefined,d.small,d.medium,d.large]},wa={view:"gradient",palette:_a.office,actionButtons:!0,canvasOrientation:"horizontal"},Q=e=>{let{size:t,view:o=wa.view,palette:a=wa.palette,color:n,currentColor:i,focus:l,focusView:m,dir:u,group:f,actionButtons:N=wa.actionButtons,canvasOrientation:g=wa.canvasOrientation,...c}=e;return Xo("div",{...c,role:"textbox","aria-label":"Color editor",tabIndex:0,className:s(e.className,"k-flatcolorpicker",An,E(An,{size:t}),S(An,{focus:l})),dir:u,children:[Xo("div",{className:"k-coloreditor-header k-hstack",children:[Ze("div",{className:"k-coloreditor-header-actions k-hstack",children:f&&Xo(T,{fillMode:"flat",children:[Ze(p,{className:"k-group-start",size:t,fillMode:"flat",icon:"droplet-slider",selected:o==="gradient","aria-label":"Color gradient view"}),Ze(p,{className:"k-group-end",size:t,fillMode:"flat",icon:"palette",selected:o==="palette","aria-label":"Color palette view"})]})}),Ze("div",{className:"k-spacer"}),Xo("div",{className:"k-coloreditor-header-actions k-hstack",children:[Ze(p,{fillMode:"flat",icon:"droplet-slash",size:t,"aria-label":"Reset color"}),Xo("div",{className:"k-coloreditor-preview k-vstack",children:[Ze(It,{className:"k-coloreditor-preview-color",color:n}),Ze(It,{className:"k-coloreditor-current-color",color:i})]})]})]}),Ze("div",{className:"k-coloreditor-views k-vstack",children:o==="gradient"?Ze(ie,{focus:m,size:t,canvasOrientation:g,role:"none",tabIndex:-1}):Ze(Ie,{palette:a,size:t})}),N&&Xo(Re,{className:"k-coloreditor-footer",alignment:"start",children:[Ze(p,{themeColor:"primary",size:t,className:"k-coloreditor-apply",children:"Apply"}),Ze(p,{className:"k-coloreditor-cancel",size:t,children:"Cancel"})]})]})};Q.states=Yb;Q.options=Zb;Q.className=An;Q.defaultOptions=wa;Q.moduleName=mp;Q.folderName=cp;var qo=Q;import{jsx as WD}from"react/jsx-runtime";import{jsx as QD}from"react/jsx-runtime";import{jsx as Qb}from"react/jsx-runtime";var up=e=>Qb(qo,{group:!0,currentColor:"fuchsia",...e});import{jsx as jb}from"react/jsx-runtime";var fp=e=>jb(qo,{view:"palette",group:!0,currentColor:"fuchsia",...e});import{jsx as bp}from"react/jsx-runtime";var ex=Q.options,tx=Q.states,ox={...Q.defaultOptions,variant:"gradient"},ax=[{name:"gradient",title:"Gradient"},{name:"palette",title:"Palette"}],nx=[],Wo=e=>{let{variant:t,...o}=e;return t==="palette"?bp(fp,{...o,color:"white"}):bp(up,{...o,color:"rgba(183, 118 , 118, 1.00)"})};Wo.options=ex;Wo.states=tx;Wo.variants=ax;Wo.defaultOptions=ox;Wo.modifiers=nx;Wo.className=Q.className;var xp="color-picker",Np="colorpicker";import{Fragment as ix,jsx as Qe,jsxs as xr}from"react/jsx-runtime";var hp="k-colorpicker",sx=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled],rx={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]},vp={arrowIconName:"chevron-down"},je=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:n=vp.arrowIconName,prefix:i,suffix:l,value:m,placeholder:u,hover:f,focus:N,valid:g,invalid:c,required:L,disabled:M,valueIconName:k,popup:A,opened:C,adaptive:y,adaptiveSettings:H,adaptiveTitle:le,adaptiveSubtitle:Ae,...pe}=e,ue="colorpicker-popup";return xr(ix,{children:[xr(ct,{...pe,size:t,rounded:o,fillMode:a,hover:f,focus:N,valid:g,invalid:c,required:L,disabled:M,role:"combobox","aria-haspopup":"dialog","aria-expanded":C?"true":"false","aria-controls":C\|\|y?ue:void 0,"aria-label":"Color picker",tabIndex:0,"aria-disabled":M?"true":void 0,className:s(e.className,hp,"k-icon-picker"),children:[Qe(Fe,{children:i}),Qe(jt,{placeholder:u,value:m,showValue:!1,valueIcon:Qe(It,{className:"k-value-icon",color:m,iconName:k}),valueIconName:k}),Qe(Ge,{children:l}),Qe(p,{className:"k-input-button",icon:n,size:t,fillMode:a,tabIndex:-1,"aria-label":"Open color picker",disabled:M})]}),C&&A&&Qe(q,{id:ue,className:"k-colorpicker-popup",children:A}),y&&Qe(Y,{adaptive:!0,id:ue,...H,header:Qe(Ne,{actionsEnd:Qe(p,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply"}),title:le,subtitle:Ae}),footer:xr(Tt,{children:[Qe(p,{text:"Cancel",size:"large"}),Qe(p,{text:"Set",size:"large",themeColor:"primary"})]}),children:Qe(Q,{canvasOrientation:"vertical",size:"large",actionButtons:!1,group:!0})})]})};je.states=sx;je.options=rx;je.className=hp;je.defaultOptions=vp;je.moduleName=xp;je.folderName=Np;var St=je;import{jsx as lx}from"react/jsx-runtime";var En=e=>lx(St,{...e});import{jsx as RH}from"react/jsx-runtime";import{jsx as zH}from"react/jsx-runtime";import{jsx as VH}from"react/jsx-runtime";import{jsx as WH}from"react/jsx-runtime";import{jsx as QH}from"react/jsx-runtime";import{jsx as oz}from"react/jsx-runtime";import{jsx as no}from"react/jsx-runtime";var px=St.options,dx=St.states,gp={...St.defaultOptions,variant:"color"},mx=[{name:"color",title:"Color",default:!0},{name:"no color",title:"No color"},{name:"icon",title:"Icon"}],cx=[{name:"opened",title:"Opened"}],Jo=e=>{let{variant:t,modifiers:o,...a}={...gp,...e},n={};Object.keys(o\|\|{}).forEach(l=>{l==="opened"&&(n.opened=!!o?.[l],n.popup=o?.[l]?no(Q,{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 no("div",{style:i,children:no(En,{...a,...n})});case"icon":return no("div",{style:i,children:no(En,{value:"rgba(183, 118 , 118, 1.00)",valueIconName:"edit-tools",...a,...n})});default:return no("div",{style:i,children:no(En,{value:"rgba(183, 118 , 118, 1.00)",...a,...n})})}};Jo.options=px;Jo.states=dx;Jo.variants=mx;Jo.defaultOptions=gp;Jo.modifiers=cx;Jo.className=St.className;var Nr="combobox",Lp=Nr;import{Fragment as hr,jsx as oe,jsxs as Da}from"react/jsx-runtime";var Mp="k-combobox",ux=[r.hover,r.focus,r.valid,r.invalid,r.loading,r.required,r.disabled,r.readonly],fx={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]},vr={separators:!0,showClearButton:!0},Le=e=>{let{size:t,rounded:o,fillMode:a,separators:n=vr.separators,showClearButton:i=vr.showClearButton,prefix:l,suffix:m,value:u,placeholder:f,hover:N,focus:g,valid:c,invalid:L,required:M,loading:k,disabled:A,popup:C,opened:y,readonly:H,adaptive:le,adaptiveSettings:Ae,adaptiveTitle:pe,adaptiveSubtitle:ue,adaptiveCustomValue:Jn,id:$t,autocomplete:Xt,activeDescendant:ua,"aria-label":Yn,...Zn}=e,Qn=$t?`${$t}-listbox`:void 0;return Da(hr,{children:[Da(J,{...Zn,size:t,rounded:o,fillMode:a,hover:N,focus:g,valid:c,invalid:L,required:M,loading:k,disabled:A,readonly:H,className:s(e.className,Mp),children:[l&&Da(hr,{children:[oe(Fe,{children:l}),n&&oe(Ve,{})]}),oe(fe,{id:$t,placeholder:f,value:u,role:"combobox","aria-haspopup":"listbox","aria-expanded":y?"true":"false","aria-controls":y?Qn:void 0,"aria-activedescendant":y&&ua?ua:void 0,"aria-autocomplete":Xt,"aria-invalid":L?"true":void 0,"aria-busy":k?"true":void 0,"aria-label":Yn,disabled:A,readOnly:H}),oe(xe,{valid:c,invalid:L,loading:k,disabled:A}),oe(ye,{loading:k,disabled:A}),i&&oe(Ke,{loading:k,disabled:A,readonly:H,value:u}),m&&Da(hr,{children:[n&&oe(Ve,{}),oe(Ge,{children:m})]}),oe(p,{className:"k-input-button",icon:"chevron-down",size:t,fillMode:a,"aria-label":"Open popup",tabIndex:-1,disabled:A})]}),y&&C&&oe(q,{className:"k-list-container k-combobox-popup",containerRole:"region",containerAriaLabel:"Combobox suggestions",children:C}),le&&oe(Y,{adaptive:!0,id:$t?`${$t}-adaptive`:void 0,...Ae,header:oe(Ne,{actionsEnd:oe(p,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),input:!0,inputValue:u,inputPlaceholder:f,title:pe,subtitle:ue}),children:oe("div",{className:"k-list-container",children:oe(K,{customValue:Jn?oe(_t,{text:`Use "${u}"`}):void 0,size:"large",children:Da(z,{"aria-label":pe\|\|"Options",children:[oe(O,{text:"List item"}),oe(O,{text:"List item"}),oe(O,{text:"List item"})]})})})})]})};Le.states=ux;Le.options=fx;Le.className=Mp;Le.defaultOptions=vr;Le.moduleName=Nr;Le.folderName=Lp;var we=Le;import{jsx as bx}from"react/jsx-runtime";var Sp=e=>bx(we,{...e});import{jsx as Dz,jsxs as Hz}from"react/jsx-runtime";import{jsx as $z,jsxs as Xz}from"react/jsx-runtime";import{jsx as Qz,jsxs as jz}from"react/jsx-runtime";import{Fragment as s1,jsx as n1}from"react/jsx-runtime";import{Fragment as m1,jsx as d1}from"react/jsx-runtime";import{jsx as N1,jsxs as h1}from"react/jsx-runtime";import{Fragment as A1,jsx as k1,jsxs as C1}from"react/jsx-runtime";import{jsx as T1}from"react/jsx-runtime";import{jsx as K1}from"react/jsx-runtime";import{jsx as z1,jsxs as U1}from"react/jsx-runtime";import{jsx as q1,jsxs as W1}from"react/jsx-runtime";import{jsx as Ht,jsxs as Lx}from"react/jsx-runtime";var xx=Le.states,Nx=Le.defaultOptions,hx=Le.options,vx=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"opened",title:"Opened"}],gx=[],Yo=e=>{let{modifiers:t,...o}=e,a={},n=Ht(K,{style:{width:300},size:o.size,children:Lx(z,{children:[Ht(O,{children:"List item"}),Ht(O,{children:"List item"}),Ht(O,{children:"List item"})]})});return Object.keys(t\|\|{}).forEach(i=>{switch(i){case"prefix":a.prefix=t?.[i]?Ht(v,{icon:"map-marker-target"}):void 0;break;case"suffix":a.suffix=t?.[i]?Ht($,{size:o.size,icon:"copy",fillMode:"clear"}):void 0;break;case"opened":a.opened=!!t?.[i],a.popup=t?.[i]?n:void 0;break;default:break}}),Ht("div",{children:Ht(Sp,{value:"Value",style:{width:300},...o,...a})})};Yo.options=hx;Yo.states=xx;Yo.variants=gx;Yo.defaultOptions=Nx;Yo.modifiers=vx;Yo.className=Le.className;var gr="split-button",kp=gr;import{Fragment as kx,jsx as Lr,jsxs as Cp}from"react/jsx-runtime";var Mr="k-split-button",Mx=[r.hover,r.focus,r.active,r.selected,r.disabled],Sx={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]},Ap={arrowIconName:"chevron-down"},R=e=>{let{size:t,rounded:o,fillMode:a,themeColor:n,hover:i,focus:l,active:m,selected:u,disabled:f,icon:N,text:g,arrowIconName:c=Ap.arrowIconName,popup:L,opened:M,popupId:k,...A}=e;return Cp(kx,{children:[Cp("div",{...A,className:s(e.className,Mr,"k-button-group",E(Mr,{rounded:o})),children:[Lr(p,{text:g,icon:N,size:t,rounded:o,fillMode:a,themeColor:n,hover:i,focus:l,active:m,selected:u,disabled:f,...!g&&!e.children&&N&&{"aria-label":"Action"},children:e.children}),Lr(p,{className:"k-split-button-arrow",icon:c,size:t,rounded:o,fillMode:a,disabled:f,ariaDisabled:f\|\|void 0,"aria-label":"Toggle dropdown","aria-expanded":M?"true":"false","aria-controls":M?k:void 0,tabIndex:-1})]}),M&&L&&Lr(q,{className:"k-menu-popup",children:L})]})};R.states=Mx;R.options=Sx;R.className=Mr;R.defaultOptions=Ap;R.moduleName=gr;R.folderName=kp;var Sr=R;import{jsx as Ax}from"react/jsx-runtime";var Cx="k-toolbar-separator",st=e=>Ax("div",{className:s(Cx,e.className,"k-separator")});var so="toolbar",Zo=so;import{Fragment as kr,jsx as _,jsxs as Qo}from"react/jsx-runtime";var kt="k-toolbar",Ex=[r.focus],yx={size:[d.undefined,d.small,d.medium,d.large],fillMode:[x.undefined,x.solid,x.outline,x.flat]},Ix={scrollButtons:"around"},U=e=>{let{size:t,fillMode:o,focus:a,resizable:n,scrollable:i,scrollButtons:l,scrollingPosition:m,section:u,...f}=e,N=[],g=(c,L)=>{let M=[];if(c.type===p&&c.props.className&&c.props.className.includes("k-toolbar-overflow-button"))M.push(_(p,{...c.props,className:`${c.props.className?c.props.className:""}`},`${L}-${new Date().getTime()}`));else if(c.type===p)M.push(_(p,{...c.props,className:`k-toolbar-button ${c.props.className?c.props.className:""}`},`${L}-${new Date().getTime()}`));else if(c.type===ha)M.push(_(ha,{...c.props,className:`k-toolbar-button ${c.props.className?c.props.className:""}`},`${L}-${new Date().getTime()}`));else if(c.type===$)M.push(_($,{...c.props,className:`k-toolbar-button ${c.props.className?c.props.className:""}`},`${L}-${new Date().getTime()}`));else if(c.type===w)M.push(_(w,{...c.props,className:`k-toolbar-menu-button ${c.props.className?c.props.className:""}`},`${L}-${new Date().getTime()}`));else if(c.type===Sr)M.push(_(Sr,{...c.props,className:`k-toolbar-split-button ${c.props.className?c.props.className:""}`},`${L}-${new Date().getTime()}`));else if(c.type===T\|\|c.props.className&&c.props.className.includes("k-button-group")){let k=[];(Array.isArray(c.props.children)?c.props.children:[c.props.children]).forEach((C,y)=>{k.push(_(p,{...C.props,className:`${C.props.className?C.props.className:""}`},`${y}-${new Date().getTime()}`))}),M.push(_(T,{...c.props,className:`k-toolbar-button-group ${c.props.className?c.props.className:""}`,children:k},`${L}-${new Date().getTime()}`))}else c.type===Le?M.push(_(Le,{...c.props,className:`k-toolbar-combobox ${c.props.className?c.props.className:""}`},`${L}-${new Date().getTime()}`)):c.type===ne?M.push(_(ne,{...c.props,className:`k-toolbar-dropdownlist ${c.props.className?c.props.className:""}`},`${L}-${new Date().getTime()}`)):c.type===je?M.push(_(je,{...c.props,className:`k-toolbar-colorpicker ${c.props.className?c.props.className:""}`},`${L}-${new Date().getTime()}`)):M.push(c);M.forEach(k=>{N.push(k)})};return e.children&&(Array.isArray(e.children)?e.children:[e.children]).forEach((L,M)=>{g(L,M)}),Qo("div",{...f,className:s(e.className,kt,E(kt,{size:t,fillMode:o}),S(kt,{focus:a}),{[`${kt}-resizable`]:n,[`${kt}-scrollable`]:i,[`${kt}-scrollable-overlay`]:i&&l==="hidden",[`${kt}-scrollable-${m}`]:m&&m!=="both",[`${kt}-section`]:u}),role:"toolbar","aria-label":"Toolbar",children:[!i&&N,i&&l==="hidden"&&_("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N}),i&&l==="start"&&Qo(kr,{children:[Qo(T,{children:[_("span",{className:s("k-toolbar-prev","k-button",E("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:_(v,{className:"k-button-icon",icon:"chevron-left"})}),_("span",{className:s("k-toolbar-next","k-button",E("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:_(v,{className:"k-button-icon",icon:"chevron-right"})})]}),_(st,{className:"k-toolbar-button-separator"}),_("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N})]}),i&&l==="end"&&Qo(kr,{children:[_("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N}),_(st,{className:"k-toolbar-button-separator"}),Qo(T,{children:[_("span",{className:s("k-toolbar-prev","k-button",E("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:_(v,{className:"k-button-icon",icon:"chevron-left"})}),_("span",{className:s("k-toolbar-next","k-button",E("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:_(v,{className:"k-button-icon",icon:"chevron-right"})})]})]}),i&&(l==="around"\|\|!l)&&Qo(kr,{children:[_("span",{className:s("k-toolbar-prev","k-button",E("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:_(v,{className:"k-button-icon",icon:"chevron-left"})}),_(st,{className:"k-toolbar-button-separator"}),_("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N}),_(st,{className:"k-toolbar-button-separator"}),_("span",{className:s("k-toolbar-next","k-button",E("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:_(v,{className:"k-button-icon",icon:"chevron-right"})})]})]})};U.states=Ex;U.options=yx;U.className=kt;U.defaultOptions=Ix;U.moduleName=so;U.folderName=Zo;import{jsx as Px}from"react/jsx-runtime";var Cr="k-toolbar-item",Tx=[r.focus],Ox={},Bx={},jo=e=>{let{focus:t,...o}=e;return Px("div",{...o,className:s(e.className,Cr,S(Cr,{focus:t})),children:e.children})};jo.states=Tx;jo.options=Ox;jo.className=Cr;jo.defaultOptions=Bx;jo.moduleName=so;jo.folderName=Zo;import{jsx as Ep}from"react/jsx-runtime";var yp="k-toolbar-popup",Kx=[],Rx={size:[d.undefined,d.small,d.medium,d.large],fillMode:[x.undefined,x.solid,x.outline,x.flat]},_x={},ro=e=>{let{size:t,fillMode:o,section:a,...n}=e;return Ep(q,{...n,className:s(e.className,yp),children:a?Ep("span",{className:s("k-toolbar-items-list",E("k-toolbar-items-list",{size:t,fillMode:o})),role:"toolbar",children:e.children}):e.children})};ro.states=Kx;ro.options=Rx;ro.className=yp;ro.defaultOptions=_x;ro.moduleName=so;ro.folderName=Zo;var yn=ro;import{jsx as eU}from"react/jsx-runtime";import{jsx as nU}from"react/jsx-runtime";import{jsx as lU}from"react/jsx-runtime";import{jsx as fU,jsxs as bU}from"react/jsx-runtime";import{jsx as vU}from"react/jsx-runtime";import{jsx as Ct,jsxs as Ux}from"react/jsx-runtime";var wx=R.states,Ip={...R.defaultOptions,variant:"text"},Dx=R.options,Hx=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],zx=[{name:"opened",title:"Opened"}],ea=e=>{let{variant:t,modifiers:o,...a}={...Ip,...e},n={},i=Ux(me,{size:a.size,children:[Ct(X,{text:"Menu Item"}),Ct(X,{text:"Menu Item"}),Ct(X,{text:"Menu Item"})]});switch(Object.keys(o\|\|{}).forEach(l=>{l==="opened"&&(n.opened=!!o?.[l],n.popup=o?.[l]?i:"")}),t){case"icon-only":return Ct("div",{children:Ct(R,{...a,...n,icon:"star"})});case"icon-and-text":return Ct("div",{children:Ct(R,{...a,...n,icon:"star",children:"Split Button"})});default:return Ct("div",{children:Ct(R,{...a,...n,children:"Split Button"})})}};ea.options=Dx;ea.states=wx;ea.variants=Hx;ea.defaultOptions=Ip;ea.modifiers=zx;ea.className=R.className;import{jsx as io,jsxs as Fx}from"react/jsx-runtime";var Tp=e=>io(U,{children:[io(p,{children:"Button"},"toolbar-button"),io(w,{text:"Menu button"},"toolbar-menu-button"),io(R,{children:"Split button"},"toolbar-split-button"),Fx(T,{children:[io(p,{className:"k-group-start",icon:"align-left",children:"Left"}),io(p,{icon:"align-center",children:"Center"}),io(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});import{jsx as WU,jsxs as JU}from"react/jsx-runtime";import{jsx as De,jsxs as Op}from"react/jsx-runtime";var Bp=e=>De(U,{scrollable:!0,...e,children:[De(p,{children:"Button"},"toolbar-button"),De(w,{text:"Menu button"},"toolbar-menu-button"),De(R,{children:"Split button"},"toolbar-split-button"),Op(T,{children:[De(p,{className:"k-group-start",icon:"align-left",children:"Left"}),De(p,{icon:"align-center",children:"Center"}),De(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),De(p,{children:"Button"},"toolbar-button"),De(w,{text:"Menu button"},"toolbar-menu-button"),De(R,{children:"Split button"},"toolbar-split-button"),Op(T,{children:[De(p,{className:"k-group-start",icon:"align-left",children:"Left"}),De(p,{icon:"align-center",children:"Center"}),De(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});import{jsx as He,jsxs as Pp}from"react/jsx-runtime";var Kp=({scrollingPosition:e="start",...t})=>He(U,{scrollable:!0,scrollButtons:"hidden",scrollingPosition:e,...t,children:[He(p,{children:"Button"},"toolbar-button"),He(w,{text:"Menu button"},"toolbar-menu-button"),He(R,{children:"Split button"},"toolbar-split-button"),Pp(T,{children:[He(p,{className:"k-group-start",icon:"align-left",children:"Left"}),He(p,{icon:"align-center",children:"Center"}),He(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),He(p,{children:"Button"},"toolbar-button"),He(w,{text:"Menu button"},"toolbar-menu-button"),He(R,{children:"Split button"},"toolbar-split-button"),Pp(T,{children:[He(p,{className:"k-group-start",icon:"align-left",children:"Left"}),He(p,{icon:"align-center",children:"Center"}),He(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...t});import{Fragment as Gx,jsx as Te,jsxs as In}from"react/jsx-runtime";var Rp=({fillMode:e,size:t,...o})=>In(Gx,{children:[Te(U,{section:!0,fillMode:e,size:t,children:[Te(p,{fillMode:e,size:t,children:"Button"},"toolbar-button"),In(T,{fillMode:e,children:[Te(p,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),Te(p,{icon:"align-center",fillMode:e,size:t,children:"Center"}),Te(p,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group"),Te(st,{className:"k-toolbar-button-separator"}),Te(p,{icon:"more-horizontal",className:"k-toolbar-overflow-button",fillMode:"flat",size:t,"aria-label":"More options","aria-expanded":"false"})],...o}),In(yn,{size:t,fillMode:e,section:!0,...o,children:[Te(R,{fillMode:e,size:t,children:"Split button"},"toolbar-split-button"),Te(p,{fillMode:e,size:t,children:"Button"},"toolbar-button"),Te(st,{}),Te(w,{text:"Menu button",fillMode:e,size:t},"toolbar-menu-button"),In(T,{fillMode:e,children:[Te(p,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),Te(p,{icon:"align-center",fillMode:e,size:t,children:"Center"}),Te(p,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group")]})]});import{Fragment as y3,jsx as A3,jsxs as E3}from"react/jsx-runtime";import{Fragment as H3,jsx as w3,jsxs as D3}from"react/jsx-runtime";import{jsx as zt}from"react/jsx-runtime";var Vx=U.options,$x=U.states,_p={...U.defaultOptions,variant:"default"},Xx=[{name:"default",title:"Default"},{name:"scrollable",title:"Scrollable"},{name:"overlay",title:"Overlay"},{name:"responsive",title:"Responsive"}],qx=[],ta=e=>{let{variant:t,...o}={..._p,...e};switch(t){case"responsive":return zt("div",{children:zt(Rp,{style:{width:"583px"},...o})});case"overlay":return zt("div",{children:zt(Kp,{style:{width:"583px"},...o,scrollingPosition:"start",scrollButtons:"hidden"})});case"scrollable":return zt("div",{children:zt(Bp,{style:{width:"583px"},...o})});default:return zt("div",{children:zt(Tp,{style:{width:"583px"},...o})})}};ta.options=Vx;ta.states=$x;ta.variants=Xx;ta.defaultOptions=_p;ta.modifiers=qx;ta.className=U.className;var Ar="avatar",wp=Ar;import{jsx as Dp}from"react/jsx-runtime";var Ha="k-avatar";var Wx=[r.hover,r.focus,r.active,r.selected,r.disabled],Jx={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]},Er={type:"text",border:!1},Me=e=>{let{size:t,rounded:o,fillMode:a,themeColor:n,type:i=Er.type,border:l=Er.border,...m}=e;return Dp("div",{...m,className:s(e.className,Ha,E(Ha,{size:t,rounded:o,fillMode:a,themeColor:n}),{[`${Ha}-bordered`]:l}),children:Dp("span",{className:`${Ha}-${i}`,children:e.children})})};Me.states=Wx;Me.options=Jx;Me.className=Ha;Me.defaultOptions=Er;Me.moduleName=Ar;Me.folderName=wp;var lo=Me;import{jsx as Yx}from"react/jsx-runtime";var Hp=e=>Yx(lo,{type:"icon",...e});import{jsx as Zx}from"react/jsx-runtime";var zp=e=>Zx(lo,{type:"text",...e});import{jsx as Qx}from"react/jsx-runtime";var Tn=e=>Qx(lo,{type:"image",...e});import{jsx as k5}from"react/jsx-runtime";import{jsx as za}from"react/jsx-runtime";var jx=Me.options,eN=Me.states,tN={...Me.defaultOptions,variant:"image"},oN=[{name:"image",title:"Image"},{name:"icon",title:"Icon Avatar"},{name:"text",title:"Text Avatar"}],aN=[],oa=e=>{let{variant:t,...o}=e;switch(t){case"icon":return za(Hp,{...o,children:za(v,{icon:"star"})});case"text":return za(zp,{...o,children:"JO"});default:return za(Tn,{...o,children:za("img",{src:"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg"})})}};oa.options=jx;oa.states=eN;oa.variants=oN;oa.defaultOptions=tN;oa.modifiers=aN;oa.className=Me.className;import{jsx as aa,jsxs as yr}from"react/jsx-runtime";var Ua="k-message-group",nN=[r.selected],sN={},On={author:"Bruv",avatar:"/packages/html/assets/avatar.jpg",type:"receiver"},W=e=>{let{type:t=On.type,author:o=On.author,avatar:a=On.avatar,status:n,selected:i,fullWidth:l,...m}=e;return yr("div",{...m,className:s(Ua,e.className,S(Ua,{selected:i}),{[`${Ua}-${t}`]:t,"k-no-avatar":!a,[`${Ua}-full-width`]:l}),children:[a&&!n&&aa(Me,{type:"image",children:aa("img",{src:a,alt:o\|\|""})}),n&&a&&yr("div",{className:"k-chat-user-status-wrapper",children:[aa(Me,{type:"image",children:aa("img",{src:a,alt:o\|\|""})}),aa("div",{className:"k-chat-user-status"})]}),yr("div",{className:"k-message-group-content",children:[o&&aa("span",{className:"k-message-author",children:o}),e.children]})]})};W.states=nN;W.options=sN;W.className=Ua;W.defaultOptions=On;import{Fragment as iN,jsx as Bn,jsxs as Up}from"react/jsx-runtime";var Ir="k-message-reference",rN={},Fp={type:"receiver"},Ut=e=>{let{content:t,closeable:o,pinned:a,type:n=Fp.type,...i}=e;return Up("div",{...i,className:s(Ir,e.className,{[`${Ir}-${n}`]:n,"k-message-pinned":a}),children:[a&&Bn(v,{icon:"pin"}),Bn("div",{className:"k-message-reference-content",children:t}),o&&Up(iN,{children:[Bn("span",{className:"k-spacer"}),Bn(p,{icon:"x-circle",fillMode:"flat",size:"xsmall","aria-label":"Close"})]})]})};Ut.options=rN;Ut.className=Ir;Ut.moduleName=null;Ut.folderName=null;Ut.defaultOptions=Fp;var Tr="bubble",Gp=Tr;import{jsx as Pn,jsxs as pN}from"react/jsx-runtime";var Or="k-bubble",lN=[r.hover,r.active,r.selected,r.focus],Br={expandable:!1,expanded:!1},po=e=>{let{content:t,hover:o,active:a,focus:n,selected:i,expandable:l=Br.expandable,expanded:m=Br.expanded,...u}=e;return pN("div",{...u,className:s(e.className,Or,S(Or,{hover:o,active:a,focus:n,selected:i}),{"k-bubble-expandable":l},{"k-expanded":m}),tabIndex:0,children:[Pn("div",{className:"k-bubble-content",children:t??e.children}),l&&Pn("span",{className:"k-bubble-expandable-indicator",role:"button","aria-label":m?"Show less":"Show more",tabIndex:0,children:m?Pn(v,{icon:"chevron-up"}):Pn(v,{icon:"chevron-down"})})]})};po.states=lN;po.className=Or;po.defaultOptions=Br;po.moduleName=Tr;po.folderName=Gp;import{jsx as nF}from"react/jsx-runtime";import{jsx as lF}from"react/jsx-runtime";import{jsx as cF}from"react/jsx-runtime";import{jsx as Pr,jsxs as $p}from"react/jsx-runtime";var dN="k-chat-bubble",Xp=e=>{let{typing:t,content:o,files:a,...n}=e;return $p(po,{...n,className:s(e.className,dN),children:[t?$p("div",{className:"k-typing-indicator",tabIndex:-1,children:[Pr("span",{}),Pr("span",{}),Pr("span",{})]}):o,a]})};import{jsx as EF}from"react/jsx-runtime";import{jsx as qp,jsxs as mN}from"react/jsx-runtime";var Wp="k-chat-event",Kr={icon:"trash",text:"You deleted Chat history."},Jp=e=>{let{icon:t=Kr.icon,text:o=Kr.text,...a}=e;return mN("div",{...a,className:s(e.className,Wp),children:[t&&qp(v,{className:"k-chat-event-icon",icon:t,size:"xsmall"}),o&&qp("span",{className:"k-chat-event-text",children:o})]})};Jp.className=Wp;Jp.defaultOptions=Kr;import{jsx as wF}from"react/jsx-runtime";import{Fragment as cN,jsx as Nt,jsxs as uN}from"react/jsx-runtime";var Yp=e=>Nt(G,{children:uN(cN,{children:[Nt("div",{className:"k-timestamp",children:"Day, Month 7, 2023"}),Nt(W,{children:Nt(F,{})}),Nt(W,{type:"sender",children:Nt(F,{})}),Nt(W,{children:Nt(F,{text:"Very long message text that tests message overflowing behavior. Very long message text that tests message overflowing behavior."})}),Nt(W,{type:"sender",children:Nt(F,{text:"Unusually_long_word_that_tests_word_break_behavior__unusually_long_word_that_tests_word_break_behavior"})})]}),...e});import{Fragment as XF,jsx as $F,jsxs as qF}from"react/jsx-runtime";import{Fragment as QF,jsx as ZF,jsxs as jF}from"react/jsx-runtime";var Rr="skeleton",Zp=Rr;import{jsx as NN}from"react/jsx-runtime";var _r="k-skeleton",fN=["circle","text","rect"],bN=[],xN={},wr={variant:"text",shape:"text",animation:"pulse"},ht=e=>{let{variant:t,shape:o,animation:a=wr.animation,...n}=e,i=`skeleton-${t\|\|o\|\|wr.variant}`;return NN("span",{...n,className:s(e.className,_r,Wa(_r,i),{[`k-skeleton-${a}`]:a}),style:e.style})};ht.states=bN;ht.options=xN;ht.variants=fN;ht.className=_r;ht.defaultOptions=wr;ht.moduleName=Rr;ht.folderName=Zp;import{jsx as lG}from"react/jsx-runtime";import{jsx as cG}from"react/jsx-runtime";import{jsx as xG}from"react/jsx-runtime";import{Fragment as TG,jsx as yG,jsxs as IG}from"react/jsx-runtime";import{Fragment as RG,jsx as KG,jsxs as _G}from"react/jsx-runtime";var Dr="window",Qp=Dr;import{jsx as LN}from"react/jsx-runtime";var jp="k-window-content",hN=[],vN={},gN={},Ft=e=>{let{children:t,...o}=e;return LN("div",{...o,className:s(jp,e.className),children:t})};Ft.states=hN;Ft.options=vN;Ft.className=jp;Ft.defaultOptions=gN;Ft.moduleName=Dr;Ft.folderName=Qp;var Fa="dialog",Kn=Fa;import{Fragment as kN,jsx as mo,jsxs as Hr}from"react/jsx-runtime";var ed="k-dialog",MN=[],SN={},zr={actionButtonsAlign:"stretched",modal:!0},ze=e=>{let{title:t,actions:o,actionButtons:a,actionButtonsAlign:n=zr.actionButtonsAlign,modal:i=zr.modal,...l}=e,m=t!==void 0?B("dialog-titlebar"):void 0,u=B("dialog-content");return Hr("div",{className:"k-dialog-wrapper",children:[i&&mo(ft,{}),Hr("div",{...l,className:s(e.className,ed,"k-window"),role:"dialog","aria-labelledby":m,"aria-describedby":u,...i&&{"aria-modal":"true"},children:[(t!==void 0\|\|o)&&Hr("div",{className:"k-window-titlebar k-dialog-titlebar",id:m,children:[t!==void 0&&mo("span",{className:"k-window-title k-dialog-title",children:t}),o&&mo(kN,{children:mo("div",{className:"k-window-titlebar-actions k-dialog-titlebar-actions",children:o.map(f=>mo(p,{icon:f,fillMode:"flat",size:"xsmall",className:"k-window-titlebar-action k-dialog-titlebar-action","aria-label":f},f))})})]}),mo(Ft,{className:"k-dialog-content",id:u,children:e.children}),a&&mo(Re,{alignment:n,className:"k-window-actions k-dialog-actions",children:a})]})]})};ze.states=MN;ze.options=SN;ze.className=ed;ze.defaultOptions=zr;ze.moduleName=Fa;ze.folderName=Kn;var Ur=ze;import{jsx as yN}from"react/jsx-runtime";var td="k-dialog-wrapper",CN=[],AN={},EN={},na=e=>{let{...t}=e;return yN("div",{...t,className:s(e.className,td),children:e.children})};na.states=CN;na.options=AN;na.className=td;na.defaultOptions=EN;na.moduleName=Fa;na.folderName=Kn;import{Fragment as od,jsx as Rn,jsxs as IN}from"react/jsx-runtime";var ad=e=>Rn(Ur,{title:"Title",children:Rn(od,{children:"Dialog content"}),actionButtons:IN(od,{children:[Rn(p,{children:"Action"}),Rn(p,{themeColor:"primary",children:"Primary"})]}),actions:["x"],...e});import{Fragment as p6,jsx as d6,jsxs as m6}from"react/jsx-runtime";import{Fragment as RN,jsx as _n,jsxs as _N}from"react/jsx-runtime";var TN=ze.options,ON=[],BN=ze.states,PN=ze.defaultOptions,KN=[],sa=e=>_n(ad,{style:{width:"350px",height:"215px"},...e,title:"Please confirm",actions:["x"],actionButtonsAlign:"stretched",actionButtons:_N(RN,{children:[_n(p,{children:"No"}),_n(p,{themeColor:"primary",children:"Yes"})]}),children:_n("p",{style:{margin:"36px",textAlign:"center"},children:"Are you sure you want to continue?"})});sa.options=TN;sa.states=BN;sa.variants=ON;sa.defaultOptions=PN;sa.modifiers=KN;sa.className=ze.className;var Fr="dropzone",nd=Fr;import{jsx as wn,jsxs as HN}from"react/jsx-runtime";var Gr="k-external-dropzone",wN=[r.disabled,r.hover],DN={},Vr={icon:"upload",hint:"Drag and drop files here to upload"},Se=e=>{let{hover:t,disabled:o,icon:a=Vr.icon,hint:n=Vr.hint,note:i,...l}=e;return wn("div",{...l,className:s(e.className,Gr,S(Gr,{disabled:o}),{"k-external-dropzone-hover":t}),children:HN("div",{className:"k-dropzone-inner",children:[a&&wn(v,{icon:a,className:"k-dropzone-icon",size:"xxxlarge"}),n&&wn("span",{className:"k-dropzone-hint",children:n}),i&&wn("span",{className:"k-dropzone-note",children:i})]})})};Se.states=wN;Se.options=DN;Se.className=Gr;Se.defaultOptions=Vr;Se.moduleName=Fr;Se.folderName=nd;import{jsx as zN}from"react/jsx-runtime";var sd=e=>zN(Se,{...e});import{jsx as _6}from"react/jsx-runtime";import{jsx as XN}from"react/jsx-runtime";var UN=Se.options,FN=Se.states,GN=Se.defaultOptions,VN=[{name:"note",title:"Note"}],$N=[],ra=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(n=>{n==="note"&&(a.note=t?.[n]?"Only JPEG, PNG and SVG files are allowed.":void 0)}),XN(sd,{style:{width:"500px"},...o,...a})};ra.options=UN;ra.states=FN;ra.variants=$N;ra.defaultOptions=GN;ra.modifiers=VN;ra.className=Se.className;import{Fragment as Dn,jsx as Gt,jsxs as Ga}from"react/jsx-runtime";var $r="k-upload-dropzone",qN=[r.hover],Hn=e=>{let{hover:t,status:o,disabled:a,hasFiles:n,filesId:i,...l}=e,m;switch(o){case"uploading":m=Ga(Dn,{children:[Gt(v,{icon:"upload"}),"Uploading..."]});break;case"done":m=Ga(Dn,{children:[Gt(v,{icon:"check"}),"Done"]});break;case"failed":m=Ga(Dn,{children:[Gt(v,{icon:"exclamation-circle"}),"Done"]});break;default:m=Gt(Dn,{});break}return Ga("div",{...l,className:s(e.className,$r,"k-dropzone",S($r,{hover:t})),children:[Ga("div",{className:"k-upload-button-wrap",children:[Gt(p,{className:"k-upload-button","aria-disabled":a?"true":"false",...n&&i?{"aria-controls":i}:{},children:"Select files..."}),Gt("input",{id:"upload-input",className:"k-hidden",tabIndex:-1,"aria-hidden":"true"})]}),Gt("span",{className:s("k-dropzone-hint",{"k-hidden":o!=="upload"}),children:"Drop files here to upload"}),o!=="upload"&&Gt("span",{className:"k-upload-status",children:m})]})};Hn.states=qN;Hn.className=$r;var Xr="upload",rd=Xr;import{jsx as zn,jsxs as ld}from"react/jsx-runtime";var qr="k-upload",WN=[r.hover,r.disabled],JN={},pd={actionsLayout:"end"},id="upload-files-list",ae=e=>{let{async:t,empty:o,actions:a,actionsLayout:n=pd.actionsLayout,hover:i,status:l,disabled:m,...u}=e,f=!!e.children;return ld("div",{...u,className:s(e.className,qr,S(qr,{disabled:m}),{"k-upload-async":t,"k-upload-empty":o}),children:[zn(Hn,{status:l,hover:i,disabled:m,hasFiles:f,filesId:id}),f&&zn("ul",{className:"k-upload-files",role:"list",id,children:e.children}),a&&f&&ld(ul,{alignment:n,orientation:"horizontal",children:[zn(p,{className:"k-clear-selected",children:"Clear"}),zn(p,{themeColor:"primary",className:"k-upload-selected",children:"Upload"})]})]})};ae.states=WN;ae.options=JN;ae.className=qr;ae.defaultOptions=pd;ae.moduleName=Xr;ae.folderName=rd;var Va="progressbar",Un=Va;import{jsx as Jr,jsxs as Wr}from"react/jsx-runtime";var et="k-progressbar",YN=[r.disabled,r.indeterminate],ZN={orientation:["horizontal","vertical"]},co={indeterminate:!1,label:!0,labelPosition:"start",orientation:"horizontal",reverse:!1,value:"0"},ke=e=>{let{disabled:t,height:o,indeterminate:a=co.indeterminate,label:n=co.label,labelPosition:i=co.labelPosition,orientation:l=co.orientation,reverse:m=co.reverse,value:u=co.value,width:f,style:N,ariaLabel:g,...c}=e;return Wr("div",{...c,className:s(e.className,et,S(et,{disabled:t}),{[`${et}-${l}`]:l,[`${et}-indeterminate`]:a,[`${et}-reverse`]:m}),style:{...N,"--kendo-progressbar-value":u,[l==="horizontal"?"height":"width"]:l==="horizontal"?o:f},role:"progressbar","aria-label":g\|\|"progress","aria-valuenow":a?void 0:Number(u),"aria-valuemin":0,"aria-valuemax":100,children:[Jr("span",{className:s("k-progress-status-wrap",{[`k-progress-${i}`]:i&&!a}),children:n&&Wr("span",{className:"k-progress-status",children:[u,"%"]})}),!a&&Jr("div",{className:"k-progressbar-value k-selected",children:Jr("span",{className:s("k-progress-status-wrap",{[`k-progress-${i}`]:i}),children:n&&Wr("span",{className:"k-progress-status",children:[e.value,"%"]})})})]})};ke.states=YN;ke.options=ZN;ke.className=et;ke.defaultOptions=co;ke.moduleName=Va;ke.folderName=Un;var dd=ke;import{jsx as Yr}from"react/jsx-runtime";var md="k-chunk-progressbar",QN=(e,t)=>t<=e-1,jN=[r.disabled,r.indeterminate],eh={},Fn={chunkCount:5,orientation:"horizontal",progress:0},ia=e=>{let{disabled:t,chunkCount:o=Fn.chunkCount,indeterminate:a,orientation:n=Fn.orientation,progress:i=Fn.progress,reverse:l,ariaLabel:m,...u}=e;return Yr("div",{...u,className:s(e.className,et,md,S(et,{disabled:t}),{[`${et}-${n}`]:n,[`${et}-indeterminate`]:a,[`${et}-reverse`]:l}),role:"progressbar","aria-label":m\|\|"progress","aria-valuenow":a?void 0:i,"aria-valuemin":0,"aria-valuemax":o,children:Yr("ul",{className:"k-progressbar-chunks k-reset",children:[...Array(o)].map((f,N)=>Yr("li",{className:s("k-progressbar-chunk",{"k-first":N===0,"k-last":N===[...Array(o)].length-1,"k-selected":QN(i,N)})},N))})})};ia.states=jN;ia.options=eh;ia.className=md;ia.defaultOptions=Fn;ia.moduleName=Va;ia.folderName=Un;import{jsx as th}from"react/jsx-runtime";var $a=e=>th(dd,{...e});import{jsx as S7}from"react/jsx-runtime";import{jsx as Vt}from"react/jsx-runtime";var oh=ke.options,ah=ke.states,cd={...ke.defaultOptions,variant:"start"},nh=[{name:"start",title:"Label start"},{name:"center",title:"Label center"},{name:"end",title:"Label end"},{name:"empty",title:"No label"}],sh=[],la=e=>{let{variant:t,modifiers:o,...a}={...cd,...e},n={},i={style:{width:"324px"}};switch(Object.keys(o\|\|{}).forEach(l=>{switch(l){case"reverse":n.reverse=!!o?.[l];break;case"vertical":n.orientation=o?.[l]?"vertical":void 0,i.style=o?.[l]?void 0:{width:"324px"};break}}),t){case"end":return Vt("div",{...i,children:Vt($a,{...a,...n,labelPosition:"end",value:"50"})});case"center":return Vt("div",{...i,children:Vt($a,{...a,...n,labelPosition:"center",value:"50"})});case"empty":return Vt("div",{...i,children:Vt($a,{...a,...n,label:!1,value:"50"})});default:return Vt("div",{...i,children:Vt($a,{...a,...n,labelPosition:"start",value:"50"})})}};la.options=oh;la.states=ah;la.variants=nh;la.defaultOptions=cd;la.modifiers=sh;la.className=ke.className;import{jsx as Zr,jsxs as ih}from"react/jsx-runtime";var rh="k-file-info",Qr=e=>{let{name:t,size:o,validationMsg:a,...n}=e;return ih("div",{...n,className:s(e.className,rh),children:[t&&Zr("span",{className:"k-file-name",children:t}),o&&Zr("span",{className:"k-file-size",children:o}),a&&Zr("span",{className:"k-file-validation-message","aria-live":"polite",children:a})]})};import{Fragment as ph,jsx as At,jsxs as Gn}from"react/jsx-runtime";var lh="k-file",Oe=e=>{let{status:t,progress:o,name:a,icon:n,size:i,state:l,validationMsg:m,...u}=e;return At("li",{...u,className:s(e.className,lh,{[`k-file-${t}`]:t}),role:"listitem",tabIndex:0,children:Gn("div",{className:"k-file-single",children:[At(ke,{className:s({"k-hidden":t!=="progress"}),value:o,label:!1}),Gn("span",{className:"k-file-icon-wrapper",children:[At(v,{className:"k-file-icon",icon:n,size:"xxlarge"}),l&&At("span",{className:"k-file-state",children:l})]}),At(Qr,{name:a,size:i,validationMsg:m}),At("div",{className:"k-upload-actions",children:t==="progress"?Gn(ph,{children:[Gn("span",{className:"k-upload-pct",children:[o,"%"]}),At(p,{icon:"pause",fillMode:"flat",size:"xsmall",className:"k-upload-action","aria-label":"Pause upload",tabIndex:-1}),At(p,{icon:"cancel",fillMode:"flat",size:"xsmall",className:"k-upload-action","aria-label":"Cancel upload",tabIndex:-1})]}):At(p,{icon:"x",fillMode:"flat",size:"xsmall",className:"k-upload-action","aria-label":"Remove file",tabIndex:-1})})]})})};import{Fragment as j7,jsx as Z7,jsxs as Q7}from"react/jsx-runtime";import{Fragment as dh,jsx as jr,jsxs as mh}from"react/jsx-runtime";var Xa=e=>jr(ae,{async:!0,children:mh(dh,{children:[jr(Oe,{name:"Image_With_Very_Very_Very_Very_Very_Long_Name1.png",icon:"file-image",size:"51.23 KB"}),jr(Oe,{name:"Image2.jpg",icon:"file-image",size:"106.43 KB"})]}),...e});import{Fragment as p9,jsx as i9,jsxs as l9}from"react/jsx-runtime";import{jsx as ch}from"react/jsx-runtime";var ud=e=>ch(ae,{async:!0,empty:!0,...e});import{Fragment as N9,jsx as x9,jsxs as h9}from"react/jsx-runtime";import{Fragment as S9,jsx as M9,jsxs as k9}from"react/jsx-runtime";import{jsx as Et,jsxs as Vn}from"react/jsx-runtime";var uh=ae.options,fh=ae.states,fd={...ae.defaultOptions,variant:"empty"},bh=[{name:"empty",title:"Empty"},{name:"upload",title:"Upload"},{name:"uploading",title:"Uploading"},{name:"success",title:"Success"},{name:"failed",title:"Failed"}],xh=[],pa=e=>{let{variant:t,...o}={...fd,...e};switch(t){case"success":return Vn(Xa,{status:"done",style:{width:"586px"},...o,children:[Et(Oe,{status:"success",validationMsg:"File(s) uploaded successfully.",name:"Image1.png",icon:"file-image"}),Et(Oe,{status:"success",validationMsg:"File(s) uploaded successfully.",name:"Image2.png",icon:"file-image"})]});case"failed":return Vn(Xa,{status:"failed",style:{width:"586px"},...o,children:[Et(Oe,{status:"error",validationMsg:"File type not allowed.",name:"Movie1.mkv",icon:"file-image"}),Et(Oe,{status:"error",validationMsg:"File type not allowed.",name:"Video2.mkv",icon:"file-image"})]});case"uploading":return Vn(Xa,{status:"uploading",style:{width:"586px"},...o,children:[Et(Oe,{progress:"50",status:"progress",name:"Document1.txt",icon:"file-pdf",size:"328.92 KB"}),Et(Oe,{progress:"70",status:"progress",name:"Document2.txt",icon:"file-pdf",size:"225.68 KB"})]});case"upload":return Vn(Xa,{actions:!0,status:"upload",style:{width:"586px"},...o,children:[Et(Oe,{name:"Image1.png",icon:"file-image",size:"51.23 KB"}),Et(Oe,{name:"Image2.jpg",icon:"file-image",size:"106.43 KB"})]});default:return Et(ud,{async:!0,status:"upload",style:{width:"586px"},...o})}};pa.options=uh;pa.states=fh;pa.variants=bh;pa.defaultOptions=fd;pa.modifiers=xh;pa.className=ae.className;import{Fragment as Q9,jsx as Z9,jsxs as j9}from"react/jsx-runtime";import{jsx as a4}from"react/jsx-runtime";import{Fragment as l4,jsx as i4,jsxs as p4}from"react/jsx-runtime";import{Fragment as f4,jsx as u4,jsxs as b4}from"react/jsx-runtime";import{Fragment as g4,jsx as v4,jsxs as L4}from"react/jsx-runtime";import{Fragment as A4,jsx as C4}from"react/jsx-runtime";import{Fragment as gh,jsx as rt,jsxs as qa}from"react/jsx-runtime";var bd="k-message",Nh=[r.hover,r.selected,r.active,r.focus],hh={},vh=[rt(p,{icon:"copy",fillMode:"flat","aria-label":"Copy"}),rt(p,{icon:"arrow-rotate-cw",fillMode:"flat","aria-label":"Retry"}),rt(p,{icon:"download",fillMode:"flat","aria-label":"Download"})],da={time:"Thu Feb 08 2018",text:"How can I help you?",status:"Seen",toolbarItems:vh,failed:"Failed to send"},F=e=>{let{time:t=da.time,text:o=da.text,content:a,status:n=da.status,statusIcon:i,toolbarItems:l=da.toolbarItems,hover:m,selected:u,active:f,focus:N,toolbar:g,typing:c,expandable:L,expanded:M,removed:k,files:A,failed:C,...y}=e,H=C===!0?da.failed:C;return qa("div",{...y,className:s(bd,e.className,{"k-message-removed":k,"k-message-failed":C}),children:[C&&rt($,{className:"k-resend-button",icon:"arrow-rotate-cw",size:"xsmall",fillMode:"clear","aria-label":"Resend"}),rt(Xp,{typing:c,selected:u,hover:m,active:f,focus:N,content:qa(gh,{children:[a,o&&rt("span",{className:"k-chat-bubble-text",children:o})]}),expandable:L,expanded:M,files:A}),qa("div",{className:"k-message-info",children:[n&&qa("span",{className:"k-message-status",children:[i&&rt(v,{icon:i,size:"xsmall"}),n]}),t&&rt("time",{className:"k-message-time",children:t}),C&&qa("span",{className:"k-message-failed-content",children:[C&&rt(v,{icon:"warning-triangle",size:"xsmall"}),C&&rt("span",{className:"k-message-failed-text",children:H})]})]}),g&&rt(U,{className:"k-chat-message-toolbar",fillMode:"flat",children:l})]})};F.states=Nh;F.options=hh;F.className=bd;F.moduleName=null;F.folderName=null;F.defaultOptions=da;var ei="appbar",xd=ei;import{jsx as kh}from"react/jsx-runtime";var ti="k-appbar",Lh=[],Mh={themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary,h.inverse]},Sh={},Ce=e=>{let{themeColor:t,positionMode:o,position:a,...n}=e;return kh("div",{...n,className:s(e.className,ti,E(ti,{themeColor:t}),{[`k-appbar-${o}`]:o,[`k-appbar-${a}`]:a}),children:e.children})};Ce.states=Lh;Ce.options=Mh;Ce.className=ti;Ce.defaultOptions=Sh;Ce.moduleName=ei;Ce.folderName=xd;import{jsx as Ah}from"react/jsx-runtime";var Ch="k-appbar-section",vt=e=>{let{...t}=e;return Ah("div",{...t,className:s(Ch,e.className),children:e.children})};import{Fragment as b8,jsx as u8,jsxs as f8}from"react/jsx-runtime";import{jsx as j,jsxs as ma}from"react/jsx-runtime";var oi={...Ce.options,positionMode:["static","sticky","fixed"]},Eh=Ce.states,Nd={...Ce.defaultOptions,themeColor:"primary",variant:"top",positionMode:"sticky"};oi.themeColor=["primary",...oi.themeColor.filter(e=>e!=="primary")];var yh=[{name:"top",title:"Top"},{name:"bottom",title:"Bottom"}],ca=e=>{let{variant:t,...o}={...Nd,...e},a=ma(Ce,{position:t,...o,children:[j(vt,{children:j($,{fillMode:"flat",icon:"menu"})}),j("span",{className:"k-spacer k-spacer-sized",style:{width:"8px"}}),j(vt,{children:j("h3",{className:"k-m-0",children:"AppBar"})}),j("span",{className:"k-spacer"}),ma(vt,{children:[j(at,{fillMode:"flat",children:"Button"}),j(at,{fillMode:"flat",children:"Button"}),j(at,{fillMode:"flat",children:"Button"})]}),j("span",{className:"k-spacer k-spacer-sized",style:{width:"8px"}}),j(vt,{children:j(un,{value:"Input value"})}),ma(vt,{children:[j($,{className:"k-mx-sm",fillMode:"flat",icon:"bell"}),j("span",{className:"k-appbar-separator"}),j(Tn,{className:"k-mx-sm",children:j("img",{src:"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg"})})]})]}),n=ma("div",{style:{padding:"25px 10px"},children:[j("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!"}),j("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?"}),j("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!"}),j("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"?ma("div",{style:{height:"250px",overflow:"auto"},children:[n,a]}):ma("div",{style:{height:"250px",overflow:"auto"},children:[a,n]})};ca.options=oi;ca.states=Eh;ca.variants=yh;ca.defaultOptions=Nd;ca.modifiers=[];ca.className=Ce.className;var ai="suggestion",hd=ai;import{jsx as $n,jsxs as Oh}from"react/jsx-runtime";var Xn="k-suggestion-group",Ih=[],Th={},vd={layout:"scrollable",scrollingPosition:"start"},tt=e=>{let{layout:t=vd.layout,scrollingPosition:o,...a}=e,n=$n("div",{...a,className:s(Xn,{"k-suggestion-group-scrollable":t=="scrollable",[`${Xn}-scrollable-start`]:o==="start"\|\|o==="both",[`${Xn}-scrollable-end`]:o==="end"\|\|o==="both"},e.className),role:"group",children:t==="scrollable"\|\|t==="scrollButtons"?$n("div",{className:"k-suggestions-scroll",children:e.children}):e.children});return t=="scrollButtons"?Oh("div",{className:"k-suggestion-scrollwrap",children:[$n(p,{fillMode:"flat",icon:"chevron-left",size:"xsmall","aria-label":"Scroll left"}),n,$n(p,{fillMode:"flat",icon:"chevron-right",size:"xsmall","aria-label":"Scroll right"})]}):n};tt.states=Ih;tt.options=Th;tt.className=Xn;tt.defaultOptions=vd;tt.moduleName=ai;tt.folderName=hd;import{jsx as Rh}from"react/jsx-runtime";var qn="k-suggestion",Bh=[r.active,r.hover,r.focus],Ph={themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary]},Kh={text:"Suggestion"},ot=e=>{let{themeColor:t,active:o,hover:a,focus:n,text:i,...l}=e;return Rh("span",{...l,className:s(e.className,qn,S(qn,{hover:a,active:o,focus:n}),E(qn,{themeColor:t})),role:"button",tabIndex:0,"aria-label":i,children:i})};ot.states=Bh;ot.options=Ph;ot.className=qn;ot.item=Kh;import{Fragment as F8,jsx as U8,jsxs as G8}from"react/jsx-runtime";import{Fragment as W8,jsx as q8,jsxs as J8}from"react/jsx-runtime";import{Fragment as eV,jsx as j8,jsxs as tV}from"react/jsx-runtime";import{Fragment as Uh,jsx as ee,jsxs as Wn}from"react/jsx-runtime";var _h=G.states,wh=G.defaultOptions,Dh=G.options,Hh=[{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"}],zh=[],uo=e=>{let{modifiers:t,...o}=e,a={author:null,avatar:null},n=Wn(Ce,{className:"k-chat-header",positionMode:"sticky",themeColor:"primary",children:[ee("span",{className:"k-spacer k-spacer-sized k-w-1"}),ee(vt,{children:ee("span",{children:"Chat with demo bot"})}),ee("span",{className:"k-spacer"}),ee(vt,{children:ee(p,{fillMode:"flat",icon:"more-vertical"})})]}),i=ee(Ut,{type:"sender",pinned:!0,content:"Hello! Generate a cover letter.",closeable:!0}),l=Wn(tt,{children:[ee(ot,{text:"Provide a CV template"}),ee(ot,{text:"Generate a cover letter"})]}),m=Wn(tt,{children:[ee(ot,{themeColor:"primary",text:"Thank you!"}),ee(ot,{themeColor:"primary",text:"Great!"})]}),u="https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg",f=null,N="User",g="Demo Bot";Object.keys(t\|\|{}).forEach(y=>{switch(y){case"header":a.header=t?.[y]?n:!1;break;case"pinned":a.pinned=t?.[y]?i:!1;break;case"suggested":a.suggestedActions=t?.[y]?l:!1;break;case"author":a.author=t?.[y]?!0:null;break;case"avatar":a.avatar=t?.[y]?u:null;break;case"quick":a.quickReplies=t?.[y]?m:ee(Uh,{});break;default:break}});let{header:c,pinned:L,suggestedActions:M,author:k,avatar:A,quickReplies:C}=a;return Wn(Yp,{value:"Thank you!",style:{minHeight:"100%"},...o,header:c,pinned:L,suggestedActions:M,children:[ee(W,{avatar:f,author:k?g:null,children:ee(F,{text:"Hello, this is a demo bot. How can I help you ?"})}),ee(W,{avatar:A?u:null,author:k?N:null,type:"sender",children:ee(F,{text:"Hello! Generate a cover letter."})}),ee(W,{avatar:f,author:k?g:null,children:ee(F,{text:"Sure. Here is a cover letter template",files:ee(pt,{children:ee(Ee,{icon:"file-pdf",name:"cover_letter.pdf",size:"1.43MB"})})})}),C]})};uo.options=Dh;uo.states=_h;uo.variants=zh;uo.defaultOptions=wh;uo.modifiers=Hh;uo.className=G.className;var vV=uo;export{uo as ChatDemo,vV as default};