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

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

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

Files changed (125) hide show

package/dist/esm/chat/templates/chat-upload.mjs CHANGED Viewed

	@@ -1 +1 @@
1	- var s=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?s(...t):typeof t=="object"?Object.keys(t).map((o,a)=>t[a]\|\|t[o]&&o\|\|null).filter(o=>o!==null).join(" "):t).filter(t=>!!t).join(" ");var E=(e,t)=>s({[`${e}-xs`]:t.size==="xsmall",[`${e}-sm`]:t.size==="small",[`${e}-md`]:t.size==="medium",[`${e}-lg`]:t.size==="large",[`${e}-xl`]:t.size==="xlarge",[`${e}-xxl`]:t.size==="xxlarge",[`${e}-xxxl`]:t.size==="xxxlarge"},{[`${e}-${t.fillMode}`]:t.fillMode},{[`${e}-${t.themeColor}`]:t.themeColor},{"k-rounded-sm":t.rounded==="small","k-rounded-md":t.rounded==="medium","k-rounded-lg":t.rounded==="large","k-rounded-full":t.rounded==="full","k-rounded-none":t.rounded==="none"}),S=(e,t)=>{let{valid:o,invalid:a,hover:n,focus:i,checked:l,active:m,selected:u,disabled:f,indeterminate:N,loading:g,empty:c,readonly:L,highlighted:M,...k}=t;return s({"k-valid":o,"k-invalid":a,"k-hover":n,"k-focus":i,"k-checked":l,"k-active":m,"k-selected":u,"k-disabled":f,"k-indeterminate":N&&!l,"k-loading":g,"k-empty":c,"k-readonly":L,"k-highlighted":M},Object.keys(k).reduce((A,C)=>(C.startsWith("k-")?A[C]=k[C]:A[`k-${C}`]=k[C],A),{}))};function Ja(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(a=>[`k-${a}`,!0]))}var d={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},b={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},x={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},lt={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 ts={};function B(e){return ts[e]=(ts[e]\|\|0)+1,`k-${e}-${ts[e]}`}import{Fragment as Ad,jsx as li}from"react/jsx-runtime";var os="k-font-icon",Sd=[],kd={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]},Cd={},ba=e=>{let{size:t,themeColor:o,icon:a,rotate:n,flip:i,...l}=e;return a?li("span",{...l,className:s(e.className,os,E(os,{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"}):li(Ad,{})};ba.states=Sd;ba.options=kd;ba.className=os;ba.defaultOptions=Cd;var pi=ba;import{Fragment as Id,jsx as Ya}from"react/jsx-runtime";var as="k-svg-icon",Ed=[],yd={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:[lt.outline,lt.solid,lt.duotone]},ns={viewBox:"0 0 24 24",variant:lt.outline},xa=e=>{let{size:t,themeColor:o,rotate:a,flip:n,viewBox:i=ns.viewBox,variant:l=ns.variant,icon:m,...u}=e;if(!m)return Ya(Id,{});if(m==="none")return Ya("span",{...u,className:s(e.className,as,E("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let f=typeof m=="object"&&m.name&&m.name,N=typeof m=="object"?l&&m.variants?.[l]\|\|m.variants?.outline\|\|m.content:void 0;return Ya("span",{...u,className:s(e.className,as,E("k-icon",{size:t}),{[`k-svg-i-${f}`]:f,[`k-color-${o}`]:o,[`k-rotate-${a}`]:a,"k-flip-h":n==="h"\|\|n==="both","k-flip-v":n==="v"\|\|n==="both"}),"aria-hidden":"true",children:Ya("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof m=="object"?m.viewBox:i,dangerouslySetInnerHTML:N!==void 0?{__html:N}:void 0,children:m?void 0:e.children})})};xa.states=Ed;xa.options=yd;xa.className=as;xa.defaultOptions=ns;var ss=xa;importas rs from"@progress/kendo-svg-icons";var di="icon",mi="icons";import{useContext as Od}from"react";import{createContext as Td}from"react";var ci=Td({iconsType:"svg"});import{Fragment as ui,jsx as Na}from"react/jsx-runtime";var Za="k-icon",Bd=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),Pd=[],Kd={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:[lt.outline,lt.solid,lt.duotone]},Qa={viewBox:"0 0 24 24",type:"svg",variant:lt.outline},v=e=>{let{iconsType:t}=Od(ci),{size:o,themeColor:a,icon:n,type:i=t\|\|Qa.type,rotate:l,flip:m,viewBox:u=Qa.viewBox,variant:f=Qa.variant,...N}=e;if(!n)return Na(ui,{});if((t\|\|i)==="svg"){if(n==="none")return Na(ss,{...N,className:s(e.className,Za),icon:n,size:o,variant:f});let c=rs[n]?n:Bd(`${n}-icon`);return rs[c]?Na(ss,{...N,className:s(e.className,Za),icon:rs[c],size:o,themeColor:a,rotate:l,flip:m,viewBox:u,variant:f}):Na(ui,{})}return Na(pi,{...N,className:s(e.className,Za),icon:n,size:o,themeColor:a,rotate:l,flip:m})};v.states=Pd;v.options=Kd;v.defaultOptions=Qa;v.className=Za;v.moduleName=di;v.folderName=mi;var is="button",fi=is;import{Fragment as bi,jsx as fo,jsxs as xi}from"react/jsx-runtime";var ha="k-button",Rd=["icon-button"],_d=[r.hover,r.focus,r.active,r.selected,r.disabled,r.generating],wd={size:[d.undefined,d.xsmall,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[x.undefined,x.solid,x.flat,x.outline,x.clear,x.link],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary,h.success,h.warning,h.error,h.info,h.inverse]},ls={showArrow:!1,arrowIconName:"chevron-down"},p=e=>{let{as:t="button",size:o,rounded:a,fillMode:n,themeColor:i,showArrow:l=ls.showArrow,arrowIconName:m=ls.arrowIconName,variant:u,hover:f,focus:N,active:g,selected:c,disabled:L,togglable:M,ariaDisabled:k,icon:A,iconSize:C,text:y,iconClassName:z,className:le,...Ae}=e,pe=A!=null,fe=e.children!==void 0;return xi(t,{className:s(le,ha,Ja(ha,u),E(ha,{size:o,rounded:a,fillMode:n,themeColor:i}),S(ha,{hover:f,focus:N,active:g,disabled:L\|\|k,selected:c}),{"k-icon-button":!y&&!fe&&pe}),"aria-pressed":M?c?"true":"false":void 0,...Ae,"aria-disabled":k?"true":void 0,disabled:L\|\|void 0,children:[typeof A=="string"&&A&&fo(v,{className:s(z,"k-button-icon"),icon:A,size:C}),A&&typeof A!="string"&&fo(bi,{children:A}),y?xi(bi,{children:[y&&fo("span",{className:"k-button-text",children:y}),e.children]}):e.children&&fo("span",{className:"k-button-text",children:e.children}),l&&fo("span",{className:"k-menu-button-arrow k-button-arrow",children:fo(v,{icon:m})})]})};p.states=_d;p.options=wd;p.variants=Rd;p.className=ha;p.defaultOptions=ls;p.moduleName=is;p.folderName=fi;import{jsx as Dd}from"react/jsx-runtime";var X=e=>Dd(p,{icon:"folder",...e,"aria-label":e["aria-label"]\|\|"Folder",children:void 0});import{jsx as Hd}from"react/jsx-runtime";var va=e=>Hd(p,{icon:"folder",children:"Button",...e});import{jsx as zd}from"react/jsx-runtime";var nt=e=>zd(p,{children:"Button",...e});import{jsx as ps}from"react/jsx-runtime";var Ud=p.options,Fd=p.states,Gd={...p.defaultOptions,variant:"text"},Vd=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],$d=[],bo=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return ps(X,{...o,icon:"star"});case"icon-and-text":return ps(va,{...o,icon:"star",children:"Button"});default:return ps(nt,{...o,children:"Button"})}};bo.options=Ud;bo.states=Fd;bo.variants=Vd;bo.defaultOptions=Gd;bo.modifiers=$d;bo.className=p.className;import{jsx as Ni,jsxs as Yd}from"react/jsx-runtime";var ja="k-fab",Wd=[r.hover,r.focus,r.active,r.selected,r.disabled],Jd={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary]},hi={type:"button"},oe=e=>{let{size:t,rounded:o,themeColor:a,text:n,icon:i,type:l=hi.type,position:m,hover:u,focus:f,active:N,selected:g,disabled:c,...L}=e;return Yd("button",{...L,type:l,className:s(e.className,ja,E(ja,{size:t,rounded:o,themeColor:a}),S(ja,{hover:u,focus:f,active:N,disabled:c,selected:g}),{[`!k-pos-absolute k-${m}`]:m}),...!n&&i&&!e["aria-label"]&&{"aria-label":"Action"},...c&&{"aria-disabled":"true"},disabled:c\|\|void 0,children:[i&&Ni(v,{className:"k-fab-icon",icon:i}),n&&Ni("span",{className:"k-fab-text",children:n})]})};oe.states=Wd;oe.options=Jd;oe.className=ja;oe.defaultOptions=hi;oe.moduleName="fab";oe.folderName="fab";import{jsx as Qd}from"react/jsx-runtime";var Zd="k-fab-items",vi=e=>{let{position:t,...o}=e;return Qd("ul",{...o,className:s(e.className,Zd,{[`k-fab-items-${t}`]:t}),children:e.children})};import{jsx as Li,jsxs as em}from"react/jsx-runtime";var gi="k-fab-item",jd=[r.hover,r.focus,r.active,r.disabled],ds=e=>{let{text:t,icon:o,align:a,hover:n,focus:i,active:l,disabled:m,...u}=e;return em("li",{...u,className:s(e.className,gi,{[`k-text-${a}`]:a},S(gi,{hover:n,focus:i,active:l,disabled:m})),children:[Li("span",{className:"k-fab-item-text",children:t}),Li(v,{className:"k-fab-item-icon",icon:o})]})};ds.states=jd;import{jsx as mg}from"react/jsx-runtime";import{jsx as tm}from"react/jsx-runtime";var Mi=e=>tm(oe,{icon:"plus",...e});import{jsx as hg}from"react/jsx-runtime";import{jsx as Mg}from"react/jsx-runtime";import{jsx as xo,jsxs as im}from"react/jsx-runtime";var om=oe.options,am=oe.states,nm={...oe.defaultOptions,variant:"text"},sm=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],rm=[{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(vi,{position:"bottom",children:xo(ds,{text:"Item",icon:"pencil",align:"right"})})}):null,l;switch(t){case"icon-only":l=xo(oe,{...a,icon:"star"});break;case"icon-and-text":l=xo(oe,{...a,icon:"star",text:"Action"});break;default:l=xo(oe,{...a,text:"Action"});break}return im("span",{style:{position:"relative"},children:[l,i]})};No.options=om;No.states=am;No.variants=sm;No.defaultOptions=nm;No.modifiers=rm;No.className=oe.className;import{jsx as dm}from"react/jsx-runtime";var ms="k-input-inner",lm=[],pm={},en={type:"text",autocomplete:"off",value:"",placeholder:""},be=e=>{let{value:t=en.value,type:o=en.type,placeholder:a=en.placeholder,autocomplete:n=en.autocomplete,disabled:i,readOnly:l,...m}=e;return dm("input",{...m,type:o,className:s(e.className,ms,E(ms,e)),placeholder:a,autoComplete:n,defaultValue:t,disabled:i\|\|void 0,readOnly:l\|\|void 0})};be.states=lm;be.options=pm;be.className=ms;import{jsx as um}from"react/jsx-runtime";var cs="k-input-inner",mm=[],cm={},Si={value:"",placeholder:""},ga=e=>{let{value:t=Si.value,placeholder:o=Si.placeholder,rows:a,disabled:n,...i}=e;return um("textarea",{...i,className:s(e.className,cs,E(cs,e)),placeholder:o,rows:a,defaultValue:t,disabled:n\|\|void 0})};ga.states=mm;ga.options=cm;ga.className=cs;var us="prompt-box",ki=us;var fs="speech-to-text-button",Ci=fs;import{jsx as fm}from"react/jsx-runtime";var Ai="k-speech-to-text-button",Ei={icon:"microphone"},Ke=e=>{let{listening:t=!1,icon:o=Ei.icon,...a}=e;return fm(p,{...a,icon:t?"stop":o,className:s(e.className,Ai,{"k-listening":t}),"aria-pressed":t?"true":"false","aria-label":t?"Stop listening":"Start listening"})};Ke.states=p.states;Ke.options=p.options;Ke.className=Ai;Ke.defaultOptions=Ei;Ke.moduleName=fs;Ke.folderName=Ci;import{jsx as aL}from"react/jsx-runtime";import{jsx as iL}from"react/jsx-runtime";import{jsx as vm}from"react/jsx-runtime";var bm=p.states,yi={...p.defaultOptions,variant:"normal"},xm={...p.options,fillMode:p.options.fillMode.filter(e=>e!=="clear"&&e!=="link")},Nm=[],hm=[{name:"normal",title:"Normal"},{name:"listening",title:"Listening"}],ho=e=>{let{variant:t,...o}={...yi,...e},a={};return t==="listening"&&(a.listening=!0),vm(Ke,{...o,...a})};ho.options=xm;ho.states=bm;ho.variants=hm;ho.defaultOptions=yi;ho.modifiers=Nm;ho.className=Ke.className;import{jsx as Wt,jsxs as bs}from"react/jsx-runtime";var pt="k-prompt-box",gm=[r.hover,r.focus,r.disabled],Lm={fillMode:[x.undefined,x.solid,x.flat,x.outline]},xs={lineMode:"auto",isExpanded:!1},xe=e=>{let{fillMode:t,lineMode:o=xs.lineMode,startAffix:a,endAffix:n,header:i,isExpanded:l=xs.isExpanded,className:m,children:u,value:f,placeholder:N,generating:g,actionButtonConfig:c,speechToTextButtonConfig:L,uploadButtonConfig:M,hover:k,focus:A,disabled:C,...y}=e,z=o==="multi"\|\|o==="auto"&&l;return bs("div",{...y,className:s(m,"k-input",pt,{[`${pt}-singleline`]:o==="single",[`${pt}-multiline`]:z,[`k-input-${t}`]:t,"k-hover":k,"k-focus":A,"k-disabled":C}),children:[i&&Wt("div",{className:`${pt}-header`,children:i}),bs("div",{className:`${pt}-content`,children:[a&&Wt("div",{className:`${pt}-affix`,children:a}),o==="single"?Wt(be,{value:f,placeholder:N,className:`${pt}-input`,type:"text","aria-label":"Prompt input"}):Wt(ga,{value:f,placeholder:N,className:`${pt}-textarea`,rows:o==="multi"\|\|l?3:1,"aria-label":"Prompt input","aria-multiline":"true"}),bs("div",{className:`${pt}-affix`,children:[n,M&&Wt(X,{icon:"paperclip",size:"small",fillMode:"flat",rounded:"full","aria-label":"Attach files",...M}),Wt(Ke,{size:"small",fillMode:"flat",rounded:"full",...L}),Wt(X,{icon:g?"stop":"arrow-up",size:"small",rounded:"full",active:g,disabled:!f&&!g,"aria-label":g?"Stop generating":"Send prompt","aria-live":"polite",...c,className:s({"k-generating":g},c?.className)})]})]}),u]})};xe.states=gm;xe.options=Lm;xe.className=pt;xe.defaultOptions=xs;xe.moduleName=us;xe.folderName=ki;import{jsx as OL}from"react/jsx-runtime";import{jsx as RL}from"react/jsx-runtime";import{jsx as HL}from"react/jsx-runtime";import{jsx as GL}from"react/jsx-runtime";import{jsx as qL}from"react/jsx-runtime";import{Fragment as Ns,jsx as It,jsxs as Em}from"react/jsx-runtime";var Mm=xe.options,Sm=xe.states,km={...xe.defaultOptions,variant:"Single"},Cm=[{name:"Single",title:"Singleline"},{name:"Multi",title:"Multiline"}],Am=[{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(Ns,{children:It(X,{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=Em(Ns,{children:[i,It(X,{icon:"paperclip",size:"small",fillMode:"flat"})]}));break;case"startAffix":n.startAffix=o?.[l]?It(Ns,{children:It(X,{icon:"plus",size:"small",fillMode:"flat"})}):void 0;break;default:break}}),t==="Multi"?It(xe,{style:{width:300},lineMode:"multi",endAffix:i,placeholder:"Enter your prompt...",...a,...n}):It(xe,{style:{width:300},lineMode:"single",endAffix:i,placeholder:"Enter your prompt...",...a,...n})};vo.options=Mm;vo.states=Sm;vo.variants=Cm;vo.defaultOptions=km;vo.modifiers=Am;vo.className=xe.className;var hs="chat",Ii=hs;import{Fragment as Bi,jsx as Jt,jsxs as La}from"react/jsx-runtime";var Ti="k-chat",ym=[],Im={},Tm=La(Bi,{children:[Jt(X,{icon:"paperclip",fillMode:"clear",rounded:"full",size:"small","aria-label":"Attach file"},"paperclip"),Jt("div",{className:"k-spacer"})]}),Oi={tools:Tm},V=e=>{let{header:t,dir:o,suggestedActions:a,files:n,pinned:i,replied:l,generating:m,tools:u=Oi.tools,value:f,empty:N,scrollToBottom:g,scrollbar:c,promptBoxProps:L,...M}=e;return La("div",{...M,className:s(Ti,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",N&&"k-message-list-content-empty"),children:e.children}),g&&Jt("div",{className:"k-chat-scroll-to-bottom-container",children:Jt(Mi,{themeColor:"base",icon:"arrow-down",size:"small"})})]}),c&&Jt("div",{className:"k-separator"}),La("div",{className:"k-message-box-wrapper",children:[a,Jt(xe,{lineMode:"multi",placeholder:"Type a message",generating:m,value:f,header:n\|\|l?La(Bi,{children:[l,n]}):void 0,endAffix:u,...L})]})]})};V.states=ym;V.options=Im;V.className=Ti;V.defaultOptions=Oi;V.moduleName=hs;V.folderName=Ii;var vs="button",Pi=vs;import{jsx as Km}from"react/jsx-runtime";var Ma="k-button-group",Om=[r.disabled],Bm={fillMode:[x.undefined,x.solid,x.flat,x.outline,x.clear,x.link]},Pm={},T=e=>{let{fillMode:t,disabled:o,stretched:a,...n}=e;return Km("div",{role:"group",...n,className:s(e.className,Ma,E(Ma,{fillMode:t}),S(Ma,{disabled:o}),{[`${Ma}-stretched`]:a}),...o&&{"aria-disabled":"true"},children:e.children})};T.states=Om;T.options=Bm;T.className=Ma;T.defaultOptions=Pm;T.moduleName=vs;T.folderName=Pi;import{Fragment as EM,jsx as AM,jsxs as yM}from"react/jsx-runtime";import{Fragment as KM,jsx as PM,jsxs as RM}from"react/jsx-runtime";import{Fragment as UM,jsx as zM,jsxs as FM}from"react/jsx-runtime";import{Fragment as WM,jsx as qM,jsxs as JM}from"react/jsx-runtime";import{Fragment as tS,jsx as eS,jsxs as oS}from"react/jsx-runtime";import{Fragment as lS,jsx as iS,jsxs as pS}from"react/jsx-runtime";import{jsx as Lt,jsxs as gs}from"react/jsx-runtime";var Rm={...p.options,...T.options},_m=p.states,wm={...p.defaultOptions,...T.defaultOptions,variant:"text-button"},Dm=[{name:"icon-button",title:"Icon Only"},{name:"text-button",title:"Text"},{name:"icon-text-button",title:"Icon Text"}],Hm=[],go=e=>{let{variant:t,className:o,...a}=e;return t==="icon-button"?gs(T,{fillMode:a.fillMode,className:o,children:[Lt(p,{...a,icon:"star"}),Lt(p,{...a,icon:"star"}),Lt(p,{...a,icon:"star"})]}):t==="icon-text-button"?gs(T,{fillMode:a.fillMode,className:o,children:[Lt(p,{...a,icon:"star",children:"First"}),Lt(p,{...a,icon:"star",children:"Middle"}),Lt(p,{...a,icon:"star",children:"Last"})]}):gs(T,{fillMode:a.fillMode,className:o,children:[Lt(p,{...a,children:"First"}),Lt(p,{...a,children:"Middle"}),Lt(p,{...a,children:"Last"})]})};go.options=Rm;go.states=_m;go.variants=Dm;go.defaultOptions=wm;go.modifiers=Hm;go.className=T.className;var Sa="input",on=Sa;import{jsx as Gm}from"react/jsx-runtime";var an="k-input",zm=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading,r.readonly],Um={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[x.undefined,x.solid,x.flat,x.outline]},Fm={},J=e=>{let{hover:t,focus:o,disabled:a,invalid:n,valid:i,loading:l,readonly:m,size:u,rounded:f,fillMode:N,...g}=e;return Gm("span",{...g,className:s(e.className,an,E(an,{size:u,rounded:f,fillMode:N}),S(an,{hover:t,focus:o,disabled:a,invalid:n,valid:i,loading:l,readonly:m}))})};J.states=zm;J.options=Um;J.className=an;J.defaultOptions=Fm;J.moduleName=Sa;J.folderName=on;import{jsx as qm}from"react/jsx-runtime";var nn="k-picker",Vm=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading,r.readonly],$m={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[x.undefined,x.solid,x.flat,x.outline]},Xm={},dt=e=>{let{hover:t,focus:o,disabled:a,invalid:n,valid:i,loading:l,readonly:m,size:u,rounded:f,fillMode:N,...g}=e;return qm("span",{...g,className:s(e.className,nn,E(nn,{size:u,rounded:f,fillMode:N}),S(nn,{hover:t,focus:o,disabled:a,invalid:n,valid:i,loading:l,readonly:m})),children:e.children})};dt.states=Vm;dt.options=$m;dt.className=nn;dt.defaultOptions=Xm;dt.moduleName=Sa;dt.folderName=on;import{Fragment as Ym,jsx as Ls}from"react/jsx-runtime";var Ki="k-clear-value",Wm=[r.disabled,r.loading,r.readonly],Jm={},Re=e=>{let{disabled:t,loading:o,readonly:a,value:n}=e;return t\|\|a\|\|o\|\|!n?Ls(Ym,{}):Ls("span",{className:s(e.className,Ki),children:Ls(v,{icon:"x"})})};Re.states=Wm;Re.options=Jm;Re.className=Ki;import{jsx as Ri,jsxs as jm}from"react/jsx-runtime";var Ms="k-input-inner",Zm=[],Qm={},Yt=e=>{let{value:t,placeholder:o,showValue:a,valueIcon:n,valueIconName:i,...l}=e;return jm("span",{...l,className:s(e.className,Ms,E(Ms,e)),children:[n,!n&&i&&Ri(v,{className:"k-input-value-icon",icon:i}),a&&!t&&o,a&&t&&Ri("span",{className:"k-input-value-text",children:t})]})};Yt.states=Zm;Yt.options=Qm;Yt.className=Ms;import{Fragment as tc,jsx as _i}from"react/jsx-runtime";var wi="k-input-loading-icon",ec=[r.disabled,r.loading],Ee=e=>{let{disabled:t,loading:o}=e;return t\|\|!o?_i(tc,{}):_i("span",{className:s(e.className,wi,"k-icon k-i-loading")})};Ee.states=ec;Ee.className=wi;import{Fragment as nc,jsx as Di}from"react/jsx-runtime";var Hi="k-input-validation-icon",oc=[r.valid,r.invalid,r.disabled,r.loading],ac={},Ne=e=>{let{valid:t,invalid:o,disabled:a,loading:n}=e,i=o?"warning-circle":"check-circle";return a\|\|n\|\|!!!(t\|\|o)?Di(nc,{}):Di(v,{className:s(Hi),icon:i})};Ne.states=oc;Ne.options=ac;Ne.className=Hi;import{Fragment as ic,jsx as zi}from"react/jsx-runtime";var sc="k-input-prefix",rc={direction:"horizontal"},Fe=e=>{let{direction:t=rc.direction,...o}=e;return e.children?zi("span",{...o,className:s(sc,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):zi(ic,{})};import{Fragment as dc,jsx as Ui}from"react/jsx-runtime";var lc="k-input-suffix",pc={direction:"horizontal"},Ge=e=>{let{direction:t=pc.direction,...o}=e;return e.children?Ui("span",{...o,className:s(lc,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):Ui(dc,{})};import{jsx as ak}from"react/jsx-runtime";import{jsx as cc}from"react/jsx-runtime";var mc="k-input-suffix-text",Ss=e=>{let{children:t,...o}=e;return cc("span",{...o,className:s(mc,e.className),children:t})};import{jsx as fc}from"react/jsx-runtime";var Fi="k-input-separator",uc={direction:"vertical"},Ve=e=>{let{direction:t=uc.direction,...o}=e;return fc("span",{...o,className:s(Fi,e.className,{[`${Fi}-${t}`]:t})})};import{Fragment as Gi,jsx as mt,jsxs as ks}from"react/jsx-runtime";var bc=J.states,xc=J.defaultOptions,Nc=J.options,hc=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],vc=[],Lo=e=>{let{modifiers:t,valid:o,invalid:a,loading:n,disabled:i,readonly:l,...m}=e,u=t?.prefix,f=t?.suffix,N=t?.["clear-button"],g=t?.["validation-icon"],c=t?.separators;return ks(J,{...m,valid:o,invalid:a,loading:n,disabled:i,readonly:l,style:{width:300},children:[u&&ks(Gi,{children:[mt(Fe,{children:mt(v,{icon:"lock"})}),c&&mt(Ve,{})]}),mt(be,{placeholder:"Placeholder",value:"Value"}),g&&mt(Ne,{valid:o,invalid:a,loading:n,disabled:i}),mt(Ee,{loading:n,disabled:i}),N&&mt(Re,{loading:n,disabled:i,readonly:l,value:"Value"}),f&&ks(Gi,{children:[c&&mt(Ve,{}),mt(Ge,{children:mt(nt,{size:m.size,fillMode:"clear",children:"Send"})})]})]})};Lo.options=Nc;Lo.states=bc;Lo.variants=vc;Lo.defaultOptions=xc;Lo.modifiers=hc;Lo.className=J.className;import{jsx as Vi,jsxs as Mc}from"react/jsx-runtime";var $i="k-color-preview",gc=[],Lc={},Tt=e=>{let{color:t,iconName:o,...a}=e;return Mc("span",{...a,className:s(e.className,$i,{"k-icon-color-preview":o,"k-no-color":!t}),children:[o&&Vi(v,{icon:o,className:"k-color-preview-icon"}),Vi("span",{className:"k-color-preview-mask",style:{backgroundColor:t}})]})};Tt.states=gc;Tt.options=Lc;Tt.className=$i;var Cs="popup",Xi=Cs;import{jsx as qi}from"react/jsx-runtime";var Wi="k-animation-container",Sc=[],kc={},As={positionMode:"absolute",shown:!0},ct=e=>{let{positionMode:t=As.positionMode,shown:o=As.shown,animationStyle:a,offset:n,...i}=e;return qi("div",{...i,style:{...n,...e.style},className:s(e.className,Wi,{"k-animation-container-shown":o,"k-animation-container-fixed":t==="fixed"}),children:qi("div",{className:"k-child-animation-container",style:a,children:e.children})})};ct.states=Sc;ct.options=kc;ct.className=Wi;ct.defaultOptions=As;ct.moduleName=Cs;ct.folderName=Xi;var Es="popup",Ji=Es;import{jsx as Yi}from"react/jsx-runtime";var Zi="k-popup",Cc=[],Ac={},Qi={positionMode:"absolute"},q=e=>{let{offset:t,positionMode:o=Qi.positionMode,animationStyle:a,containerClassName:n,containerRole:i,containerAriaLabel:l,...m}=e;return Yi(ct,{positionMode:o,offset:t,animationStyle:a,className:n,role:i,"aria-label":l,children:Yi("div",{...m,className:s(e.className,Zi),children:e.children})})};q.states=Cc;q.options=Ac;q.className=Zi;q.defaultOptions=Qi;q.moduleName=Es;q.folderName=Ji;var ys="action-buttons",ji=ys;import{jsx as Ic}from"react/jsx-runtime";var sn="k-actions",Ec=[],yc={},Is={alignment:"start",orientation:"horizontal"},_e=e=>{let{alignment:t=Is.alignment,orientation:o=Is.orientation,...a}=e;return Ic("div",{...a,className:s(sn,{[`${sn}-${t}`]:t,[`${sn}-${o}`]:o},e.className),children:e.children})};_e.states=Ec;_e.options=yc;_e.className=sn;_e.defaultOptions=Is;_e.moduleName=ys;_e.folderName=ji;var el=_e;import{jsx as Oc}from"react/jsx-runtime";var Tc="k-actionsheet-footer",tl={alignment:"stretched",orientation:"horizontal"},Ot=e=>{let{alignment:t=tl.alignment,orientation:o=tl.orientation,template:a,as:n=a?"div":_e,...i}=e;return Oc(n,{...i,...!a&&{alignment:t,orientation:o},className:s(e.className,Tc),children:e.children})};var Ts="searchbox",ol=Ts;import{jsx as ka,jsxs as Kc}from"react/jsx-runtime";var al="k-searchbox",Bc=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading],Pc={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[x.undefined,x.solid,x.flat,x.outline]},rn={showIcon:!0,showClearButton:!0,icon:"search"},$e=e=>{let{value:t,placeholder:o,size:a,rounded:n,fillMode:i,hover:l,focus:m,valid:u,invalid:f,required:N,loading:g,disabled:c,showIcon:L=rn.showIcon,showClearButton:M=rn.showClearButton,icon:k=rn.icon,"aria-label":A,...C}=e;return Kc(J,{...C,size:a,rounded:n,fillMode:i,hover:l,focus:m,valid:u,invalid:f,required:N,loading:g,disabled:c,className:s(e.className,al),children:[L&&ka(v,{className:"k-input-icon",icon:k}),ka(be,{placeholder:o,value:t,"aria-label":A}),ka(Ee,{...e}),ka(Ne,{...e}),M&&ka(Re,{...e})]})};$e.states=Bc;$e.options=Pc;$e.className=al;$e.defaultOptions=rn;$e.moduleName=Ts;$e.folderName=ol;import{jsx as yC}from"react/jsx-runtime";var Os="textbox",nl=Os;import{Fragment as sl,jsx as Bt,jsxs as Bs}from"react/jsx-runtime";var rl="k-textbox",Rc=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading,r.readonly],_c={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[x.undefined,x.solid,x.flat,x.outline]},ln={showClearButton:!0,showValidationIcon:!0,separators:!0},de=e=>{let{size:t,rounded:o,fillMode:a,separators:n=ln.separators,showClearButton:i=ln.showClearButton,showValidationIcon:l=ln.showValidationIcon,prefix:m,suffix:u,type:f,value:N,placeholder:g,hover:c,focus:L,valid:M,invalid:k,required:A,loading:C,disabled:y,readonly:z,id:le,"aria-label":Ae,"aria-describedby":pe,...fe}=e;return Bs(J,{...fe,size:t,rounded:o,fillMode:a,hover:c,focus:L,valid:M,invalid:k,required:A,loading:C,disabled:y,readonly:z,className:s(e.className,rl),children:[m&&Bs(sl,{children:[Bt(Fe,{children:m}),n&&Bt(Ve,{})]}),Bt(be,{id:le,placeholder:g,value:N,type:f,disabled:y,"aria-label":Ae,"aria-describedby":pe,"aria-invalid":k?"true":void 0}),l&&Bt(Ne,{valid:M,invalid:k,loading:C,disabled:y}),Bt(Ee,{loading:C,disabled:y}),i&&Bt(Re,{loading:C,disabled:y,readonly:z,value:N}),u&&Bs(sl,{children:[n&&Bt(Ve,{}),Bt(Ge,{children:u})]})]})};de.states=Rc;de.options=_c;de.className=rl;de.defaultOptions=ln;de.moduleName=Os;de.folderName=nl;var Ca=de;import{jsx as wc}from"react/jsx-runtime";var pn=e=>wc(Ca,{...e});import{Fragment as XC,jsx as $C}from"react/jsx-runtime";import{Fragment as QC,jsx as ZC}from"react/jsx-runtime";import{jsx as oA}from"react/jsx-runtime";import{jsx as Ps}from"react/jsx-runtime";var Dc=de.states,Hc=de.defaultOptions,zc=de.options,Uc=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],Fc=[],Mo=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(n=>{switch(n){case"prefix":a.prefix=t?.[n]?Ps(v,{icon:"lock"}):void 0;break;case"suffix":a.suffix=t?.[n]?Ps(nt,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":a.showClearButton=t?.[n];break;default:break}}),Ps(pn,{value:"Value",style:{width:300},...o,...a})};Mo.options=zc;Mo.states=Dc;Mo.variants=Fc;Mo.defaultOptions=Hc;Mo.modifiers=Uc;Mo.className=de.className;import{jsx as Pt,jsxs as Ks}from"react/jsx-runtime";var il="k-actionsheet-titlebar",Gc={},he=e=>{let{title:t,subtitle:o,actionsStart:a,actionsEnd:n,filter:i,input:l,inputValue:m,inputPlaceholder:u,adaptive:f,titleId:N,children:g,...c}=e;return Ks("div",{...c,className:s(e.className,il),children:[Ks("div",{className:"k-actionsheet-titlebar-group",children:[a&&Pt("div",{className:"k-actionsheet-actions",children:a}),!g&&Ks("div",{className:"k-actionsheet-title",id:N,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:N,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(de,{value:m,placeholder:u,size:f?"large":"medium","aria-label":t\|\|u\|\|"Input"}):Pt($e,{placeholder:"Filter",size:f?"large":"medium","aria-label":"Filter options"})})]})};he.className=il;he.defaultOptions=Gc;import{jsx as Rs,jsxs as qc}from"react/jsx-runtime";var _s="k-actionsheet-view",Vc=[],$c={},Xc={},So=e=>{let{adaptive:t,animated:o,children:a,header:n,footer:i,titleId:l,...m}=e,u=n?.type===he&&Rs(he,{adaptive:t,titleId:l,...n?.props}),f=i?.type===Ot&&Rs(Ot,{...i?.props});return qc("div",{...m,className:s(e.className,_s,{[`${_s}-animated`]:o}),children:[u,Rs("div",{className:"k-actionsheet-content",children:a}),f]})};So.states=Vc;So.options=$c;So.className=_s;So.defaultOptions=Xc;var Aa="action-sheet",dn=Aa;var ws="overlay",ll=ws;import{jsx as Zc}from"react/jsx-runtime";var pl="k-overlay",Wc=[],Jc={},Yc={},ut=e=>{let{...t}=e;return Zc("div",{...t,className:s(e.className,pl),children:e.children})};ut.states=Wc;ut.options=Jc;ut.className=pl;ut.defaultOptions=Yc;ut.moduleName=ws;ut.folderName=ll;import{jsx as mn,jsxs as eu}from"react/jsx-runtime";var dl="k-actionsheet",Qc=[],jc={},Ea={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},Y=e=>{let{side:t=Ea.side,fullscreen:o=Ea.fullscreen,adaptive:a=Ea.adaptive,overlay:n=Ea.overlay,template:i,children:l,header:m,footer:u,id:f,...N}=e,g=f&&!i&&m?`${f}-title`:void 0;return eu("div",{className:"k-actionsheet-container",children:[n&&mn(ut,{}),mn(ct,{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:mn("div",{...N,id:f,role:"dialog","aria-modal":n?"true":void 0,"aria-labelledby":g,className:s(e.className,dl,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":a}),children:i\|\|mn(So,{header:m,footer:u,adaptive:a,titleId:g,...e,children:l})})})]})};Y.states=Qc;Y.options=jc;Y.className=dl;Y.defaultOptions=Ea;Y.moduleName=Aa;Y.folderName=dn;import{jsx as nu}from"react/jsx-runtime";var ml="k-actionsheet-container",tu=[],ou={},au={},ko=e=>{let{children:t,...o}=e;return nu("div",{...o,className:ml,children:t})};ko.states=tu;ko.options=ou;ko.className=ml;ko.defaultOptions=au;ko.moduleName=Aa;ko.folderName=dn;import{jsx as su}from"react/jsx-runtime";var Ds=e=>{let{...t}=e;return su("div",{...t,className:s(e.className,"k-list-ul"),children:e.children})};import{Fragment as iu,jsx as ya,jsxs as Hs}from"react/jsx-runtime";var zs="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 Hs("span",{...u,className:s(e.className,zs,S(zs,{hover:n,focus:i,selected:l,disabled:m})),children:[!e.children&&ya(iu,{children:Hs("span",{className:"k-actionsheet-action",children:[t&&ya("span",{className:"k-icon-wrap",children:ya(v,{className:"k-actionsheet-item-icon",icon:t})}),Hs("span",{className:"k-actionsheet-item-text",children:[o&&ya("span",{className:"k-actionsheet-item-title",children:o}),a&&ya("span",{className:"k-actionsheet-item-description",children:a})]})]})}),e.children]})};Kt.states=ru;Kt.className=zs;import{jsx as tE,jsxs as oE}from"react/jsx-runtime";import{jsx as rE}from"react/jsx-runtime";import{jsx as dE}from"react/jsx-runtime";import{jsx as fE}from"react/jsx-runtime";import{jsx as se,jsxs as Us}from"react/jsx-runtime";var lu=Y.options,pu=Y.states,ul={...Y.defaultOptions,variant:"normal"},du=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],mu=[{name:"actions",title:"Titlebar Actions",type:"boolean"},{name:"subtitle",title:"Subtitle",type:"boolean"},{name:"footer",title:"Footer",type:"boolean"}],Co=e=>{let{variant:t,modifiers:o,...a}={...ul,...e},n={},i=Us(Ds,{children:[se(Kt,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),se(Kt,{text:"Add to Favorites",iconName:"heart"}),se(Kt,{text:"Upload New",iconName:"upload",disabled:!0}),se("hr",{className:"k-hr"}),se(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"?se(Y,{...a,adaptive:!0,fullscreen:n.fullScreen,header:se(he,{actionsStart:n.actionsStart?se(p,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:n.actionsEnd?se(p,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:m,subtitle:n.subtitle}),footer:n.footer?Us(Ot,{alignment:"stretched",children:[se(p,{text:"Cancel",size:"large",themeColor:"base"}),se(p,{text:"Apply",size:"large",themeColor:"primary"})]}):void 0,children:i}):se(Y,{...a,fullscreen:n.fullScreen,header:se(he,{actionsStart:n.actionsStart?se(p,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:n.actionsEnd?se(p,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:n.subtitle}),footer:n.footer?Us(Ot,{alignment:"stretched",children:[se(p,{text:"Apply",themeColor:"primary"}),se(p,{text:"Cancel",themeColor:"base"})]}):void 0,children:i})};Co.options=lu;Co.states=pu;Co.variants=du;Co.defaultOptions=ul;Co.modifiers=mu;Co.className=Y.className;var Fs="slider",fl=Fs;import{jsx as Ao,jsxs as Gs}from"react/jsx-runtime";var Ia="k-slider",cu=[r.hover,r.focus,r.active,r.disabled,r.readonly],uu={},Xe={type:"single",orientation:"horizontal",gradientType:"1d",readonly:!1,disabled:!1,handlePosition:"end",showButtons:!0,showTicks:!0,value:50,min:0,max:100},$=e=>{let{type:t=Xe.type,orientation:o=Xe.orientation,gradientType:a=Xe.gradientType,readonly:n=Xe.readonly,disabled:i=Xe.disabled,handlePosition:l=Xe.handlePosition,showButtons:m=Xe.showButtons,showTicks:u=Xe.showTicks,value:f=Xe.value,min:N=Xe.min,max:g=Xe.max,startValue:c,endValue:L,hover:M,focus:k,active:A,trackStyle:C,dir:y,...z}=e,Ae=(()=>{if(t==="gradient"&&a==="2d")return"undefined";if(o==="vertical")return"vertical"})(),pe,fe;return o==="horizontal"?(pe=y==="rtl"?"chevron-left":"chevron-right",fe=y==="rtl"?"chevron-right":"chevron-left"):o==="vertical"&&(pe="chevron-up",fe="chevron-down"),Gs("div",{...z,className:s(Ia,e.className,S(Ia,{readonly:n,disabled:i}),{[`k-slider-${o}`]:o,"k-colorgradient-slider":t==="gradient"}),dir:y,children:[m&&Ao(p,{className:"k-button-decrease",rounded:"full",icon:fe,tabIndex:-1,title:"Decrease"}),Gs("div",{className:"k-slider-track-wrap",children:[u&&Ao("ul",{className:"k-reset k-slider-items","aria-hidden":"true",children:e.children}),Gs("div",{className:"k-slider-track",style:C,children:[Ao("div",{className:"k-slider-selection"}),t==="range"&&Ao("span",{className:s("k-draghandle","k-draghandle-start",S(Ia,{hover:M,focus:k,active:A})),role:"slider",tabIndex:i?void 0:0,"aria-valuenow":c??N,"aria-valuemin":N,"aria-valuemax":L??g,"aria-orientation":Ae,"aria-disabled":i?"true":void 0,"aria-readonly":n?"true":void 0,"aria-label":z["aria-label"]?`${z["aria-label"]} start`:"Range start"}),Ao("span",{className:s("k-draghandle",`k-draghandle-${l}`,S(Ia,{hover:M,focus:k,active:A})),role:"slider",tabIndex:i?void 0:0,"aria-valuenow":t==="range"?L??g:f,"aria-valuemin":t==="range"?c??N:N,"aria-valuemax":g,"aria-orientation":Ae,"aria-disabled":i?"true":void 0,"aria-readonly":n?"true":void 0,"aria-label":t==="range"?z["aria-label"]?`${z["aria-label"]} end`:"Range end":z["aria-label"]})]})]}),m&&Ao(p,{className:"k-button-increase",rounded:"full",icon:pe,tabIndex:-1,title:"Increase"})]})};$.states=cu;$.options=uu;$.className=Ia;$.defaultOptions=Xe;$.moduleName=Fs;$.folderName=fl;import{jsx as bl}from"react/jsx-runtime";var xl="k-tick",fu=[],bu={},Nl={label:!1},I=e=>{let{style:t,label:o=Nl.label,orientation:a,large:n,text:i,...l}=e;return bl("li",{...l,role:"presentation",title:i\|\|"Tick",className:s(e.className,xl,{[`k-tick-${a}`]:a,"k-tick-large":n}),style:t,children:o&&bl("span",{className:"k-label",children:i})})};I.states=fu;I.options=bu;I.className=xl;I.defaultOptions=Nl;import{Fragment as xu,jsx as qe,jsxs as Nu}from"react/jsx-runtime";var hl=e=>qe($,{"aria-label":e["aria-label"]\|\|"Slider",children:Nu(xu,{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 hu,jsx as We,jsxs as vu}from"react/jsx-runtime";var vl=e=>We($,{children:vu(hu,{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 oy,jsx as ty,jsxs as ay}from"react/jsx-runtime";import{Fragment as ly,jsx as iy,jsxs as py}from"react/jsx-runtime";import{jsx as gu}from"react/jsx-runtime";var Vs=e=>gu($,{type:"gradient",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]\|\|"Color slider"});import{jsx as Lu}from"react/jsx-runtime";var $s=e=>Lu($,{type:"gradient",orientation:"vertical",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]\|\|"Color slider"});import{Fragment as gy,jsx as vy,jsxs as Ly}from"react/jsx-runtime";import{Fragment as Ay,jsx as Cy,jsxs as Ey}from"react/jsx-runtime";import{jsx as ft,jsxs as gl}from"react/jsx-runtime";var Mu=$.options,Su=$.states,Ll={...$.defaultOptions,variant:"horizontal",label:!0},ku=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],Cu=[{name:"label",title:"Labels",default:!0},{name:"tick",title:"Ticks",default:!0},{name:"button",title:"Side Buttons",default:!0}],Eo=e=>{let{variant:t,modifiers:o,...a}=e,n=Ll.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"?gl(vl,{style:{height:"300px",...l},...a,...i,children:[ft(I,{label:n,large:!0,orientation:"vertical",text:"0",style:{position:"absolute",bottom:"0%"}}),ft(I,{label:n,large:!0,orientation:"vertical",text:"2",style:{position:"absolute",bottom:"25%"}}),ft(I,{label:n,large:!0,orientation:"vertical",text:"4",style:{position:"absolute",bottom:"50%"}}),ft(I,{label:n,large:!0,orientation:"vertical",text:"6",style:{position:"absolute",bottom:"75%"}}),ft(I,{label:n,large:!0,orientation:"vertical",text:"8",style:{position:"absolute",bottom:"100%"}})]}):gl(hl,{style:{width:"400px",...l},...a,...i,children:[ft(I,{label:n,large:!0,orientation:"horizontal",text:"0",style:{position:"absolute",left:"0%"}}),ft(I,{label:n,large:!0,orientation:"horizontal",text:"2",style:{position:"absolute",left:"25%"}}),ft(I,{label:n,large:!0,orientation:"horizontal",text:"4",style:{position:"absolute",left:"50%"}}),ft(I,{label:n,large:!0,orientation:"horizontal",text:"6",style:{position:"absolute",left:"75%"}}),ft(I,{label:n,large:!0,orientation:"horizontal",text:"8",style:{position:"absolute",left:"100%"}})]})};Eo.options=Mu;Eo.states=Su;Eo.variants=ku;Eo.defaultOptions=Ll;Eo.modifiers=Cu;Eo.className=$.className;import{jsx as Ml,jsxs as Tu}from"react/jsx-runtime";var Sl="k-spin-button",yu=[],Iu={size:[d.undefined,d.small,d.medium,d.large],fillMode:[x.undefined,x.solid,x.flat,x.outline,x.clear,x.link]},Xs={increaseLabel:"Increase value",decreaseLabel:"Decrease value"},Rt=e=>{let{size:t,fillMode:o,disabled:a,increaseLabel:n=Xs.increaseLabel,decreaseLabel:i=Xs.decreaseLabel,...l}=e;return Tu("span",{...l,className:s(Sl,e.className),children:[Ml(p,{className:"k-spinner-increase",icon:"chevron-up",size:t,fillMode:o,disabled:a,"aria-label":n}),Ml(p,{className:"k-spinner-decrease",icon:"chevron-down",size:t,fillMode:o,disabled:a,"aria-label":i})]})};Rt.states=yu;Rt.options=Iu;Rt.className=Sl;Rt.defaultOptions=Xs;Rt.moduleName=null;Rt.folderName=null;var kl="numeric-textbox",Cl="numerictextbox";import{Fragment as Al,jsx as Mt,jsxs as qs}from"react/jsx-runtime";var El="k-numerictextbox",Ou=[r.hover,r.focus,r.valid,r.invalid,r.loading,r.required,r.disabled,r.readonly],Bu={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[x.undefined,x.solid,x.flat,x.outline]},cn={showSpinButton:!0,showClearButton:!0,separators:!0},D=e=>{let{size:t,rounded:o,fillMode:a,separators:n=cn.separators,showClearButton:i=cn.showClearButton,showSpinButton:l=cn.showSpinButton,prefix:m,suffix:u,value:f,placeholder:N,hover:g,focus:c,valid:L,invalid:M,required:k,loading:A,disabled:C,readonly:y,id:z,"aria-label":le,"aria-describedby":Ae,...pe}=e;return qs(J,{...pe,size:t,rounded:o,fillMode:a,hover:g,focus:c,valid:L,invalid:M,required:k,loading:A,disabled:C,readonly:y,className:s(e.className,El),children:[m&&qs(Al,{children:[Mt(Fe,{children:m}),n&&Mt(Ve,{})]}),Mt(be,{id:z,placeholder:N,value:f,role:"spinbutton",disabled:C,"aria-label":le,"aria-describedby":Ae,"aria-invalid":M?"true":void 0}),Mt(Ne,{valid:L,invalid:M,loading:A,disabled:C}),Mt(Ee,{loading:A,disabled:C}),i&&Mt(Re,{loading:A,disabled:C,readonly:y,value:f}),u&&qs(Al,{children:[n&&Mt(Ve,{}),Mt(Ge,{children:u})]}),l&&Mt(Rt,{className:"k-input-spinner",size:t,fillMode:a,disabled:C})]})};D.states=Ou;D.options=Bu;D.className=El;D.defaultOptions=cn;D.moduleName=kl;D.folderName=Cl;var Ta=D;import{jsx as Pu}from"react/jsx-runtime";var yl=e=>Pu(Ta,{...e});import Js from"react";import{jsx as Il}from"react/jsx-runtime";var Ku="k-list-group-sticky-header",Ws=e=>Il("div",{className:s(Ku,e.className),children:Il("div",{className:"k-list-header-text",children:e.children})});import{jsx as _u}from"react/jsx-runtime";var Ru="k-no-data",un=e=>{let{live:t,...o}=e;return _u("span",{...o,className:s(Ru,e.className),"aria-live":t?"polite":void 0,children:e.children})};var Zt="list",yo=Zt;import{jsx as Tl,jsxs as Ol}from"react/jsx-runtime";var Ys="k-list",wu=[],Du={size:[d.undefined,d.small,d.medium,d.large]},Hu={},K=e=>{let{size:t,virtualization:o,children:a,header:n,selectAll:i,optionLabel:l,customValue:m,noData:u,screenReaders:f,...N}=e,c=Js.Children.toArray(a)[0],L=c?.props?.children?Js.Children.count(c.props.children):Js.Children.count(a);return Ol("div",{...N,className:s(e.className,Ys,E(Ys,{size:t}),{"k-virtual-list":o}),children:[l,i,m,n&&Tl(Ws,{children:n}),a\|\|(u!==void 0?u:Tl(un,{live:!0,children:"No data found."})),f&&a&&Ol(un,{className:"k-sr-only",live:!0,children:[L," items found."]})]})};K.states=wu;K.options=Du;K.className=Ys;K.defaultOptions=Hu;K.moduleName=Zt;K.folderName=yo;import{jsx as Gu}from"react/jsx-runtime";var Bl="k-list-container",zu=[],Uu={},Fu={},Io=e=>{let{...t}=e;return Gu("div",{...t,className:s(e.className,Bl),children:e.children})};Io.states=zu;Io.options=Uu;Io.className=Bl;Io.defaultOptions=Fu;Io.moduleName=Zt;Io.folderName=yo;var Qt="checkbox",To=Qt;import{jsx as Pl}from"react/jsx-runtime";var fn="k-checkbox",Vu=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.checked,r.indeterminate],$u={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full]},Xu={},we=e=>{let{id:t,checked:o,indeterminate:a,hover:n,focus:i,disabled:l,invalid:m,valid:u,required:f,size:N,rounded:g,wrapperRole:c,...L}=e;return Pl("span",{className:"k-checkbox-wrap",role:c,children:Pl("input",{...L,id:t,type:"checkbox",defaultChecked:o,required:f,disabled:l\|\|void 0,"aria-invalid":m?"true":void 0,className:s(e.className,fn,E(fn,{size:N,rounded:g}),S(fn,{hover:n,focus:i,disabled:l,invalid:m,valid:u,indeterminate:a,checked:o}))})})};we.states=Vu;we.options=$u;we.className=fn;we.defaultOptions=Xu;we.moduleName=Qt;we.folderName=To;var st=we;import{jsx as Ju}from"react/jsx-runtime";var Kl="k-checkbox-list",qu=[],Wu={},Rl={layout:"vertical"},ve=e=>{let{layout:t=Rl.layout,...o}=e;return Ju("ul",{...o,className:s(e.className,Kl,{[`k-list-${t}`]:t}),children:e.children})};ve.states=qu;ve.options=Wu;ve.className=Kl;ve.defaultOptions=Rl;ve.moduleName=Qt;ve.folderName=To;import{jsx as ju}from"react/jsx-runtime";var _l="k-checkbox-list-item",Yu=[],Zu={},Qu={},ge=e=>{let{...t}=e;return ju("li",{...t,className:s(e.className,_l),children:e.children})};ge.states=Yu;ge.options=Zu;ge.className=_l;ge.defaultOptions=Qu;ge.moduleName=Qt;ge.folderName=To;import{Fragment as ef,jsx as wl,jsxs as tf}from"react/jsx-runtime";var St=({children:e="Label",id:t="cb-label-after",...o})=>tf(ef,{children:[wl(st,{id:t,...o}),wl("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});import{Fragment as ZI,jsx as YI,jsxs as QI}from"react/jsx-runtime";import{Fragment as aT,jsx as oT,jsxs as nT}from"react/jsx-runtime";import{Fragment as pT,jsx as lT,jsxs as dT}from"react/jsx-runtime";import{jsx as fT}from"react/jsx-runtime";import{jsx as hT}from"react/jsx-runtime";import{jsx as MT}from"react/jsx-runtime";import{jsx as Je,jsxs as Dl}from"react/jsx-runtime";var of=ve.options,af=ve.states,nf={...ve.defaultOptions,variant:"vertical"},sf=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],rf=[],Oo=e=>{let{variant:t,...o}=e;return t==="horizontal"?Dl(ve,{layout:"horizontal",...o,children:[Je(ge,{children:Je(St,{id:B("cb"),defaultChecked:!0,children:"Label"})}),Je(ge,{children:Je(St,{id:B("cb"),children:"Label"})}),Je(ge,{children:Je(St,{id:B("cb"),children:"Label"})})]}):Dl(ve,{...o,children:[Je(ge,{children:Je(St,{id:B("cb"),defaultChecked:!0,children:"Label"})}),Je(ge,{children:Je(St,{id:B("cb"),children:"Label"})}),Je(ge,{children:Je(St,{id:B("cb"),children:"Label"})})]})};Oo.options=of;Oo.states=af;Oo.variants=sf;Oo.defaultOptions=nf;Oo.modifiers=rf;Oo.className=ve.className;import{jsx as uf}from"react/jsx-runtime";var lf=st.options,pf=st.states,df=st.defaultOptions,mf=[],cf=[],Bo=e=>uf(St,{id:B("checkbox"),...e,defaultChecked:!0,children:"Label"});Bo.options=lf;Bo.states=pf;Bo.variants=mf;Bo.defaultOptions=df;Bo.modifiers=cf;Bo.className=st.className;import{jsx as Po,jsxs as Nf}from"react/jsx-runtime";var Zs="k-list-item",ff=[r.hover,r.focus,r.selected,r.disabled],bf={},xf={},O=e=>{let{text:t,iconName:o,iconClassName:a,showCheckbox:n,checked:i,hover:l,focus:m,selected:u,disabled:f,actions:N,description:g,id:c,...L}=e,M=t\|\|e.children,k=t\|\|(typeof M=="string"?M:void 0);return Nf("li",{...L,id:c,role:"option",tabIndex:m?0:-1,"aria-selected":u?"true":"false","aria-disabled":f?"true":void 0,className:s(e.className,Zs,S(Zs,{hover:l,focus:m,disabled:f,selected:u})),children:[n&&Po(we,{checked:i,disabled:f,"aria-label":k,tabIndex:-1}),o&&Po("span",{className:"k-list-item-icon-wrapper",children:Po(v,{icon:o,className:s("k-list-item-icon",a)})}),Po("span",{className:"k-list-item-text",children:M}),N&&Po("div",{className:"k-list-item-actions",children:N}),g&&Po("span",{className:"k-list-item-description",children:g})]})};O.states=ff;O.options=bf;O.className=Zs;O.defaultOptions=xf;O.moduleName=Zt;O.folderName=yo;import{jsx as vf}from"react/jsx-runtime";var hf="k-list-ul",_t=e=>{let{children:t,role:o,id:a,...n}=e;return vf("ul",{...n,id:a,role:o,className:s(hf,e.className),children:t})};import{jsx as Qs,jsxs as Lf}from"react/jsx-runtime";var gf="k-list-content",U=e=>{let{virtualization:t,grouping:o,"aria-label":a,"aria-labelledby":n,listboxId:i,...l}=e;return Lf("div",{...l,className:s(gf,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:Qs(_t,{role:"listbox",id:i,"aria-label":a,"aria-labelledby":n,children:e.children}),t&&Qs("div",{className:"k-height-container",children:Qs("div",{})})]})};import{jsx as js,jsxs as Cf}from"react/jsx-runtime";var bn="k-list-sticky-header",Mf=[r.hover,r.focus,r.selected],Sf={},kf={},xn=e=>{let{label:t="Select all",showCheckbox:o=!0,checked:a,indeterminate:n,hover:i,focus:l,selected:m,...u}=e;return js("div",{...u,className:s(bn,e.className),children:Cf("div",{className:s(`${bn}-item`,S(`${bn}-item`,{hover:i,focus:l,selected:m})),"aria-label":t,...!o&&{tabIndex:0,"aria-selected":m?"true":"false"},children:[o&&js(we,{checked:a,indeterminate:n,"aria-label":t}),js("span",{className:"k-list-item-text",children:t})]})})};xn.states=Mf;xn.options=Sf;xn.className=bn;xn.defaultOptions=kf;import{Fragment as xO,jsx as bO,jsxs as NO}from"react/jsx-runtime";import{jsx as MO,jsxs as SO}from"react/jsx-runtime";import{jsx as If}from"react/jsx-runtime";var er="k-list-optionlabel",Af=[r.hover,r.focus,r.selected,r.disabled],Ef={},yf={},Nn=e=>{let{text:t,hover:o,focus:a,selected:n,disabled:i,...l}=e;return If("div",{...l,className:s(er,S(er,{hover:o,focus:a,selected:n,disabled:i})),children:t})};Nn.states=Af;Nn.options=Ef;Nn.className=er;Nn.defaultOptions=yf;import{jsx as Pf}from"react/jsx-runtime";var tr="k-list-custom-value",Tf=[r.hover,r.focus,r.selected,r.disabled],Of={},Bf={},wt=e=>{let{text:t,hover:o,focus:a,selected:n,disabled:i,...l}=e;return Pf("div",{...l,className:s(tr,S(tr,{hover:o,focus:a,selected:n,disabled:i})),children:t})};wt.states=Tf;wt.options=Of;wt.className=tr;wt.defaultOptions=Bf;import{Fragment as RO,jsx as KO,jsxs as _O}from"react/jsx-runtime";import{Fragment as FO,jsx as UO,jsxs as GO}from"react/jsx-runtime";import{Fragment as YO,jsx as WO,jsxs as JO}from"react/jsx-runtime";import{Fragment as aB,jsx as tB,jsxs as oB}from"react/jsx-runtime";import{jsx as iB}from"react/jsx-runtime";import{Fragment as uB,jsx as cB,jsxs as fB}from"react/jsx-runtime";import{Fragment as gB,jsx as vB,jsxs as LB}from"react/jsx-runtime";var Hl="dropdown-list",zl="dropdownlist";import{Fragment as _f,jsx as Le,jsxs as or}from"react/jsx-runtime";var Ul="k-dropdownlist",Kf=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading,r.readonly],Rf={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[x.undefined,x.solid,x.flat,x.outline]},ar={showValue:!0,arrowIconName:"chevron-down"},ne=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:n=ar.arrowIconName,showValue:i=ar.showValue,valueIconName:l,prefix:m,suffix:u,value:f,placeholder:N,hover:g,focus:c,valid:L,invalid:M,required:k,loading:A,disabled:C,readonly:y,popup:z,opened:le,adaptive:Ae,adaptiveSettings:pe,adaptiveTitle:fe,adaptiveSubtitle:Zn,adaptiveFilter:Xt,id:qt,activeDescendant:fa,"aria-label":Qn,...jn}=e,es=qt?`${qt}-listbox`:void 0,ii=qt?`${qt}-value`:void 0;return or(_f,{children:[or(dt,{...jn,id:qt,size:t,rounded:o,fillMode:a,hover:g,focus:c,valid:L,invalid:M,required:k,loading:A,disabled:C,readonly:y,className:s(e.className,Ul,{"k-icon-picker":!i&&l}),role:"combobox","aria-haspopup":"listbox","aria-expanded":le?"true":"false","aria-controls":le?es:void 0,"aria-activedescendant":le&&fa?fa:void 0,"aria-describedby":le?ii:void 0,"aria-disabled":C?"true":void 0,"aria-label":Qn,tabIndex:0,children:[Le(Fe,{children:m}),Le(Yt,{placeholder:N,value:f,showValue:i,valueIconName:l,id:ii}),Le(Ne,{valid:L,invalid:M,loading:A,disabled:C}),Le(Ee,{loading:A,disabled:C}),Le(Ge,{children:u}),Le(p,{className:"k-input-button",icon:n,size:e.size,fillMode:e.fillMode,"aria-label":N\|\|"Toggle dropdown",tabIndex:-1})]}),le&&z&&Le(q,{className:"k-list-container k-dropdownlist-popup",containerRole:"region",containerAriaLabel:"Dropdown suggestions",children:z}),Ae&&Le(Y,{adaptive:!0,...pe,header:Le(he,{actionsEnd:Le(p,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),filter:Xt,inputValue:f,inputPlaceholder:N,title:fe,subtitle:Zn}),children:Le("div",{className:"k-list-container",children:Le(K,{size:"large",children:or(U,{"aria-label":"Options",children:[Le(O,{text:"List item"}),Le(O,{text:"List item"}),Le(O,{text:"List item"})]})})})})]})};ne.states=Kf;ne.options=Rf;ne.className=Ul;ne.defaultOptions=ar;ne.moduleName=Hl;ne.folderName=zl;import{jsx as oP}from"react/jsx-runtime";import{jsx as lP,jsxs as pP}from"react/jsx-runtime";import{Fragment as hP,jsx as xP,jsxs as NP}from"react/jsx-runtime";import{jsx as SP}from"react/jsx-runtime";import{jsx as IP,jsxs as TP}from"react/jsx-runtime";import{Fragment as HP,jsx as wP,jsxs as DP}from"react/jsx-runtime";import{jsx as VP}from"react/jsx-runtime";import{Fragment as Ff,jsx as Dt,jsxs as Fl}from"react/jsx-runtime";var wf=ne.states,Df=ne.defaultOptions,Hf=ne.options,zf=[{name:"opened",title:"Opened"}],Uf=[],Ro=e=>{let{modifiers:t,...o}=e,a={},n=Fl(Ff,{children:[Dt("div",{className:"k-list-filter",children:Dt($e,{})}),Dt(K,{style:{width:300},size:o.size,children:Fl(U,{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})})};Ro.options=Hf;Ro.states=wf;Ro.variants=Uf;Ro.defaultOptions=Df;Ro.modifiers=zf;Ro.className=ne.className;import{Fragment as cK,jsx as mK}from"react/jsx-runtime";import{Fragment as hK,jsx as NK}from"react/jsx-runtime";import{jsx as MK}from"react/jsx-runtime";import{jsx as nr}from"react/jsx-runtime";var Gf=D.states,Vf=D.defaultOptions,$f=D.options,Xf=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"spin-button",title:"`Spin` Button"}],qf=[],_o=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(n=>{switch(n){case"prefix":a.prefix=t?.[n]?nr(ne,{size:o.size,fillMode:"flat",value:"mm"}):void 0;break;case"suffix":a.suffix=t?.[n]?nr(Ss,{children:"mm"}):void 0;break;case"clear-button":a.showClearButton=t?.[n];break;case"spin-button":a.showSpinButton=t?.[n];break;default:break}}),nr(yl,{value:"Value",style:{width:300},...o,...a})};_o.options=$f;_o.states=Gf;_o.variants=qf;_o.defaultOptions=Vf;_o.modifiers=Xf;_o.className=D.className;import{Fragment as Ba,jsx as P,jsxs as Z}from"react/jsx-runtime";var Gl="k-colorgradient-inputs",Wf=[],Jf={size:[d.undefined,d.small,d.medium,d.large]},Vl={mode:"rgba"},wo=e=>{let{mode:t=Vl.mode,size:o,...a}=e;return Z("div",{...a,className:s(Gl,"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(Ba,{children:[Z("div",{className:"k-vstack",children:[P(D,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Red channel"}),P("label",{className:"k-colorgradient-input-label",children:"R"})]}),Z("div",{className:"k-vstack",children:[P(D,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Green channel"}),P("label",{className:"k-colorgradient-input-label",children:"G"})]}),Z("div",{className:"k-vstack",children:[P(D,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Blue channel"}),P("label",{className:"k-colorgradient-input-label",children:"B"})]}),Z("div",{className:"k-vstack",children:[P(D,{showSpinButton:!1,showClearButton:!1,value:"1.00",size:o,"aria-label":"Alpha channel"}),P("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="rgb"&&Z(Ba,{children:[Z("div",{className:"k-vstack",children:[P(D,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Red channel"}),P("label",{className:"k-colorgradient-input-label",children:"R"})]}),Z("div",{className:"k-vstack",children:[P(D,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Green channel"}),P("label",{className:"k-colorgradient-input-label",children:"G"})]}),Z("div",{className:"k-vstack",children:[P(D,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Blue channel"}),P("label",{className:"k-colorgradient-input-label",children:"B"})]})]}),t==="hsva"&&Z(Ba,{children:[Z("div",{className:"k-vstack",children:[P(D,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),P("label",{className:"k-colorgradient-input-label",children:"H"})]}),Z("div",{className:"k-vstack",children:[P(D,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),P("label",{className:"k-colorgradient-input-label",children:"S"})]}),Z("div",{className:"k-vstack",children:[P(D,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),P("label",{className:"k-colorgradient-input-label",children:"V"})]}),Z("div",{className:"k-vstack",children:[P(D,{showSpinButton:!1,showClearButton:!1,value:"1.00","aria-label":"Alpha channel"}),P("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="hsv"&&Z(Ba,{children:[Z("div",{className:"k-vstack",children:[P(D,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),P("label",{className:"k-colorgradient-input-label",children:"H"})]}),Z("div",{className:"k-vstack",children:[P(D,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),P("label",{className:"k-colorgradient-input-label",children:"S"})]}),Z("div",{className:"k-vstack",children:[P(D,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),P("label",{className:"k-colorgradient-input-label",children:"V"})]})]}),t==="hex"&&P(Ba,{children:Z("div",{className:"k-vstack k-flex-1",children:[P(de,{showClearButton:!1,value:"#b88484AA",className:"k-hex-value"}),P("label",{className:"k-colorgradient-input-label",children:"HEX"})]})})]})};wo.states=Wf;wo.options=Jf;wo.className=Gl;wo.defaultOptions=Vl;import{jsx as jt,jsxs as eo}from"react/jsx-runtime";var $l="k-colorgradient-color-contrast",Yf=[],Zf={},Qf={},Do=()=>eo("div",{className:s($l,"k-vbox"),children:[eo("div",{className:"k-contrast-ratio",children:[jt("span",{className:"k-contrast-ratio-text",children:"Contrast ratio: 7.1"}),eo("span",{className:"k-contrast-validation !k-text-success",children:[jt(v,{icon:"check"}),jt(v,{icon:"check"})]})]}),eo("div",{children:[jt("span",{children:"AA: 4.5"}),eo("span",{className:"k-contrast-validation !k-text-success",children:["Pass",jt(v,{icon:"check"})]})]}),eo("div",{children:[jt("span",{children:"AAA: 7.0"}),eo("span",{className:"k-contrast-validation !k-text-error",children:["Fail",jt(v,{icon:"x"})]})]})]});Do.states=Yf;Do.options=Zf;Do.className=$l;Do.defaultOptions=Qf;var Xl="color-gradient",ql="colorgradient";import{jsx as Ye,jsxs as Pa}from"react/jsx-runtime";var hn="k-colorgradient",jf=[r.hover,r.focus,r.readonly,r.disabled],eb={size:[d.undefined,d.small,d.medium,d.large]},bt={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"},re=e=>{let{size:t,mode:o=bt.mode,readonly:a=bt.readonly,disabled:n=bt.disabled,gradientStyle:i=bt.gradientStyle,dragHandleStyle:l=bt.dragHandleStyle,alphaStyle:m=bt.alphaStyle,alphaStyleHorizontal:u=bt.alphaStyleHorizontal,contrast:f=bt.contrast,dir:N,hover:g,focus:c,hoverHandle:L,focusHandle:M,canvasOrientation:k=bt.canvasOrientation,role:A,tabIndex:C,...y}=e;return Pa("div",{...y,role:A??"textbox","aria-label":A==="none"?void 0:"Color gradient",tabIndex:C??0,"aria-disabled":n?"true":void 0,className:s(e.className,hn,E(hn,{size:t}),S(hn,{hover:g,focus:c,readonly:a,disabled:n})),dir:N,children:[!k\|\|k==="horizontal"&&Pa("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})})}),Pa("div",{className:"k-hsv-controls k-hstack",children:[Ye($s,{className:"k-hue-slider",hover:L,focus:M}),o!=="rgb"&&o!=="hsv"&&Ye($s,{className:"k-alpha-slider",hover:L,focus:M,trackStyle:m})]})]}),k==="vertical"&&Pa("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})})}),Pa("div",{className:"k-hsv-controls k-vstack",children:[Ye(Vs,{className:"k-hue-slider",hover:L,focus:M}),o!=="rgb"&&o!=="hsv"&&Ye(Vs,{className:"k-alpha-slider",hover:L,focus:M,trackStyle:u})]})]}),Ye(wo,{mode:e.mode,size:t}),f&&Ye(Do,{})]})};re.states=jf;re.options=eb;re.className=hn;re.defaultOptions=bt;re.moduleName=Xl;re.folderName=ql;import{jsx as tb}from"react/jsx-runtime";var vn=e=>tb(re,{...e});import{jsx as iR}from"react/jsx-runtime";import{jsx as mR}from"react/jsx-runtime";import{jsx as sr}from"react/jsx-runtime";var ob=re.options,ab=re.states,nb={...re.defaultOptions,variant:"rgba"},sb=[{name:"rgba",title:"RGBA"},{name:"rgb",title:"RGB"},{name:"hex",title:"HEX"}],rb=[],Ho=e=>{let{variant:t,...o}=e;switch(t){case"hex":return sr(vn,{...o,mode:t});case"rgb":return sr(vn,{...o,mode:t});default:return sr(vn,{...o,mode:t})}};Ho.options=ob;Ho.states=ab;Ho.variants=sb;Ho.defaultOptions=nb;Ho.modifiers=rb;Ho.className=re.className;import{jsx as ib}from"react/jsx-runtime";var rr=e=>ib("tr",{role:"row",children:e.children});import{jsx as db}from"react/jsx-runtime";var ir="k-colorpalette-tile",lb=[r.hover,r.focus,r.selected],pb={},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 db("td",{...l,role:"gridcell","aria-label":t,"aria-selected":i?"true":void 0,className:s(e.className,ir,S(ir,{hover:a,focus:n,selected:i})),style:m})};Ht.states=lb;Ht.options=pb;Ht.className=ir;Ht.moduleName=null;Ht.folderName=null;var Wl="color-palette",Jl="colorpalette";import{jsx as Ka}from"react/jsx-runtime";var gn="k-colorpalette",mb=[r.disabled],cb={size:[d.undefined,d.small,d.medium,d.large]},Yl={columns:10},ye=e=>{let{size:t,palette:o,columns:a=Yl.columns,tileSize:n,disabled:i,...l}=e,m=[];if(o){let u=a\|\|o.columns,f=o.colors?o.colors:o;Array.isArray(f)&&Array.from({length:Math.ceil(f.length/u)},(N,g)=>{let c=[];f.slice(gu,(g+1)*u).map((M,k)=>{c.push(Ka(Ht,{color:M,tileSize:n},k))});let L=Ka(rr,{children:c},g);m.push(L)})}return Ka("div",{...l,role:"grid","aria-label":"Color palette",tabIndex:0,"aria-disabled":i?"true":void 0,className:s(e.className,gn,S(gn,{disabled:i}),E(gn,{size:t})),children:Ka("table",{className:"k-colorpalette-table",role:"none",children:Ka("tbody",{children:m.length>0?m:e.children})})})};ye.states=mb;ye.options=cb;ye.className=gn;ye.defaultOptions=Yl;ye.moduleName=Wl;ye.folderName=Jl;var Ln=ye;var Ra={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 ub}from"react/jsx-runtime";var Zl=e=>ub(Ln,{palette:Ra.basic,...e});import{jsx as XR}from"react/jsx-runtime";import{jsx as QR,jsxs as jR}from"react/jsx-runtime";import{jsx as gb}from"react/jsx-runtime";var fb=ye.options,bb=ye.states,xb={...ye.defaultOptions,variant:"basic"},Nb=[{name:"basic",title:"Basic"},{name:"monochrome",title:"Monochrome"}],hb={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}},vb=[],zo=e=>{let{variant:t="basic",...o}=e,a=hb[t];return gb(Zl,{columns:a.columns,palette:a,...o})};zo.options=fb;zo.states=bb;zo.variants=Nb;zo.defaultOptions=xb;zo.modifiers=vb;zo.className=ye.className;var Ql="color-editor",jl="coloreditor";import{jsx as Ze,jsxs as Uo}from"react/jsx-runtime";var Mn="k-coloreditor",Lb=[r.focus],Mb={size:[d.undefined,d.small,d.medium,d.large]},_a={view:"gradient",palette:Ra.office,actionButtons:!0,canvasOrientation:"horizontal"},Q=e=>{let{size:t,view:o=_a.view,palette:a=_a.palette,color:n,currentColor:i,focus:l,focusView:m,dir:u,group:f,actionButtons:N=_a.actionButtons,canvasOrientation:g=_a.canvasOrientation,...c}=e;return Uo("div",{...c,role:"textbox","aria-label":"Color editor",tabIndex:0,className:s(e.className,"k-flatcolorpicker",Mn,E(Mn,{size:t}),S(Mn,{focus:l})),dir:u,children:[Uo("div",{className:"k-coloreditor-header k-hstack",children:[Ze("div",{className:"k-coloreditor-header-actions k-hstack",children:f&&Uo(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"}),Uo("div",{className:"k-coloreditor-header-actions k-hstack",children:[Ze(p,{fillMode:"flat",icon:"droplet-slash",size:t,"aria-label":"Reset color"}),Uo("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(re,{focus:m,size:t,canvasOrientation:g,role:"none",tabIndex:-1}):Ze(ye,{palette:a,size:t})}),N&&Uo(_e,{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=Lb;Q.options=Mb;Q.className=Mn;Q.defaultOptions=_a;Q.moduleName=Ql;Q.folderName=jl;var Fo=Q;import{jsx as y_}from"react/jsx-runtime";import{jsx as B_}from"react/jsx-runtime";import{jsx as Sb}from"react/jsx-runtime";var ep=e=>Sb(Fo,{group:!0,currentColor:"fuchsia",...e});import{jsx as kb}from"react/jsx-runtime";var tp=e=>kb(Fo,{view:"palette",group:!0,currentColor:"fuchsia",...e});import{jsx as op}from"react/jsx-runtime";var Cb=Q.options,Ab=Q.states,Eb={...Q.defaultOptions,variant:"gradient"},yb=[{name:"gradient",title:"Gradient"},{name:"palette",title:"Palette"}],Ib=[],Go=e=>{let{variant:t,...o}=e;return t==="palette"?op(tp,{...o,color:"white"}):op(ep,{...o,color:"rgba(183, 118 , 118, 1.00)"})};Go.options=Cb;Go.states=Ab;Go.variants=yb;Go.defaultOptions=Eb;Go.modifiers=Ib;Go.className=Q.className;var ap="color-picker",np="colorpicker";import{Fragment as Bb,jsx as Qe,jsxs as lr}from"react/jsx-runtime";var sp="k-colorpicker",Tb=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled],Ob={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[x.undefined,x.solid,x.flat,x.outline]},rp={arrowIconName:"chevron-down"},je=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:n=rp.arrowIconName,prefix:i,suffix:l,value:m,placeholder:u,hover:f,focus:N,valid:g,invalid:c,required:L,disabled:M,valueIconName:k,popup:A,opened:C,adaptive:y,adaptiveSettings:z,adaptiveTitle:le,adaptiveSubtitle:Ae,...pe}=e,fe="colorpicker-popup";return lr(Bb,{children:[lr(dt,{...pe,size:t,rounded:o,fillMode:a,hover:f,focus:N,valid:g,invalid:c,required:L,disabled:M,role:"combobox","aria-haspopup":"dialog","aria-expanded":C?"true":"false","aria-controls":C\|\|y?fe:void 0,"aria-label":"Color picker",tabIndex:0,"aria-disabled":M?"true":void 0,className:s(e.className,sp,"k-icon-picker"),children:[Qe(Fe,{children:i}),Qe(Yt,{placeholder:u,value:m,showValue:!1,valueIcon:Qe(Tt,{className:"k-value-icon",color:m,iconName:k}),valueIconName:k}),Qe(Ge,{children:l}),Qe(p,{className:"k-input-button",icon:n,size:t,fillMode:a,tabIndex:-1,"aria-label":"Open color picker",disabled:M})]}),C&&A&&Qe(q,{id:fe,className:"k-colorpicker-popup",children:A}),y&&Qe(Y,{adaptive:!0,id:fe,...z,header:Qe(he,{actionsEnd:Qe(p,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply"}),title:le,subtitle:Ae}),footer:lr(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=Tb;je.options=Ob;je.className=sp;je.defaultOptions=rp;je.moduleName=ap;je.folderName=np;var kt=je;import{jsx as Pb}from"react/jsx-runtime";var Sn=e=>Pb(kt,{...e});import{jsx as b0}from"react/jsx-runtime";import{jsx as g0}from"react/jsx-runtime";import{jsx as k0}from"react/jsx-runtime";import{jsx as y0}from"react/jsx-runtime";import{jsx as B0}from"react/jsx-runtime";import{jsx as _0}from"react/jsx-runtime";import{jsx as to}from"react/jsx-runtime";var Kb=kt.options,Rb=kt.states,ip={...kt.defaultOptions,variant:"color"},_b=[{name:"color",title:"Color",default:!0},{name:"no color",title:"No color"},{name:"icon",title:"Icon"}],wb=[{name:"opened",title:"Opened"}],Vo=e=>{let{variant:t,modifiers:o,...a}={...ip,...e},n={};Object.keys(o\|\|{}).forEach(l=>{l==="opened"&&(n.opened=!!o?.[l],n.popup=o?.[l]?to(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 to("div",{style:i,children:to(Sn,{...a,...n})});case"icon":return to("div",{style:i,children:to(Sn,{value:"rgba(183, 118 , 118, 1.00)",valueIconName:"edit-tools",...a,...n})});default:return to("div",{style:i,children:to(Sn,{value:"rgba(183, 118 , 118, 1.00)",...a,...n})})}};Vo.options=Kb;Vo.states=Rb;Vo.variants=_b;Vo.defaultOptions=ip;Vo.modifiers=wb;Vo.className=kt.className;var pr="combobox",lp=pr;import{Fragment as dr,jsx as ae,jsxs as wa}from"react/jsx-runtime";var pp="k-combobox",Db=[r.hover,r.focus,r.valid,r.invalid,r.loading,r.required,r.disabled,r.readonly],Hb={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[x.undefined,x.solid,x.flat,x.outline]},mr={separators:!0,showClearButton:!0},Me=e=>{let{size:t,rounded:o,fillMode:a,separators:n=mr.separators,showClearButton:i=mr.showClearButton,prefix:l,suffix:m,value:u,placeholder:f,hover:N,focus:g,valid:c,invalid:L,required:M,loading:k,disabled:A,popup:C,opened:y,readonly:z,adaptive:le,adaptiveSettings:Ae,adaptiveTitle:pe,adaptiveSubtitle:fe,adaptiveCustomValue:Zn,id:Xt,autocomplete:qt,activeDescendant:fa,"aria-label":Qn,...jn}=e,es=Xt?`${Xt}-listbox`:void 0;return wa(dr,{children:[wa(J,{...jn,size:t,rounded:o,fillMode:a,hover:N,focus:g,valid:c,invalid:L,required:M,loading:k,disabled:A,readonly:z,className:s(e.className,pp),children:[l&&wa(dr,{children:[ae(Fe,{children:l}),n&&ae(Ve,{})]}),ae(be,{id:Xt,placeholder:f,value:u,role:"combobox","aria-haspopup":"listbox","aria-expanded":y?"true":"false","aria-controls":y?es:void 0,"aria-activedescendant":y&&fa?fa:void 0,"aria-autocomplete":qt,"aria-invalid":L?"true":void 0,"aria-busy":k?"true":void 0,"aria-label":Qn,disabled:A,readOnly:z}),ae(Ne,{valid:c,invalid:L,loading:k,disabled:A}),ae(Ee,{loading:k,disabled:A}),i&&ae(Re,{loading:k,disabled:A,readonly:z,value:u}),m&&wa(dr,{children:[n&&ae(Ve,{}),ae(Ge,{children:m})]}),ae(p,{className:"k-input-button",icon:"chevron-down",size:t,fillMode:a,"aria-label":"Open popup",tabIndex:-1,disabled:A})]}),y&&C&&ae(q,{className:"k-list-container k-combobox-popup",containerRole:"region",containerAriaLabel:"Combobox suggestions",children:C}),le&&ae(Y,{adaptive:!0,id:Xt?`${Xt}-adaptive`:void 0,...Ae,header:ae(he,{actionsEnd:ae(p,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),input:!0,inputValue:u,inputPlaceholder:f,title:pe,subtitle:fe}),children:ae("div",{className:"k-list-container",children:ae(K,{customValue:Zn?ae(wt,{text:`Use "${u}"`}):void 0,size:"large",children:wa(U,{"aria-label":pe\|\|"Options",children:[ae(O,{text:"List item"}),ae(O,{text:"List item"}),ae(O,{text:"List item"})]})})})})]})};Me.states=Db;Me.options=Hb;Me.className=pp;Me.defaultOptions=mr;Me.moduleName=pr;Me.folderName=lp;var De=Me;import{jsx as zb}from"react/jsx-runtime";var dp=e=>zb(De,{...e});import{jsx as hw,jsxs as vw}from"react/jsx-runtime";import{jsx as Cw,jsxs as Aw}from"react/jsx-runtime";import{jsx as Bw,jsxs as Pw}from"react/jsx-runtime";import{Fragment as Hw,jsx as Dw}from"react/jsx-runtime";import{Fragment as $w,jsx as Vw}from"react/jsx-runtime";import{jsx as Zw,jsxs as Qw}from"react/jsx-runtime";import{Fragment as rD,jsx as nD,jsxs as sD}from"react/jsx-runtime";import{jsx as dD}from"react/jsx-runtime";import{jsx as fD}from"react/jsx-runtime";import{jsx as gD,jsxs as LD}from"react/jsx-runtime";import{jsx as ED,jsxs as yD}from"react/jsx-runtime";import{jsx as zt,jsxs as Xb}from"react/jsx-runtime";var Ub=Me.states,Fb=Me.defaultOptions,Gb=Me.options,Vb=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"opened",title:"Opened"}],$b=[],$o=e=>{let{modifiers:t,...o}=e,a={},n=zt(K,{style:{width:300},size:o.size,children:Xb(U,{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(X,{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(dp,{value:"Value",style:{width:300},...o,...a})})};$o.options=Gb;$o.states=Ub;$o.variants=$b;$o.defaultOptions=Fb;$o.modifiers=Vb;$o.className=Me.className;var cr="menu-button",mp=cr;import{jsx as Jb}from"react/jsx-runtime";var cp="k-menu-button",qb=[r.hover,r.focus,r.active,r.selected,r.disabled],Wb={size:[d.undefined,d.xsmall,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[x.undefined,x.solid,x.flat,x.outline,x.clear,x.link],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary,h.success,h.warning,h.error,h.info,h.inverse]},ur={showArrow:!0,arrowIconName:"chevron-down"},H=e=>{let{size:t,rounded:o,fillMode:a,themeColor:n,hover:i,focus:l,active:m,selected:u,disabled:f,icon:N,text:g,showArrow:c=ur.showArrow,arrowIconName:L=ur.arrowIconName,expanded:M,...k}=e;return Jb(p,{...k,className:s(e.className,cp),text:g,size:t,rounded:o,fillMode:a,themeColor:n,hover:i,focus:l,active:m,selected:u,disabled:f,ariaDisabled:f\|\|void 0,icon:N,showArrow:c,arrowIconName:L,"aria-expanded":M?"true":"false",...!g&&N&&!e["aria-label"]&&{"aria-label":"Menu"}})};H.states=qb;H.options=Wb;H.className=cp;H.defaultOptions=ur;H.moduleName=cr;H.folderName=mp;import{jsx as iH}from"react/jsx-runtime";import{jsx as mH}from"react/jsx-runtime";import{jsx as bH}from"react/jsx-runtime";var He="menu",et=He;import{jsx as Da,jsxs as up}from"react/jsx-runtime";var fr="k-menu-item",Yb=[r.hover,r.focus,r.active,r.selected,r.disabled],Zb={},fp={iconPosition:"before"},me=e=>{let{hover:t,focus:o,active:a,selected:n,disabled:i,icon:l,text:m,showArrow:u,arrowIconName:f,iconPosition:N=fp.iconPosition,dir:g,children:c,expanded:L,...M}=e,k=f;return k\|\|(k=g==="rtl"?"chevron-left":"chevron-right"),up("li",{...M,className:s(e.className,fr,"k-item",S(fr,{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:[up("span",{className:s("k-link k-menu-link"),children:[l&&N==="before"&&Da(v,{className:"k-menu-link-icon",icon:l}),Da("span",{className:"k-menu-link-text",children:m}),l&&N==="after"&&Da(v,{className:"k-menu-link-icon",icon:l}),u&&Da("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:Da(v,{icon:k})})]}),c]})};me.states=Yb;me.options=Zb;me.className=fr;me.defaultOptions=fp;me.moduleName=He;me.folderName=et;import{jsx as oo,jsxs as bp}from"react/jsx-runtime";var br="k-menu-item",Qb=[r.hover,r.focus,r.active,r.selected,r.disabled],jb={},xr={dir:"ltr",iconPosition:"before"},W=e=>{let{hover:t,focus:o,active:a,selected:n,disabled:i,icon:l,text:m,showArrow:u,arrowIconName:f,iconPosition:N=xr.iconPosition,dir:g=xr.dir,children:c,popup:L,expanded:M,actions:k,description:A,...C}=e,y=f;return y\|\|(y=g==="rtl"?"chevron-left":"chevron-right"),bp("li",{role:"menuitem",...C,className:s(e.className,br,"k-item",S(br,{focus:o,disabled:i})),...u&&{"aria-haspopup":"menu"},...u&&{"aria-expanded":M?"true":"false"},...i&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[bp("span",{className:s("k-link k-menu-link",S("k-menu-link",{hover:t,active:a,selected:n,disabled:i})),children:[l&&N==="before"&&oo(v,{className:"k-menu-link-icon",icon:l}),oo("span",{className:"k-menu-link-text",children:m}),l&&N==="after"&&oo(v,{className:"k-menu-link-icon",icon:l}),k&&oo("span",{className:"k-menu-link-actions",children:k}),u&&oo("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:oo(v,{icon:y})}),A&&oo("span",{className:"k-menu-link-description",children:A})]}),c,L]})};W.states=Qb;W.options=jb;W.className=br;W.defaultOptions=xr;W.moduleName=He;W.folderName=et;import{jsx as ax}from"react/jsx-runtime";var xp="k-menu-scroll-wrapper",ex=[],tx={},ox={},ao=e=>{let{className:t,children:o,orientation:a,...n}=e;return ax("div",{...n,className:s(t,xp,{"k-menu-scroll-wrapper-vertical":a==="vertical"}),children:o})};ao.states=ex;ao.options=tx;ao.className=xp;ao.defaultOptions=ox;ao.moduleName=He;ao.folderName=et;var Np=ao;import{Fragment as Nr,jsx as no,jsxs as Cn}from"react/jsx-runtime";var An="k-menu",nx=[],sx={size:[d.undefined,d.small,d.medium,d.large]},En={orientation:"horizontal",header:!0,scrollButtonsPosition:"around"},ie=e=>{let{children:t,orientation:o=En.orientation,header:a=En.header,scrollable:n,scrollButtonsPosition:i=En.scrollButtonsPosition,wrapperStyles:l,dir:m,size:u,popup:f,contextMenu:N,...g}=e,c={horizontal:{prev:m!=="rtl"?"left":"right",next:m!=="rtl"?"right":"left"},vertical:{prev:"up",next:"down"}},L=no("ul",{dir:m,...g,className:s(e.className,"k-reset",An,{[`${An}-${o}`]:o,"k-header":a},E(An,{size:u})),role:N?"menu":"menubar",...o==="vertical"&&{"aria-orientation":"vertical"},children:t});return Cn(Nr,{children:[n?Cn(Np,{orientation:o,style:l,dir:e.dir,children:[i==="start"&&Cn(Nr,{children:[no(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"}),no(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"&&no(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"&&Cn(Nr,{children:[no(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"}),no(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"&&no(p,{fillMode:"flat",size:"xsmall",icon:`chevron-${c[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}):L,f]})};ie.states=nx;ie.options=sx;ie.className=An;ie.defaultOptions=En;ie.moduleName=He;ie.folderName=et;import{jsx as rx}from"react/jsx-runtime";var hr="k-separator",hp={orientation:"horizontal"},Xo=e=>{let{orientation:t=hp.orientation,...o}=e;return rx("li",{...o,className:s(e.className,"k-item",hr,{[`${hr}-${t}`]:t}),role:"separator"})};Xo.className=hr;Xo.defaultOptions=hp;Xo.moduleName=He;Xo.folderName=et;import{Fragment as VH,jsx as $H}from"react/jsx-runtime";import{jsx as dx}from"react/jsx-runtime";var vr="k-menu-group",ix=[],lx={size:[d.undefined,d.small,d.medium,d.large]},px={},ce=e=>{let{children:t,size:o,...a}=e;return dx("ul",{role:"menu",...a,className:s(e.className,vr,E(vr,{size:o})),children:t})};ce.states=ix;ce.options=lx;ce.className=vr;ce.defaultOptions=px;ce.moduleName=He;ce.folderName=et;import{jsx as ez,jsxs as tz}from"react/jsx-runtime";import{Fragment as mx,jsx as qo,jsxs as cx}from"react/jsx-runtime";var gr=e=>qo(ie,{children:cx(mx,{children:[qo(me,{text:"Item 1"}),qo(me,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 2"}),qo(me,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 3"}),qo(me,{text:"Item 4"}),qo(me,{text:"Item 5"})]}),...e});import{Fragment as mz,jsx as pz,jsxs as dz}from"react/jsx-runtime";import{Fragment as xz,jsx as bz,jsxs as Nz}from"react/jsx-runtime";import{Fragment as Mz,jsx as Lz,jsxs as Sz}from"react/jsx-runtime";import{Fragment as yz,jsx as Ez,jsxs as Iz}from"react/jsx-runtime";import{jsx as so,jsxs as Nx}from"react/jsx-runtime";var ux={...ie.options,scrollable:{type:"boolean"}},fx=ie.states,vp={...ie.defaultOptions,variant:"horizontal"},bx=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],xx=[{name:"opened",title:"Opened"}],Wo=e=>{let{variant:t,modifiers:o,...a}={...vp,...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]?so(q,{className:"k-menu-popup",offset:i,children:Nx(ce,{children:[so(W,{text:"Item 1"}),so(W,{text:"Item 2"}),so(Xo,{}),so(W,{text:"Item 3"})]})}):null)}),t==="vertical"?so(gr,{...a,...n,orientation:"vertical",style:{width:"200px"}}):so(gr,{...a,...n})};Wo.options=ux;Wo.states=fx;Wo.variants=bx;Wo.defaultOptions=vp;Wo.modifiers=xx;Wo.className=ie.className;import{Fragment as l1,jsx as r1,jsxs as i1}from"react/jsx-runtime";import{jsx as c1}from"react/jsx-runtime";import{Fragment as Mx,jsx as xt,jsxs as gp}from"react/jsx-runtime";var hx=p.states,Lp={...p.defaultOptions,variant:"text"},vx=p.options,gx=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Lx=[{name:"opened",title:"Opened"}],Jo=e=>{let{variant:t,modifiers:o,...a}={...Lp,...e},n={},i=xt(q,{className:"k-menu-popup",children:gp(ce,{size:a.size,children:[xt(W,{text:"Menu Item"}),xt(W,{text:"Menu Item"}),xt(W,{text:"Menu Item"})]})}),l;switch(t){case"icon-only":l=xt("div",{children:xt(H,{...a,...n,icon:"star"})});break;case"icon-and-text":l=xt("div",{children:xt(H,{...a,...n,icon:"star",children:"Dropdown Button"})});break;default:l=xt("div",{children:xt(H,{...a,...n,children:"Dropdown Button"})});break}return gp(Mx,{children:[l,o?.opened&&i]})};Jo.options=vx;Jo.states=hx;Jo.variants=gx;Jo.defaultOptions=Lp;Jo.modifiers=Lx;Jo.className=H.className;var Lr="split-button",Mp=Lr;import{Fragment as Cx,jsx as Mr,jsxs as Sp}from"react/jsx-runtime";var Sr="k-split-button",Sx=[r.hover,r.focus,r.active,r.selected,r.disabled],kx={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[x.undefined,x.solid,x.flat,x.outline,x.clear,x.link],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary,h.success,h.warning,h.error,h.info,h.inverse]},kp={arrowIconName:"chevron-down"},R=e=>{let{size:t,rounded:o,fillMode:a,themeColor:n,hover:i,focus:l,active:m,selected:u,disabled:f,icon:N,text:g,arrowIconName:c=kp.arrowIconName,popup:L,opened:M,popupId:k,...A}=e;return Sp(Cx,{children:[Sp("div",{...A,className:s(e.className,Sr,"k-button-group",E(Sr,{rounded:o})),children:[Mr(p,{text:g,icon:N,size:t,rounded:o,fillMode:a,themeColor:n,hover:i,focus:l,active:m,selected:u,disabled:f,...!g&&!e.children&&N&&{"aria-label":"Action"},children:e.children}),Mr(p,{className:"k-split-button-arrow",icon:c,size:t,rounded:o,fillMode:a,disabled:f,ariaDisabled:f\|\|void 0,"aria-label":"Toggle dropdown","aria-expanded":M?"true":"false","aria-controls":M?k:void 0,tabIndex:-1})]}),M&&L&&Mr(q,{className:"k-menu-popup",children:L})]})};R.states=Sx;R.options=kx;R.className=Sr;R.defaultOptions=kp;R.moduleName=Lr;R.folderName=Mp;var kr=R;import{jsx as Ex}from"react/jsx-runtime";var Ax="k-toolbar-separator",rt=e=>Ex("div",{className:s(Ax,e.className,"k-separator")});var ro="toolbar",Yo=ro;import{Fragment as Cr,jsx as _,jsxs as Zo}from"react/jsx-runtime";var Ct="k-toolbar",yx=[r.focus],Ix={size:[d.undefined,d.small,d.medium,d.large],fillMode:[x.undefined,x.solid,x.outline,x.flat]},Tx={scrollButtons:"around"},G=e=>{let{size:t,fillMode:o,focus:a,resizable:n,scrollable:i,scrollButtons:l,scrollingPosition:m,section:u,...f}=e,N=[],g=(c,L)=>{let M=[];if(c.type===p&&c.props.className&&c.props.className.includes("k-toolbar-overflow-button"))M.push(_(p,{...c.props,className:`${c.props.className?c.props.className:""}`},`${L}-${new Date().getTime()}`));else if(c.type===p)M.push(_(p,{...c.props,className:`k-toolbar-button ${c.props.className?c.props.className:""}`},`${L}-${new Date().getTime()}`));else if(c.type===va)M.push(_(va,{...c.props,className:`k-toolbar-button ${c.props.className?c.props.className:""}`},`${L}-${new Date().getTime()}`));else if(c.type===X)M.push(_(X,{...c.props,className:`k-toolbar-button ${c.props.className?c.props.className:""}`},`${L}-${new Date().getTime()}`));else if(c.type===H)M.push(_(H,{...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 k=[];(Array.isArray(c.props.children)?c.props.children:[c.props.children]).forEach((C,y)=>{k.push(_(p,{...C.props,className:`${C.props.className?C.props.className:""}`},`${y}-${new Date().getTime()}`))}),M.push(_(T,{...c.props,className:`k-toolbar-button-group ${c.props.className?c.props.className:""}`,children:k},`${L}-${new Date().getTime()}`))}else c.type===Me?M.push(_(Me,{...c.props,className:`k-toolbar-combobox ${c.props.className?c.props.className:""}`},`${L}-${new Date().getTime()}`)):c.type===ne?M.push(_(ne,{...c.props,className:`k-toolbar-dropdownlist ${c.props.className?c.props.className:""}`},`${L}-${new Date().getTime()}`)):c.type===je?M.push(_(je,{...c.props,className:`k-toolbar-colorpicker ${c.props.className?c.props.className:""}`},`${L}-${new Date().getTime()}`)):M.push(c);M.forEach(k=>{N.push(k)})};return e.children&&(Array.isArray(e.children)?e.children:[e.children]).forEach((L,M)=>{g(L,M)}),Zo("div",{...f,className:s(e.className,Ct,E(Ct,{size:t,fillMode:o}),S(Ct,{focus:a}),{[`${Ct}-resizable`]:n,[`${Ct}-scrollable`]:i,[`${Ct}-scrollable-overlay`]:i&&l==="hidden",[`${Ct}-scrollable-${m}`]:m&&m!=="both",[`${Ct}-section`]:u}),role:"toolbar","aria-label":"Toolbar",children:[!i&&N,i&&l==="hidden"&&_("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N}),i&&l==="start"&&Zo(Cr,{children:[Zo(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"})})]}),_(rt,{className:"k-toolbar-button-separator"}),_("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N})]}),i&&l==="end"&&Zo(Cr,{children:[_("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N}),_(rt,{className:"k-toolbar-button-separator"}),Zo(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)&&Zo(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"})}),_(rt,{className:"k-toolbar-button-separator"}),_("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N}),_(rt,{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"})})]})]})};G.states=yx;G.options=Ix;G.className=Ct;G.defaultOptions=Tx;G.moduleName=ro;G.folderName=Yo;import{jsx as Kx}from"react/jsx-runtime";var Ar="k-toolbar-item",Ox=[r.focus],Bx={},Px={},Qo=e=>{let{focus:t,...o}=e;return Kx("div",{...o,className:s(e.className,Ar,S(Ar,{focus:t})),children:e.children})};Qo.states=Ox;Qo.options=Bx;Qo.className=Ar;Qo.defaultOptions=Px;Qo.moduleName=ro;Qo.folderName=Yo;import{jsx as Cp}from"react/jsx-runtime";var Ap="k-toolbar-popup",Rx=[],_x={size:[d.undefined,d.small,d.medium,d.large],fillMode:[x.undefined,x.solid,x.outline,x.flat]},wx={},io=e=>{let{size:t,fillMode:o,section:a,...n}=e;return Cp(q,{...n,className:s(e.className,Ap),children:a?Cp("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=Rx;io.options=_x;io.className=Ap;io.defaultOptions=wx;io.moduleName=ro;io.folderName=Yo;var yn=io;import{jsx as m2}from"react/jsx-runtime";import{jsx as b2}from"react/jsx-runtime";import{jsx as v2}from"react/jsx-runtime";import{jsx as C2,jsxs as A2}from"react/jsx-runtime";import{jsx as T2}from"react/jsx-runtime";import{jsx as At,jsxs as Fx}from"react/jsx-runtime";var Dx=R.states,Ep={...R.defaultOptions,variant:"text"},Hx=R.options,zx=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Ux=[{name:"opened",title:"Opened"}],jo=e=>{let{variant:t,modifiers:o,...a}={...Ep,...e},n={},i=Fx(ce,{size:a.size,children:[At(W,{text:"Menu Item"}),At(W,{text:"Menu Item"}),At(W,{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 At("div",{children:At(R,{...a,...n,icon:"star"})});case"icon-and-text":return At("div",{children:At(R,{...a,...n,icon:"star",children:"Split Button"})});default:return At("div",{children:At(R,{...a,...n,children:"Split Button"})})}};jo.options=Hx;jo.states=Dx;jo.variants=zx;jo.defaultOptions=Ep;jo.modifiers=Ux;jo.className=R.className;import{jsx as lo,jsxs as Gx}from"react/jsx-runtime";var yp=e=>lo(G,{children:[lo(p,{children:"Button"},"toolbar-button"),lo(H,{text:"Menu button"},"toolbar-menu-button"),lo(R,{children:"Split button"},"toolbar-split-button"),Gx(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 sU,jsxs as rU}from"react/jsx-runtime";import{jsx as ze,jsxs as Ip}from"react/jsx-runtime";var Tp=e=>ze(G,{scrollable:!0,...e,children:[ze(p,{children:"Button"},"toolbar-button"),ze(H,{text:"Menu button"},"toolbar-menu-button"),ze(R,{children:"Split button"},"toolbar-split-button"),Ip(T,{children:[ze(p,{className:"k-group-start",icon:"align-left",children:"Left"}),ze(p,{icon:"align-center",children:"Center"}),ze(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),ze(p,{children:"Button"},"toolbar-button"),ze(H,{text:"Menu button"},"toolbar-menu-button"),ze(R,{children:"Split button"},"toolbar-split-button"),Ip(T,{children:[ze(p,{className:"k-group-start",icon:"align-left",children:"Left"}),ze(p,{icon:"align-center",children:"Center"}),ze(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});import{jsx as Ue,jsxs as Op}from"react/jsx-runtime";var Bp=({scrollingPosition:e="start",...t})=>Ue(G,{scrollable:!0,scrollButtons:"hidden",scrollingPosition:e,...t,children:[Ue(p,{children:"Button"},"toolbar-button"),Ue(H,{text:"Menu button"},"toolbar-menu-button"),Ue(R,{children:"Split button"},"toolbar-split-button"),Op(T,{children:[Ue(p,{className:"k-group-start",icon:"align-left",children:"Left"}),Ue(p,{icon:"align-center",children:"Center"}),Ue(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),Ue(p,{children:"Button"},"toolbar-button"),Ue(H,{text:"Menu button"},"toolbar-menu-button"),Ue(R,{children:"Split button"},"toolbar-split-button"),Op(T,{children:[Ue(p,{className:"k-group-start",icon:"align-left",children:"Left"}),Ue(p,{icon:"align-center",children:"Center"}),Ue(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...t});import{Fragment as Vx,jsx as Ie,jsxs as In}from"react/jsx-runtime";var Pp=({fillMode:e,size:t,...o})=>In(Vx,{children:[Ie(G,{section:!0,fillMode:e,size:t,children:[Ie(p,{fillMode:e,size:t,children:"Button"},"toolbar-button"),In(T,{fillMode:e,children:[Ie(p,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),Ie(p,{icon:"align-center",fillMode:e,size:t,children:"Center"}),Ie(p,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group"),Ie(rt,{className:"k-toolbar-button-separator"}),Ie(p,{icon:"more-horizontal",className:"k-toolbar-overflow-button",fillMode:"flat",size:t,"aria-label":"More options","aria-expanded":"false"})],...o}),In(yn,{size:t,fillMode:e,section:!0,...o,children:[Ie(R,{fillMode:e,size:t,children:"Split button"},"toolbar-split-button"),Ie(p,{fillMode:e,size:t,children:"Button"},"toolbar-button"),Ie(rt,{}),Ie(H,{text:"Menu button",fillMode:e,size:t},"toolbar-menu-button"),In(T,{fillMode:e,children:[Ie(p,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),Ie(p,{icon:"align-center",fillMode:e,size:t,children:"Center"}),Ie(p,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group")]})]});import{Fragment as HU,jsx as wU,jsxs as DU}from"react/jsx-runtime";import{Fragment as YU,jsx as WU,jsxs as JU}from"react/jsx-runtime";import{jsx as Ut}from"react/jsx-runtime";var $x=G.options,Xx=G.states,Kp={...G.defaultOptions,variant:"default"},qx=[{name:"default",title:"Default"},{name:"scrollable",title:"Scrollable"},{name:"overlay",title:"Overlay"},{name:"responsive",title:"Responsive"}],Wx=[],ea=e=>{let{variant:t,...o}={...Kp,...e};switch(t){case"responsive":return Ut("div",{children:Ut(Pp,{style:{width:"583px"},...o})});case"overlay":return Ut("div",{children:Ut(Bp,{style:{width:"583px"},...o,scrollingPosition:"start",scrollButtons:"hidden"})});case"scrollable":return Ut("div",{children:Ut(Tp,{style:{width:"583px"},...o})});default:return Ut("div",{children:Ut(yp,{style:{width:"583px"},...o})})}};ea.options=$x;ea.states=Xx;ea.variants=qx;ea.defaultOptions=Kp;ea.modifiers=Wx;ea.className=G.className;import{Fragment as Qx,jsx as it,jsxs as Ha}from"react/jsx-runtime";var Rp="k-message",Jx=[r.hover,r.selected,r.active,r.focus],Yx={},Zx=[it(p,{icon:"copy",fillMode:"flat","aria-label":"Copy"}),it(p,{icon:"arrow-rotate-cw",fillMode:"flat","aria-label":"Retry"}),it(p,{icon:"download",fillMode:"flat","aria-label":"Download"})],ta={time:"Thu Feb 08 2018",text:"How can I help you?",status:"Seen",toolbarItems:Zx,failed:"Failed to send"},w=e=>{let{time:t=ta.time,text:o=ta.text,content:a,status:n=ta.status,statusIcon:i,toolbarItems:l=ta.toolbarItems,hover:m,selected:u,active:f,focus:N,toolbar:g,typing:c,expandable:L,expanded:M,removed:k,files:A,failed:C,...y}=e,z=C===!0?ta.failed:C;return Ha("div",{...y,className:s(Rp,e.className,{"k-message-removed":k,"k-message-failed":C}),children:[C&&it(X,{className:"k-resend-button",icon:"arrow-rotate-cw",size:"xsmall",fillMode:"clear","aria-label":"Resend"}),it(_p,{typing:c,selected:u,hover:m,active:f,focus:N,content:Ha(Qx,{children:[a,o&&it("span",{className:"k-chat-bubble-text",children:o})]}),expandable:L,expanded:M,files:A}),Ha("div",{className:"k-message-info",children:[n&&Ha("span",{className:"k-message-status",children:[i&&it(v,{icon:i,size:"xsmall"}),n]}),t&&it("time",{className:"k-message-time",children:t}),C&&Ha("span",{className:"k-message-failed-content",children:[C&&it(v,{icon:"warning-triangle",size:"xsmall"}),C&&it("span",{className:"k-message-failed-text",children:z})]})]}),g&&it(G,{className:"k-chat-message-toolbar",fillMode:"flat",children:l})]})};w.states=Jx;w.options=Yx;w.className=Rp;w.moduleName=null;w.folderName=null;w.defaultOptions=ta;var Er="avatar",wp=Er;import{jsx as Dp}from"react/jsx-runtime";var za="k-avatar";var jx=[r.hover,r.focus,r.active,r.selected,r.disabled],eN={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[x.undefined,x.solid,x.outline],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary]},yr={type:"text",border:!1},Se=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,za,E(za,{size:t,rounded:o,fillMode:a,themeColor:n}),{[`${za}-bordered`]:l}),children:Dp("span",{className:`${za}-${i}`,children:e.children})})};Se.states=jx;Se.options=eN;Se.className=za;Se.defaultOptions=yr;Se.moduleName=Er;Se.folderName=wp;var po=Se;import{jsx as tN}from"react/jsx-runtime";var Hp=e=>tN(po,{type:"icon",...e});import{jsx as oN}from"react/jsx-runtime";var zp=e=>oN(po,{type:"text",...e});import{jsx as aN}from"react/jsx-runtime";var Tn=e=>aN(po,{type:"image",...e});import{jsx as F3}from"react/jsx-runtime";import{jsx as Ua}from"react/jsx-runtime";var nN=Se.options,sN=Se.states,rN={...Se.defaultOptions,variant:"image"},iN=[{name:"image",title:"Image"},{name:"icon",title:"Icon Avatar"},{name:"text",title:"Text Avatar"}],lN=[],oa=e=>{let{variant:t,...o}=e;switch(t){case"icon":return Ua(Hp,{...o,children:Ua(v,{icon:"star"})});case"text":return Ua(zp,{...o,children:"JO"});default:return Ua(Tn,{...o,children:Ua("img",{src:"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg"})})}};oa.options=nN;oa.states=sN;oa.variants=iN;oa.defaultOptions=rN;oa.modifiers=lN;oa.className=Se.className;import{jsx as aa,jsxs as Ir}from"react/jsx-runtime";var Fa="k-message-group",pN=[r.selected],dN={},On={author:"Bruv",avatar:"/packages/html/assets/avatar.jpg",type:"receiver"},F=e=>{let{type:t=On.type,author:o=On.author,avatar:a=On.avatar,status:n,selected:i,fullWidth:l,...m}=e;return Ir("div",{...m,className:s(Fa,e.className,S(Fa,{selected:i}),{[`${Fa}-${t}`]:t,"k-no-avatar":!a,[`${Fa}-full-width`]:l}),children:[a&&!n&&aa(Se,{type:"image",children:aa("img",{src:a,alt:o\|\|""})}),n&&a&&Ir("div",{className:"k-chat-user-status-wrapper",children:[aa(Se,{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]})]})};F.states=pN;F.options=dN;F.className=Fa;F.defaultOptions=On;import{Fragment as cN,jsx as Bn,jsxs as Up}from"react/jsx-runtime";var Tr="k-message-reference",mN={},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&&Bn(v,{icon:"pin"}),Bn("div",{className:"k-message-reference-content",children:t}),o&&Up(cN,{children:[Bn("span",{className:"k-spacer"}),Bn(p,{icon:"x-circle",fillMode:"flat",size:"xsmall","aria-label":"Close"})]})]})};Ft.options=mN;Ft.className=Tr;Ft.moduleName=null;Ft.folderName=null;Ft.defaultOptions=Fp;var Or="bubble",Gp=Or;import{jsx as Pn,jsxs as fN}from"react/jsx-runtime";var Br="k-bubble",uN=[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 fN("div",{...u,className:s(e.className,Br,S(Br,{hover:o,active:a,focus:n,selected:i}),{"k-bubble-expandable":l},{"k-expanded":m}),tabIndex:0,children:[Pn("div",{className:"k-bubble-content",children:t??e.children}),l&&Pn("span",{className:"k-bubble-expandable-indicator",role:"button","aria-label":m?"Show less":"Show more",tabIndex:0,children:m?Pn(v,{icon:"chevron-up"}):Pn(v,{icon:"chevron-down"})})]})};mo.states=uN;mo.className=Br;mo.defaultOptions=Pr;mo.moduleName=Or;mo.folderName=Gp;import{jsx as M5}from"react/jsx-runtime";import{jsx as A5}from"react/jsx-runtime";import{jsx as T5}from"react/jsx-runtime";import{jsx as Kr,jsxs as $p}from"react/jsx-runtime";var bN="k-chat-bubble",_p=e=>{let{typing:t,content:o,files:a,...n}=e;return $p(mo,{...n,className:s(e.className,bN),children:[t?$p("div",{className:"k-typing-indicator",tabIndex:-1,children:[Kr("span",{}),Kr("span",{}),Kr("span",{})]}):o,a]})};import{jsx as $5}from"react/jsx-runtime";import{jsx as Xp,jsxs as xN}from"react/jsx-runtime";var qp="k-chat-event",Rr={icon:"trash",text:"You deleted Chat history."},Wp=e=>{let{icon:t=Rr.icon,text:o=Rr.text,...a}=e;return xN("div",{...a,className:s(e.className,qp),children:[t&&Xp(v,{className:"k-chat-event-icon",icon:t,size:"xsmall"}),o&&Xp("span",{className:"k-chat-event-text",children:o})]})};Wp.className=qp;Wp.defaultOptions=Rr;import{jsx as tF}from"react/jsx-runtime";import{Fragment as NN,jsx as Nt,jsxs as hN}from"react/jsx-runtime";var Jp=e=>Nt(V,{children:hN(NN,{children:[Nt("div",{className:"k-timestamp",children:"Day, Month 7, 2023"}),Nt(F,{children:Nt(w,{})}),Nt(F,{type:"sender",children:Nt(w,{})}),Nt(F,{children:Nt(w,{text:"Very long message text that tests message overflowing behavior. Very long message text that tests message overflowing behavior."})}),Nt(F,{type:"sender",children:Nt(w,{text:"Unusually_long_word_that_tests_word_break_behavior__unusually_long_word_that_tests_word_break_behavior"})})]}),...e});import{jsx as Yp}from"react/jsx-runtime";var Kn="k-file-box-wrapper",Zp={layout:"horizontal"},ht=e=>{let{layout:t=Zp.layout,scrollingPosition:o,...a}=e;return Yp("ul",{role:"list","aria-label":"Attached files",...a,className:s(e.className,Kn,{"k-files-vertical":t==="vertical","k-files-wrap":t==="wrap",[`${Kn}-scrollable-start`]:t==="horizontal"&&(o==="start"\|\|o==="both"),[`${Kn}-scrollable-end`]:t==="horizontal"&&(o==="end"\|\|o==="both")}),children:t==="horizontal"?Yp("div",{className:"k-files-scroll",role:"presentation",children:e.children}):e.children})};ht.className=Kn;ht.defaultOptions=Zp;var _r="file-box",Qp=_r;import{jsx as na,jsxs as jp}from"react/jsx-runtime";var ed="k-file-box",vN=[r.selected],gN={},Ga={icon:"file-pdf",name:"FileName.pdf",size:"2MB",showButton:"true"},Te=e=>{let{icon:t=Ga.icon,name:o=Ga.name,size:a=Ga.size,status:n,deleted:i,removeButton:l,showButton:m=Ga.showButton,...u}=e,f=[o,a].filter(Boolean).join(" ");return jp("li",{role:"listitem",tabIndex:0,"aria-label":f\|\|void 0,...u,className:s(ed,e.className,{"k-file-deleted":i}),children:[na(v,{icon:t,size:"xlarge","aria-hidden":"true"}),jp("div",{className:"k-file-info",children:[o&&na("span",{className:"k-file-name",children:o}),a&&na("span",{className:"k-file-size",children:a}),n&&na("span",{className:"k-file-status",children:n})]}),m&&(l?na(p,{as:"span",icon:"x-circle",fillMode:"flat",size:"xsmall","aria-hidden":"true"}):na(H,{icon:"more-vertical",fillMode:"flat",size:"xsmall",showArrow:!1,"aria-label":"File actions"}))]})};Te.states=vN;Te.options=gN;Te.className=ed;Te.defaultOptions=Ga;Te.moduleName=_r;Te.folderName=Qp;import{jsx as gF}from"react/jsx-runtime";import{jsx as CF}from"react/jsx-runtime";import{jsx as TF,jsxs as OF}from"react/jsx-runtime";import{jsx as _F,jsxs as wF}from"react/jsx-runtime";import{jsx as FF}from"react/jsx-runtime";import{Fragment as oG,jsx as tG,jsxs as aG}from"react/jsx-runtime";import{Fragment as lG,jsx as iG,jsxs as pG}from"react/jsx-runtime";var wr="skeleton",td=wr;import{jsx as kN}from"react/jsx-runtime";var Dr="k-skeleton",LN=["circle","text","rect"],MN=[],SN={},Hr={variant:"text",shape:"text",animation:"pulse"},vt=e=>{let{variant:t,shape:o,animation:a=Hr.animation,...n}=e,i=`skeleton-${t\|\|o\|\|Hr.variant}`;return kN("span",{...n,className:s(e.className,Dr,Ja(Dr,i),{[`k-skeleton-${a}`]:a}),style:e.style})};vt.states=MN;vt.options=SN;vt.variants=LN;vt.className=Dr;vt.defaultOptions=Hr;vt.moduleName=wr;vt.folderName=td;import{jsx as hG}from"react/jsx-runtime";import{jsx as MG}from"react/jsx-runtime";import{jsx as AG}from"react/jsx-runtime";import{Fragment as zG,jsx as DG,jsxs as HG}from"react/jsx-runtime";import{Fragment as $G,jsx as VG,jsxs as XG}from"react/jsx-runtime";import{jsx as YG}from"react/jsx-runtime";import{Fragment as t6,jsx as e6,jsxs as o6}from"react/jsx-runtime";import{Fragment as i6,jsx as r6,jsxs as l6}from"react/jsx-runtime";import{Fragment as u6,jsx as c6,jsxs as f6}from"react/jsx-runtime";import{Fragment as v6,jsx as h6}from"react/jsx-runtime";var zr="appbar",od=zr;import{jsx as yN}from"react/jsx-runtime";var Ur="k-appbar",CN=[],AN={themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary,h.inverse]},EN={},ke=e=>{let{themeColor:t,positionMode:o,position:a,...n}=e;return yN("div",{...n,className:s(e.className,Ur,E(Ur,{themeColor:t}),{[`k-appbar-${o}`]:o,[`k-appbar-${a}`]:a}),children:e.children})};ke.states=CN;ke.options=AN;ke.className=Ur;ke.defaultOptions=EN;ke.moduleName=zr;ke.folderName=od;import{jsx as TN}from"react/jsx-runtime";var IN="k-appbar-section",gt=e=>{let{...t}=e;return TN("div",{...t,className:s(IN,e.className),children:e.children})};import{Fragment as K6,jsx as B6,jsxs as P6}from"react/jsx-runtime";import{jsx as j,jsxs as sa}from"react/jsx-runtime";var Fr={...ke.options,positionMode:["static","sticky","fixed"]},ON=ke.states,ad={...ke.defaultOptions,themeColor:"primary",variant:"top",positionMode:"sticky"};Fr.themeColor=["primary",...Fr.themeColor.filter(e=>e!=="primary")];var BN=[{name:"top",title:"Top"},{name:"bottom",title:"Bottom"}],ra=e=>{let{variant:t,...o}={...ad,...e},a=sa(ke,{position:t,...o,children:[j(gt,{children:j(X,{fillMode:"flat",icon:"menu"})}),j("span",{className:"k-spacer k-spacer-sized",style:{width:"8px"}}),j(gt,{children:j("h3",{className:"k-m-0",children:"AppBar"})}),j("span",{className:"k-spacer"}),sa(gt,{children:[j(nt,{fillMode:"flat",children:"Button"}),j(nt,{fillMode:"flat",children:"Button"}),j(nt,{fillMode:"flat",children:"Button"})]}),j("span",{className:"k-spacer k-spacer-sized",style:{width:"8px"}}),j(gt,{children:j(pn,{value:"Input value"})}),sa(gt,{children:[j(X,{className:"k-mx-sm",fillMode:"flat",icon:"bell"}),j("span",{className:"k-appbar-separator"}),j(Tn,{className:"k-mx-sm",children:j("img",{src:"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg"})})]})]}),n=sa("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"?sa("div",{style:{height:"250px",overflow:"auto"},children:[n,a]}):sa("div",{style:{height:"250px",overflow:"auto"},children:[a,n]})};ra.options=Fr;ra.states=ON;ra.variants=BN;ra.defaultOptions=ad;ra.modifiers=[];ra.className=ke.className;var Gr="suggestion",nd=Gr;import{jsx as Rn,jsxs as RN}from"react/jsx-runtime";var _n="k-suggestion-group",PN=[],KN={},sd={layout:"scrollable",scrollingPosition:"start"},tt=e=>{let{layout:t=sd.layout,scrollingPosition:o,...a}=e,n=Rn("div",{...a,className:s(_n,{"k-suggestion-group-scrollable":t=="scrollable",[`${_n}-scrollable-start`]:o==="start"\|\|o==="both",[`${_n}-scrollable-end`]:o==="end"\|\|o==="both"},e.className),role:"group",children:t==="scrollable"\|\|t==="scrollButtons"?Rn("div",{className:"k-suggestions-scroll",children:e.children}):e.children});return t=="scrollButtons"?RN("div",{className:"k-suggestion-scrollwrap",children:[Rn(p,{fillMode:"flat",icon:"chevron-left",size:"xsmall","aria-label":"Scroll left"}),n,Rn(p,{fillMode:"flat",icon:"chevron-right",size:"xsmall","aria-label":"Scroll right"})]}):n};tt.states=PN;tt.options=KN;tt.className=_n;tt.defaultOptions=sd;tt.moduleName=Gr;tt.folderName=nd;import{jsx as HN}from"react/jsx-runtime";var wn="k-suggestion",_N=[r.active,r.hover,r.focus],wN={themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary]},DN={text:"Suggestion"},ot=e=>{let{themeColor:t,active:o,hover:a,focus:n,text:i,...l}=e;return HN("span",{...l,className:s(e.className,wn,S(wn,{hover:a,active:o,focus:n}),E(wn,{themeColor:t})),role:"button",tabIndex:0,"aria-label":i,children:i})};ot.states=_N;ot.options=wN;ot.className=wn;ot.item=DN;import{Fragment as i7,jsx as r7,jsxs as l7}from"react/jsx-runtime";import{Fragment as u7,jsx as c7,jsxs as f7}from"react/jsx-runtime";import{Fragment as v7,jsx as h7,jsxs as g7}from"react/jsx-runtime";import{Fragment as $N,jsx as ee,jsxs as Dn}from"react/jsx-runtime";var zN=V.states,UN=V.defaultOptions,FN=V.options,GN=[{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"}],VN=[],ia=e=>{let{modifiers:t,...o}=e,a={author:null,avatar:null},n=Dn(ke,{className:"k-chat-header",positionMode:"sticky",themeColor:"primary",children:[ee("span",{className:"k-spacer k-spacer-sized k-w-1"}),ee(gt,{children:ee("span",{children:"Chat with demo bot"})}),ee("span",{className:"k-spacer"}),ee(gt,{children:ee(p,{fillMode:"flat",icon:"more-vertical"})})]}),i=ee(Ft,{type:"sender",pinned:!0,content:"Hello! Generate a cover letter.",closeable:!0}),l=Dn(tt,{children:[ee(ot,{text:"Provide a CV template"}),ee(ot,{text:"Generate a cover letter"})]}),m=Dn(tt,{children:[ee(ot,{themeColor:"primary",text:"Thank you!"}),ee(ot,{themeColor:"primary",text:"Great!"})]}),u="https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg",f=null,N="User",g="Demo Bot";Object.keys(t\|\|{}).forEach(y=>{switch(y){case"header":a.header=t?.[y]?n:!1;break;case"pinned":a.pinned=t?.[y]?i:!1;break;case"suggested":a.suggestedActions=t?.[y]?l:!1;break;case"author":a.author=t?.[y]?!0:null;break;case"avatar":a.avatar=t?.[y]?u:null;break;case"quick":a.quickReplies=t?.[y]?m:ee($N,{});break;default:break}});let{header:c,pinned:L,suggestedActions:M,author:k,avatar:A,quickReplies:C}=a;return Dn(Jp,{value:"Thank you!",style:{minHeight:"100%"},...o,header:c,pinned:L,suggestedActions:M,children:[ee(F,{avatar:f,author:k?g:null,children:ee(w,{text:"Hello, this is a demo bot. How can I help you ?"})}),ee(F,{avatar:A?u:null,author:k?N:null,type:"sender",children:ee(w,{text:"Hello! Generate a cover letter."})}),ee(F,{avatar:f,author:k?g:null,children:ee(w,{text:"Sure. Here is a cover letter template",files:ee(ht,{children:ee(Te,{icon:"file-pdf",name:"cover_letter.pdf",size:"1.43MB"})})})}),C]})};ia.options=FN;ia.states=zN;ia.variants=VN;ia.defaultOptions=UN;ia.modifiers=GN;ia.className=V.className;var Vr="window",rd=Vr;import{jsx as JN}from"react/jsx-runtime";var id="k-window-content",XN=[],qN={},WN={},Gt=e=>{let{children:t,...o}=e;return JN("div",{...o,className:s(id,e.className),children:t})};Gt.states=XN;Gt.options=qN;Gt.className=id;Gt.defaultOptions=WN;Gt.moduleName=Vr;Gt.folderName=rd;var Va="dialog",Hn=Va;import{Fragment as QN,jsx as co,jsxs as $r}from"react/jsx-runtime";var ld="k-dialog",YN=[],ZN={},Xr={actionButtonsAlign:"stretched",modal:!0},Oe=e=>{let{title:t,actions:o,actionButtons:a,actionButtonsAlign:n=Xr.actionButtonsAlign,modal:i=Xr.modal,...l}=e,m=t!==void 0?B("dialog-titlebar"):void 0,u=B("dialog-content");return $r("div",{className:"k-dialog-wrapper",children:[i&&co(ut,{}),$r("div",{...l,className:s(e.className,ld,"k-window"),role:"dialog","aria-labelledby":m,"aria-describedby":u,...i&&{"aria-modal":"true"},children:[(t!==void 0\|\|o)&&$r("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(QN,{children:co("div",{className:"k-window-titlebar-actions k-dialog-titlebar-actions",children:o.map(f=>co(p,{icon:f,fillMode:"flat",size:"xsmall",className:"k-window-titlebar-action k-dialog-titlebar-action","aria-label":f},f))})})]}),co(Gt,{className:"k-dialog-content",id:u,children:e.children}),a&&co(_e,{alignment:n,className:"k-window-actions k-dialog-actions",children:a})]})]})};Oe.states=YN;Oe.options=ZN;Oe.className=ld;Oe.defaultOptions=Xr;Oe.moduleName=Va;Oe.folderName=Hn;var qr=Oe;import{jsx as oh}from"react/jsx-runtime";var pd="k-dialog-wrapper",jN=[],eh={},th={},la=e=>{let{...t}=e;return oh("div",{...t,className:s(e.className,pd),children:e.children})};la.states=jN;la.options=eh;la.className=pd;la.defaultOptions=th;la.moduleName=Va;la.folderName=Hn;import{Fragment as dd,jsx as zn,jsxs as ah}from"react/jsx-runtime";var md=e=>zn(qr,{title:"Title",children:zn(dd,{children:"Dialog content"}),actionButtons:ah(dd,{children:[zn(p,{children:"Action"}),zn(p,{themeColor:"primary",children:"Primary"})]}),actions:["x"],...e});import{Fragment as B9,jsx as P9,jsxs as K9}from"react/jsx-runtime";import{Fragment as ph,jsx as Un,jsxs as dh}from"react/jsx-runtime";var nh=Oe.options,sh=[],rh=Oe.states,ih=Oe.defaultOptions,lh=[],pa=e=>Un(md,{style:{width:"350px",height:"215px"},...e,title:"Please confirm",actions:["x"],actionButtonsAlign:"stretched",actionButtons:dh(ph,{children:[Un(p,{children:"No"}),Un(p,{themeColor:"primary",children:"Yes"})]}),children:Un("p",{style:{margin:"36px",textAlign:"center"},children:"Are you sure you want to continue?"})});pa.options=nh;pa.states=rh;pa.variants=sh;pa.defaultOptions=ih;pa.modifiers=lh;pa.className=Oe.className;var Wr="dropzone",cd=Wr;import{jsx as Fn,jsxs as uh}from"react/jsx-runtime";var Jr="k-external-dropzone",mh=[r.disabled,r.hover],ch={},Yr={icon:"upload",hint:"Drag and drop files here to upload"},ue=e=>{let{hover:t,disabled:o,icon:a=Yr.icon,hint:n=Yr.hint,note:i,...l}=e;return Fn("div",{...l,className:s(e.className,Jr,S(Jr,{disabled:o}),{"k-external-dropzone-hover":t}),children:uh("div",{className:"k-dropzone-inner",children:[a&&Fn(v,{icon:a,className:"k-dropzone-icon",size:"xxxlarge"}),n&&Fn("span",{className:"k-dropzone-hint",children:n}),i&&Fn("span",{className:"k-dropzone-note",children:i})]})})};ue.states=mh;ue.options=ch;ue.className=Jr;ue.defaultOptions=Yr;ue.moduleName=Wr;ue.folderName=cd;import{jsx as fh}from"react/jsx-runtime";var ud=e=>fh(ue,{...e});import{jsx as s4}from"react/jsx-runtime";import{jsx as gh}from"react/jsx-runtime";var bh=ue.options,xh=ue.states,Nh=ue.defaultOptions,hh=[{name:"note",title:"Note"}],vh=[],da=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)}),gh(ud,{style:{width:"500px"},...o,...a})};da.options=bh;da.states=xh;da.variants=vh;da.defaultOptions=Nh;da.modifiers=hh;da.className=ue.className;import{Fragment as Gn,jsx as Vt,jsxs as $a}from"react/jsx-runtime";var Zr="k-upload-dropzone",Lh=[r.hover],Vn=e=>{let{hover:t,status:o,disabled:a,hasFiles:n,filesId:i,...l}=e,m;switch(o){case"uploading":m=$a(Gn,{children:[Vt(v,{icon:"upload"}),"Uploading..."]});break;case"done":m=$a(Gn,{children:[Vt(v,{icon:"check"}),"Done"]});break;case"failed":m=$a(Gn,{children:[Vt(v,{icon:"exclamation-circle"}),"Done"]});break;default:m=Vt(Gn,{});break}return $a("div",{...l,className:s(e.className,Zr,"k-dropzone",S(Zr,{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:"Select files..."}),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:m})]})};Vn.states=Lh;Vn.className=Zr;var Qr="upload",fd=Qr;import{jsx as $n,jsxs as xd}from"react/jsx-runtime";var jr="k-upload",Mh=[r.hover,r.disabled],Sh={},Nd={actionsLayout:"end"},bd="upload-files-list",te=e=>{let{async:t,empty:o,actions:a,actionsLayout:n=Nd.actionsLayout,hover:i,status:l,disabled:m,...u}=e,f=!!e.children;return xd("div",{...u,className:s(e.className,jr,S(jr,{disabled:m}),{"k-upload-async":t,"k-upload-empty":o}),children:[$n(Vn,{status:l,hover:i,disabled:m,hasFiles:f,filesId:bd}),f&&$n("ul",{className:"k-upload-files",role:"list",id:bd,children:e.children}),a&&f&&xd(el,{alignment:n,orientation:"horizontal",children:[$n(p,{className:"k-clear-selected",children:"Clear"}),$n(p,{themeColor:"primary",className:"k-upload-selected",children:"Upload"})]})]})};te.states=Mh;te.options=Sh;te.className=jr;te.defaultOptions=Nd;te.moduleName=Qr;te.folderName=fd;var Xa="progressbar",Xn=Xa;import{jsx as ti,jsxs as ei}from"react/jsx-runtime";var at="k-progressbar",kh=[r.disabled,r.indeterminate],Ch={orientation:["horizontal","vertical"]},uo={indeterminate:!1,label:!0,labelPosition:"start",orientation:"horizontal",reverse:!1,value:"0"},Ce=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:f,style:N,ariaLabel:g,...c}=e;return ei("div",{...c,className:s(e.className,at,S(at,{disabled:t}),{[`${at}-${l}`]:l,[`${at}-indeterminate`]:a,[`${at}-reverse`]:m}),style:{...N,"--kendo-progressbar-value":u,[l==="horizontal"?"height":"width"]:l==="horizontal"?o:f},role:"progressbar","aria-label":g\|\|"progress","aria-valuenow":a?void 0:Number(u),"aria-valuemin":0,"aria-valuemax":100,children:[ti("span",{className:s("k-progress-status-wrap",{[`k-progress-${i}`]:i&&!a}),children:n&&ei("span",{className:"k-progress-status",children:[u,"%"]})}),!a&&ti("div",{className:"k-progressbar-value k-selected",children:ti("span",{className:s("k-progress-status-wrap",{[`k-progress-${i}`]:i}),children:n&&ei("span",{className:"k-progress-status",children:[e.value,"%"]})})})]})};Ce.states=kh;Ce.options=Ch;Ce.className=at;Ce.defaultOptions=uo;Ce.moduleName=Xa;Ce.folderName=Xn;var hd=Ce;import{jsx as oi}from"react/jsx-runtime";var vd="k-chunk-progressbar",Ah=(e,t)=>t<=e-1,Eh=[r.disabled,r.indeterminate],yh={},qn={chunkCount:5,orientation:"horizontal",progress:0},ma=e=>{let{disabled:t,chunkCount:o=qn.chunkCount,indeterminate:a,orientation:n=qn.orientation,progress:i=qn.progress,reverse:l,ariaLabel:m,...u}=e;return oi("div",{...u,className:s(e.className,at,vd,S(at,{disabled:t}),{[`${at}-${n}`]:n,[`${at}-indeterminate`]:a,[`${at}-reverse`]:l}),role:"progressbar","aria-label":m\|\|"progress","aria-valuenow":a?void 0:i,"aria-valuemin":0,"aria-valuemax":o,children:oi("ul",{className:"k-progressbar-chunks k-reset",children:[...Array(o)].map((f,N)=>oi("li",{className:s("k-progressbar-chunk",{"k-first":N===0,"k-last":N===[...Array(o)].length-1,"k-selected":Ah(i,N)})},N))})})};ma.states=Eh;ma.options=yh;ma.className=vd;ma.defaultOptions=qn;ma.moduleName=Xa;ma.folderName=Xn;import{jsx as Ih}from"react/jsx-runtime";var qa=e=>Ih(hd,{...e});import{jsx as X4}from"react/jsx-runtime";import{jsx as $t}from"react/jsx-runtime";var Th=Ce.options,Oh=Ce.states,gd={...Ce.defaultOptions,variant:"start"},Bh=[{name:"start",title:"Label start"},{name:"center",title:"Label center"},{name:"end",title:"Label end"},{name:"empty",title:"No label"}],Ph=[],ca=e=>{let{variant:t,modifiers:o,...a}={...gd,...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"})})}};ca.options=Th;ca.states=Oh;ca.variants=Bh;ca.defaultOptions=gd;ca.modifiers=Ph;ca.className=Ce.className;import{jsx as ai,jsxs as Rh}from"react/jsx-runtime";var Kh="k-file-info",ni=e=>{let{name:t,size:o,validationMsg:a,...n}=e;return Rh("div",{...n,className:s(e.className,Kh),children:[t&&ai("span",{className:"k-file-name",children:t}),o&&ai("span",{className:"k-file-size",children:o}),a&&ai("span",{className:"k-file-validation-message","aria-live":"polite",children:a})]})};import{Fragment as wh,jsx as Et,jsxs as Wn}from"react/jsx-runtime";var _h="k-file",Be=e=>{let{status:t,progress:o,name:a,icon:n,size:i,state:l,validationMsg:m,...u}=e;return Et("li",{...u,className:s(e.className,_h,{[`k-file-${t}`]:t}),role:"listitem",tabIndex:0,children:Wn("div",{className:"k-file-single",children:[Et(Ce,{className:s({"k-hidden":t!=="progress"}),value:o,label:!1}),Wn("span",{className:"k-file-icon-wrapper",children:[Et(v,{className:"k-file-icon",icon:n,size:"xxlarge"}),l&&Et("span",{className:"k-file-state",children:l})]}),Et(ni,{name:a,size:i,validationMsg:m}),Et("div",{className:"k-upload-actions",children:t==="progress"?Wn(wh,{children:[Wn("span",{className:"k-upload-pct",children:[o,"%"]}),Et(p,{icon:"pause",fillMode:"flat",size:"xsmall",className:"k-upload-action","aria-label":"Pause upload",tabIndex:-1}),Et(p,{icon:"cancel",fillMode:"flat",size:"xsmall",className:"k-upload-action","aria-label":"Cancel upload",tabIndex:-1})]}):Et(p,{icon:"x",fillMode:"flat",size:"xsmall",className:"k-upload-action","aria-label":"Remove file",tabIndex:-1})})]})})};import{Fragment as M8,jsx as g8,jsxs as L8}from"react/jsx-runtime";import{Fragment as Dh,jsx as si,jsxs as Hh}from"react/jsx-runtime";var Wa=e=>si(te,{async:!0,children:Hh(Dh,{children:[si(Be,{name:"Image_With_Very_Very_Very_Very_Very_Long_Name1.png",icon:"file-image",size:"51.23 KB"}),si(Be,{name:"Image2.jpg",icon:"file-image",size:"106.43 KB"})]}),...e});import{Fragment as B8,jsx as T8,jsxs as O8}from"react/jsx-runtime";import{jsx as zh}from"react/jsx-runtime";var Ld=e=>zh(te,{async:!0,empty:!0,...e});import{Fragment as z8,jsx as H8,jsxs as U8}from"react/jsx-runtime";import{Fragment as X8,jsx as $8,jsxs as q8}from"react/jsx-runtime";import{jsx as yt,jsxs as Jn}from"react/jsx-runtime";var Uh=te.options,Fh=te.states,Md={...te.defaultOptions,variant:"empty"},Gh=[{name:"empty",title:"Empty"},{name:"upload",title:"Upload"},{name:"uploading",title:"Uploading"},{name:"success",title:"Success"},{name:"failed",title:"Failed"}],Vh=[],ua=e=>{let{variant:t,...o}={...Md,...e};switch(t){case"success":return Jn(Wa,{status:"done",style:{width:"586px"},...o,children:[yt(Be,{status:"success",validationMsg:"File(s) uploaded successfully.",name:"Image1.png",icon:"file-image"}),yt(Be,{status:"success",validationMsg:"File(s) uploaded successfully.",name:"Image2.png",icon:"file-image"})]});case"failed":return Jn(Wa,{status:"failed",style:{width:"586px"},...o,children:[yt(Be,{status:"error",validationMsg:"File type not allowed.",name:"Movie1.mkv",icon:"file-image"}),yt(Be,{status:"error",validationMsg:"File type not allowed.",name:"Video2.mkv",icon:"file-image"})]});case"uploading":return Jn(Wa,{status:"uploading",style:{width:"586px"},...o,children:[yt(Be,{progress:"50",status:"progress",name:"Document1.txt",icon:"file-pdf",size:"328.92 KB"}),yt(Be,{progress:"70",status:"progress",name:"Document2.txt",icon:"file-pdf",size:"225.68 KB"})]});case"upload":return Jn(Wa,{actions:!0,status:"upload",style:{width:"586px"},...o,children:[yt(Be,{name:"Image1.png",icon:"file-image",size:"51.23 KB"}),yt(Be,{name:"Image2.jpg",icon:"file-image",size:"106.43 KB"})]});default:return yt(Ld,{async:!0,status:"upload",style:{width:"586px"},...o})}};ua.options=Uh;ua.states=Fh;ua.variants=Gh;ua.defaultOptions=Md;ua.modifiers=Vh;ua.className=te.className;import{Fragment as ri,jsx as Pe,jsxs as Yn}from"react/jsx-runtime";var vV=e=>Yn(ri,{children:[Pe(V,{children:Yn(ri,{children:[Pe("div",{className:"k-timestamp",children:"Day, Month 7, 2023"}),Pe(F,{children:Pe(w,{})}),Pe(F,{type:"sender",children:Pe(w,{})}),Pe(F,{children:Pe(w,{text:"Very long message text that tests message overflowing behavior. Very long message text that tests message overflowing behavior."})}),Pe(F,{type:"sender",children:Pe(w,{text:"Unusually_long_word_that_tests_word_break_behavior__unusually_long_word_that_tests_word_break_behavior"})})]}),...e}),Yn(Oe,{className:"k-chat-upload",title:"Upload file(s)",actions:["x"],actionButtons:Yn(ri,{children:[Pe(p,{themeColor:"primary",disabled:!0,children:"Upload"}),Pe(p,{children:"Cancel"})]}),children:[Pe(ue,{}),Pe(te,{empty:!0,status:"upload"})]})]});export{vV as ChatUpload};
1	+ var s=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?s(...t):typeof t=="object"?Object.keys(t).map((o,a)=>t[a]\|\|t[o]&&o\|\|null).filter(o=>o!==null).join(" "):t).filter(t=>!!t).join(" ");var E=(e,t)=>s({[`${e}-xs`]:t.size==="xsmall",[`${e}-sm`]:t.size==="small",[`${e}-md`]:t.size==="medium",[`${e}-lg`]:t.size==="large",[`${e}-xl`]:t.size==="xlarge",[`${e}-xxl`]:t.size==="xxlarge",[`${e}-xxxl`]:t.size==="xxxlarge"},{[`${e}-${t.fillMode}`]:t.fillMode},{[`${e}-${t.themeColor}`]:t.themeColor},{"k-rounded-sm":t.rounded==="small","k-rounded-md":t.rounded==="medium","k-rounded-lg":t.rounded==="large","k-rounded-full":t.rounded==="full","k-rounded-none":t.rounded==="none"}),S=(e,t)=>{let{valid:o,invalid:a,hover:n,focus:i,checked:l,active:m,selected:u,disabled:f,indeterminate:N,loading:g,empty:c,readonly:L,highlighted:M,...k}=t;return s({"k-valid":o,"k-invalid":a,"k-hover":n,"k-focus":i,"k-checked":l,"k-active":m,"k-selected":u,"k-disabled":f,"k-indeterminate":N&&!l,"k-loading":g,"k-empty":c,"k-readonly":L,"k-highlighted":M},Object.keys(k).reduce((A,C)=>(C.startsWith("k-")?A[C]=k[C]:A[`k-${C}`]=k[C],A),{}))};function Ja(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(a=>[`k-${a}`,!0]))}var d={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},b={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},x={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},lt={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 ts={};function B(e){return ts[e]=(ts[e]\|\|0)+1,`k-${e}-${ts[e]}`}import{Fragment as Ad,jsx as li}from"react/jsx-runtime";var os="k-font-icon",Sd=[],kd={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]},Cd={},ba=e=>{let{size:t,themeColor:o,icon:a,rotate:n,flip:i,...l}=e;return a?li("span",{...l,className:s(e.className,os,E(os,{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"}):li(Ad,{})};ba.states=Sd;ba.options=kd;ba.className=os;ba.defaultOptions=Cd;var pi=ba;import{Fragment as Id,jsx as Ya}from"react/jsx-runtime";var as="k-svg-icon",Ed=[],yd={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:[lt.outline,lt.solid,lt.duotone]},ns={viewBox:"0 0 24 24",variant:lt.outline},xa=e=>{let{size:t,themeColor:o,rotate:a,flip:n,viewBox:i=ns.viewBox,variant:l=ns.variant,icon:m,...u}=e;if(!m)return Ya(Id,{});if(m==="none")return Ya("span",{...u,className:s(e.className,as,E("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let f=typeof m=="object"&&m.name&&m.name,N=typeof m=="object"?l&&m.variants?.[l]\|\|m.variants?.outline\|\|m.content:void 0;return Ya("span",{...u,className:s(e.className,as,E("k-icon",{size:t}),{[`k-svg-i-${f}`]:f,[`k-color-${o}`]:o,[`k-rotate-${a}`]:a,"k-flip-h":n==="h"\|\|n==="both","k-flip-v":n==="v"\|\|n==="both"}),"aria-hidden":"true",children:Ya("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof m=="object"?m.viewBox:i,dangerouslySetInnerHTML:N!==void 0?{__html:N}:void 0,children:m?void 0:e.children})})};xa.states=Ed;xa.options=yd;xa.className=as;xa.defaultOptions=ns;var ss=xa;importas rs from"@progress/kendo-svg-icons";var di="icon",mi="icons";import{useContext as Od}from"react";import{createContext as Td}from"react";var ci=Td({iconsType:"svg"});import{Fragment as ui,jsx as Na}from"react/jsx-runtime";var Za="k-icon",Bd=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),Pd=[],Kd={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:[lt.outline,lt.solid,lt.duotone]},Qa={viewBox:"0 0 24 24",type:"svg",variant:lt.outline},v=e=>{let{iconsType:t}=Od(ci),{size:o,themeColor:a,icon:n,type:i=t\|\|Qa.type,rotate:l,flip:m,viewBox:u=Qa.viewBox,variant:f=Qa.variant,...N}=e;if(!n)return Na(ui,{});if((t\|\|i)==="svg"){if(n==="none")return Na(ss,{...N,className:s(e.className,Za),icon:n,size:o,variant:f});let c=rs[n]?n:Bd(`${n}-icon`);return rs[c]?Na(ss,{...N,className:s(e.className,Za),icon:rs[c],size:o,themeColor:a,rotate:l,flip:m,viewBox:u,variant:f}):Na(ui,{})}return Na(pi,{...N,className:s(e.className,Za),icon:n,size:o,themeColor:a,rotate:l,flip:m})};v.states=Pd;v.options=Kd;v.defaultOptions=Qa;v.className=Za;v.moduleName=di;v.folderName=mi;var is="button",fi=is;import{Fragment as bi,jsx as fo,jsxs as xi}from"react/jsx-runtime";var ha="k-button",Rd=["icon-button"],_d=[r.hover,r.focus,r.active,r.selected,r.disabled,r.generating],wd={size:[d.undefined,d.xsmall,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[x.undefined,x.solid,x.flat,x.outline,x.clear,x.link],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary,h.success,h.warning,h.error,h.info,h.inverse]},ls={showArrow:!1,arrowIconName:"chevron-down"},p=e=>{let{as:t="button",size:o,rounded:a,fillMode:n,themeColor:i,showArrow:l=ls.showArrow,arrowIconName:m=ls.arrowIconName,variant:u,hover:f,focus:N,active:g,selected:c,disabled:L,togglable:M,ariaDisabled:k,icon:A,iconSize:C,text:y,iconClassName:z,className:le,...Ae}=e,pe=A!=null,fe=e.children!==void 0;return xi(t,{className:s(le,ha,Ja(ha,u),E(ha,{size:o,rounded:a,fillMode:n,themeColor:i}),S(ha,{hover:f,focus:N,active:g,disabled:L\|\|k,selected:c}),{"k-icon-button":!y&&!fe&&pe}),"aria-pressed":M?c?"true":"false":void 0,...Ae,"aria-disabled":k?"true":void 0,disabled:L\|\|void 0,children:[typeof A=="string"&&A&&fo(v,{className:s(z,"k-button-icon"),icon:A,size:C}),A&&typeof A!="string"&&fo(bi,{children:A}),y?xi(bi,{children:[y&&fo("span",{className:"k-button-text",children:y}),e.children]}):e.children&&fo("span",{className:"k-button-text",children:e.children}),l&&fo("span",{className:"k-menu-button-arrow k-button-arrow",children:fo(v,{icon:m})})]})};p.states=_d;p.options=wd;p.variants=Rd;p.className=ha;p.defaultOptions=ls;p.moduleName=is;p.folderName=fi;import{jsx as Dd}from"react/jsx-runtime";var X=e=>Dd(p,{icon:"folder",...e,"aria-label":e["aria-label"]\|\|"Folder",children:void 0});import{jsx as Hd}from"react/jsx-runtime";var va=e=>Hd(p,{icon:"folder",children:"Button",...e});import{jsx as zd}from"react/jsx-runtime";var nt=e=>zd(p,{children:"Button",...e});import{jsx as ps}from"react/jsx-runtime";var Ud=p.options,Fd=p.states,Gd={...p.defaultOptions,variant:"text"},Vd=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],$d=[],bo=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return ps(X,{...o,icon:"star"});case"icon-and-text":return ps(va,{...o,icon:"star",children:"Button"});default:return ps(nt,{...o,children:"Button"})}};bo.options=Ud;bo.states=Fd;bo.variants=Vd;bo.defaultOptions=Gd;bo.modifiers=$d;bo.className=p.className;import{jsx as Ni,jsxs as Yd}from"react/jsx-runtime";var ja="k-fab",Wd=[r.hover,r.focus,r.active,r.selected,r.disabled],Jd={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary]},hi={type:"button"},oe=e=>{let{size:t,rounded:o,themeColor:a,text:n,icon:i,type:l=hi.type,position:m,hover:u,focus:f,active:N,selected:g,disabled:c,...L}=e;return Yd("button",{...L,type:l,className:s(e.className,ja,E(ja,{size:t,rounded:o,themeColor:a}),S(ja,{hover:u,focus:f,active:N,disabled:c,selected:g}),{[`!k-pos-absolute k-${m}`]:m}),...!n&&i&&!e["aria-label"]&&{"aria-label":"Action"},...c&&{"aria-disabled":"true"},disabled:c\|\|void 0,children:[i&&Ni(v,{className:"k-fab-icon",icon:i}),n&&Ni("span",{className:"k-fab-text",children:n})]})};oe.states=Wd;oe.options=Jd;oe.className=ja;oe.defaultOptions=hi;oe.moduleName="fab";oe.folderName="fab";import{jsx as Qd}from"react/jsx-runtime";var Zd="k-fab-items",vi=e=>{let{position:t,...o}=e;return Qd("ul",{...o,className:s(e.className,Zd,{[`k-fab-items-${t}`]:t}),children:e.children})};import{jsx as Li,jsxs as em}from"react/jsx-runtime";var gi="k-fab-item",jd=[r.hover,r.focus,r.active,r.disabled],ds=e=>{let{text:t,icon:o,align:a,hover:n,focus:i,active:l,disabled:m,...u}=e;return em("li",{...u,className:s(e.className,gi,{[`k-text-${a}`]:a},S(gi,{hover:n,focus:i,active:l,disabled:m})),children:[Li("span",{className:"k-fab-item-text",children:t}),Li(v,{className:"k-fab-item-icon",icon:o})]})};ds.states=jd;import{jsx as mg}from"react/jsx-runtime";import{jsx as tm}from"react/jsx-runtime";var Mi=e=>tm(oe,{icon:"plus",...e});import{jsx as hg}from"react/jsx-runtime";import{jsx as Mg}from"react/jsx-runtime";import{jsx as xo,jsxs as im}from"react/jsx-runtime";var om=oe.options,am=oe.states,nm={...oe.defaultOptions,variant:"text"},sm=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],rm=[{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(vi,{position:"bottom",children:xo(ds,{text:"Item",icon:"pencil",align:"right"})})}):null,l;switch(t){case"icon-only":l=xo(oe,{...a,icon:"star"});break;case"icon-and-text":l=xo(oe,{...a,icon:"star",text:"Action"});break;default:l=xo(oe,{...a,text:"Action"});break}return im("span",{style:{position:"relative"},children:[l,i]})};No.options=om;No.states=am;No.variants=sm;No.defaultOptions=nm;No.modifiers=rm;No.className=oe.className;import{jsx as dm}from"react/jsx-runtime";var ms="k-input-inner",lm=[],pm={},en={type:"text",autocomplete:"off",value:"",placeholder:""},be=e=>{let{value:t=en.value,type:o=en.type,placeholder:a=en.placeholder,autocomplete:n=en.autocomplete,disabled:i,readOnly:l,...m}=e;return dm("input",{...m,type:o,className:s(e.className,ms,E(ms,e)),placeholder:a,autoComplete:n,defaultValue:t,disabled:i\|\|void 0,readOnly:l\|\|void 0})};be.states=lm;be.options=pm;be.className=ms;import{jsx as um}from"react/jsx-runtime";var cs="k-input-inner",mm=[],cm={},Si={value:"",placeholder:""},ga=e=>{let{value:t=Si.value,placeholder:o=Si.placeholder,rows:a,disabled:n,...i}=e;return um("textarea",{...i,className:s(e.className,cs,E(cs,e)),placeholder:o,rows:a,defaultValue:t,disabled:n\|\|void 0})};ga.states=mm;ga.options=cm;ga.className=cs;var us="prompt-box",ki=us;var fs="speech-to-text-button",Ci=fs;import{jsx as fm}from"react/jsx-runtime";var Ai="k-speech-to-text-button",Ei={icon:"microphone"},Ke=e=>{let{listening:t=!1,icon:o=Ei.icon,...a}=e;return fm(p,{...a,icon:t?"stop":o,className:s(e.className,Ai,{"k-listening":t}),"aria-pressed":t?"true":"false","aria-label":t?"Stop listening":"Start listening"})};Ke.states=p.states;Ke.options=p.options;Ke.className=Ai;Ke.defaultOptions=Ei;Ke.moduleName=fs;Ke.folderName=Ci;import{jsx as aL}from"react/jsx-runtime";import{jsx as iL}from"react/jsx-runtime";import{jsx as vm}from"react/jsx-runtime";var bm=p.states,yi={...p.defaultOptions,variant:"normal"},xm={...p.options,fillMode:p.options.fillMode.filter(e=>e!=="clear"&&e!=="link")},Nm=[],hm=[{name:"normal",title:"Normal"},{name:"listening",title:"Listening"}],ho=e=>{let{variant:t,...o}={...yi,...e},a={};return t==="listening"&&(a.listening=!0),vm(Ke,{...o,...a})};ho.options=xm;ho.states=bm;ho.variants=hm;ho.defaultOptions=yi;ho.modifiers=Nm;ho.className=Ke.className;import{jsx as Wt,jsxs as bs}from"react/jsx-runtime";var pt="k-prompt-box",gm=[r.hover,r.focus,r.disabled],Lm={fillMode:[x.undefined,x.solid,x.flat,x.outline]},xs={lineMode:"auto",isExpanded:!1},xe=e=>{let{fillMode:t,lineMode:o=xs.lineMode,startAffix:a,endAffix:n,header:i,isExpanded:l=xs.isExpanded,className:m,children:u,value:f,placeholder:N,generating:g,actionButtonConfig:c,speechToTextButtonConfig:L,uploadButtonConfig:M,hover:k,focus:A,disabled:C,...y}=e,z=o==="multi"\|\|o==="auto"&&l;return bs("div",{...y,className:s(m,"k-input",pt,{[`${pt}-singleline`]:o==="single",[`${pt}-multiline`]:z,[`k-input-${t}`]:t,"k-hover":k,"k-focus":A,"k-disabled":C}),children:[i&&Wt("div",{className:`${pt}-header`,children:i}),bs("div",{className:`${pt}-content`,children:[a&&Wt("div",{className:`${pt}-affix`,children:a}),o==="single"?Wt(be,{value:f,placeholder:N,className:`${pt}-input`,type:"text","aria-label":"Prompt input"}):Wt(ga,{value:f,placeholder:N,className:`${pt}-textarea`,rows:o==="multi"\|\|l?3:1,"aria-label":"Prompt input","aria-multiline":"true"}),bs("div",{className:`${pt}-affix`,children:[n,M&&Wt(X,{icon:"paperclip",size:"small",fillMode:"flat",rounded:"full","aria-label":"Attach files",...M}),L!==!1&&Wt(Ke,{size:"small",fillMode:"flat",rounded:"full",...L}),Wt(X,{icon:g?"stop":"arrow-up",size:"small",rounded:"full",active:g,disabled:!f&&!g,"aria-label":g?"Stop generating":"Send prompt","aria-live":"polite",...c,className:s({"k-generating":g},c?.className)})]})]}),u]})};xe.states=gm;xe.options=Lm;xe.className=pt;xe.defaultOptions=xs;xe.moduleName=us;xe.folderName=ki;import{jsx as OL}from"react/jsx-runtime";import{jsx as RL}from"react/jsx-runtime";import{jsx as HL}from"react/jsx-runtime";import{jsx as GL}from"react/jsx-runtime";import{jsx as qL}from"react/jsx-runtime";import{Fragment as Ns,jsx as It,jsxs as Em}from"react/jsx-runtime";var Mm=xe.options,Sm=xe.states,km={...xe.defaultOptions,variant:"Single"},Cm=[{name:"Single",title:"Singleline"},{name:"Multi",title:"Multiline"}],Am=[{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(Ns,{children:It(X,{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=Em(Ns,{children:[i,It(X,{icon:"paperclip",size:"small",fillMode:"flat"})]}));break;case"startAffix":n.startAffix=o?.[l]?It(Ns,{children:It(X,{icon:"plus",size:"small",fillMode:"flat"})}):void 0;break;default:break}}),t==="Multi"?It(xe,{style:{width:300},lineMode:"multi",endAffix:i,placeholder:"Enter your prompt...",...a,...n}):It(xe,{style:{width:300},lineMode:"single",endAffix:i,placeholder:"Enter your prompt...",...a,...n})};vo.options=Mm;vo.states=Sm;vo.variants=Cm;vo.defaultOptions=km;vo.modifiers=Am;vo.className=xe.className;var hs="chat",Ii=hs;import{Fragment as Bi,jsx as Jt,jsxs as La}from"react/jsx-runtime";var Ti="k-chat",ym=[],Im={},Tm=La(Bi,{children:[Jt(X,{icon:"paperclip",fillMode:"clear",rounded:"full",size:"small","aria-label":"Attach file"},"paperclip"),Jt("div",{className:"k-spacer"})]}),Oi={tools:Tm},V=e=>{let{header:t,dir:o,suggestedActions:a,files:n,pinned:i,replied:l,generating:m,tools:u=Oi.tools,value:f,empty:N,scrollToBottom:g,scrollbar:c,promptBoxProps:L,...M}=e;return La("div",{...M,className:s(Ti,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",N&&"k-message-list-content-empty"),children:e.children}),g&&Jt("div",{className:"k-chat-scroll-to-bottom-container",children:Jt(Mi,{themeColor:"base",icon:"arrow-down",size:"small"})})]}),c&&Jt("div",{className:"k-separator"}),La("div",{className:"k-message-box-wrapper",children:[a,Jt(xe,{lineMode:"multi",placeholder:"Type a message",generating:m,value:f,header:n\|\|l?La(Bi,{children:[l,n]}):void 0,endAffix:u,...L})]})]})};V.states=ym;V.options=Im;V.className=Ti;V.defaultOptions=Oi;V.moduleName=hs;V.folderName=Ii;var vs="button",Pi=vs;import{jsx as Km}from"react/jsx-runtime";var Ma="k-button-group",Om=[r.disabled],Bm={fillMode:[x.undefined,x.solid,x.flat,x.outline,x.clear,x.link]},Pm={},T=e=>{let{fillMode:t,disabled:o,stretched:a,...n}=e;return Km("div",{role:"group",...n,className:s(e.className,Ma,E(Ma,{fillMode:t}),S(Ma,{disabled:o}),{[`${Ma}-stretched`]:a}),...o&&{"aria-disabled":"true"},children:e.children})};T.states=Om;T.options=Bm;T.className=Ma;T.defaultOptions=Pm;T.moduleName=vs;T.folderName=Pi;import{Fragment as EM,jsx as AM,jsxs as yM}from"react/jsx-runtime";import{Fragment as KM,jsx as PM,jsxs as RM}from"react/jsx-runtime";import{Fragment as UM,jsx as zM,jsxs as FM}from"react/jsx-runtime";import{Fragment as WM,jsx as qM,jsxs as JM}from"react/jsx-runtime";import{Fragment as tS,jsx as eS,jsxs as oS}from"react/jsx-runtime";import{Fragment as lS,jsx as iS,jsxs as pS}from"react/jsx-runtime";import{jsx as Lt,jsxs as gs}from"react/jsx-runtime";var Rm={...p.options,...T.options},_m=p.states,wm={...p.defaultOptions,...T.defaultOptions,variant:"text-button"},Dm=[{name:"icon-button",title:"Icon Only"},{name:"text-button",title:"Text"},{name:"icon-text-button",title:"Icon Text"}],Hm=[],go=e=>{let{variant:t,className:o,...a}=e;return t==="icon-button"?gs(T,{fillMode:a.fillMode,className:o,children:[Lt(p,{...a,icon:"star"}),Lt(p,{...a,icon:"star"}),Lt(p,{...a,icon:"star"})]}):t==="icon-text-button"?gs(T,{fillMode:a.fillMode,className:o,children:[Lt(p,{...a,icon:"star",children:"First"}),Lt(p,{...a,icon:"star",children:"Middle"}),Lt(p,{...a,icon:"star",children:"Last"})]}):gs(T,{fillMode:a.fillMode,className:o,children:[Lt(p,{...a,children:"First"}),Lt(p,{...a,children:"Middle"}),Lt(p,{...a,children:"Last"})]})};go.options=Rm;go.states=_m;go.variants=Dm;go.defaultOptions=wm;go.modifiers=Hm;go.className=T.className;var Sa="input",on=Sa;import{jsx as Gm}from"react/jsx-runtime";var an="k-input",zm=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading,r.readonly],Um={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[x.undefined,x.solid,x.flat,x.outline]},Fm={},J=e=>{let{hover:t,focus:o,disabled:a,invalid:n,valid:i,loading:l,readonly:m,size:u,rounded:f,fillMode:N,...g}=e;return Gm("span",{...g,className:s(e.className,an,E(an,{size:u,rounded:f,fillMode:N}),S(an,{hover:t,focus:o,disabled:a,invalid:n,valid:i,loading:l,readonly:m}))})};J.states=zm;J.options=Um;J.className=an;J.defaultOptions=Fm;J.moduleName=Sa;J.folderName=on;import{jsx as qm}from"react/jsx-runtime";var nn="k-picker",Vm=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading,r.readonly],$m={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[x.undefined,x.solid,x.flat,x.outline]},Xm={},dt=e=>{let{hover:t,focus:o,disabled:a,invalid:n,valid:i,loading:l,readonly:m,size:u,rounded:f,fillMode:N,...g}=e;return qm("span",{...g,className:s(e.className,nn,E(nn,{size:u,rounded:f,fillMode:N}),S(nn,{hover:t,focus:o,disabled:a,invalid:n,valid:i,loading:l,readonly:m})),children:e.children})};dt.states=Vm;dt.options=$m;dt.className=nn;dt.defaultOptions=Xm;dt.moduleName=Sa;dt.folderName=on;import{Fragment as Ym,jsx as Ls}from"react/jsx-runtime";var Ki="k-clear-value",Wm=[r.disabled,r.loading,r.readonly],Jm={},Re=e=>{let{disabled:t,loading:o,readonly:a,value:n}=e;return t\|\|a\|\|o\|\|!n?Ls(Ym,{}):Ls("span",{className:s(e.className,Ki),children:Ls(v,{icon:"x"})})};Re.states=Wm;Re.options=Jm;Re.className=Ki;import{jsx as Ri,jsxs as jm}from"react/jsx-runtime";var Ms="k-input-inner",Zm=[],Qm={},Yt=e=>{let{value:t,placeholder:o,showValue:a,valueIcon:n,valueIconName:i,...l}=e;return jm("span",{...l,className:s(e.className,Ms,E(Ms,e)),children:[n,!n&&i&&Ri(v,{className:"k-input-value-icon",icon:i}),a&&!t&&o,a&&t&&Ri("span",{className:"k-input-value-text",children:t})]})};Yt.states=Zm;Yt.options=Qm;Yt.className=Ms;import{Fragment as tc,jsx as _i}from"react/jsx-runtime";var wi="k-input-loading-icon",ec=[r.disabled,r.loading],Ee=e=>{let{disabled:t,loading:o}=e;return t\|\|!o?_i(tc,{}):_i("span",{className:s(e.className,wi,"k-icon k-i-loading")})};Ee.states=ec;Ee.className=wi;import{Fragment as nc,jsx as Di}from"react/jsx-runtime";var Hi="k-input-validation-icon",oc=[r.valid,r.invalid,r.disabled,r.loading],ac={},Ne=e=>{let{valid:t,invalid:o,disabled:a,loading:n}=e,i=o?"warning-circle":"check-circle";return a\|\|n\|\|!!!(t\|\|o)?Di(nc,{}):Di(v,{className:s(Hi),icon:i})};Ne.states=oc;Ne.options=ac;Ne.className=Hi;import{Fragment as ic,jsx as zi}from"react/jsx-runtime";var sc="k-input-prefix",rc={direction:"horizontal"},Fe=e=>{let{direction:t=rc.direction,...o}=e;return e.children?zi("span",{...o,className:s(sc,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):zi(ic,{})};import{Fragment as dc,jsx as Ui}from"react/jsx-runtime";var lc="k-input-suffix",pc={direction:"horizontal"},Ge=e=>{let{direction:t=pc.direction,...o}=e;return e.children?Ui("span",{...o,className:s(lc,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):Ui(dc,{})};import{jsx as ak}from"react/jsx-runtime";import{jsx as cc}from"react/jsx-runtime";var mc="k-input-suffix-text",Ss=e=>{let{children:t,...o}=e;return cc("span",{...o,className:s(mc,e.className),children:t})};import{jsx as fc}from"react/jsx-runtime";var Fi="k-input-separator",uc={direction:"vertical"},Ve=e=>{let{direction:t=uc.direction,...o}=e;return fc("span",{...o,className:s(Fi,e.className,{[`${Fi}-${t}`]:t})})};import{Fragment as Gi,jsx as mt,jsxs as ks}from"react/jsx-runtime";var bc=J.states,xc=J.defaultOptions,Nc=J.options,hc=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],vc=[],Lo=e=>{let{modifiers:t,valid:o,invalid:a,loading:n,disabled:i,readonly:l,...m}=e,u=t?.prefix,f=t?.suffix,N=t?.["clear-button"],g=t?.["validation-icon"],c=t?.separators;return ks(J,{...m,valid:o,invalid:a,loading:n,disabled:i,readonly:l,style:{width:300},children:[u&&ks(Gi,{children:[mt(Fe,{children:mt(v,{icon:"lock"})}),c&&mt(Ve,{})]}),mt(be,{placeholder:"Placeholder",value:"Value"}),g&&mt(Ne,{valid:o,invalid:a,loading:n,disabled:i}),mt(Ee,{loading:n,disabled:i}),N&&mt(Re,{loading:n,disabled:i,readonly:l,value:"Value"}),f&&ks(Gi,{children:[c&&mt(Ve,{}),mt(Ge,{children:mt(nt,{size:m.size,fillMode:"clear",children:"Send"})})]})]})};Lo.options=Nc;Lo.states=bc;Lo.variants=vc;Lo.defaultOptions=xc;Lo.modifiers=hc;Lo.className=J.className;import{jsx as Vi,jsxs as Mc}from"react/jsx-runtime";var $i="k-color-preview",gc=[],Lc={},Tt=e=>{let{color:t,iconName:o,...a}=e;return Mc("span",{...a,className:s(e.className,$i,{"k-icon-color-preview":o,"k-no-color":!t}),children:[o&&Vi(v,{icon:o,className:"k-color-preview-icon"}),Vi("span",{className:"k-color-preview-mask",style:{backgroundColor:t}})]})};Tt.states=gc;Tt.options=Lc;Tt.className=$i;var Cs="popup",Xi=Cs;import{jsx as qi}from"react/jsx-runtime";var Wi="k-animation-container",Sc=[],kc={},As={positionMode:"absolute",shown:!0},ct=e=>{let{positionMode:t=As.positionMode,shown:o=As.shown,animationStyle:a,offset:n,...i}=e;return qi("div",{...i,style:{...n,...e.style},className:s(e.className,Wi,{"k-animation-container-shown":o,"k-animation-container-fixed":t==="fixed"}),children:qi("div",{className:"k-child-animation-container",style:a,children:e.children})})};ct.states=Sc;ct.options=kc;ct.className=Wi;ct.defaultOptions=As;ct.moduleName=Cs;ct.folderName=Xi;var Es="popup",Ji=Es;import{jsx as Yi}from"react/jsx-runtime";var Zi="k-popup",Cc=[],Ac={},Qi={positionMode:"absolute"},q=e=>{let{offset:t,positionMode:o=Qi.positionMode,animationStyle:a,containerClassName:n,containerRole:i,containerAriaLabel:l,...m}=e;return Yi(ct,{positionMode:o,offset:t,animationStyle:a,className:n,role:i,"aria-label":l,children:Yi("div",{...m,className:s(e.className,Zi),children:e.children})})};q.states=Cc;q.options=Ac;q.className=Zi;q.defaultOptions=Qi;q.moduleName=Es;q.folderName=Ji;var ys="action-buttons",ji=ys;import{jsx as Ic}from"react/jsx-runtime";var sn="k-actions",Ec=[],yc={},Is={alignment:"start",orientation:"horizontal"},_e=e=>{let{alignment:t=Is.alignment,orientation:o=Is.orientation,...a}=e;return Ic("div",{...a,className:s(sn,{[`${sn}-${t}`]:t,[`${sn}-${o}`]:o},e.className),children:e.children})};_e.states=Ec;_e.options=yc;_e.className=sn;_e.defaultOptions=Is;_e.moduleName=ys;_e.folderName=ji;var el=_e;import{jsx as Oc}from"react/jsx-runtime";var Tc="k-actionsheet-footer",tl={alignment:"stretched",orientation:"horizontal"},Ot=e=>{let{alignment:t=tl.alignment,orientation:o=tl.orientation,template:a,as:n=a?"div":_e,...i}=e;return Oc(n,{...i,...!a&&{alignment:t,orientation:o},className:s(e.className,Tc),children:e.children})};var Ts="searchbox",ol=Ts;import{jsx as ka,jsxs as Kc}from"react/jsx-runtime";var al="k-searchbox",Bc=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading],Pc={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[x.undefined,x.solid,x.flat,x.outline]},rn={showIcon:!0,showClearButton:!0,icon:"search"},$e=e=>{let{value:t,placeholder:o,size:a,rounded:n,fillMode:i,hover:l,focus:m,valid:u,invalid:f,required:N,loading:g,disabled:c,showIcon:L=rn.showIcon,showClearButton:M=rn.showClearButton,icon:k=rn.icon,"aria-label":A,...C}=e;return Kc(J,{...C,size:a,rounded:n,fillMode:i,hover:l,focus:m,valid:u,invalid:f,required:N,loading:g,disabled:c,className:s(e.className,al),children:[L&&ka(v,{className:"k-input-icon",icon:k}),ka(be,{placeholder:o,value:t,"aria-label":A}),ka(Ee,{...e}),ka(Ne,{...e}),M&&ka(Re,{...e})]})};$e.states=Bc;$e.options=Pc;$e.className=al;$e.defaultOptions=rn;$e.moduleName=Ts;$e.folderName=ol;import{jsx as yC}from"react/jsx-runtime";var Os="textbox",nl=Os;import{Fragment as sl,jsx as Bt,jsxs as Bs}from"react/jsx-runtime";var rl="k-textbox",Rc=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading,r.readonly],_c={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[x.undefined,x.solid,x.flat,x.outline]},ln={showClearButton:!0,showValidationIcon:!0,separators:!0},de=e=>{let{size:t,rounded:o,fillMode:a,separators:n=ln.separators,showClearButton:i=ln.showClearButton,showValidationIcon:l=ln.showValidationIcon,prefix:m,suffix:u,type:f,value:N,placeholder:g,hover:c,focus:L,valid:M,invalid:k,required:A,loading:C,disabled:y,readonly:z,id:le,"aria-label":Ae,"aria-describedby":pe,...fe}=e;return Bs(J,{...fe,size:t,rounded:o,fillMode:a,hover:c,focus:L,valid:M,invalid:k,required:A,loading:C,disabled:y,readonly:z,className:s(e.className,rl),children:[m&&Bs(sl,{children:[Bt(Fe,{children:m}),n&&Bt(Ve,{})]}),Bt(be,{id:le,placeholder:g,value:N,type:f,disabled:y,"aria-label":Ae,"aria-describedby":pe,"aria-invalid":k?"true":void 0}),l&&Bt(Ne,{valid:M,invalid:k,loading:C,disabled:y}),Bt(Ee,{loading:C,disabled:y}),i&&Bt(Re,{loading:C,disabled:y,readonly:z,value:N}),u&&Bs(sl,{children:[n&&Bt(Ve,{}),Bt(Ge,{children:u})]})]})};de.states=Rc;de.options=_c;de.className=rl;de.defaultOptions=ln;de.moduleName=Os;de.folderName=nl;var Ca=de;import{jsx as wc}from"react/jsx-runtime";var pn=e=>wc(Ca,{...e});import{Fragment as XC,jsx as $C}from"react/jsx-runtime";import{Fragment as QC,jsx as ZC}from"react/jsx-runtime";import{jsx as oA}from"react/jsx-runtime";import{jsx as Ps}from"react/jsx-runtime";var Dc=de.states,Hc=de.defaultOptions,zc=de.options,Uc=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],Fc=[],Mo=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(n=>{switch(n){case"prefix":a.prefix=t?.[n]?Ps(v,{icon:"lock"}):void 0;break;case"suffix":a.suffix=t?.[n]?Ps(nt,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":a.showClearButton=t?.[n];break;default:break}}),Ps(pn,{value:"Value",style:{width:300},...o,...a})};Mo.options=zc;Mo.states=Dc;Mo.variants=Fc;Mo.defaultOptions=Hc;Mo.modifiers=Uc;Mo.className=de.className;import{jsx as Pt,jsxs as Ks}from"react/jsx-runtime";var il="k-actionsheet-titlebar",Gc={},he=e=>{let{title:t,subtitle:o,actionsStart:a,actionsEnd:n,filter:i,input:l,inputValue:m,inputPlaceholder:u,adaptive:f,titleId:N,children:g,...c}=e;return Ks("div",{...c,className:s(e.className,il),children:[Ks("div",{className:"k-actionsheet-titlebar-group",children:[a&&Pt("div",{className:"k-actionsheet-actions",children:a}),!g&&Ks("div",{className:"k-actionsheet-title",id:N,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:N,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(de,{value:m,placeholder:u,size:f?"large":"medium","aria-label":t\|\|u\|\|"Input"}):Pt($e,{placeholder:"Filter",size:f?"large":"medium","aria-label":"Filter options"})})]})};he.className=il;he.defaultOptions=Gc;import{jsx as Rs,jsxs as qc}from"react/jsx-runtime";var _s="k-actionsheet-view",Vc=[],$c={},Xc={},So=e=>{let{adaptive:t,animated:o,children:a,header:n,footer:i,titleId:l,...m}=e,u=n?.type===he&&Rs(he,{adaptive:t,titleId:l,...n?.props}),f=i?.type===Ot&&Rs(Ot,{...i?.props});return qc("div",{...m,className:s(e.className,_s,{[`${_s}-animated`]:o}),children:[u,Rs("div",{className:"k-actionsheet-content",children:a}),f]})};So.states=Vc;So.options=$c;So.className=_s;So.defaultOptions=Xc;var Aa="action-sheet",dn=Aa;var ws="overlay",ll=ws;import{jsx as Zc}from"react/jsx-runtime";var pl="k-overlay",Wc=[],Jc={},Yc={},ut=e=>{let{...t}=e;return Zc("div",{...t,className:s(e.className,pl),children:e.children})};ut.states=Wc;ut.options=Jc;ut.className=pl;ut.defaultOptions=Yc;ut.moduleName=ws;ut.folderName=ll;import{jsx as mn,jsxs as eu}from"react/jsx-runtime";var dl="k-actionsheet",Qc=[],jc={},Ea={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},Y=e=>{let{side:t=Ea.side,fullscreen:o=Ea.fullscreen,adaptive:a=Ea.adaptive,overlay:n=Ea.overlay,template:i,children:l,header:m,footer:u,id:f,...N}=e,g=f&&!i&&m?`${f}-title`:void 0;return eu("div",{className:"k-actionsheet-container",children:[n&&mn(ut,{}),mn(ct,{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:mn("div",{...N,id:f,role:"dialog","aria-modal":n?"true":void 0,"aria-labelledby":g,className:s(e.className,dl,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":a}),children:i\|\|mn(So,{header:m,footer:u,adaptive:a,titleId:g,...e,children:l})})})]})};Y.states=Qc;Y.options=jc;Y.className=dl;Y.defaultOptions=Ea;Y.moduleName=Aa;Y.folderName=dn;import{jsx as nu}from"react/jsx-runtime";var ml="k-actionsheet-container",tu=[],ou={},au={},ko=e=>{let{children:t,...o}=e;return nu("div",{...o,className:ml,children:t})};ko.states=tu;ko.options=ou;ko.className=ml;ko.defaultOptions=au;ko.moduleName=Aa;ko.folderName=dn;import{jsx as su}from"react/jsx-runtime";var Ds=e=>{let{...t}=e;return su("div",{...t,className:s(e.className,"k-list-ul"),children:e.children})};import{Fragment as iu,jsx as ya,jsxs as Hs}from"react/jsx-runtime";var zs="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 Hs("span",{...u,className:s(e.className,zs,S(zs,{hover:n,focus:i,selected:l,disabled:m})),children:[!e.children&&ya(iu,{children:Hs("span",{className:"k-actionsheet-action",children:[t&&ya("span",{className:"k-icon-wrap",children:ya(v,{className:"k-actionsheet-item-icon",icon:t})}),Hs("span",{className:"k-actionsheet-item-text",children:[o&&ya("span",{className:"k-actionsheet-item-title",children:o}),a&&ya("span",{className:"k-actionsheet-item-description",children:a})]})]})}),e.children]})};Kt.states=ru;Kt.className=zs;import{jsx as tE,jsxs as oE}from"react/jsx-runtime";import{jsx as rE}from"react/jsx-runtime";import{jsx as dE}from"react/jsx-runtime";import{jsx as fE}from"react/jsx-runtime";import{jsx as se,jsxs as Us}from"react/jsx-runtime";var lu=Y.options,pu=Y.states,ul={...Y.defaultOptions,variant:"normal"},du=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],mu=[{name:"actions",title:"Titlebar Actions",type:"boolean"},{name:"subtitle",title:"Subtitle",type:"boolean"},{name:"footer",title:"Footer",type:"boolean"}],Co=e=>{let{variant:t,modifiers:o,...a}={...ul,...e},n={},i=Us(Ds,{children:[se(Kt,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),se(Kt,{text:"Add to Favorites",iconName:"heart"}),se(Kt,{text:"Upload New",iconName:"upload",disabled:!0}),se("hr",{className:"k-hr"}),se(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"?se(Y,{...a,adaptive:!0,fullscreen:n.fullScreen,header:se(he,{actionsStart:n.actionsStart?se(p,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:n.actionsEnd?se(p,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:m,subtitle:n.subtitle}),footer:n.footer?Us(Ot,{alignment:"stretched",children:[se(p,{text:"Cancel",size:"large",themeColor:"base"}),se(p,{text:"Apply",size:"large",themeColor:"primary"})]}):void 0,children:i}):se(Y,{...a,fullscreen:n.fullScreen,header:se(he,{actionsStart:n.actionsStart?se(p,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:n.actionsEnd?se(p,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:n.subtitle}),footer:n.footer?Us(Ot,{alignment:"stretched",children:[se(p,{text:"Apply",themeColor:"primary"}),se(p,{text:"Cancel",themeColor:"base"})]}):void 0,children:i})};Co.options=lu;Co.states=pu;Co.variants=du;Co.defaultOptions=ul;Co.modifiers=mu;Co.className=Y.className;var Fs="slider",fl=Fs;import{jsx as Ao,jsxs as Gs}from"react/jsx-runtime";var Ia="k-slider",cu=[r.hover,r.focus,r.active,r.disabled,r.readonly],uu={},Xe={type:"single",orientation:"horizontal",gradientType:"1d",readonly:!1,disabled:!1,handlePosition:"end",showButtons:!0,showTicks:!0,value:50,min:0,max:100},$=e=>{let{type:t=Xe.type,orientation:o=Xe.orientation,gradientType:a=Xe.gradientType,readonly:n=Xe.readonly,disabled:i=Xe.disabled,handlePosition:l=Xe.handlePosition,showButtons:m=Xe.showButtons,showTicks:u=Xe.showTicks,value:f=Xe.value,min:N=Xe.min,max:g=Xe.max,startValue:c,endValue:L,hover:M,focus:k,active:A,trackStyle:C,dir:y,...z}=e,Ae=(()=>{if(t==="gradient"&&a==="2d")return"undefined";if(o==="vertical")return"vertical"})(),pe,fe;return o==="horizontal"?(pe=y==="rtl"?"chevron-left":"chevron-right",fe=y==="rtl"?"chevron-right":"chevron-left"):o==="vertical"&&(pe="chevron-up",fe="chevron-down"),Gs("div",{...z,className:s(Ia,e.className,S(Ia,{readonly:n,disabled:i}),{[`k-slider-${o}`]:o,"k-colorgradient-slider":t==="gradient"}),dir:y,children:[m&&Ao(p,{className:"k-button-decrease",rounded:"full",icon:fe,tabIndex:-1,title:"Decrease"}),Gs("div",{className:"k-slider-track-wrap",children:[u&&Ao("ul",{className:"k-reset k-slider-items","aria-hidden":"true",children:e.children}),Gs("div",{className:"k-slider-track",style:C,children:[Ao("div",{className:"k-slider-selection"}),t==="range"&&Ao("span",{className:s("k-draghandle","k-draghandle-start",S(Ia,{hover:M,focus:k,active:A})),role:"slider",tabIndex:i?void 0:0,"aria-valuenow":c??N,"aria-valuemin":N,"aria-valuemax":L??g,"aria-orientation":Ae,"aria-disabled":i?"true":void 0,"aria-readonly":n?"true":void 0,"aria-label":z["aria-label"]?`${z["aria-label"]} start`:"Range start"}),Ao("span",{className:s("k-draghandle",`k-draghandle-${l}`,S(Ia,{hover:M,focus:k,active:A})),role:"slider",tabIndex:i?void 0:0,"aria-valuenow":t==="range"?L??g:f,"aria-valuemin":t==="range"?c??N:N,"aria-valuemax":g,"aria-orientation":Ae,"aria-disabled":i?"true":void 0,"aria-readonly":n?"true":void 0,"aria-label":t==="range"?z["aria-label"]?`${z["aria-label"]} end`:"Range end":z["aria-label"]})]})]}),m&&Ao(p,{className:"k-button-increase",rounded:"full",icon:pe,tabIndex:-1,title:"Increase"})]})};$.states=cu;$.options=uu;$.className=Ia;$.defaultOptions=Xe;$.moduleName=Fs;$.folderName=fl;import{jsx as bl}from"react/jsx-runtime";var xl="k-tick",fu=[],bu={},Nl={label:!1},I=e=>{let{style:t,label:o=Nl.label,orientation:a,large:n,text:i,...l}=e;return bl("li",{...l,role:"presentation",title:i\|\|"Tick",className:s(e.className,xl,{[`k-tick-${a}`]:a,"k-tick-large":n}),style:t,children:o&&bl("span",{className:"k-label",children:i})})};I.states=fu;I.options=bu;I.className=xl;I.defaultOptions=Nl;import{Fragment as xu,jsx as qe,jsxs as Nu}from"react/jsx-runtime";var hl=e=>qe($,{"aria-label":e["aria-label"]\|\|"Slider",children:Nu(xu,{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 hu,jsx as We,jsxs as vu}from"react/jsx-runtime";var vl=e=>We($,{children:vu(hu,{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 oy,jsx as ty,jsxs as ay}from"react/jsx-runtime";import{Fragment as ly,jsx as iy,jsxs as py}from"react/jsx-runtime";import{jsx as gu}from"react/jsx-runtime";var Vs=e=>gu($,{type:"gradient",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]\|\|"Color slider"});import{jsx as Lu}from"react/jsx-runtime";var $s=e=>Lu($,{type:"gradient",orientation:"vertical",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]\|\|"Color slider"});import{Fragment as gy,jsx as vy,jsxs as Ly}from"react/jsx-runtime";import{Fragment as Ay,jsx as Cy,jsxs as Ey}from"react/jsx-runtime";import{jsx as ft,jsxs as gl}from"react/jsx-runtime";var Mu=$.options,Su=$.states,Ll={...$.defaultOptions,variant:"horizontal",label:!0},ku=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],Cu=[{name:"label",title:"Labels",default:!0},{name:"tick",title:"Ticks",default:!0},{name:"button",title:"Side Buttons",default:!0}],Eo=e=>{let{variant:t,modifiers:o,...a}=e,n=Ll.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"?gl(vl,{style:{height:"300px",...l},...a,...i,children:[ft(I,{label:n,large:!0,orientation:"vertical",text:"0",style:{position:"absolute",bottom:"0%"}}),ft(I,{label:n,large:!0,orientation:"vertical",text:"2",style:{position:"absolute",bottom:"25%"}}),ft(I,{label:n,large:!0,orientation:"vertical",text:"4",style:{position:"absolute",bottom:"50%"}}),ft(I,{label:n,large:!0,orientation:"vertical",text:"6",style:{position:"absolute",bottom:"75%"}}),ft(I,{label:n,large:!0,orientation:"vertical",text:"8",style:{position:"absolute",bottom:"100%"}})]}):gl(hl,{style:{width:"400px",...l},...a,...i,children:[ft(I,{label:n,large:!0,orientation:"horizontal",text:"0",style:{position:"absolute",left:"0%"}}),ft(I,{label:n,large:!0,orientation:"horizontal",text:"2",style:{position:"absolute",left:"25%"}}),ft(I,{label:n,large:!0,orientation:"horizontal",text:"4",style:{position:"absolute",left:"50%"}}),ft(I,{label:n,large:!0,orientation:"horizontal",text:"6",style:{position:"absolute",left:"75%"}}),ft(I,{label:n,large:!0,orientation:"horizontal",text:"8",style:{position:"absolute",left:"100%"}})]})};Eo.options=Mu;Eo.states=Su;Eo.variants=ku;Eo.defaultOptions=Ll;Eo.modifiers=Cu;Eo.className=$.className;import{jsx as Ml,jsxs as Tu}from"react/jsx-runtime";var Sl="k-spin-button",yu=[],Iu={size:[d.undefined,d.small,d.medium,d.large],fillMode:[x.undefined,x.solid,x.flat,x.outline,x.clear,x.link]},Xs={increaseLabel:"Increase value",decreaseLabel:"Decrease value"},Rt=e=>{let{size:t,fillMode:o,disabled:a,increaseLabel:n=Xs.increaseLabel,decreaseLabel:i=Xs.decreaseLabel,...l}=e;return Tu("span",{...l,className:s(Sl,e.className),children:[Ml(p,{className:"k-spinner-increase",icon:"chevron-up",size:t,fillMode:o,disabled:a,"aria-label":n}),Ml(p,{className:"k-spinner-decrease",icon:"chevron-down",size:t,fillMode:o,disabled:a,"aria-label":i})]})};Rt.states=yu;Rt.options=Iu;Rt.className=Sl;Rt.defaultOptions=Xs;Rt.moduleName=null;Rt.folderName=null;var kl="numeric-textbox",Cl="numerictextbox";import{Fragment as Al,jsx as Mt,jsxs as qs}from"react/jsx-runtime";var El="k-numerictextbox",Ou=[r.hover,r.focus,r.valid,r.invalid,r.loading,r.required,r.disabled,r.readonly],Bu={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[x.undefined,x.solid,x.flat,x.outline]},cn={showSpinButton:!0,showClearButton:!0,separators:!0},D=e=>{let{size:t,rounded:o,fillMode:a,separators:n=cn.separators,showClearButton:i=cn.showClearButton,showSpinButton:l=cn.showSpinButton,prefix:m,suffix:u,value:f,placeholder:N,hover:g,focus:c,valid:L,invalid:M,required:k,loading:A,disabled:C,readonly:y,id:z,"aria-label":le,"aria-describedby":Ae,...pe}=e;return qs(J,{...pe,size:t,rounded:o,fillMode:a,hover:g,focus:c,valid:L,invalid:M,required:k,loading:A,disabled:C,readonly:y,className:s(e.className,El),children:[m&&qs(Al,{children:[Mt(Fe,{children:m}),n&&Mt(Ve,{})]}),Mt(be,{id:z,placeholder:N,value:f,role:"spinbutton",disabled:C,"aria-label":le,"aria-describedby":Ae,"aria-invalid":M?"true":void 0}),Mt(Ne,{valid:L,invalid:M,loading:A,disabled:C}),Mt(Ee,{loading:A,disabled:C}),i&&Mt(Re,{loading:A,disabled:C,readonly:y,value:f}),u&&qs(Al,{children:[n&&Mt(Ve,{}),Mt(Ge,{children:u})]}),l&&Mt(Rt,{className:"k-input-spinner",size:t,fillMode:a,disabled:C})]})};D.states=Ou;D.options=Bu;D.className=El;D.defaultOptions=cn;D.moduleName=kl;D.folderName=Cl;var Ta=D;import{jsx as Pu}from"react/jsx-runtime";var yl=e=>Pu(Ta,{...e});import Js from"react";import{jsx as Il}from"react/jsx-runtime";var Ku="k-list-group-sticky-header",Ws=e=>Il("div",{className:s(Ku,e.className),children:Il("div",{className:"k-list-header-text",children:e.children})});import{jsx as _u}from"react/jsx-runtime";var Ru="k-no-data",un=e=>{let{live:t,...o}=e;return _u("span",{...o,className:s(Ru,e.className),"aria-live":t?"polite":void 0,children:e.children})};var Zt="list",yo=Zt;import{jsx as Tl,jsxs as Ol}from"react/jsx-runtime";var Ys="k-list",wu=[],Du={size:[d.undefined,d.small,d.medium,d.large]},Hu={},K=e=>{let{size:t,virtualization:o,children:a,header:n,selectAll:i,optionLabel:l,customValue:m,noData:u,screenReaders:f,...N}=e,c=Js.Children.toArray(a)[0],L=c?.props?.children?Js.Children.count(c.props.children):Js.Children.count(a);return Ol("div",{...N,className:s(e.className,Ys,E(Ys,{size:t}),{"k-virtual-list":o}),children:[l,i,m,n&&Tl(Ws,{children:n}),a\|\|(u!==void 0?u:Tl(un,{live:!0,children:"No data found."})),f&&a&&Ol(un,{className:"k-sr-only",live:!0,children:[L," items found."]})]})};K.states=wu;K.options=Du;K.className=Ys;K.defaultOptions=Hu;K.moduleName=Zt;K.folderName=yo;import{jsx as Gu}from"react/jsx-runtime";var Bl="k-list-container",zu=[],Uu={},Fu={},Io=e=>{let{...t}=e;return Gu("div",{...t,className:s(e.className,Bl),children:e.children})};Io.states=zu;Io.options=Uu;Io.className=Bl;Io.defaultOptions=Fu;Io.moduleName=Zt;Io.folderName=yo;var Qt="checkbox",To=Qt;import{jsx as Pl}from"react/jsx-runtime";var fn="k-checkbox",Vu=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.checked,r.indeterminate],$u={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full]},Xu={},we=e=>{let{id:t,checked:o,indeterminate:a,hover:n,focus:i,disabled:l,invalid:m,valid:u,required:f,size:N,rounded:g,wrapperRole:c,...L}=e;return Pl("span",{className:"k-checkbox-wrap",role:c,children:Pl("input",{...L,id:t,type:"checkbox",defaultChecked:o,required:f,disabled:l\|\|void 0,"aria-invalid":m?"true":void 0,className:s(e.className,fn,E(fn,{size:N,rounded:g}),S(fn,{hover:n,focus:i,disabled:l,invalid:m,valid:u,indeterminate:a,checked:o}))})})};we.states=Vu;we.options=$u;we.className=fn;we.defaultOptions=Xu;we.moduleName=Qt;we.folderName=To;var st=we;import{jsx as Ju}from"react/jsx-runtime";var Kl="k-checkbox-list",qu=[],Wu={},Rl={layout:"vertical"},ve=e=>{let{layout:t=Rl.layout,...o}=e;return Ju("ul",{...o,className:s(e.className,Kl,{[`k-list-${t}`]:t}),children:e.children})};ve.states=qu;ve.options=Wu;ve.className=Kl;ve.defaultOptions=Rl;ve.moduleName=Qt;ve.folderName=To;import{jsx as ju}from"react/jsx-runtime";var _l="k-checkbox-list-item",Yu=[],Zu={},Qu={},ge=e=>{let{...t}=e;return ju("li",{...t,className:s(e.className,_l),children:e.children})};ge.states=Yu;ge.options=Zu;ge.className=_l;ge.defaultOptions=Qu;ge.moduleName=Qt;ge.folderName=To;import{Fragment as ef,jsx as wl,jsxs as tf}from"react/jsx-runtime";var St=({children:e="Label",id:t="cb-label-after",...o})=>tf(ef,{children:[wl(st,{id:t,...o}),wl("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});import{Fragment as ZI,jsx as YI,jsxs as QI}from"react/jsx-runtime";import{Fragment as aT,jsx as oT,jsxs as nT}from"react/jsx-runtime";import{Fragment as pT,jsx as lT,jsxs as dT}from"react/jsx-runtime";import{jsx as fT}from"react/jsx-runtime";import{jsx as hT}from"react/jsx-runtime";import{jsx as MT}from"react/jsx-runtime";import{jsx as Je,jsxs as Dl}from"react/jsx-runtime";var of=ve.options,af=ve.states,nf={...ve.defaultOptions,variant:"vertical"},sf=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],rf=[],Oo=e=>{let{variant:t,...o}=e;return t==="horizontal"?Dl(ve,{layout:"horizontal",...o,children:[Je(ge,{children:Je(St,{id:B("cb"),defaultChecked:!0,children:"Label"})}),Je(ge,{children:Je(St,{id:B("cb"),children:"Label"})}),Je(ge,{children:Je(St,{id:B("cb"),children:"Label"})})]}):Dl(ve,{...o,children:[Je(ge,{children:Je(St,{id:B("cb"),defaultChecked:!0,children:"Label"})}),Je(ge,{children:Je(St,{id:B("cb"),children:"Label"})}),Je(ge,{children:Je(St,{id:B("cb"),children:"Label"})})]})};Oo.options=of;Oo.states=af;Oo.variants=sf;Oo.defaultOptions=nf;Oo.modifiers=rf;Oo.className=ve.className;import{jsx as uf}from"react/jsx-runtime";var lf=st.options,pf=st.states,df=st.defaultOptions,mf=[],cf=[],Bo=e=>uf(St,{id:B("checkbox"),...e,defaultChecked:!0,children:"Label"});Bo.options=lf;Bo.states=pf;Bo.variants=mf;Bo.defaultOptions=df;Bo.modifiers=cf;Bo.className=st.className;import{jsx as Po,jsxs as Nf}from"react/jsx-runtime";var Zs="k-list-item",ff=[r.hover,r.focus,r.selected,r.disabled],bf={},xf={},O=e=>{let{text:t,iconName:o,iconClassName:a,showCheckbox:n,checked:i,hover:l,focus:m,selected:u,disabled:f,actions:N,description:g,id:c,...L}=e,M=t\|\|e.children,k=t\|\|(typeof M=="string"?M:void 0);return Nf("li",{...L,id:c,role:"option",tabIndex:m?0:-1,"aria-selected":u?"true":"false","aria-disabled":f?"true":void 0,className:s(e.className,Zs,S(Zs,{hover:l,focus:m,disabled:f,selected:u})),children:[n&&Po(we,{checked:i,disabled:f,"aria-label":k,tabIndex:-1}),o&&Po("span",{className:"k-list-item-icon-wrapper",children:Po(v,{icon:o,className:s("k-list-item-icon",a)})}),Po("span",{className:"k-list-item-text",children:M}),N&&Po("div",{className:"k-list-item-actions",children:N}),g&&Po("span",{className:"k-list-item-description",children:g})]})};O.states=ff;O.options=bf;O.className=Zs;O.defaultOptions=xf;O.moduleName=Zt;O.folderName=yo;import{jsx as vf}from"react/jsx-runtime";var hf="k-list-ul",_t=e=>{let{children:t,role:o,id:a,...n}=e;return vf("ul",{...n,id:a,role:o,className:s(hf,e.className),children:t})};import{jsx as Qs,jsxs as Lf}from"react/jsx-runtime";var gf="k-list-content",U=e=>{let{virtualization:t,grouping:o,"aria-label":a,"aria-labelledby":n,listboxId:i,...l}=e;return Lf("div",{...l,className:s(gf,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:Qs(_t,{role:"listbox",id:i,"aria-label":a,"aria-labelledby":n,children:e.children}),t&&Qs("div",{className:"k-height-container",children:Qs("div",{})})]})};import{jsx as js,jsxs as Cf}from"react/jsx-runtime";var bn="k-list-sticky-header",Mf=[r.hover,r.focus,r.selected],Sf={},kf={},xn=e=>{let{label:t="Select all",showCheckbox:o=!0,checked:a,indeterminate:n,hover:i,focus:l,selected:m,...u}=e;return js("div",{...u,className:s(bn,e.className),children:Cf("div",{className:s(`${bn}-item`,S(`${bn}-item`,{hover:i,focus:l,selected:m})),"aria-label":t,...!o&&{tabIndex:0,"aria-selected":m?"true":"false"},children:[o&&js(we,{checked:a,indeterminate:n,"aria-label":t}),js("span",{className:"k-list-item-text",children:t})]})})};xn.states=Mf;xn.options=Sf;xn.className=bn;xn.defaultOptions=kf;import{Fragment as xO,jsx as bO,jsxs as NO}from"react/jsx-runtime";import{jsx as MO,jsxs as SO}from"react/jsx-runtime";import{jsx as If}from"react/jsx-runtime";var er="k-list-optionlabel",Af=[r.hover,r.focus,r.selected,r.disabled],Ef={},yf={},Nn=e=>{let{text:t,hover:o,focus:a,selected:n,disabled:i,...l}=e;return If("div",{...l,className:s(er,S(er,{hover:o,focus:a,selected:n,disabled:i})),children:t})};Nn.states=Af;Nn.options=Ef;Nn.className=er;Nn.defaultOptions=yf;import{jsx as Pf}from"react/jsx-runtime";var tr="k-list-custom-value",Tf=[r.hover,r.focus,r.selected,r.disabled],Of={},Bf={},wt=e=>{let{text:t,hover:o,focus:a,selected:n,disabled:i,...l}=e;return Pf("div",{...l,className:s(tr,S(tr,{hover:o,focus:a,selected:n,disabled:i})),children:t})};wt.states=Tf;wt.options=Of;wt.className=tr;wt.defaultOptions=Bf;import{Fragment as RO,jsx as KO,jsxs as _O}from"react/jsx-runtime";import{Fragment as FO,jsx as UO,jsxs as GO}from"react/jsx-runtime";import{Fragment as YO,jsx as WO,jsxs as JO}from"react/jsx-runtime";import{Fragment as aB,jsx as tB,jsxs as oB}from"react/jsx-runtime";import{jsx as iB}from"react/jsx-runtime";import{Fragment as uB,jsx as cB,jsxs as fB}from"react/jsx-runtime";import{Fragment as gB,jsx as vB,jsxs as LB}from"react/jsx-runtime";var Hl="dropdown-list",zl="dropdownlist";import{Fragment as _f,jsx as Le,jsxs as or}from"react/jsx-runtime";var Ul="k-dropdownlist",Kf=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading,r.readonly],Rf={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[x.undefined,x.solid,x.flat,x.outline]},ar={showValue:!0,arrowIconName:"chevron-down"},ne=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:n=ar.arrowIconName,showValue:i=ar.showValue,valueIconName:l,prefix:m,suffix:u,value:f,placeholder:N,hover:g,focus:c,valid:L,invalid:M,required:k,loading:A,disabled:C,readonly:y,popup:z,opened:le,adaptive:Ae,adaptiveSettings:pe,adaptiveTitle:fe,adaptiveSubtitle:Zn,adaptiveFilter:Xt,id:qt,activeDescendant:fa,"aria-label":Qn,...jn}=e,es=qt?`${qt}-listbox`:void 0,ii=qt?`${qt}-value`:void 0;return or(_f,{children:[or(dt,{...jn,id:qt,size:t,rounded:o,fillMode:a,hover:g,focus:c,valid:L,invalid:M,required:k,loading:A,disabled:C,readonly:y,className:s(e.className,Ul,{"k-icon-picker":!i&&l}),role:"combobox","aria-haspopup":"listbox","aria-expanded":le?"true":"false","aria-controls":le?es:void 0,"aria-activedescendant":le&&fa?fa:void 0,"aria-describedby":le?ii:void 0,"aria-disabled":C?"true":void 0,"aria-label":Qn,tabIndex:0,children:[Le(Fe,{children:m}),Le(Yt,{placeholder:N,value:f,showValue:i,valueIconName:l,id:ii}),Le(Ne,{valid:L,invalid:M,loading:A,disabled:C}),Le(Ee,{loading:A,disabled:C}),Le(Ge,{children:u}),Le(p,{className:"k-input-button",icon:n,size:e.size,fillMode:e.fillMode,"aria-label":N\|\|"Toggle dropdown",tabIndex:-1})]}),le&&z&&Le(q,{className:"k-list-container k-dropdownlist-popup",containerRole:"region",containerAriaLabel:"Dropdown suggestions",children:z}),Ae&&Le(Y,{adaptive:!0,...pe,header:Le(he,{actionsEnd:Le(p,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),filter:Xt,inputValue:f,inputPlaceholder:N,title:fe,subtitle:Zn}),children:Le("div",{className:"k-list-container",children:Le(K,{size:"large",children:or(U,{"aria-label":"Options",children:[Le(O,{text:"List item"}),Le(O,{text:"List item"}),Le(O,{text:"List item"})]})})})})]})};ne.states=Kf;ne.options=Rf;ne.className=Ul;ne.defaultOptions=ar;ne.moduleName=Hl;ne.folderName=zl;import{jsx as oP}from"react/jsx-runtime";import{jsx as lP,jsxs as pP}from"react/jsx-runtime";import{Fragment as hP,jsx as xP,jsxs as NP}from"react/jsx-runtime";import{jsx as SP}from"react/jsx-runtime";import{jsx as IP,jsxs as TP}from"react/jsx-runtime";import{Fragment as HP,jsx as wP,jsxs as DP}from"react/jsx-runtime";import{jsx as VP}from"react/jsx-runtime";import{Fragment as Ff,jsx as Dt,jsxs as Fl}from"react/jsx-runtime";var wf=ne.states,Df=ne.defaultOptions,Hf=ne.options,zf=[{name:"opened",title:"Opened"}],Uf=[],Ro=e=>{let{modifiers:t,...o}=e,a={},n=Fl(Ff,{children:[Dt("div",{className:"k-list-filter",children:Dt($e,{})}),Dt(K,{style:{width:300},size:o.size,children:Fl(U,{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})})};Ro.options=Hf;Ro.states=wf;Ro.variants=Uf;Ro.defaultOptions=Df;Ro.modifiers=zf;Ro.className=ne.className;import{Fragment as cK,jsx as mK}from"react/jsx-runtime";import{Fragment as hK,jsx as NK}from"react/jsx-runtime";import{jsx as MK}from"react/jsx-runtime";import{jsx as nr}from"react/jsx-runtime";var Gf=D.states,Vf=D.defaultOptions,$f=D.options,Xf=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"spin-button",title:"`Spin` Button"}],qf=[],_o=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(n=>{switch(n){case"prefix":a.prefix=t?.[n]?nr(ne,{size:o.size,fillMode:"flat",value:"mm"}):void 0;break;case"suffix":a.suffix=t?.[n]?nr(Ss,{children:"mm"}):void 0;break;case"clear-button":a.showClearButton=t?.[n];break;case"spin-button":a.showSpinButton=t?.[n];break;default:break}}),nr(yl,{value:"Value",style:{width:300},...o,...a})};_o.options=$f;_o.states=Gf;_o.variants=qf;_o.defaultOptions=Vf;_o.modifiers=Xf;_o.className=D.className;import{Fragment as Ba,jsx as P,jsxs as Z}from"react/jsx-runtime";var Gl="k-colorgradient-inputs",Wf=[],Jf={size:[d.undefined,d.small,d.medium,d.large]},Vl={mode:"rgba"},wo=e=>{let{mode:t=Vl.mode,size:o,...a}=e;return Z("div",{...a,className:s(Gl,"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(Ba,{children:[Z("div",{className:"k-vstack",children:[P(D,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Red channel"}),P("label",{className:"k-colorgradient-input-label",children:"R"})]}),Z("div",{className:"k-vstack",children:[P(D,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Green channel"}),P("label",{className:"k-colorgradient-input-label",children:"G"})]}),Z("div",{className:"k-vstack",children:[P(D,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Blue channel"}),P("label",{className:"k-colorgradient-input-label",children:"B"})]}),Z("div",{className:"k-vstack",children:[P(D,{showSpinButton:!1,showClearButton:!1,value:"1.00",size:o,"aria-label":"Alpha channel"}),P("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="rgb"&&Z(Ba,{children:[Z("div",{className:"k-vstack",children:[P(D,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Red channel"}),P("label",{className:"k-colorgradient-input-label",children:"R"})]}),Z("div",{className:"k-vstack",children:[P(D,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Green channel"}),P("label",{className:"k-colorgradient-input-label",children:"G"})]}),Z("div",{className:"k-vstack",children:[P(D,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Blue channel"}),P("label",{className:"k-colorgradient-input-label",children:"B"})]})]}),t==="hsva"&&Z(Ba,{children:[Z("div",{className:"k-vstack",children:[P(D,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),P("label",{className:"k-colorgradient-input-label",children:"H"})]}),Z("div",{className:"k-vstack",children:[P(D,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),P("label",{className:"k-colorgradient-input-label",children:"S"})]}),Z("div",{className:"k-vstack",children:[P(D,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),P("label",{className:"k-colorgradient-input-label",children:"V"})]}),Z("div",{className:"k-vstack",children:[P(D,{showSpinButton:!1,showClearButton:!1,value:"1.00","aria-label":"Alpha channel"}),P("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="hsv"&&Z(Ba,{children:[Z("div",{className:"k-vstack",children:[P(D,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),P("label",{className:"k-colorgradient-input-label",children:"H"})]}),Z("div",{className:"k-vstack",children:[P(D,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),P("label",{className:"k-colorgradient-input-label",children:"S"})]}),Z("div",{className:"k-vstack",children:[P(D,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),P("label",{className:"k-colorgradient-input-label",children:"V"})]})]}),t==="hex"&&P(Ba,{children:Z("div",{className:"k-vstack k-flex-1",children:[P(de,{showClearButton:!1,value:"#b88484AA",className:"k-hex-value"}),P("label",{className:"k-colorgradient-input-label",children:"HEX"})]})})]})};wo.states=Wf;wo.options=Jf;wo.className=Gl;wo.defaultOptions=Vl;import{jsx as jt,jsxs as eo}from"react/jsx-runtime";var $l="k-colorgradient-color-contrast",Yf=[],Zf={},Qf={},Do=()=>eo("div",{className:s($l,"k-vbox"),children:[eo("div",{className:"k-contrast-ratio",children:[jt("span",{className:"k-contrast-ratio-text",children:"Contrast ratio: 7.1"}),eo("span",{className:"k-contrast-validation !k-text-success",children:[jt(v,{icon:"check"}),jt(v,{icon:"check"})]})]}),eo("div",{children:[jt("span",{children:"AA: 4.5"}),eo("span",{className:"k-contrast-validation !k-text-success",children:["Pass",jt(v,{icon:"check"})]})]}),eo("div",{children:[jt("span",{children:"AAA: 7.0"}),eo("span",{className:"k-contrast-validation !k-text-error",children:["Fail",jt(v,{icon:"x"})]})]})]});Do.states=Yf;Do.options=Zf;Do.className=$l;Do.defaultOptions=Qf;var Xl="color-gradient",ql="colorgradient";import{jsx as Ye,jsxs as Pa}from"react/jsx-runtime";var hn="k-colorgradient",jf=[r.hover,r.focus,r.readonly,r.disabled],eb={size:[d.undefined,d.small,d.medium,d.large]},bt={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"},re=e=>{let{size:t,mode:o=bt.mode,readonly:a=bt.readonly,disabled:n=bt.disabled,gradientStyle:i=bt.gradientStyle,dragHandleStyle:l=bt.dragHandleStyle,alphaStyle:m=bt.alphaStyle,alphaStyleHorizontal:u=bt.alphaStyleHorizontal,contrast:f=bt.contrast,dir:N,hover:g,focus:c,hoverHandle:L,focusHandle:M,canvasOrientation:k=bt.canvasOrientation,role:A,tabIndex:C,...y}=e;return Pa("div",{...y,role:A??"textbox","aria-label":A==="none"?void 0:"Color gradient",tabIndex:C??0,"aria-disabled":n?"true":void 0,className:s(e.className,hn,E(hn,{size:t}),S(hn,{hover:g,focus:c,readonly:a,disabled:n})),dir:N,children:[!k\|\|k==="horizontal"&&Pa("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})})}),Pa("div",{className:"k-hsv-controls k-hstack",children:[Ye($s,{className:"k-hue-slider",hover:L,focus:M}),o!=="rgb"&&o!=="hsv"&&Ye($s,{className:"k-alpha-slider",hover:L,focus:M,trackStyle:m})]})]}),k==="vertical"&&Pa("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})})}),Pa("div",{className:"k-hsv-controls k-vstack",children:[Ye(Vs,{className:"k-hue-slider",hover:L,focus:M}),o!=="rgb"&&o!=="hsv"&&Ye(Vs,{className:"k-alpha-slider",hover:L,focus:M,trackStyle:u})]})]}),Ye(wo,{mode:e.mode,size:t}),f&&Ye(Do,{})]})};re.states=jf;re.options=eb;re.className=hn;re.defaultOptions=bt;re.moduleName=Xl;re.folderName=ql;import{jsx as tb}from"react/jsx-runtime";var vn=e=>tb(re,{...e});import{jsx as iR}from"react/jsx-runtime";import{jsx as mR}from"react/jsx-runtime";import{jsx as sr}from"react/jsx-runtime";var ob=re.options,ab=re.states,nb={...re.defaultOptions,variant:"rgba"},sb=[{name:"rgba",title:"RGBA"},{name:"rgb",title:"RGB"},{name:"hex",title:"HEX"}],rb=[],Ho=e=>{let{variant:t,...o}=e;switch(t){case"hex":return sr(vn,{...o,mode:t});case"rgb":return sr(vn,{...o,mode:t});default:return sr(vn,{...o,mode:t})}};Ho.options=ob;Ho.states=ab;Ho.variants=sb;Ho.defaultOptions=nb;Ho.modifiers=rb;Ho.className=re.className;import{jsx as ib}from"react/jsx-runtime";var rr=e=>ib("tr",{role:"row",children:e.children});import{jsx as db}from"react/jsx-runtime";var ir="k-colorpalette-tile",lb=[r.hover,r.focus,r.selected],pb={},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 db("td",{...l,role:"gridcell","aria-label":t,"aria-selected":i?"true":void 0,className:s(e.className,ir,S(ir,{hover:a,focus:n,selected:i})),style:m})};Ht.states=lb;Ht.options=pb;Ht.className=ir;Ht.moduleName=null;Ht.folderName=null;var Wl="color-palette",Jl="colorpalette";import{jsx as Ka}from"react/jsx-runtime";var gn="k-colorpalette",mb=[r.disabled],cb={size:[d.undefined,d.small,d.medium,d.large]},Yl={columns:10},ye=e=>{let{size:t,palette:o,columns:a=Yl.columns,tileSize:n,disabled:i,...l}=e,m=[];if(o){let u=a\|\|o.columns,f=o.colors?o.colors:o;Array.isArray(f)&&Array.from({length:Math.ceil(f.length/u)},(N,g)=>{let c=[];f.slice(gu,(g+1)*u).map((M,k)=>{c.push(Ka(Ht,{color:M,tileSize:n},k))});let L=Ka(rr,{children:c},g);m.push(L)})}return Ka("div",{...l,role:"grid","aria-label":"Color palette",tabIndex:0,"aria-disabled":i?"true":void 0,className:s(e.className,gn,S(gn,{disabled:i}),E(gn,{size:t})),children:Ka("table",{className:"k-colorpalette-table",role:"none",children:Ka("tbody",{children:m.length>0?m:e.children})})})};ye.states=mb;ye.options=cb;ye.className=gn;ye.defaultOptions=Yl;ye.moduleName=Wl;ye.folderName=Jl;var Ln=ye;var Ra={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 ub}from"react/jsx-runtime";var Zl=e=>ub(Ln,{palette:Ra.basic,...e});import{jsx as XR}from"react/jsx-runtime";import{jsx as QR,jsxs as jR}from"react/jsx-runtime";import{jsx as gb}from"react/jsx-runtime";var fb=ye.options,bb=ye.states,xb={...ye.defaultOptions,variant:"basic"},Nb=[{name:"basic",title:"Basic"},{name:"monochrome",title:"Monochrome"}],hb={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}},vb=[],zo=e=>{let{variant:t="basic",...o}=e,a=hb[t];return gb(Zl,{columns:a.columns,palette:a,...o})};zo.options=fb;zo.states=bb;zo.variants=Nb;zo.defaultOptions=xb;zo.modifiers=vb;zo.className=ye.className;var Ql="color-editor",jl="coloreditor";import{jsx as Ze,jsxs as Uo}from"react/jsx-runtime";var Mn="k-coloreditor",Lb=[r.focus],Mb={size:[d.undefined,d.small,d.medium,d.large]},_a={view:"gradient",palette:Ra.office,actionButtons:!0,canvasOrientation:"horizontal"},Q=e=>{let{size:t,view:o=_a.view,palette:a=_a.palette,color:n,currentColor:i,focus:l,focusView:m,dir:u,group:f,actionButtons:N=_a.actionButtons,canvasOrientation:g=_a.canvasOrientation,...c}=e;return Uo("div",{...c,role:"textbox","aria-label":"Color editor",tabIndex:0,className:s(e.className,"k-flatcolorpicker",Mn,E(Mn,{size:t}),S(Mn,{focus:l})),dir:u,children:[Uo("div",{className:"k-coloreditor-header k-hstack",children:[Ze("div",{className:"k-coloreditor-header-actions k-hstack",children:f&&Uo(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"}),Uo("div",{className:"k-coloreditor-header-actions k-hstack",children:[Ze(p,{fillMode:"flat",icon:"droplet-slash",size:t,"aria-label":"Reset color"}),Uo("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(re,{focus:m,size:t,canvasOrientation:g,role:"none",tabIndex:-1}):Ze(ye,{palette:a,size:t})}),N&&Uo(_e,{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=Lb;Q.options=Mb;Q.className=Mn;Q.defaultOptions=_a;Q.moduleName=Ql;Q.folderName=jl;var Fo=Q;import{jsx as y_}from"react/jsx-runtime";import{jsx as B_}from"react/jsx-runtime";import{jsx as Sb}from"react/jsx-runtime";var ep=e=>Sb(Fo,{group:!0,currentColor:"fuchsia",...e});import{jsx as kb}from"react/jsx-runtime";var tp=e=>kb(Fo,{view:"palette",group:!0,currentColor:"fuchsia",...e});import{jsx as op}from"react/jsx-runtime";var Cb=Q.options,Ab=Q.states,Eb={...Q.defaultOptions,variant:"gradient"},yb=[{name:"gradient",title:"Gradient"},{name:"palette",title:"Palette"}],Ib=[],Go=e=>{let{variant:t,...o}=e;return t==="palette"?op(tp,{...o,color:"white"}):op(ep,{...o,color:"rgba(183, 118 , 118, 1.00)"})};Go.options=Cb;Go.states=Ab;Go.variants=yb;Go.defaultOptions=Eb;Go.modifiers=Ib;Go.className=Q.className;var ap="color-picker",np="colorpicker";import{Fragment as Bb,jsx as Qe,jsxs as lr}from"react/jsx-runtime";var sp="k-colorpicker",Tb=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled],Ob={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[x.undefined,x.solid,x.flat,x.outline]},rp={arrowIconName:"chevron-down"},je=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:n=rp.arrowIconName,prefix:i,suffix:l,value:m,placeholder:u,hover:f,focus:N,valid:g,invalid:c,required:L,disabled:M,valueIconName:k,popup:A,opened:C,adaptive:y,adaptiveSettings:z,adaptiveTitle:le,adaptiveSubtitle:Ae,...pe}=e,fe="colorpicker-popup";return lr(Bb,{children:[lr(dt,{...pe,size:t,rounded:o,fillMode:a,hover:f,focus:N,valid:g,invalid:c,required:L,disabled:M,role:"combobox","aria-haspopup":"dialog","aria-expanded":C?"true":"false","aria-controls":C\|\|y?fe:void 0,"aria-label":"Color picker",tabIndex:0,"aria-disabled":M?"true":void 0,className:s(e.className,sp,"k-icon-picker"),children:[Qe(Fe,{children:i}),Qe(Yt,{placeholder:u,value:m,showValue:!1,valueIcon:Qe(Tt,{className:"k-value-icon",color:m,iconName:k}),valueIconName:k}),Qe(Ge,{children:l}),Qe(p,{className:"k-input-button",icon:n,size:t,fillMode:a,tabIndex:-1,"aria-label":"Open color picker",disabled:M})]}),C&&A&&Qe(q,{id:fe,className:"k-colorpicker-popup",children:A}),y&&Qe(Y,{adaptive:!0,id:fe,...z,header:Qe(he,{actionsEnd:Qe(p,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply"}),title:le,subtitle:Ae}),footer:lr(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=Tb;je.options=Ob;je.className=sp;je.defaultOptions=rp;je.moduleName=ap;je.folderName=np;var kt=je;import{jsx as Pb}from"react/jsx-runtime";var Sn=e=>Pb(kt,{...e});import{jsx as b0}from"react/jsx-runtime";import{jsx as g0}from"react/jsx-runtime";import{jsx as k0}from"react/jsx-runtime";import{jsx as y0}from"react/jsx-runtime";import{jsx as B0}from"react/jsx-runtime";import{jsx as _0}from"react/jsx-runtime";import{jsx as to}from"react/jsx-runtime";var Kb=kt.options,Rb=kt.states,ip={...kt.defaultOptions,variant:"color"},_b=[{name:"color",title:"Color",default:!0},{name:"no color",title:"No color"},{name:"icon",title:"Icon"}],wb=[{name:"opened",title:"Opened"}],Vo=e=>{let{variant:t,modifiers:o,...a}={...ip,...e},n={};Object.keys(o\|\|{}).forEach(l=>{l==="opened"&&(n.opened=!!o?.[l],n.popup=o?.[l]?to(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 to("div",{style:i,children:to(Sn,{...a,...n})});case"icon":return to("div",{style:i,children:to(Sn,{value:"rgba(183, 118 , 118, 1.00)",valueIconName:"edit-tools",...a,...n})});default:return to("div",{style:i,children:to(Sn,{value:"rgba(183, 118 , 118, 1.00)",...a,...n})})}};Vo.options=Kb;Vo.states=Rb;Vo.variants=_b;Vo.defaultOptions=ip;Vo.modifiers=wb;Vo.className=kt.className;var pr="combobox",lp=pr;import{Fragment as dr,jsx as ae,jsxs as wa}from"react/jsx-runtime";var pp="k-combobox",Db=[r.hover,r.focus,r.valid,r.invalid,r.loading,r.required,r.disabled,r.readonly],Hb={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[x.undefined,x.solid,x.flat,x.outline]},mr={separators:!0,showClearButton:!0},Me=e=>{let{size:t,rounded:o,fillMode:a,separators:n=mr.separators,showClearButton:i=mr.showClearButton,prefix:l,suffix:m,value:u,placeholder:f,hover:N,focus:g,valid:c,invalid:L,required:M,loading:k,disabled:A,popup:C,opened:y,readonly:z,adaptive:le,adaptiveSettings:Ae,adaptiveTitle:pe,adaptiveSubtitle:fe,adaptiveCustomValue:Zn,id:Xt,autocomplete:qt,activeDescendant:fa,"aria-label":Qn,...jn}=e,es=Xt?`${Xt}-listbox`:void 0;return wa(dr,{children:[wa(J,{...jn,size:t,rounded:o,fillMode:a,hover:N,focus:g,valid:c,invalid:L,required:M,loading:k,disabled:A,readonly:z,className:s(e.className,pp),children:[l&&wa(dr,{children:[ae(Fe,{children:l}),n&&ae(Ve,{})]}),ae(be,{id:Xt,placeholder:f,value:u,role:"combobox","aria-haspopup":"listbox","aria-expanded":y?"true":"false","aria-controls":y?es:void 0,"aria-activedescendant":y&&fa?fa:void 0,"aria-autocomplete":qt,"aria-invalid":L?"true":void 0,"aria-busy":k?"true":void 0,"aria-label":Qn,disabled:A,readOnly:z}),ae(Ne,{valid:c,invalid:L,loading:k,disabled:A}),ae(Ee,{loading:k,disabled:A}),i&&ae(Re,{loading:k,disabled:A,readonly:z,value:u}),m&&wa(dr,{children:[n&&ae(Ve,{}),ae(Ge,{children:m})]}),ae(p,{className:"k-input-button",icon:"chevron-down",size:t,fillMode:a,"aria-label":"Open popup",tabIndex:-1,disabled:A})]}),y&&C&&ae(q,{className:"k-list-container k-combobox-popup",containerRole:"region",containerAriaLabel:"Combobox suggestions",children:C}),le&&ae(Y,{adaptive:!0,id:Xt?`${Xt}-adaptive`:void 0,...Ae,header:ae(he,{actionsEnd:ae(p,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),input:!0,inputValue:u,inputPlaceholder:f,title:pe,subtitle:fe}),children:ae("div",{className:"k-list-container",children:ae(K,{customValue:Zn?ae(wt,{text:`Use "${u}"`}):void 0,size:"large",children:wa(U,{"aria-label":pe\|\|"Options",children:[ae(O,{text:"List item"}),ae(O,{text:"List item"}),ae(O,{text:"List item"})]})})})})]})};Me.states=Db;Me.options=Hb;Me.className=pp;Me.defaultOptions=mr;Me.moduleName=pr;Me.folderName=lp;var De=Me;import{jsx as zb}from"react/jsx-runtime";var dp=e=>zb(De,{...e});import{jsx as hw,jsxs as vw}from"react/jsx-runtime";import{jsx as Cw,jsxs as Aw}from"react/jsx-runtime";import{jsx as Bw,jsxs as Pw}from"react/jsx-runtime";import{Fragment as Hw,jsx as Dw}from"react/jsx-runtime";import{Fragment as $w,jsx as Vw}from"react/jsx-runtime";import{jsx as Zw,jsxs as Qw}from"react/jsx-runtime";import{Fragment as rD,jsx as nD,jsxs as sD}from"react/jsx-runtime";import{jsx as dD}from"react/jsx-runtime";import{jsx as fD}from"react/jsx-runtime";import{jsx as gD,jsxs as LD}from"react/jsx-runtime";import{jsx as ED,jsxs as yD}from"react/jsx-runtime";import{jsx as zt,jsxs as Xb}from"react/jsx-runtime";var Ub=Me.states,Fb=Me.defaultOptions,Gb=Me.options,Vb=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"opened",title:"Opened"}],$b=[],$o=e=>{let{modifiers:t,...o}=e,a={},n=zt(K,{style:{width:300},size:o.size,children:Xb(U,{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(X,{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(dp,{value:"Value",style:{width:300},...o,...a})})};$o.options=Gb;$o.states=Ub;$o.variants=$b;$o.defaultOptions=Fb;$o.modifiers=Vb;$o.className=Me.className;var cr="menu-button",mp=cr;import{jsx as Jb}from"react/jsx-runtime";var cp="k-menu-button",qb=[r.hover,r.focus,r.active,r.selected,r.disabled],Wb={size:[d.undefined,d.xsmall,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[x.undefined,x.solid,x.flat,x.outline,x.clear,x.link],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary,h.success,h.warning,h.error,h.info,h.inverse]},ur={showArrow:!0,arrowIconName:"chevron-down"},H=e=>{let{size:t,rounded:o,fillMode:a,themeColor:n,hover:i,focus:l,active:m,selected:u,disabled:f,icon:N,text:g,showArrow:c=ur.showArrow,arrowIconName:L=ur.arrowIconName,expanded:M,...k}=e;return Jb(p,{...k,className:s(e.className,cp),text:g,size:t,rounded:o,fillMode:a,themeColor:n,hover:i,focus:l,active:m,selected:u,disabled:f,ariaDisabled:f\|\|void 0,icon:N,showArrow:c,arrowIconName:L,"aria-expanded":M?"true":"false",...!g&&N&&!e["aria-label"]&&{"aria-label":"Menu"}})};H.states=qb;H.options=Wb;H.className=cp;H.defaultOptions=ur;H.moduleName=cr;H.folderName=mp;import{jsx as iH}from"react/jsx-runtime";import{jsx as mH}from"react/jsx-runtime";import{jsx as bH}from"react/jsx-runtime";var He="menu",et=He;import{jsx as Da,jsxs as up}from"react/jsx-runtime";var fr="k-menu-item",Yb=[r.hover,r.focus,r.active,r.selected,r.disabled],Zb={},fp={iconPosition:"before"},me=e=>{let{hover:t,focus:o,active:a,selected:n,disabled:i,icon:l,text:m,showArrow:u,arrowIconName:f,iconPosition:N=fp.iconPosition,dir:g,children:c,expanded:L,...M}=e,k=f;return k\|\|(k=g==="rtl"?"chevron-left":"chevron-right"),up("li",{...M,className:s(e.className,fr,"k-item",S(fr,{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:[up("span",{className:s("k-link k-menu-link"),children:[l&&N==="before"&&Da(v,{className:"k-menu-link-icon",icon:l}),Da("span",{className:"k-menu-link-text",children:m}),l&&N==="after"&&Da(v,{className:"k-menu-link-icon",icon:l}),u&&Da("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:Da(v,{icon:k})})]}),c]})};me.states=Yb;me.options=Zb;me.className=fr;me.defaultOptions=fp;me.moduleName=He;me.folderName=et;import{jsx as oo,jsxs as bp}from"react/jsx-runtime";var br="k-menu-item",Qb=[r.hover,r.focus,r.active,r.selected,r.disabled],jb={},xr={dir:"ltr",iconPosition:"before"},W=e=>{let{hover:t,focus:o,active:a,selected:n,disabled:i,icon:l,text:m,showArrow:u,arrowIconName:f,iconPosition:N=xr.iconPosition,dir:g=xr.dir,children:c,popup:L,expanded:M,actions:k,description:A,...C}=e,y=f;return y\|\|(y=g==="rtl"?"chevron-left":"chevron-right"),bp("li",{role:"menuitem",...C,className:s(e.className,br,"k-item",S(br,{focus:o,disabled:i})),...u&&{"aria-haspopup":"menu"},...u&&{"aria-expanded":M?"true":"false"},...i&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[bp("span",{className:s("k-link k-menu-link",S("k-menu-link",{hover:t,active:a,selected:n,disabled:i})),children:[l&&N==="before"&&oo(v,{className:"k-menu-link-icon",icon:l}),oo("span",{className:"k-menu-link-text",children:m}),l&&N==="after"&&oo(v,{className:"k-menu-link-icon",icon:l}),k&&oo("span",{className:"k-menu-link-actions",children:k}),u&&oo("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:oo(v,{icon:y})}),A&&oo("span",{className:"k-menu-link-description",children:A})]}),c,L]})};W.states=Qb;W.options=jb;W.className=br;W.defaultOptions=xr;W.moduleName=He;W.folderName=et;import{jsx as ax}from"react/jsx-runtime";var xp="k-menu-scroll-wrapper",ex=[],tx={},ox={},ao=e=>{let{className:t,children:o,orientation:a,...n}=e;return ax("div",{...n,className:s(t,xp,{"k-menu-scroll-wrapper-vertical":a==="vertical"}),children:o})};ao.states=ex;ao.options=tx;ao.className=xp;ao.defaultOptions=ox;ao.moduleName=He;ao.folderName=et;var Np=ao;import{Fragment as Nr,jsx as no,jsxs as Cn}from"react/jsx-runtime";var An="k-menu",nx=[],sx={size:[d.undefined,d.small,d.medium,d.large]},En={orientation:"horizontal",header:!0,scrollButtonsPosition:"around"},ie=e=>{let{children:t,orientation:o=En.orientation,header:a=En.header,scrollable:n,scrollButtonsPosition:i=En.scrollButtonsPosition,wrapperStyles:l,dir:m,size:u,popup:f,contextMenu:N,...g}=e,c={horizontal:{prev:m!=="rtl"?"left":"right",next:m!=="rtl"?"right":"left"},vertical:{prev:"up",next:"down"}},L=no("ul",{dir:m,...g,className:s(e.className,"k-reset",An,{[`${An}-${o}`]:o,"k-header":a},E(An,{size:u})),role:N?"menu":"menubar",...o==="vertical"&&{"aria-orientation":"vertical"},children:t});return Cn(Nr,{children:[n?Cn(Np,{orientation:o,style:l,dir:e.dir,children:[i==="start"&&Cn(Nr,{children:[no(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"}),no(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"&&no(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"&&Cn(Nr,{children:[no(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"}),no(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"&&no(p,{fillMode:"flat",size:"xsmall",icon:`chevron-${c[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}):L,f]})};ie.states=nx;ie.options=sx;ie.className=An;ie.defaultOptions=En;ie.moduleName=He;ie.folderName=et;import{jsx as rx}from"react/jsx-runtime";var hr="k-separator",hp={orientation:"horizontal"},Xo=e=>{let{orientation:t=hp.orientation,...o}=e;return rx("li",{...o,className:s(e.className,"k-item",hr,{[`${hr}-${t}`]:t}),role:"separator"})};Xo.className=hr;Xo.defaultOptions=hp;Xo.moduleName=He;Xo.folderName=et;import{Fragment as VH,jsx as $H}from"react/jsx-runtime";import{jsx as dx}from"react/jsx-runtime";var vr="k-menu-group",ix=[],lx={size:[d.undefined,d.small,d.medium,d.large]},px={},ce=e=>{let{children:t,size:o,...a}=e;return dx("ul",{role:"menu",...a,className:s(e.className,vr,E(vr,{size:o})),children:t})};ce.states=ix;ce.options=lx;ce.className=vr;ce.defaultOptions=px;ce.moduleName=He;ce.folderName=et;import{jsx as ez,jsxs as tz}from"react/jsx-runtime";import{Fragment as mx,jsx as qo,jsxs as cx}from"react/jsx-runtime";var gr=e=>qo(ie,{children:cx(mx,{children:[qo(me,{text:"Item 1"}),qo(me,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 2"}),qo(me,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 3"}),qo(me,{text:"Item 4"}),qo(me,{text:"Item 5"})]}),...e});import{Fragment as mz,jsx as pz,jsxs as dz}from"react/jsx-runtime";import{Fragment as xz,jsx as bz,jsxs as Nz}from"react/jsx-runtime";import{Fragment as Mz,jsx as Lz,jsxs as Sz}from"react/jsx-runtime";import{Fragment as yz,jsx as Ez,jsxs as Iz}from"react/jsx-runtime";import{jsx as so,jsxs as Nx}from"react/jsx-runtime";var ux={...ie.options,scrollable:{type:"boolean"}},fx=ie.states,vp={...ie.defaultOptions,variant:"horizontal"},bx=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],xx=[{name:"opened",title:"Opened"}],Wo=e=>{let{variant:t,modifiers:o,...a}={...vp,...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]?so(q,{className:"k-menu-popup",offset:i,children:Nx(ce,{children:[so(W,{text:"Item 1"}),so(W,{text:"Item 2"}),so(Xo,{}),so(W,{text:"Item 3"})]})}):null)}),t==="vertical"?so(gr,{...a,...n,orientation:"vertical",style:{width:"200px"}}):so(gr,{...a,...n})};Wo.options=ux;Wo.states=fx;Wo.variants=bx;Wo.defaultOptions=vp;Wo.modifiers=xx;Wo.className=ie.className;import{Fragment as l1,jsx as r1,jsxs as i1}from"react/jsx-runtime";import{jsx as c1}from"react/jsx-runtime";import{Fragment as Mx,jsx as xt,jsxs as gp}from"react/jsx-runtime";var hx=p.states,Lp={...p.defaultOptions,variant:"text"},vx=p.options,gx=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Lx=[{name:"opened",title:"Opened"}],Jo=e=>{let{variant:t,modifiers:o,...a}={...Lp,...e},n={},i=xt(q,{className:"k-menu-popup",children:gp(ce,{size:a.size,children:[xt(W,{text:"Menu Item"}),xt(W,{text:"Menu Item"}),xt(W,{text:"Menu Item"})]})}),l;switch(t){case"icon-only":l=xt("div",{children:xt(H,{...a,...n,icon:"star"})});break;case"icon-and-text":l=xt("div",{children:xt(H,{...a,...n,icon:"star",children:"Dropdown Button"})});break;default:l=xt("div",{children:xt(H,{...a,...n,children:"Dropdown Button"})});break}return gp(Mx,{children:[l,o?.opened&&i]})};Jo.options=vx;Jo.states=hx;Jo.variants=gx;Jo.defaultOptions=Lp;Jo.modifiers=Lx;Jo.className=H.className;var Lr="split-button",Mp=Lr;import{Fragment as Cx,jsx as Mr,jsxs as Sp}from"react/jsx-runtime";var Sr="k-split-button",Sx=[r.hover,r.focus,r.active,r.selected,r.disabled],kx={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[x.undefined,x.solid,x.flat,x.outline,x.clear,x.link],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary,h.success,h.warning,h.error,h.info,h.inverse]},kp={arrowIconName:"chevron-down"},R=e=>{let{size:t,rounded:o,fillMode:a,themeColor:n,hover:i,focus:l,active:m,selected:u,disabled:f,icon:N,text:g,arrowIconName:c=kp.arrowIconName,popup:L,opened:M,popupId:k,...A}=e;return Sp(Cx,{children:[Sp("div",{...A,className:s(e.className,Sr,"k-button-group",E(Sr,{rounded:o})),children:[Mr(p,{text:g,icon:N,size:t,rounded:o,fillMode:a,themeColor:n,hover:i,focus:l,active:m,selected:u,disabled:f,...!g&&!e.children&&N&&{"aria-label":"Action"},children:e.children}),Mr(p,{className:"k-split-button-arrow",icon:c,size:t,rounded:o,fillMode:a,disabled:f,ariaDisabled:f\|\|void 0,"aria-label":"Toggle dropdown","aria-expanded":M?"true":"false","aria-controls":M?k:void 0,tabIndex:-1})]}),M&&L&&Mr(q,{className:"k-menu-popup",children:L})]})};R.states=Sx;R.options=kx;R.className=Sr;R.defaultOptions=kp;R.moduleName=Lr;R.folderName=Mp;var kr=R;import{jsx as Ex}from"react/jsx-runtime";var Ax="k-toolbar-separator",rt=e=>Ex("div",{className:s(Ax,e.className,"k-separator")});var ro="toolbar",Yo=ro;import{Fragment as Cr,jsx as _,jsxs as Zo}from"react/jsx-runtime";var Ct="k-toolbar",yx=[r.focus],Ix={size:[d.undefined,d.small,d.medium,d.large],fillMode:[x.undefined,x.solid,x.outline,x.flat]},Tx={scrollButtons:"around"},G=e=>{let{size:t,fillMode:o,focus:a,resizable:n,scrollable:i,scrollButtons:l,scrollingPosition:m,section:u,...f}=e,N=[],g=(c,L)=>{let M=[];if(c.type===p&&c.props.className&&c.props.className.includes("k-toolbar-overflow-button"))M.push(_(p,{...c.props,className:`${c.props.className?c.props.className:""}`},`${L}-${new Date().getTime()}`));else if(c.type===p)M.push(_(p,{...c.props,className:`k-toolbar-button ${c.props.className?c.props.className:""}`},`${L}-${new Date().getTime()}`));else if(c.type===va)M.push(_(va,{...c.props,className:`k-toolbar-button ${c.props.className?c.props.className:""}`},`${L}-${new Date().getTime()}`));else if(c.type===X)M.push(_(X,{...c.props,className:`k-toolbar-button ${c.props.className?c.props.className:""}`},`${L}-${new Date().getTime()}`));else if(c.type===H)M.push(_(H,{...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 k=[];(Array.isArray(c.props.children)?c.props.children:[c.props.children]).forEach((C,y)=>{k.push(_(p,{...C.props,className:`${C.props.className?C.props.className:""}`},`${y}-${new Date().getTime()}`))}),M.push(_(T,{...c.props,className:`k-toolbar-button-group ${c.props.className?c.props.className:""}`,children:k},`${L}-${new Date().getTime()}`))}else c.type===Me?M.push(_(Me,{...c.props,className:`k-toolbar-combobox ${c.props.className?c.props.className:""}`},`${L}-${new Date().getTime()}`)):c.type===ne?M.push(_(ne,{...c.props,className:`k-toolbar-dropdownlist ${c.props.className?c.props.className:""}`},`${L}-${new Date().getTime()}`)):c.type===je?M.push(_(je,{...c.props,className:`k-toolbar-colorpicker ${c.props.className?c.props.className:""}`},`${L}-${new Date().getTime()}`)):M.push(c);M.forEach(k=>{N.push(k)})};return e.children&&(Array.isArray(e.children)?e.children:[e.children]).forEach((L,M)=>{g(L,M)}),Zo("div",{...f,className:s(e.className,Ct,E(Ct,{size:t,fillMode:o}),S(Ct,{focus:a}),{[`${Ct}-resizable`]:n,[`${Ct}-scrollable`]:i,[`${Ct}-scrollable-overlay`]:i&&l==="hidden",[`${Ct}-scrollable-${m}`]:m&&m!=="both",[`${Ct}-section`]:u}),role:"toolbar","aria-label":"Toolbar",children:[!i&&N,i&&l==="hidden"&&_("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N}),i&&l==="start"&&Zo(Cr,{children:[Zo(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"})})]}),_(rt,{className:"k-toolbar-button-separator"}),_("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N})]}),i&&l==="end"&&Zo(Cr,{children:[_("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N}),_(rt,{className:"k-toolbar-button-separator"}),Zo(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)&&Zo(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"})}),_(rt,{className:"k-toolbar-button-separator"}),_("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N}),_(rt,{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"})})]})]})};G.states=yx;G.options=Ix;G.className=Ct;G.defaultOptions=Tx;G.moduleName=ro;G.folderName=Yo;import{jsx as Kx}from"react/jsx-runtime";var Ar="k-toolbar-item",Ox=[r.focus],Bx={},Px={},Qo=e=>{let{focus:t,...o}=e;return Kx("div",{...o,className:s(e.className,Ar,S(Ar,{focus:t})),children:e.children})};Qo.states=Ox;Qo.options=Bx;Qo.className=Ar;Qo.defaultOptions=Px;Qo.moduleName=ro;Qo.folderName=Yo;import{jsx as Cp}from"react/jsx-runtime";var Ap="k-toolbar-popup",Rx=[],_x={size:[d.undefined,d.small,d.medium,d.large],fillMode:[x.undefined,x.solid,x.outline,x.flat]},wx={},io=e=>{let{size:t,fillMode:o,section:a,...n}=e;return Cp(q,{...n,className:s(e.className,Ap),children:a?Cp("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=Rx;io.options=_x;io.className=Ap;io.defaultOptions=wx;io.moduleName=ro;io.folderName=Yo;var yn=io;import{jsx as m2}from"react/jsx-runtime";import{jsx as b2}from"react/jsx-runtime";import{jsx as v2}from"react/jsx-runtime";import{jsx as C2,jsxs as A2}from"react/jsx-runtime";import{jsx as T2}from"react/jsx-runtime";import{jsx as At,jsxs as Fx}from"react/jsx-runtime";var Dx=R.states,Ep={...R.defaultOptions,variant:"text"},Hx=R.options,zx=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Ux=[{name:"opened",title:"Opened"}],jo=e=>{let{variant:t,modifiers:o,...a}={...Ep,...e},n={},i=Fx(ce,{size:a.size,children:[At(W,{text:"Menu Item"}),At(W,{text:"Menu Item"}),At(W,{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 At("div",{children:At(R,{...a,...n,icon:"star"})});case"icon-and-text":return At("div",{children:At(R,{...a,...n,icon:"star",children:"Split Button"})});default:return At("div",{children:At(R,{...a,...n,children:"Split Button"})})}};jo.options=Hx;jo.states=Dx;jo.variants=zx;jo.defaultOptions=Ep;jo.modifiers=Ux;jo.className=R.className;import{jsx as lo,jsxs as Gx}from"react/jsx-runtime";var yp=e=>lo(G,{children:[lo(p,{children:"Button"},"toolbar-button"),lo(H,{text:"Menu button"},"toolbar-menu-button"),lo(R,{children:"Split button"},"toolbar-split-button"),Gx(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 sU,jsxs as rU}from"react/jsx-runtime";import{jsx as ze,jsxs as Ip}from"react/jsx-runtime";var Tp=e=>ze(G,{scrollable:!0,...e,children:[ze(p,{children:"Button"},"toolbar-button"),ze(H,{text:"Menu button"},"toolbar-menu-button"),ze(R,{children:"Split button"},"toolbar-split-button"),Ip(T,{children:[ze(p,{className:"k-group-start",icon:"align-left",children:"Left"}),ze(p,{icon:"align-center",children:"Center"}),ze(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),ze(p,{children:"Button"},"toolbar-button"),ze(H,{text:"Menu button"},"toolbar-menu-button"),ze(R,{children:"Split button"},"toolbar-split-button"),Ip(T,{children:[ze(p,{className:"k-group-start",icon:"align-left",children:"Left"}),ze(p,{icon:"align-center",children:"Center"}),ze(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});import{jsx as Ue,jsxs as Op}from"react/jsx-runtime";var Bp=({scrollingPosition:e="start",...t})=>Ue(G,{scrollable:!0,scrollButtons:"hidden",scrollingPosition:e,...t,children:[Ue(p,{children:"Button"},"toolbar-button"),Ue(H,{text:"Menu button"},"toolbar-menu-button"),Ue(R,{children:"Split button"},"toolbar-split-button"),Op(T,{children:[Ue(p,{className:"k-group-start",icon:"align-left",children:"Left"}),Ue(p,{icon:"align-center",children:"Center"}),Ue(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),Ue(p,{children:"Button"},"toolbar-button"),Ue(H,{text:"Menu button"},"toolbar-menu-button"),Ue(R,{children:"Split button"},"toolbar-split-button"),Op(T,{children:[Ue(p,{className:"k-group-start",icon:"align-left",children:"Left"}),Ue(p,{icon:"align-center",children:"Center"}),Ue(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...t});import{Fragment as Vx,jsx as Ie,jsxs as In}from"react/jsx-runtime";var Pp=({fillMode:e,size:t,...o})=>In(Vx,{children:[Ie(G,{section:!0,fillMode:e,size:t,children:[Ie(p,{fillMode:e,size:t,children:"Button"},"toolbar-button"),In(T,{fillMode:e,children:[Ie(p,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),Ie(p,{icon:"align-center",fillMode:e,size:t,children:"Center"}),Ie(p,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group"),Ie(rt,{className:"k-toolbar-button-separator"}),Ie(p,{icon:"more-horizontal",className:"k-toolbar-overflow-button",fillMode:"flat",size:t,"aria-label":"More options","aria-expanded":"false"})],...o}),In(yn,{size:t,fillMode:e,section:!0,...o,children:[Ie(R,{fillMode:e,size:t,children:"Split button"},"toolbar-split-button"),Ie(p,{fillMode:e,size:t,children:"Button"},"toolbar-button"),Ie(rt,{}),Ie(H,{text:"Menu button",fillMode:e,size:t},"toolbar-menu-button"),In(T,{fillMode:e,children:[Ie(p,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),Ie(p,{icon:"align-center",fillMode:e,size:t,children:"Center"}),Ie(p,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group")]})]});import{Fragment as HU,jsx as wU,jsxs as DU}from"react/jsx-runtime";import{Fragment as YU,jsx as WU,jsxs as JU}from"react/jsx-runtime";import{jsx as Ut}from"react/jsx-runtime";var $x=G.options,Xx=G.states,Kp={...G.defaultOptions,variant:"default"},qx=[{name:"default",title:"Default"},{name:"scrollable",title:"Scrollable"},{name:"overlay",title:"Overlay"},{name:"responsive",title:"Responsive"}],Wx=[],ea=e=>{let{variant:t,...o}={...Kp,...e};switch(t){case"responsive":return Ut("div",{children:Ut(Pp,{style:{width:"583px"},...o})});case"overlay":return Ut("div",{children:Ut(Bp,{style:{width:"583px"},...o,scrollingPosition:"start",scrollButtons:"hidden"})});case"scrollable":return Ut("div",{children:Ut(Tp,{style:{width:"583px"},...o})});default:return Ut("div",{children:Ut(yp,{style:{width:"583px"},...o})})}};ea.options=$x;ea.states=Xx;ea.variants=qx;ea.defaultOptions=Kp;ea.modifiers=Wx;ea.className=G.className;import{Fragment as Qx,jsx as it,jsxs as Ha}from"react/jsx-runtime";var Rp="k-message",Jx=[r.hover,r.selected,r.active,r.focus],Yx={},Zx=[it(p,{icon:"copy",fillMode:"flat","aria-label":"Copy"}),it(p,{icon:"arrow-rotate-cw",fillMode:"flat","aria-label":"Retry"}),it(p,{icon:"download",fillMode:"flat","aria-label":"Download"})],ta={time:"Thu Feb 08 2018",text:"How can I help you?",status:"Seen",toolbarItems:Zx,failed:"Failed to send"},w=e=>{let{time:t=ta.time,text:o=ta.text,content:a,status:n=ta.status,statusIcon:i,toolbarItems:l=ta.toolbarItems,hover:m,selected:u,active:f,focus:N,toolbar:g,typing:c,expandable:L,expanded:M,removed:k,files:A,failed:C,...y}=e,z=C===!0?ta.failed:C;return Ha("div",{...y,className:s(Rp,e.className,{"k-message-removed":k,"k-message-failed":C}),children:[C&&it(X,{className:"k-resend-button",icon:"arrow-rotate-cw",size:"xsmall",fillMode:"clear","aria-label":"Resend"}),it(_p,{typing:c,selected:u,hover:m,active:f,focus:N,content:Ha(Qx,{children:[a,o&&it("span",{className:"k-chat-bubble-text",children:o})]}),expandable:L,expanded:M,files:A}),Ha("div",{className:"k-message-info",children:[n&&Ha("span",{className:"k-message-status",children:[i&&it(v,{icon:i,size:"xsmall"}),n]}),t&&it("time",{className:"k-message-time",children:t}),C&&Ha("span",{className:"k-message-failed-content",children:[C&&it(v,{icon:"warning-triangle",size:"xsmall"}),C&&it("span",{className:"k-message-failed-text",children:z})]})]}),g&&it(G,{className:"k-chat-message-toolbar",fillMode:"flat",children:l})]})};w.states=Jx;w.options=Yx;w.className=Rp;w.moduleName=null;w.folderName=null;w.defaultOptions=ta;var Er="avatar",wp=Er;import{jsx as Dp}from"react/jsx-runtime";var za="k-avatar";var jx=[r.hover,r.focus,r.active,r.selected,r.disabled],eN={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[x.undefined,x.solid,x.outline],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary]},yr={type:"text",border:!1},Se=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,za,E(za,{size:t,rounded:o,fillMode:a,themeColor:n}),{[`${za}-bordered`]:l}),children:Dp("span",{className:`${za}-${i}`,children:e.children})})};Se.states=jx;Se.options=eN;Se.className=za;Se.defaultOptions=yr;Se.moduleName=Er;Se.folderName=wp;var po=Se;import{jsx as tN}from"react/jsx-runtime";var Hp=e=>tN(po,{type:"icon",...e});import{jsx as oN}from"react/jsx-runtime";var zp=e=>oN(po,{type:"text",...e});import{jsx as aN}from"react/jsx-runtime";var Tn=e=>aN(po,{type:"image",...e});import{jsx as F3}from"react/jsx-runtime";import{jsx as Ua}from"react/jsx-runtime";var nN=Se.options,sN=Se.states,rN={...Se.defaultOptions,variant:"image"},iN=[{name:"image",title:"Image"},{name:"icon",title:"Icon Avatar"},{name:"text",title:"Text Avatar"}],lN=[],oa=e=>{let{variant:t,...o}=e;switch(t){case"icon":return Ua(Hp,{...o,children:Ua(v,{icon:"star"})});case"text":return Ua(zp,{...o,children:"JO"});default:return Ua(Tn,{...o,children:Ua("img",{src:"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg"})})}};oa.options=nN;oa.states=sN;oa.variants=iN;oa.defaultOptions=rN;oa.modifiers=lN;oa.className=Se.className;import{jsx as aa,jsxs as Ir}from"react/jsx-runtime";var Fa="k-message-group",pN=[r.selected],dN={},On={author:"Bruv",avatar:"/packages/html/assets/avatar.jpg",type:"receiver"},F=e=>{let{type:t=On.type,author:o=On.author,avatar:a=On.avatar,status:n,selected:i,fullWidth:l,...m}=e;return Ir("div",{...m,className:s(Fa,e.className,S(Fa,{selected:i}),{[`${Fa}-${t}`]:t,"k-no-avatar":!a,[`${Fa}-full-width`]:l}),children:[a&&!n&&aa(Se,{type:"image",children:aa("img",{src:a,alt:o\|\|""})}),n&&a&&Ir("div",{className:"k-chat-user-status-wrapper",children:[aa(Se,{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]})]})};F.states=pN;F.options=dN;F.className=Fa;F.defaultOptions=On;import{Fragment as cN,jsx as Bn,jsxs as Up}from"react/jsx-runtime";var Tr="k-message-reference",mN={},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&&Bn(v,{icon:"pin"}),Bn("div",{className:"k-message-reference-content",children:t}),o&&Up(cN,{children:[Bn("span",{className:"k-spacer"}),Bn(p,{icon:"x-circle",fillMode:"flat",size:"xsmall","aria-label":"Close"})]})]})};Ft.options=mN;Ft.className=Tr;Ft.moduleName=null;Ft.folderName=null;Ft.defaultOptions=Fp;var Or="bubble",Gp=Or;import{jsx as Pn,jsxs as fN}from"react/jsx-runtime";var Br="k-bubble",uN=[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 fN("div",{...u,className:s(e.className,Br,S(Br,{hover:o,active:a,focus:n,selected:i}),{"k-bubble-expandable":l},{"k-expanded":m}),tabIndex:0,children:[Pn("div",{className:"k-bubble-content",children:t??e.children}),l&&Pn("span",{className:"k-bubble-expandable-indicator",role:"button","aria-label":m?"Show less":"Show more",tabIndex:0,children:m?Pn(v,{icon:"chevron-up"}):Pn(v,{icon:"chevron-down"})})]})};mo.states=uN;mo.className=Br;mo.defaultOptions=Pr;mo.moduleName=Or;mo.folderName=Gp;import{jsx as M5}from"react/jsx-runtime";import{jsx as A5}from"react/jsx-runtime";import{jsx as T5}from"react/jsx-runtime";import{jsx as Kr,jsxs as $p}from"react/jsx-runtime";var bN="k-chat-bubble",_p=e=>{let{typing:t,content:o,files:a,...n}=e;return $p(mo,{...n,className:s(e.className,bN),children:[t?$p("div",{className:"k-typing-indicator",tabIndex:-1,children:[Kr("span",{}),Kr("span",{}),Kr("span",{})]}):o,a]})};import{jsx as $5}from"react/jsx-runtime";import{jsx as Xp,jsxs as xN}from"react/jsx-runtime";var qp="k-chat-event",Rr={icon:"trash",text:"You deleted Chat history."},Wp=e=>{let{icon:t=Rr.icon,text:o=Rr.text,...a}=e;return xN("div",{...a,className:s(e.className,qp),children:[t&&Xp(v,{className:"k-chat-event-icon",icon:t,size:"xsmall"}),o&&Xp("span",{className:"k-chat-event-text",children:o})]})};Wp.className=qp;Wp.defaultOptions=Rr;import{jsx as tF}from"react/jsx-runtime";import{Fragment as NN,jsx as Nt,jsxs as hN}from"react/jsx-runtime";var Jp=e=>Nt(V,{children:hN(NN,{children:[Nt("div",{className:"k-timestamp",children:"Day, Month 7, 2023"}),Nt(F,{children:Nt(w,{})}),Nt(F,{type:"sender",children:Nt(w,{})}),Nt(F,{children:Nt(w,{text:"Very long message text that tests message overflowing behavior. Very long message text that tests message overflowing behavior."})}),Nt(F,{type:"sender",children:Nt(w,{text:"Unusually_long_word_that_tests_word_break_behavior__unusually_long_word_that_tests_word_break_behavior"})})]}),...e});import{jsx as Yp}from"react/jsx-runtime";var Kn="k-file-box-wrapper",Zp={layout:"horizontal"},ht=e=>{let{layout:t=Zp.layout,scrollingPosition:o,...a}=e;return Yp("ul",{role:"list","aria-label":"Attached files",...a,className:s(e.className,Kn,{"k-files-vertical":t==="vertical","k-files-wrap":t==="wrap",[`${Kn}-scrollable-start`]:t==="horizontal"&&(o==="start"\|\|o==="both"),[`${Kn}-scrollable-end`]:t==="horizontal"&&(o==="end"\|\|o==="both")}),children:t==="horizontal"?Yp("div",{className:"k-files-scroll",role:"presentation",children:e.children}):e.children})};ht.className=Kn;ht.defaultOptions=Zp;var _r="file-box",Qp=_r;import{jsx as na,jsxs as jp}from"react/jsx-runtime";var ed="k-file-box",vN=[r.selected],gN={},Ga={icon:"file-pdf",name:"FileName.pdf",size:"2MB",showButton:"true"},Te=e=>{let{icon:t=Ga.icon,name:o=Ga.name,size:a=Ga.size,status:n,deleted:i,removeButton:l,showButton:m=Ga.showButton,...u}=e,f=[o,a].filter(Boolean).join(" ");return jp("li",{role:"listitem",tabIndex:0,"aria-label":f\|\|void 0,...u,className:s(ed,e.className,{"k-file-deleted":i}),children:[na(v,{icon:t,size:"xlarge","aria-hidden":"true"}),jp("div",{className:"k-file-info",children:[o&&na("span",{className:"k-file-name",children:o}),a&&na("span",{className:"k-file-size",children:a}),n&&na("span",{className:"k-file-status",children:n})]}),m&&(l?na(p,{as:"span",icon:"x-circle",fillMode:"flat",size:"xsmall","aria-hidden":"true"}):na(H,{icon:"more-vertical",fillMode:"flat",size:"xsmall",showArrow:!1,"aria-label":"File actions"}))]})};Te.states=vN;Te.options=gN;Te.className=ed;Te.defaultOptions=Ga;Te.moduleName=_r;Te.folderName=Qp;import{jsx as gF}from"react/jsx-runtime";import{jsx as CF}from"react/jsx-runtime";import{jsx as TF,jsxs as OF}from"react/jsx-runtime";import{jsx as _F,jsxs as wF}from"react/jsx-runtime";import{jsx as FF}from"react/jsx-runtime";import{Fragment as oG,jsx as tG,jsxs as aG}from"react/jsx-runtime";import{Fragment as lG,jsx as iG,jsxs as pG}from"react/jsx-runtime";var wr="skeleton",td=wr;import{jsx as kN}from"react/jsx-runtime";var Dr="k-skeleton",LN=["circle","text","rect"],MN=[],SN={},Hr={variant:"text",shape:"text",animation:"pulse"},vt=e=>{let{variant:t,shape:o,animation:a=Hr.animation,...n}=e,i=`skeleton-${t\|\|o\|\|Hr.variant}`;return kN("span",{...n,className:s(e.className,Dr,Ja(Dr,i),{[`k-skeleton-${a}`]:a}),style:e.style})};vt.states=MN;vt.options=SN;vt.variants=LN;vt.className=Dr;vt.defaultOptions=Hr;vt.moduleName=wr;vt.folderName=td;import{jsx as hG}from"react/jsx-runtime";import{jsx as MG}from"react/jsx-runtime";import{jsx as AG}from"react/jsx-runtime";import{Fragment as zG,jsx as DG,jsxs as HG}from"react/jsx-runtime";import{Fragment as $G,jsx as VG,jsxs as XG}from"react/jsx-runtime";import{jsx as YG}from"react/jsx-runtime";import{Fragment as t6,jsx as e6,jsxs as o6}from"react/jsx-runtime";import{Fragment as i6,jsx as r6,jsxs as l6}from"react/jsx-runtime";import{Fragment as u6,jsx as c6,jsxs as f6}from"react/jsx-runtime";import{Fragment as v6,jsx as h6}from"react/jsx-runtime";var zr="appbar",od=zr;import{jsx as yN}from"react/jsx-runtime";var Ur="k-appbar",CN=[],AN={themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary,h.inverse]},EN={},ke=e=>{let{themeColor:t,positionMode:o,position:a,...n}=e;return yN("div",{...n,className:s(e.className,Ur,E(Ur,{themeColor:t}),{[`k-appbar-${o}`]:o,[`k-appbar-${a}`]:a}),children:e.children})};ke.states=CN;ke.options=AN;ke.className=Ur;ke.defaultOptions=EN;ke.moduleName=zr;ke.folderName=od;import{jsx as TN}from"react/jsx-runtime";var IN="k-appbar-section",gt=e=>{let{...t}=e;return TN("div",{...t,className:s(IN,e.className),children:e.children})};import{Fragment as K6,jsx as B6,jsxs as P6}from"react/jsx-runtime";import{jsx as j,jsxs as sa}from"react/jsx-runtime";var Fr={...ke.options,positionMode:["static","sticky","fixed"]},ON=ke.states,ad={...ke.defaultOptions,themeColor:"primary",variant:"top",positionMode:"sticky"};Fr.themeColor=["primary",...Fr.themeColor.filter(e=>e!=="primary")];var BN=[{name:"top",title:"Top"},{name:"bottom",title:"Bottom"}],ra=e=>{let{variant:t,...o}={...ad,...e},a=sa(ke,{position:t,...o,children:[j(gt,{children:j(X,{fillMode:"flat",icon:"menu"})}),j("span",{className:"k-spacer k-spacer-sized",style:{width:"8px"}}),j(gt,{children:j("h3",{className:"k-m-0",children:"AppBar"})}),j("span",{className:"k-spacer"}),sa(gt,{children:[j(nt,{fillMode:"flat",children:"Button"}),j(nt,{fillMode:"flat",children:"Button"}),j(nt,{fillMode:"flat",children:"Button"})]}),j("span",{className:"k-spacer k-spacer-sized",style:{width:"8px"}}),j(gt,{children:j(pn,{value:"Input value"})}),sa(gt,{children:[j(X,{className:"k-mx-sm",fillMode:"flat",icon:"bell"}),j("span",{className:"k-appbar-separator"}),j(Tn,{className:"k-mx-sm",children:j("img",{src:"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg"})})]})]}),n=sa("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"?sa("div",{style:{height:"250px",overflow:"auto"},children:[n,a]}):sa("div",{style:{height:"250px",overflow:"auto"},children:[a,n]})};ra.options=Fr;ra.states=ON;ra.variants=BN;ra.defaultOptions=ad;ra.modifiers=[];ra.className=ke.className;var Gr="suggestion",nd=Gr;import{jsx as Rn,jsxs as RN}from"react/jsx-runtime";var _n="k-suggestion-group",PN=[],KN={},sd={layout:"scrollable",scrollingPosition:"start"},tt=e=>{let{layout:t=sd.layout,scrollingPosition:o,...a}=e,n=Rn("div",{...a,className:s(_n,{"k-suggestion-group-scrollable":t=="scrollable",[`${_n}-scrollable-start`]:o==="start"\|\|o==="both",[`${_n}-scrollable-end`]:o==="end"\|\|o==="both"},e.className),role:"group",children:t==="scrollable"\|\|t==="scrollButtons"?Rn("div",{className:"k-suggestions-scroll",children:e.children}):e.children});return t=="scrollButtons"?RN("div",{className:"k-suggestion-scrollwrap",children:[Rn(p,{fillMode:"flat",icon:"chevron-left",size:"xsmall","aria-label":"Scroll left"}),n,Rn(p,{fillMode:"flat",icon:"chevron-right",size:"xsmall","aria-label":"Scroll right"})]}):n};tt.states=PN;tt.options=KN;tt.className=_n;tt.defaultOptions=sd;tt.moduleName=Gr;tt.folderName=nd;import{jsx as HN}from"react/jsx-runtime";var wn="k-suggestion",_N=[r.active,r.hover,r.focus],wN={themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary]},DN={text:"Suggestion"},ot=e=>{let{themeColor:t,active:o,hover:a,focus:n,text:i,...l}=e;return HN("span",{...l,className:s(e.className,wn,S(wn,{hover:a,active:o,focus:n}),E(wn,{themeColor:t})),role:"button",tabIndex:0,"aria-label":i,children:i})};ot.states=_N;ot.options=wN;ot.className=wn;ot.item=DN;import{Fragment as i7,jsx as r7,jsxs as l7}from"react/jsx-runtime";import{Fragment as u7,jsx as c7,jsxs as f7}from"react/jsx-runtime";import{Fragment as v7,jsx as h7,jsxs as g7}from"react/jsx-runtime";import{Fragment as $N,jsx as ee,jsxs as Dn}from"react/jsx-runtime";var zN=V.states,UN=V.defaultOptions,FN=V.options,GN=[{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"}],VN=[],ia=e=>{let{modifiers:t,...o}=e,a={author:null,avatar:null},n=Dn(ke,{className:"k-chat-header",positionMode:"sticky",themeColor:"primary",children:[ee("span",{className:"k-spacer k-spacer-sized k-w-1"}),ee(gt,{children:ee("span",{children:"Chat with demo bot"})}),ee("span",{className:"k-spacer"}),ee(gt,{children:ee(p,{fillMode:"flat",icon:"more-vertical"})})]}),i=ee(Ft,{type:"sender",pinned:!0,content:"Hello! Generate a cover letter.",closeable:!0}),l=Dn(tt,{children:[ee(ot,{text:"Provide a CV template"}),ee(ot,{text:"Generate a cover letter"})]}),m=Dn(tt,{children:[ee(ot,{themeColor:"primary",text:"Thank you!"}),ee(ot,{themeColor:"primary",text:"Great!"})]}),u="https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg",f=null,N="User",g="Demo Bot";Object.keys(t\|\|{}).forEach(y=>{switch(y){case"header":a.header=t?.[y]?n:!1;break;case"pinned":a.pinned=t?.[y]?i:!1;break;case"suggested":a.suggestedActions=t?.[y]?l:!1;break;case"author":a.author=t?.[y]?!0:null;break;case"avatar":a.avatar=t?.[y]?u:null;break;case"quick":a.quickReplies=t?.[y]?m:ee($N,{});break;default:break}});let{header:c,pinned:L,suggestedActions:M,author:k,avatar:A,quickReplies:C}=a;return Dn(Jp,{value:"Thank you!",style:{minHeight:"100%"},...o,header:c,pinned:L,suggestedActions:M,children:[ee(F,{avatar:f,author:k?g:null,children:ee(w,{text:"Hello, this is a demo bot. How can I help you ?"})}),ee(F,{avatar:A?u:null,author:k?N:null,type:"sender",children:ee(w,{text:"Hello! Generate a cover letter."})}),ee(F,{avatar:f,author:k?g:null,children:ee(w,{text:"Sure. Here is a cover letter template",files:ee(ht,{children:ee(Te,{icon:"file-pdf",name:"cover_letter.pdf",size:"1.43MB"})})})}),C]})};ia.options=FN;ia.states=zN;ia.variants=VN;ia.defaultOptions=UN;ia.modifiers=GN;ia.className=V.className;var Vr="window",rd=Vr;import{jsx as JN}from"react/jsx-runtime";var id="k-window-content",XN=[],qN={},WN={},Gt=e=>{let{children:t,...o}=e;return JN("div",{...o,className:s(id,e.className),children:t})};Gt.states=XN;Gt.options=qN;Gt.className=id;Gt.defaultOptions=WN;Gt.moduleName=Vr;Gt.folderName=rd;var Va="dialog",Hn=Va;import{Fragment as QN,jsx as co,jsxs as $r}from"react/jsx-runtime";var ld="k-dialog",YN=[],ZN={},Xr={actionButtonsAlign:"stretched",modal:!0},Oe=e=>{let{title:t,actions:o,actionButtons:a,actionButtonsAlign:n=Xr.actionButtonsAlign,modal:i=Xr.modal,...l}=e,m=t!==void 0?B("dialog-titlebar"):void 0,u=B("dialog-content");return $r("div",{className:"k-dialog-wrapper",children:[i&&co(ut,{}),$r("div",{...l,className:s(e.className,ld,"k-window"),role:"dialog","aria-labelledby":m,"aria-describedby":u,...i&&{"aria-modal":"true"},children:[(t!==void 0\|\|o)&&$r("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(QN,{children:co("div",{className:"k-window-titlebar-actions k-dialog-titlebar-actions",children:o.map(f=>co(p,{icon:f,fillMode:"flat",size:"xsmall",className:"k-window-titlebar-action k-dialog-titlebar-action","aria-label":f},f))})})]}),co(Gt,{className:"k-dialog-content",id:u,children:e.children}),a&&co(_e,{alignment:n,className:"k-window-actions k-dialog-actions",children:a})]})]})};Oe.states=YN;Oe.options=ZN;Oe.className=ld;Oe.defaultOptions=Xr;Oe.moduleName=Va;Oe.folderName=Hn;var qr=Oe;import{jsx as oh}from"react/jsx-runtime";var pd="k-dialog-wrapper",jN=[],eh={},th={},la=e=>{let{...t}=e;return oh("div",{...t,className:s(e.className,pd),children:e.children})};la.states=jN;la.options=eh;la.className=pd;la.defaultOptions=th;la.moduleName=Va;la.folderName=Hn;import{Fragment as dd,jsx as zn,jsxs as ah}from"react/jsx-runtime";var md=e=>zn(qr,{title:"Title",children:zn(dd,{children:"Dialog content"}),actionButtons:ah(dd,{children:[zn(p,{children:"Action"}),zn(p,{themeColor:"primary",children:"Primary"})]}),actions:["x"],...e});import{Fragment as B9,jsx as P9,jsxs as K9}from"react/jsx-runtime";import{Fragment as ph,jsx as Un,jsxs as dh}from"react/jsx-runtime";var nh=Oe.options,sh=[],rh=Oe.states,ih=Oe.defaultOptions,lh=[],pa=e=>Un(md,{style:{width:"350px",height:"215px"},...e,title:"Please confirm",actions:["x"],actionButtonsAlign:"stretched",actionButtons:dh(ph,{children:[Un(p,{children:"No"}),Un(p,{themeColor:"primary",children:"Yes"})]}),children:Un("p",{style:{margin:"36px",textAlign:"center"},children:"Are you sure you want to continue?"})});pa.options=nh;pa.states=rh;pa.variants=sh;pa.defaultOptions=ih;pa.modifiers=lh;pa.className=Oe.className;var Wr="dropzone",cd=Wr;import{jsx as Fn,jsxs as uh}from"react/jsx-runtime";var Jr="k-external-dropzone",mh=[r.disabled,r.hover],ch={},Yr={icon:"upload",hint:"Drag and drop files here to upload"},ue=e=>{let{hover:t,disabled:o,icon:a=Yr.icon,hint:n=Yr.hint,note:i,...l}=e;return Fn("div",{...l,className:s(e.className,Jr,S(Jr,{disabled:o}),{"k-external-dropzone-hover":t}),children:uh("div",{className:"k-dropzone-inner",children:[a&&Fn(v,{icon:a,className:"k-dropzone-icon",size:"xxxlarge"}),n&&Fn("span",{className:"k-dropzone-hint",children:n}),i&&Fn("span",{className:"k-dropzone-note",children:i})]})})};ue.states=mh;ue.options=ch;ue.className=Jr;ue.defaultOptions=Yr;ue.moduleName=Wr;ue.folderName=cd;import{jsx as fh}from"react/jsx-runtime";var ud=e=>fh(ue,{...e});import{jsx as s4}from"react/jsx-runtime";import{jsx as gh}from"react/jsx-runtime";var bh=ue.options,xh=ue.states,Nh=ue.defaultOptions,hh=[{name:"note",title:"Note"}],vh=[],da=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)}),gh(ud,{style:{width:"500px"},...o,...a})};da.options=bh;da.states=xh;da.variants=vh;da.defaultOptions=Nh;da.modifiers=hh;da.className=ue.className;import{Fragment as Gn,jsx as Vt,jsxs as $a}from"react/jsx-runtime";var Zr="k-upload-dropzone",Lh=[r.hover],Vn=e=>{let{hover:t,status:o,disabled:a,hasFiles:n,filesId:i,...l}=e,m;switch(o){case"uploading":m=$a(Gn,{children:[Vt(v,{icon:"upload"}),"Uploading..."]});break;case"done":m=$a(Gn,{children:[Vt(v,{icon:"check"}),"Done"]});break;case"failed":m=$a(Gn,{children:[Vt(v,{icon:"exclamation-circle"}),"Done"]});break;default:m=Vt(Gn,{});break}return $a("div",{...l,className:s(e.className,Zr,"k-dropzone",S(Zr,{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:"Select files..."}),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:m})]})};Vn.states=Lh;Vn.className=Zr;var Qr="upload",fd=Qr;import{jsx as $n,jsxs as xd}from"react/jsx-runtime";var jr="k-upload",Mh=[r.hover,r.disabled],Sh={},Nd={actionsLayout:"end"},bd="upload-files-list",te=e=>{let{async:t,empty:o,actions:a,actionsLayout:n=Nd.actionsLayout,hover:i,status:l,disabled:m,...u}=e,f=!!e.children;return xd("div",{...u,className:s(e.className,jr,S(jr,{disabled:m}),{"k-upload-async":t,"k-upload-empty":o}),children:[$n(Vn,{status:l,hover:i,disabled:m,hasFiles:f,filesId:bd}),f&&$n("ul",{className:"k-upload-files",role:"list",id:bd,children:e.children}),a&&f&&xd(el,{alignment:n,orientation:"horizontal",children:[$n(p,{className:"k-clear-selected",children:"Clear"}),$n(p,{themeColor:"primary",className:"k-upload-selected",children:"Upload"})]})]})};te.states=Mh;te.options=Sh;te.className=jr;te.defaultOptions=Nd;te.moduleName=Qr;te.folderName=fd;var Xa="progressbar",Xn=Xa;import{jsx as ti,jsxs as ei}from"react/jsx-runtime";var at="k-progressbar",kh=[r.disabled,r.indeterminate],Ch={orientation:["horizontal","vertical"]},uo={indeterminate:!1,label:!0,labelPosition:"start",orientation:"horizontal",reverse:!1,value:"0"},Ce=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:f,style:N,ariaLabel:g,...c}=e;return ei("div",{...c,className:s(e.className,at,S(at,{disabled:t}),{[`${at}-${l}`]:l,[`${at}-indeterminate`]:a,[`${at}-reverse`]:m}),style:{...N,"--kendo-progressbar-value":u,[l==="horizontal"?"height":"width"]:l==="horizontal"?o:f},role:"progressbar","aria-label":g\|\|"progress","aria-valuenow":a?void 0:Number(u),"aria-valuemin":0,"aria-valuemax":100,children:[ti("span",{className:s("k-progress-status-wrap",{[`k-progress-${i}`]:i&&!a}),children:n&&ei("span",{className:"k-progress-status",children:[u,"%"]})}),!a&&ti("div",{className:"k-progressbar-value k-selected",children:ti("span",{className:s("k-progress-status-wrap",{[`k-progress-${i}`]:i}),children:n&&ei("span",{className:"k-progress-status",children:[e.value,"%"]})})})]})};Ce.states=kh;Ce.options=Ch;Ce.className=at;Ce.defaultOptions=uo;Ce.moduleName=Xa;Ce.folderName=Xn;var hd=Ce;import{jsx as oi}from"react/jsx-runtime";var vd="k-chunk-progressbar",Ah=(e,t)=>t<=e-1,Eh=[r.disabled,r.indeterminate],yh={},qn={chunkCount:5,orientation:"horizontal",progress:0},ma=e=>{let{disabled:t,chunkCount:o=qn.chunkCount,indeterminate:a,orientation:n=qn.orientation,progress:i=qn.progress,reverse:l,ariaLabel:m,...u}=e;return oi("div",{...u,className:s(e.className,at,vd,S(at,{disabled:t}),{[`${at}-${n}`]:n,[`${at}-indeterminate`]:a,[`${at}-reverse`]:l}),role:"progressbar","aria-label":m\|\|"progress","aria-valuenow":a?void 0:i,"aria-valuemin":0,"aria-valuemax":o,children:oi("ul",{className:"k-progressbar-chunks k-reset",children:[...Array(o)].map((f,N)=>oi("li",{className:s("k-progressbar-chunk",{"k-first":N===0,"k-last":N===[...Array(o)].length-1,"k-selected":Ah(i,N)})},N))})})};ma.states=Eh;ma.options=yh;ma.className=vd;ma.defaultOptions=qn;ma.moduleName=Xa;ma.folderName=Xn;import{jsx as Ih}from"react/jsx-runtime";var qa=e=>Ih(hd,{...e});import{jsx as X4}from"react/jsx-runtime";import{jsx as $t}from"react/jsx-runtime";var Th=Ce.options,Oh=Ce.states,gd={...Ce.defaultOptions,variant:"start"},Bh=[{name:"start",title:"Label start"},{name:"center",title:"Label center"},{name:"end",title:"Label end"},{name:"empty",title:"No label"}],Ph=[],ca=e=>{let{variant:t,modifiers:o,...a}={...gd,...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"})})}};ca.options=Th;ca.states=Oh;ca.variants=Bh;ca.defaultOptions=gd;ca.modifiers=Ph;ca.className=Ce.className;import{jsx as ai,jsxs as Rh}from"react/jsx-runtime";var Kh="k-file-info",ni=e=>{let{name:t,size:o,validationMsg:a,...n}=e;return Rh("div",{...n,className:s(e.className,Kh),children:[t&&ai("span",{className:"k-file-name",children:t}),o&&ai("span",{className:"k-file-size",children:o}),a&&ai("span",{className:"k-file-validation-message","aria-live":"polite",children:a})]})};import{Fragment as wh,jsx as Et,jsxs as Wn}from"react/jsx-runtime";var _h="k-file",Be=e=>{let{status:t,progress:o,name:a,icon:n,size:i,state:l,validationMsg:m,...u}=e;return Et("li",{...u,className:s(e.className,_h,{[`k-file-${t}`]:t}),role:"listitem",tabIndex:0,children:Wn("div",{className:"k-file-single",children:[Et(Ce,{className:s({"k-hidden":t!=="progress"}),value:o,label:!1}),Wn("span",{className:"k-file-icon-wrapper",children:[Et(v,{className:"k-file-icon",icon:n,size:"xxlarge"}),l&&Et("span",{className:"k-file-state",children:l})]}),Et(ni,{name:a,size:i,validationMsg:m}),Et("div",{className:"k-upload-actions",children:t==="progress"?Wn(wh,{children:[Wn("span",{className:"k-upload-pct",children:[o,"%"]}),Et(p,{icon:"pause",fillMode:"flat",size:"xsmall",className:"k-upload-action","aria-label":"Pause upload",tabIndex:-1}),Et(p,{icon:"cancel",fillMode:"flat",size:"xsmall",className:"k-upload-action","aria-label":"Cancel upload",tabIndex:-1})]}):Et(p,{icon:"x",fillMode:"flat",size:"xsmall",className:"k-upload-action","aria-label":"Remove file",tabIndex:-1})})]})})};import{Fragment as M8,jsx as g8,jsxs as L8}from"react/jsx-runtime";import{Fragment as Dh,jsx as si,jsxs as Hh}from"react/jsx-runtime";var Wa=e=>si(te,{async:!0,children:Hh(Dh,{children:[si(Be,{name:"Image_With_Very_Very_Very_Very_Very_Long_Name1.png",icon:"file-image",size:"51.23 KB"}),si(Be,{name:"Image2.jpg",icon:"file-image",size:"106.43 KB"})]}),...e});import{Fragment as B8,jsx as T8,jsxs as O8}from"react/jsx-runtime";import{jsx as zh}from"react/jsx-runtime";var Ld=e=>zh(te,{async:!0,empty:!0,...e});import{Fragment as z8,jsx as H8,jsxs as U8}from"react/jsx-runtime";import{Fragment as X8,jsx as $8,jsxs as q8}from"react/jsx-runtime";import{jsx as yt,jsxs as Jn}from"react/jsx-runtime";var Uh=te.options,Fh=te.states,Md={...te.defaultOptions,variant:"empty"},Gh=[{name:"empty",title:"Empty"},{name:"upload",title:"Upload"},{name:"uploading",title:"Uploading"},{name:"success",title:"Success"},{name:"failed",title:"Failed"}],Vh=[],ua=e=>{let{variant:t,...o}={...Md,...e};switch(t){case"success":return Jn(Wa,{status:"done",style:{width:"586px"},...o,children:[yt(Be,{status:"success",validationMsg:"File(s) uploaded successfully.",name:"Image1.png",icon:"file-image"}),yt(Be,{status:"success",validationMsg:"File(s) uploaded successfully.",name:"Image2.png",icon:"file-image"})]});case"failed":return Jn(Wa,{status:"failed",style:{width:"586px"},...o,children:[yt(Be,{status:"error",validationMsg:"File type not allowed.",name:"Movie1.mkv",icon:"file-image"}),yt(Be,{status:"error",validationMsg:"File type not allowed.",name:"Video2.mkv",icon:"file-image"})]});case"uploading":return Jn(Wa,{status:"uploading",style:{width:"586px"},...o,children:[yt(Be,{progress:"50",status:"progress",name:"Document1.txt",icon:"file-pdf",size:"328.92 KB"}),yt(Be,{progress:"70",status:"progress",name:"Document2.txt",icon:"file-pdf",size:"225.68 KB"})]});case"upload":return Jn(Wa,{actions:!0,status:"upload",style:{width:"586px"},...o,children:[yt(Be,{name:"Image1.png",icon:"file-image",size:"51.23 KB"}),yt(Be,{name:"Image2.jpg",icon:"file-image",size:"106.43 KB"})]});default:return yt(Ld,{async:!0,status:"upload",style:{width:"586px"},...o})}};ua.options=Uh;ua.states=Fh;ua.variants=Gh;ua.defaultOptions=Md;ua.modifiers=Vh;ua.className=te.className;import{Fragment as ri,jsx as Pe,jsxs as Yn}from"react/jsx-runtime";var vV=e=>Yn(ri,{children:[Pe(V,{children:Yn(ri,{children:[Pe("div",{className:"k-timestamp",children:"Day, Month 7, 2023"}),Pe(F,{children:Pe(w,{})}),Pe(F,{type:"sender",children:Pe(w,{})}),Pe(F,{children:Pe(w,{text:"Very long message text that tests message overflowing behavior. Very long message text that tests message overflowing behavior."})}),Pe(F,{type:"sender",children:Pe(w,{text:"Unusually_long_word_that_tests_word_break_behavior__unusually_long_word_that_tests_word_break_behavior"})})]}),...e}),Yn(Oe,{className:"k-chat-upload",title:"Upload file(s)",actions:["x"],actionButtons:Yn(ri,{children:[Pe(p,{themeColor:"primary",disabled:!0,children:"Upload"}),Pe(p,{children:"Cancel"})]}),children:[Pe(ue,{}),Pe(te,{empty:!0,status:"upload"})]})]});export{vV as ChatUpload};