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

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

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

Files changed (125) hide show

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

	@@ -1 +1 @@
1	- var s=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?s(...t):typeof t=="object"?Object.keys(t).map((o,a)=>t[a]\|\|t[o]&&o\|\|null).filter(o=>o!==null).join(" "):t).filter(t=>!!t).join(" ");var E=(e,t)=>s({[`${e}-xs`]:t.size==="xsmall",[`${e}-sm`]:t.size==="small",[`${e}-md`]:t.size==="medium",[`${e}-lg`]:t.size==="large",[`${e}-xl`]:t.size==="xlarge",[`${e}-xxl`]:t.size==="xxlarge",[`${e}-xxxl`]:t.size==="xxxlarge"},{[`${e}-${t.fillMode}`]:t.fillMode},{[`${e}-${t.themeColor}`]:t.themeColor},{"k-rounded-sm":t.rounded==="small","k-rounded-md":t.rounded==="medium","k-rounded-lg":t.rounded==="large","k-rounded-full":t.rounded==="full","k-rounded-none":t.rounded==="none"}),S=(e,t)=>{let{valid:o,invalid:a,hover:n,focus:i,checked:l,active:m,selected:u,disabled:f,indeterminate:N,loading:g,empty:c,readonly:L,highlighted:M,...k}=t;return s({"k-valid":o,"k-invalid":a,"k-hover":n,"k-focus":i,"k-checked":l,"k-active":m,"k-selected":u,"k-disabled":f,"k-indeterminate":N&&!l,"k-loading":g,"k-empty":c,"k-readonly":L,"k-highlighted":M},Object.keys(k).reduce((A,C)=>(C.startsWith("k-")?A[C]=k[C]:A[`k-${C}`]=k[C],A),{}))};function Wa(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(a=>[`k-${a}`,!0]))}var d={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},b={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},x={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},it={undefined:void 0,outline:"outline",solid:"solid",duotone:"duotone"},h={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",inverse:"inverse"},r={open:"open",hover:"hover",focus:"focus",active:"active",selected:"selected",disabled:"disabled",valid:"valid",invalid:"invalid",loading:"loading",required:"required",empty:"empty",indeterminate:"indeterminate",checked:"checked",readonly:"readonly",highlighted:"highlighted",generating:"generating",expanded:"expanded"};var jn={};function B(e){return jn[e]=(jn[e]\|\|0)+1,`k-${e}-${jn[e]}`}import{Fragment as Sd,jsx as si}from"react/jsx-runtime";var es="k-font-icon",gd=[],Ld={size:[d.undefined,d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary,h.success,h.warning,h.error,h.info]},Md={},fa=e=>{let{size:t,themeColor:o,icon:a,rotate:n,flip:i,...l}=e;return a?si("span",{...l,className:s(e.className,es,E(es,{size:t}),{[`k-i-${a}`]:a,[`k-color-${o}`]:o,[`k-rotate-${n}`]:n,"k-flip-h":i==="h"\|\|i==="both","k-flip-v":i==="v"\|\|i==="both"}),"aria-hidden":"true"}):si(Sd,{})};fa.states=gd;fa.options=Ld;fa.className=es;fa.defaultOptions=Md;var ri=fa;import{Fragment as Ad,jsx as Ja}from"react/jsx-runtime";var ts="k-svg-icon",kd=[],Cd={size:[d.undefined,d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary,h.success,h.warning,h.error,h.info],variant:[it.outline,it.solid,it.duotone]},os={viewBox:"0 0 24 24",variant:it.outline},ba=e=>{let{size:t,themeColor:o,rotate:a,flip:n,viewBox:i=os.viewBox,variant:l=os.variant,icon:m,...u}=e;if(!m)return Ja(Ad,{});if(m==="none")return Ja("span",{...u,className:s(e.className,ts,E("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let f=typeof m=="object"&&m.name&&m.name,N=typeof m=="object"?l&&m.variants?.[l]\|\|m.variants?.outline\|\|m.content:void 0;return Ja("span",{...u,className:s(e.className,ts,E("k-icon",{size:t}),{[`k-svg-i-${f}`]:f,[`k-color-${o}`]:o,[`k-rotate-${a}`]:a,"k-flip-h":n==="h"\|\|n==="both","k-flip-v":n==="v"\|\|n==="both"}),"aria-hidden":"true",children:Ja("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof m=="object"?m.viewBox:i,dangerouslySetInnerHTML:N!==void 0?{__html:N}:void 0,children:m?void 0:e.children})})};ba.states=kd;ba.options=Cd;ba.className=ts;ba.defaultOptions=os;var as=ba;importas ns from"@progress/kendo-svg-icons";var ii="icon",li="icons";import{useContext as yd}from"react";import{createContext as Ed}from"react";var pi=Ed({iconsType:"svg"});import{Fragment as di,jsx as xa}from"react/jsx-runtime";var Ya="k-icon",Id=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),Td=[],Od={size:[d.undefined,d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary,h.success,h.warning,h.error,h.info],variant:[it.outline,it.solid,it.duotone]},Za={viewBox:"0 0 24 24",type:"svg",variant:it.outline},v=e=>{let{iconsType:t}=yd(pi),{size:o,themeColor:a,icon:n,type:i=t\|\|Za.type,rotate:l,flip:m,viewBox:u=Za.viewBox,variant:f=Za.variant,...N}=e;if(!n)return xa(di,{});if((t\|\|i)==="svg"){if(n==="none")return xa(as,{...N,className:s(e.className,Ya),icon:n,size:o,variant:f});let c=ns[n]?n:Id(`${n}-icon`);return ns[c]?xa(as,{...N,className:s(e.className,Ya),icon:ns[c],size:o,themeColor:a,rotate:l,flip:m,viewBox:u,variant:f}):xa(di,{})}return xa(ri,{...N,className:s(e.className,Ya),icon:n,size:o,themeColor:a,rotate:l,flip:m})};v.states=Td;v.options=Od;v.defaultOptions=Za;v.className=Ya;v.moduleName=ii;v.folderName=li;var ss="button",mi=ss;import{Fragment as ci,jsx as uo,jsxs as ui}from"react/jsx-runtime";var Na="k-button",Bd=["icon-button"],Pd=[r.hover,r.focus,r.active,r.selected,r.disabled,r.generating],Kd={size:[d.undefined,d.xsmall,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[x.undefined,x.solid,x.flat,x.outline,x.clear,x.link],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary,h.success,h.warning,h.error,h.info,h.inverse]},rs={showArrow:!1,arrowIconName:"chevron-down"},p=e=>{let{as:t="button",size:o,rounded:a,fillMode:n,themeColor:i,showArrow:l=rs.showArrow,arrowIconName:m=rs.arrowIconName,variant:u,hover:f,focus:N,active:g,selected:c,disabled:L,togglable:M,ariaDisabled:k,icon:A,iconSize:C,text:y,iconClassName:H,className:le,...Ae}=e,pe=A!=null,ue=e.children!==void 0;return ui(t,{className:s(le,Na,Wa(Na,u),E(Na,{size:o,rounded:a,fillMode:n,themeColor:i}),S(Na,{hover:f,focus:N,active:g,disabled:L\|\|k,selected:c}),{"k-icon-button":!y&&!ue&&pe}),"aria-pressed":M?c?"true":"false":void 0,...Ae,"aria-disabled":k?"true":void 0,disabled:L\|\|void 0,children:[typeof A=="string"&&A&&uo(v,{className:s(H,"k-button-icon"),icon:A,size:C}),A&&typeof A!="string"&&uo(ci,{children:A}),y?ui(ci,{children:[y&&uo("span",{className:"k-button-text",children:y}),e.children]}):e.children&&uo("span",{className:"k-button-text",children:e.children}),l&&uo("span",{className:"k-menu-button-arrow k-button-arrow",children:uo(v,{icon:m})})]})};p.states=Pd;p.options=Kd;p.variants=Bd;p.className=Na;p.defaultOptions=rs;p.moduleName=ss;p.folderName=mi;import{jsx as Rd}from"react/jsx-runtime";var $=e=>Rd(p,{icon:"folder",...e,"aria-label":e["aria-label"]\|\|"Folder",children:void 0});import{jsx as _d}from"react/jsx-runtime";var ha=e=>_d(p,{icon:"folder",children:"Button",...e});import{jsx as wd}from"react/jsx-runtime";var at=e=>wd(p,{children:"Button",...e});import{jsx as is}from"react/jsx-runtime";var Dd=p.options,Hd=p.states,zd={...p.defaultOptions,variant:"text"},Ud=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Fd=[],fo=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return is($,{...o,icon:"star"});case"icon-and-text":return is(ha,{...o,icon:"star",children:"Button"});default:return is(at,{...o,children:"Button"})}};fo.options=Dd;fo.states=Hd;fo.variants=Ud;fo.defaultOptions=zd;fo.modifiers=Fd;fo.className=p.className;import{jsx as fi,jsxs as qd}from"react/jsx-runtime";var Qa="k-fab",$d=[r.hover,r.focus,r.active,r.selected,r.disabled],Xd={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary]},bi={type:"button"},te=e=>{let{size:t,rounded:o,themeColor:a,text:n,icon:i,type:l=bi.type,position:m,hover:u,focus:f,active:N,selected:g,disabled:c,...L}=e;return qd("button",{...L,type:l,className:s(e.className,Qa,E(Qa,{size:t,rounded:o,themeColor:a}),S(Qa,{hover:u,focus:f,active:N,disabled:c,selected:g}),{[`!k-pos-absolute k-${m}`]:m}),...!n&&i&&!e["aria-label"]&&{"aria-label":"Action"},...c&&{"aria-disabled":"true"},disabled:c\|\|void 0,children:[i&&fi(v,{className:"k-fab-icon",icon:i}),n&&fi("span",{className:"k-fab-text",children:n})]})};te.states=$d;te.options=Xd;te.className=Qa;te.defaultOptions=bi;te.moduleName="fab";te.folderName="fab";import{jsx as Jd}from"react/jsx-runtime";var Wd="k-fab-items",xi=e=>{let{position:t,...o}=e;return Jd("ul",{...o,className:s(e.className,Wd,{[`k-fab-items-${t}`]:t}),children:e.children})};import{jsx as hi,jsxs as Zd}from"react/jsx-runtime";var Ni="k-fab-item",Yd=[r.hover,r.focus,r.active,r.disabled],ls=e=>{let{text:t,icon:o,align:a,hover:n,focus:i,active:l,disabled:m,...u}=e;return Zd("li",{...u,className:s(e.className,Ni,{[`k-text-${a}`]:a},S(Ni,{hover:n,focus:i,active:l,disabled:m})),children:[hi("span",{className:"k-fab-item-text",children:t}),hi(v,{className:"k-fab-item-icon",icon:o})]})};ls.states=Yd;import{jsx as lg}from"react/jsx-runtime";import{jsx as Qd}from"react/jsx-runtime";var vi=e=>Qd(te,{icon:"plus",...e});import{jsx as bg}from"react/jsx-runtime";import{jsx as vg}from"react/jsx-runtime";import{jsx as bo,jsxs as nm}from"react/jsx-runtime";var jd=te.options,em=te.states,tm={...te.defaultOptions,variant:"text"},om=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],am=[{name:"opened",title:"Opened"}],xo=e=>{let{variant:t,modifiers:o,...a}=e,{opened:n}=o\|\|{},i=n?bo("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:bo(xi,{position:"bottom",children:bo(ls,{text:"Item",icon:"pencil",align:"right"})})}):null,l;switch(t){case"icon-only":l=bo(te,{...a,icon:"star"});break;case"icon-and-text":l=bo(te,{...a,icon:"star",text:"Action"});break;default:l=bo(te,{...a,text:"Action"});break}return nm("span",{style:{position:"relative"},children:[l,i]})};xo.options=jd;xo.states=em;xo.variants=om;xo.defaultOptions=tm;xo.modifiers=am;xo.className=te.className;import{jsx as im}from"react/jsx-runtime";var ps="k-input-inner",sm=[],rm={},ja={type:"text",autocomplete:"off",value:"",placeholder:""},fe=e=>{let{value:t=ja.value,type:o=ja.type,placeholder:a=ja.placeholder,autocomplete:n=ja.autocomplete,disabled:i,readOnly:l,...m}=e;return im("input",{...m,type:o,className:s(e.className,ps,E(ps,e)),placeholder:a,autoComplete:n,defaultValue:t,disabled:i\|\|void 0,readOnly:l\|\|void 0})};fe.states=sm;fe.options=rm;fe.className=ps;import{jsx as dm}from"react/jsx-runtime";var ds="k-input-inner",lm=[],pm={},gi={value:"",placeholder:""},va=e=>{let{value:t=gi.value,placeholder:o=gi.placeholder,rows:a,disabled:n,...i}=e;return dm("textarea",{...i,className:s(e.className,ds,E(ds,e)),placeholder:o,rows:a,defaultValue:t,disabled:n\|\|void 0})};va.states=lm;va.options=pm;va.className=ds;var ms="prompt-box",Li=ms;var cs="speech-to-text-button",Mi=cs;import{jsx as mm}from"react/jsx-runtime";var Si="k-speech-to-text-button",ki={icon:"microphone"},Be=e=>{let{listening:t=!1,icon:o=ki.icon,...a}=e;return mm(p,{...a,icon:t?"stop":o,className:s(e.className,Si,{"k-listening":t}),"aria-pressed":t?"true":"false","aria-label":t?"Stop listening":"Start listening"})};Be.states=p.states;Be.options=p.options;Be.className=Si;Be.defaultOptions=ki;Be.moduleName=cs;Be.folderName=Mi;import{jsx as eL}from"react/jsx-runtime";import{jsx as nL}from"react/jsx-runtime";import{jsx as xm}from"react/jsx-runtime";var cm=p.states,Ci={...p.defaultOptions,variant:"normal"},um={...p.options,fillMode:p.options.fillMode.filter(e=>e!=="clear"&&e!=="link")},fm=[],bm=[{name:"normal",title:"Normal"},{name:"listening",title:"Listening"}],No=e=>{let{variant:t,...o}={...Ci,...e},a={};return t==="listening"&&(a.listening=!0),xm(Be,{...o,...a})};No.options=um;No.states=cm;No.variants=bm;No.defaultOptions=Ci;No.modifiers=fm;No.className=Be.className;import{jsx as qt,jsxs as us}from"react/jsx-runtime";var lt="k-prompt-box",Nm=[r.hover,r.focus,r.disabled],hm={fillMode:[x.undefined,x.solid,x.flat,x.outline]},fs={lineMode:"auto",isExpanded:!1},be=e=>{let{fillMode:t,lineMode:o=fs.lineMode,startAffix:a,endAffix:n,header:i,isExpanded:l=fs.isExpanded,className:m,children:u,value:f,placeholder:N,generating:g,actionButtonConfig:c,speechToTextButtonConfig:L,uploadButtonConfig:M,hover:k,focus:A,disabled:C,...y}=e,H=o==="multi"\|\|o==="auto"&&l;return us("div",{...y,className:s(m,"k-input",lt,{[`${lt}-singleline`]:o==="single",[`${lt}-multiline`]:H,[`k-input-${t}`]:t,"k-hover":k,"k-focus":A,"k-disabled":C}),children:[i&&qt("div",{className:`${lt}-header`,children:i}),us("div",{className:`${lt}-content`,children:[a&&qt("div",{className:`${lt}-affix`,children:a}),o==="single"?qt(fe,{value:f,placeholder:N,className:`${lt}-input`,type:"text","aria-label":"Prompt input"}):qt(va,{value:f,placeholder:N,className:`${lt}-textarea`,rows:o==="multi"\|\|l?3:1,"aria-label":"Prompt input","aria-multiline":"true"}),us("div",{className:`${lt}-affix`,children:[n,M&&qt($,{icon:"paperclip",size:"small",fillMode:"flat",rounded:"full","aria-label":"Attach files",...M}),qt(Be,{size:"small",fillMode:"flat",rounded:"full",...L}),qt($,{icon:g?"stop":"arrow-up",size:"small",rounded:"full",active:g,disabled:!f&&!g,"aria-label":g?"Stop generating":"Send prompt","aria-live":"polite",...c,className:s({"k-generating":g},c?.className)})]})]}),u]})};be.states=Nm;be.options=hm;be.className=lt;be.defaultOptions=fs;be.moduleName=ms;be.folderName=Li;import{jsx as yL}from"react/jsx-runtime";import{jsx as BL}from"react/jsx-runtime";import{jsx as _L}from"react/jsx-runtime";import{jsx as zL}from"react/jsx-runtime";import{jsx as VL}from"react/jsx-runtime";import{Fragment as bs,jsx as yt,jsxs as km}from"react/jsx-runtime";var vm=be.options,gm=be.states,Lm={...be.defaultOptions,variant:"Single"},Mm=[{name:"Single",title:"Singleline"},{name:"Multi",title:"Multiline"}],Sm=[{name:"header",title:"Header"},{name:"endAffix",title:"End Affix"},{name:"startAffix",title:"Start Affix"}],ho=e=>{let{variant:t,modifiers:o,...a}=e,n={},i=yt(bs,{children:yt($,{size:"small",icon:"send",fillMode:"flat"})});return Object.keys(o\|\|{}).forEach(l=>{switch(l){case"header":n.header=o?.[l]?yt(p,{children:"Button in header"}):void 0;break;case"endAffix":o?.[l]&&(n.endAffix=km(bs,{children:[i,yt($,{icon:"paperclip",size:"small",fillMode:"flat"})]}));break;case"startAffix":n.startAffix=o?.[l]?yt(bs,{children:yt($,{icon:"plus",size:"small",fillMode:"flat"})}):void 0;break;default:break}}),t==="Multi"?yt(be,{style:{width:300},lineMode:"multi",endAffix:i,placeholder:"Enter your prompt...",...a,...n}):yt(be,{style:{width:300},lineMode:"single",endAffix:i,placeholder:"Enter your prompt...",...a,...n})};ho.options=vm;ho.states=gm;ho.variants=Mm;ho.defaultOptions=Lm;ho.modifiers=Sm;ho.className=be.className;var xs="chat",Ai=xs;import{Fragment as Ii,jsx as Wt,jsxs as ga}from"react/jsx-runtime";var Ei="k-chat",Cm=[],Am={},Em=ga(Ii,{children:[Wt($,{icon:"paperclip",fillMode:"clear",rounded:"full",size:"small","aria-label":"Attach file"},"paperclip"),Wt("div",{className:"k-spacer"})]}),yi={tools:Em},G=e=>{let{header:t,dir:o,suggestedActions:a,files:n,pinned:i,replied:l,generating:m,tools:u=yi.tools,value:f,empty:N,scrollToBottom:g,scrollbar:c,promptBoxProps:L,...M}=e;return ga("div",{...M,className:s(Ei,e.className),dir:o,children:[t,ga("div",{className:"k-message-list",role:"log","aria-label":"Message list","aria-live":"polite",children:[i,Wt("div",{className:s("k-message-list-content",N&&"k-message-list-content-empty"),children:e.children}),g&&Wt("div",{className:"k-chat-scroll-to-bottom-container",children:Wt(vi,{themeColor:"base",icon:"arrow-down",size:"small"})})]}),c&&Wt("div",{className:"k-separator"}),ga("div",{className:"k-message-box-wrapper",children:[a,Wt(be,{lineMode:"multi",placeholder:"Type a message",generating:m,value:f,header:n\|\|l?ga(Ii,{children:[l,n]}):void 0,endAffix:u,...L})]})]})};G.states=Cm;G.options=Am;G.className=Ei;G.defaultOptions=yi;G.moduleName=xs;G.folderName=Ai;var Ns="button",Ti=Ns;import{jsx as Om}from"react/jsx-runtime";var La="k-button-group",ym=[r.disabled],Im={fillMode:[x.undefined,x.solid,x.flat,x.outline,x.clear,x.link]},Tm={},T=e=>{let{fillMode:t,disabled:o,stretched:a,...n}=e;return Om("div",{role:"group",...n,className:s(e.className,La,E(La,{fillMode:t}),S(La,{disabled:o}),{[`${La}-stretched`]:a}),...o&&{"aria-disabled":"true"},children:e.children})};T.states=ym;T.options=Im;T.className=La;T.defaultOptions=Tm;T.moduleName=Ns;T.folderName=Ti;import{Fragment as kM,jsx as SM,jsxs as CM}from"react/jsx-runtime";import{Fragment as OM,jsx as TM,jsxs as BM}from"react/jsx-runtime";import{Fragment as DM,jsx as wM,jsxs as HM}from"react/jsx-runtime";import{Fragment as $M,jsx as VM,jsxs as XM}from"react/jsx-runtime";import{Fragment as QM,jsx as ZM,jsxs as jM}from"react/jsx-runtime";import{Fragment as sS,jsx as nS,jsxs as rS}from"react/jsx-runtime";import{jsx as gt,jsxs as hs}from"react/jsx-runtime";var Bm={...p.options,...T.options},Pm=p.states,Km={...p.defaultOptions,...T.defaultOptions,variant:"text-button"},Rm=[{name:"icon-button",title:"Icon Only"},{name:"text-button",title:"Text"},{name:"icon-text-button",title:"Icon Text"}],_m=[],vo=e=>{let{variant:t,className:o,...a}=e;return t==="icon-button"?hs(T,{fillMode:a.fillMode,className:o,children:[gt(p,{...a,icon:"star"}),gt(p,{...a,icon:"star"}),gt(p,{...a,icon:"star"})]}):t==="icon-text-button"?hs(T,{fillMode:a.fillMode,className:o,children:[gt(p,{...a,icon:"star",children:"First"}),gt(p,{...a,icon:"star",children:"Middle"}),gt(p,{...a,icon:"star",children:"Last"})]}):hs(T,{fillMode:a.fillMode,className:o,children:[gt(p,{...a,children:"First"}),gt(p,{...a,children:"Middle"}),gt(p,{...a,children:"Last"})]})};vo.options=Bm;vo.states=Pm;vo.variants=Rm;vo.defaultOptions=Km;vo.modifiers=_m;vo.className=T.className;var Ma="input",tn=Ma;import{jsx as zm}from"react/jsx-runtime";var on="k-input",wm=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading,r.readonly],Dm={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]},Hm={},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 zm("span",{...g,className:s(e.className,on,E(on,{size:u,rounded:f,fillMode:N}),S(on,{hover:t,focus:o,disabled:a,invalid:n,valid:i,loading:l,readonly:m}))})};J.states=wm;J.options=Dm;J.className=on;J.defaultOptions=Hm;J.moduleName=Ma;J.folderName=tn;import{jsx as Vm}from"react/jsx-runtime";var an="k-picker",Um=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading,r.readonly],Fm={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]},Gm={},pt=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 Vm("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})),children:e.children})};pt.states=Um;pt.options=Fm;pt.className=an;pt.defaultOptions=Gm;pt.moduleName=Ma;pt.folderName=tn;import{Fragment as qm,jsx as vs}from"react/jsx-runtime";var Oi="k-clear-value",$m=[r.disabled,r.loading,r.readonly],Xm={},Pe=e=>{let{disabled:t,loading:o,readonly:a,value:n}=e;return t\|\|a\|\|o\|\|!n?vs(qm,{}):vs("span",{className:s(e.className,Oi),children:vs(v,{icon:"x"})})};Pe.states=$m;Pe.options=Xm;Pe.className=Oi;import{jsx as Bi,jsxs as Ym}from"react/jsx-runtime";var gs="k-input-inner",Wm=[],Jm={},Jt=e=>{let{value:t,placeholder:o,showValue:a,valueIcon:n,valueIconName:i,...l}=e;return Ym("span",{...l,className:s(e.className,gs,E(gs,e)),children:[n,!n&&i&&Bi(v,{className:"k-input-value-icon",icon:i}),a&&!t&&o,a&&t&&Bi("span",{className:"k-input-value-text",children:t})]})};Jt.states=Wm;Jt.options=Jm;Jt.className=gs;import{Fragment as Qm,jsx as Pi}from"react/jsx-runtime";var Ki="k-input-loading-icon",Zm=[r.disabled,r.loading],Ee=e=>{let{disabled:t,loading:o}=e;return t\|\|!o?Pi(Qm,{}):Pi("span",{className:s(e.className,Ki,"k-icon k-i-loading")})};Ee.states=Zm;Ee.className=Ki;import{Fragment as tc,jsx as Ri}from"react/jsx-runtime";var _i="k-input-validation-icon",jm=[r.valid,r.invalid,r.disabled,r.loading],ec={},xe=e=>{let{valid:t,invalid:o,disabled:a,loading:n}=e,i=o?"warning-circle":"check-circle";return a\|\|n\|\|!!!(t\|\|o)?Ri(tc,{}):Ri(v,{className:s(_i),icon:i})};xe.states=jm;xe.options=ec;xe.className=_i;import{Fragment as nc,jsx as wi}from"react/jsx-runtime";var oc="k-input-prefix",ac={direction:"horizontal"},Ue=e=>{let{direction:t=ac.direction,...o}=e;return e.children?wi("span",{...o,className:s(oc,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):wi(nc,{})};import{Fragment as ic,jsx as Di}from"react/jsx-runtime";var sc="k-input-suffix",rc={direction:"horizontal"},Fe=e=>{let{direction:t=rc.direction,...o}=e;return e.children?Di("span",{...o,className:s(sc,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):Di(ic,{})};import{jsx as ek}from"react/jsx-runtime";import{jsx as pc}from"react/jsx-runtime";var lc="k-input-suffix-text",Ls=e=>{let{children:t,...o}=e;return pc("span",{...o,className:s(lc,e.className),children:t})};import{jsx as mc}from"react/jsx-runtime";var Hi="k-input-separator",dc={direction:"vertical"},Ge=e=>{let{direction:t=dc.direction,...o}=e;return mc("span",{...o,className:s(Hi,e.className,{[`${Hi}-${t}`]:t})})};import{Fragment as zi,jsx as dt,jsxs as Ms}from"react/jsx-runtime";var cc=J.states,uc=J.defaultOptions,fc=J.options,bc=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],xc=[],go=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 Ms(J,{...m,valid:o,invalid:a,loading:n,disabled:i,readonly:l,style:{width:300},children:[u&&Ms(zi,{children:[dt(Ue,{children:dt(v,{icon:"lock"})}),c&&dt(Ge,{})]}),dt(fe,{placeholder:"Placeholder",value:"Value"}),g&&dt(xe,{valid:o,invalid:a,loading:n,disabled:i}),dt(Ee,{loading:n,disabled:i}),N&&dt(Pe,{loading:n,disabled:i,readonly:l,value:"Value"}),f&&Ms(zi,{children:[c&&dt(Ge,{}),dt(Fe,{children:dt(at,{size:m.size,fillMode:"clear",children:"Send"})})]})]})};go.options=fc;go.states=cc;go.variants=xc;go.defaultOptions=uc;go.modifiers=bc;go.className=J.className;import{jsx as Ui,jsxs as vc}from"react/jsx-runtime";var Fi="k-color-preview",Nc=[],hc={},It=e=>{let{color:t,iconName:o,...a}=e;return vc("span",{...a,className:s(e.className,Fi,{"k-icon-color-preview":o,"k-no-color":!t}),children:[o&&Ui(v,{icon:o,className:"k-color-preview-icon"}),Ui("span",{className:"k-color-preview-mask",style:{backgroundColor:t}})]})};It.states=Nc;It.options=hc;It.className=Fi;var Ss="popup",Gi=Ss;import{jsx as Vi}from"react/jsx-runtime";var $i="k-animation-container",gc=[],Lc={},ks={positionMode:"absolute",shown:!0},mt=e=>{let{positionMode:t=ks.positionMode,shown:o=ks.shown,animationStyle:a,offset:n,...i}=e;return Vi("div",{...i,style:{...n,...e.style},className:s(e.className,$i,{"k-animation-container-shown":o,"k-animation-container-fixed":t==="fixed"}),children:Vi("div",{className:"k-child-animation-container",style:a,children:e.children})})};mt.states=gc;mt.options=Lc;mt.className=$i;mt.defaultOptions=ks;mt.moduleName=Ss;mt.folderName=Gi;var Cs="popup",Xi=Cs;import{jsx as qi}from"react/jsx-runtime";var Wi="k-popup",Mc=[],Sc={},Ji={positionMode:"absolute"},X=e=>{let{offset:t,positionMode:o=Ji.positionMode,animationStyle:a,containerClassName:n,containerRole:i,containerAriaLabel:l,...m}=e;return qi(mt,{positionMode:o,offset:t,animationStyle:a,className:n,role:i,"aria-label":l,children:qi("div",{...m,className:s(e.className,Wi),children:e.children})})};X.states=Mc;X.options=Sc;X.className=Wi;X.defaultOptions=Ji;X.moduleName=Cs;X.folderName=Xi;var As="action-buttons",Yi=As;import{jsx as Ac}from"react/jsx-runtime";var nn="k-actions",kc=[],Cc={},Es={alignment:"start",orientation:"horizontal"},Ke=e=>{let{alignment:t=Es.alignment,orientation:o=Es.orientation,...a}=e;return Ac("div",{...a,className:s(nn,{[`${nn}-${t}`]:t,[`${nn}-${o}`]:o},e.className),children:e.children})};Ke.states=kc;Ke.options=Cc;Ke.className=nn;Ke.defaultOptions=Es;Ke.moduleName=As;Ke.folderName=Yi;var Zi=Ke;import{jsx as yc}from"react/jsx-runtime";var Ec="k-actionsheet-footer",Qi={alignment:"stretched",orientation:"horizontal"},Tt=e=>{let{alignment:t=Qi.alignment,orientation:o=Qi.orientation,template:a,as:n=a?"div":Ke,...i}=e;return yc(n,{...i,...!a&&{alignment:t,orientation:o},className:s(e.className,Ec),children:e.children})};var ys="searchbox",ji=ys;import{jsx as Sa,jsxs as Oc}from"react/jsx-runtime";var el="k-searchbox",Ic=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading],Tc={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]},sn={showIcon:!0,showClearButton:!0,icon:"search"},Ve=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=sn.showIcon,showClearButton:M=sn.showClearButton,icon:k=sn.icon,"aria-label":A,...C}=e;return Oc(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,el),children:[L&&Sa(v,{className:"k-input-icon",icon:k}),Sa(fe,{placeholder:o,value:t,"aria-label":A}),Sa(Ee,{...e}),Sa(xe,{...e}),M&&Sa(Pe,{...e})]})};Ve.states=Ic;Ve.options=Tc;Ve.className=el;Ve.defaultOptions=sn;Ve.moduleName=ys;Ve.folderName=ji;import{jsx as CC}from"react/jsx-runtime";var Is="textbox",tl=Is;import{Fragment as ol,jsx as Ot,jsxs as Ts}from"react/jsx-runtime";var al="k-textbox",Bc=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading,r.readonly],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={showClearButton:!0,showValidationIcon:!0,separators:!0},de=e=>{let{size:t,rounded:o,fillMode:a,separators:n=rn.separators,showClearButton:i=rn.showClearButton,showValidationIcon:l=rn.showValidationIcon,prefix:m,suffix:u,type:f,value:N,placeholder:g,hover:c,focus:L,valid:M,invalid:k,required:A,loading:C,disabled:y,readonly:H,id:le,"aria-label":Ae,"aria-describedby":pe,...ue}=e;return Ts(J,{...ue,size:t,rounded:o,fillMode:a,hover:c,focus:L,valid:M,invalid:k,required:A,loading:C,disabled:y,readonly:H,className:s(e.className,al),children:[m&&Ts(ol,{children:[Ot(Ue,{children:m}),n&&Ot(Ge,{})]}),Ot(fe,{id:le,placeholder:g,value:N,type:f,disabled:y,"aria-label":Ae,"aria-describedby":pe,"aria-invalid":k?"true":void 0}),l&&Ot(xe,{valid:M,invalid:k,loading:C,disabled:y}),Ot(Ee,{loading:C,disabled:y}),i&&Ot(Pe,{loading:C,disabled:y,readonly:H,value:N}),u&&Ts(ol,{children:[n&&Ot(Ge,{}),Ot(Fe,{children:u})]})]})};de.states=Bc;de.options=Pc;de.className=al;de.defaultOptions=rn;de.moduleName=Is;de.folderName=tl;var ka=de;import{jsx as Kc}from"react/jsx-runtime";var ln=e=>Kc(ka,{...e});import{Fragment as GC,jsx as FC}from"react/jsx-runtime";import{Fragment as JC,jsx as WC}from"react/jsx-runtime";import{jsx as jC}from"react/jsx-runtime";import{jsx as Os}from"react/jsx-runtime";var Rc=de.states,_c=de.defaultOptions,wc=de.options,Dc=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],Hc=[],Lo=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(n=>{switch(n){case"prefix":a.prefix=t?.[n]?Os(v,{icon:"lock"}):void 0;break;case"suffix":a.suffix=t?.[n]?Os(at,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":a.showClearButton=t?.[n];break;default:break}}),Os(ln,{value:"Value",style:{width:300},...o,...a})};Lo.options=wc;Lo.states=Rc;Lo.variants=Hc;Lo.defaultOptions=_c;Lo.modifiers=Dc;Lo.className=de.className;import{jsx as Bt,jsxs as Bs}from"react/jsx-runtime";var nl="k-actionsheet-titlebar",zc={},Ne=e=>{let{title:t,subtitle:o,actionsStart:a,actionsEnd:n,filter:i,input:l,inputValue:m,inputPlaceholder:u,adaptive:f,titleId:N,children:g,...c}=e;return Bs("div",{...c,className:s(e.className,nl),children:[Bs("div",{className:"k-actionsheet-titlebar-group",children:[a&&Bt("div",{className:"k-actionsheet-actions",children:a}),!g&&Bs("div",{className:"k-actionsheet-title",id:N,children:[t&&Bt("div",{className:"k-text-center",children:t}),o&&Bt("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),g&&Bt("div",{className:"k-actionsheet-title",id:N,children:g}),n&&Bt("div",{className:"k-actionsheet-actions",children:n})]}),(l\|\|i)&&Bt("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:l?Bt(de,{value:m,placeholder:u,size:f?"large":"medium","aria-label":t\|\|u\|\|"Input"}):Bt(Ve,{placeholder:"Filter",size:f?"large":"medium","aria-label":"Filter options"})})]})};Ne.className=nl;Ne.defaultOptions=zc;import{jsx as Ps,jsxs as Vc}from"react/jsx-runtime";var Ks="k-actionsheet-view",Uc=[],Fc={},Gc={},Mo=e=>{let{adaptive:t,animated:o,children:a,header:n,footer:i,titleId:l,...m}=e,u=n?.type===Ne&&Ps(Ne,{adaptive:t,titleId:l,...n?.props}),f=i?.type===Tt&&Ps(Tt,{...i?.props});return Vc("div",{...m,className:s(e.className,Ks,{[`${Ks}-animated`]:o}),children:[u,Ps("div",{className:"k-actionsheet-content",children:a}),f]})};Mo.states=Uc;Mo.options=Fc;Mo.className=Ks;Mo.defaultOptions=Gc;var Ca="action-sheet",pn=Ca;var Rs="overlay",sl=Rs;import{jsx as Wc}from"react/jsx-runtime";var rl="k-overlay",$c=[],Xc={},qc={},ct=e=>{let{...t}=e;return Wc("div",{...t,className:s(e.className,rl),children:e.children})};ct.states=$c;ct.options=Xc;ct.className=rl;ct.defaultOptions=qc;ct.moduleName=Rs;ct.folderName=sl;import{jsx as dn,jsxs as Zc}from"react/jsx-runtime";var il="k-actionsheet",Jc=[],Yc={},Aa={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},Y=e=>{let{side:t=Aa.side,fullscreen:o=Aa.fullscreen,adaptive:a=Aa.adaptive,overlay:n=Aa.overlay,template:i,children:l,header:m,footer:u,id:f,...N}=e,g=f&&!i&&m?`${f}-title`:void 0;return Zc("div",{className:"k-actionsheet-container",children:[n&&dn(ct,{}),dn(mt,{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:dn("div",{...N,id:f,role:"dialog","aria-modal":n?"true":void 0,"aria-labelledby":g,className:s(e.className,il,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":a}),children:i\|\|dn(Mo,{header:m,footer:u,adaptive:a,titleId:g,...e,children:l})})})]})};Y.states=Jc;Y.options=Yc;Y.className=il;Y.defaultOptions=Aa;Y.moduleName=Ca;Y.folderName=pn;import{jsx as tu}from"react/jsx-runtime";var ll="k-actionsheet-container",Qc=[],jc={},eu={},So=e=>{let{children:t,...o}=e;return tu("div",{...o,className:ll,children:t})};So.states=Qc;So.options=jc;So.className=ll;So.defaultOptions=eu;So.moduleName=Ca;So.folderName=pn;import{jsx as ou}from"react/jsx-runtime";var _s=e=>{let{...t}=e;return ou("div",{...t,className:s(e.className,"k-list-ul"),children:e.children})};import{Fragment as nu,jsx as Ea,jsxs as ws}from"react/jsx-runtime";var Ds="k-actionsheet-item",au=[r.hover,r.focus,r.selected,r.disabled],Pt=e=>{let{iconName:t,text:o,description:a,hover:n,focus:i,selected:l,disabled:m,...u}=e;return ws("span",{...u,className:s(e.className,Ds,S(Ds,{hover:n,focus:i,selected:l,disabled:m})),children:[!e.children&&Ea(nu,{children:ws("span",{className:"k-actionsheet-action",children:[t&&Ea("span",{className:"k-icon-wrap",children:Ea(v,{className:"k-actionsheet-item-icon",icon:t})}),ws("span",{className:"k-actionsheet-item-text",children:[o&&Ea("span",{className:"k-actionsheet-item-title",children:o}),a&&Ea("span",{className:"k-actionsheet-item-description",children:a})]})]})}),e.children]})};Pt.states=au;Pt.className=Ds;import{jsx as QA,jsxs as jA}from"react/jsx-runtime";import{jsx as aE}from"react/jsx-runtime";import{jsx as iE}from"react/jsx-runtime";import{jsx as mE}from"react/jsx-runtime";import{jsx as se,jsxs as Hs}from"react/jsx-runtime";var su=Y.options,ru=Y.states,dl={...Y.defaultOptions,variant:"normal"},iu=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],lu=[{name:"actions",title:"Titlebar Actions",type:"boolean"},{name:"subtitle",title:"Subtitle",type:"boolean"},{name:"footer",title:"Footer",type:"boolean"}],ko=e=>{let{variant:t,modifiers:o,...a}={...dl,...e},n={},i=Hs(_s,{children:[se(Pt,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),se(Pt,{text:"Add to Favorites",iconName:"heart"}),se(Pt,{text:"Upload New",iconName:"upload",disabled:!0}),se("hr",{className:"k-hr"}),se(Pt,{text:"Cancel",iconName:"cancel"})]}),l="Choose from the items below",m="Select Item";return t==="fullScreen"&&(n.fullScreen=!0),Object.keys(o\|\|{}).forEach(u=>{switch(u){case"actions":n.actionsStart=!!o?.[u],n.actionsEnd=!!o?.[u];break;case"subtitle":n.subtitle=o?.[u]?l:void 0;break;case"footer":n.footer=!!o?.[u];break;default:break}}),t==="adaptive"?se(Y,{...a,adaptive:!0,fullscreen:n.fullScreen,header:se(Ne,{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?Hs(Tt,{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(Ne,{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?Hs(Tt,{alignment:"stretched",children:[se(p,{text:"Apply",themeColor:"primary"}),se(p,{text:"Cancel",themeColor:"base"})]}):void 0,children:i})};ko.options=su;ko.states=ru;ko.variants=iu;ko.defaultOptions=dl;ko.modifiers=lu;ko.className=Y.className;var zs="slider",ml=zs;import{jsx as Co,jsxs as Us}from"react/jsx-runtime";var ya="k-slider",pu=[r.hover,r.focus,r.active,r.disabled,r.readonly],du={},$e={type:"single",orientation:"horizontal",gradientType:"1d",readonly:!1,disabled:!1,handlePosition:"end",showButtons:!0,showTicks:!0,value:50,min:0,max:100},V=e=>{let{type:t=$e.type,orientation:o=$e.orientation,gradientType:a=$e.gradientType,readonly:n=$e.readonly,disabled:i=$e.disabled,handlePosition:l=$e.handlePosition,showButtons:m=$e.showButtons,showTicks:u=$e.showTicks,value:f=$e.value,min:N=$e.min,max:g=$e.max,startValue:c,endValue:L,hover:M,focus:k,active:A,trackStyle:C,dir:y,...H}=e,Ae=(()=>{if(t==="gradient"&&a==="2d")return"undefined";if(o==="vertical")return"vertical"})(),pe,ue;return o==="horizontal"?(pe=y==="rtl"?"chevron-left":"chevron-right",ue=y==="rtl"?"chevron-right":"chevron-left"):o==="vertical"&&(pe="chevron-up",ue="chevron-down"),Us("div",{...H,className:s(ya,e.className,S(ya,{readonly:n,disabled:i}),{[`k-slider-${o}`]:o,"k-colorgradient-slider":t==="gradient"}),dir:y,children:[m&&Co(p,{className:"k-button-decrease",rounded:"full",icon:ue,tabIndex:-1,title:"Decrease"}),Us("div",{className:"k-slider-track-wrap",children:[u&&Co("ul",{className:"k-reset k-slider-items","aria-hidden":"true",children:e.children}),Us("div",{className:"k-slider-track",style:C,children:[Co("div",{className:"k-slider-selection"}),t==="range"&&Co("span",{className:s("k-draghandle","k-draghandle-start",S(ya,{hover:M,focus:k,active:A})),role:"slider",tabIndex:i?void 0:0,"aria-valuenow":c??N,"aria-valuemin":N,"aria-valuemax":L??g,"aria-orientation":Ae,"aria-disabled":i?"true":void 0,"aria-readonly":n?"true":void 0,"aria-label":H["aria-label"]?`${H["aria-label"]} start`:"Range start"}),Co("span",{className:s("k-draghandle",`k-draghandle-${l}`,S(ya,{hover:M,focus:k,active:A})),role:"slider",tabIndex:i?void 0:0,"aria-valuenow":t==="range"?L??g:f,"aria-valuemin":t==="range"?c??N:N,"aria-valuemax":g,"aria-orientation":Ae,"aria-disabled":i?"true":void 0,"aria-readonly":n?"true":void 0,"aria-label":t==="range"?H["aria-label"]?`${H["aria-label"]} end`:"Range end":H["aria-label"]})]})]}),m&&Co(p,{className:"k-button-increase",rounded:"full",icon:pe,tabIndex:-1,title:"Increase"})]})};V.states=pu;V.options=du;V.className=ya;V.defaultOptions=$e;V.moduleName=zs;V.folderName=ml;import{jsx as cl}from"react/jsx-runtime";var ul="k-tick",mu=[],cu={},fl={label:!1},I=e=>{let{style:t,label:o=fl.label,orientation:a,large:n,text:i,...l}=e;return cl("li",{...l,role:"presentation",title:i\|\|"Tick",className:s(e.className,ul,{[`k-tick-${a}`]:a,"k-tick-large":n}),style:t,children:o&&cl("span",{className:"k-label",children:i})})};I.states=mu;I.options=cu;I.className=ul;I.defaultOptions=fl;import{Fragment as uu,jsx as Xe,jsxs as fu}from"react/jsx-runtime";var bl=e=>Xe(V,{"aria-label":e["aria-label"]\|\|"Slider",children:fu(uu,{children:[Xe(I,{className:"k-first",label:!0,large:!0,text:"0"}),Xe(I,{}),Xe(I,{}),Xe(I,{}),Xe(I,{}),Xe(I,{label:!0,large:!0,text:"5"}),Xe(I,{}),Xe(I,{}),Xe(I,{}),Xe(I,{}),Xe(I,{className:"k-last",label:!0,large:!0,text:"10"})]}),...e});import{Fragment as bu,jsx as qe,jsxs as xu}from"react/jsx-runtime";var xl=e=>qe(V,{children:xu(bu,{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"})]}),"aria-label":e["aria-label"]\|\|"Vertical slider",...e,orientation:"vertical"});import{Fragment as jE,jsx as QE,jsxs as ey}from"react/jsx-runtime";import{Fragment as sy,jsx as ny,jsxs as ry}from"react/jsx-runtime";import{jsx as Nu}from"react/jsx-runtime";var Fs=e=>Nu(V,{type:"gradient",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]\|\|"Color slider"});import{jsx as hu}from"react/jsx-runtime";var Gs=e=>hu(V,{type:"gradient",orientation:"vertical",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]\|\|"Color slider"});import{Fragment as Ny,jsx as xy,jsxs as hy}from"react/jsx-runtime";import{Fragment as Sy,jsx as My,jsxs as ky}from"react/jsx-runtime";import{jsx as ut,jsxs as Nl}from"react/jsx-runtime";var vu=V.options,gu=V.states,hl={...V.defaultOptions,variant:"horizontal",label:!0},Lu=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],Mu=[{name:"label",title:"Labels",default:!0},{name:"tick",title:"Ticks",default:!0},{name:"button",title:"Side Buttons",default:!0}],Ao=e=>{let{variant:t,modifiers:o,...a}=e,n=hl.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"?Nl(xl,{style:{height:"300px",...l},...a,...i,children:[ut(I,{label:n,large:!0,orientation:"vertical",text:"0",style:{position:"absolute",bottom:"0%"}}),ut(I,{label:n,large:!0,orientation:"vertical",text:"2",style:{position:"absolute",bottom:"25%"}}),ut(I,{label:n,large:!0,orientation:"vertical",text:"4",style:{position:"absolute",bottom:"50%"}}),ut(I,{label:n,large:!0,orientation:"vertical",text:"6",style:{position:"absolute",bottom:"75%"}}),ut(I,{label:n,large:!0,orientation:"vertical",text:"8",style:{position:"absolute",bottom:"100%"}})]}):Nl(bl,{style:{width:"400px",...l},...a,...i,children:[ut(I,{label:n,large:!0,orientation:"horizontal",text:"0",style:{position:"absolute",left:"0%"}}),ut(I,{label:n,large:!0,orientation:"horizontal",text:"2",style:{position:"absolute",left:"25%"}}),ut(I,{label:n,large:!0,orientation:"horizontal",text:"4",style:{position:"absolute",left:"50%"}}),ut(I,{label:n,large:!0,orientation:"horizontal",text:"6",style:{position:"absolute",left:"75%"}}),ut(I,{label:n,large:!0,orientation:"horizontal",text:"8",style:{position:"absolute",left:"100%"}})]})};Ao.options=vu;Ao.states=gu;Ao.variants=Lu;Ao.defaultOptions=hl;Ao.modifiers=Mu;Ao.className=V.className;import{jsx as vl,jsxs as Eu}from"react/jsx-runtime";var gl="k-spin-button",Cu=[],Au={size:[d.undefined,d.small,d.medium,d.large],fillMode:[x.undefined,x.solid,x.flat,x.outline,x.clear,x.link]},Vs={increaseLabel:"Increase value",decreaseLabel:"Decrease value"},Kt=e=>{let{size:t,fillMode:o,disabled:a,increaseLabel:n=Vs.increaseLabel,decreaseLabel:i=Vs.decreaseLabel,...l}=e;return Eu("span",{...l,className:s(gl,e.className),children:[vl(p,{className:"k-spinner-increase",icon:"chevron-up",size:t,fillMode:o,disabled:a,"aria-label":n}),vl(p,{className:"k-spinner-decrease",icon:"chevron-down",size:t,fillMode:o,disabled:a,"aria-label":i})]})};Kt.states=Cu;Kt.options=Au;Kt.className=gl;Kt.defaultOptions=Vs;Kt.moduleName=null;Kt.folderName=null;var Ll="numeric-textbox",Ml="numerictextbox";import{Fragment as Sl,jsx as Lt,jsxs as $s}from"react/jsx-runtime";var kl="k-numerictextbox",yu=[r.hover,r.focus,r.valid,r.invalid,r.loading,r.required,r.disabled,r.readonly],Iu={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[x.undefined,x.solid,x.flat,x.outline]},mn={showSpinButton:!0,showClearButton:!0,separators:!0},w=e=>{let{size:t,rounded:o,fillMode:a,separators:n=mn.separators,showClearButton:i=mn.showClearButton,showSpinButton:l=mn.showSpinButton,prefix:m,suffix:u,value:f,placeholder:N,hover:g,focus:c,valid:L,invalid:M,required:k,loading:A,disabled:C,readonly:y,id:H,"aria-label":le,"aria-describedby":Ae,...pe}=e;return $s(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,kl),children:[m&&$s(Sl,{children:[Lt(Ue,{children:m}),n&&Lt(Ge,{})]}),Lt(fe,{id:H,placeholder:N,value:f,role:"spinbutton",disabled:C,"aria-label":le,"aria-describedby":Ae,"aria-invalid":M?"true":void 0}),Lt(xe,{valid:L,invalid:M,loading:A,disabled:C}),Lt(Ee,{loading:A,disabled:C}),i&&Lt(Pe,{loading:A,disabled:C,readonly:y,value:f}),u&&$s(Sl,{children:[n&&Lt(Ge,{}),Lt(Fe,{children:u})]}),l&&Lt(Kt,{className:"k-input-spinner",size:t,fillMode:a,disabled:C})]})};w.states=yu;w.options=Iu;w.className=kl;w.defaultOptions=mn;w.moduleName=Ll;w.folderName=Ml;var Ia=w;import{jsx as Tu}from"react/jsx-runtime";var Cl=e=>Tu(Ia,{...e});import qs from"react";import{jsx as Al}from"react/jsx-runtime";var Ou="k-list-group-sticky-header",Xs=e=>Al("div",{className:s(Ou,e.className),children:Al("div",{className:"k-list-header-text",children:e.children})});import{jsx as Pu}from"react/jsx-runtime";var Bu="k-no-data",cn=e=>{let{live:t,...o}=e;return Pu("span",{...o,className:s(Bu,e.className),"aria-live":t?"polite":void 0,children:e.children})};var Yt="list",Eo=Yt;import{jsx as El,jsxs as yl}from"react/jsx-runtime";var Ws="k-list",Ku=[],Ru={size:[d.undefined,d.small,d.medium,d.large]},_u={},K=e=>{let{size:t,virtualization:o,children:a,header:n,selectAll:i,optionLabel:l,customValue:m,noData:u,screenReaders:f,...N}=e,c=qs.Children.toArray(a)[0],L=c?.props?.children?qs.Children.count(c.props.children):qs.Children.count(a);return yl("div",{...N,className:s(e.className,Ws,E(Ws,{size:t}),{"k-virtual-list":o}),children:[l,i,m,n&&El(Xs,{children:n}),a\|\|(u!==void 0?u:El(cn,{live:!0,children:"No data found."})),f&&a&&yl(cn,{className:"k-sr-only",live:!0,children:[L," items found."]})]})};K.states=Ku;K.options=Ru;K.className=Ws;K.defaultOptions=_u;K.moduleName=Yt;K.folderName=Eo;import{jsx as zu}from"react/jsx-runtime";var Il="k-list-container",wu=[],Du={},Hu={},yo=e=>{let{...t}=e;return zu("div",{...t,className:s(e.className,Il),children:e.children})};yo.states=wu;yo.options=Du;yo.className=Il;yo.defaultOptions=Hu;yo.moduleName=Yt;yo.folderName=Eo;var Zt="checkbox",Io=Zt;import{jsx as Tl}from"react/jsx-runtime";var un="k-checkbox",Uu=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.checked,r.indeterminate],Fu={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full]},Gu={},Re=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 Tl("span",{className:"k-checkbox-wrap",role:c,children:Tl("input",{...L,id:t,type:"checkbox",defaultChecked:o,required:f,disabled:l\|\|void 0,"aria-invalid":m?"true":void 0,className:s(e.className,un,E(un,{size:N,rounded:g}),S(un,{hover:n,focus:i,disabled:l,invalid:m,valid:u,indeterminate:a,checked:o}))})})};Re.states=Uu;Re.options=Fu;Re.className=un;Re.defaultOptions=Gu;Re.moduleName=Zt;Re.folderName=Io;var nt=Re;import{jsx as Xu}from"react/jsx-runtime";var Ol="k-checkbox-list",Vu=[],$u={},Bl={layout:"vertical"},he=e=>{let{layout:t=Bl.layout,...o}=e;return Xu("ul",{...o,className:s(e.className,Ol,{[`k-list-${t}`]:t}),children:e.children})};he.states=Vu;he.options=$u;he.className=Ol;he.defaultOptions=Bl;he.moduleName=Zt;he.folderName=Io;import{jsx as Yu}from"react/jsx-runtime";var Pl="k-checkbox-list-item",qu=[],Wu={},Ju={},ve=e=>{let{...t}=e;return Yu("li",{...t,className:s(e.className,Pl),children:e.children})};ve.states=qu;ve.options=Wu;ve.className=Pl;ve.defaultOptions=Ju;ve.moduleName=Zt;ve.folderName=Io;import{Fragment as Zu,jsx as Kl,jsxs as Qu}from"react/jsx-runtime";var Mt=({children:e="Label",id:t="cb-label-after",...o})=>Qu(Zu,{children:[Kl(nt,{id:t,...o}),Kl("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});import{Fragment as WI,jsx as qI,jsxs as JI}from"react/jsx-runtime";import{Fragment as eT,jsx as jI,jsxs as tT}from"react/jsx-runtime";import{Fragment as rT,jsx as sT,jsxs as iT}from"react/jsx-runtime";import{jsx as mT}from"react/jsx-runtime";import{jsx as bT}from"react/jsx-runtime";import{jsx as vT}from"react/jsx-runtime";import{jsx as We,jsxs as Rl}from"react/jsx-runtime";var ju=he.options,ef=he.states,tf={...he.defaultOptions,variant:"vertical"},of=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],af=[],To=e=>{let{variant:t,...o}=e;return t==="horizontal"?Rl(he,{layout:"horizontal",...o,children:[We(ve,{children:We(Mt,{id:B("cb"),defaultChecked:!0,children:"Label"})}),We(ve,{children:We(Mt,{id:B("cb"),children:"Label"})}),We(ve,{children:We(Mt,{id:B("cb"),children:"Label"})})]}):Rl(he,{...o,children:[We(ve,{children:We(Mt,{id:B("cb"),defaultChecked:!0,children:"Label"})}),We(ve,{children:We(Mt,{id:B("cb"),children:"Label"})}),We(ve,{children:We(Mt,{id:B("cb"),children:"Label"})})]})};To.options=ju;To.states=ef;To.variants=of;To.defaultOptions=tf;To.modifiers=af;To.className=he.className;import{jsx as df}from"react/jsx-runtime";var nf=nt.options,sf=nt.states,rf=nt.defaultOptions,lf=[],pf=[],Oo=e=>df(Mt,{id:B("checkbox"),...e,defaultChecked:!0,children:"Label"});Oo.options=nf;Oo.states=sf;Oo.variants=lf;Oo.defaultOptions=rf;Oo.modifiers=pf;Oo.className=nt.className;import{jsx as Bo,jsxs as ff}from"react/jsx-runtime";var Js="k-list-item",mf=[r.hover,r.focus,r.selected,r.disabled],cf={},uf={},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 ff("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,Js,S(Js,{hover:l,focus:m,disabled:f,selected:u})),children:[n&&Bo(Re,{checked:i,disabled:f,"aria-label":k,tabIndex:-1}),o&&Bo("span",{className:"k-list-item-icon-wrapper",children:Bo(v,{icon:o,className:s("k-list-item-icon",a)})}),Bo("span",{className:"k-list-item-text",children:M}),N&&Bo("div",{className:"k-list-item-actions",children:N}),g&&Bo("span",{className:"k-list-item-description",children:g})]})};O.states=mf;O.options=cf;O.className=Js;O.defaultOptions=uf;O.moduleName=Yt;O.folderName=Eo;import{jsx as xf}from"react/jsx-runtime";var bf="k-list-ul",Rt=e=>{let{children:t,role:o,id:a,...n}=e;return xf("ul",{...n,id:a,role:o,className:s(bf,e.className),children:t})};import{jsx as Ys,jsxs as hf}from"react/jsx-runtime";var Nf="k-list-content",z=e=>{let{virtualization:t,grouping:o,"aria-label":a,"aria-labelledby":n,listboxId:i,...l}=e;return hf("div",{...l,className:s(Nf,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:Ys(Rt,{role:"listbox",id:i,"aria-label":a,"aria-labelledby":n,children:e.children}),t&&Ys("div",{className:"k-height-container",children:Ys("div",{})})]})};import{jsx as Zs,jsxs as Mf}from"react/jsx-runtime";var fn="k-list-sticky-header",vf=[r.hover,r.focus,r.selected],gf={},Lf={},bn=e=>{let{label:t="Select all",showCheckbox:o=!0,checked:a,indeterminate:n,hover:i,focus:l,selected:m,...u}=e;return Zs("div",{...u,className:s(fn,e.className),children:Mf("div",{className:s(`${fn}-item`,S(`${fn}-item`,{hover:i,focus:l,selected:m})),"aria-label":t,...!o&&{tabIndex:0,"aria-selected":m?"true":"false"},children:[o&&Zs(Re,{checked:a,indeterminate:n,"aria-label":t}),Zs("span",{className:"k-list-item-text",children:t})]})})};bn.states=vf;bn.options=gf;bn.className=fn;bn.defaultOptions=Lf;import{Fragment as uO,jsx as cO,jsxs as fO}from"react/jsx-runtime";import{jsx as vO,jsxs as gO}from"react/jsx-runtime";import{jsx as Af}from"react/jsx-runtime";var Qs="k-list-optionlabel",Sf=[r.hover,r.focus,r.selected,r.disabled],kf={},Cf={},xn=e=>{let{text:t,hover:o,focus:a,selected:n,disabled:i,...l}=e;return Af("div",{...l,className:s(Qs,S(Qs,{hover:o,focus:a,selected:n,disabled:i})),children:t})};xn.states=Sf;xn.options=kf;xn.className=Qs;xn.defaultOptions=Cf;import{jsx as Tf}from"react/jsx-runtime";var js="k-list-custom-value",Ef=[r.hover,r.focus,r.selected,r.disabled],yf={},If={},_t=e=>{let{text:t,hover:o,focus:a,selected:n,disabled:i,...l}=e;return Tf("div",{...l,className:s(js,S(js,{hover:o,focus:a,selected:n,disabled:i})),children:t})};_t.states=Ef;_t.options=yf;_t.className=js;_t.defaultOptions=If;import{Fragment as BO,jsx as OO,jsxs as PO}from"react/jsx-runtime";import{Fragment as HO,jsx as DO,jsxs as zO}from"react/jsx-runtime";import{Fragment as qO,jsx as $O,jsxs as XO}from"react/jsx-runtime";import{Fragment as eB,jsx as QO,jsxs as jO}from"react/jsx-runtime";import{jsx as nB}from"react/jsx-runtime";import{Fragment as dB,jsx as pB,jsxs as mB}from"react/jsx-runtime";import{Fragment as NB,jsx as xB,jsxs as hB}from"react/jsx-runtime";var _l="dropdown-list",wl="dropdownlist";import{Fragment as Pf,jsx as ge,jsxs as er}from"react/jsx-runtime";var Dl="k-dropdownlist",Of=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading,r.readonly],Bf={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]},tr={showValue:!0,arrowIconName:"chevron-down"},ne=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:n=tr.arrowIconName,showValue:i=tr.showValue,valueIconName:l,prefix:m,suffix:u,value:f,placeholder:N,hover:g,focus:c,valid:L,invalid:M,required:k,loading:A,disabled:C,readonly:y,popup:H,opened:le,adaptive:Ae,adaptiveSettings:pe,adaptiveTitle:ue,adaptiveSubtitle:Jn,adaptiveFilter:$t,id:Xt,activeDescendant:ua,"aria-label":Yn,...Zn}=e,Qn=Xt?`${Xt}-listbox`:void 0,ni=Xt?`${Xt}-value`:void 0;return er(Pf,{children:[er(pt,{...Zn,id:Xt,size:t,rounded:o,fillMode:a,hover:g,focus:c,valid:L,invalid:M,required:k,loading:A,disabled:C,readonly:y,className:s(e.className,Dl,{"k-icon-picker":!i&&l}),role:"combobox","aria-haspopup":"listbox","aria-expanded":le?"true":"false","aria-controls":le?Qn:void 0,"aria-activedescendant":le&&ua?ua:void 0,"aria-describedby":le?ni:void 0,"aria-disabled":C?"true":void 0,"aria-label":Yn,tabIndex:0,children:[ge(Ue,{children:m}),ge(Jt,{placeholder:N,value:f,showValue:i,valueIconName:l,id:ni}),ge(xe,{valid:L,invalid:M,loading:A,disabled:C}),ge(Ee,{loading:A,disabled:C}),ge(Fe,{children:u}),ge(p,{className:"k-input-button",icon:n,size:e.size,fillMode:e.fillMode,"aria-label":N\|\|"Toggle dropdown",tabIndex:-1})]}),le&&H&&ge(X,{className:"k-list-container k-dropdownlist-popup",containerRole:"region",containerAriaLabel:"Dropdown suggestions",children:H}),Ae&&ge(Y,{adaptive:!0,...pe,header:ge(Ne,{actionsEnd:ge(p,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),filter:$t,inputValue:f,inputPlaceholder:N,title:ue,subtitle:Jn}),children:ge("div",{className:"k-list-container",children:ge(K,{size:"large",children:er(z,{"aria-label":"Options",children:[ge(O,{text:"List item"}),ge(O,{text:"List item"}),ge(O,{text:"List item"})]})})})})]})};ne.states=Of;ne.options=Bf;ne.className=Dl;ne.defaultOptions=tr;ne.moduleName=_l;ne.folderName=wl;import{jsx as jB}from"react/jsx-runtime";import{jsx as sP,jsxs as rP}from"react/jsx-runtime";import{Fragment as bP,jsx as uP,jsxs as fP}from"react/jsx-runtime";import{jsx as gP}from"react/jsx-runtime";import{jsx as AP,jsxs as EP}from"react/jsx-runtime";import{Fragment as _P,jsx as KP,jsxs as RP}from"react/jsx-runtime";import{jsx as UP}from"react/jsx-runtime";import{Fragment as Hf,jsx as wt,jsxs as Hl}from"react/jsx-runtime";var Kf=ne.states,Rf=ne.defaultOptions,_f=ne.options,wf=[{name:"opened",title:"Opened"}],Df=[],Ko=e=>{let{modifiers:t,...o}=e,a={},n=Hl(Hf,{children:[wt("div",{className:"k-list-filter",children:wt(Ve,{})}),wt(K,{style:{width:300},size:o.size,children:Hl(z,{children:[wt(O,{children:"List item"}),wt(O,{children:"List item"}),wt(O,{children:"List item"})]})})]});return Object.keys(t\|\|{}).forEach(i=>{i==="opened"&&(a.opened=!!t?.[i],a.popup=t?.[i]?n:void 0)}),wt("div",{children:wt(ne,{placeholder:"Value",style:{width:300},...o,...a})})};Ko.options=_f;Ko.states=Kf;Ko.variants=Df;Ko.defaultOptions=Rf;Ko.modifiers=wf;Ko.className=ne.className;import{Fragment as pK,jsx as lK}from"react/jsx-runtime";import{Fragment as bK,jsx as fK}from"react/jsx-runtime";import{jsx as vK}from"react/jsx-runtime";import{jsx as or}from"react/jsx-runtime";var zf=w.states,Uf=w.defaultOptions,Ff=w.options,Gf=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"spin-button",title:"`Spin` Button"}],Vf=[],Ro=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(n=>{switch(n){case"prefix":a.prefix=t?.[n]?or(ne,{size:o.size,fillMode:"flat",value:"mm"}):void 0;break;case"suffix":a.suffix=t?.[n]?or(Ls,{children:"mm"}):void 0;break;case"clear-button":a.showClearButton=t?.[n];break;case"spin-button":a.showSpinButton=t?.[n];break;default:break}}),or(Cl,{value:"Value",style:{width:300},...o,...a})};Ro.options=Ff;Ro.states=zf;Ro.variants=Vf;Ro.defaultOptions=Uf;Ro.modifiers=Gf;Ro.className=w.className;import{Fragment as Oa,jsx as P,jsxs as Z}from"react/jsx-runtime";var zl="k-colorgradient-inputs",$f=[],Xf={size:[d.undefined,d.small,d.medium,d.large]},Ul={mode:"rgba"},_o=e=>{let{mode:t=Ul.mode,size:o,...a}=e;return Z("div",{...a,className:s(zl,"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(Oa,{children:[Z("div",{className:"k-vstack",children:[P(w,{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(w,{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(w,{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(w,{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(Oa,{children:[Z("div",{className:"k-vstack",children:[P(w,{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(w,{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(w,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Blue channel"}),P("label",{className:"k-colorgradient-input-label",children:"B"})]})]}),t==="hsva"&&Z(Oa,{children:[Z("div",{className:"k-vstack",children:[P(w,{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(w,{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(w,{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(w,{showSpinButton:!1,showClearButton:!1,value:"1.00","aria-label":"Alpha channel"}),P("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="hsv"&&Z(Oa,{children:[Z("div",{className:"k-vstack",children:[P(w,{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(w,{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(w,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),P("label",{className:"k-colorgradient-input-label",children:"V"})]})]}),t==="hex"&&P(Oa,{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"})]})})]})};_o.states=$f;_o.options=Xf;_o.className=zl;_o.defaultOptions=Ul;import{jsx as Qt,jsxs as jt}from"react/jsx-runtime";var Fl="k-colorgradient-color-contrast",qf=[],Wf={},Jf={},wo=()=>jt("div",{className:s(Fl,"k-vbox"),children:[jt("div",{className:"k-contrast-ratio",children:[Qt("span",{className:"k-contrast-ratio-text",children:"Contrast ratio: 7.1"}),jt("span",{className:"k-contrast-validation !k-text-success",children:[Qt(v,{icon:"check"}),Qt(v,{icon:"check"})]})]}),jt("div",{children:[Qt("span",{children:"AA: 4.5"}),jt("span",{className:"k-contrast-validation !k-text-success",children:["Pass",Qt(v,{icon:"check"})]})]}),jt("div",{children:[Qt("span",{children:"AAA: 7.0"}),jt("span",{className:"k-contrast-validation !k-text-error",children:["Fail",Qt(v,{icon:"x"})]})]})]});wo.states=qf;wo.options=Wf;wo.className=Fl;wo.defaultOptions=Jf;var Gl="color-gradient",Vl="colorgradient";import{jsx as Je,jsxs as Ba}from"react/jsx-runtime";var Nn="k-colorgradient",Yf=[r.hover,r.focus,r.readonly,r.disabled],Zf={size:[d.undefined,d.small,d.medium,d.large]},ft={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=ft.mode,readonly:a=ft.readonly,disabled:n=ft.disabled,gradientStyle:i=ft.gradientStyle,dragHandleStyle:l=ft.dragHandleStyle,alphaStyle:m=ft.alphaStyle,alphaStyleHorizontal:u=ft.alphaStyleHorizontal,contrast:f=ft.contrast,dir:N,hover:g,focus:c,hoverHandle:L,focusHandle:M,canvasOrientation:k=ft.canvasOrientation,role:A,tabIndex:C,...y}=e;return Ba("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,Nn,E(Nn,{size:t}),S(Nn,{hover:g,focus:c,readonly:a,disabled:n})),dir:N,children:[!k\|\|k==="horizontal"&&Ba("div",{className:"k-colorgradient-canvas k-hstack",children:[Je("div",{className:"k-hsv-rectangle",style:i,children:Je("div",{className:"k-hsv-gradient",children:Je("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})})}),Ba("div",{className:"k-hsv-controls k-hstack",children:[Je(Gs,{className:"k-hue-slider",hover:L,focus:M}),o!=="rgb"&&o!=="hsv"&&Je(Gs,{className:"k-alpha-slider",hover:L,focus:M,trackStyle:m})]})]}),k==="vertical"&&Ba("div",{className:"k-colorgradient-canvas k-vstack",children:[Je("div",{className:"k-hsv-rectangle",style:i,children:Je("div",{className:"k-hsv-gradient",children:Je("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})})}),Ba("div",{className:"k-hsv-controls k-vstack",children:[Je(Fs,{className:"k-hue-slider",hover:L,focus:M}),o!=="rgb"&&o!=="hsv"&&Je(Fs,{className:"k-alpha-slider",hover:L,focus:M,trackStyle:u})]})]}),Je(_o,{mode:e.mode,size:t}),f&&Je(wo,{})]})};re.states=Yf;re.options=Zf;re.className=Nn;re.defaultOptions=ft;re.moduleName=Gl;re.folderName=Vl;import{jsx as Qf}from"react/jsx-runtime";var hn=e=>Qf(re,{...e});import{jsx as nR}from"react/jsx-runtime";import{jsx as lR}from"react/jsx-runtime";import{jsx as ar}from"react/jsx-runtime";var jf=re.options,eb=re.states,tb={...re.defaultOptions,variant:"rgba"},ob=[{name:"rgba",title:"RGBA"},{name:"rgb",title:"RGB"},{name:"hex",title:"HEX"}],ab=[],Do=e=>{let{variant:t,...o}=e;switch(t){case"hex":return ar(hn,{...o,mode:t});case"rgb":return ar(hn,{...o,mode:t});default:return ar(hn,{...o,mode:t})}};Do.options=jf;Do.states=eb;Do.variants=ob;Do.defaultOptions=tb;Do.modifiers=ab;Do.className=re.className;import{jsx as nb}from"react/jsx-runtime";var nr=e=>nb("tr",{role:"row",children:e.children});import{jsx as ib}from"react/jsx-runtime";var sr="k-colorpalette-tile",sb=[r.hover,r.focus,r.selected],rb={},Dt=e=>{let{color:t,tileSize:o,hover:a,focus:n,selected:i,...l}=e,m={backgroundColor:t,width:o?o+"px":"",height:o?o+"px":""};return ib("td",{...l,role:"gridcell","aria-label":t,"aria-selected":i?"true":void 0,className:s(e.className,sr,S(sr,{hover:a,focus:n,selected:i})),style:m})};Dt.states=sb;Dt.options=rb;Dt.className=sr;Dt.moduleName=null;Dt.folderName=null;var $l="color-palette",Xl="colorpalette";import{jsx as Pa}from"react/jsx-runtime";var vn="k-colorpalette",lb=[r.disabled],pb={size:[d.undefined,d.small,d.medium,d.large]},ql={columns:10},ye=e=>{let{size:t,palette:o,columns:a=ql.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(Pa(Dt,{color:M,tileSize:n},k))});let L=Pa(nr,{children:c},g);m.push(L)})}return Pa("div",{...l,role:"grid","aria-label":"Color palette",tabIndex:0,"aria-disabled":i?"true":void 0,className:s(e.className,vn,S(vn,{disabled:i}),E(vn,{size:t})),children:Pa("table",{className:"k-colorpalette-table",role:"none",children:Pa("tbody",{children:m.length>0?m:e.children})})})};ye.states=lb;ye.options=pb;ye.className=vn;ye.defaultOptions=ql;ye.moduleName=$l;ye.folderName=Xl;var gn=ye;var Ka={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 db}from"react/jsx-runtime";var Wl=e=>db(gn,{palette:Ka.basic,...e});import{jsx as GR}from"react/jsx-runtime";import{jsx as JR,jsxs as YR}from"react/jsx-runtime";import{jsx as Nb}from"react/jsx-runtime";var mb=ye.options,cb=ye.states,ub={...ye.defaultOptions,variant:"basic"},fb=[{name:"basic",title:"Basic"},{name:"monochrome",title:"Monochrome"}],bb={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}},xb=[],Ho=e=>{let{variant:t="basic",...o}=e,a=bb[t];return Nb(Wl,{columns:a.columns,palette:a,...o})};Ho.options=mb;Ho.states=cb;Ho.variants=fb;Ho.defaultOptions=ub;Ho.modifiers=xb;Ho.className=ye.className;var Jl="color-editor",Yl="coloreditor";import{jsx as Ye,jsxs as zo}from"react/jsx-runtime";var Ln="k-coloreditor",hb=[r.focus],vb={size:[d.undefined,d.small,d.medium,d.large]},Ra={view:"gradient",palette:Ka.office,actionButtons:!0,canvasOrientation:"horizontal"},Q=e=>{let{size:t,view:o=Ra.view,palette:a=Ra.palette,color:n,currentColor:i,focus:l,focusView:m,dir:u,group:f,actionButtons:N=Ra.actionButtons,canvasOrientation:g=Ra.canvasOrientation,...c}=e;return zo("div",{...c,role:"textbox","aria-label":"Color editor",tabIndex:0,className:s(e.className,"k-flatcolorpicker",Ln,E(Ln,{size:t}),S(Ln,{focus:l})),dir:u,children:[zo("div",{className:"k-coloreditor-header k-hstack",children:[Ye("div",{className:"k-coloreditor-header-actions k-hstack",children:f&&zo(T,{fillMode:"flat",children:[Ye(p,{className:"k-group-start",size:t,fillMode:"flat",icon:"droplet-slider",selected:o==="gradient","aria-label":"Color gradient view"}),Ye(p,{className:"k-group-end",size:t,fillMode:"flat",icon:"palette",selected:o==="palette","aria-label":"Color palette view"})]})}),Ye("div",{className:"k-spacer"}),zo("div",{className:"k-coloreditor-header-actions k-hstack",children:[Ye(p,{fillMode:"flat",icon:"droplet-slash",size:t,"aria-label":"Reset color"}),zo("div",{className:"k-coloreditor-preview k-vstack",children:[Ye(It,{className:"k-coloreditor-preview-color",color:n}),Ye(It,{className:"k-coloreditor-current-color",color:i})]})]})]}),Ye("div",{className:"k-coloreditor-views k-vstack",children:o==="gradient"?Ye(re,{focus:m,size:t,canvasOrientation:g,role:"none",tabIndex:-1}):Ye(ye,{palette:a,size:t})}),N&&zo(Ke,{className:"k-coloreditor-footer",alignment:"start",children:[Ye(p,{themeColor:"primary",size:t,className:"k-coloreditor-apply",children:"Apply"}),Ye(p,{className:"k-coloreditor-cancel",size:t,children:"Cancel"})]})]})};Q.states=hb;Q.options=vb;Q.className=Ln;Q.defaultOptions=Ra;Q.moduleName=Jl;Q.folderName=Yl;var Uo=Q;import{jsx as C_}from"react/jsx-runtime";import{jsx as I_}from"react/jsx-runtime";import{jsx as gb}from"react/jsx-runtime";var Zl=e=>gb(Uo,{group:!0,currentColor:"fuchsia",...e});import{jsx as Lb}from"react/jsx-runtime";var Ql=e=>Lb(Uo,{view:"palette",group:!0,currentColor:"fuchsia",...e});import{jsx as jl}from"react/jsx-runtime";var Mb=Q.options,Sb=Q.states,kb={...Q.defaultOptions,variant:"gradient"},Cb=[{name:"gradient",title:"Gradient"},{name:"palette",title:"Palette"}],Ab=[],Fo=e=>{let{variant:t,...o}=e;return t==="palette"?jl(Ql,{...o,color:"white"}):jl(Zl,{...o,color:"rgba(183, 118 , 118, 1.00)"})};Fo.options=Mb;Fo.states=Sb;Fo.variants=Cb;Fo.defaultOptions=kb;Fo.modifiers=Ab;Fo.className=Q.className;var ep="color-picker",tp="colorpicker";import{Fragment as Ib,jsx as Ze,jsxs as rr}from"react/jsx-runtime";var op="k-colorpicker",Eb=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled],yb={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[x.undefined,x.solid,x.flat,x.outline]},ap={arrowIconName:"chevron-down"},Qe=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:n=ap.arrowIconName,prefix:i,suffix:l,value:m,placeholder:u,hover:f,focus:N,valid:g,invalid:c,required:L,disabled:M,valueIconName:k,popup:A,opened:C,adaptive:y,adaptiveSettings:H,adaptiveTitle:le,adaptiveSubtitle:Ae,...pe}=e,ue="colorpicker-popup";return rr(Ib,{children:[rr(pt,{...pe,size:t,rounded:o,fillMode:a,hover:f,focus:N,valid:g,invalid:c,required:L,disabled:M,role:"combobox","aria-haspopup":"dialog","aria-expanded":C?"true":"false","aria-controls":C\|\|y?ue:void 0,"aria-label":"Color picker",tabIndex:0,"aria-disabled":M?"true":void 0,className:s(e.className,op,"k-icon-picker"),children:[Ze(Ue,{children:i}),Ze(Jt,{placeholder:u,value:m,showValue:!1,valueIcon:Ze(It,{className:"k-value-icon",color:m,iconName:k}),valueIconName:k}),Ze(Fe,{children:l}),Ze(p,{className:"k-input-button",icon:n,size:t,fillMode:a,tabIndex:-1,"aria-label":"Open color picker",disabled:M})]}),C&&A&&Ze(X,{id:ue,className:"k-colorpicker-popup",children:A}),y&&Ze(Y,{adaptive:!0,id:ue,...H,header:Ze(Ne,{actionsEnd:Ze(p,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply"}),title:le,subtitle:Ae}),footer:rr(Tt,{children:[Ze(p,{text:"Cancel",size:"large"}),Ze(p,{text:"Set",size:"large",themeColor:"primary"})]}),children:Ze(Q,{canvasOrientation:"vertical",size:"large",actionButtons:!1,group:!0})})]})};Qe.states=Eb;Qe.options=yb;Qe.className=op;Qe.defaultOptions=ap;Qe.moduleName=ep;Qe.folderName=tp;var St=Qe;import{jsx as Tb}from"react/jsx-runtime";var Mn=e=>Tb(St,{...e});import{jsx as c0}from"react/jsx-runtime";import{jsx as N0}from"react/jsx-runtime";import{jsx as L0}from"react/jsx-runtime";import{jsx as C0}from"react/jsx-runtime";import{jsx as I0}from"react/jsx-runtime";import{jsx as P0}from"react/jsx-runtime";import{jsx as eo}from"react/jsx-runtime";var Ob=St.options,Bb=St.states,np={...St.defaultOptions,variant:"color"},Pb=[{name:"color",title:"Color",default:!0},{name:"no color",title:"No color"},{name:"icon",title:"Icon"}],Kb=[{name:"opened",title:"Opened"}],Go=e=>{let{variant:t,modifiers:o,...a}={...np,...e},n={};Object.keys(o\|\|{}).forEach(l=>{l==="opened"&&(n.opened=!!o?.[l],n.popup=o?.[l]?eo(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 eo("div",{style:i,children:eo(Mn,{...a,...n})});case"icon":return eo("div",{style:i,children:eo(Mn,{value:"rgba(183, 118 , 118, 1.00)",valueIconName:"edit-tools",...a,...n})});default:return eo("div",{style:i,children:eo(Mn,{value:"rgba(183, 118 , 118, 1.00)",...a,...n})})}};Go.options=Ob;Go.states=Bb;Go.variants=Pb;Go.defaultOptions=np;Go.modifiers=Kb;Go.className=St.className;var ir="combobox",sp=ir;import{Fragment as lr,jsx as oe,jsxs as _a}from"react/jsx-runtime";var rp="k-combobox",Rb=[r.hover,r.focus,r.valid,r.invalid,r.loading,r.required,r.disabled,r.readonly],_b={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]},pr={separators:!0,showClearButton:!0},Le=e=>{let{size:t,rounded:o,fillMode:a,separators:n=pr.separators,showClearButton:i=pr.showClearButton,prefix:l,suffix:m,value:u,placeholder:f,hover:N,focus:g,valid:c,invalid:L,required:M,loading:k,disabled:A,popup:C,opened:y,readonly:H,adaptive:le,adaptiveSettings:Ae,adaptiveTitle:pe,adaptiveSubtitle:ue,adaptiveCustomValue:Jn,id:$t,autocomplete:Xt,activeDescendant:ua,"aria-label":Yn,...Zn}=e,Qn=$t?`${$t}-listbox`:void 0;return _a(lr,{children:[_a(J,{...Zn,size:t,rounded:o,fillMode:a,hover:N,focus:g,valid:c,invalid:L,required:M,loading:k,disabled:A,readonly:H,className:s(e.className,rp),children:[l&&_a(lr,{children:[oe(Ue,{children:l}),n&&oe(Ge,{})]}),oe(fe,{id:$t,placeholder:f,value:u,role:"combobox","aria-haspopup":"listbox","aria-expanded":y?"true":"false","aria-controls":y?Qn:void 0,"aria-activedescendant":y&&ua?ua:void 0,"aria-autocomplete":Xt,"aria-invalid":L?"true":void 0,"aria-busy":k?"true":void 0,"aria-label":Yn,disabled:A,readOnly:H}),oe(xe,{valid:c,invalid:L,loading:k,disabled:A}),oe(Ee,{loading:k,disabled:A}),i&&oe(Pe,{loading:k,disabled:A,readonly:H,value:u}),m&&_a(lr,{children:[n&&oe(Ge,{}),oe(Fe,{children:m})]}),oe(p,{className:"k-input-button",icon:"chevron-down",size:t,fillMode:a,"aria-label":"Open popup",tabIndex:-1,disabled:A})]}),y&&C&&oe(X,{className:"k-list-container k-combobox-popup",containerRole:"region",containerAriaLabel:"Combobox suggestions",children:C}),le&&oe(Y,{adaptive:!0,id:$t?`${$t}-adaptive`:void 0,...Ae,header:oe(Ne,{actionsEnd:oe(p,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),input:!0,inputValue:u,inputPlaceholder:f,title:pe,subtitle:ue}),children:oe("div",{className:"k-list-container",children:oe(K,{customValue:Jn?oe(_t,{text:`Use "${u}"`}):void 0,size:"large",children:_a(z,{"aria-label":pe\|\|"Options",children:[oe(O,{text:"List item"}),oe(O,{text:"List item"}),oe(O,{text:"List item"})]})})})})]})};Le.states=Rb;Le.options=_b;Le.className=rp;Le.defaultOptions=pr;Le.moduleName=ir;Le.folderName=sp;var _e=Le;import{jsx as wb}from"react/jsx-runtime";var ip=e=>wb(_e,{...e});import{jsx as bw,jsxs as xw}from"react/jsx-runtime";import{jsx as Mw,jsxs as Sw}from"react/jsx-runtime";import{jsx as Iw,jsxs as Tw}from"react/jsx-runtime";import{Fragment as _w,jsx as Rw}from"react/jsx-runtime";import{Fragment as Fw,jsx as Uw}from"react/jsx-runtime";import{jsx as Ww,jsxs as Jw}from"react/jsx-runtime";import{Fragment as aD,jsx as tD,jsxs as oD}from"react/jsx-runtime";import{jsx as iD}from"react/jsx-runtime";import{jsx as mD}from"react/jsx-runtime";import{jsx as ND,jsxs as hD}from"react/jsx-runtime";import{jsx as kD,jsxs as CD}from"react/jsx-runtime";import{jsx as Ht,jsxs as Gb}from"react/jsx-runtime";var Db=Le.states,Hb=Le.defaultOptions,zb=Le.options,Ub=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"opened",title:"Opened"}],Fb=[],Vo=e=>{let{modifiers:t,...o}=e,a={},n=Ht(K,{style:{width:300},size:o.size,children:Gb(z,{children:[Ht(O,{children:"List item"}),Ht(O,{children:"List item"}),Ht(O,{children:"List item"})]})});return Object.keys(t\|\|{}).forEach(i=>{switch(i){case"prefix":a.prefix=t?.[i]?Ht(v,{icon:"map-marker-target"}):void 0;break;case"suffix":a.suffix=t?.[i]?Ht($,{size:o.size,icon:"copy",fillMode:"clear"}):void 0;break;case"opened":a.opened=!!t?.[i],a.popup=t?.[i]?n:void 0;break;default:break}}),Ht("div",{children:Ht(ip,{value:"Value",style:{width:300},...o,...a})})};Vo.options=zb;Vo.states=Db;Vo.variants=Fb;Vo.defaultOptions=Hb;Vo.modifiers=Ub;Vo.className=Le.className;var dr="menu-button",lp=dr;import{jsx as Xb}from"react/jsx-runtime";var pp="k-menu-button",Vb=[r.hover,r.focus,r.active,r.selected,r.disabled],$b={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]},mr={showArrow:!0,arrowIconName:"chevron-down"},D=e=>{let{size:t,rounded:o,fillMode:a,themeColor:n,hover:i,focus:l,active:m,selected:u,disabled:f,icon:N,text:g,showArrow:c=mr.showArrow,arrowIconName:L=mr.arrowIconName,expanded:M,...k}=e;return Xb(p,{...k,className:s(e.className,pp),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"}})};D.states=Vb;D.options=$b;D.className=pp;D.defaultOptions=mr;D.moduleName=dr;D.folderName=lp;import{jsx as nH}from"react/jsx-runtime";import{jsx as lH}from"react/jsx-runtime";import{jsx as cH}from"react/jsx-runtime";var we="menu",je=we;import{jsx as wa,jsxs as dp}from"react/jsx-runtime";var cr="k-menu-item",qb=[r.hover,r.focus,r.active,r.selected,r.disabled],Wb={},mp={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=mp.iconPosition,dir:g,children:c,expanded:L,...M}=e,k=f;return k\|\|(k=g==="rtl"?"chevron-left":"chevron-right"),dp("li",{...M,className:s(e.className,cr,"k-item",S(cr,{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:[dp("span",{className:s("k-link k-menu-link"),children:[l&&N==="before"&&wa(v,{className:"k-menu-link-icon",icon:l}),wa("span",{className:"k-menu-link-text",children:m}),l&&N==="after"&&wa(v,{className:"k-menu-link-icon",icon:l}),u&&wa("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:wa(v,{icon:k})})]}),c]})};me.states=qb;me.options=Wb;me.className=cr;me.defaultOptions=mp;me.moduleName=we;me.folderName=je;import{jsx as to,jsxs as cp}from"react/jsx-runtime";var ur="k-menu-item",Jb=[r.hover,r.focus,r.active,r.selected,r.disabled],Yb={},fr={dir:"ltr",iconPosition:"before"},q=e=>{let{hover:t,focus:o,active:a,selected:n,disabled:i,icon:l,text:m,showArrow:u,arrowIconName:f,iconPosition:N=fr.iconPosition,dir:g=fr.dir,children:c,popup:L,expanded:M,actions:k,description:A,...C}=e,y=f;return y\|\|(y=g==="rtl"?"chevron-left":"chevron-right"),cp("li",{role:"menuitem",...C,className:s(e.className,ur,"k-item",S(ur,{focus:o,disabled:i})),...u&&{"aria-haspopup":"menu"},...u&&{"aria-expanded":M?"true":"false"},...i&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[cp("span",{className:s("k-link k-menu-link",S("k-menu-link",{hover:t,active:a,selected:n,disabled:i})),children:[l&&N==="before"&&to(v,{className:"k-menu-link-icon",icon:l}),to("span",{className:"k-menu-link-text",children:m}),l&&N==="after"&&to(v,{className:"k-menu-link-icon",icon:l}),k&&to("span",{className:"k-menu-link-actions",children:k}),u&&to("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:to(v,{icon:y})}),A&&to("span",{className:"k-menu-link-description",children:A})]}),c,L]})};q.states=Jb;q.options=Yb;q.className=ur;q.defaultOptions=fr;q.moduleName=we;q.folderName=je;import{jsx as ex}from"react/jsx-runtime";var up="k-menu-scroll-wrapper",Zb=[],Qb={},jb={},oo=e=>{let{className:t,children:o,orientation:a,...n}=e;return ex("div",{...n,className:s(t,up,{"k-menu-scroll-wrapper-vertical":a==="vertical"}),children:o})};oo.states=Zb;oo.options=Qb;oo.className=up;oo.defaultOptions=jb;oo.moduleName=we;oo.folderName=je;var fp=oo;import{Fragment as br,jsx as ao,jsxs as kn}from"react/jsx-runtime";var Cn="k-menu",tx=[],ox={size:[d.undefined,d.small,d.medium,d.large]},An={orientation:"horizontal",header:!0,scrollButtonsPosition:"around"},ie=e=>{let{children:t,orientation:o=An.orientation,header:a=An.header,scrollable:n,scrollButtonsPosition:i=An.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=ao("ul",{dir:m,...g,className:s(e.className,"k-reset",Cn,{[`${Cn}-${o}`]:o,"k-header":a},E(Cn,{size:u})),role:N?"menu":"menubar",...o==="vertical"&&{"aria-orientation":"vertical"},children:t});return kn(br,{children:[n?kn(fp,{orientation:o,style:l,dir:e.dir,children:[i==="start"&&kn(br,{children:[ao(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"}),ao(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"&&ao(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"&&kn(br,{children:[ao(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"}),ao(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"&&ao(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=tx;ie.options=ox;ie.className=Cn;ie.defaultOptions=An;ie.moduleName=we;ie.folderName=je;import{jsx as ax}from"react/jsx-runtime";var xr="k-separator",bp={orientation:"horizontal"},$o=e=>{let{orientation:t=bp.orientation,...o}=e;return ax("li",{...o,className:s(e.className,"k-item",xr,{[`${xr}-${t}`]:t}),role:"separator"})};$o.className=xr;$o.defaultOptions=bp;$o.moduleName=we;$o.folderName=je;import{Fragment as UH,jsx as FH}from"react/jsx-runtime";import{jsx as ix}from"react/jsx-runtime";var Nr="k-menu-group",nx=[],sx={size:[d.undefined,d.small,d.medium,d.large]},rx={},ce=e=>{let{children:t,size:o,...a}=e;return ix("ul",{role:"menu",...a,className:s(e.className,Nr,E(Nr,{size:o})),children:t})};ce.states=nx;ce.options=sx;ce.className=Nr;ce.defaultOptions=rx;ce.moduleName=we;ce.folderName=je;import{jsx as ZH,jsxs as QH}from"react/jsx-runtime";import{Fragment as lx,jsx as Xo,jsxs as px}from"react/jsx-runtime";var hr=e=>Xo(ie,{children:px(lx,{children:[Xo(me,{text:"Item 1"}),Xo(me,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 2"}),Xo(me,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 3"}),Xo(me,{text:"Item 4"}),Xo(me,{text:"Item 5"})]}),...e});import{Fragment as lz,jsx as rz,jsxs as iz}from"react/jsx-runtime";import{Fragment as uz,jsx as cz,jsxs as fz}from"react/jsx-runtime";import{Fragment as vz,jsx as hz,jsxs as gz}from"react/jsx-runtime";import{Fragment as Cz,jsx as kz,jsxs as Az}from"react/jsx-runtime";import{jsx as no,jsxs as fx}from"react/jsx-runtime";var dx={...ie.options,scrollable:{type:"boolean"}},mx=ie.states,xp={...ie.defaultOptions,variant:"horizontal"},cx=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],ux=[{name:"opened",title:"Opened"}],qo=e=>{let{variant:t,modifiers:o,...a}={...xp,...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]?no(X,{className:"k-menu-popup",offset:i,children:fx(ce,{children:[no(q,{text:"Item 1"}),no(q,{text:"Item 2"}),no($o,{}),no(q,{text:"Item 3"})]})}):null)}),t==="vertical"?no(hr,{...a,...n,orientation:"vertical",style:{width:"200px"}}):no(hr,{...a,...n})};qo.options=dx;qo.states=mx;qo.variants=cx;qo.defaultOptions=xp;qo.modifiers=ux;qo.className=ie.className;import{Fragment as s1,jsx as a1,jsxs as n1}from"react/jsx-runtime";import{jsx as p1}from"react/jsx-runtime";import{Fragment as vx,jsx as bt,jsxs as Np}from"react/jsx-runtime";var bx=p.states,hp={...p.defaultOptions,variant:"text"},xx=p.options,Nx=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],hx=[{name:"opened",title:"Opened"}],Wo=e=>{let{variant:t,modifiers:o,...a}={...hp,...e},n={},i=bt(X,{className:"k-menu-popup",children:Np(ce,{size:a.size,children:[bt(q,{text:"Menu Item"}),bt(q,{text:"Menu Item"}),bt(q,{text:"Menu Item"})]})}),l;switch(t){case"icon-only":l=bt("div",{children:bt(D,{...a,...n,icon:"star"})});break;case"icon-and-text":l=bt("div",{children:bt(D,{...a,...n,icon:"star",children:"Dropdown Button"})});break;default:l=bt("div",{children:bt(D,{...a,...n,children:"Dropdown Button"})});break}return Np(vx,{children:[l,o?.opened&&i]})};Wo.options=xx;Wo.states=bx;Wo.variants=Nx;Wo.defaultOptions=hp;Wo.modifiers=hx;Wo.className=D.className;var vr="split-button",vp=vr;import{Fragment as Mx,jsx as gr,jsxs as gp}from"react/jsx-runtime";var Lr="k-split-button",gx=[r.hover,r.focus,r.active,r.selected,r.disabled],Lx={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]},Lp={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=Lp.arrowIconName,popup:L,opened:M,popupId:k,...A}=e;return gp(Mx,{children:[gp("div",{...A,className:s(e.className,Lr,"k-button-group",E(Lr,{rounded:o})),children:[gr(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}),gr(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&&gr(X,{className:"k-menu-popup",children:L})]})};R.states=gx;R.options=Lx;R.className=Lr;R.defaultOptions=Lp;R.moduleName=vr;R.folderName=vp;var Mr=R;import{jsx as kx}from"react/jsx-runtime";var Sx="k-toolbar-separator",st=e=>kx("div",{className:s(Sx,e.className,"k-separator")});var so="toolbar",Jo=so;import{Fragment as Sr,jsx as _,jsxs as Yo}from"react/jsx-runtime";var kt="k-toolbar",Cx=[r.focus],Ax={size:[d.undefined,d.small,d.medium,d.large],fillMode:[x.undefined,x.solid,x.outline,x.flat]},Ex={scrollButtons:"around"},U=e=>{let{size:t,fillMode:o,focus:a,resizable:n,scrollable:i,scrollButtons:l,scrollingPosition:m,section:u,...f}=e,N=[],g=(c,L)=>{let M=[];if(c.type===p&&c.props.className&&c.props.className.includes("k-toolbar-overflow-button"))M.push(_(p,{...c.props,className:`${c.props.className?c.props.className:""}`},`${L}-${new Date().getTime()}`));else if(c.type===p)M.push(_(p,{...c.props,className:`k-toolbar-button ${c.props.className?c.props.className:""}`},`${L}-${new Date().getTime()}`));else if(c.type===ha)M.push(_(ha,{...c.props,className:`k-toolbar-button ${c.props.className?c.props.className:""}`},`${L}-${new Date().getTime()}`));else if(c.type===$)M.push(_($,{...c.props,className:`k-toolbar-button ${c.props.className?c.props.className:""}`},`${L}-${new Date().getTime()}`));else if(c.type===D)M.push(_(D,{...c.props,className:`k-toolbar-menu-button ${c.props.className?c.props.className:""}`},`${L}-${new Date().getTime()}`));else if(c.type===Mr)M.push(_(Mr,{...c.props,className:`k-toolbar-split-button ${c.props.className?c.props.className:""}`},`${L}-${new Date().getTime()}`));else if(c.type===T\|\|c.props.className&&c.props.className.includes("k-button-group")){let k=[];(Array.isArray(c.props.children)?c.props.children:[c.props.children]).forEach((C,y)=>{k.push(_(p,{...C.props,className:`${C.props.className?C.props.className:""}`},`${y}-${new Date().getTime()}`))}),M.push(_(T,{...c.props,className:`k-toolbar-button-group ${c.props.className?c.props.className:""}`,children:k},`${L}-${new Date().getTime()}`))}else c.type===Le?M.push(_(Le,{...c.props,className:`k-toolbar-combobox ${c.props.className?c.props.className:""}`},`${L}-${new Date().getTime()}`)):c.type===ne?M.push(_(ne,{...c.props,className:`k-toolbar-dropdownlist ${c.props.className?c.props.className:""}`},`${L}-${new Date().getTime()}`)):c.type===Qe?M.push(_(Qe,{...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)}),Yo("div",{...f,className:s(e.className,kt,E(kt,{size:t,fillMode:o}),S(kt,{focus:a}),{[`${kt}-resizable`]:n,[`${kt}-scrollable`]:i,[`${kt}-scrollable-overlay`]:i&&l==="hidden",[`${kt}-scrollable-${m}`]:m&&m!=="both",[`${kt}-section`]:u}),role:"toolbar","aria-label":"Toolbar",children:[!i&&N,i&&l==="hidden"&&_("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N}),i&&l==="start"&&Yo(Sr,{children:[Yo(T,{children:[_("span",{className:s("k-toolbar-prev","k-button",E("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:_(v,{className:"k-button-icon",icon:"chevron-left"})}),_("span",{className:s("k-toolbar-next","k-button",E("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:_(v,{className:"k-button-icon",icon:"chevron-right"})})]}),_(st,{className:"k-toolbar-button-separator"}),_("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N})]}),i&&l==="end"&&Yo(Sr,{children:[_("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N}),_(st,{className:"k-toolbar-button-separator"}),Yo(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)&&Yo(Sr,{children:[_("span",{className:s("k-toolbar-prev","k-button",E("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:_(v,{className:"k-button-icon",icon:"chevron-left"})}),_(st,{className:"k-toolbar-button-separator"}),_("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N}),_(st,{className:"k-toolbar-button-separator"}),_("span",{className:s("k-toolbar-next","k-button",E("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:_(v,{className:"k-button-icon",icon:"chevron-right"})})]})]})};U.states=Cx;U.options=Ax;U.className=kt;U.defaultOptions=Ex;U.moduleName=so;U.folderName=Jo;import{jsx as Ox}from"react/jsx-runtime";var kr="k-toolbar-item",yx=[r.focus],Ix={},Tx={},Zo=e=>{let{focus:t,...o}=e;return Ox("div",{...o,className:s(e.className,kr,S(kr,{focus:t})),children:e.children})};Zo.states=yx;Zo.options=Ix;Zo.className=kr;Zo.defaultOptions=Tx;Zo.moduleName=so;Zo.folderName=Jo;import{jsx as Mp}from"react/jsx-runtime";var Sp="k-toolbar-popup",Bx=[],Px={size:[d.undefined,d.small,d.medium,d.large],fillMode:[x.undefined,x.solid,x.outline,x.flat]},Kx={},ro=e=>{let{size:t,fillMode:o,section:a,...n}=e;return Mp(X,{...n,className:s(e.className,Sp),children:a?Mp("span",{className:s("k-toolbar-items-list",E("k-toolbar-items-list",{size:t,fillMode:o})),role:"toolbar",children:e.children}):e.children})};ro.states=Bx;ro.options=Px;ro.className=Sp;ro.defaultOptions=Kx;ro.moduleName=so;ro.folderName=Jo;var En=ro;import{jsx as l2}from"react/jsx-runtime";import{jsx as c2}from"react/jsx-runtime";import{jsx as x2}from"react/jsx-runtime";import{jsx as M2,jsxs as S2}from"react/jsx-runtime";import{jsx as E2}from"react/jsx-runtime";import{jsx as Ct,jsxs as Hx}from"react/jsx-runtime";var Rx=R.states,kp={...R.defaultOptions,variant:"text"},_x=R.options,wx=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Dx=[{name:"opened",title:"Opened"}],Qo=e=>{let{variant:t,modifiers:o,...a}={...kp,...e},n={},i=Hx(ce,{size:a.size,children:[Ct(q,{text:"Menu Item"}),Ct(q,{text:"Menu Item"}),Ct(q,{text:"Menu Item"})]});switch(Object.keys(o\|\|{}).forEach(l=>{l==="opened"&&(n.opened=!!o?.[l],n.popup=o?.[l]?i:"")}),t){case"icon-only":return Ct("div",{children:Ct(R,{...a,...n,icon:"star"})});case"icon-and-text":return Ct("div",{children:Ct(R,{...a,...n,icon:"star",children:"Split Button"})});default:return Ct("div",{children:Ct(R,{...a,...n,children:"Split Button"})})}};Qo.options=_x;Qo.states=Rx;Qo.variants=wx;Qo.defaultOptions=kp;Qo.modifiers=Dx;Qo.className=R.className;import{jsx as io,jsxs as zx}from"react/jsx-runtime";var Cp=e=>io(U,{children:[io(p,{children:"Button"},"toolbar-button"),io(D,{text:"Menu button"},"toolbar-menu-button"),io(R,{children:"Split button"},"toolbar-split-button"),zx(T,{children:[io(p,{className:"k-group-start",icon:"align-left",children:"Left"}),io(p,{icon:"align-center",children:"Center"}),io(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});import{jsx as oU,jsxs as aU}from"react/jsx-runtime";import{jsx as De,jsxs as Ap}from"react/jsx-runtime";var Ep=e=>De(U,{scrollable:!0,...e,children:[De(p,{children:"Button"},"toolbar-button"),De(D,{text:"Menu button"},"toolbar-menu-button"),De(R,{children:"Split button"},"toolbar-split-button"),Ap(T,{children:[De(p,{className:"k-group-start",icon:"align-left",children:"Left"}),De(p,{icon:"align-center",children:"Center"}),De(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),De(p,{children:"Button"},"toolbar-button"),De(D,{text:"Menu button"},"toolbar-menu-button"),De(R,{children:"Split button"},"toolbar-split-button"),Ap(T,{children:[De(p,{className:"k-group-start",icon:"align-left",children:"Left"}),De(p,{icon:"align-center",children:"Center"}),De(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});import{jsx as He,jsxs as yp}from"react/jsx-runtime";var Ip=({scrollingPosition:e="start",...t})=>He(U,{scrollable:!0,scrollButtons:"hidden",scrollingPosition:e,...t,children:[He(p,{children:"Button"},"toolbar-button"),He(D,{text:"Menu button"},"toolbar-menu-button"),He(R,{children:"Split button"},"toolbar-split-button"),yp(T,{children:[He(p,{className:"k-group-start",icon:"align-left",children:"Left"}),He(p,{icon:"align-center",children:"Center"}),He(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),He(p,{children:"Button"},"toolbar-button"),He(D,{text:"Menu button"},"toolbar-menu-button"),He(R,{children:"Split button"},"toolbar-split-button"),yp(T,{children:[He(p,{className:"k-group-start",icon:"align-left",children:"Left"}),He(p,{icon:"align-center",children:"Center"}),He(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...t});import{Fragment as Ux,jsx as Ie,jsxs as yn}from"react/jsx-runtime";var Tp=({fillMode:e,size:t,...o})=>yn(Ux,{children:[Ie(U,{section:!0,fillMode:e,size:t,children:[Ie(p,{fillMode:e,size:t,children:"Button"},"toolbar-button"),yn(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(st,{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}),yn(En,{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(st,{}),Ie(D,{text:"Menu button",fillMode:e,size:t},"toolbar-menu-button"),yn(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 _U,jsx as KU,jsxs as RU}from"react/jsx-runtime";import{Fragment as qU,jsx as $U,jsxs as XU}from"react/jsx-runtime";import{jsx as zt}from"react/jsx-runtime";var Fx=U.options,Gx=U.states,Op={...U.defaultOptions,variant:"default"},Vx=[{name:"default",title:"Default"},{name:"scrollable",title:"Scrollable"},{name:"overlay",title:"Overlay"},{name:"responsive",title:"Responsive"}],$x=[],jo=e=>{let{variant:t,...o}={...Op,...e};switch(t){case"responsive":return zt("div",{children:zt(Tp,{style:{width:"583px"},...o})});case"overlay":return zt("div",{children:zt(Ip,{style:{width:"583px"},...o,scrollingPosition:"start",scrollButtons:"hidden"})});case"scrollable":return zt("div",{children:zt(Ep,{style:{width:"583px"},...o})});default:return zt("div",{children:zt(Cp,{style:{width:"583px"},...o})})}};jo.options=Fx;jo.states=Gx;jo.variants=Vx;jo.defaultOptions=Op;jo.modifiers=$x;jo.className=U.className;import{Fragment as Jx,jsx as rt,jsxs as Da}from"react/jsx-runtime";var Bp="k-message",Xx=[r.hover,r.selected,r.active,r.focus],qx={},Wx=[rt(p,{icon:"copy",fillMode:"flat","aria-label":"Copy"}),rt(p,{icon:"arrow-rotate-cw",fillMode:"flat","aria-label":"Retry"}),rt(p,{icon:"download",fillMode:"flat","aria-label":"Download"})],ea={time:"Thu Feb 08 2018",text:"How can I help you?",status:"Seen",toolbarItems:Wx,failed:"Failed to send"},F=e=>{let{time:t=ea.time,text:o=ea.text,content:a,status:n=ea.status,statusIcon:i,toolbarItems:l=ea.toolbarItems,hover:m,selected:u,active:f,focus:N,toolbar:g,typing:c,expandable:L,expanded:M,removed:k,files:A,failed:C,...y}=e,H=C===!0?ea.failed:C;return Da("div",{...y,className:s(Bp,e.className,{"k-message-removed":k,"k-message-failed":C}),children:[C&&rt($,{className:"k-resend-button",icon:"arrow-rotate-cw",size:"xsmall",fillMode:"clear","aria-label":"Resend"}),rt(Pp,{typing:c,selected:u,hover:m,active:f,focus:N,content:Da(Jx,{children:[a,o&&rt("span",{className:"k-chat-bubble-text",children:o})]}),expandable:L,expanded:M,files:A}),Da("div",{className:"k-message-info",children:[n&&Da("span",{className:"k-message-status",children:[i&&rt(v,{icon:i,size:"xsmall"}),n]}),t&&rt("time",{className:"k-message-time",children:t}),C&&Da("span",{className:"k-message-failed-content",children:[C&&rt(v,{icon:"warning-triangle",size:"xsmall"}),C&&rt("span",{className:"k-message-failed-text",children:H})]})]}),g&&rt(U,{className:"k-chat-message-toolbar",fillMode:"flat",children:l})]})};F.states=Xx;F.options=qx;F.className=Bp;F.moduleName=null;F.folderName=null;F.defaultOptions=ea;var Cr="avatar",Kp=Cr;import{jsx as Rp}from"react/jsx-runtime";var Ha="k-avatar";var Yx=[r.hover,r.focus,r.active,r.selected,r.disabled],Zx={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]},Ar={type:"text",border:!1},Me=e=>{let{size:t,rounded:o,fillMode:a,themeColor:n,type:i=Ar.type,border:l=Ar.border,...m}=e;return Rp("div",{...m,className:s(e.className,Ha,E(Ha,{size:t,rounded:o,fillMode:a,themeColor:n}),{[`${Ha}-bordered`]:l}),children:Rp("span",{className:`${Ha}-${i}`,children:e.children})})};Me.states=Yx;Me.options=Zx;Me.className=Ha;Me.defaultOptions=Ar;Me.moduleName=Cr;Me.folderName=Kp;var lo=Me;import{jsx as Qx}from"react/jsx-runtime";var _p=e=>Qx(lo,{type:"icon",...e});import{jsx as jx}from"react/jsx-runtime";var wp=e=>jx(lo,{type:"text",...e});import{jsx as eN}from"react/jsx-runtime";var In=e=>eN(lo,{type:"image",...e});import{jsx as H3}from"react/jsx-runtime";import{jsx as za}from"react/jsx-runtime";var tN=Me.options,oN=Me.states,aN={...Me.defaultOptions,variant:"image"},nN=[{name:"image",title:"Image"},{name:"icon",title:"Icon Avatar"},{name:"text",title:"Text Avatar"}],sN=[],ta=e=>{let{variant:t,...o}=e;switch(t){case"icon":return za(_p,{...o,children:za(v,{icon:"star"})});case"text":return za(wp,{...o,children:"JO"});default:return za(In,{...o,children:za("img",{src:"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg"})})}};ta.options=tN;ta.states=oN;ta.variants=nN;ta.defaultOptions=aN;ta.modifiers=sN;ta.className=Me.className;import{jsx as oa,jsxs as Er}from"react/jsx-runtime";var Ua="k-message-group",rN=[r.selected],iN={},Tn={author:"Bruv",avatar:"/packages/html/assets/avatar.jpg",type:"receiver"},W=e=>{let{type:t=Tn.type,author:o=Tn.author,avatar:a=Tn.avatar,status:n,selected:i,fullWidth:l,...m}=e;return Er("div",{...m,className:s(Ua,e.className,S(Ua,{selected:i}),{[`${Ua}-${t}`]:t,"k-no-avatar":!a,[`${Ua}-full-width`]:l}),children:[a&&!n&&oa(Me,{type:"image",children:oa("img",{src:a,alt:o\|\|""})}),n&&a&&Er("div",{className:"k-chat-user-status-wrapper",children:[oa(Me,{type:"image",children:oa("img",{src:a,alt:o\|\|""})}),oa("div",{className:"k-chat-user-status"})]}),Er("div",{className:"k-message-group-content",children:[o&&oa("span",{className:"k-message-author",children:o}),e.children]})]})};W.states=rN;W.options=iN;W.className=Ua;W.defaultOptions=Tn;import{Fragment as pN,jsx as On,jsxs as Dp}from"react/jsx-runtime";var yr="k-message-reference",lN={},Hp={type:"receiver"},Ut=e=>{let{content:t,closeable:o,pinned:a,type:n=Hp.type,...i}=e;return Dp("div",{...i,className:s(yr,e.className,{[`${yr}-${n}`]:n,"k-message-pinned":a}),children:[a&&On(v,{icon:"pin"}),On("div",{className:"k-message-reference-content",children:t}),o&&Dp(pN,{children:[On("span",{className:"k-spacer"}),On(p,{icon:"x-circle",fillMode:"flat",size:"xsmall","aria-label":"Close"})]})]})};Ut.options=lN;Ut.className=yr;Ut.moduleName=null;Ut.folderName=null;Ut.defaultOptions=Hp;var Ir="bubble",zp=Ir;import{jsx as Bn,jsxs as mN}from"react/jsx-runtime";var Tr="k-bubble",dN=[r.hover,r.active,r.selected,r.focus],Or={expandable:!1,expanded:!1},po=e=>{let{content:t,hover:o,active:a,focus:n,selected:i,expandable:l=Or.expandable,expanded:m=Or.expanded,...u}=e;return mN("div",{...u,className:s(e.className,Tr,S(Tr,{hover:o,active:a,focus:n,selected:i}),{"k-bubble-expandable":l},{"k-expanded":m}),tabIndex:0,children:[Bn("div",{className:"k-bubble-content",children:t??e.children}),l&&Bn("span",{className:"k-bubble-expandable-indicator",role:"button","aria-label":m?"Show less":"Show more",tabIndex:0,children:m?Bn(v,{icon:"chevron-up"}):Bn(v,{icon:"chevron-down"})})]})};po.states=dN;po.className=Tr;po.defaultOptions=Or;po.moduleName=Ir;po.folderName=zp;import{jsx as v5}from"react/jsx-runtime";import{jsx as S5}from"react/jsx-runtime";import{jsx as E5}from"react/jsx-runtime";import{jsx as Br,jsxs as Fp}from"react/jsx-runtime";var cN="k-chat-bubble",Pp=e=>{let{typing:t,content:o,files:a,...n}=e;return Fp(po,{...n,className:s(e.className,cN),children:[t?Fp("div",{className:"k-typing-indicator",tabIndex:-1,children:[Br("span",{}),Br("span",{}),Br("span",{})]}):o,a]})};import{jsx as F5}from"react/jsx-runtime";import{jsx as Gp,jsxs as uN}from"react/jsx-runtime";var Vp="k-chat-event",Pr={icon:"trash",text:"You deleted Chat history."},$p=e=>{let{icon:t=Pr.icon,text:o=Pr.text,...a}=e;return uN("div",{...a,className:s(e.className,Vp),children:[t&&Gp(v,{className:"k-chat-event-icon",icon:t,size:"xsmall"}),o&&Gp("span",{className:"k-chat-event-text",children:o})]})};$p.className=Vp;$p.defaultOptions=Pr;import{jsx as Q5}from"react/jsx-runtime";import{jsx as Xp}from"react/jsx-runtime";var Pn="k-file-box-wrapper",qp={layout:"horizontal"},xt=e=>{let{layout:t=qp.layout,scrollingPosition:o,...a}=e;return Xp("ul",{role:"list","aria-label":"Attached files",...a,className:s(e.className,Pn,{"k-files-vertical":t==="vertical","k-files-wrap":t==="wrap",[`${Pn}-scrollable-start`]:t==="horizontal"&&(o==="start"\|\|o==="both"),[`${Pn}-scrollable-end`]:t==="horizontal"&&(o==="end"\|\|o==="both")}),children:t==="horizontal"?Xp("div",{className:"k-files-scroll",role:"presentation",children:e.children}):e.children})};xt.className=Pn;xt.defaultOptions=qp;var Kr="file-box",Wp=Kr;import{jsx as aa,jsxs as Jp}from"react/jsx-runtime";var Yp="k-file-box",fN=[r.selected],bN={},Fa={icon:"file-pdf",name:"FileName.pdf",size:"2MB",showButton:"true"},Te=e=>{let{icon:t=Fa.icon,name:o=Fa.name,size:a=Fa.size,status:n,deleted:i,removeButton:l,showButton:m=Fa.showButton,...u}=e,f=[o,a].filter(Boolean).join(" ");return Jp("li",{role:"listitem",tabIndex:0,"aria-label":f\|\|void 0,...u,className:s(Yp,e.className,{"k-file-deleted":i}),children:[aa(v,{icon:t,size:"xlarge","aria-hidden":"true"}),Jp("div",{className:"k-file-info",children:[o&&aa("span",{className:"k-file-name",children:o}),a&&aa("span",{className:"k-file-size",children:a}),n&&aa("span",{className:"k-file-status",children:n})]}),m&&(l?aa(p,{as:"span",icon:"x-circle",fillMode:"flat",size:"xsmall","aria-hidden":"true"}):aa(D,{icon:"more-vertical",fillMode:"flat",size:"xsmall",showArrow:!1,"aria-label":"File actions"}))]})};Te.states=fN;Te.options=bN;Te.className=Yp;Te.defaultOptions=Fa;Te.moduleName=Kr;Te.folderName=Wp;import{jsx as fF}from"react/jsx-runtime";import{jsx as vF}from"react/jsx-runtime";import{jsx as kF,jsxs as CF}from"react/jsx-runtime";import{jsx as TF,jsxs as OF}from"react/jsx-runtime";import{jsx as _F}from"react/jsx-runtime";import{Fragment as YF,jsx as JF,jsxs as ZF}from"react/jsx-runtime";import{Fragment as oG,jsx as tG,jsxs as aG}from"react/jsx-runtime";var Rr="skeleton",Zp=Rr;import{jsx as vN}from"react/jsx-runtime";var _r="k-skeleton",xN=["circle","text","rect"],NN=[],hN={},wr={variant:"text",shape:"text",animation:"pulse"},Nt=e=>{let{variant:t,shape:o,animation:a=wr.animation,...n}=e,i=`skeleton-${t\|\|o\|\|wr.variant}`;return vN("span",{...n,className:s(e.className,_r,Wa(_r,i),{[`k-skeleton-${a}`]:a}),style:e.style})};Nt.states=NN;Nt.options=hN;Nt.variants=xN;Nt.className=_r;Nt.defaultOptions=wr;Nt.moduleName=Rr;Nt.folderName=Zp;import{jsx as cG}from"react/jsx-runtime";import{jsx as xG}from"react/jsx-runtime";import{jsx as gG}from"react/jsx-runtime";import{Fragment as KG,jsx as BG,jsxs as PG}from"react/jsx-runtime";import{Fragment as HG,jsx as DG,jsxs as zG}from"react/jsx-runtime";var Dr="window",Qp=Dr;import{jsx as SN}from"react/jsx-runtime";var jp="k-window-content",gN=[],LN={},MN={},Ft=e=>{let{children:t,...o}=e;return SN("div",{...o,className:s(jp,e.className),children:t})};Ft.states=gN;Ft.options=LN;Ft.className=jp;Ft.defaultOptions=MN;Ft.moduleName=Dr;Ft.folderName=Qp;var Ga="dialog",Kn=Ga;import{Fragment as AN,jsx as mo,jsxs as Hr}from"react/jsx-runtime";var ed="k-dialog",kN=[],CN={},zr={actionButtonsAlign:"stretched",modal:!0},ze=e=>{let{title:t,actions:o,actionButtons:a,actionButtonsAlign:n=zr.actionButtonsAlign,modal:i=zr.modal,...l}=e,m=t!==void 0?B("dialog-titlebar"):void 0,u=B("dialog-content");return Hr("div",{className:"k-dialog-wrapper",children:[i&&mo(ct,{}),Hr("div",{...l,className:s(e.className,ed,"k-window"),role:"dialog","aria-labelledby":m,"aria-describedby":u,...i&&{"aria-modal":"true"},children:[(t!==void 0\|\|o)&&Hr("div",{className:"k-window-titlebar k-dialog-titlebar",id:m,children:[t!==void 0&&mo("span",{className:"k-window-title k-dialog-title",children:t}),o&&mo(AN,{children:mo("div",{className:"k-window-titlebar-actions k-dialog-titlebar-actions",children:o.map(f=>mo(p,{icon:f,fillMode:"flat",size:"xsmall",className:"k-window-titlebar-action k-dialog-titlebar-action","aria-label":f},f))})})]}),mo(Ft,{className:"k-dialog-content",id:u,children:e.children}),a&&mo(Ke,{alignment:n,className:"k-window-actions k-dialog-actions",children:a})]})]})};ze.states=kN;ze.options=CN;ze.className=ed;ze.defaultOptions=zr;ze.moduleName=Ga;ze.folderName=Kn;var Ur=ze;import{jsx as TN}from"react/jsx-runtime";var td="k-dialog-wrapper",EN=[],yN={},IN={},na=e=>{let{...t}=e;return TN("div",{...t,className:s(e.className,td),children:e.children})};na.states=EN;na.options=yN;na.className=td;na.defaultOptions=IN;na.moduleName=Ga;na.folderName=Kn;import{Fragment as od,jsx as Rn,jsxs as ON}from"react/jsx-runtime";var ad=e=>Rn(Ur,{title:"Title",children:Rn(od,{children:"Dialog content"}),actionButtons:ON(od,{children:[Rn(p,{children:"Action"}),Rn(p,{themeColor:"primary",children:"Primary"})]}),actions:["x"],...e});import{Fragment as u6,jsx as f6,jsxs as b6}from"react/jsx-runtime";import{Fragment as wN,jsx as _n,jsxs as DN}from"react/jsx-runtime";var BN=ze.options,PN=[],KN=ze.states,RN=ze.defaultOptions,_N=[],sa=e=>_n(ad,{style:{width:"350px",height:"215px"},...e,title:"Please confirm",actions:["x"],actionButtonsAlign:"stretched",actionButtons:DN(wN,{children:[_n(p,{children:"No"}),_n(p,{themeColor:"primary",children:"Yes"})]}),children:_n("p",{style:{margin:"36px",textAlign:"center"},children:"Are you sure you want to continue?"})});sa.options=BN;sa.states=KN;sa.variants=PN;sa.defaultOptions=RN;sa.modifiers=_N;sa.className=ze.className;var Fr="dropzone",nd=Fr;import{jsx as wn,jsxs as UN}from"react/jsx-runtime";var Gr="k-external-dropzone",HN=[r.disabled,r.hover],zN={},Vr={icon:"upload",hint:"Drag and drop files here to upload"},Se=e=>{let{hover:t,disabled:o,icon:a=Vr.icon,hint:n=Vr.hint,note:i,...l}=e;return wn("div",{...l,className:s(e.className,Gr,S(Gr,{disabled:o}),{"k-external-dropzone-hover":t}),children:UN("div",{className:"k-dropzone-inner",children:[a&&wn(v,{icon:a,className:"k-dropzone-icon",size:"xxxlarge"}),n&&wn("span",{className:"k-dropzone-hint",children:n}),i&&wn("span",{className:"k-dropzone-note",children:i})]})})};Se.states=HN;Se.options=zN;Se.className=Gr;Se.defaultOptions=Vr;Se.moduleName=Fr;Se.folderName=nd;import{jsx as FN}from"react/jsx-runtime";var sd=e=>FN(Se,{...e});import{jsx as z6}from"react/jsx-runtime";import{jsx as WN}from"react/jsx-runtime";var GN=Se.options,VN=Se.states,$N=Se.defaultOptions,XN=[{name:"note",title:"Note"}],qN=[],ra=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(n=>{n==="note"&&(a.note=t?.[n]?"Only JPEG, PNG and SVG files are allowed.":void 0)}),WN(sd,{style:{width:"500px"},...o,...a})};ra.options=GN;ra.states=VN;ra.variants=qN;ra.defaultOptions=$N;ra.modifiers=XN;ra.className=Se.className;import{Fragment as Dn,jsx as Gt,jsxs as Va}from"react/jsx-runtime";var $r="k-upload-dropzone",JN=[r.hover],Hn=e=>{let{hover:t,status:o,disabled:a,hasFiles:n,filesId:i,...l}=e,m;switch(o){case"uploading":m=Va(Dn,{children:[Gt(v,{icon:"upload"}),"Uploading..."]});break;case"done":m=Va(Dn,{children:[Gt(v,{icon:"check"}),"Done"]});break;case"failed":m=Va(Dn,{children:[Gt(v,{icon:"exclamation-circle"}),"Done"]});break;default:m=Gt(Dn,{});break}return Va("div",{...l,className:s(e.className,$r,"k-dropzone",S($r,{hover:t})),children:[Va("div",{className:"k-upload-button-wrap",children:[Gt(p,{className:"k-upload-button","aria-disabled":a?"true":"false",...n&&i?{"aria-controls":i}:{},children:"Select files..."}),Gt("input",{id:"upload-input",className:"k-hidden",tabIndex:-1,"aria-hidden":"true"})]}),Gt("span",{className:s("k-dropzone-hint",{"k-hidden":o!=="upload"}),children:"Drop files here to upload"}),o!=="upload"&&Gt("span",{className:"k-upload-status",children:m})]})};Hn.states=JN;Hn.className=$r;var Xr="upload",rd=Xr;import{jsx as zn,jsxs as ld}from"react/jsx-runtime";var qr="k-upload",YN=[r.hover,r.disabled],ZN={},pd={actionsLayout:"end"},id="upload-files-list",ae=e=>{let{async:t,empty:o,actions:a,actionsLayout:n=pd.actionsLayout,hover:i,status:l,disabled:m,...u}=e,f=!!e.children;return ld("div",{...u,className:s(e.className,qr,S(qr,{disabled:m}),{"k-upload-async":t,"k-upload-empty":o}),children:[zn(Hn,{status:l,hover:i,disabled:m,hasFiles:f,filesId:id}),f&&zn("ul",{className:"k-upload-files",role:"list",id,children:e.children}),a&&f&&ld(Zi,{alignment:n,orientation:"horizontal",children:[zn(p,{className:"k-clear-selected",children:"Clear"}),zn(p,{themeColor:"primary",className:"k-upload-selected",children:"Upload"})]})]})};ae.states=YN;ae.options=ZN;ae.className=qr;ae.defaultOptions=pd;ae.moduleName=Xr;ae.folderName=rd;var $a="progressbar",Un=$a;import{jsx as Jr,jsxs as Wr}from"react/jsx-runtime";var et="k-progressbar",QN=[r.disabled,r.indeterminate],jN={orientation:["horizontal","vertical"]},co={indeterminate:!1,label:!0,labelPosition:"start",orientation:"horizontal",reverse:!1,value:"0"},ke=e=>{let{disabled:t,height:o,indeterminate:a=co.indeterminate,label:n=co.label,labelPosition:i=co.labelPosition,orientation:l=co.orientation,reverse:m=co.reverse,value:u=co.value,width:f,style:N,ariaLabel:g,...c}=e;return Wr("div",{...c,className:s(e.className,et,S(et,{disabled:t}),{[`${et}-${l}`]:l,[`${et}-indeterminate`]:a,[`${et}-reverse`]:m}),style:{...N,"--kendo-progressbar-value":u,[l==="horizontal"?"height":"width"]:l==="horizontal"?o:f},role:"progressbar","aria-label":g\|\|"progress","aria-valuenow":a?void 0:Number(u),"aria-valuemin":0,"aria-valuemax":100,children:[Jr("span",{className:s("k-progress-status-wrap",{[`k-progress-${i}`]:i&&!a}),children:n&&Wr("span",{className:"k-progress-status",children:[u,"%"]})}),!a&&Jr("div",{className:"k-progressbar-value k-selected",children:Jr("span",{className:s("k-progress-status-wrap",{[`k-progress-${i}`]:i}),children:n&&Wr("span",{className:"k-progress-status",children:[e.value,"%"]})})})]})};ke.states=QN;ke.options=jN;ke.className=et;ke.defaultOptions=co;ke.moduleName=$a;ke.folderName=Un;var dd=ke;import{jsx as Yr}from"react/jsx-runtime";var md="k-chunk-progressbar",eh=(e,t)=>t<=e-1,th=[r.disabled,r.indeterminate],oh={},Fn={chunkCount:5,orientation:"horizontal",progress:0},ia=e=>{let{disabled:t,chunkCount:o=Fn.chunkCount,indeterminate:a,orientation:n=Fn.orientation,progress:i=Fn.progress,reverse:l,ariaLabel:m,...u}=e;return Yr("div",{...u,className:s(e.className,et,md,S(et,{disabled:t}),{[`${et}-${n}`]:n,[`${et}-indeterminate`]:a,[`${et}-reverse`]:l}),role:"progressbar","aria-label":m\|\|"progress","aria-valuenow":a?void 0:i,"aria-valuemin":0,"aria-valuemax":o,children:Yr("ul",{className:"k-progressbar-chunks k-reset",children:[...Array(o)].map((f,N)=>Yr("li",{className:s("k-progressbar-chunk",{"k-first":N===0,"k-last":N===[...Array(o)].length-1,"k-selected":eh(i,N)})},N))})})};ia.states=th;ia.options=oh;ia.className=md;ia.defaultOptions=Fn;ia.moduleName=$a;ia.folderName=Un;import{jsx as ah}from"react/jsx-runtime";var Xa=e=>ah(dd,{...e});import{jsx as E7}from"react/jsx-runtime";import{jsx as Vt}from"react/jsx-runtime";var nh=ke.options,sh=ke.states,cd={...ke.defaultOptions,variant:"start"},rh=[{name:"start",title:"Label start"},{name:"center",title:"Label center"},{name:"end",title:"Label end"},{name:"empty",title:"No label"}],ih=[],la=e=>{let{variant:t,modifiers:o,...a}={...cd,...e},n={},i={style:{width:"324px"}};switch(Object.keys(o\|\|{}).forEach(l=>{switch(l){case"reverse":n.reverse=!!o?.[l];break;case"vertical":n.orientation=o?.[l]?"vertical":void 0,i.style=o?.[l]?void 0:{width:"324px"};break}}),t){case"end":return Vt("div",{...i,children:Vt(Xa,{...a,...n,labelPosition:"end",value:"50"})});case"center":return Vt("div",{...i,children:Vt(Xa,{...a,...n,labelPosition:"center",value:"50"})});case"empty":return Vt("div",{...i,children:Vt(Xa,{...a,...n,label:!1,value:"50"})});default:return Vt("div",{...i,children:Vt(Xa,{...a,...n,labelPosition:"start",value:"50"})})}};la.options=nh;la.states=sh;la.variants=rh;la.defaultOptions=cd;la.modifiers=ih;la.className=ke.className;import{jsx as Zr,jsxs as ph}from"react/jsx-runtime";var lh="k-file-info",Qr=e=>{let{name:t,size:o,validationMsg:a,...n}=e;return ph("div",{...n,className:s(e.className,lh),children:[t&&Zr("span",{className:"k-file-name",children:t}),o&&Zr("span",{className:"k-file-size",children:o}),a&&Zr("span",{className:"k-file-validation-message","aria-live":"polite",children:a})]})};import{Fragment as mh,jsx as At,jsxs as Gn}from"react/jsx-runtime";var dh="k-file",Oe=e=>{let{status:t,progress:o,name:a,icon:n,size:i,state:l,validationMsg:m,...u}=e;return At("li",{...u,className:s(e.className,dh,{[`k-file-${t}`]:t}),role:"listitem",tabIndex:0,children:Gn("div",{className:"k-file-single",children:[At(ke,{className:s({"k-hidden":t!=="progress"}),value:o,label:!1}),Gn("span",{className:"k-file-icon-wrapper",children:[At(v,{className:"k-file-icon",icon:n,size:"xxlarge"}),l&&At("span",{className:"k-file-state",children:l})]}),At(Qr,{name:a,size:i,validationMsg:m}),At("div",{className:"k-upload-actions",children:t==="progress"?Gn(mh,{children:[Gn("span",{className:"k-upload-pct",children:[o,"%"]}),At(p,{icon:"pause",fillMode:"flat",size:"xsmall",className:"k-upload-action","aria-label":"Pause upload",tabIndex:-1}),At(p,{icon:"cancel",fillMode:"flat",size:"xsmall",className:"k-upload-action","aria-label":"Cancel upload",tabIndex:-1})]}):At(p,{icon:"x",fillMode:"flat",size:"xsmall",className:"k-upload-action","aria-label":"Remove file",tabIndex:-1})})]})})};import{Fragment as a9,jsx as t9,jsxs as o9}from"react/jsx-runtime";import{Fragment as ch,jsx as jr,jsxs as uh}from"react/jsx-runtime";var qa=e=>jr(ae,{async:!0,children:uh(ch,{children:[jr(Oe,{name:"Image_With_Very_Very_Very_Very_Very_Long_Name1.png",icon:"file-image",size:"51.23 KB"}),jr(Oe,{name:"Image2.jpg",icon:"file-image",size:"106.43 KB"})]}),...e});import{Fragment as u9,jsx as m9,jsxs as c9}from"react/jsx-runtime";import{jsx as fh}from"react/jsx-runtime";var ud=e=>fh(ae,{async:!0,empty:!0,...e});import{Fragment as L9,jsx as g9,jsxs as M9}from"react/jsx-runtime";import{Fragment as E9,jsx as A9,jsxs as y9}from"react/jsx-runtime";import{jsx as Et,jsxs as Vn}from"react/jsx-runtime";var bh=ae.options,xh=ae.states,fd={...ae.defaultOptions,variant:"empty"},Nh=[{name:"empty",title:"Empty"},{name:"upload",title:"Upload"},{name:"uploading",title:"Uploading"},{name:"success",title:"Success"},{name:"failed",title:"Failed"}],hh=[],pa=e=>{let{variant:t,...o}={...fd,...e};switch(t){case"success":return Vn(qa,{status:"done",style:{width:"586px"},...o,children:[Et(Oe,{status:"success",validationMsg:"File(s) uploaded successfully.",name:"Image1.png",icon:"file-image"}),Et(Oe,{status:"success",validationMsg:"File(s) uploaded successfully.",name:"Image2.png",icon:"file-image"})]});case"failed":return Vn(qa,{status:"failed",style:{width:"586px"},...o,children:[Et(Oe,{status:"error",validationMsg:"File type not allowed.",name:"Movie1.mkv",icon:"file-image"}),Et(Oe,{status:"error",validationMsg:"File type not allowed.",name:"Video2.mkv",icon:"file-image"})]});case"uploading":return Vn(qa,{status:"uploading",style:{width:"586px"},...o,children:[Et(Oe,{progress:"50",status:"progress",name:"Document1.txt",icon:"file-pdf",size:"328.92 KB"}),Et(Oe,{progress:"70",status:"progress",name:"Document2.txt",icon:"file-pdf",size:"225.68 KB"})]});case"upload":return Vn(qa,{actions:!0,status:"upload",style:{width:"586px"},...o,children:[Et(Oe,{name:"Image1.png",icon:"file-image",size:"51.23 KB"}),Et(Oe,{name:"Image2.jpg",icon:"file-image",size:"106.43 KB"})]});default:return Et(ud,{async:!0,status:"upload",style:{width:"586px"},...o})}};pa.options=bh;pa.states=xh;pa.variants=Nh;pa.defaultOptions=fd;pa.modifiers=hh;pa.className=ae.className;import{Fragment as o4,jsx as t4,jsxs as a4}from"react/jsx-runtime";import{jsx as i4}from"react/jsx-runtime";import{Fragment as c4,jsx as m4,jsxs as u4}from"react/jsx-runtime";import{Fragment as h4,jsx as N4,jsxs as v4}from"react/jsx-runtime";import{Fragment as k4,jsx as S4,jsxs as C4}from"react/jsx-runtime";import{Fragment as T4,jsx as I4}from"react/jsx-runtime";var ei="appbar",bd=ei;import{jsx as Mh}from"react/jsx-runtime";var ti="k-appbar",vh=[],gh={themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary,h.inverse]},Lh={},Ce=e=>{let{themeColor:t,positionMode:o,position:a,...n}=e;return Mh("div",{...n,className:s(e.className,ti,E(ti,{themeColor:t}),{[`k-appbar-${o}`]:o,[`k-appbar-${a}`]:a}),children:e.children})};Ce.states=vh;Ce.options=gh;Ce.className=ti;Ce.defaultOptions=Lh;Ce.moduleName=ei;Ce.folderName=bd;import{jsx as kh}from"react/jsx-runtime";var Sh="k-appbar-section",ht=e=>{let{...t}=e;return kh("div",{...t,className:s(Sh,e.className),children:e.children})};import{Fragment as $4,jsx as G4,jsxs as V4}from"react/jsx-runtime";import{jsx as j,jsxs as da}from"react/jsx-runtime";var oi={...Ce.options,positionMode:["static","sticky","fixed"]},Ch=Ce.states,xd={...Ce.defaultOptions,themeColor:"primary",variant:"top",positionMode:"sticky"};oi.themeColor=["primary",...oi.themeColor.filter(e=>e!=="primary")];var Ah=[{name:"top",title:"Top"},{name:"bottom",title:"Bottom"}],ma=e=>{let{variant:t,...o}={...xd,...e},a=da(Ce,{position:t,...o,children:[j(ht,{children:j($,{fillMode:"flat",icon:"menu"})}),j("span",{className:"k-spacer k-spacer-sized",style:{width:"8px"}}),j(ht,{children:j("h3",{className:"k-m-0",children:"AppBar"})}),j("span",{className:"k-spacer"}),da(ht,{children:[j(at,{fillMode:"flat",children:"Button"}),j(at,{fillMode:"flat",children:"Button"}),j(at,{fillMode:"flat",children:"Button"})]}),j("span",{className:"k-spacer k-spacer-sized",style:{width:"8px"}}),j(ht,{children:j(ln,{value:"Input value"})}),da(ht,{children:[j($,{className:"k-mx-sm",fillMode:"flat",icon:"bell"}),j("span",{className:"k-appbar-separator"}),j(In,{className:"k-mx-sm",children:j("img",{src:"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg"})})]})]}),n=da("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"?da("div",{style:{height:"250px",overflow:"auto"},children:[n,a]}):da("div",{style:{height:"250px",overflow:"auto"},children:[a,n]})};ma.options=oi;ma.states=Ch;ma.variants=Ah;ma.defaultOptions=xd;ma.modifiers=[];ma.className=Ce.className;var ai="suggestion",Nd=ai;import{jsx as $n,jsxs as Ih}from"react/jsx-runtime";var Xn="k-suggestion-group",Eh=[],yh={},hd={layout:"scrollable",scrollingPosition:"start"},tt=e=>{let{layout:t=hd.layout,scrollingPosition:o,...a}=e,n=$n("div",{...a,className:s(Xn,{"k-suggestion-group-scrollable":t=="scrollable",[`${Xn}-scrollable-start`]:o==="start"\|\|o==="both",[`${Xn}-scrollable-end`]:o==="end"\|\|o==="both"},e.className),role:"group",children:t==="scrollable"\|\|t==="scrollButtons"?$n("div",{className:"k-suggestions-scroll",children:e.children}):e.children});return t=="scrollButtons"?Ih("div",{className:"k-suggestion-scrollwrap",children:[$n(p,{fillMode:"flat",icon:"chevron-left",size:"xsmall","aria-label":"Scroll left"}),n,$n(p,{fillMode:"flat",icon:"chevron-right",size:"xsmall","aria-label":"Scroll right"})]}):n};tt.states=Eh;tt.options=yh;tt.className=Xn;tt.defaultOptions=hd;tt.moduleName=ai;tt.folderName=Nd;import{jsx as Ph}from"react/jsx-runtime";var qn="k-suggestion",Th=[r.active,r.hover,r.focus],Oh={themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary]},Bh={text:"Suggestion"},ot=e=>{let{themeColor:t,active:o,hover:a,focus:n,text:i,...l}=e;return Ph("span",{...l,className:s(e.className,qn,S(qn,{hover:a,active:o,focus:n}),E(qn,{themeColor:t})),role:"button",tabIndex:0,"aria-label":i,children:i})};ot.states=Th;ot.options=Oh;ot.className=qn;ot.item=Bh;import{Fragment as h8,jsx as N8,jsxs as v8}from"react/jsx-runtime";import{Fragment as k8,jsx as S8,jsxs as C8}from"react/jsx-runtime";import{Fragment as T8,jsx as I8,jsxs as O8}from"react/jsx-runtime";import{Fragment as Hh,jsx as ee,jsxs as Wn}from"react/jsx-runtime";var Kh=G.states,Rh=G.defaultOptions,_h=G.options,wh=[{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"}],Dh=[],ca=e=>{let{modifiers:t,...o}=e,a={author:null,avatar:null},n=Wn(Ce,{className:"k-chat-header",positionMode:"sticky",themeColor:"primary",children:[ee("span",{className:"k-spacer k-spacer-sized k-w-1"}),ee(ht,{children:ee("span",{children:"Chat with demo bot"})}),ee("span",{className:"k-spacer"}),ee(ht,{children:ee(p,{fillMode:"flat",icon:"more-vertical"})})]}),i=ee(Ut,{type:"sender",pinned:!0,content:"Hello! Generate a cover letter.",closeable:!0}),l=Wn(tt,{children:[ee(ot,{text:"Provide a CV template"}),ee(ot,{text:"Generate a cover letter"})]}),m=Wn(tt,{children:[ee(ot,{themeColor:"primary",text:"Thank you!"}),ee(ot,{themeColor:"primary",text:"Great!"})]}),u="https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg",f=null,N="User",g="Demo Bot";Object.keys(t\|\|{}).forEach(y=>{switch(y){case"header":a.header=t?.[y]?n:!1;break;case"pinned":a.pinned=t?.[y]?i:!1;break;case"suggested":a.suggestedActions=t?.[y]?l:!1;break;case"author":a.author=t?.[y]?!0:null;break;case"avatar":a.avatar=t?.[y]?u:null;break;case"quick":a.quickReplies=t?.[y]?m:ee(Hh,{});break;default:break}});let{header:c,pinned:L,suggestedActions:M,author:k,avatar:A,quickReplies:C}=a;return Wn(vd,{value:"Thank you!",style:{minHeight:"100%"},...o,header:c,pinned:L,suggestedActions:M,children:[ee(W,{avatar:f,author:k?g:null,children:ee(F,{text:"Hello, this is a demo bot. How can I help you ?"})}),ee(W,{avatar:A?u:null,author:k?N:null,type:"sender",children:ee(F,{text:"Hello! Generate a cover letter."})}),ee(W,{avatar:f,author:k?g:null,children:ee(F,{text:"Sure. Here is a cover letter template",files:ee(xt,{children:ee(Te,{icon:"file-pdf",name:"cover_letter.pdf",size:"1.43MB"})})})}),C]})};ca.options=_h;ca.states=Kh;ca.variants=Dh;ca.defaultOptions=Rh;ca.modifiers=wh;ca.className=G.className;import{Fragment as zh,jsx as vt,jsxs as Uh}from"react/jsx-runtime";var vd=e=>vt(G,{children:Uh(zh,{children:[vt("div",{className:"k-timestamp",children:"Day, Month 7, 2023"}),vt(W,{children:vt(F,{})}),vt(W,{type:"sender",children:vt(F,{})}),vt(W,{children:vt(F,{text:"Very long message text that tests message overflowing behavior. Very long message text that tests message overflowing behavior."})}),vt(W,{type:"sender",children:vt(F,{text:"Unusually_long_word_that_tests_word_break_behavior__unusually_long_word_that_tests_word_break_behavior"})})]}),...e});export{vd as ChatNormal};
1	+ var s=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?s(...t):typeof t=="object"?Object.keys(t).map((o,a)=>t[a]\|\|t[o]&&o\|\|null).filter(o=>o!==null).join(" "):t).filter(t=>!!t).join(" ");var E=(e,t)=>s({[`${e}-xs`]:t.size==="xsmall",[`${e}-sm`]:t.size==="small",[`${e}-md`]:t.size==="medium",[`${e}-lg`]:t.size==="large",[`${e}-xl`]:t.size==="xlarge",[`${e}-xxl`]:t.size==="xxlarge",[`${e}-xxxl`]:t.size==="xxxlarge"},{[`${e}-${t.fillMode}`]:t.fillMode},{[`${e}-${t.themeColor}`]:t.themeColor},{"k-rounded-sm":t.rounded==="small","k-rounded-md":t.rounded==="medium","k-rounded-lg":t.rounded==="large","k-rounded-full":t.rounded==="full","k-rounded-none":t.rounded==="none"}),S=(e,t)=>{let{valid:o,invalid:a,hover:n,focus:i,checked:l,active:m,selected:u,disabled:f,indeterminate:N,loading:g,empty:c,readonly:L,highlighted:M,...k}=t;return s({"k-valid":o,"k-invalid":a,"k-hover":n,"k-focus":i,"k-checked":l,"k-active":m,"k-selected":u,"k-disabled":f,"k-indeterminate":N&&!l,"k-loading":g,"k-empty":c,"k-readonly":L,"k-highlighted":M},Object.keys(k).reduce((A,C)=>(C.startsWith("k-")?A[C]=k[C]:A[`k-${C}`]=k[C],A),{}))};function Wa(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(a=>[`k-${a}`,!0]))}var d={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},b={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},x={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},it={undefined:void 0,outline:"outline",solid:"solid",duotone:"duotone"},h={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",inverse:"inverse"},r={open:"open",hover:"hover",focus:"focus",active:"active",selected:"selected",disabled:"disabled",valid:"valid",invalid:"invalid",loading:"loading",required:"required",empty:"empty",indeterminate:"indeterminate",checked:"checked",readonly:"readonly",highlighted:"highlighted",generating:"generating",expanded:"expanded"};var jn={};function B(e){return jn[e]=(jn[e]\|\|0)+1,`k-${e}-${jn[e]}`}import{Fragment as Sd,jsx as si}from"react/jsx-runtime";var es="k-font-icon",gd=[],Ld={size:[d.undefined,d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary,h.success,h.warning,h.error,h.info]},Md={},fa=e=>{let{size:t,themeColor:o,icon:a,rotate:n,flip:i,...l}=e;return a?si("span",{...l,className:s(e.className,es,E(es,{size:t}),{[`k-i-${a}`]:a,[`k-color-${o}`]:o,[`k-rotate-${n}`]:n,"k-flip-h":i==="h"\|\|i==="both","k-flip-v":i==="v"\|\|i==="both"}),"aria-hidden":"true"}):si(Sd,{})};fa.states=gd;fa.options=Ld;fa.className=es;fa.defaultOptions=Md;var ri=fa;import{Fragment as Ad,jsx as Ja}from"react/jsx-runtime";var ts="k-svg-icon",kd=[],Cd={size:[d.undefined,d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary,h.success,h.warning,h.error,h.info],variant:[it.outline,it.solid,it.duotone]},os={viewBox:"0 0 24 24",variant:it.outline},ba=e=>{let{size:t,themeColor:o,rotate:a,flip:n,viewBox:i=os.viewBox,variant:l=os.variant,icon:m,...u}=e;if(!m)return Ja(Ad,{});if(m==="none")return Ja("span",{...u,className:s(e.className,ts,E("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let f=typeof m=="object"&&m.name&&m.name,N=typeof m=="object"?l&&m.variants?.[l]\|\|m.variants?.outline\|\|m.content:void 0;return Ja("span",{...u,className:s(e.className,ts,E("k-icon",{size:t}),{[`k-svg-i-${f}`]:f,[`k-color-${o}`]:o,[`k-rotate-${a}`]:a,"k-flip-h":n==="h"\|\|n==="both","k-flip-v":n==="v"\|\|n==="both"}),"aria-hidden":"true",children:Ja("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof m=="object"?m.viewBox:i,dangerouslySetInnerHTML:N!==void 0?{__html:N}:void 0,children:m?void 0:e.children})})};ba.states=kd;ba.options=Cd;ba.className=ts;ba.defaultOptions=os;var as=ba;importas ns from"@progress/kendo-svg-icons";var ii="icon",li="icons";import{useContext as yd}from"react";import{createContext as Ed}from"react";var pi=Ed({iconsType:"svg"});import{Fragment as di,jsx as xa}from"react/jsx-runtime";var Ya="k-icon",Id=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),Td=[],Od={size:[d.undefined,d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary,h.success,h.warning,h.error,h.info],variant:[it.outline,it.solid,it.duotone]},Za={viewBox:"0 0 24 24",type:"svg",variant:it.outline},v=e=>{let{iconsType:t}=yd(pi),{size:o,themeColor:a,icon:n,type:i=t\|\|Za.type,rotate:l,flip:m,viewBox:u=Za.viewBox,variant:f=Za.variant,...N}=e;if(!n)return xa(di,{});if((t\|\|i)==="svg"){if(n==="none")return xa(as,{...N,className:s(e.className,Ya),icon:n,size:o,variant:f});let c=ns[n]?n:Id(`${n}-icon`);return ns[c]?xa(as,{...N,className:s(e.className,Ya),icon:ns[c],size:o,themeColor:a,rotate:l,flip:m,viewBox:u,variant:f}):xa(di,{})}return xa(ri,{...N,className:s(e.className,Ya),icon:n,size:o,themeColor:a,rotate:l,flip:m})};v.states=Td;v.options=Od;v.defaultOptions=Za;v.className=Ya;v.moduleName=ii;v.folderName=li;var ss="button",mi=ss;import{Fragment as ci,jsx as uo,jsxs as ui}from"react/jsx-runtime";var Na="k-button",Bd=["icon-button"],Pd=[r.hover,r.focus,r.active,r.selected,r.disabled,r.generating],Kd={size:[d.undefined,d.xsmall,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[x.undefined,x.solid,x.flat,x.outline,x.clear,x.link],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary,h.success,h.warning,h.error,h.info,h.inverse]},rs={showArrow:!1,arrowIconName:"chevron-down"},p=e=>{let{as:t="button",size:o,rounded:a,fillMode:n,themeColor:i,showArrow:l=rs.showArrow,arrowIconName:m=rs.arrowIconName,variant:u,hover:f,focus:N,active:g,selected:c,disabled:L,togglable:M,ariaDisabled:k,icon:A,iconSize:C,text:y,iconClassName:H,className:le,...Ae}=e,pe=A!=null,ue=e.children!==void 0;return ui(t,{className:s(le,Na,Wa(Na,u),E(Na,{size:o,rounded:a,fillMode:n,themeColor:i}),S(Na,{hover:f,focus:N,active:g,disabled:L\|\|k,selected:c}),{"k-icon-button":!y&&!ue&&pe}),"aria-pressed":M?c?"true":"false":void 0,...Ae,"aria-disabled":k?"true":void 0,disabled:L\|\|void 0,children:[typeof A=="string"&&A&&uo(v,{className:s(H,"k-button-icon"),icon:A,size:C}),A&&typeof A!="string"&&uo(ci,{children:A}),y?ui(ci,{children:[y&&uo("span",{className:"k-button-text",children:y}),e.children]}):e.children&&uo("span",{className:"k-button-text",children:e.children}),l&&uo("span",{className:"k-menu-button-arrow k-button-arrow",children:uo(v,{icon:m})})]})};p.states=Pd;p.options=Kd;p.variants=Bd;p.className=Na;p.defaultOptions=rs;p.moduleName=ss;p.folderName=mi;import{jsx as Rd}from"react/jsx-runtime";var $=e=>Rd(p,{icon:"folder",...e,"aria-label":e["aria-label"]\|\|"Folder",children:void 0});import{jsx as _d}from"react/jsx-runtime";var ha=e=>_d(p,{icon:"folder",children:"Button",...e});import{jsx as wd}from"react/jsx-runtime";var at=e=>wd(p,{children:"Button",...e});import{jsx as is}from"react/jsx-runtime";var Dd=p.options,Hd=p.states,zd={...p.defaultOptions,variant:"text"},Ud=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Fd=[],fo=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return is($,{...o,icon:"star"});case"icon-and-text":return is(ha,{...o,icon:"star",children:"Button"});default:return is(at,{...o,children:"Button"})}};fo.options=Dd;fo.states=Hd;fo.variants=Ud;fo.defaultOptions=zd;fo.modifiers=Fd;fo.className=p.className;import{jsx as fi,jsxs as qd}from"react/jsx-runtime";var Qa="k-fab",$d=[r.hover,r.focus,r.active,r.selected,r.disabled],Xd={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary]},bi={type:"button"},te=e=>{let{size:t,rounded:o,themeColor:a,text:n,icon:i,type:l=bi.type,position:m,hover:u,focus:f,active:N,selected:g,disabled:c,...L}=e;return qd("button",{...L,type:l,className:s(e.className,Qa,E(Qa,{size:t,rounded:o,themeColor:a}),S(Qa,{hover:u,focus:f,active:N,disabled:c,selected:g}),{[`!k-pos-absolute k-${m}`]:m}),...!n&&i&&!e["aria-label"]&&{"aria-label":"Action"},...c&&{"aria-disabled":"true"},disabled:c\|\|void 0,children:[i&&fi(v,{className:"k-fab-icon",icon:i}),n&&fi("span",{className:"k-fab-text",children:n})]})};te.states=$d;te.options=Xd;te.className=Qa;te.defaultOptions=bi;te.moduleName="fab";te.folderName="fab";import{jsx as Jd}from"react/jsx-runtime";var Wd="k-fab-items",xi=e=>{let{position:t,...o}=e;return Jd("ul",{...o,className:s(e.className,Wd,{[`k-fab-items-${t}`]:t}),children:e.children})};import{jsx as hi,jsxs as Zd}from"react/jsx-runtime";var Ni="k-fab-item",Yd=[r.hover,r.focus,r.active,r.disabled],ls=e=>{let{text:t,icon:o,align:a,hover:n,focus:i,active:l,disabled:m,...u}=e;return Zd("li",{...u,className:s(e.className,Ni,{[`k-text-${a}`]:a},S(Ni,{hover:n,focus:i,active:l,disabled:m})),children:[hi("span",{className:"k-fab-item-text",children:t}),hi(v,{className:"k-fab-item-icon",icon:o})]})};ls.states=Yd;import{jsx as lg}from"react/jsx-runtime";import{jsx as Qd}from"react/jsx-runtime";var vi=e=>Qd(te,{icon:"plus",...e});import{jsx as bg}from"react/jsx-runtime";import{jsx as vg}from"react/jsx-runtime";import{jsx as bo,jsxs as nm}from"react/jsx-runtime";var jd=te.options,em=te.states,tm={...te.defaultOptions,variant:"text"},om=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],am=[{name:"opened",title:"Opened"}],xo=e=>{let{variant:t,modifiers:o,...a}=e,{opened:n}=o\|\|{},i=n?bo("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:bo(xi,{position:"bottom",children:bo(ls,{text:"Item",icon:"pencil",align:"right"})})}):null,l;switch(t){case"icon-only":l=bo(te,{...a,icon:"star"});break;case"icon-and-text":l=bo(te,{...a,icon:"star",text:"Action"});break;default:l=bo(te,{...a,text:"Action"});break}return nm("span",{style:{position:"relative"},children:[l,i]})};xo.options=jd;xo.states=em;xo.variants=om;xo.defaultOptions=tm;xo.modifiers=am;xo.className=te.className;import{jsx as im}from"react/jsx-runtime";var ps="k-input-inner",sm=[],rm={},ja={type:"text",autocomplete:"off",value:"",placeholder:""},fe=e=>{let{value:t=ja.value,type:o=ja.type,placeholder:a=ja.placeholder,autocomplete:n=ja.autocomplete,disabled:i,readOnly:l,...m}=e;return im("input",{...m,type:o,className:s(e.className,ps,E(ps,e)),placeholder:a,autoComplete:n,defaultValue:t,disabled:i\|\|void 0,readOnly:l\|\|void 0})};fe.states=sm;fe.options=rm;fe.className=ps;import{jsx as dm}from"react/jsx-runtime";var ds="k-input-inner",lm=[],pm={},gi={value:"",placeholder:""},va=e=>{let{value:t=gi.value,placeholder:o=gi.placeholder,rows:a,disabled:n,...i}=e;return dm("textarea",{...i,className:s(e.className,ds,E(ds,e)),placeholder:o,rows:a,defaultValue:t,disabled:n\|\|void 0})};va.states=lm;va.options=pm;va.className=ds;var ms="prompt-box",Li=ms;var cs="speech-to-text-button",Mi=cs;import{jsx as mm}from"react/jsx-runtime";var Si="k-speech-to-text-button",ki={icon:"microphone"},Be=e=>{let{listening:t=!1,icon:o=ki.icon,...a}=e;return mm(p,{...a,icon:t?"stop":o,className:s(e.className,Si,{"k-listening":t}),"aria-pressed":t?"true":"false","aria-label":t?"Stop listening":"Start listening"})};Be.states=p.states;Be.options=p.options;Be.className=Si;Be.defaultOptions=ki;Be.moduleName=cs;Be.folderName=Mi;import{jsx as eL}from"react/jsx-runtime";import{jsx as nL}from"react/jsx-runtime";import{jsx as xm}from"react/jsx-runtime";var cm=p.states,Ci={...p.defaultOptions,variant:"normal"},um={...p.options,fillMode:p.options.fillMode.filter(e=>e!=="clear"&&e!=="link")},fm=[],bm=[{name:"normal",title:"Normal"},{name:"listening",title:"Listening"}],No=e=>{let{variant:t,...o}={...Ci,...e},a={};return t==="listening"&&(a.listening=!0),xm(Be,{...o,...a})};No.options=um;No.states=cm;No.variants=bm;No.defaultOptions=Ci;No.modifiers=fm;No.className=Be.className;import{jsx as qt,jsxs as us}from"react/jsx-runtime";var lt="k-prompt-box",Nm=[r.hover,r.focus,r.disabled],hm={fillMode:[x.undefined,x.solid,x.flat,x.outline]},fs={lineMode:"auto",isExpanded:!1},be=e=>{let{fillMode:t,lineMode:o=fs.lineMode,startAffix:a,endAffix:n,header:i,isExpanded:l=fs.isExpanded,className:m,children:u,value:f,placeholder:N,generating:g,actionButtonConfig:c,speechToTextButtonConfig:L,uploadButtonConfig:M,hover:k,focus:A,disabled:C,...y}=e,H=o==="multi"\|\|o==="auto"&&l;return us("div",{...y,className:s(m,"k-input",lt,{[`${lt}-singleline`]:o==="single",[`${lt}-multiline`]:H,[`k-input-${t}`]:t,"k-hover":k,"k-focus":A,"k-disabled":C}),children:[i&&qt("div",{className:`${lt}-header`,children:i}),us("div",{className:`${lt}-content`,children:[a&&qt("div",{className:`${lt}-affix`,children:a}),o==="single"?qt(fe,{value:f,placeholder:N,className:`${lt}-input`,type:"text","aria-label":"Prompt input"}):qt(va,{value:f,placeholder:N,className:`${lt}-textarea`,rows:o==="multi"\|\|l?3:1,"aria-label":"Prompt input","aria-multiline":"true"}),us("div",{className:`${lt}-affix`,children:[n,M&&qt($,{icon:"paperclip",size:"small",fillMode:"flat",rounded:"full","aria-label":"Attach files",...M}),L!==!1&&qt(Be,{size:"small",fillMode:"flat",rounded:"full",...L}),qt($,{icon:g?"stop":"arrow-up",size:"small",rounded:"full",active:g,disabled:!f&&!g,"aria-label":g?"Stop generating":"Send prompt","aria-live":"polite",...c,className:s({"k-generating":g},c?.className)})]})]}),u]})};be.states=Nm;be.options=hm;be.className=lt;be.defaultOptions=fs;be.moduleName=ms;be.folderName=Li;import{jsx as yL}from"react/jsx-runtime";import{jsx as BL}from"react/jsx-runtime";import{jsx as _L}from"react/jsx-runtime";import{jsx as zL}from"react/jsx-runtime";import{jsx as VL}from"react/jsx-runtime";import{Fragment as bs,jsx as yt,jsxs as km}from"react/jsx-runtime";var vm=be.options,gm=be.states,Lm={...be.defaultOptions,variant:"Single"},Mm=[{name:"Single",title:"Singleline"},{name:"Multi",title:"Multiline"}],Sm=[{name:"header",title:"Header"},{name:"endAffix",title:"End Affix"},{name:"startAffix",title:"Start Affix"}],ho=e=>{let{variant:t,modifiers:o,...a}=e,n={},i=yt(bs,{children:yt($,{size:"small",icon:"send",fillMode:"flat"})});return Object.keys(o\|\|{}).forEach(l=>{switch(l){case"header":n.header=o?.[l]?yt(p,{children:"Button in header"}):void 0;break;case"endAffix":o?.[l]&&(n.endAffix=km(bs,{children:[i,yt($,{icon:"paperclip",size:"small",fillMode:"flat"})]}));break;case"startAffix":n.startAffix=o?.[l]?yt(bs,{children:yt($,{icon:"plus",size:"small",fillMode:"flat"})}):void 0;break;default:break}}),t==="Multi"?yt(be,{style:{width:300},lineMode:"multi",endAffix:i,placeholder:"Enter your prompt...",...a,...n}):yt(be,{style:{width:300},lineMode:"single",endAffix:i,placeholder:"Enter your prompt...",...a,...n})};ho.options=vm;ho.states=gm;ho.variants=Mm;ho.defaultOptions=Lm;ho.modifiers=Sm;ho.className=be.className;var xs="chat",Ai=xs;import{Fragment as Ii,jsx as Wt,jsxs as ga}from"react/jsx-runtime";var Ei="k-chat",Cm=[],Am={},Em=ga(Ii,{children:[Wt($,{icon:"paperclip",fillMode:"clear",rounded:"full",size:"small","aria-label":"Attach file"},"paperclip"),Wt("div",{className:"k-spacer"})]}),yi={tools:Em},G=e=>{let{header:t,dir:o,suggestedActions:a,files:n,pinned:i,replied:l,generating:m,tools:u=yi.tools,value:f,empty:N,scrollToBottom:g,scrollbar:c,promptBoxProps:L,...M}=e;return ga("div",{...M,className:s(Ei,e.className),dir:o,children:[t,ga("div",{className:"k-message-list",role:"log","aria-label":"Message list","aria-live":"polite",children:[i,Wt("div",{className:s("k-message-list-content",N&&"k-message-list-content-empty"),children:e.children}),g&&Wt("div",{className:"k-chat-scroll-to-bottom-container",children:Wt(vi,{themeColor:"base",icon:"arrow-down",size:"small"})})]}),c&&Wt("div",{className:"k-separator"}),ga("div",{className:"k-message-box-wrapper",children:[a,Wt(be,{lineMode:"multi",placeholder:"Type a message",generating:m,value:f,header:n\|\|l?ga(Ii,{children:[l,n]}):void 0,endAffix:u,...L})]})]})};G.states=Cm;G.options=Am;G.className=Ei;G.defaultOptions=yi;G.moduleName=xs;G.folderName=Ai;var Ns="button",Ti=Ns;import{jsx as Om}from"react/jsx-runtime";var La="k-button-group",ym=[r.disabled],Im={fillMode:[x.undefined,x.solid,x.flat,x.outline,x.clear,x.link]},Tm={},T=e=>{let{fillMode:t,disabled:o,stretched:a,...n}=e;return Om("div",{role:"group",...n,className:s(e.className,La,E(La,{fillMode:t}),S(La,{disabled:o}),{[`${La}-stretched`]:a}),...o&&{"aria-disabled":"true"},children:e.children})};T.states=ym;T.options=Im;T.className=La;T.defaultOptions=Tm;T.moduleName=Ns;T.folderName=Ti;import{Fragment as kM,jsx as SM,jsxs as CM}from"react/jsx-runtime";import{Fragment as OM,jsx as TM,jsxs as BM}from"react/jsx-runtime";import{Fragment as DM,jsx as wM,jsxs as HM}from"react/jsx-runtime";import{Fragment as $M,jsx as VM,jsxs as XM}from"react/jsx-runtime";import{Fragment as QM,jsx as ZM,jsxs as jM}from"react/jsx-runtime";import{Fragment as sS,jsx as nS,jsxs as rS}from"react/jsx-runtime";import{jsx as gt,jsxs as hs}from"react/jsx-runtime";var Bm={...p.options,...T.options},Pm=p.states,Km={...p.defaultOptions,...T.defaultOptions,variant:"text-button"},Rm=[{name:"icon-button",title:"Icon Only"},{name:"text-button",title:"Text"},{name:"icon-text-button",title:"Icon Text"}],_m=[],vo=e=>{let{variant:t,className:o,...a}=e;return t==="icon-button"?hs(T,{fillMode:a.fillMode,className:o,children:[gt(p,{...a,icon:"star"}),gt(p,{...a,icon:"star"}),gt(p,{...a,icon:"star"})]}):t==="icon-text-button"?hs(T,{fillMode:a.fillMode,className:o,children:[gt(p,{...a,icon:"star",children:"First"}),gt(p,{...a,icon:"star",children:"Middle"}),gt(p,{...a,icon:"star",children:"Last"})]}):hs(T,{fillMode:a.fillMode,className:o,children:[gt(p,{...a,children:"First"}),gt(p,{...a,children:"Middle"}),gt(p,{...a,children:"Last"})]})};vo.options=Bm;vo.states=Pm;vo.variants=Rm;vo.defaultOptions=Km;vo.modifiers=_m;vo.className=T.className;var Ma="input",tn=Ma;import{jsx as zm}from"react/jsx-runtime";var on="k-input",wm=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading,r.readonly],Dm={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]},Hm={},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 zm("span",{...g,className:s(e.className,on,E(on,{size:u,rounded:f,fillMode:N}),S(on,{hover:t,focus:o,disabled:a,invalid:n,valid:i,loading:l,readonly:m}))})};J.states=wm;J.options=Dm;J.className=on;J.defaultOptions=Hm;J.moduleName=Ma;J.folderName=tn;import{jsx as Vm}from"react/jsx-runtime";var an="k-picker",Um=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading,r.readonly],Fm={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]},Gm={},pt=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 Vm("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})),children:e.children})};pt.states=Um;pt.options=Fm;pt.className=an;pt.defaultOptions=Gm;pt.moduleName=Ma;pt.folderName=tn;import{Fragment as qm,jsx as vs}from"react/jsx-runtime";var Oi="k-clear-value",$m=[r.disabled,r.loading,r.readonly],Xm={},Pe=e=>{let{disabled:t,loading:o,readonly:a,value:n}=e;return t\|\|a\|\|o\|\|!n?vs(qm,{}):vs("span",{className:s(e.className,Oi),children:vs(v,{icon:"x"})})};Pe.states=$m;Pe.options=Xm;Pe.className=Oi;import{jsx as Bi,jsxs as Ym}from"react/jsx-runtime";var gs="k-input-inner",Wm=[],Jm={},Jt=e=>{let{value:t,placeholder:o,showValue:a,valueIcon:n,valueIconName:i,...l}=e;return Ym("span",{...l,className:s(e.className,gs,E(gs,e)),children:[n,!n&&i&&Bi(v,{className:"k-input-value-icon",icon:i}),a&&!t&&o,a&&t&&Bi("span",{className:"k-input-value-text",children:t})]})};Jt.states=Wm;Jt.options=Jm;Jt.className=gs;import{Fragment as Qm,jsx as Pi}from"react/jsx-runtime";var Ki="k-input-loading-icon",Zm=[r.disabled,r.loading],Ee=e=>{let{disabled:t,loading:o}=e;return t\|\|!o?Pi(Qm,{}):Pi("span",{className:s(e.className,Ki,"k-icon k-i-loading")})};Ee.states=Zm;Ee.className=Ki;import{Fragment as tc,jsx as Ri}from"react/jsx-runtime";var _i="k-input-validation-icon",jm=[r.valid,r.invalid,r.disabled,r.loading],ec={},xe=e=>{let{valid:t,invalid:o,disabled:a,loading:n}=e,i=o?"warning-circle":"check-circle";return a\|\|n\|\|!!!(t\|\|o)?Ri(tc,{}):Ri(v,{className:s(_i),icon:i})};xe.states=jm;xe.options=ec;xe.className=_i;import{Fragment as nc,jsx as wi}from"react/jsx-runtime";var oc="k-input-prefix",ac={direction:"horizontal"},Ue=e=>{let{direction:t=ac.direction,...o}=e;return e.children?wi("span",{...o,className:s(oc,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):wi(nc,{})};import{Fragment as ic,jsx as Di}from"react/jsx-runtime";var sc="k-input-suffix",rc={direction:"horizontal"},Fe=e=>{let{direction:t=rc.direction,...o}=e;return e.children?Di("span",{...o,className:s(sc,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):Di(ic,{})};import{jsx as ek}from"react/jsx-runtime";import{jsx as pc}from"react/jsx-runtime";var lc="k-input-suffix-text",Ls=e=>{let{children:t,...o}=e;return pc("span",{...o,className:s(lc,e.className),children:t})};import{jsx as mc}from"react/jsx-runtime";var Hi="k-input-separator",dc={direction:"vertical"},Ge=e=>{let{direction:t=dc.direction,...o}=e;return mc("span",{...o,className:s(Hi,e.className,{[`${Hi}-${t}`]:t})})};import{Fragment as zi,jsx as dt,jsxs as Ms}from"react/jsx-runtime";var cc=J.states,uc=J.defaultOptions,fc=J.options,bc=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],xc=[],go=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 Ms(J,{...m,valid:o,invalid:a,loading:n,disabled:i,readonly:l,style:{width:300},children:[u&&Ms(zi,{children:[dt(Ue,{children:dt(v,{icon:"lock"})}),c&&dt(Ge,{})]}),dt(fe,{placeholder:"Placeholder",value:"Value"}),g&&dt(xe,{valid:o,invalid:a,loading:n,disabled:i}),dt(Ee,{loading:n,disabled:i}),N&&dt(Pe,{loading:n,disabled:i,readonly:l,value:"Value"}),f&&Ms(zi,{children:[c&&dt(Ge,{}),dt(Fe,{children:dt(at,{size:m.size,fillMode:"clear",children:"Send"})})]})]})};go.options=fc;go.states=cc;go.variants=xc;go.defaultOptions=uc;go.modifiers=bc;go.className=J.className;import{jsx as Ui,jsxs as vc}from"react/jsx-runtime";var Fi="k-color-preview",Nc=[],hc={},It=e=>{let{color:t,iconName:o,...a}=e;return vc("span",{...a,className:s(e.className,Fi,{"k-icon-color-preview":o,"k-no-color":!t}),children:[o&&Ui(v,{icon:o,className:"k-color-preview-icon"}),Ui("span",{className:"k-color-preview-mask",style:{backgroundColor:t}})]})};It.states=Nc;It.options=hc;It.className=Fi;var Ss="popup",Gi=Ss;import{jsx as Vi}from"react/jsx-runtime";var $i="k-animation-container",gc=[],Lc={},ks={positionMode:"absolute",shown:!0},mt=e=>{let{positionMode:t=ks.positionMode,shown:o=ks.shown,animationStyle:a,offset:n,...i}=e;return Vi("div",{...i,style:{...n,...e.style},className:s(e.className,$i,{"k-animation-container-shown":o,"k-animation-container-fixed":t==="fixed"}),children:Vi("div",{className:"k-child-animation-container",style:a,children:e.children})})};mt.states=gc;mt.options=Lc;mt.className=$i;mt.defaultOptions=ks;mt.moduleName=Ss;mt.folderName=Gi;var Cs="popup",Xi=Cs;import{jsx as qi}from"react/jsx-runtime";var Wi="k-popup",Mc=[],Sc={},Ji={positionMode:"absolute"},X=e=>{let{offset:t,positionMode:o=Ji.positionMode,animationStyle:a,containerClassName:n,containerRole:i,containerAriaLabel:l,...m}=e;return qi(mt,{positionMode:o,offset:t,animationStyle:a,className:n,role:i,"aria-label":l,children:qi("div",{...m,className:s(e.className,Wi),children:e.children})})};X.states=Mc;X.options=Sc;X.className=Wi;X.defaultOptions=Ji;X.moduleName=Cs;X.folderName=Xi;var As="action-buttons",Yi=As;import{jsx as Ac}from"react/jsx-runtime";var nn="k-actions",kc=[],Cc={},Es={alignment:"start",orientation:"horizontal"},Ke=e=>{let{alignment:t=Es.alignment,orientation:o=Es.orientation,...a}=e;return Ac("div",{...a,className:s(nn,{[`${nn}-${t}`]:t,[`${nn}-${o}`]:o},e.className),children:e.children})};Ke.states=kc;Ke.options=Cc;Ke.className=nn;Ke.defaultOptions=Es;Ke.moduleName=As;Ke.folderName=Yi;var Zi=Ke;import{jsx as yc}from"react/jsx-runtime";var Ec="k-actionsheet-footer",Qi={alignment:"stretched",orientation:"horizontal"},Tt=e=>{let{alignment:t=Qi.alignment,orientation:o=Qi.orientation,template:a,as:n=a?"div":Ke,...i}=e;return yc(n,{...i,...!a&&{alignment:t,orientation:o},className:s(e.className,Ec),children:e.children})};var ys="searchbox",ji=ys;import{jsx as Sa,jsxs as Oc}from"react/jsx-runtime";var el="k-searchbox",Ic=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading],Tc={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]},sn={showIcon:!0,showClearButton:!0,icon:"search"},Ve=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=sn.showIcon,showClearButton:M=sn.showClearButton,icon:k=sn.icon,"aria-label":A,...C}=e;return Oc(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,el),children:[L&&Sa(v,{className:"k-input-icon",icon:k}),Sa(fe,{placeholder:o,value:t,"aria-label":A}),Sa(Ee,{...e}),Sa(xe,{...e}),M&&Sa(Pe,{...e})]})};Ve.states=Ic;Ve.options=Tc;Ve.className=el;Ve.defaultOptions=sn;Ve.moduleName=ys;Ve.folderName=ji;import{jsx as CC}from"react/jsx-runtime";var Is="textbox",tl=Is;import{Fragment as ol,jsx as Ot,jsxs as Ts}from"react/jsx-runtime";var al="k-textbox",Bc=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading,r.readonly],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={showClearButton:!0,showValidationIcon:!0,separators:!0},de=e=>{let{size:t,rounded:o,fillMode:a,separators:n=rn.separators,showClearButton:i=rn.showClearButton,showValidationIcon:l=rn.showValidationIcon,prefix:m,suffix:u,type:f,value:N,placeholder:g,hover:c,focus:L,valid:M,invalid:k,required:A,loading:C,disabled:y,readonly:H,id:le,"aria-label":Ae,"aria-describedby":pe,...ue}=e;return Ts(J,{...ue,size:t,rounded:o,fillMode:a,hover:c,focus:L,valid:M,invalid:k,required:A,loading:C,disabled:y,readonly:H,className:s(e.className,al),children:[m&&Ts(ol,{children:[Ot(Ue,{children:m}),n&&Ot(Ge,{})]}),Ot(fe,{id:le,placeholder:g,value:N,type:f,disabled:y,"aria-label":Ae,"aria-describedby":pe,"aria-invalid":k?"true":void 0}),l&&Ot(xe,{valid:M,invalid:k,loading:C,disabled:y}),Ot(Ee,{loading:C,disabled:y}),i&&Ot(Pe,{loading:C,disabled:y,readonly:H,value:N}),u&&Ts(ol,{children:[n&&Ot(Ge,{}),Ot(Fe,{children:u})]})]})};de.states=Bc;de.options=Pc;de.className=al;de.defaultOptions=rn;de.moduleName=Is;de.folderName=tl;var ka=de;import{jsx as Kc}from"react/jsx-runtime";var ln=e=>Kc(ka,{...e});import{Fragment as GC,jsx as FC}from"react/jsx-runtime";import{Fragment as JC,jsx as WC}from"react/jsx-runtime";import{jsx as jC}from"react/jsx-runtime";import{jsx as Os}from"react/jsx-runtime";var Rc=de.states,_c=de.defaultOptions,wc=de.options,Dc=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],Hc=[],Lo=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(n=>{switch(n){case"prefix":a.prefix=t?.[n]?Os(v,{icon:"lock"}):void 0;break;case"suffix":a.suffix=t?.[n]?Os(at,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":a.showClearButton=t?.[n];break;default:break}}),Os(ln,{value:"Value",style:{width:300},...o,...a})};Lo.options=wc;Lo.states=Rc;Lo.variants=Hc;Lo.defaultOptions=_c;Lo.modifiers=Dc;Lo.className=de.className;import{jsx as Bt,jsxs as Bs}from"react/jsx-runtime";var nl="k-actionsheet-titlebar",zc={},Ne=e=>{let{title:t,subtitle:o,actionsStart:a,actionsEnd:n,filter:i,input:l,inputValue:m,inputPlaceholder:u,adaptive:f,titleId:N,children:g,...c}=e;return Bs("div",{...c,className:s(e.className,nl),children:[Bs("div",{className:"k-actionsheet-titlebar-group",children:[a&&Bt("div",{className:"k-actionsheet-actions",children:a}),!g&&Bs("div",{className:"k-actionsheet-title",id:N,children:[t&&Bt("div",{className:"k-text-center",children:t}),o&&Bt("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),g&&Bt("div",{className:"k-actionsheet-title",id:N,children:g}),n&&Bt("div",{className:"k-actionsheet-actions",children:n})]}),(l\|\|i)&&Bt("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:l?Bt(de,{value:m,placeholder:u,size:f?"large":"medium","aria-label":t\|\|u\|\|"Input"}):Bt(Ve,{placeholder:"Filter",size:f?"large":"medium","aria-label":"Filter options"})})]})};Ne.className=nl;Ne.defaultOptions=zc;import{jsx as Ps,jsxs as Vc}from"react/jsx-runtime";var Ks="k-actionsheet-view",Uc=[],Fc={},Gc={},Mo=e=>{let{adaptive:t,animated:o,children:a,header:n,footer:i,titleId:l,...m}=e,u=n?.type===Ne&&Ps(Ne,{adaptive:t,titleId:l,...n?.props}),f=i?.type===Tt&&Ps(Tt,{...i?.props});return Vc("div",{...m,className:s(e.className,Ks,{[`${Ks}-animated`]:o}),children:[u,Ps("div",{className:"k-actionsheet-content",children:a}),f]})};Mo.states=Uc;Mo.options=Fc;Mo.className=Ks;Mo.defaultOptions=Gc;var Ca="action-sheet",pn=Ca;var Rs="overlay",sl=Rs;import{jsx as Wc}from"react/jsx-runtime";var rl="k-overlay",$c=[],Xc={},qc={},ct=e=>{let{...t}=e;return Wc("div",{...t,className:s(e.className,rl),children:e.children})};ct.states=$c;ct.options=Xc;ct.className=rl;ct.defaultOptions=qc;ct.moduleName=Rs;ct.folderName=sl;import{jsx as dn,jsxs as Zc}from"react/jsx-runtime";var il="k-actionsheet",Jc=[],Yc={},Aa={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},Y=e=>{let{side:t=Aa.side,fullscreen:o=Aa.fullscreen,adaptive:a=Aa.adaptive,overlay:n=Aa.overlay,template:i,children:l,header:m,footer:u,id:f,...N}=e,g=f&&!i&&m?`${f}-title`:void 0;return Zc("div",{className:"k-actionsheet-container",children:[n&&dn(ct,{}),dn(mt,{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:dn("div",{...N,id:f,role:"dialog","aria-modal":n?"true":void 0,"aria-labelledby":g,className:s(e.className,il,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":a}),children:i\|\|dn(Mo,{header:m,footer:u,adaptive:a,titleId:g,...e,children:l})})})]})};Y.states=Jc;Y.options=Yc;Y.className=il;Y.defaultOptions=Aa;Y.moduleName=Ca;Y.folderName=pn;import{jsx as tu}from"react/jsx-runtime";var ll="k-actionsheet-container",Qc=[],jc={},eu={},So=e=>{let{children:t,...o}=e;return tu("div",{...o,className:ll,children:t})};So.states=Qc;So.options=jc;So.className=ll;So.defaultOptions=eu;So.moduleName=Ca;So.folderName=pn;import{jsx as ou}from"react/jsx-runtime";var _s=e=>{let{...t}=e;return ou("div",{...t,className:s(e.className,"k-list-ul"),children:e.children})};import{Fragment as nu,jsx as Ea,jsxs as ws}from"react/jsx-runtime";var Ds="k-actionsheet-item",au=[r.hover,r.focus,r.selected,r.disabled],Pt=e=>{let{iconName:t,text:o,description:a,hover:n,focus:i,selected:l,disabled:m,...u}=e;return ws("span",{...u,className:s(e.className,Ds,S(Ds,{hover:n,focus:i,selected:l,disabled:m})),children:[!e.children&&Ea(nu,{children:ws("span",{className:"k-actionsheet-action",children:[t&&Ea("span",{className:"k-icon-wrap",children:Ea(v,{className:"k-actionsheet-item-icon",icon:t})}),ws("span",{className:"k-actionsheet-item-text",children:[o&&Ea("span",{className:"k-actionsheet-item-title",children:o}),a&&Ea("span",{className:"k-actionsheet-item-description",children:a})]})]})}),e.children]})};Pt.states=au;Pt.className=Ds;import{jsx as QA,jsxs as jA}from"react/jsx-runtime";import{jsx as aE}from"react/jsx-runtime";import{jsx as iE}from"react/jsx-runtime";import{jsx as mE}from"react/jsx-runtime";import{jsx as se,jsxs as Hs}from"react/jsx-runtime";var su=Y.options,ru=Y.states,dl={...Y.defaultOptions,variant:"normal"},iu=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],lu=[{name:"actions",title:"Titlebar Actions",type:"boolean"},{name:"subtitle",title:"Subtitle",type:"boolean"},{name:"footer",title:"Footer",type:"boolean"}],ko=e=>{let{variant:t,modifiers:o,...a}={...dl,...e},n={},i=Hs(_s,{children:[se(Pt,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),se(Pt,{text:"Add to Favorites",iconName:"heart"}),se(Pt,{text:"Upload New",iconName:"upload",disabled:!0}),se("hr",{className:"k-hr"}),se(Pt,{text:"Cancel",iconName:"cancel"})]}),l="Choose from the items below",m="Select Item";return t==="fullScreen"&&(n.fullScreen=!0),Object.keys(o\|\|{}).forEach(u=>{switch(u){case"actions":n.actionsStart=!!o?.[u],n.actionsEnd=!!o?.[u];break;case"subtitle":n.subtitle=o?.[u]?l:void 0;break;case"footer":n.footer=!!o?.[u];break;default:break}}),t==="adaptive"?se(Y,{...a,adaptive:!0,fullscreen:n.fullScreen,header:se(Ne,{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?Hs(Tt,{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(Ne,{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?Hs(Tt,{alignment:"stretched",children:[se(p,{text:"Apply",themeColor:"primary"}),se(p,{text:"Cancel",themeColor:"base"})]}):void 0,children:i})};ko.options=su;ko.states=ru;ko.variants=iu;ko.defaultOptions=dl;ko.modifiers=lu;ko.className=Y.className;var zs="slider",ml=zs;import{jsx as Co,jsxs as Us}from"react/jsx-runtime";var ya="k-slider",pu=[r.hover,r.focus,r.active,r.disabled,r.readonly],du={},$e={type:"single",orientation:"horizontal",gradientType:"1d",readonly:!1,disabled:!1,handlePosition:"end",showButtons:!0,showTicks:!0,value:50,min:0,max:100},V=e=>{let{type:t=$e.type,orientation:o=$e.orientation,gradientType:a=$e.gradientType,readonly:n=$e.readonly,disabled:i=$e.disabled,handlePosition:l=$e.handlePosition,showButtons:m=$e.showButtons,showTicks:u=$e.showTicks,value:f=$e.value,min:N=$e.min,max:g=$e.max,startValue:c,endValue:L,hover:M,focus:k,active:A,trackStyle:C,dir:y,...H}=e,Ae=(()=>{if(t==="gradient"&&a==="2d")return"undefined";if(o==="vertical")return"vertical"})(),pe,ue;return o==="horizontal"?(pe=y==="rtl"?"chevron-left":"chevron-right",ue=y==="rtl"?"chevron-right":"chevron-left"):o==="vertical"&&(pe="chevron-up",ue="chevron-down"),Us("div",{...H,className:s(ya,e.className,S(ya,{readonly:n,disabled:i}),{[`k-slider-${o}`]:o,"k-colorgradient-slider":t==="gradient"}),dir:y,children:[m&&Co(p,{className:"k-button-decrease",rounded:"full",icon:ue,tabIndex:-1,title:"Decrease"}),Us("div",{className:"k-slider-track-wrap",children:[u&&Co("ul",{className:"k-reset k-slider-items","aria-hidden":"true",children:e.children}),Us("div",{className:"k-slider-track",style:C,children:[Co("div",{className:"k-slider-selection"}),t==="range"&&Co("span",{className:s("k-draghandle","k-draghandle-start",S(ya,{hover:M,focus:k,active:A})),role:"slider",tabIndex:i?void 0:0,"aria-valuenow":c??N,"aria-valuemin":N,"aria-valuemax":L??g,"aria-orientation":Ae,"aria-disabled":i?"true":void 0,"aria-readonly":n?"true":void 0,"aria-label":H["aria-label"]?`${H["aria-label"]} start`:"Range start"}),Co("span",{className:s("k-draghandle",`k-draghandle-${l}`,S(ya,{hover:M,focus:k,active:A})),role:"slider",tabIndex:i?void 0:0,"aria-valuenow":t==="range"?L??g:f,"aria-valuemin":t==="range"?c??N:N,"aria-valuemax":g,"aria-orientation":Ae,"aria-disabled":i?"true":void 0,"aria-readonly":n?"true":void 0,"aria-label":t==="range"?H["aria-label"]?`${H["aria-label"]} end`:"Range end":H["aria-label"]})]})]}),m&&Co(p,{className:"k-button-increase",rounded:"full",icon:pe,tabIndex:-1,title:"Increase"})]})};V.states=pu;V.options=du;V.className=ya;V.defaultOptions=$e;V.moduleName=zs;V.folderName=ml;import{jsx as cl}from"react/jsx-runtime";var ul="k-tick",mu=[],cu={},fl={label:!1},I=e=>{let{style:t,label:o=fl.label,orientation:a,large:n,text:i,...l}=e;return cl("li",{...l,role:"presentation",title:i\|\|"Tick",className:s(e.className,ul,{[`k-tick-${a}`]:a,"k-tick-large":n}),style:t,children:o&&cl("span",{className:"k-label",children:i})})};I.states=mu;I.options=cu;I.className=ul;I.defaultOptions=fl;import{Fragment as uu,jsx as Xe,jsxs as fu}from"react/jsx-runtime";var bl=e=>Xe(V,{"aria-label":e["aria-label"]\|\|"Slider",children:fu(uu,{children:[Xe(I,{className:"k-first",label:!0,large:!0,text:"0"}),Xe(I,{}),Xe(I,{}),Xe(I,{}),Xe(I,{}),Xe(I,{label:!0,large:!0,text:"5"}),Xe(I,{}),Xe(I,{}),Xe(I,{}),Xe(I,{}),Xe(I,{className:"k-last",label:!0,large:!0,text:"10"})]}),...e});import{Fragment as bu,jsx as qe,jsxs as xu}from"react/jsx-runtime";var xl=e=>qe(V,{children:xu(bu,{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"})]}),"aria-label":e["aria-label"]\|\|"Vertical slider",...e,orientation:"vertical"});import{Fragment as jE,jsx as QE,jsxs as ey}from"react/jsx-runtime";import{Fragment as sy,jsx as ny,jsxs as ry}from"react/jsx-runtime";import{jsx as Nu}from"react/jsx-runtime";var Fs=e=>Nu(V,{type:"gradient",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]\|\|"Color slider"});import{jsx as hu}from"react/jsx-runtime";var Gs=e=>hu(V,{type:"gradient",orientation:"vertical",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]\|\|"Color slider"});import{Fragment as Ny,jsx as xy,jsxs as hy}from"react/jsx-runtime";import{Fragment as Sy,jsx as My,jsxs as ky}from"react/jsx-runtime";import{jsx as ut,jsxs as Nl}from"react/jsx-runtime";var vu=V.options,gu=V.states,hl={...V.defaultOptions,variant:"horizontal",label:!0},Lu=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],Mu=[{name:"label",title:"Labels",default:!0},{name:"tick",title:"Ticks",default:!0},{name:"button",title:"Side Buttons",default:!0}],Ao=e=>{let{variant:t,modifiers:o,...a}=e,n=hl.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"?Nl(xl,{style:{height:"300px",...l},...a,...i,children:[ut(I,{label:n,large:!0,orientation:"vertical",text:"0",style:{position:"absolute",bottom:"0%"}}),ut(I,{label:n,large:!0,orientation:"vertical",text:"2",style:{position:"absolute",bottom:"25%"}}),ut(I,{label:n,large:!0,orientation:"vertical",text:"4",style:{position:"absolute",bottom:"50%"}}),ut(I,{label:n,large:!0,orientation:"vertical",text:"6",style:{position:"absolute",bottom:"75%"}}),ut(I,{label:n,large:!0,orientation:"vertical",text:"8",style:{position:"absolute",bottom:"100%"}})]}):Nl(bl,{style:{width:"400px",...l},...a,...i,children:[ut(I,{label:n,large:!0,orientation:"horizontal",text:"0",style:{position:"absolute",left:"0%"}}),ut(I,{label:n,large:!0,orientation:"horizontal",text:"2",style:{position:"absolute",left:"25%"}}),ut(I,{label:n,large:!0,orientation:"horizontal",text:"4",style:{position:"absolute",left:"50%"}}),ut(I,{label:n,large:!0,orientation:"horizontal",text:"6",style:{position:"absolute",left:"75%"}}),ut(I,{label:n,large:!0,orientation:"horizontal",text:"8",style:{position:"absolute",left:"100%"}})]})};Ao.options=vu;Ao.states=gu;Ao.variants=Lu;Ao.defaultOptions=hl;Ao.modifiers=Mu;Ao.className=V.className;import{jsx as vl,jsxs as Eu}from"react/jsx-runtime";var gl="k-spin-button",Cu=[],Au={size:[d.undefined,d.small,d.medium,d.large],fillMode:[x.undefined,x.solid,x.flat,x.outline,x.clear,x.link]},Vs={increaseLabel:"Increase value",decreaseLabel:"Decrease value"},Kt=e=>{let{size:t,fillMode:o,disabled:a,increaseLabel:n=Vs.increaseLabel,decreaseLabel:i=Vs.decreaseLabel,...l}=e;return Eu("span",{...l,className:s(gl,e.className),children:[vl(p,{className:"k-spinner-increase",icon:"chevron-up",size:t,fillMode:o,disabled:a,"aria-label":n}),vl(p,{className:"k-spinner-decrease",icon:"chevron-down",size:t,fillMode:o,disabled:a,"aria-label":i})]})};Kt.states=Cu;Kt.options=Au;Kt.className=gl;Kt.defaultOptions=Vs;Kt.moduleName=null;Kt.folderName=null;var Ll="numeric-textbox",Ml="numerictextbox";import{Fragment as Sl,jsx as Lt,jsxs as $s}from"react/jsx-runtime";var kl="k-numerictextbox",yu=[r.hover,r.focus,r.valid,r.invalid,r.loading,r.required,r.disabled,r.readonly],Iu={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[x.undefined,x.solid,x.flat,x.outline]},mn={showSpinButton:!0,showClearButton:!0,separators:!0},w=e=>{let{size:t,rounded:o,fillMode:a,separators:n=mn.separators,showClearButton:i=mn.showClearButton,showSpinButton:l=mn.showSpinButton,prefix:m,suffix:u,value:f,placeholder:N,hover:g,focus:c,valid:L,invalid:M,required:k,loading:A,disabled:C,readonly:y,id:H,"aria-label":le,"aria-describedby":Ae,...pe}=e;return $s(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,kl),children:[m&&$s(Sl,{children:[Lt(Ue,{children:m}),n&&Lt(Ge,{})]}),Lt(fe,{id:H,placeholder:N,value:f,role:"spinbutton",disabled:C,"aria-label":le,"aria-describedby":Ae,"aria-invalid":M?"true":void 0}),Lt(xe,{valid:L,invalid:M,loading:A,disabled:C}),Lt(Ee,{loading:A,disabled:C}),i&&Lt(Pe,{loading:A,disabled:C,readonly:y,value:f}),u&&$s(Sl,{children:[n&&Lt(Ge,{}),Lt(Fe,{children:u})]}),l&&Lt(Kt,{className:"k-input-spinner",size:t,fillMode:a,disabled:C})]})};w.states=yu;w.options=Iu;w.className=kl;w.defaultOptions=mn;w.moduleName=Ll;w.folderName=Ml;var Ia=w;import{jsx as Tu}from"react/jsx-runtime";var Cl=e=>Tu(Ia,{...e});import qs from"react";import{jsx as Al}from"react/jsx-runtime";var Ou="k-list-group-sticky-header",Xs=e=>Al("div",{className:s(Ou,e.className),children:Al("div",{className:"k-list-header-text",children:e.children})});import{jsx as Pu}from"react/jsx-runtime";var Bu="k-no-data",cn=e=>{let{live:t,...o}=e;return Pu("span",{...o,className:s(Bu,e.className),"aria-live":t?"polite":void 0,children:e.children})};var Yt="list",Eo=Yt;import{jsx as El,jsxs as yl}from"react/jsx-runtime";var Ws="k-list",Ku=[],Ru={size:[d.undefined,d.small,d.medium,d.large]},_u={},K=e=>{let{size:t,virtualization:o,children:a,header:n,selectAll:i,optionLabel:l,customValue:m,noData:u,screenReaders:f,...N}=e,c=qs.Children.toArray(a)[0],L=c?.props?.children?qs.Children.count(c.props.children):qs.Children.count(a);return yl("div",{...N,className:s(e.className,Ws,E(Ws,{size:t}),{"k-virtual-list":o}),children:[l,i,m,n&&El(Xs,{children:n}),a\|\|(u!==void 0?u:El(cn,{live:!0,children:"No data found."})),f&&a&&yl(cn,{className:"k-sr-only",live:!0,children:[L," items found."]})]})};K.states=Ku;K.options=Ru;K.className=Ws;K.defaultOptions=_u;K.moduleName=Yt;K.folderName=Eo;import{jsx as zu}from"react/jsx-runtime";var Il="k-list-container",wu=[],Du={},Hu={},yo=e=>{let{...t}=e;return zu("div",{...t,className:s(e.className,Il),children:e.children})};yo.states=wu;yo.options=Du;yo.className=Il;yo.defaultOptions=Hu;yo.moduleName=Yt;yo.folderName=Eo;var Zt="checkbox",Io=Zt;import{jsx as Tl}from"react/jsx-runtime";var un="k-checkbox",Uu=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.checked,r.indeterminate],Fu={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full]},Gu={},Re=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 Tl("span",{className:"k-checkbox-wrap",role:c,children:Tl("input",{...L,id:t,type:"checkbox",defaultChecked:o,required:f,disabled:l\|\|void 0,"aria-invalid":m?"true":void 0,className:s(e.className,un,E(un,{size:N,rounded:g}),S(un,{hover:n,focus:i,disabled:l,invalid:m,valid:u,indeterminate:a,checked:o}))})})};Re.states=Uu;Re.options=Fu;Re.className=un;Re.defaultOptions=Gu;Re.moduleName=Zt;Re.folderName=Io;var nt=Re;import{jsx as Xu}from"react/jsx-runtime";var Ol="k-checkbox-list",Vu=[],$u={},Bl={layout:"vertical"},he=e=>{let{layout:t=Bl.layout,...o}=e;return Xu("ul",{...o,className:s(e.className,Ol,{[`k-list-${t}`]:t}),children:e.children})};he.states=Vu;he.options=$u;he.className=Ol;he.defaultOptions=Bl;he.moduleName=Zt;he.folderName=Io;import{jsx as Yu}from"react/jsx-runtime";var Pl="k-checkbox-list-item",qu=[],Wu={},Ju={},ve=e=>{let{...t}=e;return Yu("li",{...t,className:s(e.className,Pl),children:e.children})};ve.states=qu;ve.options=Wu;ve.className=Pl;ve.defaultOptions=Ju;ve.moduleName=Zt;ve.folderName=Io;import{Fragment as Zu,jsx as Kl,jsxs as Qu}from"react/jsx-runtime";var Mt=({children:e="Label",id:t="cb-label-after",...o})=>Qu(Zu,{children:[Kl(nt,{id:t,...o}),Kl("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});import{Fragment as WI,jsx as qI,jsxs as JI}from"react/jsx-runtime";import{Fragment as eT,jsx as jI,jsxs as tT}from"react/jsx-runtime";import{Fragment as rT,jsx as sT,jsxs as iT}from"react/jsx-runtime";import{jsx as mT}from"react/jsx-runtime";import{jsx as bT}from"react/jsx-runtime";import{jsx as vT}from"react/jsx-runtime";import{jsx as We,jsxs as Rl}from"react/jsx-runtime";var ju=he.options,ef=he.states,tf={...he.defaultOptions,variant:"vertical"},of=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],af=[],To=e=>{let{variant:t,...o}=e;return t==="horizontal"?Rl(he,{layout:"horizontal",...o,children:[We(ve,{children:We(Mt,{id:B("cb"),defaultChecked:!0,children:"Label"})}),We(ve,{children:We(Mt,{id:B("cb"),children:"Label"})}),We(ve,{children:We(Mt,{id:B("cb"),children:"Label"})})]}):Rl(he,{...o,children:[We(ve,{children:We(Mt,{id:B("cb"),defaultChecked:!0,children:"Label"})}),We(ve,{children:We(Mt,{id:B("cb"),children:"Label"})}),We(ve,{children:We(Mt,{id:B("cb"),children:"Label"})})]})};To.options=ju;To.states=ef;To.variants=of;To.defaultOptions=tf;To.modifiers=af;To.className=he.className;import{jsx as df}from"react/jsx-runtime";var nf=nt.options,sf=nt.states,rf=nt.defaultOptions,lf=[],pf=[],Oo=e=>df(Mt,{id:B("checkbox"),...e,defaultChecked:!0,children:"Label"});Oo.options=nf;Oo.states=sf;Oo.variants=lf;Oo.defaultOptions=rf;Oo.modifiers=pf;Oo.className=nt.className;import{jsx as Bo,jsxs as ff}from"react/jsx-runtime";var Js="k-list-item",mf=[r.hover,r.focus,r.selected,r.disabled],cf={},uf={},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 ff("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,Js,S(Js,{hover:l,focus:m,disabled:f,selected:u})),children:[n&&Bo(Re,{checked:i,disabled:f,"aria-label":k,tabIndex:-1}),o&&Bo("span",{className:"k-list-item-icon-wrapper",children:Bo(v,{icon:o,className:s("k-list-item-icon",a)})}),Bo("span",{className:"k-list-item-text",children:M}),N&&Bo("div",{className:"k-list-item-actions",children:N}),g&&Bo("span",{className:"k-list-item-description",children:g})]})};O.states=mf;O.options=cf;O.className=Js;O.defaultOptions=uf;O.moduleName=Yt;O.folderName=Eo;import{jsx as xf}from"react/jsx-runtime";var bf="k-list-ul",Rt=e=>{let{children:t,role:o,id:a,...n}=e;return xf("ul",{...n,id:a,role:o,className:s(bf,e.className),children:t})};import{jsx as Ys,jsxs as hf}from"react/jsx-runtime";var Nf="k-list-content",z=e=>{let{virtualization:t,grouping:o,"aria-label":a,"aria-labelledby":n,listboxId:i,...l}=e;return hf("div",{...l,className:s(Nf,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:Ys(Rt,{role:"listbox",id:i,"aria-label":a,"aria-labelledby":n,children:e.children}),t&&Ys("div",{className:"k-height-container",children:Ys("div",{})})]})};import{jsx as Zs,jsxs as Mf}from"react/jsx-runtime";var fn="k-list-sticky-header",vf=[r.hover,r.focus,r.selected],gf={},Lf={},bn=e=>{let{label:t="Select all",showCheckbox:o=!0,checked:a,indeterminate:n,hover:i,focus:l,selected:m,...u}=e;return Zs("div",{...u,className:s(fn,e.className),children:Mf("div",{className:s(`${fn}-item`,S(`${fn}-item`,{hover:i,focus:l,selected:m})),"aria-label":t,...!o&&{tabIndex:0,"aria-selected":m?"true":"false"},children:[o&&Zs(Re,{checked:a,indeterminate:n,"aria-label":t}),Zs("span",{className:"k-list-item-text",children:t})]})})};bn.states=vf;bn.options=gf;bn.className=fn;bn.defaultOptions=Lf;import{Fragment as uO,jsx as cO,jsxs as fO}from"react/jsx-runtime";import{jsx as vO,jsxs as gO}from"react/jsx-runtime";import{jsx as Af}from"react/jsx-runtime";var Qs="k-list-optionlabel",Sf=[r.hover,r.focus,r.selected,r.disabled],kf={},Cf={},xn=e=>{let{text:t,hover:o,focus:a,selected:n,disabled:i,...l}=e;return Af("div",{...l,className:s(Qs,S(Qs,{hover:o,focus:a,selected:n,disabled:i})),children:t})};xn.states=Sf;xn.options=kf;xn.className=Qs;xn.defaultOptions=Cf;import{jsx as Tf}from"react/jsx-runtime";var js="k-list-custom-value",Ef=[r.hover,r.focus,r.selected,r.disabled],yf={},If={},_t=e=>{let{text:t,hover:o,focus:a,selected:n,disabled:i,...l}=e;return Tf("div",{...l,className:s(js,S(js,{hover:o,focus:a,selected:n,disabled:i})),children:t})};_t.states=Ef;_t.options=yf;_t.className=js;_t.defaultOptions=If;import{Fragment as BO,jsx as OO,jsxs as PO}from"react/jsx-runtime";import{Fragment as HO,jsx as DO,jsxs as zO}from"react/jsx-runtime";import{Fragment as qO,jsx as $O,jsxs as XO}from"react/jsx-runtime";import{Fragment as eB,jsx as QO,jsxs as jO}from"react/jsx-runtime";import{jsx as nB}from"react/jsx-runtime";import{Fragment as dB,jsx as pB,jsxs as mB}from"react/jsx-runtime";import{Fragment as NB,jsx as xB,jsxs as hB}from"react/jsx-runtime";var _l="dropdown-list",wl="dropdownlist";import{Fragment as Pf,jsx as ge,jsxs as er}from"react/jsx-runtime";var Dl="k-dropdownlist",Of=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading,r.readonly],Bf={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]},tr={showValue:!0,arrowIconName:"chevron-down"},ne=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:n=tr.arrowIconName,showValue:i=tr.showValue,valueIconName:l,prefix:m,suffix:u,value:f,placeholder:N,hover:g,focus:c,valid:L,invalid:M,required:k,loading:A,disabled:C,readonly:y,popup:H,opened:le,adaptive:Ae,adaptiveSettings:pe,adaptiveTitle:ue,adaptiveSubtitle:Jn,adaptiveFilter:$t,id:Xt,activeDescendant:ua,"aria-label":Yn,...Zn}=e,Qn=Xt?`${Xt}-listbox`:void 0,ni=Xt?`${Xt}-value`:void 0;return er(Pf,{children:[er(pt,{...Zn,id:Xt,size:t,rounded:o,fillMode:a,hover:g,focus:c,valid:L,invalid:M,required:k,loading:A,disabled:C,readonly:y,className:s(e.className,Dl,{"k-icon-picker":!i&&l}),role:"combobox","aria-haspopup":"listbox","aria-expanded":le?"true":"false","aria-controls":le?Qn:void 0,"aria-activedescendant":le&&ua?ua:void 0,"aria-describedby":le?ni:void 0,"aria-disabled":C?"true":void 0,"aria-label":Yn,tabIndex:0,children:[ge(Ue,{children:m}),ge(Jt,{placeholder:N,value:f,showValue:i,valueIconName:l,id:ni}),ge(xe,{valid:L,invalid:M,loading:A,disabled:C}),ge(Ee,{loading:A,disabled:C}),ge(Fe,{children:u}),ge(p,{className:"k-input-button",icon:n,size:e.size,fillMode:e.fillMode,"aria-label":N\|\|"Toggle dropdown",tabIndex:-1})]}),le&&H&&ge(X,{className:"k-list-container k-dropdownlist-popup",containerRole:"region",containerAriaLabel:"Dropdown suggestions",children:H}),Ae&&ge(Y,{adaptive:!0,...pe,header:ge(Ne,{actionsEnd:ge(p,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),filter:$t,inputValue:f,inputPlaceholder:N,title:ue,subtitle:Jn}),children:ge("div",{className:"k-list-container",children:ge(K,{size:"large",children:er(z,{"aria-label":"Options",children:[ge(O,{text:"List item"}),ge(O,{text:"List item"}),ge(O,{text:"List item"})]})})})})]})};ne.states=Of;ne.options=Bf;ne.className=Dl;ne.defaultOptions=tr;ne.moduleName=_l;ne.folderName=wl;import{jsx as jB}from"react/jsx-runtime";import{jsx as sP,jsxs as rP}from"react/jsx-runtime";import{Fragment as bP,jsx as uP,jsxs as fP}from"react/jsx-runtime";import{jsx as gP}from"react/jsx-runtime";import{jsx as AP,jsxs as EP}from"react/jsx-runtime";import{Fragment as _P,jsx as KP,jsxs as RP}from"react/jsx-runtime";import{jsx as UP}from"react/jsx-runtime";import{Fragment as Hf,jsx as wt,jsxs as Hl}from"react/jsx-runtime";var Kf=ne.states,Rf=ne.defaultOptions,_f=ne.options,wf=[{name:"opened",title:"Opened"}],Df=[],Ko=e=>{let{modifiers:t,...o}=e,a={},n=Hl(Hf,{children:[wt("div",{className:"k-list-filter",children:wt(Ve,{})}),wt(K,{style:{width:300},size:o.size,children:Hl(z,{children:[wt(O,{children:"List item"}),wt(O,{children:"List item"}),wt(O,{children:"List item"})]})})]});return Object.keys(t\|\|{}).forEach(i=>{i==="opened"&&(a.opened=!!t?.[i],a.popup=t?.[i]?n:void 0)}),wt("div",{children:wt(ne,{placeholder:"Value",style:{width:300},...o,...a})})};Ko.options=_f;Ko.states=Kf;Ko.variants=Df;Ko.defaultOptions=Rf;Ko.modifiers=wf;Ko.className=ne.className;import{Fragment as pK,jsx as lK}from"react/jsx-runtime";import{Fragment as bK,jsx as fK}from"react/jsx-runtime";import{jsx as vK}from"react/jsx-runtime";import{jsx as or}from"react/jsx-runtime";var zf=w.states,Uf=w.defaultOptions,Ff=w.options,Gf=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"spin-button",title:"`Spin` Button"}],Vf=[],Ro=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(n=>{switch(n){case"prefix":a.prefix=t?.[n]?or(ne,{size:o.size,fillMode:"flat",value:"mm"}):void 0;break;case"suffix":a.suffix=t?.[n]?or(Ls,{children:"mm"}):void 0;break;case"clear-button":a.showClearButton=t?.[n];break;case"spin-button":a.showSpinButton=t?.[n];break;default:break}}),or(Cl,{value:"Value",style:{width:300},...o,...a})};Ro.options=Ff;Ro.states=zf;Ro.variants=Vf;Ro.defaultOptions=Uf;Ro.modifiers=Gf;Ro.className=w.className;import{Fragment as Oa,jsx as P,jsxs as Z}from"react/jsx-runtime";var zl="k-colorgradient-inputs",$f=[],Xf={size:[d.undefined,d.small,d.medium,d.large]},Ul={mode:"rgba"},_o=e=>{let{mode:t=Ul.mode,size:o,...a}=e;return Z("div",{...a,className:s(zl,"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(Oa,{children:[Z("div",{className:"k-vstack",children:[P(w,{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(w,{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(w,{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(w,{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(Oa,{children:[Z("div",{className:"k-vstack",children:[P(w,{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(w,{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(w,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Blue channel"}),P("label",{className:"k-colorgradient-input-label",children:"B"})]})]}),t==="hsva"&&Z(Oa,{children:[Z("div",{className:"k-vstack",children:[P(w,{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(w,{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(w,{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(w,{showSpinButton:!1,showClearButton:!1,value:"1.00","aria-label":"Alpha channel"}),P("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="hsv"&&Z(Oa,{children:[Z("div",{className:"k-vstack",children:[P(w,{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(w,{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(w,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),P("label",{className:"k-colorgradient-input-label",children:"V"})]})]}),t==="hex"&&P(Oa,{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"})]})})]})};_o.states=$f;_o.options=Xf;_o.className=zl;_o.defaultOptions=Ul;import{jsx as Qt,jsxs as jt}from"react/jsx-runtime";var Fl="k-colorgradient-color-contrast",qf=[],Wf={},Jf={},wo=()=>jt("div",{className:s(Fl,"k-vbox"),children:[jt("div",{className:"k-contrast-ratio",children:[Qt("span",{className:"k-contrast-ratio-text",children:"Contrast ratio: 7.1"}),jt("span",{className:"k-contrast-validation !k-text-success",children:[Qt(v,{icon:"check"}),Qt(v,{icon:"check"})]})]}),jt("div",{children:[Qt("span",{children:"AA: 4.5"}),jt("span",{className:"k-contrast-validation !k-text-success",children:["Pass",Qt(v,{icon:"check"})]})]}),jt("div",{children:[Qt("span",{children:"AAA: 7.0"}),jt("span",{className:"k-contrast-validation !k-text-error",children:["Fail",Qt(v,{icon:"x"})]})]})]});wo.states=qf;wo.options=Wf;wo.className=Fl;wo.defaultOptions=Jf;var Gl="color-gradient",Vl="colorgradient";import{jsx as Je,jsxs as Ba}from"react/jsx-runtime";var Nn="k-colorgradient",Yf=[r.hover,r.focus,r.readonly,r.disabled],Zf={size:[d.undefined,d.small,d.medium,d.large]},ft={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=ft.mode,readonly:a=ft.readonly,disabled:n=ft.disabled,gradientStyle:i=ft.gradientStyle,dragHandleStyle:l=ft.dragHandleStyle,alphaStyle:m=ft.alphaStyle,alphaStyleHorizontal:u=ft.alphaStyleHorizontal,contrast:f=ft.contrast,dir:N,hover:g,focus:c,hoverHandle:L,focusHandle:M,canvasOrientation:k=ft.canvasOrientation,role:A,tabIndex:C,...y}=e;return Ba("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,Nn,E(Nn,{size:t}),S(Nn,{hover:g,focus:c,readonly:a,disabled:n})),dir:N,children:[!k\|\|k==="horizontal"&&Ba("div",{className:"k-colorgradient-canvas k-hstack",children:[Je("div",{className:"k-hsv-rectangle",style:i,children:Je("div",{className:"k-hsv-gradient",children:Je("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})})}),Ba("div",{className:"k-hsv-controls k-hstack",children:[Je(Gs,{className:"k-hue-slider",hover:L,focus:M}),o!=="rgb"&&o!=="hsv"&&Je(Gs,{className:"k-alpha-slider",hover:L,focus:M,trackStyle:m})]})]}),k==="vertical"&&Ba("div",{className:"k-colorgradient-canvas k-vstack",children:[Je("div",{className:"k-hsv-rectangle",style:i,children:Je("div",{className:"k-hsv-gradient",children:Je("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})})}),Ba("div",{className:"k-hsv-controls k-vstack",children:[Je(Fs,{className:"k-hue-slider",hover:L,focus:M}),o!=="rgb"&&o!=="hsv"&&Je(Fs,{className:"k-alpha-slider",hover:L,focus:M,trackStyle:u})]})]}),Je(_o,{mode:e.mode,size:t}),f&&Je(wo,{})]})};re.states=Yf;re.options=Zf;re.className=Nn;re.defaultOptions=ft;re.moduleName=Gl;re.folderName=Vl;import{jsx as Qf}from"react/jsx-runtime";var hn=e=>Qf(re,{...e});import{jsx as nR}from"react/jsx-runtime";import{jsx as lR}from"react/jsx-runtime";import{jsx as ar}from"react/jsx-runtime";var jf=re.options,eb=re.states,tb={...re.defaultOptions,variant:"rgba"},ob=[{name:"rgba",title:"RGBA"},{name:"rgb",title:"RGB"},{name:"hex",title:"HEX"}],ab=[],Do=e=>{let{variant:t,...o}=e;switch(t){case"hex":return ar(hn,{...o,mode:t});case"rgb":return ar(hn,{...o,mode:t});default:return ar(hn,{...o,mode:t})}};Do.options=jf;Do.states=eb;Do.variants=ob;Do.defaultOptions=tb;Do.modifiers=ab;Do.className=re.className;import{jsx as nb}from"react/jsx-runtime";var nr=e=>nb("tr",{role:"row",children:e.children});import{jsx as ib}from"react/jsx-runtime";var sr="k-colorpalette-tile",sb=[r.hover,r.focus,r.selected],rb={},Dt=e=>{let{color:t,tileSize:o,hover:a,focus:n,selected:i,...l}=e,m={backgroundColor:t,width:o?o+"px":"",height:o?o+"px":""};return ib("td",{...l,role:"gridcell","aria-label":t,"aria-selected":i?"true":void 0,className:s(e.className,sr,S(sr,{hover:a,focus:n,selected:i})),style:m})};Dt.states=sb;Dt.options=rb;Dt.className=sr;Dt.moduleName=null;Dt.folderName=null;var $l="color-palette",Xl="colorpalette";import{jsx as Pa}from"react/jsx-runtime";var vn="k-colorpalette",lb=[r.disabled],pb={size:[d.undefined,d.small,d.medium,d.large]},ql={columns:10},ye=e=>{let{size:t,palette:o,columns:a=ql.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(Pa(Dt,{color:M,tileSize:n},k))});let L=Pa(nr,{children:c},g);m.push(L)})}return Pa("div",{...l,role:"grid","aria-label":"Color palette",tabIndex:0,"aria-disabled":i?"true":void 0,className:s(e.className,vn,S(vn,{disabled:i}),E(vn,{size:t})),children:Pa("table",{className:"k-colorpalette-table",role:"none",children:Pa("tbody",{children:m.length>0?m:e.children})})})};ye.states=lb;ye.options=pb;ye.className=vn;ye.defaultOptions=ql;ye.moduleName=$l;ye.folderName=Xl;var gn=ye;var Ka={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 db}from"react/jsx-runtime";var Wl=e=>db(gn,{palette:Ka.basic,...e});import{jsx as GR}from"react/jsx-runtime";import{jsx as JR,jsxs as YR}from"react/jsx-runtime";import{jsx as Nb}from"react/jsx-runtime";var mb=ye.options,cb=ye.states,ub={...ye.defaultOptions,variant:"basic"},fb=[{name:"basic",title:"Basic"},{name:"monochrome",title:"Monochrome"}],bb={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}},xb=[],Ho=e=>{let{variant:t="basic",...o}=e,a=bb[t];return Nb(Wl,{columns:a.columns,palette:a,...o})};Ho.options=mb;Ho.states=cb;Ho.variants=fb;Ho.defaultOptions=ub;Ho.modifiers=xb;Ho.className=ye.className;var Jl="color-editor",Yl="coloreditor";import{jsx as Ye,jsxs as zo}from"react/jsx-runtime";var Ln="k-coloreditor",hb=[r.focus],vb={size:[d.undefined,d.small,d.medium,d.large]},Ra={view:"gradient",palette:Ka.office,actionButtons:!0,canvasOrientation:"horizontal"},Q=e=>{let{size:t,view:o=Ra.view,palette:a=Ra.palette,color:n,currentColor:i,focus:l,focusView:m,dir:u,group:f,actionButtons:N=Ra.actionButtons,canvasOrientation:g=Ra.canvasOrientation,...c}=e;return zo("div",{...c,role:"textbox","aria-label":"Color editor",tabIndex:0,className:s(e.className,"k-flatcolorpicker",Ln,E(Ln,{size:t}),S(Ln,{focus:l})),dir:u,children:[zo("div",{className:"k-coloreditor-header k-hstack",children:[Ye("div",{className:"k-coloreditor-header-actions k-hstack",children:f&&zo(T,{fillMode:"flat",children:[Ye(p,{className:"k-group-start",size:t,fillMode:"flat",icon:"droplet-slider",selected:o==="gradient","aria-label":"Color gradient view"}),Ye(p,{className:"k-group-end",size:t,fillMode:"flat",icon:"palette",selected:o==="palette","aria-label":"Color palette view"})]})}),Ye("div",{className:"k-spacer"}),zo("div",{className:"k-coloreditor-header-actions k-hstack",children:[Ye(p,{fillMode:"flat",icon:"droplet-slash",size:t,"aria-label":"Reset color"}),zo("div",{className:"k-coloreditor-preview k-vstack",children:[Ye(It,{className:"k-coloreditor-preview-color",color:n}),Ye(It,{className:"k-coloreditor-current-color",color:i})]})]})]}),Ye("div",{className:"k-coloreditor-views k-vstack",children:o==="gradient"?Ye(re,{focus:m,size:t,canvasOrientation:g,role:"none",tabIndex:-1}):Ye(ye,{palette:a,size:t})}),N&&zo(Ke,{className:"k-coloreditor-footer",alignment:"start",children:[Ye(p,{themeColor:"primary",size:t,className:"k-coloreditor-apply",children:"Apply"}),Ye(p,{className:"k-coloreditor-cancel",size:t,children:"Cancel"})]})]})};Q.states=hb;Q.options=vb;Q.className=Ln;Q.defaultOptions=Ra;Q.moduleName=Jl;Q.folderName=Yl;var Uo=Q;import{jsx as C_}from"react/jsx-runtime";import{jsx as I_}from"react/jsx-runtime";import{jsx as gb}from"react/jsx-runtime";var Zl=e=>gb(Uo,{group:!0,currentColor:"fuchsia",...e});import{jsx as Lb}from"react/jsx-runtime";var Ql=e=>Lb(Uo,{view:"palette",group:!0,currentColor:"fuchsia",...e});import{jsx as jl}from"react/jsx-runtime";var Mb=Q.options,Sb=Q.states,kb={...Q.defaultOptions,variant:"gradient"},Cb=[{name:"gradient",title:"Gradient"},{name:"palette",title:"Palette"}],Ab=[],Fo=e=>{let{variant:t,...o}=e;return t==="palette"?jl(Ql,{...o,color:"white"}):jl(Zl,{...o,color:"rgba(183, 118 , 118, 1.00)"})};Fo.options=Mb;Fo.states=Sb;Fo.variants=Cb;Fo.defaultOptions=kb;Fo.modifiers=Ab;Fo.className=Q.className;var ep="color-picker",tp="colorpicker";import{Fragment as Ib,jsx as Ze,jsxs as rr}from"react/jsx-runtime";var op="k-colorpicker",Eb=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled],yb={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[x.undefined,x.solid,x.flat,x.outline]},ap={arrowIconName:"chevron-down"},Qe=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:n=ap.arrowIconName,prefix:i,suffix:l,value:m,placeholder:u,hover:f,focus:N,valid:g,invalid:c,required:L,disabled:M,valueIconName:k,popup:A,opened:C,adaptive:y,adaptiveSettings:H,adaptiveTitle:le,adaptiveSubtitle:Ae,...pe}=e,ue="colorpicker-popup";return rr(Ib,{children:[rr(pt,{...pe,size:t,rounded:o,fillMode:a,hover:f,focus:N,valid:g,invalid:c,required:L,disabled:M,role:"combobox","aria-haspopup":"dialog","aria-expanded":C?"true":"false","aria-controls":C\|\|y?ue:void 0,"aria-label":"Color picker",tabIndex:0,"aria-disabled":M?"true":void 0,className:s(e.className,op,"k-icon-picker"),children:[Ze(Ue,{children:i}),Ze(Jt,{placeholder:u,value:m,showValue:!1,valueIcon:Ze(It,{className:"k-value-icon",color:m,iconName:k}),valueIconName:k}),Ze(Fe,{children:l}),Ze(p,{className:"k-input-button",icon:n,size:t,fillMode:a,tabIndex:-1,"aria-label":"Open color picker",disabled:M})]}),C&&A&&Ze(X,{id:ue,className:"k-colorpicker-popup",children:A}),y&&Ze(Y,{adaptive:!0,id:ue,...H,header:Ze(Ne,{actionsEnd:Ze(p,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply"}),title:le,subtitle:Ae}),footer:rr(Tt,{children:[Ze(p,{text:"Cancel",size:"large"}),Ze(p,{text:"Set",size:"large",themeColor:"primary"})]}),children:Ze(Q,{canvasOrientation:"vertical",size:"large",actionButtons:!1,group:!0})})]})};Qe.states=Eb;Qe.options=yb;Qe.className=op;Qe.defaultOptions=ap;Qe.moduleName=ep;Qe.folderName=tp;var St=Qe;import{jsx as Tb}from"react/jsx-runtime";var Mn=e=>Tb(St,{...e});import{jsx as c0}from"react/jsx-runtime";import{jsx as N0}from"react/jsx-runtime";import{jsx as L0}from"react/jsx-runtime";import{jsx as C0}from"react/jsx-runtime";import{jsx as I0}from"react/jsx-runtime";import{jsx as P0}from"react/jsx-runtime";import{jsx as eo}from"react/jsx-runtime";var Ob=St.options,Bb=St.states,np={...St.defaultOptions,variant:"color"},Pb=[{name:"color",title:"Color",default:!0},{name:"no color",title:"No color"},{name:"icon",title:"Icon"}],Kb=[{name:"opened",title:"Opened"}],Go=e=>{let{variant:t,modifiers:o,...a}={...np,...e},n={};Object.keys(o\|\|{}).forEach(l=>{l==="opened"&&(n.opened=!!o?.[l],n.popup=o?.[l]?eo(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 eo("div",{style:i,children:eo(Mn,{...a,...n})});case"icon":return eo("div",{style:i,children:eo(Mn,{value:"rgba(183, 118 , 118, 1.00)",valueIconName:"edit-tools",...a,...n})});default:return eo("div",{style:i,children:eo(Mn,{value:"rgba(183, 118 , 118, 1.00)",...a,...n})})}};Go.options=Ob;Go.states=Bb;Go.variants=Pb;Go.defaultOptions=np;Go.modifiers=Kb;Go.className=St.className;var ir="combobox",sp=ir;import{Fragment as lr,jsx as oe,jsxs as _a}from"react/jsx-runtime";var rp="k-combobox",Rb=[r.hover,r.focus,r.valid,r.invalid,r.loading,r.required,r.disabled,r.readonly],_b={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]},pr={separators:!0,showClearButton:!0},Le=e=>{let{size:t,rounded:o,fillMode:a,separators:n=pr.separators,showClearButton:i=pr.showClearButton,prefix:l,suffix:m,value:u,placeholder:f,hover:N,focus:g,valid:c,invalid:L,required:M,loading:k,disabled:A,popup:C,opened:y,readonly:H,adaptive:le,adaptiveSettings:Ae,adaptiveTitle:pe,adaptiveSubtitle:ue,adaptiveCustomValue:Jn,id:$t,autocomplete:Xt,activeDescendant:ua,"aria-label":Yn,...Zn}=e,Qn=$t?`${$t}-listbox`:void 0;return _a(lr,{children:[_a(J,{...Zn,size:t,rounded:o,fillMode:a,hover:N,focus:g,valid:c,invalid:L,required:M,loading:k,disabled:A,readonly:H,className:s(e.className,rp),children:[l&&_a(lr,{children:[oe(Ue,{children:l}),n&&oe(Ge,{})]}),oe(fe,{id:$t,placeholder:f,value:u,role:"combobox","aria-haspopup":"listbox","aria-expanded":y?"true":"false","aria-controls":y?Qn:void 0,"aria-activedescendant":y&&ua?ua:void 0,"aria-autocomplete":Xt,"aria-invalid":L?"true":void 0,"aria-busy":k?"true":void 0,"aria-label":Yn,disabled:A,readOnly:H}),oe(xe,{valid:c,invalid:L,loading:k,disabled:A}),oe(Ee,{loading:k,disabled:A}),i&&oe(Pe,{loading:k,disabled:A,readonly:H,value:u}),m&&_a(lr,{children:[n&&oe(Ge,{}),oe(Fe,{children:m})]}),oe(p,{className:"k-input-button",icon:"chevron-down",size:t,fillMode:a,"aria-label":"Open popup",tabIndex:-1,disabled:A})]}),y&&C&&oe(X,{className:"k-list-container k-combobox-popup",containerRole:"region",containerAriaLabel:"Combobox suggestions",children:C}),le&&oe(Y,{adaptive:!0,id:$t?`${$t}-adaptive`:void 0,...Ae,header:oe(Ne,{actionsEnd:oe(p,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),input:!0,inputValue:u,inputPlaceholder:f,title:pe,subtitle:ue}),children:oe("div",{className:"k-list-container",children:oe(K,{customValue:Jn?oe(_t,{text:`Use "${u}"`}):void 0,size:"large",children:_a(z,{"aria-label":pe\|\|"Options",children:[oe(O,{text:"List item"}),oe(O,{text:"List item"}),oe(O,{text:"List item"})]})})})})]})};Le.states=Rb;Le.options=_b;Le.className=rp;Le.defaultOptions=pr;Le.moduleName=ir;Le.folderName=sp;var _e=Le;import{jsx as wb}from"react/jsx-runtime";var ip=e=>wb(_e,{...e});import{jsx as bw,jsxs as xw}from"react/jsx-runtime";import{jsx as Mw,jsxs as Sw}from"react/jsx-runtime";import{jsx as Iw,jsxs as Tw}from"react/jsx-runtime";import{Fragment as _w,jsx as Rw}from"react/jsx-runtime";import{Fragment as Fw,jsx as Uw}from"react/jsx-runtime";import{jsx as Ww,jsxs as Jw}from"react/jsx-runtime";import{Fragment as aD,jsx as tD,jsxs as oD}from"react/jsx-runtime";import{jsx as iD}from"react/jsx-runtime";import{jsx as mD}from"react/jsx-runtime";import{jsx as ND,jsxs as hD}from"react/jsx-runtime";import{jsx as kD,jsxs as CD}from"react/jsx-runtime";import{jsx as Ht,jsxs as Gb}from"react/jsx-runtime";var Db=Le.states,Hb=Le.defaultOptions,zb=Le.options,Ub=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"opened",title:"Opened"}],Fb=[],Vo=e=>{let{modifiers:t,...o}=e,a={},n=Ht(K,{style:{width:300},size:o.size,children:Gb(z,{children:[Ht(O,{children:"List item"}),Ht(O,{children:"List item"}),Ht(O,{children:"List item"})]})});return Object.keys(t\|\|{}).forEach(i=>{switch(i){case"prefix":a.prefix=t?.[i]?Ht(v,{icon:"map-marker-target"}):void 0;break;case"suffix":a.suffix=t?.[i]?Ht($,{size:o.size,icon:"copy",fillMode:"clear"}):void 0;break;case"opened":a.opened=!!t?.[i],a.popup=t?.[i]?n:void 0;break;default:break}}),Ht("div",{children:Ht(ip,{value:"Value",style:{width:300},...o,...a})})};Vo.options=zb;Vo.states=Db;Vo.variants=Fb;Vo.defaultOptions=Hb;Vo.modifiers=Ub;Vo.className=Le.className;var dr="menu-button",lp=dr;import{jsx as Xb}from"react/jsx-runtime";var pp="k-menu-button",Vb=[r.hover,r.focus,r.active,r.selected,r.disabled],$b={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]},mr={showArrow:!0,arrowIconName:"chevron-down"},D=e=>{let{size:t,rounded:o,fillMode:a,themeColor:n,hover:i,focus:l,active:m,selected:u,disabled:f,icon:N,text:g,showArrow:c=mr.showArrow,arrowIconName:L=mr.arrowIconName,expanded:M,...k}=e;return Xb(p,{...k,className:s(e.className,pp),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"}})};D.states=Vb;D.options=$b;D.className=pp;D.defaultOptions=mr;D.moduleName=dr;D.folderName=lp;import{jsx as nH}from"react/jsx-runtime";import{jsx as lH}from"react/jsx-runtime";import{jsx as cH}from"react/jsx-runtime";var we="menu",je=we;import{jsx as wa,jsxs as dp}from"react/jsx-runtime";var cr="k-menu-item",qb=[r.hover,r.focus,r.active,r.selected,r.disabled],Wb={},mp={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=mp.iconPosition,dir:g,children:c,expanded:L,...M}=e,k=f;return k\|\|(k=g==="rtl"?"chevron-left":"chevron-right"),dp("li",{...M,className:s(e.className,cr,"k-item",S(cr,{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:[dp("span",{className:s("k-link k-menu-link"),children:[l&&N==="before"&&wa(v,{className:"k-menu-link-icon",icon:l}),wa("span",{className:"k-menu-link-text",children:m}),l&&N==="after"&&wa(v,{className:"k-menu-link-icon",icon:l}),u&&wa("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:wa(v,{icon:k})})]}),c]})};me.states=qb;me.options=Wb;me.className=cr;me.defaultOptions=mp;me.moduleName=we;me.folderName=je;import{jsx as to,jsxs as cp}from"react/jsx-runtime";var ur="k-menu-item",Jb=[r.hover,r.focus,r.active,r.selected,r.disabled],Yb={},fr={dir:"ltr",iconPosition:"before"},q=e=>{let{hover:t,focus:o,active:a,selected:n,disabled:i,icon:l,text:m,showArrow:u,arrowIconName:f,iconPosition:N=fr.iconPosition,dir:g=fr.dir,children:c,popup:L,expanded:M,actions:k,description:A,...C}=e,y=f;return y\|\|(y=g==="rtl"?"chevron-left":"chevron-right"),cp("li",{role:"menuitem",...C,className:s(e.className,ur,"k-item",S(ur,{focus:o,disabled:i})),...u&&{"aria-haspopup":"menu"},...u&&{"aria-expanded":M?"true":"false"},...i&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[cp("span",{className:s("k-link k-menu-link",S("k-menu-link",{hover:t,active:a,selected:n,disabled:i})),children:[l&&N==="before"&&to(v,{className:"k-menu-link-icon",icon:l}),to("span",{className:"k-menu-link-text",children:m}),l&&N==="after"&&to(v,{className:"k-menu-link-icon",icon:l}),k&&to("span",{className:"k-menu-link-actions",children:k}),u&&to("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:to(v,{icon:y})}),A&&to("span",{className:"k-menu-link-description",children:A})]}),c,L]})};q.states=Jb;q.options=Yb;q.className=ur;q.defaultOptions=fr;q.moduleName=we;q.folderName=je;import{jsx as ex}from"react/jsx-runtime";var up="k-menu-scroll-wrapper",Zb=[],Qb={},jb={},oo=e=>{let{className:t,children:o,orientation:a,...n}=e;return ex("div",{...n,className:s(t,up,{"k-menu-scroll-wrapper-vertical":a==="vertical"}),children:o})};oo.states=Zb;oo.options=Qb;oo.className=up;oo.defaultOptions=jb;oo.moduleName=we;oo.folderName=je;var fp=oo;import{Fragment as br,jsx as ao,jsxs as kn}from"react/jsx-runtime";var Cn="k-menu",tx=[],ox={size:[d.undefined,d.small,d.medium,d.large]},An={orientation:"horizontal",header:!0,scrollButtonsPosition:"around"},ie=e=>{let{children:t,orientation:o=An.orientation,header:a=An.header,scrollable:n,scrollButtonsPosition:i=An.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=ao("ul",{dir:m,...g,className:s(e.className,"k-reset",Cn,{[`${Cn}-${o}`]:o,"k-header":a},E(Cn,{size:u})),role:N?"menu":"menubar",...o==="vertical"&&{"aria-orientation":"vertical"},children:t});return kn(br,{children:[n?kn(fp,{orientation:o,style:l,dir:e.dir,children:[i==="start"&&kn(br,{children:[ao(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"}),ao(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"&&ao(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"&&kn(br,{children:[ao(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"}),ao(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"&&ao(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=tx;ie.options=ox;ie.className=Cn;ie.defaultOptions=An;ie.moduleName=we;ie.folderName=je;import{jsx as ax}from"react/jsx-runtime";var xr="k-separator",bp={orientation:"horizontal"},$o=e=>{let{orientation:t=bp.orientation,...o}=e;return ax("li",{...o,className:s(e.className,"k-item",xr,{[`${xr}-${t}`]:t}),role:"separator"})};$o.className=xr;$o.defaultOptions=bp;$o.moduleName=we;$o.folderName=je;import{Fragment as UH,jsx as FH}from"react/jsx-runtime";import{jsx as ix}from"react/jsx-runtime";var Nr="k-menu-group",nx=[],sx={size:[d.undefined,d.small,d.medium,d.large]},rx={},ce=e=>{let{children:t,size:o,...a}=e;return ix("ul",{role:"menu",...a,className:s(e.className,Nr,E(Nr,{size:o})),children:t})};ce.states=nx;ce.options=sx;ce.className=Nr;ce.defaultOptions=rx;ce.moduleName=we;ce.folderName=je;import{jsx as ZH,jsxs as QH}from"react/jsx-runtime";import{Fragment as lx,jsx as Xo,jsxs as px}from"react/jsx-runtime";var hr=e=>Xo(ie,{children:px(lx,{children:[Xo(me,{text:"Item 1"}),Xo(me,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 2"}),Xo(me,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 3"}),Xo(me,{text:"Item 4"}),Xo(me,{text:"Item 5"})]}),...e});import{Fragment as lz,jsx as rz,jsxs as iz}from"react/jsx-runtime";import{Fragment as uz,jsx as cz,jsxs as fz}from"react/jsx-runtime";import{Fragment as vz,jsx as hz,jsxs as gz}from"react/jsx-runtime";import{Fragment as Cz,jsx as kz,jsxs as Az}from"react/jsx-runtime";import{jsx as no,jsxs as fx}from"react/jsx-runtime";var dx={...ie.options,scrollable:{type:"boolean"}},mx=ie.states,xp={...ie.defaultOptions,variant:"horizontal"},cx=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],ux=[{name:"opened",title:"Opened"}],qo=e=>{let{variant:t,modifiers:o,...a}={...xp,...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]?no(X,{className:"k-menu-popup",offset:i,children:fx(ce,{children:[no(q,{text:"Item 1"}),no(q,{text:"Item 2"}),no($o,{}),no(q,{text:"Item 3"})]})}):null)}),t==="vertical"?no(hr,{...a,...n,orientation:"vertical",style:{width:"200px"}}):no(hr,{...a,...n})};qo.options=dx;qo.states=mx;qo.variants=cx;qo.defaultOptions=xp;qo.modifiers=ux;qo.className=ie.className;import{Fragment as s1,jsx as a1,jsxs as n1}from"react/jsx-runtime";import{jsx as p1}from"react/jsx-runtime";import{Fragment as vx,jsx as bt,jsxs as Np}from"react/jsx-runtime";var bx=p.states,hp={...p.defaultOptions,variant:"text"},xx=p.options,Nx=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],hx=[{name:"opened",title:"Opened"}],Wo=e=>{let{variant:t,modifiers:o,...a}={...hp,...e},n={},i=bt(X,{className:"k-menu-popup",children:Np(ce,{size:a.size,children:[bt(q,{text:"Menu Item"}),bt(q,{text:"Menu Item"}),bt(q,{text:"Menu Item"})]})}),l;switch(t){case"icon-only":l=bt("div",{children:bt(D,{...a,...n,icon:"star"})});break;case"icon-and-text":l=bt("div",{children:bt(D,{...a,...n,icon:"star",children:"Dropdown Button"})});break;default:l=bt("div",{children:bt(D,{...a,...n,children:"Dropdown Button"})});break}return Np(vx,{children:[l,o?.opened&&i]})};Wo.options=xx;Wo.states=bx;Wo.variants=Nx;Wo.defaultOptions=hp;Wo.modifiers=hx;Wo.className=D.className;var vr="split-button",vp=vr;import{Fragment as Mx,jsx as gr,jsxs as gp}from"react/jsx-runtime";var Lr="k-split-button",gx=[r.hover,r.focus,r.active,r.selected,r.disabled],Lx={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]},Lp={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=Lp.arrowIconName,popup:L,opened:M,popupId:k,...A}=e;return gp(Mx,{children:[gp("div",{...A,className:s(e.className,Lr,"k-button-group",E(Lr,{rounded:o})),children:[gr(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}),gr(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&&gr(X,{className:"k-menu-popup",children:L})]})};R.states=gx;R.options=Lx;R.className=Lr;R.defaultOptions=Lp;R.moduleName=vr;R.folderName=vp;var Mr=R;import{jsx as kx}from"react/jsx-runtime";var Sx="k-toolbar-separator",st=e=>kx("div",{className:s(Sx,e.className,"k-separator")});var so="toolbar",Jo=so;import{Fragment as Sr,jsx as _,jsxs as Yo}from"react/jsx-runtime";var kt="k-toolbar",Cx=[r.focus],Ax={size:[d.undefined,d.small,d.medium,d.large],fillMode:[x.undefined,x.solid,x.outline,x.flat]},Ex={scrollButtons:"around"},U=e=>{let{size:t,fillMode:o,focus:a,resizable:n,scrollable:i,scrollButtons:l,scrollingPosition:m,section:u,...f}=e,N=[],g=(c,L)=>{let M=[];if(c.type===p&&c.props.className&&c.props.className.includes("k-toolbar-overflow-button"))M.push(_(p,{...c.props,className:`${c.props.className?c.props.className:""}`},`${L}-${new Date().getTime()}`));else if(c.type===p)M.push(_(p,{...c.props,className:`k-toolbar-button ${c.props.className?c.props.className:""}`},`${L}-${new Date().getTime()}`));else if(c.type===ha)M.push(_(ha,{...c.props,className:`k-toolbar-button ${c.props.className?c.props.className:""}`},`${L}-${new Date().getTime()}`));else if(c.type===$)M.push(_($,{...c.props,className:`k-toolbar-button ${c.props.className?c.props.className:""}`},`${L}-${new Date().getTime()}`));else if(c.type===D)M.push(_(D,{...c.props,className:`k-toolbar-menu-button ${c.props.className?c.props.className:""}`},`${L}-${new Date().getTime()}`));else if(c.type===Mr)M.push(_(Mr,{...c.props,className:`k-toolbar-split-button ${c.props.className?c.props.className:""}`},`${L}-${new Date().getTime()}`));else if(c.type===T\|\|c.props.className&&c.props.className.includes("k-button-group")){let k=[];(Array.isArray(c.props.children)?c.props.children:[c.props.children]).forEach((C,y)=>{k.push(_(p,{...C.props,className:`${C.props.className?C.props.className:""}`},`${y}-${new Date().getTime()}`))}),M.push(_(T,{...c.props,className:`k-toolbar-button-group ${c.props.className?c.props.className:""}`,children:k},`${L}-${new Date().getTime()}`))}else c.type===Le?M.push(_(Le,{...c.props,className:`k-toolbar-combobox ${c.props.className?c.props.className:""}`},`${L}-${new Date().getTime()}`)):c.type===ne?M.push(_(ne,{...c.props,className:`k-toolbar-dropdownlist ${c.props.className?c.props.className:""}`},`${L}-${new Date().getTime()}`)):c.type===Qe?M.push(_(Qe,{...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)}),Yo("div",{...f,className:s(e.className,kt,E(kt,{size:t,fillMode:o}),S(kt,{focus:a}),{[`${kt}-resizable`]:n,[`${kt}-scrollable`]:i,[`${kt}-scrollable-overlay`]:i&&l==="hidden",[`${kt}-scrollable-${m}`]:m&&m!=="both",[`${kt}-section`]:u}),role:"toolbar","aria-label":"Toolbar",children:[!i&&N,i&&l==="hidden"&&_("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N}),i&&l==="start"&&Yo(Sr,{children:[Yo(T,{children:[_("span",{className:s("k-toolbar-prev","k-button",E("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:_(v,{className:"k-button-icon",icon:"chevron-left"})}),_("span",{className:s("k-toolbar-next","k-button",E("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:_(v,{className:"k-button-icon",icon:"chevron-right"})})]}),_(st,{className:"k-toolbar-button-separator"}),_("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N})]}),i&&l==="end"&&Yo(Sr,{children:[_("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N}),_(st,{className:"k-toolbar-button-separator"}),Yo(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)&&Yo(Sr,{children:[_("span",{className:s("k-toolbar-prev","k-button",E("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:_(v,{className:"k-button-icon",icon:"chevron-left"})}),_(st,{className:"k-toolbar-button-separator"}),_("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N}),_(st,{className:"k-toolbar-button-separator"}),_("span",{className:s("k-toolbar-next","k-button",E("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:_(v,{className:"k-button-icon",icon:"chevron-right"})})]})]})};U.states=Cx;U.options=Ax;U.className=kt;U.defaultOptions=Ex;U.moduleName=so;U.folderName=Jo;import{jsx as Ox}from"react/jsx-runtime";var kr="k-toolbar-item",yx=[r.focus],Ix={},Tx={},Zo=e=>{let{focus:t,...o}=e;return Ox("div",{...o,className:s(e.className,kr,S(kr,{focus:t})),children:e.children})};Zo.states=yx;Zo.options=Ix;Zo.className=kr;Zo.defaultOptions=Tx;Zo.moduleName=so;Zo.folderName=Jo;import{jsx as Mp}from"react/jsx-runtime";var Sp="k-toolbar-popup",Bx=[],Px={size:[d.undefined,d.small,d.medium,d.large],fillMode:[x.undefined,x.solid,x.outline,x.flat]},Kx={},ro=e=>{let{size:t,fillMode:o,section:a,...n}=e;return Mp(X,{...n,className:s(e.className,Sp),children:a?Mp("span",{className:s("k-toolbar-items-list",E("k-toolbar-items-list",{size:t,fillMode:o})),role:"toolbar",children:e.children}):e.children})};ro.states=Bx;ro.options=Px;ro.className=Sp;ro.defaultOptions=Kx;ro.moduleName=so;ro.folderName=Jo;var En=ro;import{jsx as l2}from"react/jsx-runtime";import{jsx as c2}from"react/jsx-runtime";import{jsx as x2}from"react/jsx-runtime";import{jsx as M2,jsxs as S2}from"react/jsx-runtime";import{jsx as E2}from"react/jsx-runtime";import{jsx as Ct,jsxs as Hx}from"react/jsx-runtime";var Rx=R.states,kp={...R.defaultOptions,variant:"text"},_x=R.options,wx=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Dx=[{name:"opened",title:"Opened"}],Qo=e=>{let{variant:t,modifiers:o,...a}={...kp,...e},n={},i=Hx(ce,{size:a.size,children:[Ct(q,{text:"Menu Item"}),Ct(q,{text:"Menu Item"}),Ct(q,{text:"Menu Item"})]});switch(Object.keys(o\|\|{}).forEach(l=>{l==="opened"&&(n.opened=!!o?.[l],n.popup=o?.[l]?i:"")}),t){case"icon-only":return Ct("div",{children:Ct(R,{...a,...n,icon:"star"})});case"icon-and-text":return Ct("div",{children:Ct(R,{...a,...n,icon:"star",children:"Split Button"})});default:return Ct("div",{children:Ct(R,{...a,...n,children:"Split Button"})})}};Qo.options=_x;Qo.states=Rx;Qo.variants=wx;Qo.defaultOptions=kp;Qo.modifiers=Dx;Qo.className=R.className;import{jsx as io,jsxs as zx}from"react/jsx-runtime";var Cp=e=>io(U,{children:[io(p,{children:"Button"},"toolbar-button"),io(D,{text:"Menu button"},"toolbar-menu-button"),io(R,{children:"Split button"},"toolbar-split-button"),zx(T,{children:[io(p,{className:"k-group-start",icon:"align-left",children:"Left"}),io(p,{icon:"align-center",children:"Center"}),io(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});import{jsx as oU,jsxs as aU}from"react/jsx-runtime";import{jsx as De,jsxs as Ap}from"react/jsx-runtime";var Ep=e=>De(U,{scrollable:!0,...e,children:[De(p,{children:"Button"},"toolbar-button"),De(D,{text:"Menu button"},"toolbar-menu-button"),De(R,{children:"Split button"},"toolbar-split-button"),Ap(T,{children:[De(p,{className:"k-group-start",icon:"align-left",children:"Left"}),De(p,{icon:"align-center",children:"Center"}),De(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),De(p,{children:"Button"},"toolbar-button"),De(D,{text:"Menu button"},"toolbar-menu-button"),De(R,{children:"Split button"},"toolbar-split-button"),Ap(T,{children:[De(p,{className:"k-group-start",icon:"align-left",children:"Left"}),De(p,{icon:"align-center",children:"Center"}),De(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});import{jsx as He,jsxs as yp}from"react/jsx-runtime";var Ip=({scrollingPosition:e="start",...t})=>He(U,{scrollable:!0,scrollButtons:"hidden",scrollingPosition:e,...t,children:[He(p,{children:"Button"},"toolbar-button"),He(D,{text:"Menu button"},"toolbar-menu-button"),He(R,{children:"Split button"},"toolbar-split-button"),yp(T,{children:[He(p,{className:"k-group-start",icon:"align-left",children:"Left"}),He(p,{icon:"align-center",children:"Center"}),He(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),He(p,{children:"Button"},"toolbar-button"),He(D,{text:"Menu button"},"toolbar-menu-button"),He(R,{children:"Split button"},"toolbar-split-button"),yp(T,{children:[He(p,{className:"k-group-start",icon:"align-left",children:"Left"}),He(p,{icon:"align-center",children:"Center"}),He(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...t});import{Fragment as Ux,jsx as Ie,jsxs as yn}from"react/jsx-runtime";var Tp=({fillMode:e,size:t,...o})=>yn(Ux,{children:[Ie(U,{section:!0,fillMode:e,size:t,children:[Ie(p,{fillMode:e,size:t,children:"Button"},"toolbar-button"),yn(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(st,{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}),yn(En,{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(st,{}),Ie(D,{text:"Menu button",fillMode:e,size:t},"toolbar-menu-button"),yn(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 _U,jsx as KU,jsxs as RU}from"react/jsx-runtime";import{Fragment as qU,jsx as $U,jsxs as XU}from"react/jsx-runtime";import{jsx as zt}from"react/jsx-runtime";var Fx=U.options,Gx=U.states,Op={...U.defaultOptions,variant:"default"},Vx=[{name:"default",title:"Default"},{name:"scrollable",title:"Scrollable"},{name:"overlay",title:"Overlay"},{name:"responsive",title:"Responsive"}],$x=[],jo=e=>{let{variant:t,...o}={...Op,...e};switch(t){case"responsive":return zt("div",{children:zt(Tp,{style:{width:"583px"},...o})});case"overlay":return zt("div",{children:zt(Ip,{style:{width:"583px"},...o,scrollingPosition:"start",scrollButtons:"hidden"})});case"scrollable":return zt("div",{children:zt(Ep,{style:{width:"583px"},...o})});default:return zt("div",{children:zt(Cp,{style:{width:"583px"},...o})})}};jo.options=Fx;jo.states=Gx;jo.variants=Vx;jo.defaultOptions=Op;jo.modifiers=$x;jo.className=U.className;import{Fragment as Jx,jsx as rt,jsxs as Da}from"react/jsx-runtime";var Bp="k-message",Xx=[r.hover,r.selected,r.active,r.focus],qx={},Wx=[rt(p,{icon:"copy",fillMode:"flat","aria-label":"Copy"}),rt(p,{icon:"arrow-rotate-cw",fillMode:"flat","aria-label":"Retry"}),rt(p,{icon:"download",fillMode:"flat","aria-label":"Download"})],ea={time:"Thu Feb 08 2018",text:"How can I help you?",status:"Seen",toolbarItems:Wx,failed:"Failed to send"},F=e=>{let{time:t=ea.time,text:o=ea.text,content:a,status:n=ea.status,statusIcon:i,toolbarItems:l=ea.toolbarItems,hover:m,selected:u,active:f,focus:N,toolbar:g,typing:c,expandable:L,expanded:M,removed:k,files:A,failed:C,...y}=e,H=C===!0?ea.failed:C;return Da("div",{...y,className:s(Bp,e.className,{"k-message-removed":k,"k-message-failed":C}),children:[C&&rt($,{className:"k-resend-button",icon:"arrow-rotate-cw",size:"xsmall",fillMode:"clear","aria-label":"Resend"}),rt(Pp,{typing:c,selected:u,hover:m,active:f,focus:N,content:Da(Jx,{children:[a,o&&rt("span",{className:"k-chat-bubble-text",children:o})]}),expandable:L,expanded:M,files:A}),Da("div",{className:"k-message-info",children:[n&&Da("span",{className:"k-message-status",children:[i&&rt(v,{icon:i,size:"xsmall"}),n]}),t&&rt("time",{className:"k-message-time",children:t}),C&&Da("span",{className:"k-message-failed-content",children:[C&&rt(v,{icon:"warning-triangle",size:"xsmall"}),C&&rt("span",{className:"k-message-failed-text",children:H})]})]}),g&&rt(U,{className:"k-chat-message-toolbar",fillMode:"flat",children:l})]})};F.states=Xx;F.options=qx;F.className=Bp;F.moduleName=null;F.folderName=null;F.defaultOptions=ea;var Cr="avatar",Kp=Cr;import{jsx as Rp}from"react/jsx-runtime";var Ha="k-avatar";var Yx=[r.hover,r.focus,r.active,r.selected,r.disabled],Zx={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]},Ar={type:"text",border:!1},Me=e=>{let{size:t,rounded:o,fillMode:a,themeColor:n,type:i=Ar.type,border:l=Ar.border,...m}=e;return Rp("div",{...m,className:s(e.className,Ha,E(Ha,{size:t,rounded:o,fillMode:a,themeColor:n}),{[`${Ha}-bordered`]:l}),children:Rp("span",{className:`${Ha}-${i}`,children:e.children})})};Me.states=Yx;Me.options=Zx;Me.className=Ha;Me.defaultOptions=Ar;Me.moduleName=Cr;Me.folderName=Kp;var lo=Me;import{jsx as Qx}from"react/jsx-runtime";var _p=e=>Qx(lo,{type:"icon",...e});import{jsx as jx}from"react/jsx-runtime";var wp=e=>jx(lo,{type:"text",...e});import{jsx as eN}from"react/jsx-runtime";var In=e=>eN(lo,{type:"image",...e});import{jsx as H3}from"react/jsx-runtime";import{jsx as za}from"react/jsx-runtime";var tN=Me.options,oN=Me.states,aN={...Me.defaultOptions,variant:"image"},nN=[{name:"image",title:"Image"},{name:"icon",title:"Icon Avatar"},{name:"text",title:"Text Avatar"}],sN=[],ta=e=>{let{variant:t,...o}=e;switch(t){case"icon":return za(_p,{...o,children:za(v,{icon:"star"})});case"text":return za(wp,{...o,children:"JO"});default:return za(In,{...o,children:za("img",{src:"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg"})})}};ta.options=tN;ta.states=oN;ta.variants=nN;ta.defaultOptions=aN;ta.modifiers=sN;ta.className=Me.className;import{jsx as oa,jsxs as Er}from"react/jsx-runtime";var Ua="k-message-group",rN=[r.selected],iN={},Tn={author:"Bruv",avatar:"/packages/html/assets/avatar.jpg",type:"receiver"},W=e=>{let{type:t=Tn.type,author:o=Tn.author,avatar:a=Tn.avatar,status:n,selected:i,fullWidth:l,...m}=e;return Er("div",{...m,className:s(Ua,e.className,S(Ua,{selected:i}),{[`${Ua}-${t}`]:t,"k-no-avatar":!a,[`${Ua}-full-width`]:l}),children:[a&&!n&&oa(Me,{type:"image",children:oa("img",{src:a,alt:o\|\|""})}),n&&a&&Er("div",{className:"k-chat-user-status-wrapper",children:[oa(Me,{type:"image",children:oa("img",{src:a,alt:o\|\|""})}),oa("div",{className:"k-chat-user-status"})]}),Er("div",{className:"k-message-group-content",children:[o&&oa("span",{className:"k-message-author",children:o}),e.children]})]})};W.states=rN;W.options=iN;W.className=Ua;W.defaultOptions=Tn;import{Fragment as pN,jsx as On,jsxs as Dp}from"react/jsx-runtime";var yr="k-message-reference",lN={},Hp={type:"receiver"},Ut=e=>{let{content:t,closeable:o,pinned:a,type:n=Hp.type,...i}=e;return Dp("div",{...i,className:s(yr,e.className,{[`${yr}-${n}`]:n,"k-message-pinned":a}),children:[a&&On(v,{icon:"pin"}),On("div",{className:"k-message-reference-content",children:t}),o&&Dp(pN,{children:[On("span",{className:"k-spacer"}),On(p,{icon:"x-circle",fillMode:"flat",size:"xsmall","aria-label":"Close"})]})]})};Ut.options=lN;Ut.className=yr;Ut.moduleName=null;Ut.folderName=null;Ut.defaultOptions=Hp;var Ir="bubble",zp=Ir;import{jsx as Bn,jsxs as mN}from"react/jsx-runtime";var Tr="k-bubble",dN=[r.hover,r.active,r.selected,r.focus],Or={expandable:!1,expanded:!1},po=e=>{let{content:t,hover:o,active:a,focus:n,selected:i,expandable:l=Or.expandable,expanded:m=Or.expanded,...u}=e;return mN("div",{...u,className:s(e.className,Tr,S(Tr,{hover:o,active:a,focus:n,selected:i}),{"k-bubble-expandable":l},{"k-expanded":m}),tabIndex:0,children:[Bn("div",{className:"k-bubble-content",children:t??e.children}),l&&Bn("span",{className:"k-bubble-expandable-indicator",role:"button","aria-label":m?"Show less":"Show more",tabIndex:0,children:m?Bn(v,{icon:"chevron-up"}):Bn(v,{icon:"chevron-down"})})]})};po.states=dN;po.className=Tr;po.defaultOptions=Or;po.moduleName=Ir;po.folderName=zp;import{jsx as v5}from"react/jsx-runtime";import{jsx as S5}from"react/jsx-runtime";import{jsx as E5}from"react/jsx-runtime";import{jsx as Br,jsxs as Fp}from"react/jsx-runtime";var cN="k-chat-bubble",Pp=e=>{let{typing:t,content:o,files:a,...n}=e;return Fp(po,{...n,className:s(e.className,cN),children:[t?Fp("div",{className:"k-typing-indicator",tabIndex:-1,children:[Br("span",{}),Br("span",{}),Br("span",{})]}):o,a]})};import{jsx as F5}from"react/jsx-runtime";import{jsx as Gp,jsxs as uN}from"react/jsx-runtime";var Vp="k-chat-event",Pr={icon:"trash",text:"You deleted Chat history."},$p=e=>{let{icon:t=Pr.icon,text:o=Pr.text,...a}=e;return uN("div",{...a,className:s(e.className,Vp),children:[t&&Gp(v,{className:"k-chat-event-icon",icon:t,size:"xsmall"}),o&&Gp("span",{className:"k-chat-event-text",children:o})]})};$p.className=Vp;$p.defaultOptions=Pr;import{jsx as Q5}from"react/jsx-runtime";import{jsx as Xp}from"react/jsx-runtime";var Pn="k-file-box-wrapper",qp={layout:"horizontal"},xt=e=>{let{layout:t=qp.layout,scrollingPosition:o,...a}=e;return Xp("ul",{role:"list","aria-label":"Attached files",...a,className:s(e.className,Pn,{"k-files-vertical":t==="vertical","k-files-wrap":t==="wrap",[`${Pn}-scrollable-start`]:t==="horizontal"&&(o==="start"\|\|o==="both"),[`${Pn}-scrollable-end`]:t==="horizontal"&&(o==="end"\|\|o==="both")}),children:t==="horizontal"?Xp("div",{className:"k-files-scroll",role:"presentation",children:e.children}):e.children})};xt.className=Pn;xt.defaultOptions=qp;var Kr="file-box",Wp=Kr;import{jsx as aa,jsxs as Jp}from"react/jsx-runtime";var Yp="k-file-box",fN=[r.selected],bN={},Fa={icon:"file-pdf",name:"FileName.pdf",size:"2MB",showButton:"true"},Te=e=>{let{icon:t=Fa.icon,name:o=Fa.name,size:a=Fa.size,status:n,deleted:i,removeButton:l,showButton:m=Fa.showButton,...u}=e,f=[o,a].filter(Boolean).join(" ");return Jp("li",{role:"listitem",tabIndex:0,"aria-label":f\|\|void 0,...u,className:s(Yp,e.className,{"k-file-deleted":i}),children:[aa(v,{icon:t,size:"xlarge","aria-hidden":"true"}),Jp("div",{className:"k-file-info",children:[o&&aa("span",{className:"k-file-name",children:o}),a&&aa("span",{className:"k-file-size",children:a}),n&&aa("span",{className:"k-file-status",children:n})]}),m&&(l?aa(p,{as:"span",icon:"x-circle",fillMode:"flat",size:"xsmall","aria-hidden":"true"}):aa(D,{icon:"more-vertical",fillMode:"flat",size:"xsmall",showArrow:!1,"aria-label":"File actions"}))]})};Te.states=fN;Te.options=bN;Te.className=Yp;Te.defaultOptions=Fa;Te.moduleName=Kr;Te.folderName=Wp;import{jsx as fF}from"react/jsx-runtime";import{jsx as vF}from"react/jsx-runtime";import{jsx as kF,jsxs as CF}from"react/jsx-runtime";import{jsx as TF,jsxs as OF}from"react/jsx-runtime";import{jsx as _F}from"react/jsx-runtime";import{Fragment as YF,jsx as JF,jsxs as ZF}from"react/jsx-runtime";import{Fragment as oG,jsx as tG,jsxs as aG}from"react/jsx-runtime";var Rr="skeleton",Zp=Rr;import{jsx as vN}from"react/jsx-runtime";var _r="k-skeleton",xN=["circle","text","rect"],NN=[],hN={},wr={variant:"text",shape:"text",animation:"pulse"},Nt=e=>{let{variant:t,shape:o,animation:a=wr.animation,...n}=e,i=`skeleton-${t\|\|o\|\|wr.variant}`;return vN("span",{...n,className:s(e.className,_r,Wa(_r,i),{[`k-skeleton-${a}`]:a}),style:e.style})};Nt.states=NN;Nt.options=hN;Nt.variants=xN;Nt.className=_r;Nt.defaultOptions=wr;Nt.moduleName=Rr;Nt.folderName=Zp;import{jsx as cG}from"react/jsx-runtime";import{jsx as xG}from"react/jsx-runtime";import{jsx as gG}from"react/jsx-runtime";import{Fragment as KG,jsx as BG,jsxs as PG}from"react/jsx-runtime";import{Fragment as HG,jsx as DG,jsxs as zG}from"react/jsx-runtime";var Dr="window",Qp=Dr;import{jsx as SN}from"react/jsx-runtime";var jp="k-window-content",gN=[],LN={},MN={},Ft=e=>{let{children:t,...o}=e;return SN("div",{...o,className:s(jp,e.className),children:t})};Ft.states=gN;Ft.options=LN;Ft.className=jp;Ft.defaultOptions=MN;Ft.moduleName=Dr;Ft.folderName=Qp;var Ga="dialog",Kn=Ga;import{Fragment as AN,jsx as mo,jsxs as Hr}from"react/jsx-runtime";var ed="k-dialog",kN=[],CN={},zr={actionButtonsAlign:"stretched",modal:!0},ze=e=>{let{title:t,actions:o,actionButtons:a,actionButtonsAlign:n=zr.actionButtonsAlign,modal:i=zr.modal,...l}=e,m=t!==void 0?B("dialog-titlebar"):void 0,u=B("dialog-content");return Hr("div",{className:"k-dialog-wrapper",children:[i&&mo(ct,{}),Hr("div",{...l,className:s(e.className,ed,"k-window"),role:"dialog","aria-labelledby":m,"aria-describedby":u,...i&&{"aria-modal":"true"},children:[(t!==void 0\|\|o)&&Hr("div",{className:"k-window-titlebar k-dialog-titlebar",id:m,children:[t!==void 0&&mo("span",{className:"k-window-title k-dialog-title",children:t}),o&&mo(AN,{children:mo("div",{className:"k-window-titlebar-actions k-dialog-titlebar-actions",children:o.map(f=>mo(p,{icon:f,fillMode:"flat",size:"xsmall",className:"k-window-titlebar-action k-dialog-titlebar-action","aria-label":f},f))})})]}),mo(Ft,{className:"k-dialog-content",id:u,children:e.children}),a&&mo(Ke,{alignment:n,className:"k-window-actions k-dialog-actions",children:a})]})]})};ze.states=kN;ze.options=CN;ze.className=ed;ze.defaultOptions=zr;ze.moduleName=Ga;ze.folderName=Kn;var Ur=ze;import{jsx as TN}from"react/jsx-runtime";var td="k-dialog-wrapper",EN=[],yN={},IN={},na=e=>{let{...t}=e;return TN("div",{...t,className:s(e.className,td),children:e.children})};na.states=EN;na.options=yN;na.className=td;na.defaultOptions=IN;na.moduleName=Ga;na.folderName=Kn;import{Fragment as od,jsx as Rn,jsxs as ON}from"react/jsx-runtime";var ad=e=>Rn(Ur,{title:"Title",children:Rn(od,{children:"Dialog content"}),actionButtons:ON(od,{children:[Rn(p,{children:"Action"}),Rn(p,{themeColor:"primary",children:"Primary"})]}),actions:["x"],...e});import{Fragment as u6,jsx as f6,jsxs as b6}from"react/jsx-runtime";import{Fragment as wN,jsx as _n,jsxs as DN}from"react/jsx-runtime";var BN=ze.options,PN=[],KN=ze.states,RN=ze.defaultOptions,_N=[],sa=e=>_n(ad,{style:{width:"350px",height:"215px"},...e,title:"Please confirm",actions:["x"],actionButtonsAlign:"stretched",actionButtons:DN(wN,{children:[_n(p,{children:"No"}),_n(p,{themeColor:"primary",children:"Yes"})]}),children:_n("p",{style:{margin:"36px",textAlign:"center"},children:"Are you sure you want to continue?"})});sa.options=BN;sa.states=KN;sa.variants=PN;sa.defaultOptions=RN;sa.modifiers=_N;sa.className=ze.className;var Fr="dropzone",nd=Fr;import{jsx as wn,jsxs as UN}from"react/jsx-runtime";var Gr="k-external-dropzone",HN=[r.disabled,r.hover],zN={},Vr={icon:"upload",hint:"Drag and drop files here to upload"},Se=e=>{let{hover:t,disabled:o,icon:a=Vr.icon,hint:n=Vr.hint,note:i,...l}=e;return wn("div",{...l,className:s(e.className,Gr,S(Gr,{disabled:o}),{"k-external-dropzone-hover":t}),children:UN("div",{className:"k-dropzone-inner",children:[a&&wn(v,{icon:a,className:"k-dropzone-icon",size:"xxxlarge"}),n&&wn("span",{className:"k-dropzone-hint",children:n}),i&&wn("span",{className:"k-dropzone-note",children:i})]})})};Se.states=HN;Se.options=zN;Se.className=Gr;Se.defaultOptions=Vr;Se.moduleName=Fr;Se.folderName=nd;import{jsx as FN}from"react/jsx-runtime";var sd=e=>FN(Se,{...e});import{jsx as z6}from"react/jsx-runtime";import{jsx as WN}from"react/jsx-runtime";var GN=Se.options,VN=Se.states,$N=Se.defaultOptions,XN=[{name:"note",title:"Note"}],qN=[],ra=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(n=>{n==="note"&&(a.note=t?.[n]?"Only JPEG, PNG and SVG files are allowed.":void 0)}),WN(sd,{style:{width:"500px"},...o,...a})};ra.options=GN;ra.states=VN;ra.variants=qN;ra.defaultOptions=$N;ra.modifiers=XN;ra.className=Se.className;import{Fragment as Dn,jsx as Gt,jsxs as Va}from"react/jsx-runtime";var $r="k-upload-dropzone",JN=[r.hover],Hn=e=>{let{hover:t,status:o,disabled:a,hasFiles:n,filesId:i,...l}=e,m;switch(o){case"uploading":m=Va(Dn,{children:[Gt(v,{icon:"upload"}),"Uploading..."]});break;case"done":m=Va(Dn,{children:[Gt(v,{icon:"check"}),"Done"]});break;case"failed":m=Va(Dn,{children:[Gt(v,{icon:"exclamation-circle"}),"Done"]});break;default:m=Gt(Dn,{});break}return Va("div",{...l,className:s(e.className,$r,"k-dropzone",S($r,{hover:t})),children:[Va("div",{className:"k-upload-button-wrap",children:[Gt(p,{className:"k-upload-button","aria-disabled":a?"true":"false",...n&&i?{"aria-controls":i}:{},children:"Select files..."}),Gt("input",{id:"upload-input",className:"k-hidden",tabIndex:-1,"aria-hidden":"true"})]}),Gt("span",{className:s("k-dropzone-hint",{"k-hidden":o!=="upload"}),children:"Drop files here to upload"}),o!=="upload"&&Gt("span",{className:"k-upload-status",children:m})]})};Hn.states=JN;Hn.className=$r;var Xr="upload",rd=Xr;import{jsx as zn,jsxs as ld}from"react/jsx-runtime";var qr="k-upload",YN=[r.hover,r.disabled],ZN={},pd={actionsLayout:"end"},id="upload-files-list",ae=e=>{let{async:t,empty:o,actions:a,actionsLayout:n=pd.actionsLayout,hover:i,status:l,disabled:m,...u}=e,f=!!e.children;return ld("div",{...u,className:s(e.className,qr,S(qr,{disabled:m}),{"k-upload-async":t,"k-upload-empty":o}),children:[zn(Hn,{status:l,hover:i,disabled:m,hasFiles:f,filesId:id}),f&&zn("ul",{className:"k-upload-files",role:"list",id,children:e.children}),a&&f&&ld(Zi,{alignment:n,orientation:"horizontal",children:[zn(p,{className:"k-clear-selected",children:"Clear"}),zn(p,{themeColor:"primary",className:"k-upload-selected",children:"Upload"})]})]})};ae.states=YN;ae.options=ZN;ae.className=qr;ae.defaultOptions=pd;ae.moduleName=Xr;ae.folderName=rd;var $a="progressbar",Un=$a;import{jsx as Jr,jsxs as Wr}from"react/jsx-runtime";var et="k-progressbar",QN=[r.disabled,r.indeterminate],jN={orientation:["horizontal","vertical"]},co={indeterminate:!1,label:!0,labelPosition:"start",orientation:"horizontal",reverse:!1,value:"0"},ke=e=>{let{disabled:t,height:o,indeterminate:a=co.indeterminate,label:n=co.label,labelPosition:i=co.labelPosition,orientation:l=co.orientation,reverse:m=co.reverse,value:u=co.value,width:f,style:N,ariaLabel:g,...c}=e;return Wr("div",{...c,className:s(e.className,et,S(et,{disabled:t}),{[`${et}-${l}`]:l,[`${et}-indeterminate`]:a,[`${et}-reverse`]:m}),style:{...N,"--kendo-progressbar-value":u,[l==="horizontal"?"height":"width"]:l==="horizontal"?o:f},role:"progressbar","aria-label":g\|\|"progress","aria-valuenow":a?void 0:Number(u),"aria-valuemin":0,"aria-valuemax":100,children:[Jr("span",{className:s("k-progress-status-wrap",{[`k-progress-${i}`]:i&&!a}),children:n&&Wr("span",{className:"k-progress-status",children:[u,"%"]})}),!a&&Jr("div",{className:"k-progressbar-value k-selected",children:Jr("span",{className:s("k-progress-status-wrap",{[`k-progress-${i}`]:i}),children:n&&Wr("span",{className:"k-progress-status",children:[e.value,"%"]})})})]})};ke.states=QN;ke.options=jN;ke.className=et;ke.defaultOptions=co;ke.moduleName=$a;ke.folderName=Un;var dd=ke;import{jsx as Yr}from"react/jsx-runtime";var md="k-chunk-progressbar",eh=(e,t)=>t<=e-1,th=[r.disabled,r.indeterminate],oh={},Fn={chunkCount:5,orientation:"horizontal",progress:0},ia=e=>{let{disabled:t,chunkCount:o=Fn.chunkCount,indeterminate:a,orientation:n=Fn.orientation,progress:i=Fn.progress,reverse:l,ariaLabel:m,...u}=e;return Yr("div",{...u,className:s(e.className,et,md,S(et,{disabled:t}),{[`${et}-${n}`]:n,[`${et}-indeterminate`]:a,[`${et}-reverse`]:l}),role:"progressbar","aria-label":m\|\|"progress","aria-valuenow":a?void 0:i,"aria-valuemin":0,"aria-valuemax":o,children:Yr("ul",{className:"k-progressbar-chunks k-reset",children:[...Array(o)].map((f,N)=>Yr("li",{className:s("k-progressbar-chunk",{"k-first":N===0,"k-last":N===[...Array(o)].length-1,"k-selected":eh(i,N)})},N))})})};ia.states=th;ia.options=oh;ia.className=md;ia.defaultOptions=Fn;ia.moduleName=$a;ia.folderName=Un;import{jsx as ah}from"react/jsx-runtime";var Xa=e=>ah(dd,{...e});import{jsx as E7}from"react/jsx-runtime";import{jsx as Vt}from"react/jsx-runtime";var nh=ke.options,sh=ke.states,cd={...ke.defaultOptions,variant:"start"},rh=[{name:"start",title:"Label start"},{name:"center",title:"Label center"},{name:"end",title:"Label end"},{name:"empty",title:"No label"}],ih=[],la=e=>{let{variant:t,modifiers:o,...a}={...cd,...e},n={},i={style:{width:"324px"}};switch(Object.keys(o\|\|{}).forEach(l=>{switch(l){case"reverse":n.reverse=!!o?.[l];break;case"vertical":n.orientation=o?.[l]?"vertical":void 0,i.style=o?.[l]?void 0:{width:"324px"};break}}),t){case"end":return Vt("div",{...i,children:Vt(Xa,{...a,...n,labelPosition:"end",value:"50"})});case"center":return Vt("div",{...i,children:Vt(Xa,{...a,...n,labelPosition:"center",value:"50"})});case"empty":return Vt("div",{...i,children:Vt(Xa,{...a,...n,label:!1,value:"50"})});default:return Vt("div",{...i,children:Vt(Xa,{...a,...n,labelPosition:"start",value:"50"})})}};la.options=nh;la.states=sh;la.variants=rh;la.defaultOptions=cd;la.modifiers=ih;la.className=ke.className;import{jsx as Zr,jsxs as ph}from"react/jsx-runtime";var lh="k-file-info",Qr=e=>{let{name:t,size:o,validationMsg:a,...n}=e;return ph("div",{...n,className:s(e.className,lh),children:[t&&Zr("span",{className:"k-file-name",children:t}),o&&Zr("span",{className:"k-file-size",children:o}),a&&Zr("span",{className:"k-file-validation-message","aria-live":"polite",children:a})]})};import{Fragment as mh,jsx as At,jsxs as Gn}from"react/jsx-runtime";var dh="k-file",Oe=e=>{let{status:t,progress:o,name:a,icon:n,size:i,state:l,validationMsg:m,...u}=e;return At("li",{...u,className:s(e.className,dh,{[`k-file-${t}`]:t}),role:"listitem",tabIndex:0,children:Gn("div",{className:"k-file-single",children:[At(ke,{className:s({"k-hidden":t!=="progress"}),value:o,label:!1}),Gn("span",{className:"k-file-icon-wrapper",children:[At(v,{className:"k-file-icon",icon:n,size:"xxlarge"}),l&&At("span",{className:"k-file-state",children:l})]}),At(Qr,{name:a,size:i,validationMsg:m}),At("div",{className:"k-upload-actions",children:t==="progress"?Gn(mh,{children:[Gn("span",{className:"k-upload-pct",children:[o,"%"]}),At(p,{icon:"pause",fillMode:"flat",size:"xsmall",className:"k-upload-action","aria-label":"Pause upload",tabIndex:-1}),At(p,{icon:"cancel",fillMode:"flat",size:"xsmall",className:"k-upload-action","aria-label":"Cancel upload",tabIndex:-1})]}):At(p,{icon:"x",fillMode:"flat",size:"xsmall",className:"k-upload-action","aria-label":"Remove file",tabIndex:-1})})]})})};import{Fragment as a9,jsx as t9,jsxs as o9}from"react/jsx-runtime";import{Fragment as ch,jsx as jr,jsxs as uh}from"react/jsx-runtime";var qa=e=>jr(ae,{async:!0,children:uh(ch,{children:[jr(Oe,{name:"Image_With_Very_Very_Very_Very_Very_Long_Name1.png",icon:"file-image",size:"51.23 KB"}),jr(Oe,{name:"Image2.jpg",icon:"file-image",size:"106.43 KB"})]}),...e});import{Fragment as u9,jsx as m9,jsxs as c9}from"react/jsx-runtime";import{jsx as fh}from"react/jsx-runtime";var ud=e=>fh(ae,{async:!0,empty:!0,...e});import{Fragment as L9,jsx as g9,jsxs as M9}from"react/jsx-runtime";import{Fragment as E9,jsx as A9,jsxs as y9}from"react/jsx-runtime";import{jsx as Et,jsxs as Vn}from"react/jsx-runtime";var bh=ae.options,xh=ae.states,fd={...ae.defaultOptions,variant:"empty"},Nh=[{name:"empty",title:"Empty"},{name:"upload",title:"Upload"},{name:"uploading",title:"Uploading"},{name:"success",title:"Success"},{name:"failed",title:"Failed"}],hh=[],pa=e=>{let{variant:t,...o}={...fd,...e};switch(t){case"success":return Vn(qa,{status:"done",style:{width:"586px"},...o,children:[Et(Oe,{status:"success",validationMsg:"File(s) uploaded successfully.",name:"Image1.png",icon:"file-image"}),Et(Oe,{status:"success",validationMsg:"File(s) uploaded successfully.",name:"Image2.png",icon:"file-image"})]});case"failed":return Vn(qa,{status:"failed",style:{width:"586px"},...o,children:[Et(Oe,{status:"error",validationMsg:"File type not allowed.",name:"Movie1.mkv",icon:"file-image"}),Et(Oe,{status:"error",validationMsg:"File type not allowed.",name:"Video2.mkv",icon:"file-image"})]});case"uploading":return Vn(qa,{status:"uploading",style:{width:"586px"},...o,children:[Et(Oe,{progress:"50",status:"progress",name:"Document1.txt",icon:"file-pdf",size:"328.92 KB"}),Et(Oe,{progress:"70",status:"progress",name:"Document2.txt",icon:"file-pdf",size:"225.68 KB"})]});case"upload":return Vn(qa,{actions:!0,status:"upload",style:{width:"586px"},...o,children:[Et(Oe,{name:"Image1.png",icon:"file-image",size:"51.23 KB"}),Et(Oe,{name:"Image2.jpg",icon:"file-image",size:"106.43 KB"})]});default:return Et(ud,{async:!0,status:"upload",style:{width:"586px"},...o})}};pa.options=bh;pa.states=xh;pa.variants=Nh;pa.defaultOptions=fd;pa.modifiers=hh;pa.className=ae.className;import{Fragment as o4,jsx as t4,jsxs as a4}from"react/jsx-runtime";import{jsx as i4}from"react/jsx-runtime";import{Fragment as c4,jsx as m4,jsxs as u4}from"react/jsx-runtime";import{Fragment as h4,jsx as N4,jsxs as v4}from"react/jsx-runtime";import{Fragment as k4,jsx as S4,jsxs as C4}from"react/jsx-runtime";import{Fragment as T4,jsx as I4}from"react/jsx-runtime";var ei="appbar",bd=ei;import{jsx as Mh}from"react/jsx-runtime";var ti="k-appbar",vh=[],gh={themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary,h.inverse]},Lh={},Ce=e=>{let{themeColor:t,positionMode:o,position:a,...n}=e;return Mh("div",{...n,className:s(e.className,ti,E(ti,{themeColor:t}),{[`k-appbar-${o}`]:o,[`k-appbar-${a}`]:a}),children:e.children})};Ce.states=vh;Ce.options=gh;Ce.className=ti;Ce.defaultOptions=Lh;Ce.moduleName=ei;Ce.folderName=bd;import{jsx as kh}from"react/jsx-runtime";var Sh="k-appbar-section",ht=e=>{let{...t}=e;return kh("div",{...t,className:s(Sh,e.className),children:e.children})};import{Fragment as $4,jsx as G4,jsxs as V4}from"react/jsx-runtime";import{jsx as j,jsxs as da}from"react/jsx-runtime";var oi={...Ce.options,positionMode:["static","sticky","fixed"]},Ch=Ce.states,xd={...Ce.defaultOptions,themeColor:"primary",variant:"top",positionMode:"sticky"};oi.themeColor=["primary",...oi.themeColor.filter(e=>e!=="primary")];var Ah=[{name:"top",title:"Top"},{name:"bottom",title:"Bottom"}],ma=e=>{let{variant:t,...o}={...xd,...e},a=da(Ce,{position:t,...o,children:[j(ht,{children:j($,{fillMode:"flat",icon:"menu"})}),j("span",{className:"k-spacer k-spacer-sized",style:{width:"8px"}}),j(ht,{children:j("h3",{className:"k-m-0",children:"AppBar"})}),j("span",{className:"k-spacer"}),da(ht,{children:[j(at,{fillMode:"flat",children:"Button"}),j(at,{fillMode:"flat",children:"Button"}),j(at,{fillMode:"flat",children:"Button"})]}),j("span",{className:"k-spacer k-spacer-sized",style:{width:"8px"}}),j(ht,{children:j(ln,{value:"Input value"})}),da(ht,{children:[j($,{className:"k-mx-sm",fillMode:"flat",icon:"bell"}),j("span",{className:"k-appbar-separator"}),j(In,{className:"k-mx-sm",children:j("img",{src:"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg"})})]})]}),n=da("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"?da("div",{style:{height:"250px",overflow:"auto"},children:[n,a]}):da("div",{style:{height:"250px",overflow:"auto"},children:[a,n]})};ma.options=oi;ma.states=Ch;ma.variants=Ah;ma.defaultOptions=xd;ma.modifiers=[];ma.className=Ce.className;var ai="suggestion",Nd=ai;import{jsx as $n,jsxs as Ih}from"react/jsx-runtime";var Xn="k-suggestion-group",Eh=[],yh={},hd={layout:"scrollable",scrollingPosition:"start"},tt=e=>{let{layout:t=hd.layout,scrollingPosition:o,...a}=e,n=$n("div",{...a,className:s(Xn,{"k-suggestion-group-scrollable":t=="scrollable",[`${Xn}-scrollable-start`]:o==="start"\|\|o==="both",[`${Xn}-scrollable-end`]:o==="end"\|\|o==="both"},e.className),role:"group",children:t==="scrollable"\|\|t==="scrollButtons"?$n("div",{className:"k-suggestions-scroll",children:e.children}):e.children});return t=="scrollButtons"?Ih("div",{className:"k-suggestion-scrollwrap",children:[$n(p,{fillMode:"flat",icon:"chevron-left",size:"xsmall","aria-label":"Scroll left"}),n,$n(p,{fillMode:"flat",icon:"chevron-right",size:"xsmall","aria-label":"Scroll right"})]}):n};tt.states=Eh;tt.options=yh;tt.className=Xn;tt.defaultOptions=hd;tt.moduleName=ai;tt.folderName=Nd;import{jsx as Ph}from"react/jsx-runtime";var qn="k-suggestion",Th=[r.active,r.hover,r.focus],Oh={themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary]},Bh={text:"Suggestion"},ot=e=>{let{themeColor:t,active:o,hover:a,focus:n,text:i,...l}=e;return Ph("span",{...l,className:s(e.className,qn,S(qn,{hover:a,active:o,focus:n}),E(qn,{themeColor:t})),role:"button",tabIndex:0,"aria-label":i,children:i})};ot.states=Th;ot.options=Oh;ot.className=qn;ot.item=Bh;import{Fragment as h8,jsx as N8,jsxs as v8}from"react/jsx-runtime";import{Fragment as k8,jsx as S8,jsxs as C8}from"react/jsx-runtime";import{Fragment as T8,jsx as I8,jsxs as O8}from"react/jsx-runtime";import{Fragment as Hh,jsx as ee,jsxs as Wn}from"react/jsx-runtime";var Kh=G.states,Rh=G.defaultOptions,_h=G.options,wh=[{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"}],Dh=[],ca=e=>{let{modifiers:t,...o}=e,a={author:null,avatar:null},n=Wn(Ce,{className:"k-chat-header",positionMode:"sticky",themeColor:"primary",children:[ee("span",{className:"k-spacer k-spacer-sized k-w-1"}),ee(ht,{children:ee("span",{children:"Chat with demo bot"})}),ee("span",{className:"k-spacer"}),ee(ht,{children:ee(p,{fillMode:"flat",icon:"more-vertical"})})]}),i=ee(Ut,{type:"sender",pinned:!0,content:"Hello! Generate a cover letter.",closeable:!0}),l=Wn(tt,{children:[ee(ot,{text:"Provide a CV template"}),ee(ot,{text:"Generate a cover letter"})]}),m=Wn(tt,{children:[ee(ot,{themeColor:"primary",text:"Thank you!"}),ee(ot,{themeColor:"primary",text:"Great!"})]}),u="https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg",f=null,N="User",g="Demo Bot";Object.keys(t\|\|{}).forEach(y=>{switch(y){case"header":a.header=t?.[y]?n:!1;break;case"pinned":a.pinned=t?.[y]?i:!1;break;case"suggested":a.suggestedActions=t?.[y]?l:!1;break;case"author":a.author=t?.[y]?!0:null;break;case"avatar":a.avatar=t?.[y]?u:null;break;case"quick":a.quickReplies=t?.[y]?m:ee(Hh,{});break;default:break}});let{header:c,pinned:L,suggestedActions:M,author:k,avatar:A,quickReplies:C}=a;return Wn(vd,{value:"Thank you!",style:{minHeight:"100%"},...o,header:c,pinned:L,suggestedActions:M,children:[ee(W,{avatar:f,author:k?g:null,children:ee(F,{text:"Hello, this is a demo bot. How can I help you ?"})}),ee(W,{avatar:A?u:null,author:k?N:null,type:"sender",children:ee(F,{text:"Hello! Generate a cover letter."})}),ee(W,{avatar:f,author:k?g:null,children:ee(F,{text:"Sure. Here is a cover letter template",files:ee(xt,{children:ee(Te,{icon:"file-pdf",name:"cover_letter.pdf",size:"1.43MB"})})})}),C]})};ca.options=_h;ca.states=Kh;ca.variants=Dh;ca.defaultOptions=Rh;ca.modifiers=wh;ca.className=G.className;import{Fragment as zh,jsx as vt,jsxs as Uh}from"react/jsx-runtime";var vd=e=>vt(G,{children:Uh(zh,{children:[vt("div",{className:"k-timestamp",children:"Day, Month 7, 2023"}),vt(W,{children:vt(F,{})}),vt(W,{type:"sender",children:vt(F,{})}),vt(W,{children:vt(F,{text:"Very long message text that tests message overflowing behavior. Very long message text that tests message overflowing behavior."})}),vt(W,{type:"sender",children:vt(F,{text:"Unusually_long_word_that_tests_word_break_behavior__unusually_long_word_that_tests_word_break_behavior"})})]}),...e});export{vd as ChatNormal};