npm - @progress/kendo-themes-html - Versions diffs - 14.7.1-dev.5 → 14.7.1-dev.7 - Mend

@progress/kendo-themes-html 14.7.1-dev.5 → 14.7.1-dev.7

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 (103) 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"}),C=(e,t)=>{let{valid:o,invalid:a,hover:n,focus:i,checked:l,active:m,selected:u,disabled:b,indeterminate:x,loading:g,empty:c,readonly:L,highlighted:M,...S}=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":b,"k-indeterminate":x&&!l,"k-loading":g,"k-empty":c,"k-readonly":L,"k-highlighted":M},Object.keys(S).reduce((A,k)=>(k.startsWith("k-")?A[k]=S[k]:A[`k-${k}`]=S[k],A),{}))};function Ya(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"},f={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},N={undefined:void 0,solid:"solid",tint:"tint",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 ri}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={},ba=e=>{let{size:t,themeColor:o,icon:a,rotate:n,flip:i,...l}=e;return a?ri("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"}):ri(Sd,{})};ba.states=gd;ba.options=Ld;ba.className=es;ba.defaultOptions=Md;var ii=ba;import{Fragment as Ad,jsx as Za}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},xa=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 Za(Ad,{});if(m==="none")return Za("span",{...u,className:s(e.className,ts,E("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let b=typeof m=="object"&&m.name&&m.name,x=typeof m=="object"?l&&m.variants?.[l]\|\|m.variants?.outline\|\|m.content:void 0;return Za("span",{...u,className:s(e.className,ts,E("k-icon",{size:t}),{[`k-svg-i-${b}`]:b,[`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:Za("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof m=="object"?m.viewBox:i,dangerouslySetInnerHTML:x!==void 0?{__html:x}:void 0,children:m?void 0:e.children})})};xa.states=kd;xa.options=Cd;xa.className=ts;xa.defaultOptions=os;var as=xa;importas ns from"@progress/kendo-svg-icons";var li="icon",pi="icons";import{useContext as yd}from"react";import{createContext as Ed}from"react";var di=Ed({iconsType:"svg"});import{Fragment as mi,jsx as Na}from"react/jsx-runtime";var Qa="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]},ja={viewBox:"0 0 24 24",type:"svg",variant:it.outline},v=e=>{let{iconsType:t}=yd(di),{size:o,themeColor:a,icon:n,type:i=t\|\|ja.type,rotate:l,flip:m,viewBox:u=ja.viewBox,variant:b=ja.variant,...x}=e;if(!n)return Na(mi,{});if((t\|\|i)==="svg"){if(n==="none")return Na(as,{...x,className:s(e.className,Qa),icon:n,size:o,variant:b});let c=ns[n]?n:Id(`${n}-icon`);return ns[c]?Na(as,{...x,className:s(e.className,Qa),icon:ns[c],size:o,themeColor:a,rotate:l,flip:m,viewBox:u,variant:b}):Na(mi,{})}return Na(ii,{...x,className:s(e.className,Qa),icon:n,size:o,themeColor:a,rotate:l,flip:m})};v.states=Td;v.options=Od;v.defaultOptions=ja;v.className=Qa;v.moduleName=li;v.folderName=pi;var ss="button",ci=ss;import{Fragment as rs,jsx as yt,jsxs as ui}from"react/jsx-runtime";var ha="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:[f.undefined,f.none,f.small,f.medium,f.large,f.full],fillMode:[N.undefined,N.solid,N.flat,N.outline,N.clear,N.link],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary,h.success,h.warning,h.error,h.info,h.inverse]},is={showArrow:!1,arrowIconName:"chevron-down"},p=e=>{let{as:t="button",size:o,rounded:a,fillMode:n,themeColor:i,showArrow:l=is.showArrow,arrowIconName:m=is.arrowIconName,variant:u,hover:b,focus:x,active:g,selected:c,disabled:L,togglable:M,ariaDisabled:S,icon:A,endIcon:k,iconSize:y,text:w,iconClassName:se,className:Ae,...pe}=e,ue=A!=null,ua=e.children!==void 0;return ui(t,{className:s(Ae,ha,Ya(ha,u),E(ha,{size:o,rounded:a,fillMode:n,themeColor:i}),C(ha,{hover:b,focus:x,active:g,disabled:L\|\|S,selected:c}),{"k-icon-button":!w&&!ua&&ue}),"aria-pressed":M?c?"true":"false":void 0,...pe,"aria-disabled":S?"true":void 0,disabled:L\|\|void 0,children:[typeof A=="string"&&A&&yt(v,{className:s(se,"k-button-icon"),icon:A,size:y}),A&&typeof A!="string"&&yt(rs,{children:A}),w?ui(rs,{children:[w&&yt("span",{className:"k-button-text",children:w}),e.children]}):e.children&&yt("span",{className:"k-button-text",children:e.children}),typeof k=="string"&&k&&yt(v,{className:s(se,"k-button-icon"),icon:k,size:y}),k&&typeof k!="string"&&yt(rs,{children:k}),l&&yt("span",{className:"k-menu-button-arrow k-button-arrow",children:yt(v,{icon:m})})]})};p.states=Pd;p.options=Kd;p.variants=Bd;p.className=ha;p.defaultOptions=is;p.moduleName=ss;p.folderName=ci;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 va=e=>_d(p,{icon:"folder",children:"Button",...e});import{jsx as Pv}from"react/jsx-runtime";import{jsx as wd}from"react/jsx-runtime";var at=e=>wd(p,{children:"Button",...e});import{jsx as ls}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 ls($,{...o,icon:"star"});case"icon-and-text":return ls(va,{...o,icon:"star",children:"Button"});default:return ls(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 en="k-fab",$d=[r.hover,r.focus,r.active,r.selected,r.disabled],Xd={size:[d.undefined,d.small,d.medium,d.large],rounded:[f.undefined,f.none,f.small,f.medium,f.large,f.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:b,active:x,selected:g,disabled:c,...L}=e;return qd("button",{...L,type:l,className:s(e.className,en,E(en,{size:t,rounded:o,themeColor:a}),C(en,{hover:u,focus:b,active:x,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=en;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],ps=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},C(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})]})};ps.states=Yd;import{jsx as ug}from"react/jsx-runtime";import{jsx as Qd}from"react/jsx-runtime";var vi=e=>Qd(te,{icon:"plus",...e});import{jsx as gg}from"react/jsx-runtime";import{jsx as kg}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(ps,{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 ds="k-input-inner",sm=[],rm={},tn={type:"text",autocomplete:"off",value:"",placeholder:""},fe=e=>{let{value:t=tn.value,type:o=tn.type,placeholder:a=tn.placeholder,autocomplete:n=tn.autocomplete,disabled:i,readOnly:l,...m}=e;return im("input",{...m,type:o,className:s(e.className,ds,E(ds,e)),placeholder:a,autoComplete:n,defaultValue:t,disabled:i\|\|void 0,readOnly:l\|\|void 0})};fe.states=sm;fe.options=rm;fe.className=ds;import{jsx as dm}from"react/jsx-runtime";var ms="k-input-inner",lm=[],pm={},gi={value:"",placeholder:""},ga=e=>{let{value:t=gi.value,placeholder:o=gi.placeholder,rows:a,disabled:n,...i}=e;return dm("textarea",{...i,className:s(e.className,ms,E(ms,e)),placeholder:o,rows:a,defaultValue:t,disabled:n\|\|void 0})};ga.states=lm;ga.options=pm;ga.className=ms;var cs="prompt-box",Li=cs;var us="speech-to-text-button",Mi=us;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=us;Be.folderName=Mi;import{jsx as sL}from"react/jsx-runtime";import{jsx as pL}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 Wt,jsxs as fs}from"react/jsx-runtime";var lt="k-prompt-box",Nm=[r.hover,r.focus,r.disabled],hm={fillMode:[N.undefined,N.solid,N.flat,N.outline]},bs={lineMode:"auto",isExpanded:!1},be=e=>{let{fillMode:t,lineMode:o=bs.lineMode,startAffix:a,endAffix:n,header:i,isExpanded:l=bs.isExpanded,className:m,children:u,value:b,placeholder:x,generating:g,actionButtonConfig:c,speechToTextButtonConfig:L,uploadButtonConfig:M,hover:S,focus:A,disabled:k,...y}=e,w=o==="multi"\|\|o==="auto"&&l;return fs("div",{...y,className:s(m,"k-input",lt,{[`${lt}-singleline`]:o==="single",[`${lt}-multiline`]:w,[`k-input-${t}`]:t,"k-hover":S,"k-focus":A,"k-disabled":k}),children:[i&&Wt("div",{className:`${lt}-header`,children:i}),fs("div",{className:`${lt}-content`,children:[a&&Wt("div",{className:`${lt}-affix`,children:a}),o==="single"?Wt(fe,{value:b,placeholder:x,className:`${lt}-input`,type:"text","aria-label":"Prompt input"}):Wt(ga,{value:b,placeholder:x,className:`${lt}-textarea`,rows:o==="multi"\|\|l?3:1,"aria-label":"Prompt input","aria-multiline":"true"}),fs("div",{className:`${lt}-affix`,children:[n,M&&Wt($,{icon:"paperclip",size:"small",fillMode:"flat",rounded:"full","aria-label":"Attach files",...M}),L!==!1&&Wt(Be,{size:"small",fillMode:"flat",rounded:"full",...L}),Wt($,{icon:g?"stop":"arrow-up",size:"small",rounded:"full",active:g,disabled:!b&&!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=bs;be.moduleName=cs;be.folderName=Li;import{jsx as PL}from"react/jsx-runtime";import{jsx as wL}from"react/jsx-runtime";import{jsx as UL}from"react/jsx-runtime";import{jsx as $L}from"react/jsx-runtime";import{jsx as JL}from"react/jsx-runtime";import{Fragment as xs,jsx as It,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=It(xs,{children:It($,{size:"small",icon:"send",fillMode:"flat"})});return Object.keys(o\|\|{}).forEach(l=>{switch(l){case"header":n.header=o?.[l]?It(p,{children:"Button in header"}):void 0;break;case"endAffix":o?.[l]&&(n.endAffix=km(xs,{children:[i,It($,{icon:"paperclip",size:"small",fillMode:"flat"})]}));break;case"startAffix":n.startAffix=o?.[l]?It(xs,{children:It($,{icon:"plus",size:"small",fillMode:"flat"})}):void 0;break;default:break}}),t==="Multi"?It(be,{style:{width:300},lineMode:"multi",endAffix:i,placeholder:"Enter your prompt...",...a,...n}):It(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 Ns="chat",Ai=Ns;import{Fragment as Ii,jsx as Jt,jsxs as La}from"react/jsx-runtime";var Ei="k-chat",Cm=[],Am={},Em=La(Ii,{children:[Jt($,{icon:"paperclip",fillMode:"clear",rounded:"full",size:"small","aria-label":"Attach file"},"paperclip"),Jt("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:b,empty:x,scrollToBottom:g,scrollbar:c,promptBoxProps:L,...M}=e;return La("div",{...M,className:s(Ei,e.className),dir:o,children:[t,La("div",{className:"k-message-list",role:"log","aria-label":"Message list","aria-live":"polite",children:[i,Jt("div",{className:s("k-message-list-content",x&&"k-message-list-content-empty"),children:e.children}),g&&Jt("div",{className:"k-chat-scroll-to-bottom-container",children:Jt(vi,{themeColor:"base",icon:"arrow-down",size:"small"})})]}),c&&Jt("div",{className:"k-separator"}),La("div",{className:"k-message-box-wrapper",children:[a,Jt(be,{lineMode:"multi",placeholder:"Type a message",generating:m,value:b,header:n\|\|l?La(Ii,{children:[l,n]}):void 0,endAffix:u,...L})]})]})};G.states=Cm;G.options=Am;G.className=Ei;G.defaultOptions=yi;G.moduleName=Ns;G.folderName=Ai;import{jsx as Ti}from"react/jsx-runtime";var an="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,an,{"k-files-vertical":t==="vertical","k-files-wrap":t==="wrap",[`${an}-scrollable-start`]:t==="horizontal"&&(o==="start"\|\|o==="both"),[`${an}-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=an;pt.defaultOptions=Oi;var hs="menu-button",Bi=hs;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:[f.undefined,f.none,f.small,f.medium,f.large,f.full],fillMode:[N.undefined,N.solid,N.flat,N.outline,N.clear,N.link],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary,h.success,h.warning,h.error,h.info,h.inverse]},vs={showArrow:!0,arrowIconName:"chevron-down"},D=e=>{let{size:t,rounded:o,fillMode:a,themeColor:n,hover:i,focus:l,active:m,selected:u,disabled:b,icon:x,endIcon:g,text:c,showArrow:L=vs.showArrow,arrowIconName:M=vs.arrowIconName,expanded:S,...A}=e;return Tm(p,{...A,className:s(e.className,Pi),text:c,size:t,rounded:o,fillMode:a,themeColor:n,hover:i,focus:l,active:m,selected:u,disabled:b,ariaDisabled:b\|\|void 0,icon:x,endIcon:g,showArrow:L,arrowIconName:M,"aria-expanded":S?"true":"false",...!c&&x&&!e["aria-label"]&&{"aria-label":"Menu"}})};D.states=ym;D.options=Im;D.className=Pi;D.defaultOptions=vs;D.moduleName=hs;D.folderName=Bi;import{jsx as OM}from"react/jsx-runtime";import{jsx as RM}from"react/jsx-runtime";import{jsx as HM}from"react/jsx-runtime";import{jsx as GM}from"react/jsx-runtime";var Pe="menu",Ue=Pe;import{jsx as Sa,jsxs as Ki}from"react/jsx-runtime";var gs="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:b,iconPosition:x=Ri.iconPosition,dir:g,children:c,expanded:L,...M}=e,S=b;return S\|\|(S=g==="rtl"?"chevron-left":"chevron-right"),Ki("li",{...M,className:s(e.className,gs,"k-item",C(gs,{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&&x==="before"&&Sa(v,{className:"k-menu-link-icon",icon:l}),Sa("span",{className:"k-menu-link-text",children:m}),l&&x==="after"&&Sa(v,{className:"k-menu-link-icon",icon:l}),u&&Sa("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:Sa(v,{icon:S})})]}),c]})};de.states=Om;de.options=Bm;de.className=gs;de.defaultOptions=Ri;de.moduleName=Pe;de.folderName=Ue;import{jsx as Yt,jsxs as _i}from"react/jsx-runtime";var Ls="k-menu-item",Pm=[r.hover,r.focus,r.active,r.selected,r.disabled],Km={},Ms={dir:"ltr",iconPosition:"before"},X=e=>{let{hover:t,focus:o,active:a,selected:n,disabled:i,icon:l,text:m,showArrow:u,arrowIconName:b,iconPosition:x=Ms.iconPosition,dir:g=Ms.dir,children:c,popup:L,expanded:M,actions:S,description:A,...k}=e,y=b;return y\|\|(y=g==="rtl"?"chevron-left":"chevron-right"),_i("li",{role:"menuitem",...k,className:s(e.className,Ls,"k-item",C(Ls,{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",C("k-menu-link",{hover:t,active:a,selected:n,disabled:i})),children:[l&&x==="before"&&Yt(v,{className:"k-menu-link-icon",icon:l}),Yt("span",{className:"k-menu-link-text",children:m}),l&&x==="after"&&Yt(v,{className:"k-menu-link-icon",icon:l}),S&&Yt("span",{className:"k-menu-link-actions",children:S}),u&&Yt("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:Yt(v,{icon:y})}),A&&Yt("span",{className:"k-menu-link-description",children:A})]}),c,L]})};X.states=Pm;X.options=Km;X.className=Ls;X.defaultOptions=Ms;X.moduleName=Pe;X.folderName=Ue;import{jsx as Dm}from"react/jsx-runtime";var wi="k-menu-scroll-wrapper",Rm=[],_m={},wm={},Zt=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})};Zt.states=Rm;Zt.options=_m;Zt.className=wi;Zt.defaultOptions=wm;Zt.moduleName=Pe;Zt.folderName=Ue;var Di=Zt;import{Fragment as Ss,jsx as Qt,jsxs as nn}from"react/jsx-runtime";var sn="k-menu",Hm=[],zm={size:[d.undefined,d.small,d.medium,d.large]},rn={orientation:"horizontal",header:!0,scrollButtonsPosition:"around"},re=e=>{let{children:t,orientation:o=rn.orientation,header:a=rn.header,scrollable:n,scrollButtonsPosition:i=rn.scrollButtonsPosition,wrapperStyles:l,dir:m,size:u,popup:b,contextMenu:x,...g}=e,c={horizontal:{prev:m!=="rtl"?"left":"right",next:m!=="rtl"?"right":"left"},vertical:{prev:"up",next:"down"}},L=Qt("ul",{dir:m,...g,className:s(e.className,"k-reset",sn,{[`${sn}-${o}`]:o,"k-header":a},E(sn,{size:u})),role:x?"menu":"menubar",...o==="vertical"&&{"aria-orientation":"vertical"},children:t});return nn(Ss,{children:[n?nn(Di,{orientation:o,style:l,dir:e.dir,children:[i==="start"&&nn(Ss,{children:[Qt(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"}),Qt(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"&&Qt(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"&&nn(Ss,{children:[Qt(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"}),Qt(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"&&Qt(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,b]})};re.states=Hm;re.options=zm;re.className=sn;re.defaultOptions=rn;re.moduleName=Pe;re.folderName=Ue;import{jsx as Um}from"react/jsx-runtime";var ks="k-separator",Hi={orientation:"horizontal"},go=e=>{let{orientation:t=Hi.orientation,...o}=e;return Um("li",{...o,className:s(e.className,"k-item",ks,{[`${ks}-${t}`]:t}),role:"separator"})};go.className=ks;go.defaultOptions=Hi;go.moduleName=Pe;go.folderName=Ue;import{Fragment as hS,jsx as vS}from"react/jsx-runtime";import{jsx as $m}from"react/jsx-runtime";var Cs="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,Cs,E(Cs,{size:o})),children:t})};me.states=Fm;me.options=Gm;me.className=Cs;me.defaultOptions=Vm;me.moduleName=Pe;me.folderName=Ue;import{jsx as yS,jsxs as IS}from"react/jsx-runtime";import{Fragment as Xm,jsx as Lo,jsxs as qm}from"react/jsx-runtime";var As=e=>Lo(re,{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 Es="popup",zi=Es;import{jsx as Ui}from"react/jsx-runtime";var Fi="k-animation-container",Wm=[],Jm={},ys={positionMode:"absolute",shown:!0},dt=e=>{let{positionMode:t=ys.positionMode,shown:o=ys.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=ys;dt.moduleName=Es;dt.folderName=zi;var Is="popup",Gi=Is;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=Is;q.folderName=Gi;import{Fragment as ek,jsx as QS,jsxs as jS}from"react/jsx-runtime";import{Fragment as sk,jsx as nk,jsxs as rk}from"react/jsx-runtime";import{Fragment as mk,jsx as dk,jsxs as ck}from"react/jsx-runtime";import{Fragment as Nk,jsx as xk,jsxs as hk}from"react/jsx-runtime";import{jsx as jt,jsxs as oc}from"react/jsx-runtime";var Qm={...re.options,scrollable:{type:"boolean"}},jm=re.states,qi={...re.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]?jt(q,{className:"k-menu-popup",offset:i,children:oc(me,{children:[jt(X,{text:"Item 1"}),jt(X,{text:"Item 2"}),jt(go,{}),jt(X,{text:"Item 3"})]})}):null)}),t==="vertical"?jt(As,{...a,...n,orientation:"vertical",style:{width:"200px"}}):jt(As,{...a,...n})};Mo.options=Qm;Mo.states=jm;Mo.variants=ec;Mo.defaultOptions=qi;Mo.modifiers=tc;Mo.className=re.className;import{Fragment as Zk,jsx as Jk,jsxs as Yk}from"react/jsx-runtime";import{jsx as tC}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(D,{...a,...n,icon:"star"})});break;case"icon-and-text":l=mt("div",{children:mt(D,{...a,...n,icon:"star",children:"Dropdown Button"})});break;default:l=mt("div",{children:mt(D,{...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=D.className;var Ts="file-box",Yi=Ts;import{jsx as ko,jsxs as Zi}from"react/jsx-runtime";var Qi="k-file-box",lc=[r.selected],pc={},ka={icon:"file-pdf",name:"FileName.pdf",size:"2MB",showButton:"true"},Ee=e=>{let{icon:t=ka.icon,name:o=ka.name,size:a=ka.size,status:n,deleted:i,removeButton:l,showButton:m=ka.showButton,...u}=e,b=[o,a].filter(Boolean).join(" ");return Zi("li",{role:"listitem",tabIndex:0,"aria-label":b\|\|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(D,{icon:"more-vertical",fillMode:"flat",size:"xsmall",showArrow:!1,"aria-label":"File actions"}))]})};Ee.states=lc;Ee.options=pc;Ee.className=Qi;Ee.defaultOptions=ka;Ee.moduleName=Ts;Ee.folderName=Yi;import{jsx as OC}from"react/jsx-runtime";import{jsx as _C}from"react/jsx-runtime";import{jsx as UC,jsxs as FC}from"react/jsx-runtime";import{jsx as qC,jsxs as WC}from"react/jsx-runtime";import{jsx as jC}from"react/jsx-runtime";var Os="button",ji=Os;import{jsx as uc}from"react/jsx-runtime";var Ca="k-button-group",dc=[r.disabled],mc={fillMode:[N.undefined,N.solid,N.flat,N.outline,N.clear,N.link]},cc={},T=e=>{let{fillMode:t,disabled:o,stretched:a,...n}=e;return uc("div",{role:"group",...n,className:s(e.className,Ca,E(Ca,{fillMode:t}),C(Ca,{disabled:o}),{[`${Ca}-stretched`]:a}),...o&&{"aria-disabled":"true"},children:e.children})};T.states=dc;T.options=mc;T.className=Ca;T.defaultOptions=cc;T.moduleName=Os;T.folderName=ji;import{Fragment as hA,jsx as NA,jsxs as vA}from"react/jsx-runtime";import{Fragment as CA,jsx as kA,jsxs as AA}from"react/jsx-runtime";import{Fragment as BA,jsx as OA,jsxs as PA}from"react/jsx-runtime";import{Fragment as HA,jsx as DA,jsxs as zA}from"react/jsx-runtime";import{Fragment as XA,jsx as $A,jsxs as qA}from"react/jsx-runtime";import{Fragment as jA,jsx as QA,jsxs as eE}from"react/jsx-runtime";import{Fragment as rE,jsx as sE,jsxs as iE}from"react/jsx-runtime";import{jsx as gt,jsxs as Bs}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"?Bs(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"?Bs(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"})]}):Bs(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 Aa="input",ln=Aa;import{jsx as Mc}from"react/jsx-runtime";var pn="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:[f.undefined,f.none,f.small,f.medium,f.large,f.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},Lc={},J=e=>{let{hover:t,focus:o,disabled:a,invalid:n,valid:i,loading:l,readonly:m,size:u,rounded:b,fillMode:x,...g}=e;return Mc("span",{...g,className:s(e.className,pn,E(pn,{size:u,rounded:b,fillMode:x}),C(pn,{hover:t,focus:o,disabled:a,invalid:n,valid:i,loading:l,readonly:m}))})};J.states=vc;J.options=gc;J.className=pn;J.defaultOptions=Lc;J.moduleName=Aa;J.folderName=ln;import{jsx as Ac}from"react/jsx-runtime";var dn="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:[f.undefined,f.none,f.small,f.medium,f.large,f.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},Cc={},ct=e=>{let{hover:t,focus:o,disabled:a,invalid:n,valid:i,loading:l,readonly:m,size:u,rounded:b,fillMode:x,...g}=e;return Ac("span",{...g,className:s(e.className,dn,E(dn,{size:u,rounded:b,fillMode:x}),C(dn,{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=dn;ct.defaultOptions=Cc;ct.moduleName=Aa;ct.folderName=ln;import{Fragment as Ic,jsx as Ps}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?Ps(Ic,{}):Ps("span",{className:s(e.className,el),children:Ps(v,{icon:"x"})})};Ke.states=Ec;Ke.options=yc;Ke.className=el;import{jsx as tl,jsxs as Bc}from"react/jsx-runtime";var Ks="k-input-inner",Tc=[],Oc={},eo=e=>{let{value:t,placeholder:o,showValue:a,valueIcon:n,valueIconName:i,...l}=e;return Bc("span",{...l,className:s(e.className,Ks,E(Ks,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})]})};eo.states=Tc;eo.options=Oc;eo.className=Ks;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 oy}from"react/jsx-runtime";import{jsx as $c}from"react/jsx-runtime";var Vc="k-input-suffix-text",Rs=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 _s}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,b=t?.suffix,x=t?.["clear-button"],g=t?.["validation-icon"],c=t?.separators;return _s(J,{...m,valid:o,invalid:a,loading:n,disabled:i,readonly:l,style:{width:300},children:[u&&_s(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}),x&&ut(Ke,{loading:n,disabled:i,readonly:l,value:"Value"}),b&&_s(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={},Tt=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}})]})};Tt.states=jc;Tt.options=eu;Tt.className=ml;var ws="action-buttons",cl=ws;import{jsx as nu}from"react/jsx-runtime";var mn="k-actions",ou=[],au={},Ds={alignment:"start",orientation:"horizontal"},Re=e=>{let{alignment:t=Ds.alignment,orientation:o=Ds.orientation,...a}=e;return nu("div",{...a,className:s(mn,{[`${mn}-${t}`]:t,[`${mn}-${o}`]:o},e.className),children:e.children})};Re.states=ou;Re.options=au;Re.className=mn;Re.defaultOptions=Ds;Re.moduleName=ws;Re.folderName=cl;var ul=Re;import{jsx as ru}from"react/jsx-runtime";var su="k-actionsheet-footer",fl={alignment:"stretched",orientation:"horizontal"},Ot=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 Hs="searchbox",bl=Hs;import{jsx as Ea,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:[f.undefined,f.none,f.small,f.medium,f.large,f.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},cn={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:b,required:x,loading:g,disabled:c,showIcon:L=cn.showIcon,showClearButton:M=cn.showClearButton,icon:S=cn.icon,"aria-label":A,...k}=e;return pu(J,{...k,size:a,rounded:n,fillMode:i,hover:l,focus:m,valid:u,invalid:b,required:x,loading:g,disabled:c,className:s(e.className,xl),children:[L&&Ea(v,{className:"k-input-icon",icon:S}),Ea(fe,{placeholder:o,value:t,"aria-label":A}),Ea(ye,{...e}),Ea(xe,{...e}),M&&Ea(Ke,{...e})]})};$e.states=iu;$e.options=lu;$e.className=xl;$e.defaultOptions=cn;$e.moduleName=Hs;$e.folderName=bl;import{jsx as cI}from"react/jsx-runtime";var zs="textbox",Nl=zs;import{Fragment as hl,jsx as Bt,jsxs as Us}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:[f.undefined,f.none,f.small,f.medium,f.large,f.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},un={showClearButton:!0,showValidationIcon:!0,separators:!0},ce=e=>{let{size:t,rounded:o,fillMode:a,separators:n=un.separators,showClearButton:i=un.showClearButton,showValidationIcon:l=un.showValidationIcon,prefix:m,suffix:u,type:b,value:x,placeholder:g,hover:c,focus:L,valid:M,invalid:S,required:A,loading:k,disabled:y,readonly:w,id:se,"aria-label":Ae,"aria-describedby":pe,...ue}=e;return Us(J,{...ue,size:t,rounded:o,fillMode:a,hover:c,focus:L,valid:M,invalid:S,required:A,loading:k,disabled:y,readonly:w,className:s(e.className,vl),children:[m&&Us(hl,{children:[Bt(Fe,{children:m}),n&&Bt(Ve,{})]}),Bt(fe,{id:se,placeholder:g,value:x,type:b,disabled:y,"aria-label":Ae,"aria-describedby":pe,"aria-invalid":S?"true":void 0}),l&&Bt(xe,{valid:M,invalid:S,loading:k,disabled:y}),Bt(ye,{loading:k,disabled:y}),i&&Bt(Ke,{loading:k,disabled:y,readonly:w,value:x}),u&&Us(hl,{children:[n&&Bt(Ve,{}),Bt(Ge,{children:u})]})]})};ce.states=du;ce.options=mu;ce.className=vl;ce.defaultOptions=un;ce.moduleName=zs;ce.folderName=Nl;var ya=ce;import{jsx as cu}from"react/jsx-runtime";var fn=e=>cu(ya,{...e});import{Fragment as TI,jsx as II}from"react/jsx-runtime";import{Fragment as _I,jsx as RI}from"react/jsx-runtime";import{jsx as zI}from"react/jsx-runtime";import{jsx as Fs}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]?Fs(v,{icon:"lock"}):void 0;break;case"suffix":a.suffix=t?.[n]?Fs(at,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":a.showClearButton=t?.[n];break;default:break}}),Fs(fn,{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 Pt,jsxs as Gs}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:b,titleId:x,children:g,...c}=e;return Gs("div",{...c,className:s(e.className,gl),children:[Gs("div",{className:"k-actionsheet-titlebar-group",children:[a&&Pt("div",{className:"k-actionsheet-actions",children:a}),!g&&Gs("div",{className:"k-actionsheet-title",id:x,children:[t&&Pt("div",{className:"k-text-center",children:t}),o&&Pt("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),g&&Pt("div",{className:"k-actionsheet-title",id:x,children:g}),n&&Pt("div",{className:"k-actionsheet-actions",children:n})]}),(l\|\|i)&&Pt("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:l?Pt(ce,{value:m,placeholder:u,size:b?"large":"medium","aria-label":t\|\|u\|\|"Input"}):Pt($e,{placeholder:"Filter",size:b?"large":"medium","aria-label":"Filter options"})})]})};Ne.className=gl;Ne.defaultOptions=hu;import{jsx as Vs,jsxs as Mu}from"react/jsx-runtime";var $s="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&&Vs(Ne,{adaptive:t,titleId:l,...n?.props}),b=i?.type===Ot&&Vs(Ot,{...i?.props});return Mu("div",{...m,className:s(e.className,$s,{[`${$s}-animated`]:o}),children:[u,Vs("div",{className:"k-actionsheet-content",children:a}),b]})};yo.states=vu;yo.options=gu;yo.className=$s;yo.defaultOptions=Lu;var Ia="action-sheet",bn=Ia;var Xs="overlay",Ll=Xs;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=Xs;ft.folderName=Ll;import{jsx as xn,jsxs as Iu}from"react/jsx-runtime";var Sl="k-actionsheet",Eu=[],yu={},Ta={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},Y=e=>{let{side:t=Ta.side,fullscreen:o=Ta.fullscreen,adaptive:a=Ta.adaptive,overlay:n=Ta.overlay,template:i,children:l,header:m,footer:u,id:b,...x}=e,g=b&&!i&&m?`${b}-title`:void 0;return Iu("div",{className:"k-actionsheet-container",children:[n&&xn(ft,{}),xn(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:xn("div",{...x,id:b,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\|\|xn(yo,{header:m,footer:u,adaptive:a,titleId:g,...e,children:l})})})]})};Y.states=Eu;Y.options=yu;Y.className=Sl;Y.defaultOptions=Ta;Y.moduleName=Ia;Y.folderName=bn;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=Ia;Io.folderName=bn;import{jsx as Ku}from"react/jsx-runtime";var qs=e=>{let{...t}=e;return Ku("div",{...t,className:s(e.className,"k-list-ul"),children:e.children})};import{Fragment as _u,jsx as Oa,jsxs as Ws}from"react/jsx-runtime";var Js="k-actionsheet-item",Ru=[r.hover,r.focus,r.selected,r.disabled],Kt=e=>{let{iconName:t,text:o,description:a,hover:n,focus:i,selected:l,disabled:m,...u}=e;return Ws("span",{...u,className:s(e.className,Js,C(Js,{hover:n,focus:i,selected:l,disabled:m})),children:[!e.children&&Oa(_u,{children:Ws("span",{className:"k-actionsheet-action",children:[t&&Oa("span",{className:"k-icon-wrap",children:Oa(v,{className:"k-actionsheet-item-icon",icon:t})}),Ws("span",{className:"k-actionsheet-item-text",children:[o&&Oa("span",{className:"k-actionsheet-item-title",children:o}),a&&Oa("span",{className:"k-actionsheet-item-description",children:a})]})]})}),e.children]})};Kt.states=Ru;Kt.className=Js;import{jsx as HT,jsxs as zT}from"react/jsx-runtime";import{jsx as VT}from"react/jsx-runtime";import{jsx as WT}from"react/jsx-runtime";import{jsx as QT}from"react/jsx-runtime";import{jsx as ie,jsxs as Ys}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=Ys(qs,{children:[ie(Kt,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),ie(Kt,{text:"Add to Favorites",iconName:"heart"}),ie(Kt,{text:"Upload New",iconName:"upload",disabled:!0}),ie("hr",{className:"k-hr"}),ie(Kt,{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"?ie(Y,{...a,adaptive:!0,fullscreen:n.fullScreen,header:ie(Ne,{actionsStart:n.actionsStart?ie(p,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:n.actionsEnd?ie(p,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:m,subtitle:n.subtitle}),footer:n.footer?Ys(Ot,{alignment:"stretched",children:[ie(p,{text:"Cancel",size:"large",themeColor:"base"}),ie(p,{text:"Apply",size:"large",themeColor:"primary"})]}):void 0,children:i}):ie(Y,{...a,fullscreen:n.fullScreen,header:ie(Ne,{actionsStart:n.actionsStart?ie(p,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:n.actionsEnd?ie(p,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:n.subtitle}),footer:n.footer?Ys(Ot,{alignment:"stretched",children:[ie(p,{text:"Apply",themeColor:"primary"}),ie(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 Zs="slider",El=Zs;import{jsx as Oo,jsxs as Qs}from"react/jsx-runtime";var Ba="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:b=Xe.value,min:x=Xe.min,max:g=Xe.max,startValue:c,endValue:L,hover:M,focus:S,active:A,trackStyle:k,dir:y,...w}=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"),Qs("div",{...w,className:s(Ba,e.className,C(Ba,{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"}),Qs("div",{className:"k-slider-track-wrap",children:[u&&Oo("ul",{className:"k-reset k-slider-items","aria-hidden":"true",children:e.children}),Qs("div",{className:"k-slider-track",style:k,children:[Oo("div",{className:"k-slider-selection"}),t==="range"&&Oo("span",{className:s("k-draghandle","k-draghandle-start",C(Ba,{hover:M,focus:S,active:A})),role:"slider",tabIndex:i?void 0:0,"aria-valuenow":c??x,"aria-valuemin":x,"aria-valuemax":L??g,"aria-orientation":Ae,"aria-disabled":i?"true":void 0,"aria-readonly":n?"true":void 0,"aria-label":w["aria-label"]?`${w["aria-label"]} start`:"Range start"}),Oo("span",{className:s("k-draghandle",`k-draghandle-${l}`,C(Ba,{hover:M,focus:S,active:A})),role:"slider",tabIndex:i?void 0:0,"aria-valuenow":t==="range"?L??g:b,"aria-valuemin":t==="range"?c??x:x,"aria-valuemax":g,"aria-orientation":Ae,"aria-disabled":i?"true":void 0,"aria-readonly":n?"true":void 0,"aria-label":t==="range"?w["aria-label"]?`${w["aria-label"]} end`:"Range end":w["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=Ba;V.defaultOptions=Xe;V.moduleName=Zs;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 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 Ju}from"react/jsx-runtime";var js=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 er=e=>Yu(V,{type:"gradient",orientation:"vertical",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]\|\|"Color slider"});import{Fragment as nB,jsx as aB,jsxs as sB}from"react/jsx-runtime";import{Fragment as dB,jsx as pB,jsxs as mB}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:[N.undefined,N.solid,N.flat,N.outline,N.clear,N.link]},tr={increaseLabel:"Increase value",decreaseLabel:"Decrease value"},Rt=e=>{let{size:t,fillMode:o,disabled:a,increaseLabel:n=tr.increaseLabel,decreaseLabel:i=tr.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})]})};Rt.states=af;Rt.options=nf;Rt.className=_l;Rt.defaultOptions=tr;Rt.moduleName=null;Rt.folderName=null;var wl="numeric-textbox",Dl="numerictextbox";import{Fragment as Hl,jsx as Lt,jsxs as or}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:[f.undefined,f.none,f.small,f.medium,f.large,f.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},Nn={showSpinButton:!0,showClearButton:!0,separators:!0},H=e=>{let{size:t,rounded:o,fillMode:a,separators:n=Nn.separators,showClearButton:i=Nn.showClearButton,showSpinButton:l=Nn.showSpinButton,prefix:m,suffix:u,value:b,placeholder:x,hover:g,focus:c,valid:L,invalid:M,required:S,loading:A,disabled:k,readonly:y,id:w,"aria-label":se,"aria-describedby":Ae,...pe}=e;return or(J,{...pe,size:t,rounded:o,fillMode:a,hover:g,focus:c,valid:L,invalid:M,required:S,loading:A,disabled:k,readonly:y,className:s(e.className,zl),children:[m&&or(Hl,{children:[Lt(Fe,{children:m}),n&&Lt(Ve,{})]}),Lt(fe,{id:w,placeholder:x,value:b,role:"spinbutton",disabled:k,"aria-label":se,"aria-describedby":Ae,"aria-invalid":M?"true":void 0}),Lt(xe,{valid:L,invalid:M,loading:A,disabled:k}),Lt(ye,{loading:A,disabled:k}),i&&Lt(Ke,{loading:A,disabled:k,readonly:y,value:b}),u&&or(Hl,{children:[n&&Lt(Ve,{}),Lt(Ge,{children:u})]}),l&&Lt(Rt,{className:"k-input-spinner",size:t,fillMode:a,disabled:k})]})};H.states=rf;H.options=lf;H.className=zl;H.defaultOptions=Nn;H.moduleName=wl;H.folderName=Dl;var Pa=H;import{jsx as pf}from"react/jsx-runtime";var Ul=e=>pf(Pa,{...e});import nr from"react";import{jsx as Fl}from"react/jsx-runtime";var df="k-list-group-sticky-header",ar=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",hn=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 to="list",Po=to;import{jsx as Gl,jsxs as Vl}from"react/jsx-runtime";var sr="k-list",uf=[],ff={size:[d.undefined,d.small,d.medium,d.large]},bf={},R=e=>{let{size:t,virtualization:o,children:a,header:n,selectAll:i,optionLabel:l,customValue:m,noData:u,screenReaders:b,...x}=e,c=nr.Children.toArray(a)[0],L=c?.props?.children?nr.Children.count(c.props.children):nr.Children.count(a);return Vl("div",{...x,className:s(e.className,sr,E(sr,{size:t}),{"k-virtual-list":o}),children:[l,i,m,n&&Gl(ar,{children:n}),a\|\|(u!==void 0?u:Gl(hn,{live:!0,children:"No data found."})),b&&a&&Vl(hn,{className:"k-sr-only",live:!0,children:[L," items found."]})]})};R.states=uf;R.options=ff;R.className=sr;R.defaultOptions=bf;R.moduleName=to;R.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=to;Ko.folderName=Po;var oo="checkbox",Ro=oo;import{jsx as Xl}from"react/jsx-runtime";var vn="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:[f.undefined,f.none,f.small,f.medium,f.large,f.full]},Mf={},_e=e=>{let{id:t,checked:o,indeterminate:a,hover:n,focus:i,disabled:l,invalid:m,valid:u,required:b,size:x,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:b,disabled:l\|\|void 0,"aria-invalid":m?"true":void 0,className:s(e.className,vn,E(vn,{size:x,rounded:g}),C(vn,{hover:n,focus:i,disabled:l,invalid:m,valid:u,indeterminate:a,checked:o}))})})};_e.states=gf;_e.options=Lf;_e.className=vn;_e.defaultOptions=Mf;_e.moduleName=oo;_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=oo;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=oo;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 RP,jsx as KP,jsxs as _P}from"react/jsx-runtime";import{Fragment as UP,jsx as zP,jsxs as FP}from"react/jsx-runtime";import{Fragment as qP,jsx as XP,jsxs as WP}from"react/jsx-runtime";import{jsx as QP}from"react/jsx-runtime";import{jsx as oK}from"react/jsx-runtime";import{jsx as rK}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 rr="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:b,actions:x,description:g,id:c,...L}=e,M=t\|\|e.children,S=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":b?"true":void 0,className:s(e.className,rr,C(rr,{hover:l,focus:m,disabled:b,selected:u})),children:[n&&Do(_e,{checked:i,disabled:b,"aria-label":S,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}),x&&Do("div",{className:"k-list-item-actions",children:x}),g&&Do("span",{className:"k-list-item-description",children:g})]})};O.states=Gf;O.options=Vf;O.className=rr;O.defaultOptions=$f;O.moduleName=to;O.folderName=Po;import{jsx as Wf}from"react/jsx-runtime";var qf="k-list-ul",_t=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 ir,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:ir(_t,{role:"listbox",id:i,"aria-label":a,"aria-labelledby":n,children:e.children}),t&&ir("div",{className:"k-height-container",children:ir("div",{})})]})};import{jsx as lr,jsxs as eb}from"react/jsx-runtime";var gn="k-list-sticky-header",Zf=[r.hover,r.focus,r.selected],Qf={},jf={},Ln=e=>{let{label:t="Select all",showCheckbox:o=!0,checked:a,indeterminate:n,hover:i,focus:l,selected:m,...u}=e;return lr("div",{...u,className:s(gn,e.className),children:eb("div",{className:s(`${gn}-item`,C(`${gn}-item`,{hover:i,focus:l,selected:m})),"aria-label":t,...!o&&{tabIndex:0,"aria-selected":m?"true":"false"},children:[o&&lr(_e,{checked:a,indeterminate:n,"aria-label":t}),lr("span",{className:"k-list-item-text",children:t})]})})};Ln.states=Zf;Ln.options=Qf;Ln.className=gn;Ln.defaultOptions=jf;import{Fragment as eR,jsx as jK,jsxs as tR}from"react/jsx-runtime";import{jsx as rR,jsxs as iR}from"react/jsx-runtime";import{jsx as nb}from"react/jsx-runtime";var pr="k-list-optionlabel",tb=[r.hover,r.focus,r.selected,r.disabled],ob={},ab={},Mn=e=>{let{text:t,hover:o,focus:a,selected:n,disabled:i,...l}=e;return nb("div",{...l,className:s(pr,C(pr,{hover:o,focus:a,selected:n,disabled:i})),children:t})};Mn.states=tb;Mn.options=ob;Mn.className=pr;Mn.defaultOptions=ab;import{jsx as lb}from"react/jsx-runtime";var dr="k-list-custom-value",sb=[r.hover,r.focus,r.selected,r.disabled],rb={},ib={},wt=e=>{let{text:t,hover:o,focus:a,selected:n,disabled:i,...l}=e;return lb("div",{...l,className:s(dr,C(dr,{hover:o,focus:a,selected:n,disabled:i})),children:t})};wt.states=sb;wt.options=rb;wt.className=dr;wt.defaultOptions=ib;import{Fragment as vR,jsx as hR,jsxs as gR}from"react/jsx-runtime";import{Fragment as AR,jsx as CR,jsxs as ER}from"react/jsx-runtime";import{Fragment as KR,jsx as BR,jsxs as PR}from"react/jsx-runtime";import{Fragment as UR,jsx as HR,jsxs as zR}from"react/jsx-runtime";import{jsx as $R}from"react/jsx-runtime";import{Fragment as ZR,jsx as YR,jsxs as QR}from"react/jsx-runtime";import{Fragment as n_,jsx as a_,jsxs as s_}from"react/jsx-runtime";var Ql="dropdown-list",jl="dropdownlist";import{Fragment as mb,jsx as ge,jsxs as mr}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:[f.undefined,f.none,f.small,f.medium,f.large,f.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},cr={showValue:!0,arrowIconName:"chevron-down"},ne=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:n=cr.arrowIconName,showValue:i=cr.showValue,valueIconName:l,prefix:m,suffix:u,value:b,placeholder:x,hover:g,focus:c,valid:L,invalid:M,required:S,loading:A,disabled:k,readonly:y,popup:w,opened:se,adaptive:Ae,adaptiveSettings:pe,adaptiveTitle:ue,adaptiveSubtitle:ua,adaptiveFilter:Xt,id:qt,activeDescendant:fa,"aria-label":Yn,...Zn}=e,Qn=qt?`${qt}-listbox`:void 0,si=qt?`${qt}-value`:void 0;return mr(mb,{children:[mr(ct,{...Zn,id:qt,size:t,rounded:o,fillMode:a,hover:g,focus:c,valid:L,invalid:M,required:S,loading:A,disabled:k,readonly:y,className:s(e.className,ep,{"k-icon-picker":!i&&l}),role:"combobox","aria-haspopup":"listbox","aria-expanded":se?"true":"false","aria-controls":se?Qn:void 0,"aria-activedescendant":se&&fa?fa:void 0,"aria-describedby":se?si:void 0,"aria-disabled":k?"true":void 0,"aria-label":Yn,tabIndex:0,children:[ge(Fe,{children:m}),ge(eo,{placeholder:x,value:b,showValue:i,valueIconName:l,id:si}),ge(xe,{valid:L,invalid:M,loading:A,disabled:k}),ge(ye,{loading:A,disabled:k}),ge(Ge,{children:u}),ge(p,{className:"k-input-button",icon:n,size:e.size,fillMode:e.fillMode,"aria-label":x\|\|"Toggle dropdown",tabIndex:-1})]}),se&&w&&ge(q,{className:"k-list-container k-dropdownlist-popup",containerRole:"region",containerAriaLabel:"Dropdown suggestions",children:w}),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:Xt,inputValue:b,inputPlaceholder:x,title:ue,subtitle:ua}),children:ge("div",{className:"k-list-container",children:ge(R,{size:"large",children:mr(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=cr;ne.moduleName=Ql;ne.folderName=jl;import{jsx as z_}from"react/jsx-runtime";import{jsx as X_,jsxs as q_}from"react/jsx-runtime";import{Fragment as o0,jsx as e0,jsxs as t0}from"react/jsx-runtime";import{jsx as i0}from"react/jsx-runtime";import{jsx as u0,jsxs as f0}from"react/jsx-runtime";import{Fragment as S0,jsx as L0,jsxs as M0}from"react/jsx-runtime";import{jsx as y0}from"react/jsx-runtime";import{Fragment as Nb,jsx as Dt,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:[Dt("div",{className:"k-list-filter",children:Dt($e,{})}),Dt(R,{style:{width:300},size:o.size,children:tp(z,{children:[Dt(O,{children:"List item"}),Dt(O,{children:"List item"}),Dt(O,{children:"List item"})]})})]});return Object.keys(t\|\|{}).forEach(i=>{i==="opened"&&(a.opened=!!t?.[i],a.popup=t?.[i]?n:void 0)}),Dt("div",{children:Dt(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 Y0,jsx as J0}from"react/jsx-runtime";import{Fragment as ow,jsx as tw}from"react/jsx-runtime";import{jsx as rw}from"react/jsx-runtime";import{jsx as ur}from"react/jsx-runtime";var hb=H.states,vb=H.defaultOptions,gb=H.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]?ur(ne,{size:o.size,fillMode:"flat",value:"mm"}):void 0;break;case"suffix":a.suffix=t?.[n]?ur(Rs,{children:"mm"}):void 0;break;case"clear-button":a.showClearButton=t?.[n];break;case"spin-button":a.showSpinButton=t?.[n];break;default:break}}),ur(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=H.className;import{Fragment as Ra,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(Ra,{children:[Z("div",{className:"k-vstack",children:[P(H,{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(H,{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(H,{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(H,{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(Ra,{children:[Z("div",{className:"k-vstack",children:[P(H,{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(H,{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(H,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Blue channel"}),P("label",{className:"k-colorgradient-input-label",children:"B"})]})]}),t==="hsva"&&Z(Ra,{children:[Z("div",{className:"k-vstack",children:[P(H,{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(H,{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(H,{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(H,{showSpinButton:!1,showClearButton:!1,value:"1.00","aria-label":"Alpha channel"}),P("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="hsv"&&Z(Ra,{children:[Z("div",{className:"k-vstack",children:[P(H,{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(H,{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(H,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),P("label",{className:"k-colorgradient-input-label",children:"V"})]})]}),t==="hex"&&P(Ra,{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 ao,jsxs as no}from"react/jsx-runtime";var np="k-colorgradient-color-contrast",Cb=[],Ab={},Eb={},Go=()=>no("div",{className:s(np,"k-vbox"),children:[no("div",{className:"k-contrast-ratio",children:[ao("span",{className:"k-contrast-ratio-text",children:"Contrast ratio: 7.1"}),no("span",{className:"k-contrast-validation !k-text-success",children:[ao(v,{icon:"check"}),ao(v,{icon:"check"})]})]}),no("div",{children:[ao("span",{children:"AA: 4.5"}),no("span",{className:"k-contrast-validation !k-text-success",children:["Pass",ao(v,{icon:"check"})]})]}),no("div",{children:[ao("span",{children:"AAA: 7.0"}),no("span",{className:"k-contrast-validation !k-text-error",children:["Fail",ao(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 _a}from"react/jsx-runtime";var Sn="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"},le=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:b=xt.contrast,dir:x,hover:g,focus:c,hoverHandle:L,focusHandle:M,canvasOrientation:S=xt.canvasOrientation,role:A,tabIndex:k,...y}=e;return _a("div",{...y,role:A??"textbox","aria-label":A==="none"?void 0:"Color gradient",tabIndex:k??0,"aria-disabled":n?"true":void 0,className:s(e.className,Sn,E(Sn,{size:t}),C(Sn,{hover:g,focus:c,readonly:a,disabled:n})),dir:x,children:[!S\|\|S==="horizontal"&&_a("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})})}),_a("div",{className:"k-hsv-controls k-hstack",children:[Ye(er,{className:"k-hue-slider",hover:L,focus:M}),o!=="rgb"&&o!=="hsv"&&Ye(er,{className:"k-alpha-slider",hover:L,focus:M,trackStyle:m})]})]}),S==="vertical"&&_a("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})})}),_a("div",{className:"k-hsv-controls k-vstack",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:u})]})]}),Ye(Fo,{mode:e.mode,size:t}),b&&Ye(Go,{})]})};le.states=yb;le.options=Ib;le.className=Sn;le.defaultOptions=xt;le.moduleName=sp;le.folderName=rp;import{jsx as Tb}from"react/jsx-runtime";var kn=e=>Tb(le,{...e});import{jsx as $w}from"react/jsx-runtime";import{jsx as Jw}from"react/jsx-runtime";import{jsx as fr}from"react/jsx-runtime";var Ob=le.options,Bb=le.states,Pb={...le.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 fr(kn,{...o,mode:t});case"rgb":return fr(kn,{...o,mode:t});default:return fr(kn,{...o,mode:t})}};Vo.options=Ob;Vo.states=Bb;Vo.variants=Kb;Vo.defaultOptions=Pb;Vo.modifiers=Rb;Vo.className=le.className;import{jsx as _b}from"react/jsx-runtime";var br=e=>_b("tr",{role:"row",children:e.children});import{jsx as Hb}from"react/jsx-runtime";var xr="k-colorpalette-tile",wb=[r.hover,r.focus,r.selected],Db={},Ht=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,xr,C(xr,{hover:a,focus:n,selected:i})),style:m})};Ht.states=wb;Ht.options=Db;Ht.className=xr;Ht.moduleName=null;Ht.folderName=null;var ip="color-palette",lp="colorpalette";import{jsx as wa}from"react/jsx-runtime";var Cn="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,b=o.colors?o.colors:o;Array.isArray(b)&&Array.from({length:Math.ceil(b.length/u)},(x,g)=>{let c=[];b.slice(gu,(g+1)*u).map((M,S)=>{c.push(wa(Ht,{color:M,tileSize:n},S))});let L=wa(br,{children:c},g);m.push(L)})}return wa("div",{...l,role:"grid","aria-label":"Color palette",tabIndex:0,"aria-disabled":i?"true":void 0,className:s(e.className,Cn,C(Cn,{disabled:i}),E(Cn,{size:t})),children:wa("table",{className:"k-colorpalette-table",role:"none",children:wa("tbody",{children:m.length>0?m:e.children})})})};Ie.states=zb;Ie.options=Ub;Ie.className=Cn;Ie.defaultOptions=pp;Ie.moduleName=ip;Ie.folderName=lp;var An=Ie;var Da={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(An,{palette:Da.basic,...e});import{jsx as TD}from"react/jsx-runtime";import{jsx as _D,jsxs as wD}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 En="k-coloreditor",Yb=[r.focus],Zb={size:[d.undefined,d.small,d.medium,d.large]},Ha={view:"gradient",palette:Da.office,actionButtons:!0,canvasOrientation:"horizontal"},Q=e=>{let{size:t,view:o=Ha.view,palette:a=Ha.palette,color:n,currentColor:i,focus:l,focusView:m,dir:u,group:b,actionButtons:x=Ha.actionButtons,canvasOrientation:g=Ha.canvasOrientation,...c}=e;return Xo("div",{...c,role:"textbox","aria-label":"Color editor",tabIndex:0,className:s(e.className,"k-flatcolorpicker",En,E(En,{size:t}),C(En,{focus:l})),dir:u,children:[Xo("div",{className:"k-coloreditor-header k-hstack",children:[Ze("div",{className:"k-coloreditor-header-actions k-hstack",children:b&&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(Tt,{className:"k-coloreditor-preview-color",color:n}),Ze(Tt,{className:"k-coloreditor-current-color",color:i})]})]})]}),Ze("div",{className:"k-coloreditor-views k-vstack",children:o==="gradient"?Ze(le,{focus:m,size:t,canvasOrientation:g,role:"none",tabIndex:-1}):Ze(Ie,{palette:a,size:t})}),x&&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=En;Q.defaultOptions=Ha;Q.moduleName=mp;Q.folderName=cp;var qo=Q;import{jsx as cH}from"react/jsx-runtime";import{jsx as xH}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 Nr}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:[f.undefined,f.none,f.small,f.medium,f.large,f.full],fillMode:[N.undefined,N.solid,N.flat,N.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:b,focus:x,valid:g,invalid:c,required:L,disabled:M,valueIconName:S,popup:A,opened:k,adaptive:y,adaptiveSettings:w,adaptiveTitle:se,adaptiveSubtitle:Ae,...pe}=e,ue="colorpicker-popup";return Nr(ix,{children:[Nr(ct,{...pe,size:t,rounded:o,fillMode:a,hover:b,focus:x,valid:g,invalid:c,required:L,disabled:M,role:"combobox","aria-haspopup":"dialog","aria-expanded":k?"true":"false","aria-controls":k\|\|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(eo,{placeholder:u,value:m,showValue:!1,valueIcon:Qe(Tt,{className:"k-value-icon",color:m,iconName:S}),valueIconName:S}),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})]}),k&&A&&Qe(q,{id:ue,className:"k-colorpicker-popup",children:A}),y&&Qe(Y,{adaptive:!0,id:ue,...w,header:Qe(Ne,{actionsEnd:Qe(p,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply"}),title:se,subtitle:Ae}),footer:Nr(Ot,{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 yn=e=>lx(St,{...e});import{jsx as jH}from"react/jsx-runtime";import{jsx as nz}from"react/jsx-runtime";import{jsx as lz}from"react/jsx-runtime";import{jsx as cz}from"react/jsx-runtime";import{jsx as xz}from"react/jsx-runtime";import{jsx as gz}from"react/jsx-runtime";import{jsx as so}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]?so(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 so("div",{style:i,children:so(yn,{...a,...n})});case"icon":return so("div",{style:i,children:so(yn,{value:"rgba(183, 118 , 118, 1.00)",valueIconName:"edit-tools",...a,...n})});default:return so("div",{style:i,children:so(yn,{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 hr="combobox",Lp=hr;import{Fragment as vr,jsx as oe,jsxs as za}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:[f.undefined,f.none,f.small,f.medium,f.large,f.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},gr={separators:!0,showClearButton:!0},Le=e=>{let{size:t,rounded:o,fillMode:a,separators:n=gr.separators,showClearButton:i=gr.showClearButton,prefix:l,suffix:m,value:u,placeholder:b,hover:x,focus:g,valid:c,invalid:L,required:M,loading:S,disabled:A,popup:k,opened:y,readonly:w,adaptive:se,adaptiveSettings:Ae,adaptiveTitle:pe,adaptiveSubtitle:ue,adaptiveCustomValue:ua,id:Xt,autocomplete:qt,activeDescendant:fa,"aria-label":Yn,...Zn}=e,Qn=Xt?`${Xt}-listbox`:void 0;return za(vr,{children:[za(J,{...Zn,size:t,rounded:o,fillMode:a,hover:x,focus:g,valid:c,invalid:L,required:M,loading:S,disabled:A,readonly:w,className:s(e.className,Mp),children:[l&&za(vr,{children:[oe(Fe,{children:l}),n&&oe(Ve,{})]}),oe(fe,{id:Xt,placeholder:b,value:u,role:"combobox","aria-haspopup":"listbox","aria-expanded":y?"true":"false","aria-controls":y?Qn:void 0,"aria-activedescendant":y&&fa?fa:void 0,"aria-autocomplete":qt,"aria-invalid":L?"true":void 0,"aria-busy":S?"true":void 0,"aria-label":Yn,disabled:A,readOnly:w}),oe(xe,{valid:c,invalid:L,loading:S,disabled:A}),oe(ye,{loading:S,disabled:A}),i&&oe(Ke,{loading:S,disabled:A,readonly:w,value:u}),m&&za(vr,{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&&k&&oe(q,{className:"k-list-container k-combobox-popup",containerRole:"region",containerAriaLabel:"Combobox suggestions",children:k}),se&&oe(Y,{adaptive:!0,id:Xt?`${Xt}-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:b,title:pe,subtitle:ue}),children:oe("div",{className:"k-list-container",children:oe(R,{customValue:ua?oe(wt,{text:`Use "${u}"`}):void 0,size:"large",children:za(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=gr;Le.moduleName=hr;Le.folderName=Lp;var we=Le;import{jsx as bx}from"react/jsx-runtime";var Sp=e=>bx(we,{...e});import{jsx as o1,jsxs as a1}from"react/jsx-runtime";import{jsx as p1,jsxs as d1}from"react/jsx-runtime";import{jsx as x1,jsxs as N1}from"react/jsx-runtime";import{Fragment as S1,jsx as M1}from"react/jsx-runtime";import{Fragment as I1,jsx as y1}from"react/jsx-runtime";import{jsx as R1,jsxs as _1}from"react/jsx-runtime";import{Fragment as V1,jsx as F1,jsxs as G1}from"react/jsx-runtime";import{jsx as W1}from"react/jsx-runtime";import{jsx as Q1}from"react/jsx-runtime";import{jsx as n2,jsxs as s2}from"react/jsx-runtime";import{jsx as m2,jsxs as c2}from"react/jsx-runtime";import{jsx as zt,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=zt(R,{style:{width:300},size:o.size,children:Lx(z,{children:[zt(O,{children:"List item"}),zt(O,{children:"List item"}),zt(O,{children:"List item"})]})});return Object.keys(t\|\|{}).forEach(i=>{switch(i){case"prefix":a.prefix=t?.[i]?zt(v,{icon:"map-marker-target"}):void 0;break;case"suffix":a.suffix=t?.[i]?zt($,{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}}),zt("div",{children:zt(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 Lr="split-button",kp=Lr;import{Fragment as kx,jsx as Mr,jsxs as Cp}from"react/jsx-runtime";var Sr="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:[f.undefined,f.none,f.small,f.medium,f.large,f.full],fillMode:[N.undefined,N.solid,N.flat,N.outline,N.clear,N.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"},K=e=>{let{size:t,rounded:o,fillMode:a,themeColor:n,hover:i,focus:l,active:m,selected:u,disabled:b,icon:x,endIcon:g,text:c,arrowIconName:L=Ap.arrowIconName,popup:M,opened:S,popupId:A,...k}=e;return Cp(kx,{children:[Cp("div",{...k,className:s(e.className,Sr,"k-button-group",E(Sr,{rounded:o})),children:[Mr(p,{text:c,icon:x,endIcon:g,size:t,rounded:o,fillMode:a,themeColor:n,hover:i,focus:l,active:m,selected:u,disabled:b,...!c&&!e.children&&x&&{"aria-label":"Action"},children:e.children}),Mr(p,{className:"k-split-button-arrow",icon:L,size:t,rounded:o,fillMode:a,disabled:b,ariaDisabled:b\|\|void 0,"aria-label":"Toggle dropdown","aria-expanded":S?"true":"false","aria-controls":S?A:void 0,tabIndex:-1})]}),S&&M&&Mr(q,{className:"k-menu-popup",children:M})]})};K.states=Mx;K.options=Sx;K.className=Sr;K.defaultOptions=Ap;K.moduleName=Lr;K.folderName=kp;var kr=K;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 ro="toolbar",Zo=ro;import{Fragment as Cr,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:[N.undefined,N.solid,N.outline,N.flat]},Ix={scrollButtons:"around"},U=e=>{let{size:t,fillMode:o,focus:a,resizable:n,scrollable:i,scrollButtons:l,scrollingPosition:m,section:u,...b}=e,x=[],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===va)M.push(_(va,{...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===D)M.push(_(D,{...c.props,className:`k-toolbar-menu-button ${c.props.className?c.props.className:""}`},`${L}-${new Date().getTime()}`));else if(c.type===kr)M.push(_(kr,{...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 S=[];(Array.isArray(c.props.children)?c.props.children:[c.props.children]).forEach((k,y)=>{S.push(_(p,{...k.props,className:`${k.props.className?k.props.className:""}`},`${y}-${new Date().getTime()}`))}),M.push(_(T,{...c.props,className:`k-toolbar-button-group ${c.props.className?c.props.className:""}`,children:S},`${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(S=>{x.push(S)})};return e.children&&(Array.isArray(e.children)?e.children:[e.children]).forEach((L,M)=>{g(L,M)}),Qo("div",{...b,className:s(e.className,kt,E(kt,{size:t,fillMode:o}),C(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&&x,i&&l==="hidden"&&_("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:x}),i&&l==="start"&&Qo(Cr,{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:x})]}),i&&l==="end"&&Qo(Cr,{children:[_("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:x}),_(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(Cr,{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:x}),_(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=ro;U.folderName=Zo;import{jsx as Px}from"react/jsx-runtime";var Ar="k-toolbar-item",Tx=[r.focus],Ox={},Bx={},jo=e=>{let{focus:t,...o}=e;return Px("div",{...o,className:s(e.className,Ar,C(Ar,{focus:t})),children:e.children})};jo.states=Tx;jo.options=Ox;jo.className=Ar;jo.defaultOptions=Bx;jo.moduleName=ro;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:[N.undefined,N.solid,N.outline,N.flat]},_x={},io=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})};io.states=Kx;io.options=Rx;io.className=yp;io.defaultOptions=_x;io.moduleName=ro;io.folderName=Zo;var In=io;import{jsx as hU}from"react/jsx-runtime";import{jsx as MU}from"react/jsx-runtime";import{jsx as AU}from"react/jsx-runtime";import{jsx as TU}from"react/jsx-runtime";import{jsx as _U,jsxs as wU}from"react/jsx-runtime";import{jsx as UU}from"react/jsx-runtime";import{jsx as Ct,jsxs as Ux}from"react/jsx-runtime";var wx=K.states,Ip={...K.defaultOptions,variant:"text"},Dx=K.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(K,{...a,...n,icon:"star"})});case"icon-and-text":return Ct("div",{children:Ct(K,{...a,...n,icon:"star",children:"Split Button"})});default:return Ct("div",{children:Ct(K,{...a,...n,children:"Split Button"})})}};ea.options=Dx;ea.states=wx;ea.variants=Hx;ea.defaultOptions=Ip;ea.modifiers=zx;ea.className=K.className;import{jsx as lo,jsxs as Fx}from"react/jsx-runtime";var Tp=e=>lo(U,{children:[lo(p,{children:"Button"},"toolbar-button"),lo(D,{text:"Menu button"},"toolbar-menu-button"),lo(K,{children:"Split button"},"toolbar-split-button"),Fx(T,{children:[lo(p,{className:"k-group-start",icon:"align-left",children:"Left"}),lo(p,{icon:"align-center",children:"Center"}),lo(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});import{jsx as N3,jsxs as h3}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(D,{text:"Menu button"},"toolbar-menu-button"),De(K,{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(D,{text:"Menu button"},"toolbar-menu-button"),De(K,{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(D,{text:"Menu button"},"toolbar-menu-button"),He(K,{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(D,{text:"Menu button"},"toolbar-menu-button"),He(K,{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 Tn}from"react/jsx-runtime";var Rp=({fillMode:e,size:t,...o})=>Tn(Gx,{children:[Te(U,{section:!0,fillMode:e,size:t,children:[Te(p,{fillMode:e,size:t,children:"Button"},"toolbar-button"),Tn(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}),Tn(In,{size:t,fillMode:e,section:!0,...o,children:[Te(K,{fillMode:e,size:t,children:"Split button"},"toolbar-split-button"),Te(p,{fillMode:e,size:t,children:"Button"},"toolbar-button"),Te(st,{}),Te(D,{text:"Menu button",fillMode:e,size:t},"toolbar-menu-button"),Tn(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 Z3,jsx as J3,jsxs as Y3}from"react/jsx-runtime";import{Fragment as l5,jsx as r5,jsxs as i5}from"react/jsx-runtime";import{jsx as Ut}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 Ut("div",{children:Ut(Rp,{style:{width:"583px"},...o})});case"overlay":return Ut("div",{children:Ut(Kp,{style:{width:"583px"},...o,scrollingPosition:"start",scrollButtons:"hidden"})});case"scrollable":return Ut("div",{children:Ut(Bp,{style:{width:"583px"},...o})});default:return Ut("div",{children:Ut(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 Er="avatar",wp=Er;import{jsx as Dp}from"react/jsx-runtime";var Ua="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:[f.undefined,f.none,f.small,f.medium,f.large,f.full],fillMode:[N.undefined,N.solid,N.outline],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary]},yr={type:"text",border:!1},Me=e=>{let{size:t,rounded:o,fillMode:a,themeColor:n,type:i=yr.type,border:l=yr.border,...m}=e;return Dp("div",{...m,className:s(e.className,Ua,E(Ua,{size:t,rounded:o,fillMode:a,themeColor:n}),{[`${Ua}-bordered`]:l}),children:Dp("span",{className:`${Ua}-${i}`,children:e.children})})};Me.states=Wx;Me.options=Jx;Me.className=Ua;Me.defaultOptions=yr;Me.moduleName=Er;Me.folderName=wp;var po=Me;import{jsx as Yx}from"react/jsx-runtime";var Hp=e=>Yx(po,{type:"icon",...e});import{jsx as Zx}from"react/jsx-runtime";var zp=e=>Zx(po,{type:"text",...e});import{jsx as Qx}from"react/jsx-runtime";var On=e=>Qx(po,{type:"image",...e});import{jsx as q5}from"react/jsx-runtime";import{jsx as Fa}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 Fa(Hp,{...o,children:Fa(v,{icon:"star"})});case"text":return Fa(zp,{...o,children:"JO"});default:return Fa(On,{...o,children:Fa("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 Ir}from"react/jsx-runtime";var Ga="k-message-group",nN=[r.selected],sN={},Bn={author:"Bruv",avatar:"/packages/html/assets/avatar.jpg",type:"receiver"},W=e=>{let{type:t=Bn.type,author:o=Bn.author,avatar:a=Bn.avatar,status:n,selected:i,fullWidth:l,...m}=e;return Ir("div",{...m,className:s(Ga,e.className,C(Ga,{selected:i}),{[`${Ga}-${t}`]:t,"k-no-avatar":!a,[`${Ga}-full-width`]:l}),children:[a&&!n&&aa(Me,{type:"image",children:aa("img",{src:a,alt:o\|\|""})}),n&&a&&Ir("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"})]}),Ir("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=Ga;W.defaultOptions=Bn;import{Fragment as iN,jsx as Pn,jsxs as Up}from"react/jsx-runtime";var Tr="k-message-reference",rN={},Fp={type:"receiver"},Ft=e=>{let{content:t,closeable:o,pinned:a,type:n=Fp.type,...i}=e;return Up("div",{...i,className:s(Tr,e.className,{[`${Tr}-${n}`]:n,"k-message-pinned":a}),children:[a&&Pn(v,{icon:"pin"}),Pn("div",{className:"k-message-reference-content",children:t}),o&&Up(iN,{children:[Pn("span",{className:"k-spacer"}),Pn(p,{icon:"x-circle",fillMode:"flat",size:"xsmall","aria-label":"Close"})]})]})};Ft.options=rN;Ft.className=Tr;Ft.moduleName=null;Ft.folderName=null;Ft.defaultOptions=Fp;var Or="bubble",Gp=Or;import{jsx as Kn,jsxs as pN}from"react/jsx-runtime";var Br="k-bubble",lN=[r.hover,r.active,r.selected,r.focus],Pr={expandable:!1,expanded:!1},mo=e=>{let{content:t,hover:o,active:a,focus:n,selected:i,expandable:l=Pr.expandable,expanded:m=Pr.expanded,...u}=e;return pN("div",{...u,className:s(e.className,Br,C(Br,{hover:o,active:a,focus:n,selected:i}),{"k-bubble-expandable":l},{"k-expanded":m}),tabIndex:0,children:[Kn("div",{className:"k-bubble-content",children:t??e.children}),l&&Kn("span",{className:"k-bubble-expandable-indicator",role:"button","aria-label":m?"Show less":"Show more",tabIndex:0,children:m?Kn(v,{icon:"chevron-up"}):Kn(v,{icon:"chevron-down"})})]})};mo.states=lN;mo.className=Br;mo.defaultOptions=Pr;mo.moduleName=Or;mo.folderName=Gp;import{jsx as EF}from"react/jsx-runtime";import{jsx as OF}from"react/jsx-runtime";import{jsx as RF}from"react/jsx-runtime";import{jsx as Kr,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(mo,{...n,className:s(e.className,dN),children:[t?$p("div",{className:"k-typing-indicator",tabIndex:-1,children:[Kr("span",{}),Kr("span",{}),Kr("span",{})]}):o,a]})};import{jsx as YF}from"react/jsx-runtime";import{jsx as qp,jsxs as mN}from"react/jsx-runtime";var Wp="k-chat-event",Rr={icon:"trash",text:"You deleted Chat history."},Jp=e=>{let{icon:t=Rr.icon,text:o=Rr.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=Rr;import{jsx as rG}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 bG,jsx as fG,jsxs as xG}from"react/jsx-runtime";import{Fragment as LG,jsx as gG,jsxs as MG}from"react/jsx-runtime";var _r="skeleton",Zp=_r;import{jsx as NN}from"react/jsx-runtime";var wr="k-skeleton",fN=["circle","text","rect"],bN=[],xN={},Dr={variant:"text",shape:"text",animation:"pulse"},ht=e=>{let{variant:t,shape:o,animation:a=Dr.animation,...n}=e,i=`skeleton-${t\|\|o\|\|Dr.variant}`;return NN("span",{...n,className:s(e.className,wr,Ya(wr,i),{[`k-skeleton-${a}`]:a}),style:e.style})};ht.states=bN;ht.options=xN;ht.variants=fN;ht.className=wr;ht.defaultOptions=Dr;ht.moduleName=_r;ht.folderName=Zp;import{jsx as OG}from"react/jsx-runtime";import{jsx as RG}from"react/jsx-runtime";import{jsx as HG}from"react/jsx-runtime";import{Fragment as jG,jsx as ZG,jsxs as QG}from"react/jsx-runtime";import{Fragment as n6,jsx as a6,jsxs as s6}from"react/jsx-runtime";var Hr="window",Qp=Hr;import{jsx as LN}from"react/jsx-runtime";var jp="k-window-content",hN=[],vN={},gN={},Gt=e=>{let{children:t,...o}=e;return LN("div",{...o,className:s(jp,e.className),children:t})};Gt.states=hN;Gt.options=vN;Gt.className=jp;Gt.defaultOptions=gN;Gt.moduleName=Hr;Gt.folderName=Qp;var Va="dialog",Rn=Va;import{Fragment as kN,jsx as co,jsxs as zr}from"react/jsx-runtime";var ed="k-dialog",MN=[],SN={},Ur={actionButtonsAlign:"stretched",modal:!0},ze=e=>{let{title:t,actions:o,actionButtons:a,actionButtonsAlign:n=Ur.actionButtonsAlign,modal:i=Ur.modal,...l}=e,m=t!==void 0?B("dialog-titlebar"):void 0,u=B("dialog-content");return zr("div",{className:"k-dialog-wrapper",children:[i&&co(ft,{}),zr("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)&&zr("div",{className:"k-window-titlebar k-dialog-titlebar",id:m,children:[t!==void 0&&co("span",{className:"k-window-title k-dialog-title",children:t}),o&&co(kN,{children:co("div",{className:"k-window-titlebar-actions k-dialog-titlebar-actions",children:o.map(b=>co(p,{icon:b,fillMode:"flat",size:"xsmall",className:"k-window-titlebar-action k-dialog-titlebar-action","aria-label":b},b))})})]}),co(Gt,{className:"k-dialog-content",id:u,children:e.children}),a&&co(Re,{alignment:n,className:"k-window-actions k-dialog-actions",children:a})]})]})};ze.states=MN;ze.options=SN;ze.className=ed;ze.defaultOptions=Ur;ze.moduleName=Va;ze.folderName=Rn;var Fr=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=Va;na.folderName=Rn;import{Fragment as od,jsx as _n,jsxs as IN}from"react/jsx-runtime";var ad=e=>_n(Fr,{title:"Title",children:_n(od,{children:"Dialog content"}),actionButtons:IN(od,{children:[_n(p,{children:"Action"}),_n(p,{themeColor:"primary",children:"Primary"})]}),actions:["x"],...e});import{Fragment as B6,jsx as P6,jsxs as K6}from"react/jsx-runtime";import{Fragment as RN,jsx as wn,jsxs as _N}from"react/jsx-runtime";var TN=ze.options,ON=[],BN=ze.states,PN=ze.defaultOptions,KN=[],sa=e=>wn(ad,{style:{width:"350px",height:"215px"},...e,title:"Please confirm",actions:["x"],actionButtonsAlign:"stretched",actionButtons:_N(RN,{children:[wn(p,{children:"No"}),wn(p,{themeColor:"primary",children:"Yes"})]}),children:wn("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 Gr="dropzone",nd=Gr;import{jsx as Dn,jsxs as HN}from"react/jsx-runtime";var Vr="k-external-dropzone",wN=[r.disabled,r.hover],DN={},$r={icon:"upload",hint:"Drag and drop files here to upload"},Se=e=>{let{hover:t,disabled:o,icon:a=$r.icon,hint:n=$r.hint,note:i,...l}=e;return Dn("div",{...l,className:s(e.className,Vr,C(Vr,{disabled:o}),{"k-external-dropzone-hover":t}),children:HN("div",{className:"k-dropzone-inner",children:[a&&Dn(v,{icon:a,className:"k-dropzone-icon",size:"xxxlarge"}),n&&Dn("span",{className:"k-dropzone-hint",children:n}),i&&Dn("span",{className:"k-dropzone-note",children:i})]})})};Se.states=wN;Se.options=DN;Se.className=Vr;Se.defaultOptions=$r;Se.moduleName=Gr;Se.folderName=nd;import{jsx as zN}from"react/jsx-runtime";var sd=e=>zN(Se,{...e});import{jsx as s7}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 Hn,jsx as Vt,jsxs as $a}from"react/jsx-runtime";var Xr="k-upload-dropzone",qN=[r.hover],zn=e=>{let{hover:t,status:o,disabled:a,hasFiles:n,filesId:i,buttonText:l="Select files...",...m}=e,u;switch(o){case"uploading":u=$a(Hn,{children:[Vt(v,{icon:"upload"}),"Uploading..."]});break;case"done":u=$a(Hn,{children:[Vt(v,{icon:"check"}),"Done"]});break;case"failed":u=$a(Hn,{children:[Vt(v,{icon:"exclamation-circle"}),"Done"]});break;default:u=Vt(Hn,{});break}return $a("div",{...m,className:s(e.className,Xr,"k-dropzone",C(Xr,{hover:t})),children:[$a("div",{className:"k-upload-button-wrap",children:[Vt(p,{className:"k-upload-button","aria-disabled":a?"true":"false",...n&&i?{"aria-controls":i}:{},children:l}),Vt("input",{id:"upload-input",className:"k-hidden",tabIndex:-1,"aria-hidden":"true"})]}),Vt("span",{className:s("k-dropzone-hint",{"k-hidden":o!=="upload"}),children:"Drop files here to upload"}),o!=="upload"&&Vt("span",{className:"k-upload-status",children:u})]})};zn.states=qN;zn.className=Xr;var qr="upload",rd=qr;import{jsx as Un,jsxs as ld}from"react/jsx-runtime";var Wr="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,buttonText:u,...b}=e,x=!!e.children;return ld("div",{...b,className:s(e.className,Wr,C(Wr,{disabled:m}),{"k-upload-async":t,"k-upload-empty":o}),children:[Un(zn,{status:l,hover:i,disabled:m,hasFiles:x,filesId:id,buttonText:u}),x&&Un("ul",{className:"k-upload-files",role:"list",id,children:e.children}),a&&x&&ld(ul,{alignment:n,orientation:"horizontal",children:[Un(p,{className:"k-clear-selected",children:"Clear"}),Un(p,{themeColor:"primary",className:"k-upload-selected",children:"Upload"})]})]})};ae.states=WN;ae.options=JN;ae.className=Wr;ae.defaultOptions=pd;ae.moduleName=qr;ae.folderName=rd;var Xa="progressbar",Fn=Xa;import{jsx as Yr,jsxs as Jr}from"react/jsx-runtime";var et="k-progressbar",YN=[r.disabled,r.indeterminate],ZN={orientation:["horizontal","vertical"]},uo={indeterminate:!1,label:!0,labelPosition:"start",orientation:"horizontal",reverse:!1,value:"0"},ke=e=>{let{disabled:t,height:o,indeterminate:a=uo.indeterminate,label:n=uo.label,labelPosition:i=uo.labelPosition,orientation:l=uo.orientation,reverse:m=uo.reverse,value:u=uo.value,width:b,style:x,ariaLabel:g,...c}=e;return Jr("div",{...c,className:s(e.className,et,C(et,{disabled:t}),{[`${et}-${l}`]:l,[`${et}-indeterminate`]:a,[`${et}-reverse`]:m}),style:{...x,"--kendo-progressbar-value":u,[l==="horizontal"?"height":"width"]:l==="horizontal"?o:b},role:"progressbar","aria-label":g\|\|"progress","aria-valuenow":a?void 0:Number(u),"aria-valuemin":0,"aria-valuemax":100,children:[Yr("span",{className:s("k-progress-status-wrap",{[`k-progress-${i}`]:i&&!a}),children:n&&Jr("span",{className:"k-progress-status",children:[u,"%"]})}),!a&&Yr("div",{className:"k-progressbar-value k-selected",children:Yr("span",{className:s("k-progress-status-wrap",{[`k-progress-${i}`]:i}),children:n&&Jr("span",{className:"k-progress-status",children:[e.value,"%"]})})})]})};ke.states=YN;ke.options=ZN;ke.className=et;ke.defaultOptions=uo;ke.moduleName=Xa;ke.folderName=Fn;var dd=ke;import{jsx as Zr}from"react/jsx-runtime";var md="k-chunk-progressbar",QN=(e,t)=>t<=e-1,jN=[r.disabled,r.indeterminate],eh={},Gn={chunkCount:5,orientation:"horizontal",progress:0},ia=e=>{let{disabled:t,chunkCount:o=Gn.chunkCount,indeterminate:a,orientation:n=Gn.orientation,progress:i=Gn.progress,reverse:l,ariaLabel:m,...u}=e;return Zr("div",{...u,className:s(e.className,et,md,C(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:Zr("ul",{className:"k-progressbar-chunks k-reset",children:[...Array(o)].map((b,x)=>Zr("li",{className:s("k-progressbar-chunk",{"k-first":x===0,"k-last":x===[...Array(o)].length-1,"k-selected":QN(i,x)})},x))})})};ia.states=jN;ia.options=eh;ia.className=md;ia.defaultOptions=Gn;ia.moduleName=Xa;ia.folderName=Fn;import{jsx as th}from"react/jsx-runtime";var qa=e=>th(dd,{...e});import{jsx as X7}from"react/jsx-runtime";import{jsx as $t}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 $t("div",{...i,children:$t(qa,{...a,...n,labelPosition:"end",value:"50"})});case"center":return $t("div",{...i,children:$t(qa,{...a,...n,labelPosition:"center",value:"50"})});case"empty":return $t("div",{...i,children:$t(qa,{...a,...n,label:!1,value:"50"})});default:return $t("div",{...i,children:$t(qa,{...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 Qr,jsxs as ih}from"react/jsx-runtime";var rh="k-file-info",jr=e=>{let{name:t,size:o,validationMsg:a,...n}=e;return ih("div",{...n,className:s(e.className,rh),children:[t&&Qr("span",{className:"k-file-name",children:t}),o&&Qr("span",{className:"k-file-size",children:o}),a&&Qr("span",{className:"k-file-validation-message","aria-live":"polite",children:a})]})};import{Fragment as ph,jsx as At,jsxs as Vn}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:Vn("div",{className:"k-file-single",children:[At(ke,{className:s({"k-hidden":t!=="progress"}),value:o,label:!1}),Vn("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(jr,{name:a,size:i,validationMsg:m}),At("div",{className:"k-upload-actions",children:t==="progress"?Vn(ph,{children:[Vn("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 M9,jsx as g9,jsxs as L9}from"react/jsx-runtime";import{Fragment as dh,jsx as ei,jsxs as mh}from"react/jsx-runtime";var Wa=e=>ei(ae,{async:!0,children:mh(dh,{children:[ei(Oe,{name:"Image_With_Very_Very_Very_Very_Very_Long_Name1.png",icon:"file-image",size:"51.23 KB"}),ei(Oe,{name:"Image2.jpg",icon:"file-image",size:"106.43 KB"})]}),...e});import{Fragment as B9,jsx as T9,jsxs as O9}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 z9,jsx as H9,jsxs as U9}from"react/jsx-runtime";import{Fragment as X9,jsx as $9,jsxs as q9}from"react/jsx-runtime";import{jsx as Et,jsxs as $n}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 $n(Wa,{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 $n(Wa,{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 $n(Wa,{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 $n(Wa,{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 L4,jsx as g4,jsxs as M4}from"react/jsx-runtime";import{jsx as A4}from"react/jsx-runtime";import{Fragment as O4,jsx as T4,jsxs as B4}from"react/jsx-runtime";import{Fragment as w4,jsx as _4,jsxs as D4}from"react/jsx-runtime";import{Fragment as G4,jsx as F4,jsxs as V4}from"react/jsx-runtime";import{Fragment as J4,jsx as W4}from"react/jsx-runtime";import{Fragment as gh,jsx as rt,jsxs as Ja}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:b,focus:x,toolbar:g,typing:c,expandable:L,expanded:M,removed:S,files:A,failed:k,...y}=e,w=k===!0?da.failed:k;return Ja("div",{...y,className:s(bd,e.className,{"k-message-removed":S,"k-message-failed":k}),children:[k&&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:b,focus:x,content:Ja(gh,{children:[a,o&&rt("span",{className:"k-chat-bubble-text",children:o})]}),expandable:L,expanded:M,files:A}),Ja("div",{className:"k-message-info",children:[n&&Ja("span",{className:"k-message-status",children:[i&&rt(v,{icon:i,size:"xsmall"}),n]}),t&&rt("time",{className:"k-message-time",children:t}),k&&Ja("span",{className:"k-message-failed-content",children:[k&&rt(v,{icon:"warning-triangle",size:"xsmall"}),k&&rt("span",{className:"k-message-failed-text",children:w})]})]}),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 ti="appbar",xd=ti;import{jsx as kh}from"react/jsx-runtime";var oi="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,oi,E(oi,{themeColor:t}),{[`k-appbar-${o}`]:o,[`k-appbar-${a}`]:a}),children:e.children})};Ce.states=Lh;Ce.options=Mh;Ce.className=oi;Ce.defaultOptions=Sh;Ce.moduleName=ti;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 D8,jsx as _8,jsxs as w8}from"react/jsx-runtime";import{jsx as j,jsxs as ma}from"react/jsx-runtime";var ai={...Ce.options,positionMode:["static","sticky","fixed"]},Eh=Ce.states,Nd={...Ce.defaultOptions,themeColor:"primary",variant:"top",positionMode:"sticky"};ai.themeColor=["primary",...ai.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(fn,{value:"Input value"})}),ma(vt,{children:[j($,{className:"k-mx-sm",fillMode:"flat",icon:"bell"}),j("span",{className:"k-appbar-separator"}),j(On,{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=ai;ca.states=Eh;ca.variants=yh;ca.defaultOptions=Nd;ca.modifiers=[];ca.className=Ce.className;var ni="suggestion",hd=ni;import{jsx as Xn,jsxs as Oh}from"react/jsx-runtime";var qn="k-suggestion-group",Ih=[],Th={},vd={layout:"scrollable",scrollingPosition:"start"},tt=e=>{let{layout:t=vd.layout,scrollingPosition:o,...a}=e,n=Xn("div",{...a,className:s(qn,{"k-suggestion-group-scrollable":t=="scrollable",[`${qn}-scrollable-start`]:o==="start"\|\|o==="both",[`${qn}-scrollable-end`]:o==="end"\|\|o==="both"},e.className),role:"group",children:t==="scrollable"\|\|t==="scrollButtons"?Xn("div",{className:"k-suggestions-scroll",children:e.children}):e.children});return t=="scrollButtons"?Oh("div",{className:"k-suggestion-scrollwrap",children:[Xn(p,{fillMode:"flat",icon:"chevron-left",size:"xsmall","aria-label":"Scroll left"}),n,Xn(p,{fillMode:"flat",icon:"chevron-right",size:"xsmall","aria-label":"Scroll right"})]}):n};tt.states=Ih;tt.options=Th;tt.className=qn;tt.defaultOptions=vd;tt.moduleName=ni;tt.folderName=hd;import{jsx as Rh}from"react/jsx-runtime";var Wn="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,Wn,C(Wn,{hover:a,active:o,focus:n}),E(Wn,{themeColor:t})),role:"button",tabIndex:0,"aria-label":i,children:i})};ot.states=Bh;ot.options=Ph;ot.className=Wn;ot.item=Kh;import{Fragment as mV,jsx as dV,jsxs as cV}from"react/jsx-runtime";import{Fragment as NV,jsx as xV,jsxs as hV}from"react/jsx-runtime";import{Fragment as SV,jsx as MV,jsxs as kV}from"react/jsx-runtime";import{Fragment as Uh,jsx as ee,jsxs as Jn}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=[],fo=e=>{let{modifiers:t,...o}=e,a={author:null,avatar:null},n=Jn(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(Ft,{type:"sender",pinned:!0,content:"Hello! Generate a cover letter.",closeable:!0}),l=Jn(tt,{children:[ee(ot,{text:"Provide a CV template"}),ee(ot,{text:"Generate a cover letter"})]}),m=Jn(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",b=null,x="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:S,avatar:A,quickReplies:k}=a;return Jn(Yp,{value:"Thank you!",style:{minHeight:"100%"},...o,header:c,pinned:L,suggestedActions:M,children:[ee(W,{avatar:b,author:S?g:null,children:ee(F,{text:"Hello, this is a demo bot. How can I help you ?"})}),ee(W,{avatar:A?u:null,author:S?x:null,type:"sender",children:ee(F,{text:"Hello! Generate a cover letter."})}),ee(W,{avatar:b,author:S?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"})})})}),k]})};fo.options=Dh;fo.states=_h;fo.variants=zh;fo.defaultOptions=wh;fo.modifiers=Hh;fo.className=G.className;var FV=fo;export{fo as ChatDemo,FV 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"}),C=(e,t)=>{let{valid:o,invalid:a,hover:n,focus:i,checked:l,active:m,selected:u,disabled:b,indeterminate:x,loading:g,empty:c,readonly:L,highlighted:M,...S}=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":b,"k-indeterminate":x&&!l,"k-loading":g,"k-empty":c,"k-readonly":L,"k-highlighted":M},Object.keys(S).reduce((A,k)=>(k.startsWith("k-")?A[k]=S[k]:A[`k-${k}`]=S[k],A),{}))};function Ya(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"},f={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},N={undefined:void 0,solid:"solid",tint:"tint",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 ri}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={},ba=e=>{let{size:t,themeColor:o,icon:a,rotate:n,flip:i,...l}=e;return a?ri("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"}):ri(Sd,{})};ba.states=gd;ba.options=Ld;ba.className=es;ba.defaultOptions=Md;var ii=ba;import{Fragment as Ad,jsx as Za}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},xa=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 Za(Ad,{});if(m==="none")return Za("span",{...u,className:s(e.className,ts,E("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let b=typeof m=="object"&&m.name&&m.name,x=typeof m=="object"?l&&m.variants?.[l]\|\|m.variants?.outline\|\|m.content:void 0;return Za("span",{...u,className:s(e.className,ts,E("k-icon",{size:t}),{[`k-svg-i-${b}`]:b,[`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:Za("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof m=="object"?m.viewBox:i,dangerouslySetInnerHTML:x!==void 0?{__html:x}:void 0,children:m?void 0:e.children})})};xa.states=kd;xa.options=Cd;xa.className=ts;xa.defaultOptions=os;var as=xa;importas ns from"@progress/kendo-svg-icons";var li="icon",pi="icons";import{useContext as yd}from"react";import{createContext as Ed}from"react";var di=Ed({iconsType:"svg"});import{Fragment as mi,jsx as Na}from"react/jsx-runtime";var Qa="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]},ja={viewBox:"0 0 24 24",type:"svg",variant:it.outline},v=e=>{let{iconsType:t}=yd(di),{size:o,themeColor:a,icon:n,type:i=t\|\|ja.type,rotate:l,flip:m,viewBox:u=ja.viewBox,variant:b=ja.variant,...x}=e;if(!n)return Na(mi,{});if((t\|\|i)==="svg"){if(n==="none")return Na(as,{...x,className:s(e.className,Qa),icon:n,size:o,variant:b});let c=ns[n]?n:Id(`${n}-icon`);return ns[c]?Na(as,{...x,className:s(e.className,Qa),icon:ns[c],size:o,themeColor:a,rotate:l,flip:m,viewBox:u,variant:b}):Na(mi,{})}return Na(ii,{...x,className:s(e.className,Qa),icon:n,size:o,themeColor:a,rotate:l,flip:m})};v.states=Td;v.options=Od;v.defaultOptions=ja;v.className=Qa;v.moduleName=li;v.folderName=pi;var ss="button",ci=ss;import{Fragment as rs,jsx as yt,jsxs as ui}from"react/jsx-runtime";var ha="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:[f.undefined,f.none,f.small,f.medium,f.large,f.full],fillMode:[N.undefined,N.solid,N.flat,N.outline,N.clear,N.link],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary,h.success,h.warning,h.error,h.info,h.inverse]},is={showArrow:!1,arrowIconName:"chevron-down"},p=e=>{let{as:t="button",size:o,rounded:a,fillMode:n,themeColor:i,showArrow:l=is.showArrow,arrowIconName:m=is.arrowIconName,variant:u,hover:b,focus:x,active:g,selected:c,disabled:L,togglable:M,ariaDisabled:S,icon:A,endIcon:k,iconSize:y,text:w,iconClassName:se,className:Ae,...pe}=e,ue=A!=null,ua=e.children!==void 0;return ui(t,{className:s(Ae,ha,Ya(ha,u),E(ha,{size:o,rounded:a,fillMode:n,themeColor:i}),C(ha,{hover:b,focus:x,active:g,disabled:L\|\|S,selected:c}),{"k-icon-button":!w&&!ua&&ue}),"aria-pressed":M?c?"true":"false":void 0,...pe,"aria-disabled":S?"true":void 0,disabled:L\|\|void 0,children:[typeof A=="string"&&A&&yt(v,{className:s(se,"k-button-icon"),icon:A,size:y}),A&&typeof A!="string"&&yt(rs,{children:A}),w?ui(rs,{children:[w&&yt("span",{className:"k-button-text",children:w}),e.children]}):e.children&&yt("span",{className:"k-button-text",children:e.children}),typeof k=="string"&&k&&yt(v,{className:s(se,"k-button-icon"),icon:k,size:y}),k&&typeof k!="string"&&yt(rs,{children:k}),l&&yt("span",{className:"k-menu-button-arrow k-button-arrow",children:yt(v,{icon:m})})]})};p.states=Pd;p.options=Kd;p.variants=Bd;p.className=ha;p.defaultOptions=is;p.moduleName=ss;p.folderName=ci;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 va=e=>_d(p,{icon:"folder",children:"Button",...e});import{jsx as Pv}from"react/jsx-runtime";import{jsx as wd}from"react/jsx-runtime";var at=e=>wd(p,{children:"Button",...e});import{jsx as ls}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 ls($,{...o,icon:"star"});case"icon-and-text":return ls(va,{...o,icon:"star",children:"Button"});default:return ls(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 en="k-fab",$d=[r.hover,r.focus,r.active,r.selected,r.disabled],Xd={size:[d.undefined,d.small,d.medium,d.large],rounded:[f.undefined,f.none,f.small,f.medium,f.large,f.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:b,active:x,selected:g,disabled:c,...L}=e;return qd("button",{...L,type:l,className:s(e.className,en,E(en,{size:t,rounded:o,themeColor:a}),C(en,{hover:u,focus:b,active:x,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=en;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],ps=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},C(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})]})};ps.states=Yd;import{jsx as ug}from"react/jsx-runtime";import{jsx as Qd}from"react/jsx-runtime";var vi=e=>Qd(te,{icon:"plus",...e});import{jsx as gg}from"react/jsx-runtime";import{jsx as kg}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(ps,{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 ds="k-input-inner",sm=[],rm={},tn={type:"text",autocomplete:"off",value:"",placeholder:""},fe=e=>{let{value:t=tn.value,type:o=tn.type,placeholder:a=tn.placeholder,autocomplete:n=tn.autocomplete,disabled:i,readOnly:l,...m}=e;return im("input",{...m,type:o,className:s(e.className,ds,E(ds,e)),placeholder:a,autoComplete:n,defaultValue:t,disabled:i\|\|void 0,readOnly:l\|\|void 0})};fe.states=sm;fe.options=rm;fe.className=ds;import{jsx as dm}from"react/jsx-runtime";var ms="k-input-inner",lm=[],pm={},gi={value:"",placeholder:""},ga=e=>{let{value:t=gi.value,placeholder:o=gi.placeholder,rows:a,disabled:n,...i}=e;return dm("textarea",{...i,className:s(e.className,ms,E(ms,e)),placeholder:o,rows:a,defaultValue:t,disabled:n\|\|void 0})};ga.states=lm;ga.options=pm;ga.className=ms;var cs="prompt-box",Li=cs;var us="speech-to-text-button",Mi=us;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=us;Be.folderName=Mi;import{jsx as sL}from"react/jsx-runtime";import{jsx as pL}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 Wt,jsxs as fs}from"react/jsx-runtime";var lt="k-prompt-box",Nm=[r.hover,r.focus,r.disabled],hm={fillMode:[N.undefined,N.solid,N.flat,N.outline]},bs={lineMode:"auto",isExpanded:!1},be=e=>{let{fillMode:t,lineMode:o=bs.lineMode,startAffix:a,endAffix:n,header:i,isExpanded:l=bs.isExpanded,className:m,children:u,value:b,placeholder:x,generating:g,actionButtonConfig:c,speechToTextButtonConfig:L,uploadButtonConfig:M,hover:S,focus:A,disabled:k,...y}=e,w=o==="multi"\|\|o==="auto"&&l;return fs("div",{...y,className:s(m,"k-input",lt,{[`${lt}-singleline`]:o==="single",[`${lt}-multiline`]:w,[`k-input-${t}`]:t,"k-hover":S,"k-focus":A,"k-disabled":k}),children:[i&&Wt("div",{className:`${lt}-header`,children:i}),fs("div",{className:`${lt}-content`,children:[a&&Wt("div",{className:`${lt}-affix`,children:a}),o==="single"?Wt(fe,{value:b,placeholder:x,className:`${lt}-input`,type:"text","aria-label":"Prompt input"}):Wt(ga,{value:b,placeholder:x,className:`${lt}-textarea`,rows:o==="multi"\|\|l?3:1,"aria-label":"Prompt input","aria-multiline":"true"}),fs("div",{className:`${lt}-affix`,children:[n,M&&Wt($,{icon:"paperclip",size:"small",fillMode:"flat",rounded:"full","aria-label":"Attach files",...M}),L!==!1&&Wt(Be,{size:"small",fillMode:"flat",rounded:"full",...L}),Wt($,{icon:g?"stop":"arrow-up",size:"small",rounded:"full",active:g,disabled:!b&&!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=bs;be.moduleName=cs;be.folderName=Li;import{jsx as PL}from"react/jsx-runtime";import{jsx as wL}from"react/jsx-runtime";import{jsx as UL}from"react/jsx-runtime";import{jsx as $L}from"react/jsx-runtime";import{jsx as JL}from"react/jsx-runtime";import{Fragment as xs,jsx as It,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=It(xs,{children:It($,{size:"small",icon:"send",fillMode:"flat"})});return Object.keys(o\|\|{}).forEach(l=>{switch(l){case"header":n.header=o?.[l]?It(p,{children:"Button in header"}):void 0;break;case"endAffix":o?.[l]&&(n.endAffix=km(xs,{children:[i,It($,{icon:"paperclip",size:"small",fillMode:"flat"})]}));break;case"startAffix":n.startAffix=o?.[l]?It(xs,{children:It($,{icon:"plus",size:"small",fillMode:"flat"})}):void 0;break;default:break}}),t==="Multi"?It(be,{style:{width:300},lineMode:"multi",endAffix:i,placeholder:"Enter your prompt...",...a,...n}):It(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 Ns="chat",Ai=Ns;import{Fragment as Ii,jsx as Jt,jsxs as La}from"react/jsx-runtime";var Ei="k-chat",Cm=[],Am={},Em=La(Ii,{children:[Jt($,{icon:"paperclip",fillMode:"clear",rounded:"full",size:"small","aria-label":"Attach file"},"paperclip"),Jt("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:b,empty:x,scrollToBottom:g,scrollbar:c,promptBoxProps:L,...M}=e;return La("div",{...M,className:s(Ei,e.className),dir:o,children:[t,La("div",{className:"k-message-list",role:"log","aria-label":"Message list","aria-live":"polite",children:[i,Jt("div",{className:s("k-message-list-content",x&&"k-message-list-content-empty"),children:e.children}),g&&Jt("div",{className:"k-chat-scroll-to-bottom-container",children:Jt(vi,{themeColor:"base",icon:"arrow-down",size:"small"})})]}),c&&Jt("div",{className:"k-separator"}),La("div",{className:"k-message-box-wrapper",children:[a,Jt(be,{lineMode:"multi",placeholder:"Type a message",generating:m,value:b,header:n\|\|l?La(Ii,{children:[l,n]}):void 0,endAffix:u,...L})]})]})};G.states=Cm;G.options=Am;G.className=Ei;G.defaultOptions=yi;G.moduleName=Ns;G.folderName=Ai;import{jsx as Ti}from"react/jsx-runtime";var an="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,an,{"k-files-vertical":t==="vertical","k-files-wrap":t==="wrap",[`${an}-scrollable-start`]:t==="horizontal"&&(o==="start"\|\|o==="both"),[`${an}-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=an;pt.defaultOptions=Oi;var hs="menu-button",Bi=hs;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:[f.undefined,f.none,f.small,f.medium,f.large,f.full],fillMode:[N.undefined,N.solid,N.flat,N.outline,N.clear,N.link],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary,h.success,h.warning,h.error,h.info,h.inverse]},vs={showArrow:!0,arrowIconName:"chevron-down"},D=e=>{let{size:t,rounded:o,fillMode:a,themeColor:n,hover:i,focus:l,active:m,selected:u,disabled:b,icon:x,endIcon:g,text:c,showArrow:L=vs.showArrow,arrowIconName:M=vs.arrowIconName,expanded:S,...A}=e;return Tm(p,{...A,className:s(e.className,Pi),text:c,size:t,rounded:o,fillMode:a,themeColor:n,hover:i,focus:l,active:m,selected:u,disabled:b,ariaDisabled:b\|\|void 0,icon:x,endIcon:g,showArrow:L,arrowIconName:M,"aria-expanded":S?"true":"false",...!c&&x&&!e["aria-label"]&&{"aria-label":"Menu"}})};D.states=ym;D.options=Im;D.className=Pi;D.defaultOptions=vs;D.moduleName=hs;D.folderName=Bi;import{jsx as OM}from"react/jsx-runtime";import{jsx as RM}from"react/jsx-runtime";import{jsx as HM}from"react/jsx-runtime";import{jsx as GM}from"react/jsx-runtime";var Pe="menu",Ue=Pe;import{jsx as Sa,jsxs as Ki}from"react/jsx-runtime";var gs="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:b,iconPosition:x=Ri.iconPosition,dir:g,children:c,expanded:L,...M}=e,S=b;return S\|\|(S=g==="rtl"?"chevron-left":"chevron-right"),Ki("li",{...M,className:s(e.className,gs,"k-item",C(gs,{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&&x==="before"&&Sa(v,{className:"k-menu-link-icon",icon:l}),Sa("span",{className:"k-menu-link-text",children:m}),l&&x==="after"&&Sa(v,{className:"k-menu-link-icon",icon:l}),u&&Sa("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:Sa(v,{icon:S})})]}),c]})};de.states=Om;de.options=Bm;de.className=gs;de.defaultOptions=Ri;de.moduleName=Pe;de.folderName=Ue;import{jsx as Yt,jsxs as _i}from"react/jsx-runtime";var Ls="k-menu-item",Pm=[r.hover,r.focus,r.active,r.selected,r.disabled],Km={},Ms={dir:"ltr",iconPosition:"before"},X=e=>{let{hover:t,focus:o,active:a,selected:n,disabled:i,icon:l,text:m,showArrow:u,arrowIconName:b,iconPosition:x=Ms.iconPosition,dir:g=Ms.dir,children:c,popup:L,expanded:M,actions:S,description:A,...k}=e,y=b;return y\|\|(y=g==="rtl"?"chevron-left":"chevron-right"),_i("li",{role:"menuitem",...k,className:s(e.className,Ls,"k-item",C(Ls,{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",C("k-menu-link",{hover:t,active:a,selected:n,disabled:i})),children:[l&&x==="before"&&Yt(v,{className:"k-menu-link-icon",icon:l}),Yt("span",{className:"k-menu-link-text",children:m}),l&&x==="after"&&Yt(v,{className:"k-menu-link-icon",icon:l}),S&&Yt("span",{className:"k-menu-link-actions",children:S}),u&&Yt("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:Yt(v,{icon:y})}),A&&Yt("span",{className:"k-menu-link-description",children:A})]}),c,L]})};X.states=Pm;X.options=Km;X.className=Ls;X.defaultOptions=Ms;X.moduleName=Pe;X.folderName=Ue;import{jsx as Dm}from"react/jsx-runtime";var wi="k-menu-scroll-wrapper",Rm=[],_m={},wm={},Zt=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})};Zt.states=Rm;Zt.options=_m;Zt.className=wi;Zt.defaultOptions=wm;Zt.moduleName=Pe;Zt.folderName=Ue;var Di=Zt;import{Fragment as Ss,jsx as Qt,jsxs as nn}from"react/jsx-runtime";var sn="k-menu",Hm=[],zm={size:[d.undefined,d.small,d.medium,d.large]},rn={orientation:"horizontal",header:!0,scrollButtonsPosition:"around"},re=e=>{let{children:t,orientation:o=rn.orientation,header:a=rn.header,scrollable:n,scrollButtonsPosition:i=rn.scrollButtonsPosition,wrapperStyles:l,dir:m,size:u,popup:b,contextMenu:x,...g}=e,c={horizontal:{prev:m!=="rtl"?"left":"right",next:m!=="rtl"?"right":"left"},vertical:{prev:"up",next:"down"}},L=Qt("ul",{dir:m,...g,className:s(e.className,"k-reset",sn,{[`${sn}-${o}`]:o,"k-header":a},E(sn,{size:u})),role:x?"menu":"menubar",...o==="vertical"&&{"aria-orientation":"vertical"},children:t});return nn(Ss,{children:[n?nn(Di,{orientation:o,style:l,dir:e.dir,children:[i==="start"&&nn(Ss,{children:[Qt(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"}),Qt(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"&&Qt(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"&&nn(Ss,{children:[Qt(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"}),Qt(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"&&Qt(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,b]})};re.states=Hm;re.options=zm;re.className=sn;re.defaultOptions=rn;re.moduleName=Pe;re.folderName=Ue;import{jsx as Um}from"react/jsx-runtime";var ks="k-separator",Hi={orientation:"horizontal"},go=e=>{let{orientation:t=Hi.orientation,...o}=e;return Um("li",{...o,className:s(e.className,"k-item",ks,{[`${ks}-${t}`]:t}),role:"separator"})};go.className=ks;go.defaultOptions=Hi;go.moduleName=Pe;go.folderName=Ue;import{Fragment as hS,jsx as vS}from"react/jsx-runtime";import{jsx as $m}from"react/jsx-runtime";var Cs="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,Cs,E(Cs,{size:o})),children:t})};me.states=Fm;me.options=Gm;me.className=Cs;me.defaultOptions=Vm;me.moduleName=Pe;me.folderName=Ue;import{jsx as yS,jsxs as IS}from"react/jsx-runtime";import{Fragment as Xm,jsx as Lo,jsxs as qm}from"react/jsx-runtime";var As=e=>Lo(re,{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 Es="popup",zi=Es;import{jsx as Ui}from"react/jsx-runtime";var Fi="k-animation-container",Wm=[],Jm={},ys={positionMode:"absolute",shown:!0},dt=e=>{let{positionMode:t=ys.positionMode,shown:o=ys.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=ys;dt.moduleName=Es;dt.folderName=zi;var Is="popup",Gi=Is;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=Is;q.folderName=Gi;import{Fragment as ek,jsx as QS,jsxs as jS}from"react/jsx-runtime";import{Fragment as sk,jsx as nk,jsxs as rk}from"react/jsx-runtime";import{Fragment as mk,jsx as dk,jsxs as ck}from"react/jsx-runtime";import{Fragment as Nk,jsx as xk,jsxs as hk}from"react/jsx-runtime";import{jsx as jt,jsxs as oc}from"react/jsx-runtime";var Qm={...re.options,scrollable:{type:"boolean"}},jm=re.states,qi={...re.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]?jt(q,{className:"k-menu-popup",offset:i,children:oc(me,{children:[jt(X,{text:"Item 1"}),jt(X,{text:"Item 2"}),jt(go,{}),jt(X,{text:"Item 3"})]})}):null)}),t==="vertical"?jt(As,{...a,...n,orientation:"vertical",style:{width:"200px"}}):jt(As,{...a,...n})};Mo.options=Qm;Mo.states=jm;Mo.variants=ec;Mo.defaultOptions=qi;Mo.modifiers=tc;Mo.className=re.className;import{Fragment as Zk,jsx as Jk,jsxs as Yk}from"react/jsx-runtime";import{jsx as tC}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(D,{...a,...n,icon:"star"})});break;case"icon-and-text":l=mt("div",{children:mt(D,{...a,...n,icon:"star",children:"Dropdown Button"})});break;default:l=mt("div",{children:mt(D,{...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=D.className;var Ts="file-box",Yi=Ts;import{jsx as ko,jsxs as Zi}from"react/jsx-runtime";var Qi="k-file-box",lc=[r.selected],pc={},ka={icon:"file-pdf",name:"FileName.pdf",size:"2MB",showButton:"true"},Ee=e=>{let{icon:t=ka.icon,name:o=ka.name,size:a=ka.size,status:n,deleted:i,removeButton:l,showButton:m=ka.showButton,...u}=e,b=[o,a].filter(Boolean).join(" ");return Zi("li",{role:"listitem",tabIndex:0,"aria-label":b\|\|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(D,{icon:"more-vertical",fillMode:"flat",size:"xsmall",showArrow:!1,"aria-label":"File actions"}))]})};Ee.states=lc;Ee.options=pc;Ee.className=Qi;Ee.defaultOptions=ka;Ee.moduleName=Ts;Ee.folderName=Yi;import{jsx as OC}from"react/jsx-runtime";import{jsx as _C}from"react/jsx-runtime";import{jsx as UC,jsxs as FC}from"react/jsx-runtime";import{jsx as qC,jsxs as WC}from"react/jsx-runtime";import{jsx as jC}from"react/jsx-runtime";var Os="button",ji=Os;import{jsx as uc}from"react/jsx-runtime";var Ca="k-button-group",dc=[r.disabled],mc={fillMode:[N.undefined,N.solid,N.flat,N.outline,N.clear,N.link]},cc={},T=e=>{let{fillMode:t,disabled:o,stretched:a,...n}=e;return uc("div",{role:"group",...n,className:s(e.className,Ca,E(Ca,{fillMode:t}),C(Ca,{disabled:o}),{[`${Ca}-stretched`]:a}),...o&&{"aria-disabled":"true"},children:e.children})};T.states=dc;T.options=mc;T.className=Ca;T.defaultOptions=cc;T.moduleName=Os;T.folderName=ji;import{Fragment as hA,jsx as NA,jsxs as vA}from"react/jsx-runtime";import{Fragment as CA,jsx as kA,jsxs as AA}from"react/jsx-runtime";import{Fragment as BA,jsx as OA,jsxs as PA}from"react/jsx-runtime";import{Fragment as HA,jsx as DA,jsxs as zA}from"react/jsx-runtime";import{Fragment as XA,jsx as $A,jsxs as qA}from"react/jsx-runtime";import{Fragment as jA,jsx as QA,jsxs as eE}from"react/jsx-runtime";import{Fragment as rE,jsx as sE,jsxs as iE}from"react/jsx-runtime";import{jsx as gt,jsxs as Bs}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"?Bs(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"?Bs(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"})]}):Bs(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 Aa="input",ln=Aa;import{jsx as Mc}from"react/jsx-runtime";var pn="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:[f.undefined,f.none,f.small,f.medium,f.large,f.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},Lc={},J=e=>{let{hover:t,focus:o,disabled:a,invalid:n,valid:i,loading:l,readonly:m,size:u,rounded:b,fillMode:x,...g}=e;return Mc("span",{...g,className:s(e.className,pn,E(pn,{size:u,rounded:b,fillMode:x}),C(pn,{hover:t,focus:o,disabled:a,invalid:n,valid:i,loading:l,readonly:m}))})};J.states=vc;J.options=gc;J.className=pn;J.defaultOptions=Lc;J.moduleName=Aa;J.folderName=ln;import{jsx as Ac}from"react/jsx-runtime";var dn="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:[f.undefined,f.none,f.small,f.medium,f.large,f.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},Cc={},ct=e=>{let{hover:t,focus:o,disabled:a,invalid:n,valid:i,loading:l,readonly:m,size:u,rounded:b,fillMode:x,...g}=e;return Ac("span",{...g,className:s(e.className,dn,E(dn,{size:u,rounded:b,fillMode:x}),C(dn,{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=dn;ct.defaultOptions=Cc;ct.moduleName=Aa;ct.folderName=ln;import{Fragment as Ic,jsx as Ps}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?Ps(Ic,{}):Ps("span",{className:s(e.className,el),children:Ps(v,{icon:"x"})})};Ke.states=Ec;Ke.options=yc;Ke.className=el;import{jsx as tl,jsxs as Bc}from"react/jsx-runtime";var Ks="k-input-inner",Tc=[],Oc={},eo=e=>{let{value:t,placeholder:o,showValue:a,valueIcon:n,valueIconName:i,...l}=e;return Bc("span",{...l,className:s(e.className,Ks,E(Ks,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})]})};eo.states=Tc;eo.options=Oc;eo.className=Ks;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 oy}from"react/jsx-runtime";import{jsx as $c}from"react/jsx-runtime";var Vc="k-input-suffix-text",Rs=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 _s}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,b=t?.suffix,x=t?.["clear-button"],g=t?.["validation-icon"],c=t?.separators;return _s(J,{...m,valid:o,invalid:a,loading:n,disabled:i,readonly:l,style:{width:300},children:[u&&_s(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}),x&&ut(Ke,{loading:n,disabled:i,readonly:l,value:"Value"}),b&&_s(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={},Tt=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}})]})};Tt.states=jc;Tt.options=eu;Tt.className=ml;var ws="action-buttons",cl=ws;import{jsx as nu}from"react/jsx-runtime";var mn="k-actions",ou=[],au={},Ds={alignment:"start",orientation:"horizontal"},Re=e=>{let{alignment:t=Ds.alignment,orientation:o=Ds.orientation,...a}=e;return nu("div",{...a,className:s(mn,{[`${mn}-${t}`]:t,[`${mn}-${o}`]:o},e.className),children:e.children})};Re.states=ou;Re.options=au;Re.className=mn;Re.defaultOptions=Ds;Re.moduleName=ws;Re.folderName=cl;var ul=Re;import{jsx as ru}from"react/jsx-runtime";var su="k-actionsheet-footer",fl={alignment:"stretched",orientation:"horizontal"},Ot=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 Hs="searchbox",bl=Hs;import{jsx as Ea,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:[f.undefined,f.none,f.small,f.medium,f.large,f.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},cn={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:b,required:x,loading:g,disabled:c,showIcon:L=cn.showIcon,showClearButton:M=cn.showClearButton,icon:S=cn.icon,"aria-label":A,...k}=e;return pu(J,{...k,size:a,rounded:n,fillMode:i,hover:l,focus:m,valid:u,invalid:b,required:x,loading:g,disabled:c,className:s(e.className,xl),children:[L&&Ea(v,{className:"k-input-icon",icon:S}),Ea(fe,{placeholder:o,value:t,"aria-label":A}),Ea(ye,{...e}),Ea(xe,{...e}),M&&Ea(Ke,{...e})]})};$e.states=iu;$e.options=lu;$e.className=xl;$e.defaultOptions=cn;$e.moduleName=Hs;$e.folderName=bl;import{jsx as cI}from"react/jsx-runtime";var zs="textbox",Nl=zs;import{Fragment as hl,jsx as Bt,jsxs as Us}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:[f.undefined,f.none,f.small,f.medium,f.large,f.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},un={showClearButton:!0,showValidationIcon:!0,separators:!0},ce=e=>{let{size:t,rounded:o,fillMode:a,separators:n=un.separators,showClearButton:i=un.showClearButton,showValidationIcon:l=un.showValidationIcon,prefix:m,suffix:u,type:b,value:x,placeholder:g,hover:c,focus:L,valid:M,invalid:S,required:A,loading:k,disabled:y,readonly:w,id:se,"aria-label":Ae,"aria-describedby":pe,...ue}=e;return Us(J,{...ue,size:t,rounded:o,fillMode:a,hover:c,focus:L,valid:M,invalid:S,required:A,loading:k,disabled:y,readonly:w,className:s(e.className,vl),children:[m&&Us(hl,{children:[Bt(Fe,{children:m}),n&&Bt(Ve,{})]}),Bt(fe,{id:se,placeholder:g,value:x,type:b,disabled:y,"aria-label":Ae,"aria-describedby":pe,"aria-invalid":S?"true":void 0}),l&&Bt(xe,{valid:M,invalid:S,loading:k,disabled:y}),Bt(ye,{loading:k,disabled:y}),i&&Bt(Ke,{loading:k,disabled:y,readonly:w,value:x}),u&&Us(hl,{children:[n&&Bt(Ve,{}),Bt(Ge,{children:u})]})]})};ce.states=du;ce.options=mu;ce.className=vl;ce.defaultOptions=un;ce.moduleName=zs;ce.folderName=Nl;var ya=ce;import{jsx as cu}from"react/jsx-runtime";var fn=e=>cu(ya,{...e});import{Fragment as TI,jsx as II}from"react/jsx-runtime";import{Fragment as _I,jsx as RI}from"react/jsx-runtime";import{jsx as zI}from"react/jsx-runtime";import{jsx as Fs}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]?Fs(v,{icon:"lock"}):void 0;break;case"suffix":a.suffix=t?.[n]?Fs(at,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":a.showClearButton=t?.[n];break;default:break}}),Fs(fn,{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 Pt,jsxs as Gs}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:b,titleId:x,children:g,...c}=e;return Gs("div",{...c,className:s(e.className,gl),children:[Gs("div",{className:"k-actionsheet-titlebar-group",children:[a&&Pt("div",{className:"k-actionsheet-actions",children:a}),!g&&Gs("div",{className:"k-actionsheet-title",id:x,children:[t&&Pt("div",{className:"k-text-center",children:t}),o&&Pt("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),g&&Pt("div",{className:"k-actionsheet-title",id:x,children:g}),n&&Pt("div",{className:"k-actionsheet-actions",children:n})]}),(l\|\|i)&&Pt("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:l?Pt(ce,{value:m,placeholder:u,size:b?"large":"medium","aria-label":t\|\|u\|\|"Input"}):Pt($e,{placeholder:"Filter",size:b?"large":"medium","aria-label":"Filter options"})})]})};Ne.className=gl;Ne.defaultOptions=hu;import{jsx as Vs,jsxs as Mu}from"react/jsx-runtime";var $s="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&&Vs(Ne,{adaptive:t,titleId:l,...n?.props}),b=i?.type===Ot&&Vs(Ot,{...i?.props});return Mu("div",{...m,className:s(e.className,$s,{[`${$s}-animated`]:o}),children:[u,Vs("div",{className:"k-actionsheet-content",children:a}),b]})};yo.states=vu;yo.options=gu;yo.className=$s;yo.defaultOptions=Lu;var Ia="action-sheet",bn=Ia;var Xs="overlay",Ll=Xs;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=Xs;ft.folderName=Ll;import{jsx as xn,jsxs as Iu}from"react/jsx-runtime";var Sl="k-actionsheet",Eu=[],yu={},Ta={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},Y=e=>{let{side:t=Ta.side,fullscreen:o=Ta.fullscreen,adaptive:a=Ta.adaptive,overlay:n=Ta.overlay,template:i,children:l,header:m,footer:u,id:b,...x}=e,g=b&&!i&&m?`${b}-title`:void 0;return Iu("div",{className:"k-actionsheet-container",children:[n&&xn(ft,{}),xn(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:xn("div",{...x,id:b,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\|\|xn(yo,{header:m,footer:u,adaptive:a,titleId:g,...e,children:l})})})]})};Y.states=Eu;Y.options=yu;Y.className=Sl;Y.defaultOptions=Ta;Y.moduleName=Ia;Y.folderName=bn;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=Ia;Io.folderName=bn;import{jsx as Ku}from"react/jsx-runtime";var qs=e=>{let{...t}=e;return Ku("div",{...t,className:s(e.className,"k-list-ul"),children:e.children})};import{Fragment as _u,jsx as Oa,jsxs as Ws}from"react/jsx-runtime";var Js="k-actionsheet-item",Ru=[r.hover,r.focus,r.selected,r.disabled],Kt=e=>{let{iconName:t,text:o,description:a,hover:n,focus:i,selected:l,disabled:m,...u}=e;return Ws("span",{...u,className:s(e.className,Js,C(Js,{hover:n,focus:i,selected:l,disabled:m})),children:[!e.children&&Oa(_u,{children:Ws("span",{className:"k-actionsheet-action",children:[t&&Oa("span",{className:"k-icon-wrap",children:Oa(v,{className:"k-actionsheet-item-icon",icon:t})}),Ws("span",{className:"k-actionsheet-item-text",children:[o&&Oa("span",{className:"k-actionsheet-item-title",children:o}),a&&Oa("span",{className:"k-actionsheet-item-description",children:a})]})]})}),e.children]})};Kt.states=Ru;Kt.className=Js;import{jsx as HT,jsxs as zT}from"react/jsx-runtime";import{jsx as VT}from"react/jsx-runtime";import{jsx as WT}from"react/jsx-runtime";import{jsx as QT}from"react/jsx-runtime";import{jsx as ie,jsxs as Ys}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=Ys(qs,{children:[ie(Kt,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),ie(Kt,{text:"Add to Favorites",iconName:"heart"}),ie(Kt,{text:"Upload New",iconName:"upload",disabled:!0}),ie("hr",{className:"k-hr"}),ie(Kt,{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"?ie(Y,{...a,adaptive:!0,fullscreen:n.fullScreen,header:ie(Ne,{actionsStart:n.actionsStart?ie(p,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:n.actionsEnd?ie(p,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:m,subtitle:n.subtitle}),footer:n.footer?Ys(Ot,{alignment:"stretched",children:[ie(p,{text:"Cancel",size:"large",themeColor:"base"}),ie(p,{text:"Apply",size:"large",themeColor:"primary"})]}):void 0,children:i}):ie(Y,{...a,fullscreen:n.fullScreen,header:ie(Ne,{actionsStart:n.actionsStart?ie(p,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:n.actionsEnd?ie(p,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:n.subtitle}),footer:n.footer?Ys(Ot,{alignment:"stretched",children:[ie(p,{text:"Apply",themeColor:"primary"}),ie(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 Zs="slider",El=Zs;import{jsx as Oo,jsxs as Qs}from"react/jsx-runtime";var Ba="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:b=Xe.value,min:x=Xe.min,max:g=Xe.max,startValue:c,endValue:L,hover:M,focus:S,active:A,trackStyle:k,dir:y,...w}=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"),Qs("div",{...w,className:s(Ba,e.className,C(Ba,{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"}),Qs("div",{className:"k-slider-track-wrap",children:[u&&Oo("ul",{className:"k-reset k-slider-items","aria-hidden":"true",children:e.children}),Qs("div",{className:"k-slider-track",style:k,children:[Oo("div",{className:"k-slider-selection"}),t==="range"&&Oo("span",{className:s("k-draghandle","k-draghandle-start",C(Ba,{hover:M,focus:S,active:A})),role:"slider",tabIndex:i?void 0:0,"aria-valuenow":c??x,"aria-valuemin":x,"aria-valuemax":L??g,"aria-orientation":Ae,"aria-disabled":i?"true":void 0,"aria-readonly":n?"true":void 0,"aria-label":w["aria-label"]?`${w["aria-label"]} start`:"Range start"}),Oo("span",{className:s("k-draghandle",`k-draghandle-${l}`,C(Ba,{hover:M,focus:S,active:A})),role:"slider",tabIndex:i?void 0:0,"aria-valuenow":t==="range"?L??g:b,"aria-valuemin":t==="range"?c??x:x,"aria-valuemax":g,"aria-orientation":Ae,"aria-disabled":i?"true":void 0,"aria-readonly":n?"true":void 0,"aria-label":t==="range"?w["aria-label"]?`${w["aria-label"]} end`:"Range end":w["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=Ba;V.defaultOptions=Xe;V.moduleName=Zs;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 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 Ju}from"react/jsx-runtime";var js=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 er=e=>Yu(V,{type:"gradient",orientation:"vertical",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]\|\|"Color slider"});import{Fragment as nB,jsx as aB,jsxs as sB}from"react/jsx-runtime";import{Fragment as dB,jsx as pB,jsxs as mB}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:[N.undefined,N.solid,N.flat,N.outline,N.clear,N.link]},tr={increaseLabel:"Increase value",decreaseLabel:"Decrease value"},Rt=e=>{let{size:t,fillMode:o,disabled:a,increaseLabel:n=tr.increaseLabel,decreaseLabel:i=tr.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})]})};Rt.states=af;Rt.options=nf;Rt.className=_l;Rt.defaultOptions=tr;Rt.moduleName=null;Rt.folderName=null;var wl="numeric-textbox",Dl="numerictextbox";import{Fragment as Hl,jsx as Lt,jsxs as or}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:[f.undefined,f.none,f.small,f.medium,f.large,f.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},Nn={showSpinButton:!0,showClearButton:!0,separators:!0},H=e=>{let{size:t,rounded:o,fillMode:a,separators:n=Nn.separators,showClearButton:i=Nn.showClearButton,showSpinButton:l=Nn.showSpinButton,prefix:m,suffix:u,value:b,placeholder:x,hover:g,focus:c,valid:L,invalid:M,required:S,loading:A,disabled:k,readonly:y,id:w,"aria-label":se,"aria-describedby":Ae,...pe}=e;return or(J,{...pe,size:t,rounded:o,fillMode:a,hover:g,focus:c,valid:L,invalid:M,required:S,loading:A,disabled:k,readonly:y,className:s(e.className,zl),children:[m&&or(Hl,{children:[Lt(Fe,{children:m}),n&&Lt(Ve,{})]}),Lt(fe,{id:w,placeholder:x,value:b,role:"spinbutton",disabled:k,"aria-label":se,"aria-describedby":Ae,"aria-invalid":M?"true":void 0}),Lt(xe,{valid:L,invalid:M,loading:A,disabled:k}),Lt(ye,{loading:A,disabled:k}),i&&Lt(Ke,{loading:A,disabled:k,readonly:y,value:b}),u&&or(Hl,{children:[n&&Lt(Ve,{}),Lt(Ge,{children:u})]}),l&&Lt(Rt,{className:"k-input-spinner",size:t,fillMode:a,disabled:k})]})};H.states=rf;H.options=lf;H.className=zl;H.defaultOptions=Nn;H.moduleName=wl;H.folderName=Dl;var Pa=H;import{jsx as pf}from"react/jsx-runtime";var Ul=e=>pf(Pa,{...e});import nr from"react";import{jsx as Fl}from"react/jsx-runtime";var df="k-list-group-sticky-header",ar=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",hn=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 to="list",Po=to;import{jsx as Gl,jsxs as Vl}from"react/jsx-runtime";var sr="k-list",uf=[],ff={size:[d.undefined,d.small,d.medium,d.large]},bf={},R=e=>{let{size:t,virtualization:o,children:a,header:n,selectAll:i,optionLabel:l,customValue:m,noData:u,screenReaders:b,...x}=e,c=nr.Children.toArray(a)[0],L=c?.props?.children?nr.Children.count(c.props.children):nr.Children.count(a);return Vl("div",{...x,className:s(e.className,sr,E(sr,{size:t}),{"k-virtual-list":o}),children:[l,i,m,n&&Gl(ar,{children:n}),a\|\|(u!==void 0?u:Gl(hn,{live:!0,children:"No data found."})),b&&a&&Vl(hn,{className:"k-sr-only",live:!0,children:[L," items found."]})]})};R.states=uf;R.options=ff;R.className=sr;R.defaultOptions=bf;R.moduleName=to;R.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=to;Ko.folderName=Po;var oo="checkbox",Ro=oo;import{jsx as Xl}from"react/jsx-runtime";var vn="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:[f.undefined,f.none,f.small,f.medium,f.large,f.full]},Mf={},_e=e=>{let{id:t,checked:o,indeterminate:a,hover:n,focus:i,disabled:l,invalid:m,valid:u,required:b,size:x,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:b,disabled:l\|\|void 0,"aria-invalid":m?"true":void 0,className:s(e.className,vn,E(vn,{size:x,rounded:g}),C(vn,{hover:n,focus:i,disabled:l,invalid:m,valid:u,indeterminate:a,checked:o}))})})};_e.states=gf;_e.options=Lf;_e.className=vn;_e.defaultOptions=Mf;_e.moduleName=oo;_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=oo;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=oo;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 RP,jsx as KP,jsxs as _P}from"react/jsx-runtime";import{Fragment as UP,jsx as zP,jsxs as FP}from"react/jsx-runtime";import{Fragment as qP,jsx as XP,jsxs as WP}from"react/jsx-runtime";import{jsx as QP}from"react/jsx-runtime";import{jsx as oK}from"react/jsx-runtime";import{jsx as rK}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 rr="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:b,actions:x,description:g,id:c,...L}=e,M=t\|\|e.children,S=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":b?"true":void 0,className:s(e.className,rr,C(rr,{hover:l,focus:m,disabled:b,selected:u})),children:[n&&Do(_e,{checked:i,disabled:b,"aria-label":S,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}),x&&Do("div",{className:"k-list-item-actions",children:x}),g&&Do("span",{className:"k-list-item-description",children:g})]})};O.states=Gf;O.options=Vf;O.className=rr;O.defaultOptions=$f;O.moduleName=to;O.folderName=Po;import{jsx as Wf}from"react/jsx-runtime";var qf="k-list-ul",_t=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 ir,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:ir(_t,{role:"listbox",id:i,"aria-label":a,"aria-labelledby":n,children:e.children}),t&&ir("div",{className:"k-height-container",children:ir("div",{})})]})};import{jsx as lr,jsxs as eb}from"react/jsx-runtime";var gn="k-list-sticky-header",Zf=[r.hover,r.focus,r.selected],Qf={},jf={},Ln=e=>{let{label:t="Select all",showCheckbox:o=!0,checked:a,indeterminate:n,hover:i,focus:l,selected:m,...u}=e;return lr("div",{...u,className:s(gn,e.className),children:eb("div",{className:s(`${gn}-item`,C(`${gn}-item`,{hover:i,focus:l,selected:m})),"aria-label":t,...!o&&{tabIndex:0,"aria-selected":m?"true":"false"},children:[o&&lr(_e,{checked:a,indeterminate:n,"aria-label":t}),lr("span",{className:"k-list-item-text",children:t})]})})};Ln.states=Zf;Ln.options=Qf;Ln.className=gn;Ln.defaultOptions=jf;import{Fragment as eR,jsx as jK,jsxs as tR}from"react/jsx-runtime";import{jsx as rR,jsxs as iR}from"react/jsx-runtime";import{jsx as nb}from"react/jsx-runtime";var pr="k-list-optionlabel",tb=[r.hover,r.focus,r.selected,r.disabled],ob={},ab={},Mn=e=>{let{text:t,hover:o,focus:a,selected:n,disabled:i,...l}=e;return nb("div",{...l,className:s(pr,C(pr,{hover:o,focus:a,selected:n,disabled:i})),children:t})};Mn.states=tb;Mn.options=ob;Mn.className=pr;Mn.defaultOptions=ab;import{jsx as lb}from"react/jsx-runtime";var dr="k-list-custom-value",sb=[r.hover,r.focus,r.selected,r.disabled],rb={},ib={},wt=e=>{let{text:t,hover:o,focus:a,selected:n,disabled:i,...l}=e;return lb("div",{...l,className:s(dr,C(dr,{hover:o,focus:a,selected:n,disabled:i})),children:t})};wt.states=sb;wt.options=rb;wt.className=dr;wt.defaultOptions=ib;import{Fragment as vR,jsx as hR,jsxs as gR}from"react/jsx-runtime";import{Fragment as AR,jsx as CR,jsxs as ER}from"react/jsx-runtime";import{Fragment as KR,jsx as BR,jsxs as PR}from"react/jsx-runtime";import{Fragment as UR,jsx as HR,jsxs as zR}from"react/jsx-runtime";import{jsx as $R}from"react/jsx-runtime";import{Fragment as ZR,jsx as YR,jsxs as QR}from"react/jsx-runtime";import{Fragment as n_,jsx as a_,jsxs as s_}from"react/jsx-runtime";var Ql="dropdown-list",jl="dropdownlist";import{Fragment as mb,jsx as ge,jsxs as mr}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:[f.undefined,f.none,f.small,f.medium,f.large,f.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},cr={showValue:!0,arrowIconName:"chevron-down"},ne=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:n=cr.arrowIconName,showValue:i=cr.showValue,valueIconName:l,prefix:m,suffix:u,value:b,placeholder:x,hover:g,focus:c,valid:L,invalid:M,required:S,loading:A,disabled:k,readonly:y,popup:w,opened:se,adaptive:Ae,adaptiveSettings:pe,adaptiveTitle:ue,adaptiveSubtitle:ua,adaptiveFilter:Xt,id:qt,activeDescendant:fa,"aria-label":Yn,...Zn}=e,Qn=qt?`${qt}-listbox`:void 0,si=qt?`${qt}-value`:void 0;return mr(mb,{children:[mr(ct,{...Zn,id:qt,size:t,rounded:o,fillMode:a,hover:g,focus:c,valid:L,invalid:M,required:S,loading:A,disabled:k,readonly:y,className:s(e.className,ep,{"k-icon-picker":!i&&l}),role:"combobox","aria-haspopup":"listbox","aria-expanded":se?"true":"false","aria-controls":se?Qn:void 0,"aria-activedescendant":se&&fa?fa:void 0,"aria-describedby":se?si:void 0,"aria-disabled":k?"true":void 0,"aria-label":Yn,tabIndex:0,children:[ge(Fe,{children:m}),ge(eo,{placeholder:x,value:b,showValue:i,valueIconName:l,id:si}),ge(xe,{valid:L,invalid:M,loading:A,disabled:k}),ge(ye,{loading:A,disabled:k}),ge(Ge,{children:u}),ge(p,{className:"k-input-button",icon:n,size:e.size,fillMode:e.fillMode,"aria-label":x\|\|"Toggle dropdown",tabIndex:-1})]}),se&&w&&ge(q,{className:"k-list-container k-dropdownlist-popup",containerRole:"region",containerAriaLabel:"Dropdown suggestions",children:w}),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:Xt,inputValue:b,inputPlaceholder:x,title:ue,subtitle:ua}),children:ge("div",{className:"k-list-container",children:ge(R,{size:"large",children:mr(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=cr;ne.moduleName=Ql;ne.folderName=jl;import{jsx as z_}from"react/jsx-runtime";import{jsx as X_,jsxs as q_}from"react/jsx-runtime";import{Fragment as o0,jsx as e0,jsxs as t0}from"react/jsx-runtime";import{jsx as i0}from"react/jsx-runtime";import{jsx as u0,jsxs as f0}from"react/jsx-runtime";import{Fragment as S0,jsx as L0,jsxs as M0}from"react/jsx-runtime";import{jsx as y0}from"react/jsx-runtime";import{Fragment as Nb,jsx as Dt,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:[Dt("div",{className:"k-list-filter",children:Dt($e,{})}),Dt(R,{style:{width:300},size:o.size,children:tp(z,{children:[Dt(O,{children:"List item"}),Dt(O,{children:"List item"}),Dt(O,{children:"List item"})]})})]});return Object.keys(t\|\|{}).forEach(i=>{i==="opened"&&(a.opened=!!t?.[i],a.popup=t?.[i]?n:void 0)}),Dt("div",{children:Dt(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 Y0,jsx as J0}from"react/jsx-runtime";import{Fragment as ow,jsx as tw}from"react/jsx-runtime";import{jsx as rw}from"react/jsx-runtime";import{jsx as ur}from"react/jsx-runtime";var hb=H.states,vb=H.defaultOptions,gb=H.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]?ur(ne,{size:o.size,fillMode:"flat",value:"mm"}):void 0;break;case"suffix":a.suffix=t?.[n]?ur(Rs,{children:"mm"}):void 0;break;case"clear-button":a.showClearButton=t?.[n];break;case"spin-button":a.showSpinButton=t?.[n];break;default:break}}),ur(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=H.className;import{Fragment as Ra,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(Ra,{children:[Z("div",{className:"k-vstack",children:[P(H,{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(H,{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(H,{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(H,{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(Ra,{children:[Z("div",{className:"k-vstack",children:[P(H,{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(H,{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(H,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Blue channel"}),P("label",{className:"k-colorgradient-input-label",children:"B"})]})]}),t==="hsva"&&Z(Ra,{children:[Z("div",{className:"k-vstack",children:[P(H,{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(H,{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(H,{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(H,{showSpinButton:!1,showClearButton:!1,value:"1.00","aria-label":"Alpha channel"}),P("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="hsv"&&Z(Ra,{children:[Z("div",{className:"k-vstack",children:[P(H,{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(H,{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(H,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),P("label",{className:"k-colorgradient-input-label",children:"V"})]})]}),t==="hex"&&P(Ra,{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 ao,jsxs as no}from"react/jsx-runtime";var np="k-colorgradient-color-contrast",Cb=[],Ab={},Eb={},Go=()=>no("div",{className:s(np,"k-vbox"),children:[no("div",{className:"k-contrast-ratio",children:[ao("span",{className:"k-contrast-ratio-text",children:"Contrast ratio: 7.1"}),no("span",{className:"k-contrast-validation !k-text-success",children:[ao(v,{icon:"check"}),ao(v,{icon:"check"})]})]}),no("div",{children:[ao("span",{children:"AA: 4.5"}),no("span",{className:"k-contrast-validation !k-text-success",children:["Pass",ao(v,{icon:"check"})]})]}),no("div",{children:[ao("span",{children:"AAA: 7.0"}),no("span",{className:"k-contrast-validation !k-text-error",children:["Fail",ao(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 _a}from"react/jsx-runtime";var Sn="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"},le=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:b=xt.contrast,dir:x,hover:g,focus:c,hoverHandle:L,focusHandle:M,canvasOrientation:S=xt.canvasOrientation,role:A,tabIndex:k,...y}=e;return _a("div",{...y,role:A??"textbox","aria-label":A==="none"?void 0:"Color gradient",tabIndex:k??0,"aria-disabled":n?"true":void 0,className:s(e.className,Sn,E(Sn,{size:t}),C(Sn,{hover:g,focus:c,readonly:a,disabled:n})),dir:x,children:[!S\|\|S==="horizontal"&&_a("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})})}),_a("div",{className:"k-hsv-controls k-hstack",children:[Ye(er,{className:"k-hue-slider",hover:L,focus:M}),o!=="rgb"&&o!=="hsv"&&Ye(er,{className:"k-alpha-slider",hover:L,focus:M,trackStyle:m})]})]}),S==="vertical"&&_a("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})})}),_a("div",{className:"k-hsv-controls k-vstack",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:u})]})]}),Ye(Fo,{mode:e.mode,size:t}),b&&Ye(Go,{})]})};le.states=yb;le.options=Ib;le.className=Sn;le.defaultOptions=xt;le.moduleName=sp;le.folderName=rp;import{jsx as Tb}from"react/jsx-runtime";var kn=e=>Tb(le,{...e});import{jsx as $w}from"react/jsx-runtime";import{jsx as Jw}from"react/jsx-runtime";import{jsx as fr}from"react/jsx-runtime";var Ob=le.options,Bb=le.states,Pb={...le.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 fr(kn,{...o,mode:t});case"rgb":return fr(kn,{...o,mode:t});default:return fr(kn,{...o,mode:t})}};Vo.options=Ob;Vo.states=Bb;Vo.variants=Kb;Vo.defaultOptions=Pb;Vo.modifiers=Rb;Vo.className=le.className;import{jsx as _b}from"react/jsx-runtime";var br=e=>_b("tr",{role:"row",children:e.children});import{jsx as Hb}from"react/jsx-runtime";var xr="k-colorpalette-tile",wb=[r.hover,r.focus,r.selected],Db={},Ht=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,xr,C(xr,{hover:a,focus:n,selected:i})),style:m})};Ht.states=wb;Ht.options=Db;Ht.className=xr;Ht.moduleName=null;Ht.folderName=null;var ip="color-palette",lp="colorpalette";import{jsx as wa}from"react/jsx-runtime";var Cn="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,b=o.colors?o.colors:o;Array.isArray(b)&&Array.from({length:Math.ceil(b.length/u)},(x,g)=>{let c=[];b.slice(gu,(g+1)*u).map((M,S)=>{c.push(wa(Ht,{color:M,tileSize:n},S))});let L=wa(br,{children:c},g);m.push(L)})}return wa("div",{...l,role:"grid","aria-label":"Color palette",tabIndex:0,"aria-disabled":i?"true":void 0,className:s(e.className,Cn,C(Cn,{disabled:i}),E(Cn,{size:t})),children:wa("table",{className:"k-colorpalette-table",role:"none",children:wa("tbody",{children:m.length>0?m:e.children})})})};Ie.states=zb;Ie.options=Ub;Ie.className=Cn;Ie.defaultOptions=pp;Ie.moduleName=ip;Ie.folderName=lp;var An=Ie;var Da={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(An,{palette:Da.basic,...e});import{jsx as TD}from"react/jsx-runtime";import{jsx as _D,jsxs as wD}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 En="k-coloreditor",Yb=[r.focus],Zb={size:[d.undefined,d.small,d.medium,d.large]},Ha={view:"gradient",palette:Da.office,actionButtons:!0,canvasOrientation:"horizontal"},Q=e=>{let{size:t,view:o=Ha.view,palette:a=Ha.palette,color:n,currentColor:i,focus:l,focusView:m,dir:u,group:b,actionButtons:x=Ha.actionButtons,canvasOrientation:g=Ha.canvasOrientation,...c}=e;return Xo("div",{...c,role:"textbox","aria-label":"Color editor",tabIndex:0,className:s(e.className,"k-flatcolorpicker",En,E(En,{size:t}),C(En,{focus:l})),dir:u,children:[Xo("div",{className:"k-coloreditor-header k-hstack",children:[Ze("div",{className:"k-coloreditor-header-actions k-hstack",children:b&&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(Tt,{className:"k-coloreditor-preview-color",color:n}),Ze(Tt,{className:"k-coloreditor-current-color",color:i})]})]})]}),Ze("div",{className:"k-coloreditor-views k-vstack",children:o==="gradient"?Ze(le,{focus:m,size:t,canvasOrientation:g,role:"none",tabIndex:-1}):Ze(Ie,{palette:a,size:t})}),x&&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=En;Q.defaultOptions=Ha;Q.moduleName=mp;Q.folderName=cp;var qo=Q;import{jsx as cH}from"react/jsx-runtime";import{jsx as xH}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 Nr}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:[f.undefined,f.none,f.small,f.medium,f.large,f.full],fillMode:[N.undefined,N.solid,N.flat,N.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:b,focus:x,valid:g,invalid:c,required:L,disabled:M,valueIconName:S,popup:A,opened:k,adaptive:y,adaptiveSettings:w,adaptiveTitle:se,adaptiveSubtitle:Ae,...pe}=e,ue="colorpicker-popup";return Nr(ix,{children:[Nr(ct,{...pe,size:t,rounded:o,fillMode:a,hover:b,focus:x,valid:g,invalid:c,required:L,disabled:M,role:"combobox","aria-haspopup":"dialog","aria-expanded":k?"true":"false","aria-controls":k\|\|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(eo,{placeholder:u,value:m,showValue:!1,valueIcon:Qe(Tt,{className:"k-value-icon",color:m,iconName:S}),valueIconName:S}),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})]}),k&&A&&Qe(q,{id:ue,className:"k-colorpicker-popup",children:A}),y&&Qe(Y,{adaptive:!0,id:ue,...w,header:Qe(Ne,{actionsEnd:Qe(p,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply"}),title:se,subtitle:Ae}),footer:Nr(Ot,{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 yn=e=>lx(St,{...e});import{jsx as jH}from"react/jsx-runtime";import{jsx as nz}from"react/jsx-runtime";import{jsx as lz}from"react/jsx-runtime";import{jsx as cz}from"react/jsx-runtime";import{jsx as xz}from"react/jsx-runtime";import{jsx as gz}from"react/jsx-runtime";import{jsx as so}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]?so(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 so("div",{style:i,children:so(yn,{...a,...n})});case"icon":return so("div",{style:i,children:so(yn,{value:"rgba(183, 118 , 118, 1.00)",valueIconName:"edit-tools",...a,...n})});default:return so("div",{style:i,children:so(yn,{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 hr="combobox",Lp=hr;import{Fragment as vr,jsx as oe,jsxs as za}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:[f.undefined,f.none,f.small,f.medium,f.large,f.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},gr={separators:!0,showClearButton:!0},Le=e=>{let{size:t,rounded:o,fillMode:a,separators:n=gr.separators,showClearButton:i=gr.showClearButton,prefix:l,suffix:m,value:u,placeholder:b,hover:x,focus:g,valid:c,invalid:L,required:M,loading:S,disabled:A,popup:k,opened:y,readonly:w,adaptive:se,adaptiveSettings:Ae,adaptiveTitle:pe,adaptiveSubtitle:ue,adaptiveCustomValue:ua,id:Xt,autocomplete:qt,activeDescendant:fa,"aria-label":Yn,...Zn}=e,Qn=Xt?`${Xt}-listbox`:void 0;return za(vr,{children:[za(J,{...Zn,size:t,rounded:o,fillMode:a,hover:x,focus:g,valid:c,invalid:L,required:M,loading:S,disabled:A,readonly:w,className:s(e.className,Mp),children:[l&&za(vr,{children:[oe(Fe,{children:l}),n&&oe(Ve,{})]}),oe(fe,{id:Xt,placeholder:b,value:u,role:"combobox","aria-haspopup":"listbox","aria-expanded":y?"true":"false","aria-controls":y?Qn:void 0,"aria-activedescendant":y&&fa?fa:void 0,"aria-autocomplete":qt,"aria-invalid":L?"true":void 0,"aria-busy":S?"true":void 0,"aria-label":Yn,disabled:A,readOnly:w}),oe(xe,{valid:c,invalid:L,loading:S,disabled:A}),oe(ye,{loading:S,disabled:A}),i&&oe(Ke,{loading:S,disabled:A,readonly:w,value:u}),m&&za(vr,{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&&k&&oe(q,{className:"k-list-container k-combobox-popup",containerRole:"region",containerAriaLabel:"Combobox suggestions",children:k}),se&&oe(Y,{adaptive:!0,id:Xt?`${Xt}-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:b,title:pe,subtitle:ue}),children:oe("div",{className:"k-list-container",children:oe(R,{customValue:ua?oe(wt,{text:`Use "${u}"`}):void 0,size:"large",children:za(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=gr;Le.moduleName=hr;Le.folderName=Lp;var we=Le;import{jsx as bx}from"react/jsx-runtime";var Sp=e=>bx(we,{...e});import{jsx as o1,jsxs as a1}from"react/jsx-runtime";import{jsx as p1,jsxs as d1}from"react/jsx-runtime";import{jsx as x1,jsxs as N1}from"react/jsx-runtime";import{Fragment as S1,jsx as M1}from"react/jsx-runtime";import{Fragment as I1,jsx as y1}from"react/jsx-runtime";import{jsx as R1,jsxs as _1}from"react/jsx-runtime";import{Fragment as V1,jsx as F1,jsxs as G1}from"react/jsx-runtime";import{jsx as W1}from"react/jsx-runtime";import{jsx as Q1}from"react/jsx-runtime";import{jsx as n2,jsxs as s2}from"react/jsx-runtime";import{jsx as m2,jsxs as c2}from"react/jsx-runtime";import{jsx as zt,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=zt(R,{style:{width:300},size:o.size,children:Lx(z,{children:[zt(O,{children:"List item"}),zt(O,{children:"List item"}),zt(O,{children:"List item"})]})});return Object.keys(t\|\|{}).forEach(i=>{switch(i){case"prefix":a.prefix=t?.[i]?zt(v,{icon:"map-marker-target"}):void 0;break;case"suffix":a.suffix=t?.[i]?zt($,{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}}),zt("div",{children:zt(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 Lr="split-button",kp=Lr;import{Fragment as kx,jsx as Mr,jsxs as Cp}from"react/jsx-runtime";var Sr="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:[f.undefined,f.none,f.small,f.medium,f.large,f.full],fillMode:[N.undefined,N.solid,N.flat,N.outline,N.clear,N.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"},K=e=>{let{size:t,rounded:o,fillMode:a,themeColor:n,hover:i,focus:l,active:m,selected:u,disabled:b,icon:x,endIcon:g,text:c,arrowIconName:L=Ap.arrowIconName,popup:M,opened:S,popupId:A,...k}=e;return Cp(kx,{children:[Cp("div",{...k,className:s(e.className,Sr,"k-button-group",E(Sr,{rounded:o})),children:[Mr(p,{text:c,icon:x,endIcon:g,size:t,rounded:o,fillMode:a,themeColor:n,hover:i,focus:l,active:m,selected:u,disabled:b,...!c&&!e.children&&x&&{"aria-label":"Action"},children:e.children}),Mr(p,{className:"k-split-button-arrow",icon:L,size:t,rounded:o,fillMode:a,disabled:b,ariaDisabled:b\|\|void 0,"aria-label":"Toggle dropdown","aria-expanded":S?"true":"false","aria-controls":S?A:void 0,tabIndex:-1})]}),S&&M&&Mr(q,{className:"k-menu-popup",children:M})]})};K.states=Mx;K.options=Sx;K.className=Sr;K.defaultOptions=Ap;K.moduleName=Lr;K.folderName=kp;var kr=K;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 ro="toolbar",Zo=ro;import{Fragment as Cr,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:[N.undefined,N.solid,N.outline,N.flat]},Ix={scrollButtons:"around"},U=e=>{let{size:t,fillMode:o,focus:a,resizable:n,scrollable:i,scrollButtons:l,scrollingPosition:m,section:u,...b}=e,x=[],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===va)M.push(_(va,{...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===D)M.push(_(D,{...c.props,className:`k-toolbar-menu-button ${c.props.className?c.props.className:""}`},`${L}-${new Date().getTime()}`));else if(c.type===kr)M.push(_(kr,{...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 S=[];(Array.isArray(c.props.children)?c.props.children:[c.props.children]).forEach((k,y)=>{S.push(_(p,{...k.props,className:`${k.props.className?k.props.className:""}`},`${y}-${new Date().getTime()}`))}),M.push(_(T,{...c.props,className:`k-toolbar-button-group ${c.props.className?c.props.className:""}`,children:S},`${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(S=>{x.push(S)})};return e.children&&(Array.isArray(e.children)?e.children:[e.children]).forEach((L,M)=>{g(L,M)}),Qo("div",{...b,className:s(e.className,kt,E(kt,{size:t,fillMode:o}),C(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&&x,i&&l==="hidden"&&_("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:x}),i&&l==="start"&&Qo(Cr,{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:x})]}),i&&l==="end"&&Qo(Cr,{children:[_("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:x}),_(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(Cr,{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:x}),_(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=ro;U.folderName=Zo;import{jsx as Px}from"react/jsx-runtime";var Ar="k-toolbar-item",Tx=[r.focus],Ox={},Bx={},jo=e=>{let{focus:t,...o}=e;return Px("div",{...o,className:s(e.className,Ar,C(Ar,{focus:t})),children:e.children})};jo.states=Tx;jo.options=Ox;jo.className=Ar;jo.defaultOptions=Bx;jo.moduleName=ro;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:[N.undefined,N.solid,N.outline,N.flat]},_x={},io=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})};io.states=Kx;io.options=Rx;io.className=yp;io.defaultOptions=_x;io.moduleName=ro;io.folderName=Zo;var In=io;import{jsx as hU}from"react/jsx-runtime";import{jsx as MU}from"react/jsx-runtime";import{jsx as AU}from"react/jsx-runtime";import{jsx as TU}from"react/jsx-runtime";import{jsx as _U,jsxs as wU}from"react/jsx-runtime";import{jsx as UU}from"react/jsx-runtime";import{jsx as Ct,jsxs as Ux}from"react/jsx-runtime";var wx=K.states,Ip={...K.defaultOptions,variant:"text"},Dx=K.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(K,{...a,...n,icon:"star"})});case"icon-and-text":return Ct("div",{children:Ct(K,{...a,...n,icon:"star",children:"Split Button"})});default:return Ct("div",{children:Ct(K,{...a,...n,children:"Split Button"})})}};ea.options=Dx;ea.states=wx;ea.variants=Hx;ea.defaultOptions=Ip;ea.modifiers=zx;ea.className=K.className;import{jsx as lo,jsxs as Fx}from"react/jsx-runtime";var Tp=e=>lo(U,{children:[lo(p,{children:"Button"},"toolbar-button"),lo(D,{text:"Menu button"},"toolbar-menu-button"),lo(K,{children:"Split button"},"toolbar-split-button"),Fx(T,{children:[lo(p,{className:"k-group-start",icon:"align-left",children:"Left"}),lo(p,{icon:"align-center",children:"Center"}),lo(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});import{jsx as N3,jsxs as h3}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(D,{text:"Menu button"},"toolbar-menu-button"),De(K,{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(D,{text:"Menu button"},"toolbar-menu-button"),De(K,{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(D,{text:"Menu button"},"toolbar-menu-button"),He(K,{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(D,{text:"Menu button"},"toolbar-menu-button"),He(K,{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 Tn}from"react/jsx-runtime";var Rp=({fillMode:e,size:t,...o})=>Tn(Gx,{children:[Te(U,{section:!0,fillMode:e,size:t,children:[Te(p,{fillMode:e,size:t,children:"Button"},"toolbar-button"),Tn(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}),Tn(In,{size:t,fillMode:e,section:!0,...o,children:[Te(K,{fillMode:e,size:t,children:"Split button"},"toolbar-split-button"),Te(p,{fillMode:e,size:t,children:"Button"},"toolbar-button"),Te(st,{}),Te(D,{text:"Menu button",fillMode:e,size:t},"toolbar-menu-button"),Tn(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 Z3,jsx as J3,jsxs as Y3}from"react/jsx-runtime";import{Fragment as l5,jsx as r5,jsxs as i5}from"react/jsx-runtime";import{jsx as Ut}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 Ut("div",{children:Ut(Rp,{style:{width:"583px"},...o})});case"overlay":return Ut("div",{children:Ut(Kp,{style:{width:"583px"},...o,scrollingPosition:"start",scrollButtons:"hidden"})});case"scrollable":return Ut("div",{children:Ut(Bp,{style:{width:"583px"},...o})});default:return Ut("div",{children:Ut(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 Er="avatar",wp=Er;import{jsx as Dp}from"react/jsx-runtime";var Ua="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:[f.undefined,f.none,f.small,f.medium,f.large,f.full],fillMode:[N.undefined,N.solid,N.outline],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary]},yr={type:"text",border:!1},Me=e=>{let{size:t,rounded:o,fillMode:a,themeColor:n,type:i=yr.type,border:l=yr.border,...m}=e;return Dp("div",{...m,className:s(e.className,Ua,E(Ua,{size:t,rounded:o,fillMode:a,themeColor:n}),{[`${Ua}-bordered`]:l}),children:Dp("span",{className:`${Ua}-${i}`,children:e.children})})};Me.states=Wx;Me.options=Jx;Me.className=Ua;Me.defaultOptions=yr;Me.moduleName=Er;Me.folderName=wp;var po=Me;import{jsx as Yx}from"react/jsx-runtime";var Hp=e=>Yx(po,{type:"icon",...e});import{jsx as Zx}from"react/jsx-runtime";var zp=e=>Zx(po,{type:"text",...e});import{jsx as Qx}from"react/jsx-runtime";var On=e=>Qx(po,{type:"image",...e});import{jsx as q5}from"react/jsx-runtime";import{jsx as Fa}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 Fa(Hp,{...o,children:Fa(v,{icon:"star"})});case"text":return Fa(zp,{...o,children:"JO"});default:return Fa(On,{...o,children:Fa("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 Ir}from"react/jsx-runtime";var Ga="k-message-group",nN=[r.selected],sN={},Bn={author:"Bruv",avatar:"/packages/html/assets/avatar.jpg",type:"receiver"},W=e=>{let{type:t=Bn.type,author:o=Bn.author,avatar:a=Bn.avatar,status:n,selected:i,fullWidth:l,...m}=e;return Ir("div",{...m,className:s(Ga,e.className,C(Ga,{selected:i}),{[`${Ga}-${t}`]:t,"k-no-avatar":!a,[`${Ga}-full-width`]:l}),children:[a&&!n&&aa(Me,{type:"image",children:aa("img",{src:a,alt:o\|\|""})}),n&&a&&Ir("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"})]}),Ir("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=Ga;W.defaultOptions=Bn;import{Fragment as iN,jsx as Pn,jsxs as Up}from"react/jsx-runtime";var Tr="k-message-reference",rN={},Fp={type:"receiver"},Ft=e=>{let{content:t,closeable:o,pinned:a,type:n=Fp.type,...i}=e;return Up("div",{...i,className:s(Tr,e.className,{[`${Tr}-${n}`]:n,"k-message-pinned":a}),children:[a&&Pn(v,{icon:"pin"}),Pn("div",{className:"k-message-reference-content",children:t}),o&&Up(iN,{children:[Pn("span",{className:"k-spacer"}),Pn(p,{icon:"x-circle",fillMode:"flat",size:"xsmall","aria-label":"Close"})]})]})};Ft.options=rN;Ft.className=Tr;Ft.moduleName=null;Ft.folderName=null;Ft.defaultOptions=Fp;var Or="bubble",Gp=Or;import{jsx as Kn,jsxs as pN}from"react/jsx-runtime";var Br="k-bubble",lN=[r.hover,r.active,r.selected,r.focus],Pr={expandable:!1,expanded:!1},mo=e=>{let{content:t,hover:o,active:a,focus:n,selected:i,expandable:l=Pr.expandable,expanded:m=Pr.expanded,...u}=e;return pN("div",{...u,className:s(e.className,Br,C(Br,{hover:o,active:a,focus:n,selected:i}),{"k-bubble-expandable":l},{"k-expanded":m}),tabIndex:0,children:[Kn("div",{className:"k-bubble-content",children:t??e.children}),l&&Kn("span",{className:"k-bubble-expandable-indicator",role:"button","aria-label":m?"Show less":"Show more",tabIndex:0,children:m?Kn(v,{icon:"chevron-up"}):Kn(v,{icon:"chevron-down"})})]})};mo.states=lN;mo.className=Br;mo.defaultOptions=Pr;mo.moduleName=Or;mo.folderName=Gp;import{jsx as EF}from"react/jsx-runtime";import{jsx as OF}from"react/jsx-runtime";import{jsx as RF}from"react/jsx-runtime";import{jsx as Kr,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(mo,{...n,className:s(e.className,dN),children:[t?$p("div",{className:"k-typing-indicator",tabIndex:-1,children:[Kr("span",{}),Kr("span",{}),Kr("span",{})]}):o,a]})};import{jsx as YF}from"react/jsx-runtime";import{jsx as qp,jsxs as mN}from"react/jsx-runtime";var Wp="k-chat-event",Rr={icon:"trash",text:"You deleted Chat history."},Jp=e=>{let{icon:t=Rr.icon,text:o=Rr.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=Rr;import{jsx as rG}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 bG,jsx as fG,jsxs as xG}from"react/jsx-runtime";import{Fragment as LG,jsx as gG,jsxs as MG}from"react/jsx-runtime";var _r="skeleton",Zp=_r;import{jsx as NN}from"react/jsx-runtime";var wr="k-skeleton",fN=["circle","text","rect"],bN=[],xN={},Dr={variant:"text",shape:"text",animation:"pulse"},ht=e=>{let{variant:t,shape:o,animation:a=Dr.animation,...n}=e,i=`skeleton-${t\|\|o\|\|Dr.variant}`;return NN("span",{...n,className:s(e.className,wr,Ya(wr,i),{[`k-skeleton-${a}`]:a}),style:e.style})};ht.states=bN;ht.options=xN;ht.variants=fN;ht.className=wr;ht.defaultOptions=Dr;ht.moduleName=_r;ht.folderName=Zp;import{jsx as OG}from"react/jsx-runtime";import{jsx as RG}from"react/jsx-runtime";import{jsx as HG}from"react/jsx-runtime";import{Fragment as jG,jsx as ZG,jsxs as QG}from"react/jsx-runtime";import{Fragment as n6,jsx as a6,jsxs as s6}from"react/jsx-runtime";var Hr="window",Qp=Hr;import{jsx as LN}from"react/jsx-runtime";var jp="k-window-content",hN=[],vN={},gN={},Gt=e=>{let{children:t,...o}=e;return LN("div",{...o,className:s(jp,e.className),children:t})};Gt.states=hN;Gt.options=vN;Gt.className=jp;Gt.defaultOptions=gN;Gt.moduleName=Hr;Gt.folderName=Qp;var Va="dialog",Rn=Va;import{Fragment as kN,jsx as co,jsxs as zr}from"react/jsx-runtime";var ed="k-dialog",MN=[],SN={},Ur={actionButtonsAlign:"stretched",modal:!0},ze=e=>{let{title:t,actions:o,actionButtons:a,actionButtonsAlign:n=Ur.actionButtonsAlign,modal:i=Ur.modal,...l}=e,m=t!==void 0?B("dialog-titlebar"):void 0,u=B("dialog-content");return zr("div",{className:"k-dialog-wrapper",children:[i&&co(ft,{}),zr("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)&&zr("div",{className:"k-window-titlebar k-dialog-titlebar",id:m,children:[t!==void 0&&co("span",{className:"k-window-title k-dialog-title",children:t}),o&&co(kN,{children:co("div",{className:"k-window-titlebar-actions k-dialog-titlebar-actions",children:o.map(b=>co(p,{icon:b,fillMode:"flat",size:"xsmall",className:"k-window-titlebar-action k-dialog-titlebar-action","aria-label":b},b))})})]}),co(Gt,{className:"k-dialog-content",id:u,children:e.children}),a&&co(Re,{alignment:n,className:"k-window-actions k-dialog-actions",children:a})]})]})};ze.states=MN;ze.options=SN;ze.className=ed;ze.defaultOptions=Ur;ze.moduleName=Va;ze.folderName=Rn;var Fr=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=Va;na.folderName=Rn;import{Fragment as od,jsx as _n,jsxs as IN}from"react/jsx-runtime";var ad=e=>_n(Fr,{title:"Title",children:_n(od,{children:"Dialog content"}),actionButtons:IN(od,{children:[_n(p,{children:"Action"}),_n(p,{themeColor:"primary",children:"Primary"})]}),actions:["x"],...e});import{Fragment as B6,jsx as P6,jsxs as K6}from"react/jsx-runtime";import{Fragment as RN,jsx as wn,jsxs as _N}from"react/jsx-runtime";var TN=ze.options,ON=[],BN=ze.states,PN=ze.defaultOptions,KN=[],sa=e=>wn(ad,{style:{width:"350px",height:"215px"},...e,title:"Please confirm",actions:["x"],actionButtonsAlign:"stretched",actionButtons:_N(RN,{children:[wn(p,{children:"No"}),wn(p,{themeColor:"primary",children:"Yes"})]}),children:wn("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 Gr="dropzone",nd=Gr;import{jsx as Dn,jsxs as HN}from"react/jsx-runtime";var Vr="k-external-dropzone",wN=[r.disabled,r.hover],DN={},$r={icon:"upload",hint:"Drag and drop files here to upload"},Se=e=>{let{hover:t,disabled:o,icon:a=$r.icon,hint:n=$r.hint,note:i,...l}=e;return Dn("div",{...l,className:s(e.className,Vr,C(Vr,{disabled:o}),{"k-external-dropzone-hover":t}),children:HN("div",{className:"k-dropzone-inner",children:[a&&Dn(v,{icon:a,className:"k-dropzone-icon",size:"xxxlarge"}),n&&Dn("span",{className:"k-dropzone-hint",children:n}),i&&Dn("span",{className:"k-dropzone-note",children:i})]})})};Se.states=wN;Se.options=DN;Se.className=Vr;Se.defaultOptions=$r;Se.moduleName=Gr;Se.folderName=nd;import{jsx as zN}from"react/jsx-runtime";var sd=e=>zN(Se,{...e});import{jsx as s7}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 Hn,jsx as Vt,jsxs as $a}from"react/jsx-runtime";var Xr="k-upload-dropzone",qN=[r.hover],zn=e=>{let{hover:t,status:o,disabled:a,hasFiles:n,filesId:i,buttonText:l="Select files...",...m}=e,u;switch(o){case"uploading":u=$a(Hn,{children:[Vt(v,{icon:"upload"}),"Uploading..."]});break;case"done":u=$a(Hn,{children:[Vt(v,{icon:"check"}),"Done"]});break;case"failed":u=$a(Hn,{children:[Vt(v,{icon:"exclamation-circle"}),"Done"]});break;default:u=Vt(Hn,{});break}return $a("div",{...m,className:s(e.className,Xr,"k-dropzone",C(Xr,{hover:t})),children:[$a("div",{className:"k-upload-button-wrap",children:[Vt(p,{className:"k-upload-button","aria-disabled":a?"true":"false",...n&&i?{"aria-controls":i}:{},children:l}),Vt("input",{id:"upload-input",className:"k-hidden",tabIndex:-1,"aria-hidden":"true"})]}),Vt("span",{className:s("k-dropzone-hint",{"k-hidden":o!=="upload"}),children:"Drop files here to upload"}),o!=="upload"&&Vt("span",{className:"k-upload-status",children:u})]})};zn.states=qN;zn.className=Xr;var qr="upload",rd=qr;import{jsx as Un,jsxs as ld}from"react/jsx-runtime";var Wr="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,buttonText:u,...b}=e,x=!!e.children;return ld("div",{...b,className:s(e.className,Wr,C(Wr,{disabled:m}),{"k-upload-async":t,"k-upload-empty":o}),children:[Un(zn,{status:l,hover:i,disabled:m,hasFiles:x,filesId:id,buttonText:u}),x&&Un("ul",{className:"k-upload-files",role:"list",id,children:e.children}),a&&x&&ld(ul,{alignment:n,orientation:"horizontal",children:[Un(p,{className:"k-clear-selected",children:"Clear"}),Un(p,{themeColor:"primary",className:"k-upload-selected",children:"Upload"})]})]})};ae.states=WN;ae.options=JN;ae.className=Wr;ae.defaultOptions=pd;ae.moduleName=qr;ae.folderName=rd;var Xa="progressbar",Fn=Xa;import{jsx as Yr,jsxs as Jr}from"react/jsx-runtime";var et="k-progressbar",YN=[r.disabled,r.indeterminate],ZN={orientation:["horizontal","vertical"]},uo={indeterminate:!1,label:!0,labelPosition:"start",orientation:"horizontal",reverse:!1,value:"0"},ke=e=>{let{disabled:t,height:o,indeterminate:a=uo.indeterminate,label:n=uo.label,labelPosition:i=uo.labelPosition,orientation:l=uo.orientation,reverse:m=uo.reverse,value:u=uo.value,width:b,style:x,ariaLabel:g,...c}=e;return Jr("div",{...c,className:s(e.className,et,C(et,{disabled:t}),{[`${et}-${l}`]:l,[`${et}-indeterminate`]:a,[`${et}-reverse`]:m}),style:{...x,"--kendo-progressbar-value":u,[l==="horizontal"?"height":"width"]:l==="horizontal"?o:b},role:"progressbar","aria-label":g\|\|"progress","aria-valuenow":a?void 0:Number(u),"aria-valuemin":0,"aria-valuemax":100,children:[Yr("span",{className:s("k-progress-status-wrap",{[`k-progress-${i}`]:i&&!a}),children:n&&Jr("span",{className:"k-progress-status",children:[u,"%"]})}),!a&&Yr("div",{className:"k-progressbar-value k-selected",children:Yr("span",{className:s("k-progress-status-wrap",{[`k-progress-${i}`]:i}),children:n&&Jr("span",{className:"k-progress-status",children:[e.value,"%"]})})})]})};ke.states=YN;ke.options=ZN;ke.className=et;ke.defaultOptions=uo;ke.moduleName=Xa;ke.folderName=Fn;var dd=ke;import{jsx as Zr}from"react/jsx-runtime";var md="k-chunk-progressbar",QN=(e,t)=>t<=e-1,jN=[r.disabled,r.indeterminate],eh={},Gn={chunkCount:5,orientation:"horizontal",progress:0},ia=e=>{let{disabled:t,chunkCount:o=Gn.chunkCount,indeterminate:a,orientation:n=Gn.orientation,progress:i=Gn.progress,reverse:l,ariaLabel:m,...u}=e;return Zr("div",{...u,className:s(e.className,et,md,C(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:Zr("ul",{className:"k-progressbar-chunks k-reset",children:[...Array(o)].map((b,x)=>Zr("li",{className:s("k-progressbar-chunk",{"k-first":x===0,"k-last":x===[...Array(o)].length-1,"k-selected":QN(i,x)})},x))})})};ia.states=jN;ia.options=eh;ia.className=md;ia.defaultOptions=Gn;ia.moduleName=Xa;ia.folderName=Fn;import{jsx as th}from"react/jsx-runtime";var qa=e=>th(dd,{...e});import{jsx as X7}from"react/jsx-runtime";import{jsx as $t}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 $t("div",{...i,children:$t(qa,{...a,...n,labelPosition:"end",value:"50"})});case"center":return $t("div",{...i,children:$t(qa,{...a,...n,labelPosition:"center",value:"50"})});case"empty":return $t("div",{...i,children:$t(qa,{...a,...n,label:!1,value:"50"})});default:return $t("div",{...i,children:$t(qa,{...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 Qr,jsxs as ih}from"react/jsx-runtime";var rh="k-file-info",jr=e=>{let{name:t,size:o,validationMsg:a,...n}=e;return ih("div",{...n,className:s(e.className,rh),children:[t&&Qr("span",{className:"k-file-name",children:t}),o&&Qr("span",{className:"k-file-size",children:o}),a&&Qr("span",{className:"k-file-validation-message","aria-live":"polite",children:a})]})};import{Fragment as ph,jsx as At,jsxs as Vn}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:Vn("div",{className:"k-file-single",children:[At(ke,{className:s({"k-hidden":t!=="progress"}),value:o,label:!1}),Vn("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(jr,{name:a,size:i,validationMsg:m}),At("div",{className:"k-upload-actions",children:t==="progress"?Vn(ph,{children:[Vn("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 M9,jsx as g9,jsxs as L9}from"react/jsx-runtime";import{Fragment as dh,jsx as ei,jsxs as mh}from"react/jsx-runtime";var Wa=e=>ei(ae,{async:!0,children:mh(dh,{children:[ei(Oe,{name:"Image_With_Very_Very_Very_Very_Very_Long_Name1.png",icon:"file-image",size:"51.23 KB"}),ei(Oe,{name:"Image2.jpg",icon:"file-image",size:"106.43 KB"})]}),...e});import{Fragment as B9,jsx as T9,jsxs as O9}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 z9,jsx as H9,jsxs as U9}from"react/jsx-runtime";import{Fragment as X9,jsx as $9,jsxs as q9}from"react/jsx-runtime";import{jsx as Et,jsxs as $n}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 $n(Wa,{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 $n(Wa,{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 $n(Wa,{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 $n(Wa,{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 L4,jsx as g4,jsxs as M4}from"react/jsx-runtime";import{jsx as A4}from"react/jsx-runtime";import{Fragment as O4,jsx as T4,jsxs as B4}from"react/jsx-runtime";import{Fragment as w4,jsx as _4,jsxs as D4}from"react/jsx-runtime";import{Fragment as G4,jsx as F4,jsxs as V4}from"react/jsx-runtime";import{Fragment as J4,jsx as W4}from"react/jsx-runtime";import{Fragment as gh,jsx as rt,jsxs as Ja}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:b,focus:x,toolbar:g,typing:c,expandable:L,expanded:M,removed:S,files:A,failed:k,...y}=e,w=k===!0?da.failed:k;return Ja("div",{...y,className:s(bd,e.className,{"k-message-removed":S,"k-message-failed":k}),children:[k&&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:b,focus:x,content:Ja(gh,{children:[a,o&&rt("span",{className:"k-chat-bubble-text",children:o})]}),expandable:L,expanded:M,files:A}),Ja("div",{className:"k-message-info",children:[n&&Ja("span",{className:"k-message-status",children:[i&&rt(v,{icon:i,size:"xsmall"}),n]}),t&&rt("time",{className:"k-message-time",children:t}),k&&Ja("span",{className:"k-message-failed-content",children:[k&&rt(v,{icon:"warning-triangle",size:"xsmall"}),k&&rt("span",{className:"k-message-failed-text",children:w})]})]}),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 ti="appbar",xd=ti;import{jsx as kh}from"react/jsx-runtime";var oi="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,oi,E(oi,{themeColor:t}),{[`k-appbar-${o}`]:o,[`k-appbar-${a}`]:a}),children:e.children})};Ce.states=Lh;Ce.options=Mh;Ce.className=oi;Ce.defaultOptions=Sh;Ce.moduleName=ti;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 D8,jsx as _8,jsxs as w8}from"react/jsx-runtime";import{jsx as j,jsxs as ma}from"react/jsx-runtime";var ai={...Ce.options,positionMode:["static","sticky","fixed"]},Eh=Ce.states,Nd={...Ce.defaultOptions,themeColor:"primary",variant:"top",positionMode:"sticky"};ai.themeColor=["primary",...ai.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(fn,{value:"Input value"})}),ma(vt,{children:[j($,{className:"k-mx-sm",fillMode:"flat",icon:"bell"}),j("span",{className:"k-appbar-separator"}),j(On,{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=ai;ca.states=Eh;ca.variants=yh;ca.defaultOptions=Nd;ca.modifiers=[];ca.className=Ce.className;var ni="suggestion",hd=ni;import{jsx as Xn,jsxs as Oh}from"react/jsx-runtime";var qn="k-suggestion-group",Ih=[],Th={},vd={layout:"scrollable",scrollingPosition:"start"},tt=e=>{let{layout:t=vd.layout,scrollingPosition:o,...a}=e,n=Xn("div",{...a,className:s(qn,{"k-suggestion-group-scrollable":t=="scrollable",[`${qn}-scrollable-start`]:o==="start"\|\|o==="both",[`${qn}-scrollable-end`]:o==="end"\|\|o==="both"},e.className),role:"group",children:t==="scrollable"\|\|t==="scrollButtons"?Xn("div",{className:"k-suggestions-scroll",children:e.children}):e.children});return t=="scrollButtons"?Oh("div",{className:"k-suggestion-scrollwrap",children:[Xn(p,{fillMode:"flat",icon:"chevron-left",size:"xsmall","aria-label":"Scroll left"}),n,Xn(p,{fillMode:"flat",icon:"chevron-right",size:"xsmall","aria-label":"Scroll right"})]}):n};tt.states=Ih;tt.options=Th;tt.className=qn;tt.defaultOptions=vd;tt.moduleName=ni;tt.folderName=hd;import{jsx as Rh}from"react/jsx-runtime";var Wn="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,children:l,...m}=e;return Rh("span",{...m,className:s(e.className,Wn,C(Wn,{hover:a,active:o,focus:n}),E(Wn,{themeColor:t})),role:"button",tabIndex:0,"aria-label":e["aria-label"]\|\|i,children:l\|\|i})};ot.states=Bh;ot.options=Ph;ot.className=Wn;ot.item=Kh;import{Fragment as mV,jsx as dV,jsxs as cV}from"react/jsx-runtime";import{Fragment as NV,jsx as xV,jsxs as hV}from"react/jsx-runtime";import{Fragment as SV,jsx as MV,jsxs as kV}from"react/jsx-runtime";import{Fragment as Uh,jsx as ee,jsxs as Jn}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=[],fo=e=>{let{modifiers:t,...o}=e,a={author:null,avatar:null},n=Jn(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(Ft,{type:"sender",pinned:!0,content:"Hello! Generate a cover letter.",closeable:!0}),l=Jn(tt,{children:[ee(ot,{text:"Provide a CV template"}),ee(ot,{text:"Generate a cover letter"})]}),m=Jn(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",b=null,x="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:S,avatar:A,quickReplies:k}=a;return Jn(Yp,{value:"Thank you!",style:{minHeight:"100%"},...o,header:c,pinned:L,suggestedActions:M,children:[ee(W,{avatar:b,author:S?g:null,children:ee(F,{text:"Hello, this is a demo bot. How can I help you ?"})}),ee(W,{avatar:A?u:null,author:S?x:null,type:"sender",children:ee(F,{text:"Hello! Generate a cover letter."})}),ee(W,{avatar:b,author:S?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"})})})}),k]})};fo.options=Dh;fo.states=_h;fo.variants=zh;fo.defaultOptions=wh;fo.modifiers=Hh;fo.className=G.className;var FV=fo;export{fo as ChatDemo,FV as default};