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

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

@@ -1 +1 @@
-var s=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?s(...t):typeof t=="object"?Object.keys(t).map((o,a)=>t[a]||t[o]&&o||null).filter(o=>o!==null).join(" "):t).filter(t=>!!t).join(" ");var E=(e,t)=>s({[`${e}-xs`]:t.size==="xsmall",[`${e}-sm`]:t.size==="small",[`${e}-md`]:t.size==="medium",[`${e}-lg`]:t.size==="large",[`${e}-xl`]:t.size==="xlarge",[`${e}-xxl`]:t.size==="xxlarge",[`${e}-xxxl`]:t.size==="xxxlarge"},{[`${e}-${t.fillMode}`]:t.fillMode},{[`${e}-${t.themeColor}`]:t.themeColor},{"k-rounded-sm":t.rounded==="small","k-rounded-md":t.rounded==="medium","k-rounded-lg":t.rounded==="large","k-rounded-full":t.rounded==="full","k-rounded-none":t.rounded==="none"}),C=(e,t)=>{let{valid:o,invalid:a,hover:n,focus:i,checked:l,active:m,selected:u,disabled:b,indeterminate:x,loading:g,empty:c,readonly:L,highlighted:M,...S}=t;return s({"k-valid":o,"k-invalid":a,"k-hover":n,"k-focus":i,"k-checked":l,"k-active":m,"k-selected":u,"k-disabled":b,"k-indeterminate":x&&!l,"k-loading":g,"k-empty":c,"k-readonly":L,"k-highlighted":M},Object.keys(S).reduce((A,k)=>(k.startsWith("k-")?A[k]=S[k]:A[`k-${k}`]=S[k],A),{}))};function Ya(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(a=>[`k-${a}`,!0]))}var d={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},f={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},N={undefined:void 0,solid:"solid",tint:"tint",flat:"flat",outline:"outline",clear:"clear",link:"link"},it={undefined:void 0,outline:"outline",solid:"solid",duotone:"duotone"},h={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",inverse:"inverse"},r={open:"open",hover:"hover",focus:"focus",active:"active",selected:"selected",disabled:"disabled",valid:"valid",invalid:"invalid",loading:"loading",required:"required",empty:"empty",indeterminate:"indeterminate",checked:"checked",readonly:"readonly",highlighted:"highlighted",generating:"generating",expanded:"expanded"};var jn={};function B(e){return jn[e]=(jn[e]||0)+1,`k-${e}-${jn[e]}`}import{Fragment as Sd,jsx as ri}from"react/jsx-runtime";var es="k-font-icon",gd=[],Ld={size:[d.undefined,d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary,h.success,h.warning,h.error,h.info]},Md={},ba=e=>{let{size:t,themeColor:o,icon:a,rotate:n,flip:i,...l}=e;return a?ri("span",{...l,className:s(e.className,es,E(es,{size:t}),{[`k-i-${a}`]:a,[`k-color-${o}`]:o,[`k-rotate-${n}`]:n,"k-flip-h":i==="h"||i==="both","k-flip-v":i==="v"||i==="both"}),"aria-hidden":"true"}):ri(Sd,{})};ba.states=gd;ba.options=Ld;ba.className=es;ba.defaultOptions=Md;var ii=ba;import{Fragment as Ad,jsx as Za}from"react/jsx-runtime";var ts="k-svg-icon",kd=[],Cd={size:[d.undefined,d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary,h.success,h.warning,h.error,h.info],variant:[it.outline,it.solid,it.duotone]},os={viewBox:"0 0 24 24",variant:it.outline},xa=e=>{let{size:t,themeColor:o,rotate:a,flip:n,viewBox:i=os.viewBox,variant:l=os.variant,icon:m,...u}=e;if(!m)return Za(Ad,{});if(m==="none")return Za("span",{...u,className:s(e.className,ts,E("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let b=typeof m=="object"&&m.name&&m.name,x=typeof m=="object"?l&&m.variants?.[l]||m.variants?.outline||m.content:void 0;return Za("span",{...u,className:s(e.className,ts,E("k-icon",{size:t}),{[`k-svg-i-${b}`]:b,[`k-color-${o}`]:o,[`k-rotate-${a}`]:a,"k-flip-h":n==="h"||n==="both","k-flip-v":n==="v"||n==="both"}),"aria-hidden":"true",children:Za("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof m=="object"?m.viewBox:i,dangerouslySetInnerHTML:x!==void 0?{__html:x}:void 0,children:m?void 0:e.children})})};xa.states=kd;xa.options=Cd;xa.className=ts;xa.defaultOptions=os;var as=xa;import*as ns from"@progress/kendo-svg-icons";var li="icon",pi="icons";import{useContext as yd}from"react";import{createContext as Ed}from"react";var di=Ed({iconsType:"svg"});import{Fragment as mi,jsx as Na}from"react/jsx-runtime";var Qa="k-icon",Id=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),Td=[],Od={size:[d.undefined,d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary,h.success,h.warning,h.error,h.info],variant:[it.outline,it.solid,it.duotone]},ja={viewBox:"0 0 24 24",type:"svg",variant:it.outline},v=e=>{let{iconsType:t}=yd(di),{size:o,themeColor:a,icon:n,type:i=t||ja.type,rotate:l,flip:m,viewBox:u=ja.viewBox,variant:b=ja.variant,...x}=e;if(!n)return Na(mi,{});if((t||i)==="svg"){if(n==="none")return Na(as,{...x,className:s(e.className,Qa),icon:n,size:o,variant:b});let c=ns[n]?n:Id(`${n}-icon`);return ns[c]?Na(as,{...x,className:s(e.className,Qa),icon:ns[c],size:o,themeColor:a,rotate:l,flip:m,viewBox:u,variant:b}):Na(mi,{})}return Na(ii,{...x,className:s(e.className,Qa),icon:n,size:o,themeColor:a,rotate:l,flip:m})};v.states=Td;v.options=Od;v.defaultOptions=ja;v.className=Qa;v.moduleName=li;v.folderName=pi;var ss="button",ci=ss;import{Fragment as rs,jsx as yt,jsxs as ui}from"react/jsx-runtime";var ha="k-button",Bd=["icon-button"],Pd=[r.hover,r.focus,r.active,r.selected,r.disabled,r.generating],Kd={size:[d.undefined,d.xsmall,d.small,d.medium,d.large],rounded:[f.undefined,f.none,f.small,f.medium,f.large,f.full],fillMode:[N.undefined,N.solid,N.flat,N.outline,N.clear,N.link],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary,h.success,h.warning,h.error,h.info,h.inverse]},is={showArrow:!1,arrowIconName:"chevron-down"},p=e=>{let{as:t="button",size:o,rounded:a,fillMode:n,themeColor:i,showArrow:l=is.showArrow,arrowIconName:m=is.arrowIconName,variant:u,hover:b,focus:x,active:g,selected:c,disabled:L,togglable:M,ariaDisabled:S,icon:A,endIcon:k,iconSize:y,text:w,iconClassName:se,className:Ae,...pe}=e,ue=A!=null,ua=e.children!==void 0;return ui(t,{className:s(Ae,ha,Ya(ha,u),E(ha,{size:o,rounded:a,fillMode:n,themeColor:i}),C(ha,{hover:b,focus:x,active:g,disabled:L||S,selected:c}),{"k-icon-button":!w&&!ua&&ue}),"aria-pressed":M?c?"true":"false":void 0,...pe,"aria-disabled":S?"true":void 0,disabled:L||void 0,children:[typeof A=="string"&&A&&yt(v,{className:s(se,"k-button-icon"),icon:A,size:y}),A&&typeof A!="string"&&yt(rs,{children:A}),w?ui(rs,{children:[w&&yt("span",{className:"k-button-text",children:w}),e.children]}):e.children&&yt("span",{className:"k-button-text",children:e.children}),typeof k=="string"&&k&&yt(v,{className:s(se,"k-button-icon"),icon:k,size:y}),k&&typeof k!="string"&&yt(rs,{children:k}),l&&yt("span",{className:"k-menu-button-arrow k-button-arrow",children:yt(v,{icon:m})})]})};p.states=Pd;p.options=Kd;p.variants=Bd;p.className=ha;p.defaultOptions=is;p.moduleName=ss;p.folderName=ci;import{jsx as Rd}from"react/jsx-runtime";var $=e=>Rd(p,{icon:"folder",...e,"aria-label":e["aria-label"]||"Folder",children:void 0});import{jsx as _d}from"react/jsx-runtime";var va=e=>_d(p,{icon:"folder",children:"Button",...e});import{jsx as Pv}from"react/jsx-runtime";import{jsx as wd}from"react/jsx-runtime";var at=e=>wd(p,{children:"Button",...e});import{jsx as ls}from"react/jsx-runtime";var Dd=p.options,Hd=p.states,zd={...p.defaultOptions,variant:"text"},Ud=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Fd=[],fo=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return ls($,{...o,icon:"star"});case"icon-and-text":return ls(va,{...o,icon:"star",children:"Button"});default:return ls(at,{...o,children:"Button"})}};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 en="k-fab",$d=[r.hover,r.focus,r.active,r.selected,r.disabled],Xd={size:[d.undefined,d.small,d.medium,d.large],rounded:[f.undefined,f.none,f.small,f.medium,f.large,f.full],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary]},bi={type:"button"},te=e=>{let{size:t,rounded:o,themeColor:a,text:n,icon:i,type:l=bi.type,position:m,hover:u,focus:b,active:x,selected:g,disabled:c,...L}=e;return qd("button",{...L,type:l,className:s(e.className,en,E(en,{size:t,rounded:o,themeColor:a}),C(en,{hover:u,focus:b,active:x,disabled:c,selected:g}),{[`!k-pos-absolute k-${m}`]:m}),...!n&&i&&!e["aria-label"]&&{"aria-label":"Action"},...c&&{"aria-disabled":"true"},disabled:c||void 0,children:[i&&fi(v,{className:"k-fab-icon",icon:i}),n&&fi("span",{className:"k-fab-text",children:n})]})};te.states=$d;te.options=Xd;te.className=en;te.defaultOptions=bi;te.moduleName="fab";te.folderName="fab";import{jsx as Jd}from"react/jsx-runtime";var Wd="k-fab-items",xi=e=>{let{position:t,...o}=e;return Jd("ul",{...o,className:s(e.className,Wd,{[`k-fab-items-${t}`]:t}),children:e.children})};import{jsx as hi,jsxs as Zd}from"react/jsx-runtime";var Ni="k-fab-item",Yd=[r.hover,r.focus,r.active,r.disabled],ps=e=>{let{text:t,icon:o,align:a,hover:n,focus:i,active:l,disabled:m,...u}=e;return Zd("li",{...u,className:s(e.className,Ni,{[`k-text-${a}`]:a},C(Ni,{hover:n,focus:i,active:l,disabled:m})),children:[hi("span",{className:"k-fab-item-text",children:t}),hi(v,{className:"k-fab-item-icon",icon:o})]})};ps.states=Yd;import{jsx as ug}from"react/jsx-runtime";import{jsx as Qd}from"react/jsx-runtime";var vi=e=>Qd(te,{icon:"plus",...e});import{jsx as gg}from"react/jsx-runtime";import{jsx as kg}from"react/jsx-runtime";import{jsx as 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(ps,{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 ds="k-input-inner",sm=[],rm={},tn={type:"text",autocomplete:"off",value:"",placeholder:""},fe=e=>{let{value:t=tn.value,type:o=tn.type,placeholder:a=tn.placeholder,autocomplete:n=tn.autocomplete,disabled:i,readOnly:l,...m}=e;return im("input",{...m,type:o,className:s(e.className,ds,E(ds,e)),placeholder:a,autoComplete:n,defaultValue:t,disabled:i||void 0,readOnly:l||void 0})};fe.states=sm;fe.options=rm;fe.className=ds;import{jsx as dm}from"react/jsx-runtime";var ms="k-input-inner",lm=[],pm={},gi={value:"",placeholder:""},ga=e=>{let{value:t=gi.value,placeholder:o=gi.placeholder,rows:a,disabled:n,...i}=e;return dm("textarea",{...i,className:s(e.className,ms,E(ms,e)),placeholder:o,rows:a,defaultValue:t,disabled:n||void 0})};ga.states=lm;ga.options=pm;ga.className=ms;var cs="prompt-box",Li=cs;var us="speech-to-text-button",Mi=us;import{jsx as mm}from"react/jsx-runtime";var Si="k-speech-to-text-button",ki={icon:"microphone"},Be=e=>{let{listening:t=!1,icon:o=ki.icon,...a}=e;return mm(p,{...a,icon:t?"stop":o,className:s(e.className,Si,{"k-listening":t}),"aria-pressed":t?"true":"false","aria-label":t?"Stop listening":"Start listening"})};Be.states=p.states;Be.options=p.options;Be.className=Si;Be.defaultOptions=ki;Be.moduleName=us;Be.folderName=Mi;import{jsx as sL}from"react/jsx-runtime";import{jsx as pL}from"react/jsx-runtime";import{jsx as xm}from"react/jsx-runtime";var cm=p.states,Ci={...p.defaultOptions,variant:"normal"},um={...p.options,fillMode:p.options.fillMode.filter(e=>e!=="clear"&&e!=="link")},fm=[],bm=[{name:"normal",title:"Normal"},{name:"listening",title:"Listening"}],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 Wt,jsxs as fs}from"react/jsx-runtime";var lt="k-prompt-box",Nm=[r.hover,r.focus,r.disabled],hm={fillMode:[N.undefined,N.solid,N.flat,N.outline]},bs={lineMode:"auto",isExpanded:!1},be=e=>{let{fillMode:t,lineMode:o=bs.lineMode,startAffix:a,endAffix:n,header:i,isExpanded:l=bs.isExpanded,className:m,children:u,value:b,placeholder:x,generating:g,actionButtonConfig:c,speechToTextButtonConfig:L,uploadButtonConfig:M,hover:S,focus:A,disabled:k,...y}=e,w=o==="multi"||o==="auto"&&l;return fs("div",{...y,className:s(m,"k-input",lt,{[`${lt}-singleline`]:o==="single",[`${lt}-multiline`]:w,[`k-input-${t}`]:t,"k-hover":S,"k-focus":A,"k-disabled":k}),children:[i&&Wt("div",{className:`${lt}-header`,children:i}),fs("div",{className:`${lt}-content`,children:[a&&Wt("div",{className:`${lt}-affix`,children:a}),o==="single"?Wt(fe,{value:b,placeholder:x,className:`${lt}-input`,type:"text","aria-label":"Prompt input"}):Wt(ga,{value:b,placeholder:x,className:`${lt}-textarea`,rows:o==="multi"||l?3:1,"aria-label":"Prompt input","aria-multiline":"true"}),fs("div",{className:`${lt}-affix`,children:[n,M&&Wt($,{icon:"paperclip",size:"small",fillMode:"flat",rounded:"full","aria-label":"Attach files",...M}),L!==!1&&Wt(Be,{size:"small",fillMode:"flat",rounded:"full",...L}),Wt($,{icon:g?"stop":"arrow-up",size:"small",rounded:"full",active:g,disabled:!b&&!g,"aria-label":g?"Stop generating":"Send prompt","aria-live":"polite",...c,className:s({"k-generating":g},c?.className)})]})]}),u]})};be.states=Nm;be.options=hm;be.className=lt;be.defaultOptions=bs;be.moduleName=cs;be.folderName=Li;import{jsx as PL}from"react/jsx-runtime";import{jsx as wL}from"react/jsx-runtime";import{jsx as UL}from"react/jsx-runtime";import{jsx as $L}from"react/jsx-runtime";import{jsx as JL}from"react/jsx-runtime";import{Fragment as xs,jsx as It,jsxs as km}from"react/jsx-runtime";var vm=be.options,gm=be.states,Lm={...be.defaultOptions,variant:"Single"},Mm=[{name:"Single",title:"Singleline"},{name:"Multi",title:"Multiline"}],Sm=[{name:"header",title:"Header"},{name:"endAffix",title:"End Affix"},{name:"startAffix",title:"Start Affix"}],ho=e=>{let{variant:t,modifiers:o,...a}=e,n={},i=It(xs,{children:It($,{size:"small",icon:"send",fillMode:"flat"})});return Object.keys(o||{}).forEach(l=>{switch(l){case"header":n.header=o?.[l]?It(p,{children:"Button in header"}):void 0;break;case"endAffix":o?.[l]&&(n.endAffix=km(xs,{children:[i,It($,{icon:"paperclip",size:"small",fillMode:"flat"})]}));break;case"startAffix":n.startAffix=o?.[l]?It(xs,{children:It($,{icon:"plus",size:"small",fillMode:"flat"})}):void 0;break;default:break}}),t==="Multi"?It(be,{style:{width:300},lineMode:"multi",endAffix:i,placeholder:"Enter your prompt...",...a,...n}):It(be,{style:{width:300},lineMode:"single",endAffix:i,placeholder:"Enter your prompt...",...a,...n})};ho.options=vm;ho.states=gm;ho.variants=Mm;ho.defaultOptions=Lm;ho.modifiers=Sm;ho.className=be.className;var Ns="chat",Ai=Ns;import{Fragment as Ii,jsx as Jt,jsxs as La}from"react/jsx-runtime";var Ei="k-chat",Cm=[],Am={},Em=La(Ii,{children:[Jt($,{icon:"paperclip",fillMode:"clear",rounded:"full",size:"small","aria-label":"Attach file"},"paperclip"),Jt("div",{className:"k-spacer"})]}),yi={tools:Em},G=e=>{let{header:t,dir:o,suggestedActions:a,files:n,pinned:i,replied:l,generating:m,tools:u=yi.tools,value:b,empty:x,scrollToBottom:g,scrollbar:c,promptBoxProps:L,...M}=e;return La("div",{...M,className:s(Ei,e.className),dir:o,children:[t,La("div",{className:"k-message-list",role:"log","aria-label":"Message list","aria-live":"polite",children:[i,Jt("div",{className:s("k-message-list-content",x&&"k-message-list-content-empty"),children:e.children}),g&&Jt("div",{className:"k-chat-scroll-to-bottom-container",children:Jt(vi,{themeColor:"base",icon:"arrow-down",size:"small"})})]}),c&&Jt("div",{className:"k-separator"}),La("div",{className:"k-message-box-wrapper",children:[a,Jt(be,{lineMode:"multi",placeholder:"Type a message",generating:m,value:b,header:n||l?La(Ii,{children:[l,n]}):void 0,endAffix:u,...L})]})]})};G.states=Cm;G.options=Am;G.className=Ei;G.defaultOptions=yi;G.moduleName=Ns;G.folderName=Ai;var hs="button",Ti=hs;import{jsx as Om}from"react/jsx-runtime";var Ma="k-button-group",ym=[r.disabled],Im={fillMode:[N.undefined,N.solid,N.flat,N.outline,N.clear,N.link]},Tm={},T=e=>{let{fillMode:t,disabled:o,stretched:a,...n}=e;return Om("div",{role:"group",...n,className:s(e.className,Ma,E(Ma,{fillMode:t}),C(Ma,{disabled:o}),{[`${Ma}-stretched`]:a}),...o&&{"aria-disabled":"true"},children:e.children})};T.states=ym;T.options=Im;T.className=Ma;T.defaultOptions=Tm;T.moduleName=hs;T.folderName=Ti;import{Fragment as IM,jsx as yM,jsxs as TM}from"react/jsx-runtime";import{Fragment as _M,jsx as RM,jsxs as wM}from"react/jsx-runtime";import{Fragment as GM,jsx as FM,jsxs as VM}from"react/jsx-runtime";import{Fragment as YM,jsx as JM,jsxs as ZM}from"react/jsx-runtime";import{Fragment as aS,jsx as oS,jsxs as nS}from"react/jsx-runtime";import{Fragment as dS,jsx as pS,jsxs as mS}from"react/jsx-runtime";import{Fragment as NS,jsx as xS,jsxs as hS}from"react/jsx-runtime";import{jsx as gt,jsxs as vs}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"?vs(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"?vs(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"})]}):vs(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 Sa="input",an=Sa;import{jsx as zm}from"react/jsx-runtime";var nn="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:[f.undefined,f.none,f.small,f.medium,f.large,f.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},Hm={},J=e=>{let{hover:t,focus:o,disabled:a,invalid:n,valid:i,loading:l,readonly:m,size:u,rounded:b,fillMode:x,...g}=e;return zm("span",{...g,className:s(e.className,nn,E(nn,{size:u,rounded:b,fillMode:x}),C(nn,{hover:t,focus:o,disabled:a,invalid:n,valid:i,loading:l,readonly:m}))})};J.states=wm;J.options=Dm;J.className=nn;J.defaultOptions=Hm;J.moduleName=Sa;J.folderName=an;import{jsx as Vm}from"react/jsx-runtime";var sn="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:[f.undefined,f.none,f.small,f.medium,f.large,f.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},Gm={},pt=e=>{let{hover:t,focus:o,disabled:a,invalid:n,valid:i,loading:l,readonly:m,size:u,rounded:b,fillMode:x,...g}=e;return Vm("span",{...g,className:s(e.className,sn,E(sn,{size:u,rounded:b,fillMode:x}),C(sn,{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=sn;pt.defaultOptions=Gm;pt.moduleName=Sa;pt.folderName=an;import{Fragment as qm,jsx as gs}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?gs(qm,{}):gs("span",{className:s(e.className,Oi),children:gs(v,{icon:"x"})})};Pe.states=$m;Pe.options=Xm;Pe.className=Oi;import{jsx as Bi,jsxs as Ym}from"react/jsx-runtime";var Ls="k-input-inner",Wm=[],Jm={},Yt=e=>{let{value:t,placeholder:o,showValue:a,valueIcon:n,valueIconName:i,...l}=e;return Ym("span",{...l,className:s(e.className,Ls,E(Ls,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})]})};Yt.states=Wm;Yt.options=Jm;Yt.className=Ls;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 uk}from"react/jsx-runtime";import{jsx as pc}from"react/jsx-runtime";var lc="k-input-suffix-text",Ms=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 Ss}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,b=t?.suffix,x=t?.["clear-button"],g=t?.["validation-icon"],c=t?.separators;return Ss(J,{...m,valid:o,invalid:a,loading:n,disabled:i,readonly:l,style:{width:300},children:[u&&Ss(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}),x&&dt(Pe,{loading:n,disabled:i,readonly:l,value:"Value"}),b&&Ss(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={},Tt=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}})]})};Tt.states=Nc;Tt.options=hc;Tt.className=Fi;var ks="popup",Gi=ks;import{jsx as Vi}from"react/jsx-runtime";var $i="k-animation-container",gc=[],Lc={},Cs={positionMode:"absolute",shown:!0},mt=e=>{let{positionMode:t=Cs.positionMode,shown:o=Cs.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=Cs;mt.moduleName=ks;mt.folderName=Gi;var As="popup",Xi=As;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=As;X.folderName=Xi;var Es="action-buttons",Yi=Es;import{jsx as Ac}from"react/jsx-runtime";var rn="k-actions",kc=[],Cc={},ys={alignment:"start",orientation:"horizontal"},Ke=e=>{let{alignment:t=ys.alignment,orientation:o=ys.orientation,...a}=e;return Ac("div",{...a,className:s(rn,{[`${rn}-${t}`]:t,[`${rn}-${o}`]:o},e.className),children:e.children})};Ke.states=kc;Ke.options=Cc;Ke.className=rn;Ke.defaultOptions=ys;Ke.moduleName=Es;Ke.folderName=Yi;var Zi=Ke;import{jsx as yc}from"react/jsx-runtime";var Ec="k-actionsheet-footer",Qi={alignment:"stretched",orientation:"horizontal"},Ot=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 Is="searchbox",ji=Is;import{jsx as ka,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:[f.undefined,f.none,f.small,f.medium,f.large,f.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},ln={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:b,required:x,loading:g,disabled:c,showIcon:L=ln.showIcon,showClearButton:M=ln.showClearButton,icon:S=ln.icon,"aria-label":A,...k}=e;return Oc(J,{...k,size:a,rounded:n,fillMode:i,hover:l,focus:m,valid:u,invalid:b,required:x,loading:g,disabled:c,className:s(e.className,el),children:[L&&ka(v,{className:"k-input-icon",icon:S}),ka(fe,{placeholder:o,value:t,"aria-label":A}),ka(Ee,{...e}),ka(xe,{...e}),M&&ka(Pe,{...e})]})};Ve.states=Ic;Ve.options=Tc;Ve.className=el;Ve.defaultOptions=ln;Ve.moduleName=Is;Ve.folderName=ji;import{jsx as DC}from"react/jsx-runtime";var Ts="textbox",tl=Ts;import{Fragment as ol,jsx as Bt,jsxs as Os}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:[f.undefined,f.none,f.small,f.medium,f.large,f.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},pn={showClearButton:!0,showValidationIcon:!0,separators:!0},de=e=>{let{size:t,rounded:o,fillMode:a,separators:n=pn.separators,showClearButton:i=pn.showClearButton,showValidationIcon:l=pn.showValidationIcon,prefix:m,suffix:u,type:b,value:x,placeholder:g,hover:c,focus:L,valid:M,invalid:S,required:A,loading:k,disabled:y,readonly:w,id:se,"aria-label":Ae,"aria-describedby":pe,...ue}=e;return Os(J,{...ue,size:t,rounded:o,fillMode:a,hover:c,focus:L,valid:M,invalid:S,required:A,loading:k,disabled:y,readonly:w,className:s(e.className,al),children:[m&&Os(ol,{children:[Bt(Ue,{children:m}),n&&Bt(Ge,{})]}),Bt(fe,{id:se,placeholder:g,value:x,type:b,disabled:y,"aria-label":Ae,"aria-describedby":pe,"aria-invalid":S?"true":void 0}),l&&Bt(xe,{valid:M,invalid:S,loading:k,disabled:y}),Bt(Ee,{loading:k,disabled:y}),i&&Bt(Pe,{loading:k,disabled:y,readonly:w,value:x}),u&&Os(ol,{children:[n&&Bt(Ge,{}),Bt(Fe,{children:u})]})]})};de.states=Bc;de.options=Pc;de.className=al;de.defaultOptions=pn;de.moduleName=Ts;de.folderName=tl;var Ca=de;import{jsx as Kc}from"react/jsx-runtime";var dn=e=>Kc(Ca,{...e});import{Fragment as oA,jsx as tA}from"react/jsx-runtime";import{Fragment as lA,jsx as iA}from"react/jsx-runtime";import{jsx as cA}from"react/jsx-runtime";import{jsx as Bs}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]?Bs(v,{icon:"lock"}):void 0;break;case"suffix":a.suffix=t?.[n]?Bs(at,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":a.showClearButton=t?.[n];break;default:break}}),Bs(dn,{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 Pt,jsxs as Ps}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:b,titleId:x,children:g,...c}=e;return Ps("div",{...c,className:s(e.className,nl),children:[Ps("div",{className:"k-actionsheet-titlebar-group",children:[a&&Pt("div",{className:"k-actionsheet-actions",children:a}),!g&&Ps("div",{className:"k-actionsheet-title",id:x,children:[t&&Pt("div",{className:"k-text-center",children:t}),o&&Pt("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),g&&Pt("div",{className:"k-actionsheet-title",id:x,children:g}),n&&Pt("div",{className:"k-actionsheet-actions",children:n})]}),(l||i)&&Pt("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:l?Pt(de,{value:m,placeholder:u,size:b?"large":"medium","aria-label":t||u||"Input"}):Pt(Ve,{placeholder:"Filter",size:b?"large":"medium","aria-label":"Filter options"})})]})};Ne.className=nl;Ne.defaultOptions=zc;import{jsx as Ks,jsxs as Vc}from"react/jsx-runtime";var Rs="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&&Ks(Ne,{adaptive:t,titleId:l,...n?.props}),b=i?.type===Ot&&Ks(Ot,{...i?.props});return Vc("div",{...m,className:s(e.className,Rs,{[`${Rs}-animated`]:o}),children:[u,Ks("div",{className:"k-actionsheet-content",children:a}),b]})};Mo.states=Uc;Mo.options=Fc;Mo.className=Rs;Mo.defaultOptions=Gc;var Aa="action-sheet",mn=Aa;var _s="overlay",sl=_s;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=_s;ct.folderName=sl;import{jsx as cn,jsxs as Zc}from"react/jsx-runtime";var il="k-actionsheet",Jc=[],Yc={},Ea={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},Y=e=>{let{side:t=Ea.side,fullscreen:o=Ea.fullscreen,adaptive:a=Ea.adaptive,overlay:n=Ea.overlay,template:i,children:l,header:m,footer:u,id:b,...x}=e,g=b&&!i&&m?`${b}-title`:void 0;return Zc("div",{className:"k-actionsheet-container",children:[n&&cn(ct,{}),cn(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:cn("div",{...x,id:b,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||cn(Mo,{header:m,footer:u,adaptive:a,titleId:g,...e,children:l})})})]})};Y.states=Jc;Y.options=Yc;Y.className=il;Y.defaultOptions=Ea;Y.moduleName=Aa;Y.folderName=mn;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=Aa;So.folderName=mn;import{jsx as ou}from"react/jsx-runtime";var ws=e=>{let{...t}=e;return ou("div",{...t,className:s(e.className,"k-list-ul"),children:e.children})};import{Fragment as nu,jsx as ya,jsxs as Ds}from"react/jsx-runtime";var Hs="k-actionsheet-item",au=[r.hover,r.focus,r.selected,r.disabled],Kt=e=>{let{iconName:t,text:o,description:a,hover:n,focus:i,selected:l,disabled:m,...u}=e;return Ds("span",{...u,className:s(e.className,Hs,C(Hs,{hover:n,focus:i,selected:l,disabled:m})),children:[!e.children&&ya(nu,{children:Ds("span",{className:"k-actionsheet-action",children:[t&&ya("span",{className:"k-icon-wrap",children:ya(v,{className:"k-actionsheet-item-icon",icon:t})}),Ds("span",{className:"k-actionsheet-item-text",children:[o&&ya("span",{className:"k-actionsheet-item-title",children:o}),a&&ya("span",{className:"k-actionsheet-item-description",children:a})]})]})}),e.children]})};Kt.states=au;Kt.className=Hs;import{jsx as mE,jsxs as cE}from"react/jsx-runtime";import{jsx as xE}from"react/jsx-runtime";import{jsx as gE}from"react/jsx-runtime";import{jsx as kE}from"react/jsx-runtime";import{jsx as re,jsxs as zs}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=zs(ws,{children:[re(Kt,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),re(Kt,{text:"Add to Favorites",iconName:"heart"}),re(Kt,{text:"Upload New",iconName:"upload",disabled:!0}),re("hr",{className:"k-hr"}),re(Kt,{text:"Cancel",iconName:"cancel"})]}),l="Choose from the items below",m="Select Item";return t==="fullScreen"&&(n.fullScreen=!0),Object.keys(o||{}).forEach(u=>{switch(u){case"actions":n.actionsStart=!!o?.[u],n.actionsEnd=!!o?.[u];break;case"subtitle":n.subtitle=o?.[u]?l:void 0;break;case"footer":n.footer=!!o?.[u];break;default:break}}),t==="adaptive"?re(Y,{...a,adaptive:!0,fullscreen:n.fullScreen,header:re(Ne,{actionsStart:n.actionsStart?re(p,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:n.actionsEnd?re(p,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:m,subtitle:n.subtitle}),footer:n.footer?zs(Ot,{alignment:"stretched",children:[re(p,{text:"Cancel",size:"large",themeColor:"base"}),re(p,{text:"Apply",size:"large",themeColor:"primary"})]}):void 0,children:i}):re(Y,{...a,fullscreen:n.fullScreen,header:re(Ne,{actionsStart:n.actionsStart?re(p,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:n.actionsEnd?re(p,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:n.subtitle}),footer:n.footer?zs(Ot,{alignment:"stretched",children:[re(p,{text:"Apply",themeColor:"primary"}),re(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 Us="slider",ml=Us;import{jsx as Co,jsxs as Fs}from"react/jsx-runtime";var Ia="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:b=$e.value,min:x=$e.min,max:g=$e.max,startValue:c,endValue:L,hover:M,focus:S,active:A,trackStyle:k,dir:y,...w}=e,Ae=(()=>{if(t==="gradient"&&a==="2d")return"undefined";if(o==="vertical")return"vertical"})(),pe,ue;return o==="horizontal"?(pe=y==="rtl"?"chevron-left":"chevron-right",ue=y==="rtl"?"chevron-right":"chevron-left"):o==="vertical"&&(pe="chevron-up",ue="chevron-down"),Fs("div",{...w,className:s(Ia,e.className,C(Ia,{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"}),Fs("div",{className:"k-slider-track-wrap",children:[u&&Co("ul",{className:"k-reset k-slider-items","aria-hidden":"true",children:e.children}),Fs("div",{className:"k-slider-track",style:k,children:[Co("div",{className:"k-slider-selection"}),t==="range"&&Co("span",{className:s("k-draghandle","k-draghandle-start",C(Ia,{hover:M,focus:S,active:A})),role:"slider",tabIndex:i?void 0:0,"aria-valuenow":c??x,"aria-valuemin":x,"aria-valuemax":L??g,"aria-orientation":Ae,"aria-disabled":i?"true":void 0,"aria-readonly":n?"true":void 0,"aria-label":w["aria-label"]?`${w["aria-label"]} start`:"Range start"}),Co("span",{className:s("k-draghandle",`k-draghandle-${l}`,C(Ia,{hover:M,focus:S,active:A})),role:"slider",tabIndex:i?void 0:0,"aria-valuenow":t==="range"?L??g:b,"aria-valuemin":t==="range"?c??x:x,"aria-valuemax":g,"aria-orientation":Ae,"aria-disabled":i?"true":void 0,"aria-readonly":n?"true":void 0,"aria-label":t==="range"?w["aria-label"]?`${w["aria-label"]} end`:"Range end":w["aria-label"]})]})]}),m&&Co(p,{className:"k-button-increase",rounded:"full",icon:pe,tabIndex:-1,title:"Increase"})]})};V.states=pu;V.options=du;V.className=Ia;V.defaultOptions=$e;V.moduleName=Us;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 cy,jsx as my,jsxs as uy}from"react/jsx-runtime";import{Fragment as hy,jsx as Ny,jsxs as vy}from"react/jsx-runtime";import{jsx as Nu}from"react/jsx-runtime";var Gs=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 Vs=e=>hu(V,{type:"gradient",orientation:"vertical",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]||"Color slider"});import{Fragment as Ty,jsx as Iy,jsxs as Oy}from"react/jsx-runtime";import{Fragment as _y,jsx as Ry,jsxs as wy}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:[N.undefined,N.solid,N.flat,N.outline,N.clear,N.link]},$s={increaseLabel:"Increase value",decreaseLabel:"Decrease value"},Rt=e=>{let{size:t,fillMode:o,disabled:a,increaseLabel:n=$s.increaseLabel,decreaseLabel:i=$s.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})]})};Rt.states=Cu;Rt.options=Au;Rt.className=gl;Rt.defaultOptions=$s;Rt.moduleName=null;Rt.folderName=null;var Ll="numeric-textbox",Ml="numerictextbox";import{Fragment as Sl,jsx as Lt,jsxs as Xs}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:[f.undefined,f.none,f.small,f.medium,f.large,f.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},un={showSpinButton:!0,showClearButton:!0,separators:!0},D=e=>{let{size:t,rounded:o,fillMode:a,separators:n=un.separators,showClearButton:i=un.showClearButton,showSpinButton:l=un.showSpinButton,prefix:m,suffix:u,value:b,placeholder:x,hover:g,focus:c,valid:L,invalid:M,required:S,loading:A,disabled:k,readonly:y,id:w,"aria-label":se,"aria-describedby":Ae,...pe}=e;return Xs(J,{...pe,size:t,rounded:o,fillMode:a,hover:g,focus:c,valid:L,invalid:M,required:S,loading:A,disabled:k,readonly:y,className:s(e.className,kl),children:[m&&Xs(Sl,{children:[Lt(Ue,{children:m}),n&&Lt(Ge,{})]}),Lt(fe,{id:w,placeholder:x,value:b,role:"spinbutton",disabled:k,"aria-label":se,"aria-describedby":Ae,"aria-invalid":M?"true":void 0}),Lt(xe,{valid:L,invalid:M,loading:A,disabled:k}),Lt(Ee,{loading:A,disabled:k}),i&&Lt(Pe,{loading:A,disabled:k,readonly:y,value:b}),u&&Xs(Sl,{children:[n&&Lt(Ge,{}),Lt(Fe,{children:u})]}),l&&Lt(Rt,{className:"k-input-spinner",size:t,fillMode:a,disabled:k})]})};D.states=yu;D.options=Iu;D.className=kl;D.defaultOptions=un;D.moduleName=Ll;D.folderName=Ml;var Ta=D;import{jsx as Tu}from"react/jsx-runtime";var Cl=e=>Tu(Ta,{...e});import Ws from"react";import{jsx as Al}from"react/jsx-runtime";var Ou="k-list-group-sticky-header",qs=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",fn=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 Zt="list",Eo=Zt;import{jsx as El,jsxs as yl}from"react/jsx-runtime";var Js="k-list",Ku=[],Ru={size:[d.undefined,d.small,d.medium,d.large]},_u={},R=e=>{let{size:t,virtualization:o,children:a,header:n,selectAll:i,optionLabel:l,customValue:m,noData:u,screenReaders:b,...x}=e,c=Ws.Children.toArray(a)[0],L=c?.props?.children?Ws.Children.count(c.props.children):Ws.Children.count(a);return yl("div",{...x,className:s(e.className,Js,E(Js,{size:t}),{"k-virtual-list":o}),children:[l,i,m,n&&El(qs,{children:n}),a||(u!==void 0?u:El(fn,{live:!0,children:"No data found."})),b&&a&&yl(fn,{className:"k-sr-only",live:!0,children:[L," items found."]})]})};R.states=Ku;R.options=Ru;R.className=Js;R.defaultOptions=_u;R.moduleName=Zt;R.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=Zt;yo.folderName=Eo;var Qt="checkbox",Io=Qt;import{jsx as Tl}from"react/jsx-runtime";var bn="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:[f.undefined,f.none,f.small,f.medium,f.large,f.full]},Gu={},Re=e=>{let{id:t,checked:o,indeterminate:a,hover:n,focus:i,disabled:l,invalid:m,valid:u,required:b,size:x,rounded:g,wrapperRole:c,...L}=e;return Tl("span",{className:"k-checkbox-wrap",role:c,children:Tl("input",{...L,id:t,type:"checkbox",defaultChecked:o,required:b,disabled:l||void 0,"aria-invalid":m?"true":void 0,className:s(e.className,bn,E(bn,{size:x,rounded:g}),C(bn,{hover:n,focus:i,disabled:l,invalid:m,valid:u,indeterminate:a,checked:o}))})})};Re.states=Uu;Re.options=Fu;Re.className=bn;Re.defaultOptions=Gu;Re.moduleName=Qt;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=Qt;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=Qt;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 iT,jsx as rT,jsxs as lT}from"react/jsx-runtime";import{Fragment as uT,jsx as cT,jsxs as fT}from"react/jsx-runtime";import{Fragment as vT,jsx as hT,jsxs as gT}from"react/jsx-runtime";import{jsx as kT}from"react/jsx-runtime";import{jsx as yT}from"react/jsx-runtime";import{jsx as BT}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 Ys="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:b,actions:x,description:g,id:c,...L}=e,M=t||e.children,S=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":b?"true":void 0,className:s(e.className,Ys,C(Ys,{hover:l,focus:m,disabled:b,selected:u})),children:[n&&Bo(Re,{checked:i,disabled:b,"aria-label":S,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}),x&&Bo("div",{className:"k-list-item-actions",children:x}),g&&Bo("span",{className:"k-list-item-description",children:g})]})};O.states=mf;O.options=cf;O.className=Ys;O.defaultOptions=uf;O.moduleName=Zt;O.folderName=Eo;import{jsx as xf}from"react/jsx-runtime";var bf="k-list-ul",_t=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 Zs,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:Zs(_t,{role:"listbox",id:i,"aria-label":a,"aria-labelledby":n,children:e.children}),t&&Zs("div",{className:"k-height-container",children:Zs("div",{})})]})};import{jsx as Qs,jsxs as Mf}from"react/jsx-runtime";var xn="k-list-sticky-header",vf=[r.hover,r.focus,r.selected],gf={},Lf={},Nn=e=>{let{label:t="Select all",showCheckbox:o=!0,checked:a,indeterminate:n,hover:i,focus:l,selected:m,...u}=e;return Qs("div",{...u,className:s(xn,e.className),children:Mf("div",{className:s(`${xn}-item`,C(`${xn}-item`,{hover:i,focus:l,selected:m})),"aria-label":t,...!o&&{tabIndex:0,"aria-selected":m?"true":"false"},children:[o&&Qs(Re,{checked:a,indeterminate:n,"aria-label":t}),Qs("span",{className:"k-list-item-text",children:t})]})})};Nn.states=vf;Nn.options=gf;Nn.className=xn;Nn.defaultOptions=Lf;import{Fragment as AO,jsx as CO,jsxs as EO}from"react/jsx-runtime";import{jsx as BO,jsxs as PO}from"react/jsx-runtime";import{jsx as Af}from"react/jsx-runtime";var js="k-list-optionlabel",Sf=[r.hover,r.focus,r.selected,r.disabled],kf={},Cf={},hn=e=>{let{text:t,hover:o,focus:a,selected:n,disabled:i,...l}=e;return Af("div",{...l,className:s(js,C(js,{hover:o,focus:a,selected:n,disabled:i})),children:t})};hn.states=Sf;hn.options=kf;hn.className=js;hn.defaultOptions=Cf;import{jsx as Tf}from"react/jsx-runtime";var er="k-list-custom-value",Ef=[r.hover,r.focus,r.selected,r.disabled],yf={},If={},wt=e=>{let{text:t,hover:o,focus:a,selected:n,disabled:i,...l}=e;return Tf("div",{...l,className:s(er,C(er,{hover:o,focus:a,selected:n,disabled:i})),children:t})};wt.states=Ef;wt.options=yf;wt.className=er;wt.defaultOptions=If;import{Fragment as $O,jsx as VO,jsxs as XO}from"react/jsx-runtime";import{Fragment as QO,jsx as ZO,jsxs as jO}from"react/jsx-runtime";import{Fragment as rB,jsx as nB,jsxs as sB}from"react/jsx-runtime";import{Fragment as uB,jsx as mB,jsxs as cB}from"react/jsx-runtime";import{jsx as NB}from"react/jsx-runtime";import{Fragment as SB,jsx as MB,jsxs as kB}from"react/jsx-runtime";import{Fragment as TB,jsx as IB,jsxs as OB}from"react/jsx-runtime";var _l="dropdown-list",wl="dropdownlist";import{Fragment as Pf,jsx as ge,jsxs as tr}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:[f.undefined,f.none,f.small,f.medium,f.large,f.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},or={showValue:!0,arrowIconName:"chevron-down"},ne=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:n=or.arrowIconName,showValue:i=or.showValue,valueIconName:l,prefix:m,suffix:u,value:b,placeholder:x,hover:g,focus:c,valid:L,invalid:M,required:S,loading:A,disabled:k,readonly:y,popup:w,opened:se,adaptive:Ae,adaptiveSettings:pe,adaptiveTitle:ue,adaptiveSubtitle:ua,adaptiveFilter:Xt,id:qt,activeDescendant:fa,"aria-label":Yn,...Zn}=e,Qn=qt?`${qt}-listbox`:void 0,si=qt?`${qt}-value`:void 0;return tr(Pf,{children:[tr(pt,{...Zn,id:qt,size:t,rounded:o,fillMode:a,hover:g,focus:c,valid:L,invalid:M,required:S,loading:A,disabled:k,readonly:y,className:s(e.className,Dl,{"k-icon-picker":!i&&l}),role:"combobox","aria-haspopup":"listbox","aria-expanded":se?"true":"false","aria-controls":se?Qn:void 0,"aria-activedescendant":se&&fa?fa:void 0,"aria-describedby":se?si:void 0,"aria-disabled":k?"true":void 0,"aria-label":Yn,tabIndex:0,children:[ge(Ue,{children:m}),ge(Yt,{placeholder:x,value:b,showValue:i,valueIconName:l,id:si}),ge(xe,{valid:L,invalid:M,loading:A,disabled:k}),ge(Ee,{loading:A,disabled:k}),ge(Fe,{children:u}),ge(p,{className:"k-input-button",icon:n,size:e.size,fillMode:e.fillMode,"aria-label":x||"Toggle dropdown",tabIndex:-1})]}),se&&w&&ge(X,{className:"k-list-container k-dropdownlist-popup",containerRole:"region",containerAriaLabel:"Dropdown suggestions",children:w}),Ae&&ge(Y,{adaptive:!0,...pe,header:ge(Ne,{actionsEnd:ge(p,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),filter:Xt,inputValue:b,inputPlaceholder:x,title:ue,subtitle:ua}),children:ge("div",{className:"k-list-container",children:ge(R,{size:"large",children:tr(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=or;ne.moduleName=_l;ne.folderName=wl;import{jsx as cP}from"react/jsx-runtime";import{jsx as hP,jsxs as vP}from"react/jsx-runtime";import{Fragment as yP,jsx as AP,jsxs as EP}from"react/jsx-runtime";import{jsx as PP}from"react/jsx-runtime";import{jsx as HP,jsxs as zP}from"react/jsx-runtime";import{Fragment as JP,jsx as qP,jsxs as WP}from"react/jsx-runtime";import{jsx as eK}from"react/jsx-runtime";import{Fragment as Hf,jsx as Dt,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:[Dt("div",{className:"k-list-filter",children:Dt(Ve,{})}),Dt(R,{style:{width:300},size:o.size,children:Hl(z,{children:[Dt(O,{children:"List item"}),Dt(O,{children:"List item"}),Dt(O,{children:"List item"})]})})]});return Object.keys(t||{}).forEach(i=>{i==="opened"&&(a.opened=!!t?.[i],a.popup=t?.[i]?n:void 0)}),Dt("div",{children:Dt(ne,{placeholder:"Value",style:{width:300},...o,...a})})};Ko.options=_f;Ko.states=Kf;Ko.variants=Df;Ko.defaultOptions=Rf;Ko.modifiers=wf;Ko.className=ne.className;import{Fragment as MK,jsx as LK}from"react/jsx-runtime";import{Fragment as yK,jsx as EK}from"react/jsx-runtime";import{jsx as BK}from"react/jsx-runtime";import{jsx as ar}from"react/jsx-runtime";var zf=D.states,Uf=D.defaultOptions,Ff=D.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]?ar(ne,{size:o.size,fillMode:"flat",value:"mm"}):void 0;break;case"suffix":a.suffix=t?.[n]?ar(Ms,{children:"mm"}):void 0;break;case"clear-button":a.showClearButton=t?.[n];break;case"spin-button":a.showSpinButton=t?.[n];break;default:break}}),ar(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=D.className;import{Fragment as Ba,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(Ba,{children:[Z("div",{className:"k-vstack",children:[P(D,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Red channel"}),P("label",{className:"k-colorgradient-input-label",children:"R"})]}),Z("div",{className:"k-vstack",children:[P(D,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Green channel"}),P("label",{className:"k-colorgradient-input-label",children:"G"})]}),Z("div",{className:"k-vstack",children:[P(D,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Blue channel"}),P("label",{className:"k-colorgradient-input-label",children:"B"})]}),Z("div",{className:"k-vstack",children:[P(D,{showSpinButton:!1,showClearButton:!1,value:"1.00",size:o,"aria-label":"Alpha channel"}),P("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="rgb"&&Z(Ba,{children:[Z("div",{className:"k-vstack",children:[P(D,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Red channel"}),P("label",{className:"k-colorgradient-input-label",children:"R"})]}),Z("div",{className:"k-vstack",children:[P(D,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Green channel"}),P("label",{className:"k-colorgradient-input-label",children:"G"})]}),Z("div",{className:"k-vstack",children:[P(D,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Blue channel"}),P("label",{className:"k-colorgradient-input-label",children:"B"})]})]}),t==="hsva"&&Z(Ba,{children:[Z("div",{className:"k-vstack",children:[P(D,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),P("label",{className:"k-colorgradient-input-label",children:"H"})]}),Z("div",{className:"k-vstack",children:[P(D,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),P("label",{className:"k-colorgradient-input-label",children:"S"})]}),Z("div",{className:"k-vstack",children:[P(D,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),P("label",{className:"k-colorgradient-input-label",children:"V"})]}),Z("div",{className:"k-vstack",children:[P(D,{showSpinButton:!1,showClearButton:!1,value:"1.00","aria-label":"Alpha channel"}),P("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="hsv"&&Z(Ba,{children:[Z("div",{className:"k-vstack",children:[P(D,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),P("label",{className:"k-colorgradient-input-label",children:"H"})]}),Z("div",{className:"k-vstack",children:[P(D,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),P("label",{className:"k-colorgradient-input-label",children:"S"})]}),Z("div",{className:"k-vstack",children:[P(D,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),P("label",{className:"k-colorgradient-input-label",children:"V"})]})]}),t==="hex"&&P(Ba,{children:Z("div",{className:"k-vstack k-flex-1",children:[P(de,{showClearButton:!1,value:"#b88484AA",className:"k-hex-value"}),P("label",{className:"k-colorgradient-input-label",children:"HEX"})]})})]})};_o.states=$f;_o.options=Xf;_o.className=zl;_o.defaultOptions=Ul;import{jsx as jt,jsxs as eo}from"react/jsx-runtime";var Fl="k-colorgradient-color-contrast",qf=[],Wf={},Jf={},wo=()=>eo("div",{className:s(Fl,"k-vbox"),children:[eo("div",{className:"k-contrast-ratio",children:[jt("span",{className:"k-contrast-ratio-text",children:"Contrast ratio: 7.1"}),eo("span",{className:"k-contrast-validation !k-text-success",children:[jt(v,{icon:"check"}),jt(v,{icon:"check"})]})]}),eo("div",{children:[jt("span",{children:"AA: 4.5"}),eo("span",{className:"k-contrast-validation !k-text-success",children:["Pass",jt(v,{icon:"check"})]})]}),eo("div",{children:[jt("span",{children:"AAA: 7.0"}),eo("span",{className:"k-contrast-validation !k-text-error",children:["Fail",jt(v,{icon:"x"})]})]})]});wo.states=qf;wo.options=Wf;wo.className=Fl;wo.defaultOptions=Jf;var Gl="color-gradient",Vl="colorgradient";import{jsx as Je,jsxs as Pa}from"react/jsx-runtime";var vn="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"},ie=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:b=ft.contrast,dir:x,hover:g,focus:c,hoverHandle:L,focusHandle:M,canvasOrientation:S=ft.canvasOrientation,role:A,tabIndex:k,...y}=e;return Pa("div",{...y,role:A??"textbox","aria-label":A==="none"?void 0:"Color gradient",tabIndex:k??0,"aria-disabled":n?"true":void 0,className:s(e.className,vn,E(vn,{size:t}),C(vn,{hover:g,focus:c,readonly:a,disabled:n})),dir:x,children:[!S||S==="horizontal"&&Pa("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})})}),Pa("div",{className:"k-hsv-controls k-hstack",children:[Je(Vs,{className:"k-hue-slider",hover:L,focus:M}),o!=="rgb"&&o!=="hsv"&&Je(Vs,{className:"k-alpha-slider",hover:L,focus:M,trackStyle:m})]})]}),S==="vertical"&&Pa("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})})}),Pa("div",{className:"k-hsv-controls k-vstack",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:u})]})]}),Je(_o,{mode:e.mode,size:t}),b&&Je(wo,{})]})};ie.states=Yf;ie.options=Zf;ie.className=vn;ie.defaultOptions=ft;ie.moduleName=Gl;ie.folderName=Vl;import{jsx as Qf}from"react/jsx-runtime";var gn=e=>Qf(ie,{...e});import{jsx as NR}from"react/jsx-runtime";import{jsx as LR}from"react/jsx-runtime";import{jsx as nr}from"react/jsx-runtime";var jf=ie.options,eb=ie.states,tb={...ie.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 nr(gn,{...o,mode:t});case"rgb":return nr(gn,{...o,mode:t});default:return nr(gn,{...o,mode:t})}};Do.options=jf;Do.states=eb;Do.variants=ob;Do.defaultOptions=tb;Do.modifiers=ab;Do.className=ie.className;import{jsx as nb}from"react/jsx-runtime";var sr=e=>nb("tr",{role:"row",children:e.children});import{jsx as ib}from"react/jsx-runtime";var rr="k-colorpalette-tile",sb=[r.hover,r.focus,r.selected],rb={},Ht=e=>{let{color:t,tileSize:o,hover:a,focus:n,selected:i,...l}=e,m={backgroundColor:t,width:o?o+"px":"",height:o?o+"px":""};return ib("td",{...l,role:"gridcell","aria-label":t,"aria-selected":i?"true":void 0,className:s(e.className,rr,C(rr,{hover:a,focus:n,selected:i})),style:m})};Ht.states=sb;Ht.options=rb;Ht.className=rr;Ht.moduleName=null;Ht.folderName=null;var $l="color-palette",Xl="colorpalette";import{jsx as Ka}from"react/jsx-runtime";var Ln="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,b=o.colors?o.colors:o;Array.isArray(b)&&Array.from({length:Math.ceil(b.length/u)},(x,g)=>{let c=[];b.slice(g*u,(g+1)*u).map((M,S)=>{c.push(Ka(Ht,{color:M,tileSize:n},S))});let L=Ka(sr,{children:c},g);m.push(L)})}return Ka("div",{...l,role:"grid","aria-label":"Color palette",tabIndex:0,"aria-disabled":i?"true":void 0,className:s(e.className,Ln,C(Ln,{disabled:i}),E(Ln,{size:t})),children:Ka("table",{className:"k-colorpalette-table",role:"none",children:Ka("tbody",{children:m.length>0?m:e.children})})})};ye.states=lb;ye.options=pb;ye.className=Ln;ye.defaultOptions=ql;ye.moduleName=$l;ye.folderName=Xl;var Mn=ye;var Ra={basic:{colors:["#000000","#7f7f7f","#880015","#ed1c24","#ff7f27","#fff200","#22b14c","#00a2e8","#3f48cc","#a349a4","#ffffff","#c3c3c3","#b97a57","#ffaec9","#ffc90e","#efe4b0","#b5e61d","#99d9ea","#7092be","#c8bfe7"],columns:10},office:{colors:["#ffffff","#000000","#e6e6e6","#435569","#4371c4","#ed7e32","#a5a4a5","#febf04","#5a9bd5","#71ae48","#f2f2f3","#7f7f7f","#d1cece","#d5dde3","#dae1f4","#fce5d4","#deeded","#fff2cc","#deeaf6","#e1efd9","#d7d8d8","#585959","#aeabab","#adbaca","#b4c5e7","#f6caac","#dbdbdb","#ffe498","#bcd6ee","#c5e0b2","#bfbfc0","#3f3f3f","#767070","#8595b1","#8fabdb","#f5b183","#c9c8c9","#fed965","#9bc4e5","#a8d08d","#a5a5a6","#262625","#393939","#334050","#2e5496","#c45a11","#7b7b7a","#bf9000","#2f75b5","#548235","#7f7f7f","#0b0c0c","#161616","#222a34","#203764","#843d0b","#525252","#7f6000","#1d4d79","#375623"],columns:10},apex:{colors:["#ffffff","#000000","#c9c2d1","#69676d","#ceb966","#9cb084","#6bb1c9","#6585cf","#7e6bc9","#a379bb","#f2f2f2","#7f7f7f","#f4f2f5","#e0e0e2","#f5f1e0","#ebefe6","#e1eff4","#e0e6f5","#e5e1f4","#ece4f1","#d8d8d8","#595959","#e9e6ec","#c2c1c5","#ebe3c1","#d7dfcd","#c3dfe9","#c1ceeb","#cbc3e9","#dac9e3","#bfbfbf","#3f3f3f","#dedae3","#a4a3a8","#e1d5a3","#c3cfb5","#a6d0de","#a2b5e2","#b1a6de","#c7aed6","#a5a5a5","#262626","#9688a5","#4e4d51","#ae9638","#758c5a","#3d8da9","#365bb0","#533da9","#7d4d99","#7f7f7f","#0c0c0c","#635672","#343336","#746425","#4e5d3c","#295e70","#243c75","#372970","#533366"],columns:10},austin:{colors:["#ffffff","#000000","#caf278","#3e3d2d","#94c600","#71685a","#ff6700","#909465","#956b43","#fea022","#f2f2f2","#7f7f7f","#f4fce4","#dddcd0","#efffc0","#e3e1dc","#ffe0cb","#e8e9df","#ece1d6","#feecd2","#d8d8d8","#595959","#e9f9c9","#bbb9a1","#dfff82","#c8c3ba","#ffc299","#d2d4c0","#dac3ad","#fed9a6","#bfbfbf","#3f3f3f","#dff7ae","#ada598","#cfff43","#ada598","#ffa365","#bcbfa1","#c8a585","#fec67a","#a5a5a5","#262626","#a9ea25","#2e2d21","#6f9400","#544e43","#bf4d00","#6c6f4b","#6f5032","#d77b00","#7f7f7f","#0c0c0c","#74a50f","#1f1e16","#4a6300","#38342d","#7f3300","#484a32","#4a3521","#8f5200"],columns:10},clarity:{colors:["#ffffff","#292934","#f3f2dc","#d2533c","#93a299","#ad8f67","#726056","#4c5a6a","#808da0","#79463d","#f2f2f2","#e7e7ec","#e7e5b9","#f6dcd8","#e9ecea","#eee8e0","#e4dedb","#d8dde3","#e5e8ec","#e9d6d3","#d8d8d8","#c4c4d1","#d5d185","#edbab1","#d3d9d6","#ded2c2","#c9beb8","#b2bcc8","#ccd1d9","#d3aea7","#bfbfbf","#8a8aa3","#aca73b","#e4978a","#bec7c1","#cdbba3","#af9e94","#8c9bac","#b2bac6","#bd857c","#a5a5a5","#56566e","#56531d","#a43925","#6b7c72","#866b48","#554840","#39434f","#5c697b","#5a342d","#7f7f7f","#3b3b4b","#22210b","#6d2619","#47534c","#594730","#39302b","#262d35","#3d4652","#3c231e"],columns:10},slipstream:{colors:["#ffffff","#000000","#b4dcfa","#212745","#4e67c8","#5eccf3","#a7ea52","#5dceaf","#ff8021","#f14124","#f2f2f2","#7f7f7f","#8bc9f7","#c7cce4","#dbe0f4","#def4fc","#edfadc","#def5ef","#ffe5d2","#fcd9d3","#d8d8d8","#595959","#4facf3","#909aca","#b8c2e9","#beeafa","#dbf6b9","#beebdf","#ffcca6","#f9b3a7","#bfbfbf","#3f3f3f","#0d78c9","#5967af","#94a3de","#9ee0f7","#caf297","#9de1cf","#ffb279","#f68d7b","#a5a5a5","#262626","#063c64","#181d33","#31479f","#11b2eb","#81d319","#34ac8b","#d85c00","#c3260c","#7f7f7f","#0c0c0c","#021828","#101322","#202f6a","#0b769c","#568c11","#22725c","#903d00","#821908"],columns:10},metro:{colors:["#ffffff","#000000","#d6ecff","#4e5b6f","#7fd13b","#ea157a","#feb80a","#00addc","#738ac8","#1ab39f","#f2f2f2","#7f7f7f","#a7d6ff","#d9dde4","#e5f5d7","#fad0e4","#fef0cd","#c5f2ff","#e2e7f4","#c9f7f1","#d8d8d8","#595959","#60b5ff","#b3bcca","#cbecb0","#f6a1c9","#fee29c","#8be6ff","#c7d0e9","#94efe3","#bfbfbf","#3f3f3f","#007dea","#8d9baf","#b2e389","#f272af","#fed46b","#51d9ff","#aab8de","#5fe7d5","#a5a5a5","#262626","#003e75","#3a4453","#5ea226","#af0f5b","#c58c00","#0081a5","#425ea9","#138677","#7f7f7f","#0c0c0c","#00192e","#272d37","#3f6c19","#750a3d","#835d00","#00566e","#2c3f71","#0c594f"],columns:10},flow:{colors:["#ffffff","#000000","#dbf5f9","#04617b","#0f6fc6","#009dd9","#0bd0d9","#10cf9b","#7cca62","#a5c249","#f2f2f2","#7f7f7f","#b2e9f2","#b4ecfc","#c7e2fa","#c4eeff","#c9fafc","#c9faed","#e4f4df","#edf2da","#d8d8d8","#595959","#76d9e8","#6adafa","#90c6f6","#89deff","#93f5f9","#94f6db","#cae9c0","#dbe6b6","#bfbfbf","#3f3f3f","#21b2c8","#20c8f7","#59a9f2","#4fceff","#5df0f6","#5ff2ca","#b0dfa0","#c9da91","#a5a5a5","#262626","#105964","#02485c","#0b5394","#0075a2","#089ca2","#0b9b74","#54a838","#7e9532","#7f7f7f","#0c0c0c","#062328","#01303d","#073763","#004e6c","#05686c","#07674d","#387025","#546321"],columns:10},hardcover:{colors:["#ffffff","#000000","#ece9c6","#895d1d","#873624","#d6862d","#d0be40","#877f6c","#972109","#aeb795","#f2f2f2","#7f7f7f","#e1dca5","#f2e0c6","#f0d0c9","#f6e6d5","#f5f2d8","#e7e5e1","#fbc7bc","#eef0e9","#d8d8d8","#595959","#d0c974","#e6c28d","#e2a293","#eeceaa","#ece5b2","#cfccc3","#f78f7a","#dee2d4","#bfbfbf","#3f3f3f","#a29a36","#daa454","#d4735e","#e6b681","#e2d88c","#b7b2a5","#f35838","#ced3bf","#a5a5a5","#262626","#514d1b","#664515","#65281a","#a2641f","#a39428","#655f50","#711806","#879464","#7f7f7f","#0c0c0c","#201e0a","#442e0e","#431b11","#6c4315","#6d621a","#433f35","#4b1004","#5a6243"],columns:10},trek:{colors:["#ffffff","#000000","#fbeec9","#4e3b30","#f0a22e","#a5644e","#b58b80","#c3986d","#a19574","#c17529","#f2f2f2","#7f7f7f","#f7e09e","#e1d6cf","#fcecd5","#eddfda","#f0e7e5","#f3eae1","#ece9e3","#f5e3d1","#d8d8d8","#595959","#f3cc5f","#c4ad9f","#f9d9ab","#dcc0b6","#e1d0cc","#e7d5c4","#d9d4c7","#ebc7a3","#bfbfbf","#3f3f3f","#d29f0f","#a78470","#f6c781","#cba092","#d2b9b2","#dbc1a7","#c6bfab","#e1ac76","#a5a5a5","#262626","#694f07","#3a2c24","#c87d0e","#7b4b3a","#926255","#a17242","#7b7153","#90571e","#7f7f7f","#0c0c0c","#2a1f03","#271d18","#855309","#523226","#614138","#6b4c2c","#524b37","#603a14"],columns:10},verve:{colors:["#ffffff","#000000","#d2d2d2","#666666","#ff388c","#e40059","#9c007f","#68007f","#005bd3","#00349e","#f2f2f2","#7f7f7f","#bdbdbd","#e0e0e0","#ffd7e8","#ffc6dc","#ffb8f1","#f1b2ff","#c3dcff","#b8cfff","#d8d8d8","#595959","#9d9d9d","#c1c1c1","#ffafd1","#ff8eba","#ff71e4","#e365ff","#87baff","#72a0ff","#bfbfbf","#3f3f3f","#696969","#a3a3a3","#ff87ba","#ff5597","#ff2ad7","#d519ff","#4b98ff","#2b71ff","#a5a5a5","#262626","#343434","#4c4c4c","#e90062","#ab0042","#75005f","#4e005f","#00449e","#002676","#7f7f7f","#0c0c0c","#151515","#333333","#9b0041","#72002c","#4e003f","#34003f","#002d69","#00194f"],columns:10},monochrome:{colors:["#000000","#1a1a1a","#333333","#4d4d4d","#666666","#808080","#999999","#b3b3b3","#cccccc","#e6e6e6","#f2f2f2","#ffffff"],columns:12}};import{jsx as db}from"react/jsx-runtime";var Wl=e=>db(Mn,{palette:Ra.basic,...e});import{jsx as o_}from"react/jsx-runtime";import{jsx as l_,jsxs as p_}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 Sn="k-coloreditor",hb=[r.focus],vb={size:[d.undefined,d.small,d.medium,d.large]},_a={view:"gradient",palette:Ra.office,actionButtons:!0,canvasOrientation:"horizontal"},Q=e=>{let{size:t,view:o=_a.view,palette:a=_a.palette,color:n,currentColor:i,focus:l,focusView:m,dir:u,group:b,actionButtons:x=_a.actionButtons,canvasOrientation:g=_a.canvasOrientation,...c}=e;return zo("div",{...c,role:"textbox","aria-label":"Color editor",tabIndex:0,className:s(e.className,"k-flatcolorpicker",Sn,E(Sn,{size:t}),C(Sn,{focus:l})),dir:u,children:[zo("div",{className:"k-coloreditor-header k-hstack",children:[Ye("div",{className:"k-coloreditor-header-actions k-hstack",children:b&&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(Tt,{className:"k-coloreditor-preview-color",color:n}),Ye(Tt,{className:"k-coloreditor-current-color",color:i})]})]})]}),Ye("div",{className:"k-coloreditor-views k-vstack",children:o==="gradient"?Ye(ie,{focus:m,size:t,canvasOrientation:g,role:"none",tabIndex:-1}):Ye(ye,{palette:a,size:t})}),x&&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=Sn;Q.defaultOptions=_a;Q.moduleName=Jl;Q.folderName=Yl;var Uo=Q;import{jsx as D_}from"react/jsx-runtime";import{jsx as F_}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 ir}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:[f.undefined,f.none,f.small,f.medium,f.large,f.full],fillMode:[N.undefined,N.solid,N.flat,N.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:b,focus:x,valid:g,invalid:c,required:L,disabled:M,valueIconName:S,popup:A,opened:k,adaptive:y,adaptiveSettings:w,adaptiveTitle:se,adaptiveSubtitle:Ae,...pe}=e,ue="colorpicker-popup";return ir(Ib,{children:[ir(pt,{...pe,size:t,rounded:o,fillMode:a,hover:b,focus:x,valid:g,invalid:c,required:L,disabled:M,role:"combobox","aria-haspopup":"dialog","aria-expanded":k?"true":"false","aria-controls":k||y?ue:void 0,"aria-label":"Color picker",tabIndex:0,"aria-disabled":M?"true":void 0,className:s(e.className,op,"k-icon-picker"),children:[Ze(Ue,{children:i}),Ze(Yt,{placeholder:u,value:m,showValue:!1,valueIcon:Ze(Tt,{className:"k-value-icon",color:m,iconName:S}),valueIconName:S}),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})]}),k&&A&&Ze(X,{id:ue,className:"k-colorpicker-popup",children:A}),y&&Ze(Y,{adaptive:!0,id:ue,...w,header:Ze(Ne,{actionsEnd:Ze(p,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply"}),title:se,subtitle:Ae}),footer:ir(Ot,{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 kn=e=>Tb(St,{...e});import{jsx as C0}from"react/jsx-runtime";import{jsx as T0}from"react/jsx-runtime";import{jsx as K0}from"react/jsx-runtime";import{jsx as D0}from"react/jsx-runtime";import{jsx as F0}from"react/jsx-runtime";import{jsx as X0}from"react/jsx-runtime";import{jsx as to}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]?to(Q,{size:a.size,color:"rgba(183, 118 , 118, 1.00)",group:!0}):"")});let i=n.opened?{width:"272px",height:"390px"}:{};switch(t){case"no color":return to("div",{style:i,children:to(kn,{...a,...n})});case"icon":return to("div",{style:i,children:to(kn,{value:"rgba(183, 118 , 118, 1.00)",valueIconName:"edit-tools",...a,...n})});default:return to("div",{style:i,children:to(kn,{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 lr="combobox",sp=lr;import{Fragment as pr,jsx as oe,jsxs as wa}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:[f.undefined,f.none,f.small,f.medium,f.large,f.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},dr={separators:!0,showClearButton:!0},Le=e=>{let{size:t,rounded:o,fillMode:a,separators:n=dr.separators,showClearButton:i=dr.showClearButton,prefix:l,suffix:m,value:u,placeholder:b,hover:x,focus:g,valid:c,invalid:L,required:M,loading:S,disabled:A,popup:k,opened:y,readonly:w,adaptive:se,adaptiveSettings:Ae,adaptiveTitle:pe,adaptiveSubtitle:ue,adaptiveCustomValue:ua,id:Xt,autocomplete:qt,activeDescendant:fa,"aria-label":Yn,...Zn}=e,Qn=Xt?`${Xt}-listbox`:void 0;return wa(pr,{children:[wa(J,{...Zn,size:t,rounded:o,fillMode:a,hover:x,focus:g,valid:c,invalid:L,required:M,loading:S,disabled:A,readonly:w,className:s(e.className,rp),children:[l&&wa(pr,{children:[oe(Ue,{children:l}),n&&oe(Ge,{})]}),oe(fe,{id:Xt,placeholder:b,value:u,role:"combobox","aria-haspopup":"listbox","aria-expanded":y?"true":"false","aria-controls":y?Qn:void 0,"aria-activedescendant":y&&fa?fa:void 0,"aria-autocomplete":qt,"aria-invalid":L?"true":void 0,"aria-busy":S?"true":void 0,"aria-label":Yn,disabled:A,readOnly:w}),oe(xe,{valid:c,invalid:L,loading:S,disabled:A}),oe(Ee,{loading:S,disabled:A}),i&&oe(Pe,{loading:S,disabled:A,readonly:w,value:u}),m&&wa(pr,{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&&k&&oe(X,{className:"k-list-container k-combobox-popup",containerRole:"region",containerAriaLabel:"Combobox suggestions",children:k}),se&&oe(Y,{adaptive:!0,id:Xt?`${Xt}-adaptive`:void 0,...Ae,header:oe(Ne,{actionsEnd:oe(p,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),input:!0,inputValue:u,inputPlaceholder:b,title:pe,subtitle:ue}),children:oe("div",{className:"k-list-container",children:oe(R,{customValue:ua?oe(wt,{text:`Use "${u}"`}):void 0,size:"large",children:wa(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=dr;Le.moduleName=lr;Le.folderName=sp;var _e=Le;import{jsx as wb}from"react/jsx-runtime";var ip=e=>wb(_e,{...e});import{jsx as yw,jsxs as Iw}from"react/jsx-runtime";import{jsx as Rw,jsxs as _w}from"react/jsx-runtime";import{jsx as Fw,jsxs as Gw}from"react/jsx-runtime";import{Fragment as Jw,jsx as Ww}from"react/jsx-runtime";import{Fragment as tD,jsx as eD}from"react/jsx-runtime";import{jsx as iD,jsxs as lD}from"react/jsx-runtime";import{Fragment as xD,jsx as fD,jsxs as bD}from"react/jsx-runtime";import{jsx as gD}from"react/jsx-runtime";import{jsx as kD}from"react/jsx-runtime";import{jsx as TD,jsxs as OD}from"react/jsx-runtime";import{jsx as wD,jsxs as DD}from"react/jsx-runtime";import{jsx as zt,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=zt(R,{style:{width:300},size:o.size,children:Gb(z,{children:[zt(O,{children:"List item"}),zt(O,{children:"List item"}),zt(O,{children:"List item"})]})});return Object.keys(t||{}).forEach(i=>{switch(i){case"prefix":a.prefix=t?.[i]?zt(v,{icon:"map-marker-target"}):void 0;break;case"suffix":a.suffix=t?.[i]?zt($,{size:o.size,icon:"copy",fillMode:"clear"}):void 0;break;case"opened":a.opened=!!t?.[i],a.popup=t?.[i]?n:void 0;break;default:break}}),zt("div",{children:zt(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 mr="menu-button",lp=mr;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:[f.undefined,f.none,f.small,f.medium,f.large,f.full],fillMode:[N.undefined,N.solid,N.flat,N.outline,N.clear,N.link],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary,h.success,h.warning,h.error,h.info,h.inverse]},cr={showArrow:!0,arrowIconName:"chevron-down"},H=e=>{let{size:t,rounded:o,fillMode:a,themeColor:n,hover:i,focus:l,active:m,selected:u,disabled:b,icon:x,endIcon:g,text:c,showArrow:L=cr.showArrow,arrowIconName:M=cr.arrowIconName,expanded:S,...A}=e;return Xb(p,{...A,className:s(e.className,pp),text:c,size:t,rounded:o,fillMode:a,themeColor:n,hover:i,focus:l,active:m,selected:u,disabled:b,ariaDisabled:b||void 0,icon:x,endIcon:g,showArrow:L,arrowIconName:M,"aria-expanded":S?"true":"false",...!c&&x&&!e["aria-label"]&&{"aria-label":"Menu"}})};H.states=Vb;H.options=$b;H.className=pp;H.defaultOptions=cr;H.moduleName=mr;H.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";import{jsx as IH}from"react/jsx-runtime";var we="menu",je=we;import{jsx as Ha,jsxs as dp}from"react/jsx-runtime";var ur="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:b,iconPosition:x=mp.iconPosition,dir:g,children:c,expanded:L,...M}=e,S=b;return S||(S=g==="rtl"?"chevron-left":"chevron-right"),dp("li",{...M,className:s(e.className,ur,"k-item",C(ur,{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&&x==="before"&&Ha(v,{className:"k-menu-link-icon",icon:l}),Ha("span",{className:"k-menu-link-text",children:m}),l&&x==="after"&&Ha(v,{className:"k-menu-link-icon",icon:l}),u&&Ha("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:Ha(v,{icon:S})})]}),c]})};me.states=qb;me.options=Wb;me.className=ur;me.defaultOptions=mp;me.moduleName=we;me.folderName=je;import{jsx as oo,jsxs as cp}from"react/jsx-runtime";var fr="k-menu-item",Jb=[r.hover,r.focus,r.active,r.selected,r.disabled],Yb={},br={dir:"ltr",iconPosition:"before"},q=e=>{let{hover:t,focus:o,active:a,selected:n,disabled:i,icon:l,text:m,showArrow:u,arrowIconName:b,iconPosition:x=br.iconPosition,dir:g=br.dir,children:c,popup:L,expanded:M,actions:S,description:A,...k}=e,y=b;return y||(y=g==="rtl"?"chevron-left":"chevron-right"),cp("li",{role:"menuitem",...k,className:s(e.className,fr,"k-item",C(fr,{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",C("k-menu-link",{hover:t,active:a,selected:n,disabled:i})),children:[l&&x==="before"&&oo(v,{className:"k-menu-link-icon",icon:l}),oo("span",{className:"k-menu-link-text",children:m}),l&&x==="after"&&oo(v,{className:"k-menu-link-icon",icon:l}),S&&oo("span",{className:"k-menu-link-actions",children:S}),u&&oo("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:oo(v,{icon:y})}),A&&oo("span",{className:"k-menu-link-description",children:A})]}),c,L]})};q.states=Jb;q.options=Yb;q.className=fr;q.defaultOptions=br;q.moduleName=we;q.folderName=je;import{jsx as ex}from"react/jsx-runtime";var up="k-menu-scroll-wrapper",Zb=[],Qb={},jb={},ao=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})};ao.states=Zb;ao.options=Qb;ao.className=up;ao.defaultOptions=jb;ao.moduleName=we;ao.folderName=je;var fp=ao;import{Fragment as xr,jsx as no,jsxs as Cn}from"react/jsx-runtime";var An="k-menu",tx=[],ox={size:[d.undefined,d.small,d.medium,d.large]},En={orientation:"horizontal",header:!0,scrollButtonsPosition:"around"},le=e=>{let{children:t,orientation:o=En.orientation,header:a=En.header,scrollable:n,scrollButtonsPosition:i=En.scrollButtonsPosition,wrapperStyles:l,dir:m,size:u,popup:b,contextMenu:x,...g}=e,c={horizontal:{prev:m!=="rtl"?"left":"right",next:m!=="rtl"?"right":"left"},vertical:{prev:"up",next:"down"}},L=no("ul",{dir:m,...g,className:s(e.className,"k-reset",An,{[`${An}-${o}`]:o,"k-header":a},E(An,{size:u})),role:x?"menu":"menubar",...o==="vertical"&&{"aria-orientation":"vertical"},children:t});return Cn(xr,{children:[n?Cn(fp,{orientation:o,style:l,dir:e.dir,children:[i==="start"&&Cn(xr,{children:[no(p,{fillMode:"flat",size:"xsmall",icon:`chevron-${c[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),no(p,{fillMode:"flat",size:"xsmall",icon:`chevron-${c[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),i==="around"&&no(p,{fillMode:"flat",size:"xsmall",icon:`chevron-${c[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),L,i==="end"&&Cn(xr,{children:[no(p,{fillMode:"flat",size:"xsmall",icon:`chevron-${c[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),no(p,{fillMode:"flat",size:"xsmall",icon:`chevron-${c[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),i==="around"&&no(p,{fillMode:"flat",size:"xsmall",icon:`chevron-${c[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}):L,b]})};le.states=tx;le.options=ox;le.className=An;le.defaultOptions=En;le.moduleName=we;le.folderName=je;import{jsx as ax}from"react/jsx-runtime";var Nr="k-separator",bp={orientation:"horizontal"},$o=e=>{let{orientation:t=bp.orientation,...o}=e;return ax("li",{...o,className:s(e.className,"k-item",Nr,{[`${Nr}-${t}`]:t}),role:"separator"})};$o.className=Nr;$o.defaultOptions=bp;$o.moduleName=we;$o.folderName=je;import{Fragment as nz,jsx as sz}from"react/jsx-runtime";import{jsx as ix}from"react/jsx-runtime";var hr="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,hr,E(hr,{size:o})),children:t})};ce.states=nx;ce.options=sx;ce.className=hr;ce.defaultOptions=rx;ce.moduleName=we;ce.folderName=je;import{jsx as fz,jsxs as bz}from"react/jsx-runtime";import{Fragment as lx,jsx as Xo,jsxs as px}from"react/jsx-runtime";var vr=e=>Xo(le,{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 Cz,jsx as Sz,jsxs as kz}from"react/jsx-runtime";import{Fragment as Tz,jsx as Iz,jsxs as Oz}from"react/jsx-runtime";import{Fragment as _z,jsx as Rz,jsxs as wz}from"react/jsx-runtime";import{Fragment as Fz,jsx as Uz,jsxs as Gz}from"react/jsx-runtime";import{jsx as so,jsxs as fx}from"react/jsx-runtime";var dx={...le.options,scrollable:{type:"boolean"}},mx=le.states,xp={...le.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]?so(X,{className:"k-menu-popup",offset:i,children:fx(ce,{children:[so(q,{text:"Item 1"}),so(q,{text:"Item 2"}),so($o,{}),so(q,{text:"Item 3"})]})}):null)}),t==="vertical"?so(vr,{...a,...n,orientation:"vertical",style:{width:"200px"}}):so(vr,{...a,...n})};qo.options=dx;qo.states=mx;qo.variants=cx;qo.defaultOptions=xp;qo.modifiers=ux;qo.className=le.className;import{Fragment as M1,jsx as g1,jsxs as L1}from"react/jsx-runtime";import{jsx as A1}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(H,{...a,...n,icon:"star"})});break;case"icon-and-text":l=bt("div",{children:bt(H,{...a,...n,icon:"star",children:"Dropdown Button"})});break;default:l=bt("div",{children:bt(H,{...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=H.className;var gr="split-button",vp=gr;import{Fragment as Mx,jsx as Lr,jsxs as gp}from"react/jsx-runtime";var Mr="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:[f.undefined,f.none,f.small,f.medium,f.large,f.full],fillMode:[N.undefined,N.solid,N.flat,N.outline,N.clear,N.link],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary,h.success,h.warning,h.error,h.info,h.inverse]},Lp={arrowIconName:"chevron-down"},K=e=>{let{size:t,rounded:o,fillMode:a,themeColor:n,hover:i,focus:l,active:m,selected:u,disabled:b,icon:x,endIcon:g,text:c,arrowIconName:L=Lp.arrowIconName,popup:M,opened:S,popupId:A,...k}=e;return gp(Mx,{children:[gp("div",{...k,className:s(e.className,Mr,"k-button-group",E(Mr,{rounded:o})),children:[Lr(p,{text:c,icon:x,endIcon:g,size:t,rounded:o,fillMode:a,themeColor:n,hover:i,focus:l,active:m,selected:u,disabled:b,...!c&&!e.children&&x&&{"aria-label":"Action"},children:e.children}),Lr(p,{className:"k-split-button-arrow",icon:L,size:t,rounded:o,fillMode:a,disabled:b,ariaDisabled:b||void 0,"aria-label":"Toggle dropdown","aria-expanded":S?"true":"false","aria-controls":S?A:void 0,tabIndex:-1})]}),S&&M&&Lr(X,{className:"k-menu-popup",children:M})]})};K.states=gx;K.options=Lx;K.className=Mr;K.defaultOptions=Lp;K.moduleName=gr;K.folderName=vp;var Sr=K;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 ro="toolbar",Jo=ro;import{Fragment as kr,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:[N.undefined,N.solid,N.outline,N.flat]},Ex={scrollButtons:"around"},U=e=>{let{size:t,fillMode:o,focus:a,resizable:n,scrollable:i,scrollButtons:l,scrollingPosition:m,section:u,...b}=e,x=[],g=(c,L)=>{let M=[];if(c.type===p&&c.props.className&&c.props.className.includes("k-toolbar-overflow-button"))M.push(_(p,{...c.props,className:`${c.props.className?c.props.className:""}`},`${L}-${new Date().getTime()}`));else if(c.type===p)M.push(_(p,{...c.props,className:`k-toolbar-button ${c.props.className?c.props.className:""}`},`${L}-${new Date().getTime()}`));else if(c.type===va)M.push(_(va,{...c.props,className:`k-toolbar-button ${c.props.className?c.props.className:""}`},`${L}-${new Date().getTime()}`));else if(c.type===$)M.push(_($,{...c.props,className:`k-toolbar-button ${c.props.className?c.props.className:""}`},`${L}-${new Date().getTime()}`));else if(c.type===H)M.push(_(H,{...c.props,className:`k-toolbar-menu-button ${c.props.className?c.props.className:""}`},`${L}-${new Date().getTime()}`));else if(c.type===Sr)M.push(_(Sr,{...c.props,className:`k-toolbar-split-button ${c.props.className?c.props.className:""}`},`${L}-${new Date().getTime()}`));else if(c.type===T||c.props.className&&c.props.className.includes("k-button-group")){let S=[];(Array.isArray(c.props.children)?c.props.children:[c.props.children]).forEach((k,y)=>{S.push(_(p,{...k.props,className:`${k.props.className?k.props.className:""}`},`${y}-${new Date().getTime()}`))}),M.push(_(T,{...c.props,className:`k-toolbar-button-group ${c.props.className?c.props.className:""}`,children:S},`${L}-${new Date().getTime()}`))}else c.type===Le?M.push(_(Le,{...c.props,className:`k-toolbar-combobox ${c.props.className?c.props.className:""}`},`${L}-${new Date().getTime()}`)):c.type===ne?M.push(_(ne,{...c.props,className:`k-toolbar-dropdownlist ${c.props.className?c.props.className:""}`},`${L}-${new Date().getTime()}`)):c.type===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(S=>{x.push(S)})};return e.children&&(Array.isArray(e.children)?e.children:[e.children]).forEach((L,M)=>{g(L,M)}),Yo("div",{...b,className:s(e.className,kt,E(kt,{size:t,fillMode:o}),C(kt,{focus:a}),{[`${kt}-resizable`]:n,[`${kt}-scrollable`]:i,[`${kt}-scrollable-overlay`]:i&&l==="hidden",[`${kt}-scrollable-${m}`]:m&&m!=="both",[`${kt}-section`]:u}),role:"toolbar","aria-label":"Toolbar",children:[!i&&x,i&&l==="hidden"&&_("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:x}),i&&l==="start"&&Yo(kr,{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:x})]}),i&&l==="end"&&Yo(kr,{children:[_("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:x}),_(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(kr,{children:[_("span",{className:s("k-toolbar-prev","k-button",E("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:_(v,{className:"k-button-icon",icon:"chevron-left"})}),_(st,{className:"k-toolbar-button-separator"}),_("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:x}),_(st,{className:"k-toolbar-button-separator"}),_("span",{className:s("k-toolbar-next","k-button",E("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:_(v,{className:"k-button-icon",icon:"chevron-right"})})]})]})};U.states=Cx;U.options=Ax;U.className=kt;U.defaultOptions=Ex;U.moduleName=ro;U.folderName=Jo;import{jsx as Ox}from"react/jsx-runtime";var Cr="k-toolbar-item",yx=[r.focus],Ix={},Tx={},Zo=e=>{let{focus:t,...o}=e;return Ox("div",{...o,className:s(e.className,Cr,C(Cr,{focus:t})),children:e.children})};Zo.states=yx;Zo.options=Ix;Zo.className=Cr;Zo.defaultOptions=Tx;Zo.moduleName=ro;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:[N.undefined,N.solid,N.outline,N.flat]},Kx={},io=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})};io.states=Bx;io.options=Px;io.className=Sp;io.defaultOptions=Kx;io.moduleName=ro;io.folderName=Jo;var yn=io;import{jsx as A2}from"react/jsx-runtime";import{jsx as T2}from"react/jsx-runtime";import{jsx as K2}from"react/jsx-runtime";import{jsx as D2}from"react/jsx-runtime";import{jsx as V2,jsxs as $2}from"react/jsx-runtime";import{jsx as J2}from"react/jsx-runtime";import{jsx as Ct,jsxs as Hx}from"react/jsx-runtime";var Rx=K.states,kp={...K.defaultOptions,variant:"text"},_x=K.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(K,{...a,...n,icon:"star"})});case"icon-and-text":return Ct("div",{children:Ct(K,{...a,...n,icon:"star",children:"Split Button"})});default:return Ct("div",{children:Ct(K,{...a,...n,children:"Split Button"})})}};Qo.options=_x;Qo.states=Rx;Qo.variants=wx;Qo.defaultOptions=kp;Qo.modifiers=Dx;Qo.className=K.className;import{jsx as lo,jsxs as zx}from"react/jsx-runtime";var Cp=e=>lo(U,{children:[lo(p,{children:"Button"},"toolbar-button"),lo(H,{text:"Menu button"},"toolbar-menu-button"),lo(K,{children:"Split button"},"toolbar-split-button"),zx(T,{children:[lo(p,{className:"k-group-start",icon:"align-left",children:"Left"}),lo(p,{icon:"align-center",children:"Center"}),lo(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});import{jsx as CU,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(H,{text:"Menu button"},"toolbar-menu-button"),De(K,{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(H,{text:"Menu button"},"toolbar-menu-button"),De(K,{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(H,{text:"Menu button"},"toolbar-menu-button"),He(K,{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(H,{text:"Menu button"},"toolbar-menu-button"),He(K,{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 In}from"react/jsx-runtime";var Tp=({fillMode:e,size:t,...o})=>In(Ux,{children:[Ie(U,{section:!0,fillMode:e,size:t,children:[Ie(p,{fillMode:e,size:t,children:"Button"},"toolbar-button"),In(T,{fillMode:e,children:[Ie(p,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),Ie(p,{icon:"align-center",fillMode:e,size:t,children:"Center"}),Ie(p,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group"),Ie(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}),In(yn,{size:t,fillMode:e,section:!0,...o,children:[Ie(K,{fillMode:e,size:t,children:"Split button"},"toolbar-split-button"),Ie(p,{fillMode:e,size:t,children:"Button"},"toolbar-button"),Ie(st,{}),Ie(H,{text:"Menu button",fillMode:e,size:t},"toolbar-menu-button"),In(T,{fillMode:e,children:[Ie(p,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),Ie(p,{icon:"align-center",fillMode:e,size:t,children:"Center"}),Ie(p,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group")]})]});import{Fragment as s3,jsx as a3,jsxs as n3}from"react/jsx-runtime";import{Fragment as x3,jsx as f3,jsxs as b3}from"react/jsx-runtime";import{jsx as Ut}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 Ut("div",{children:Ut(Tp,{style:{width:"583px"},...o})});case"overlay":return Ut("div",{children:Ut(Ip,{style:{width:"583px"},...o,scrollingPosition:"start",scrollButtons:"hidden"})});case"scrollable":return Ut("div",{children:Ut(Ep,{style:{width:"583px"},...o})});default:return Ut("div",{children:Ut(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 za}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:b,focus:x,toolbar:g,typing:c,expandable:L,expanded:M,removed:S,files:A,failed:k,...y}=e,w=k===!0?ea.failed:k;return za("div",{...y,className:s(Bp,e.className,{"k-message-removed":S,"k-message-failed":k}),children:[k&&rt($,{className:"k-resend-button",icon:"arrow-rotate-cw",size:"xsmall",fillMode:"clear","aria-label":"Resend"}),rt(Pp,{typing:c,selected:u,hover:m,active:b,focus:x,content:za(Jx,{children:[a,o&&rt("span",{className:"k-chat-bubble-text",children:o})]}),expandable:L,expanded:M,files:A}),za("div",{className:"k-message-info",children:[n&&za("span",{className:"k-message-status",children:[i&&rt(v,{icon:i,size:"xsmall"}),n]}),t&&rt("time",{className:"k-message-time",children:t}),k&&za("span",{className:"k-message-failed-content",children:[k&&rt(v,{icon:"warning-triangle",size:"xsmall"}),k&&rt("span",{className:"k-message-failed-text",children:w})]})]}),g&&rt(U,{className:"k-chat-message-toolbar",fillMode:"flat",children:l})]})};F.states=Xx;F.options=qx;F.className=Bp;F.moduleName=null;F.folderName=null;F.defaultOptions=ea;var Ar="avatar",Kp=Ar;import{jsx as Rp}from"react/jsx-runtime";var Ua="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:[f.undefined,f.none,f.small,f.medium,f.large,f.full],fillMode:[N.undefined,N.solid,N.outline],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary]},Er={type:"text",border:!1},Me=e=>{let{size:t,rounded:o,fillMode:a,themeColor:n,type:i=Er.type,border:l=Er.border,...m}=e;return Rp("div",{...m,className:s(e.className,Ua,E(Ua,{size:t,rounded:o,fillMode:a,themeColor:n}),{[`${Ua}-bordered`]:l}),children:Rp("span",{className:`${Ua}-${i}`,children:e.children})})};Me.states=Yx;Me.options=Zx;Me.className=Ua;Me.defaultOptions=Er;Me.moduleName=Ar;Me.folderName=Kp;var po=Me;import{jsx as Qx}from"react/jsx-runtime";var _p=e=>Qx(po,{type:"icon",...e});import{jsx as jx}from"react/jsx-runtime";var wp=e=>jx(po,{type:"text",...e});import{jsx as eN}from"react/jsx-runtime";var Tn=e=>eN(po,{type:"image",...e});import{jsx as l5}from"react/jsx-runtime";import{jsx as Fa}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 Fa(_p,{...o,children:Fa(v,{icon:"star"})});case"text":return Fa(wp,{...o,children:"JO"});default:return Fa(Tn,{...o,children:Fa("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 yr}from"react/jsx-runtime";var Ga="k-message-group",rN=[r.selected],iN={},On={author:"Bruv",avatar:"/packages/html/assets/avatar.jpg",type:"receiver"},W=e=>{let{type:t=On.type,author:o=On.author,avatar:a=On.avatar,status:n,selected:i,fullWidth:l,...m}=e;return yr("div",{...m,className:s(Ga,e.className,C(Ga,{selected:i}),{[`${Ga}-${t}`]:t,"k-no-avatar":!a,[`${Ga}-full-width`]:l}),children:[a&&!n&&oa(Me,{type:"image",children:oa("img",{src:a,alt:o||""})}),n&&a&&yr("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"})]}),yr("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=Ga;W.defaultOptions=On;import{Fragment as pN,jsx as Bn,jsxs as Dp}from"react/jsx-runtime";var Ir="k-message-reference",lN={},Hp={type:"receiver"},Ft=e=>{let{content:t,closeable:o,pinned:a,type:n=Hp.type,...i}=e;return Dp("div",{...i,className:s(Ir,e.className,{[`${Ir}-${n}`]:n,"k-message-pinned":a}),children:[a&&Bn(v,{icon:"pin"}),Bn("div",{className:"k-message-reference-content",children:t}),o&&Dp(pN,{children:[Bn("span",{className:"k-spacer"}),Bn(p,{icon:"x-circle",fillMode:"flat",size:"xsmall","aria-label":"Close"})]})]})};Ft.options=lN;Ft.className=Ir;Ft.moduleName=null;Ft.folderName=null;Ft.defaultOptions=Hp;var Tr="bubble",zp=Tr;import{jsx as Pn,jsxs as mN}from"react/jsx-runtime";var Or="k-bubble",dN=[r.hover,r.active,r.selected,r.focus],Br={expandable:!1,expanded:!1},mo=e=>{let{content:t,hover:o,active:a,focus:n,selected:i,expandable:l=Br.expandable,expanded:m=Br.expanded,...u}=e;return mN("div",{...u,className:s(e.className,Or,C(Or,{hover:o,active:a,focus:n,selected:i}),{"k-bubble-expandable":l},{"k-expanded":m}),tabIndex:0,children:[Pn("div",{className:"k-bubble-content",children:t??e.children}),l&&Pn("span",{className:"k-bubble-expandable-indicator",role:"button","aria-label":m?"Show less":"Show more",tabIndex:0,children:m?Pn(v,{icon:"chevron-up"}):Pn(v,{icon:"chevron-down"})})]})};mo.states=dN;mo.className=Or;mo.defaultOptions=Br;mo.moduleName=Tr;mo.folderName=zp;import{jsx as F5}from"react/jsx-runtime";import{jsx as X5}from"react/jsx-runtime";import{jsx as Y5}from"react/jsx-runtime";import{jsx as Pr,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(mo,{...n,className:s(e.className,cN),children:[t?Fp("div",{className:"k-typing-indicator",tabIndex:-1,children:[Pr("span",{}),Pr("span",{}),Pr("span",{})]}):o,a]})};import{jsx as mF}from"react/jsx-runtime";import{jsx as Gp,jsxs as uN}from"react/jsx-runtime";var Vp="k-chat-event",Kr={icon:"trash",text:"You deleted Chat history."},$p=e=>{let{icon:t=Kr.icon,text:o=Kr.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=Kr;import{jsx as LF}from"react/jsx-runtime";import{jsx as Xp}from"react/jsx-runtime";var Kn="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,Kn,{"k-files-vertical":t==="vertical","k-files-wrap":t==="wrap",[`${Kn}-scrollable-start`]:t==="horizontal"&&(o==="start"||o==="both"),[`${Kn}-scrollable-end`]:t==="horizontal"&&(o==="end"||o==="both")}),children:t==="horizontal"?Xp("div",{className:"k-files-scroll",role:"presentation",children:e.children}):e.children})};xt.className=Kn;xt.defaultOptions=qp;var Rr="file-box",Wp=Rr;import{jsx as aa,jsxs as Jp}from"react/jsx-runtime";var Yp="k-file-box",fN=[r.selected],bN={},Va={icon:"file-pdf",name:"FileName.pdf",size:"2MB",showButton:"true"},Te=e=>{let{icon:t=Va.icon,name:o=Va.name,size:a=Va.size,status:n,deleted:i,removeButton:l,showButton:m=Va.showButton,...u}=e,b=[o,a].filter(Boolean).join(" ");return Jp("li",{role:"listitem",tabIndex:0,"aria-label":b||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(H,{icon:"more-vertical",fillMode:"flat",size:"xsmall",showArrow:!1,"aria-label":"File actions"}))]})};Te.states=fN;Te.options=bN;Te.className=Yp;Te.defaultOptions=Va;Te.moduleName=Rr;Te.folderName=Wp;import{jsx as wF}from"react/jsx-runtime";import{jsx as FF}from"react/jsx-runtime";import{jsx as qF,jsxs as WF}from"react/jsx-runtime";import{jsx as jF,jsxs as eG}from"react/jsx-runtime";import{jsx as sG}from"react/jsx-runtime";import{Fragment as vG,jsx as hG,jsxs as gG}from"react/jsx-runtime";import{Fragment as CG,jsx as kG,jsxs as AG}from"react/jsx-runtime";var _r="skeleton",Zp=_r;import{jsx as vN}from"react/jsx-runtime";var wr="k-skeleton",xN=["circle","text","rect"],NN=[],hN={},Dr={variant:"text",shape:"text",animation:"pulse"},Nt=e=>{let{variant:t,shape:o,animation:a=Dr.animation,...n}=e,i=`skeleton-${t||o||Dr.variant}`;return vN("span",{...n,className:s(e.className,wr,Ya(wr,i),{[`k-skeleton-${a}`]:a}),style:e.style})};Nt.states=NN;Nt.options=hN;Nt.variants=xN;Nt.className=wr;Nt.defaultOptions=Dr;Nt.moduleName=_r;Nt.folderName=Zp;import{jsx as RG}from"react/jsx-runtime";import{jsx as HG}from"react/jsx-runtime";import{jsx as GG}from"react/jsx-runtime";import{Fragment as a6,jsx as t6,jsxs as o6}from"react/jsx-runtime";import{Fragment as l6,jsx as i6,jsxs as p6}from"react/jsx-runtime";var Hr="window",Qp=Hr;import{jsx as SN}from"react/jsx-runtime";var jp="k-window-content",gN=[],LN={},MN={},Gt=e=>{let{children:t,...o}=e;return SN("div",{...o,className:s(jp,e.className),children:t})};Gt.states=gN;Gt.options=LN;Gt.className=jp;Gt.defaultOptions=MN;Gt.moduleName=Hr;Gt.folderName=Qp;var $a="dialog",Rn=$a;import{Fragment as AN,jsx as co,jsxs as zr}from"react/jsx-runtime";var ed="k-dialog",kN=[],CN={},Ur={actionButtonsAlign:"stretched",modal:!0},ze=e=>{let{title:t,actions:o,actionButtons:a,actionButtonsAlign:n=Ur.actionButtonsAlign,modal:i=Ur.modal,...l}=e,m=t!==void 0?B("dialog-titlebar"):void 0,u=B("dialog-content");return zr("div",{className:"k-dialog-wrapper",children:[i&&co(ct,{}),zr("div",{...l,className:s(e.className,ed,"k-window"),role:"dialog","aria-labelledby":m,"aria-describedby":u,...i&&{"aria-modal":"true"},children:[(t!==void 0||o)&&zr("div",{className:"k-window-titlebar k-dialog-titlebar",id:m,children:[t!==void 0&&co("span",{className:"k-window-title k-dialog-title",children:t}),o&&co(AN,{children:co("div",{className:"k-window-titlebar-actions k-dialog-titlebar-actions",children:o.map(b=>co(p,{icon:b,fillMode:"flat",size:"xsmall",className:"k-window-titlebar-action k-dialog-titlebar-action","aria-label":b},b))})})]}),co(Gt,{className:"k-dialog-content",id:u,children:e.children}),a&&co(Ke,{alignment:n,className:"k-window-actions k-dialog-actions",children:a})]})]})};ze.states=kN;ze.options=CN;ze.className=ed;ze.defaultOptions=Ur;ze.moduleName=$a;ze.folderName=Rn;var Fr=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=$a;na.folderName=Rn;import{Fragment as od,jsx as _n,jsxs as ON}from"react/jsx-runtime";var ad=e=>_n(Fr,{title:"Title",children:_n(od,{children:"Dialog content"}),actionButtons:ON(od,{children:[_n(p,{children:"Action"}),_n(p,{themeColor:"primary",children:"Primary"})]}),actions:["x"],...e});import{Fragment as _6,jsx as w6,jsxs as D6}from"react/jsx-runtime";import{Fragment as wN,jsx as wn,jsxs as DN}from"react/jsx-runtime";var BN=ze.options,PN=[],KN=ze.states,RN=ze.defaultOptions,_N=[],sa=e=>wn(ad,{style:{width:"350px",height:"215px"},...e,title:"Please confirm",actions:["x"],actionButtonsAlign:"stretched",actionButtons:DN(wN,{children:[wn(p,{children:"No"}),wn(p,{themeColor:"primary",children:"Yes"})]}),children:wn("p",{style:{margin:"36px",textAlign:"center"},children:"Are you sure you want to continue?"})});sa.options=BN;sa.states=KN;sa.variants=PN;sa.defaultOptions=RN;sa.modifiers=_N;sa.className=ze.className;var Gr="dropzone",nd=Gr;import{jsx as Dn,jsxs as UN}from"react/jsx-runtime";var Vr="k-external-dropzone",HN=[r.disabled,r.hover],zN={},$r={icon:"upload",hint:"Drag and drop files here to upload"},Se=e=>{let{hover:t,disabled:o,icon:a=$r.icon,hint:n=$r.hint,note:i,...l}=e;return Dn("div",{...l,className:s(e.className,Vr,C(Vr,{disabled:o}),{"k-external-dropzone-hover":t}),children:UN("div",{className:"k-dropzone-inner",children:[a&&Dn(v,{icon:a,className:"k-dropzone-icon",size:"xxxlarge"}),n&&Dn("span",{className:"k-dropzone-hint",children:n}),i&&Dn("span",{className:"k-dropzone-note",children:i})]})})};Se.states=HN;Se.options=zN;Se.className=Vr;Se.defaultOptions=$r;Se.moduleName=Gr;Se.folderName=nd;import{jsx as FN}from"react/jsx-runtime";var sd=e=>FN(Se,{...e});import{jsx as p7}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 Hn,jsx as Vt,jsxs as Xa}from"react/jsx-runtime";var Xr="k-upload-dropzone",JN=[r.hover],zn=e=>{let{hover:t,status:o,disabled:a,hasFiles:n,filesId:i,buttonText:l="Select files...",...m}=e,u;switch(o){case"uploading":u=Xa(Hn,{children:[Vt(v,{icon:"upload"}),"Uploading..."]});break;case"done":u=Xa(Hn,{children:[Vt(v,{icon:"check"}),"Done"]});break;case"failed":u=Xa(Hn,{children:[Vt(v,{icon:"exclamation-circle"}),"Done"]});break;default:u=Vt(Hn,{});break}return Xa("div",{...m,className:s(e.className,Xr,"k-dropzone",C(Xr,{hover:t})),children:[Xa("div",{className:"k-upload-button-wrap",children:[Vt(p,{className:"k-upload-button","aria-disabled":a?"true":"false",...n&&i?{"aria-controls":i}:{},children:l}),Vt("input",{id:"upload-input",className:"k-hidden",tabIndex:-1,"aria-hidden":"true"})]}),Vt("span",{className:s("k-dropzone-hint",{"k-hidden":o!=="upload"}),children:"Drop files here to upload"}),o!=="upload"&&Vt("span",{className:"k-upload-status",children:u})]})};zn.states=JN;zn.className=Xr;var qr="upload",rd=qr;import{jsx as Un,jsxs as ld}from"react/jsx-runtime";var Wr="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,buttonText:u,...b}=e,x=!!e.children;return ld("div",{...b,className:s(e.className,Wr,C(Wr,{disabled:m}),{"k-upload-async":t,"k-upload-empty":o}),children:[Un(zn,{status:l,hover:i,disabled:m,hasFiles:x,filesId:id,buttonText:u}),x&&Un("ul",{className:"k-upload-files",role:"list",id,children:e.children}),a&&x&&ld(Zi,{alignment:n,orientation:"horizontal",children:[Un(p,{className:"k-clear-selected",children:"Clear"}),Un(p,{themeColor:"primary",className:"k-upload-selected",children:"Upload"})]})]})};ae.states=YN;ae.options=ZN;ae.className=Wr;ae.defaultOptions=pd;ae.moduleName=qr;ae.folderName=rd;var qa="progressbar",Fn=qa;import{jsx as Yr,jsxs as Jr}from"react/jsx-runtime";var et="k-progressbar",QN=[r.disabled,r.indeterminate],jN={orientation:["horizontal","vertical"]},uo={indeterminate:!1,label:!0,labelPosition:"start",orientation:"horizontal",reverse:!1,value:"0"},ke=e=>{let{disabled:t,height:o,indeterminate:a=uo.indeterminate,label:n=uo.label,labelPosition:i=uo.labelPosition,orientation:l=uo.orientation,reverse:m=uo.reverse,value:u=uo.value,width:b,style:x,ariaLabel:g,...c}=e;return Jr("div",{...c,className:s(e.className,et,C(et,{disabled:t}),{[`${et}-${l}`]:l,[`${et}-indeterminate`]:a,[`${et}-reverse`]:m}),style:{...x,"--kendo-progressbar-value":u,[l==="horizontal"?"height":"width"]:l==="horizontal"?o:b},role:"progressbar","aria-label":g||"progress","aria-valuenow":a?void 0:Number(u),"aria-valuemin":0,"aria-valuemax":100,children:[Yr("span",{className:s("k-progress-status-wrap",{[`k-progress-${i}`]:i&&!a}),children:n&&Jr("span",{className:"k-progress-status",children:[u,"%"]})}),!a&&Yr("div",{className:"k-progressbar-value k-selected",children:Yr("span",{className:s("k-progress-status-wrap",{[`k-progress-${i}`]:i}),children:n&&Jr("span",{className:"k-progress-status",children:[e.value,"%"]})})})]})};ke.states=QN;ke.options=jN;ke.className=et;ke.defaultOptions=uo;ke.moduleName=qa;ke.folderName=Fn;var dd=ke;import{jsx as Zr}from"react/jsx-runtime";var md="k-chunk-progressbar",eh=(e,t)=>t<=e-1,th=[r.disabled,r.indeterminate],oh={},Gn={chunkCount:5,orientation:"horizontal",progress:0},ia=e=>{let{disabled:t,chunkCount:o=Gn.chunkCount,indeterminate:a,orientation:n=Gn.orientation,progress:i=Gn.progress,reverse:l,ariaLabel:m,...u}=e;return Zr("div",{...u,className:s(e.className,et,md,C(et,{disabled:t}),{[`${et}-${n}`]:n,[`${et}-indeterminate`]:a,[`${et}-reverse`]:l}),role:"progressbar","aria-label":m||"progress","aria-valuenow":a?void 0:i,"aria-valuemin":0,"aria-valuemax":o,children:Zr("ul",{className:"k-progressbar-chunks k-reset",children:[...Array(o)].map((b,x)=>Zr("li",{className:s("k-progressbar-chunk",{"k-first":x===0,"k-last":x===[...Array(o)].length-1,"k-selected":eh(i,x)})},x))})})};ia.states=th;ia.options=oh;ia.className=md;ia.defaultOptions=Gn;ia.moduleName=qa;ia.folderName=Fn;import{jsx as ah}from"react/jsx-runtime";var Wa=e=>ah(dd,{...e});import{jsx as Y7}from"react/jsx-runtime";import{jsx as $t}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 $t("div",{...i,children:$t(Wa,{...a,...n,labelPosition:"end",value:"50"})});case"center":return $t("div",{...i,children:$t(Wa,{...a,...n,labelPosition:"center",value:"50"})});case"empty":return $t("div",{...i,children:$t(Wa,{...a,...n,label:!1,value:"50"})});default:return $t("div",{...i,children:$t(Wa,{...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 Qr,jsxs as ph}from"react/jsx-runtime";var lh="k-file-info",jr=e=>{let{name:t,size:o,validationMsg:a,...n}=e;return ph("div",{...n,className:s(e.className,lh),children:[t&&Qr("span",{className:"k-file-name",children:t}),o&&Qr("span",{className:"k-file-size",children:o}),a&&Qr("span",{className:"k-file-validation-message","aria-live":"polite",children:a})]})};import{Fragment as mh,jsx as At,jsxs as Vn}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:Vn("div",{className:"k-file-single",children:[At(ke,{className:s({"k-hidden":t!=="progress"}),value:o,label:!1}),Vn("span",{className:"k-file-icon-wrapper",children:[At(v,{className:"k-file-icon",icon:n,size:"xxlarge"}),l&&At("span",{className:"k-file-state",children:l})]}),At(jr,{name:a,size:i,validationMsg:m}),At("div",{className:"k-upload-actions",children:t==="progress"?Vn(mh,{children:[Vn("span",{className:"k-upload-pct",children:[o,"%"]}),At(p,{icon:"pause",fillMode:"flat",size:"xsmall",className:"k-upload-action","aria-label":"Pause upload",tabIndex:-1}),At(p,{icon:"cancel",fillMode:"flat",size:"xsmall",className:"k-upload-action","aria-label":"Cancel upload",tabIndex:-1})]}):At(p,{icon:"x",fillMode:"flat",size:"xsmall",className:"k-upload-action","aria-label":"Remove file",tabIndex:-1})})]})})};import{Fragment as A9,jsx as k9,jsxs as C9}from"react/jsx-runtime";import{Fragment as ch,jsx as ei,jsxs as uh}from"react/jsx-runtime";var Ja=e=>ei(ae,{async:!0,children:uh(ch,{children:[ei(Oe,{name:"Image_With_Very_Very_Very_Very_Very_Long_Name1.png",icon:"file-image",size:"51.23 KB"}),ei(Oe,{name:"Image2.jpg",icon:"file-image",size:"106.43 KB"})]}),...e});import{Fragment as _9,jsx as K9,jsxs as R9}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 V9,jsx as G9,jsxs as $9}from"react/jsx-runtime";import{Fragment as Y9,jsx as J9,jsxs as Z9}from"react/jsx-runtime";import{jsx as Et,jsxs as $n}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 $n(Ja,{status:"done",style:{width:"586px"},...o,children:[Et(Oe,{status:"success",validationMsg:"File(s) uploaded successfully.",name:"Image1.png",icon:"file-image"}),Et(Oe,{status:"success",validationMsg:"File(s) uploaded successfully.",name:"Image2.png",icon:"file-image"})]});case"failed":return $n(Ja,{status:"failed",style:{width:"586px"},...o,children:[Et(Oe,{status:"error",validationMsg:"File type not allowed.",name:"Movie1.mkv",icon:"file-image"}),Et(Oe,{status:"error",validationMsg:"File type not allowed.",name:"Video2.mkv",icon:"file-image"})]});case"uploading":return $n(Ja,{status:"uploading",style:{width:"586px"},...o,children:[Et(Oe,{progress:"50",status:"progress",name:"Document1.txt",icon:"file-pdf",size:"328.92 KB"}),Et(Oe,{progress:"70",status:"progress",name:"Document2.txt",icon:"file-pdf",size:"225.68 KB"})]});case"upload":return $n(Ja,{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 C4,jsx as k4,jsxs as A4}from"react/jsx-runtime";import{jsx as T4}from"react/jsx-runtime";import{Fragment as R4,jsx as K4,jsxs as _4}from"react/jsx-runtime";import{Fragment as U4,jsx as z4,jsxs as F4}from"react/jsx-runtime";import{Fragment as q4,jsx as X4,jsxs as W4}from"react/jsx-runtime";import{Fragment as j4,jsx as Q4}from"react/jsx-runtime";var ti="appbar",bd=ti;import{jsx as Mh}from"react/jsx-runtime";var oi="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,oi,E(oi,{themeColor:t}),{[`k-appbar-${o}`]:o,[`k-appbar-${a}`]:a}),children:e.children})};Ce.states=vh;Ce.options=gh;Ce.className=oi;Ce.defaultOptions=Lh;Ce.moduleName=ti;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 f8,jsx as c8,jsxs as u8}from"react/jsx-runtime";import{jsx as j,jsxs as da}from"react/jsx-runtime";var ai={...Ce.options,positionMode:["static","sticky","fixed"]},Ch=Ce.states,xd={...Ce.defaultOptions,themeColor:"primary",variant:"top",positionMode:"sticky"};ai.themeColor=["primary",...ai.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(dn,{value:"Input value"})}),da(ht,{children:[j($,{className:"k-mx-sm",fillMode:"flat",icon:"bell"}),j("span",{className:"k-appbar-separator"}),j(Tn,{className:"k-mx-sm",children:j("img",{src:"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg"})})]})]}),n=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=ai;ma.states=Ch;ma.variants=Ah;ma.defaultOptions=xd;ma.modifiers=[];ma.className=Ce.className;var ni="suggestion",Nd=ni;import{jsx as Xn,jsxs as Ih}from"react/jsx-runtime";var qn="k-suggestion-group",Eh=[],yh={},hd={layout:"scrollable",scrollingPosition:"start"},tt=e=>{let{layout:t=hd.layout,scrollingPosition:o,...a}=e,n=Xn("div",{...a,className:s(qn,{"k-suggestion-group-scrollable":t=="scrollable",[`${qn}-scrollable-start`]:o==="start"||o==="both",[`${qn}-scrollable-end`]:o==="end"||o==="both"},e.className),role:"group",children:t==="scrollable"||t==="scrollButtons"?Xn("div",{className:"k-suggestions-scroll",children:e.children}):e.children});return t=="scrollButtons"?Ih("div",{className:"k-suggestion-scrollwrap",children:[Xn(p,{fillMode:"flat",icon:"chevron-left",size:"xsmall","aria-label":"Scroll left"}),n,Xn(p,{fillMode:"flat",icon:"chevron-right",size:"xsmall","aria-label":"Scroll right"})]}):n};tt.states=Eh;tt.options=yh;tt.className=qn;tt.defaultOptions=hd;tt.moduleName=ni;tt.folderName=Nd;import{jsx as Ph}from"react/jsx-runtime";var Wn="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,Wn,C(Wn,{hover:a,active:o,focus:n}),E(Wn,{themeColor:t})),role:"button",tabIndex:0,"aria-label":i,children:i})};ot.states=Th;ot.options=Oh;ot.className=Wn;ot.item=Bh;import{Fragment as U8,jsx as z8,jsxs as F8}from"react/jsx-runtime";import{Fragment as q8,jsx as X8,jsxs as W8}from"react/jsx-runtime";import{Fragment as j8,jsx as Q8,jsxs as eV}from"react/jsx-runtime";import{Fragment as Hh,jsx as ee,jsxs as Jn}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=Jn(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(Ft,{type:"sender",pinned:!0,content:"Hello! Generate a cover letter.",closeable:!0}),l=Jn(tt,{children:[ee(ot,{text:"Provide a CV template"}),ee(ot,{text:"Generate a cover letter"})]}),m=Jn(tt,{children:[ee(ot,{themeColor:"primary",text:"Thank you!"}),ee(ot,{themeColor:"primary",text:"Great!"})]}),u="https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg",b=null,x="User",g="Demo Bot";Object.keys(t||{}).forEach(y=>{switch(y){case"header":a.header=t?.[y]?n:!1;break;case"pinned":a.pinned=t?.[y]?i:!1;break;case"suggested":a.suggestedActions=t?.[y]?l:!1;break;case"author":a.author=t?.[y]?!0:null;break;case"avatar":a.avatar=t?.[y]?u:null;break;case"quick":a.quickReplies=t?.[y]?m:ee(Hh,{});break;default:break}});let{header:c,pinned:L,suggestedActions:M,author:S,avatar:A,quickReplies:k}=a;return Jn(vd,{value:"Thank you!",style:{minHeight:"100%"},...o,header:c,pinned:L,suggestedActions:M,children:[ee(W,{avatar:b,author:S?g:null,children:ee(F,{text:"Hello, this is a demo bot. How can I help you ?"})}),ee(W,{avatar:A?u:null,author:S?x:null,type:"sender",children:ee(F,{text:"Hello! Generate a cover letter."})}),ee(W,{avatar:b,author:S?g:null,children:ee(F,{text:"Sure. Here is a cover letter template",files:ee(xt,{children:ee(Te,{icon:"file-pdf",name:"cover_letter.pdf",size:"1.43MB"})})})}),k]})};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};
+var s=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?s(...t):typeof t=="object"?Object.keys(t).map((o,a)=>t[a]||t[o]&&o||null).filter(o=>o!==null).join(" "):t).filter(t=>!!t).join(" ");var E=(e,t)=>s({[`${e}-xs`]:t.size==="xsmall",[`${e}-sm`]:t.size==="small",[`${e}-md`]:t.size==="medium",[`${e}-lg`]:t.size==="large",[`${e}-xl`]:t.size==="xlarge",[`${e}-xxl`]:t.size==="xxlarge",[`${e}-xxxl`]:t.size==="xxxlarge"},{[`${e}-${t.fillMode}`]:t.fillMode},{[`${e}-${t.themeColor}`]:t.themeColor},{"k-rounded-sm":t.rounded==="small","k-rounded-md":t.rounded==="medium","k-rounded-lg":t.rounded==="large","k-rounded-full":t.rounded==="full","k-rounded-none":t.rounded==="none"}),C=(e,t)=>{let{valid:o,invalid:a,hover:n,focus:i,checked:l,active:m,selected:u,disabled:b,indeterminate:x,loading:g,empty:c,readonly:L,highlighted:M,...S}=t;return s({"k-valid":o,"k-invalid":a,"k-hover":n,"k-focus":i,"k-checked":l,"k-active":m,"k-selected":u,"k-disabled":b,"k-indeterminate":x&&!l,"k-loading":g,"k-empty":c,"k-readonly":L,"k-highlighted":M},Object.keys(S).reduce((A,k)=>(k.startsWith("k-")?A[k]=S[k]:A[`k-${k}`]=S[k],A),{}))};function Ya(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(a=>[`k-${a}`,!0]))}var d={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},f={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},N={undefined:void 0,solid:"solid",tint:"tint",flat:"flat",outline:"outline",clear:"clear",link:"link"},it={undefined:void 0,outline:"outline",solid:"solid",duotone:"duotone"},h={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",inverse:"inverse"},r={open:"open",hover:"hover",focus:"focus",active:"active",selected:"selected",disabled:"disabled",valid:"valid",invalid:"invalid",loading:"loading",required:"required",empty:"empty",indeterminate:"indeterminate",checked:"checked",readonly:"readonly",highlighted:"highlighted",generating:"generating",expanded:"expanded"};var jn={};function B(e){return jn[e]=(jn[e]||0)+1,`k-${e}-${jn[e]}`}import{Fragment as Sd,jsx as ri}from"react/jsx-runtime";var es="k-font-icon",gd=[],Ld={size:[d.undefined,d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary,h.success,h.warning,h.error,h.info]},Md={},ba=e=>{let{size:t,themeColor:o,icon:a,rotate:n,flip:i,...l}=e;return a?ri("span",{...l,className:s(e.className,es,E(es,{size:t}),{[`k-i-${a}`]:a,[`k-color-${o}`]:o,[`k-rotate-${n}`]:n,"k-flip-h":i==="h"||i==="both","k-flip-v":i==="v"||i==="both"}),"aria-hidden":"true"}):ri(Sd,{})};ba.states=gd;ba.options=Ld;ba.className=es;ba.defaultOptions=Md;var ii=ba;import{Fragment as Ad,jsx as Za}from"react/jsx-runtime";var ts="k-svg-icon",kd=[],Cd={size:[d.undefined,d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary,h.success,h.warning,h.error,h.info],variant:[it.outline,it.solid,it.duotone]},os={viewBox:"0 0 24 24",variant:it.outline},xa=e=>{let{size:t,themeColor:o,rotate:a,flip:n,viewBox:i=os.viewBox,variant:l=os.variant,icon:m,...u}=e;if(!m)return Za(Ad,{});if(m==="none")return Za("span",{...u,className:s(e.className,ts,E("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let b=typeof m=="object"&&m.name&&m.name,x=typeof m=="object"?l&&m.variants?.[l]||m.variants?.outline||m.content:void 0;return Za("span",{...u,className:s(e.className,ts,E("k-icon",{size:t}),{[`k-svg-i-${b}`]:b,[`k-color-${o}`]:o,[`k-rotate-${a}`]:a,"k-flip-h":n==="h"||n==="both","k-flip-v":n==="v"||n==="both"}),"aria-hidden":"true",children:Za("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof m=="object"?m.viewBox:i,dangerouslySetInnerHTML:x!==void 0?{__html:x}:void 0,children:m?void 0:e.children})})};xa.states=kd;xa.options=Cd;xa.className=ts;xa.defaultOptions=os;var as=xa;import*as ns from"@progress/kendo-svg-icons";var li="icon",pi="icons";import{useContext as yd}from"react";import{createContext as Ed}from"react";var di=Ed({iconsType:"svg"});import{Fragment as mi,jsx as Na}from"react/jsx-runtime";var Qa="k-icon",Id=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),Td=[],Od={size:[d.undefined,d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary,h.success,h.warning,h.error,h.info],variant:[it.outline,it.solid,it.duotone]},ja={viewBox:"0 0 24 24",type:"svg",variant:it.outline},v=e=>{let{iconsType:t}=yd(di),{size:o,themeColor:a,icon:n,type:i=t||ja.type,rotate:l,flip:m,viewBox:u=ja.viewBox,variant:b=ja.variant,...x}=e;if(!n)return Na(mi,{});if((t||i)==="svg"){if(n==="none")return Na(as,{...x,className:s(e.className,Qa),icon:n,size:o,variant:b});let c=ns[n]?n:Id(`${n}-icon`);return ns[c]?Na(as,{...x,className:s(e.className,Qa),icon:ns[c],size:o,themeColor:a,rotate:l,flip:m,viewBox:u,variant:b}):Na(mi,{})}return Na(ii,{...x,className:s(e.className,Qa),icon:n,size:o,themeColor:a,rotate:l,flip:m})};v.states=Td;v.options=Od;v.defaultOptions=ja;v.className=Qa;v.moduleName=li;v.folderName=pi;var ss="button",ci=ss;import{Fragment as rs,jsx as yt,jsxs as ui}from"react/jsx-runtime";var ha="k-button",Bd=["icon-button"],Pd=[r.hover,r.focus,r.active,r.selected,r.disabled,r.generating],Kd={size:[d.undefined,d.xsmall,d.small,d.medium,d.large],rounded:[f.undefined,f.none,f.small,f.medium,f.large,f.full],fillMode:[N.undefined,N.solid,N.flat,N.outline,N.clear,N.link],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary,h.success,h.warning,h.error,h.info,h.inverse]},is={showArrow:!1,arrowIconName:"chevron-down"},p=e=>{let{as:t="button",size:o,rounded:a,fillMode:n,themeColor:i,showArrow:l=is.showArrow,arrowIconName:m=is.arrowIconName,variant:u,hover:b,focus:x,active:g,selected:c,disabled:L,togglable:M,ariaDisabled:S,icon:A,endIcon:k,iconSize:y,text:w,iconClassName:se,className:Ae,...pe}=e,ue=A!=null,ua=e.children!==void 0;return ui(t,{className:s(Ae,ha,Ya(ha,u),E(ha,{size:o,rounded:a,fillMode:n,themeColor:i}),C(ha,{hover:b,focus:x,active:g,disabled:L||S,selected:c}),{"k-icon-button":!w&&!ua&&ue}),"aria-pressed":M?c?"true":"false":void 0,...pe,"aria-disabled":S?"true":void 0,disabled:L||void 0,children:[typeof A=="string"&&A&&yt(v,{className:s(se,"k-button-icon"),icon:A,size:y}),A&&typeof A!="string"&&yt(rs,{children:A}),w?ui(rs,{children:[w&&yt("span",{className:"k-button-text",children:w}),e.children]}):e.children&&yt("span",{className:"k-button-text",children:e.children}),typeof k=="string"&&k&&yt(v,{className:s(se,"k-button-icon"),icon:k,size:y}),k&&typeof k!="string"&&yt(rs,{children:k}),l&&yt("span",{className:"k-menu-button-arrow k-button-arrow",children:yt(v,{icon:m})})]})};p.states=Pd;p.options=Kd;p.variants=Bd;p.className=ha;p.defaultOptions=is;p.moduleName=ss;p.folderName=ci;import{jsx as Rd}from"react/jsx-runtime";var $=e=>Rd(p,{icon:"folder",...e,"aria-label":e["aria-label"]||"Folder",children:void 0});import{jsx as _d}from"react/jsx-runtime";var va=e=>_d(p,{icon:"folder",children:"Button",...e});import{jsx as Pv}from"react/jsx-runtime";import{jsx as wd}from"react/jsx-runtime";var at=e=>wd(p,{children:"Button",...e});import{jsx as ls}from"react/jsx-runtime";var Dd=p.options,Hd=p.states,zd={...p.defaultOptions,variant:"text"},Ud=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Fd=[],fo=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return ls($,{...o,icon:"star"});case"icon-and-text":return ls(va,{...o,icon:"star",children:"Button"});default:return ls(at,{...o,children:"Button"})}};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 en="k-fab",$d=[r.hover,r.focus,r.active,r.selected,r.disabled],Xd={size:[d.undefined,d.small,d.medium,d.large],rounded:[f.undefined,f.none,f.small,f.medium,f.large,f.full],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary]},bi={type:"button"},te=e=>{let{size:t,rounded:o,themeColor:a,text:n,icon:i,type:l=bi.type,position:m,hover:u,focus:b,active:x,selected:g,disabled:c,...L}=e;return qd("button",{...L,type:l,className:s(e.className,en,E(en,{size:t,rounded:o,themeColor:a}),C(en,{hover:u,focus:b,active:x,disabled:c,selected:g}),{[`!k-pos-absolute k-${m}`]:m}),...!n&&i&&!e["aria-label"]&&{"aria-label":"Action"},...c&&{"aria-disabled":"true"},disabled:c||void 0,children:[i&&fi(v,{className:"k-fab-icon",icon:i}),n&&fi("span",{className:"k-fab-text",children:n})]})};te.states=$d;te.options=Xd;te.className=en;te.defaultOptions=bi;te.moduleName="fab";te.folderName="fab";import{jsx as Jd}from"react/jsx-runtime";var Wd="k-fab-items",xi=e=>{let{position:t,...o}=e;return Jd("ul",{...o,className:s(e.className,Wd,{[`k-fab-items-${t}`]:t}),children:e.children})};import{jsx as hi,jsxs as Zd}from"react/jsx-runtime";var Ni="k-fab-item",Yd=[r.hover,r.focus,r.active,r.disabled],ps=e=>{let{text:t,icon:o,align:a,hover:n,focus:i,active:l,disabled:m,...u}=e;return Zd("li",{...u,className:s(e.className,Ni,{[`k-text-${a}`]:a},C(Ni,{hover:n,focus:i,active:l,disabled:m})),children:[hi("span",{className:"k-fab-item-text",children:t}),hi(v,{className:"k-fab-item-icon",icon:o})]})};ps.states=Yd;import{jsx as ug}from"react/jsx-runtime";import{jsx as Qd}from"react/jsx-runtime";var vi=e=>Qd(te,{icon:"plus",...e});import{jsx as gg}from"react/jsx-runtime";import{jsx as kg}from"react/jsx-runtime";import{jsx as 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(ps,{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 ds="k-input-inner",sm=[],rm={},tn={type:"text",autocomplete:"off",value:"",placeholder:""},fe=e=>{let{value:t=tn.value,type:o=tn.type,placeholder:a=tn.placeholder,autocomplete:n=tn.autocomplete,disabled:i,readOnly:l,...m}=e;return im("input",{...m,type:o,className:s(e.className,ds,E(ds,e)),placeholder:a,autoComplete:n,defaultValue:t,disabled:i||void 0,readOnly:l||void 0})};fe.states=sm;fe.options=rm;fe.className=ds;import{jsx as dm}from"react/jsx-runtime";var ms="k-input-inner",lm=[],pm={},gi={value:"",placeholder:""},ga=e=>{let{value:t=gi.value,placeholder:o=gi.placeholder,rows:a,disabled:n,...i}=e;return dm("textarea",{...i,className:s(e.className,ms,E(ms,e)),placeholder:o,rows:a,defaultValue:t,disabled:n||void 0})};ga.states=lm;ga.options=pm;ga.className=ms;var cs="prompt-box",Li=cs;var us="speech-to-text-button",Mi=us;import{jsx as mm}from"react/jsx-runtime";var Si="k-speech-to-text-button",ki={icon:"microphone"},Be=e=>{let{listening:t=!1,icon:o=ki.icon,...a}=e;return mm(p,{...a,icon:t?"stop":o,className:s(e.className,Si,{"k-listening":t}),"aria-pressed":t?"true":"false","aria-label":t?"Stop listening":"Start listening"})};Be.states=p.states;Be.options=p.options;Be.className=Si;Be.defaultOptions=ki;Be.moduleName=us;Be.folderName=Mi;import{jsx as sL}from"react/jsx-runtime";import{jsx as pL}from"react/jsx-runtime";import{jsx as xm}from"react/jsx-runtime";var cm=p.states,Ci={...p.defaultOptions,variant:"normal"},um={...p.options,fillMode:p.options.fillMode.filter(e=>e!=="clear"&&e!=="link")},fm=[],bm=[{name:"normal",title:"Normal"},{name:"listening",title:"Listening"}],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 Wt,jsxs as fs}from"react/jsx-runtime";var lt="k-prompt-box",Nm=[r.hover,r.focus,r.disabled],hm={fillMode:[N.undefined,N.solid,N.flat,N.outline]},bs={lineMode:"auto",isExpanded:!1},be=e=>{let{fillMode:t,lineMode:o=bs.lineMode,startAffix:a,endAffix:n,header:i,isExpanded:l=bs.isExpanded,className:m,children:u,value:b,placeholder:x,generating:g,actionButtonConfig:c,speechToTextButtonConfig:L,uploadButtonConfig:M,hover:S,focus:A,disabled:k,...y}=e,w=o==="multi"||o==="auto"&&l;return fs("div",{...y,className:s(m,"k-input",lt,{[`${lt}-singleline`]:o==="single",[`${lt}-multiline`]:w,[`k-input-${t}`]:t,"k-hover":S,"k-focus":A,"k-disabled":k}),children:[i&&Wt("div",{className:`${lt}-header`,children:i}),fs("div",{className:`${lt}-content`,children:[a&&Wt("div",{className:`${lt}-affix`,children:a}),o==="single"?Wt(fe,{value:b,placeholder:x,className:`${lt}-input`,type:"text","aria-label":"Prompt input"}):Wt(ga,{value:b,placeholder:x,className:`${lt}-textarea`,rows:o==="multi"||l?3:1,"aria-label":"Prompt input","aria-multiline":"true"}),fs("div",{className:`${lt}-affix`,children:[n,M&&Wt($,{icon:"paperclip",size:"small",fillMode:"flat",rounded:"full","aria-label":"Attach files",...M}),L!==!1&&Wt(Be,{size:"small",fillMode:"flat",rounded:"full",...L}),Wt($,{icon:g?"stop":"arrow-up",size:"small",rounded:"full",active:g,disabled:!b&&!g,"aria-label":g?"Stop generating":"Send prompt","aria-live":"polite",...c,className:s({"k-generating":g},c?.className)})]})]}),u]})};be.states=Nm;be.options=hm;be.className=lt;be.defaultOptions=bs;be.moduleName=cs;be.folderName=Li;import{jsx as PL}from"react/jsx-runtime";import{jsx as wL}from"react/jsx-runtime";import{jsx as UL}from"react/jsx-runtime";import{jsx as $L}from"react/jsx-runtime";import{jsx as JL}from"react/jsx-runtime";import{Fragment as xs,jsx as It,jsxs as km}from"react/jsx-runtime";var vm=be.options,gm=be.states,Lm={...be.defaultOptions,variant:"Single"},Mm=[{name:"Single",title:"Singleline"},{name:"Multi",title:"Multiline"}],Sm=[{name:"header",title:"Header"},{name:"endAffix",title:"End Affix"},{name:"startAffix",title:"Start Affix"}],ho=e=>{let{variant:t,modifiers:o,...a}=e,n={},i=It(xs,{children:It($,{size:"small",icon:"send",fillMode:"flat"})});return Object.keys(o||{}).forEach(l=>{switch(l){case"header":n.header=o?.[l]?It(p,{children:"Button in header"}):void 0;break;case"endAffix":o?.[l]&&(n.endAffix=km(xs,{children:[i,It($,{icon:"paperclip",size:"small",fillMode:"flat"})]}));break;case"startAffix":n.startAffix=o?.[l]?It(xs,{children:It($,{icon:"plus",size:"small",fillMode:"flat"})}):void 0;break;default:break}}),t==="Multi"?It(be,{style:{width:300},lineMode:"multi",endAffix:i,placeholder:"Enter your prompt...",...a,...n}):It(be,{style:{width:300},lineMode:"single",endAffix:i,placeholder:"Enter your prompt...",...a,...n})};ho.options=vm;ho.states=gm;ho.variants=Mm;ho.defaultOptions=Lm;ho.modifiers=Sm;ho.className=be.className;var Ns="chat",Ai=Ns;import{Fragment as Ii,jsx as Jt,jsxs as La}from"react/jsx-runtime";var Ei="k-chat",Cm=[],Am={},Em=La(Ii,{children:[Jt($,{icon:"paperclip",fillMode:"clear",rounded:"full",size:"small","aria-label":"Attach file"},"paperclip"),Jt("div",{className:"k-spacer"})]}),yi={tools:Em},G=e=>{let{header:t,dir:o,suggestedActions:a,files:n,pinned:i,replied:l,generating:m,tools:u=yi.tools,value:b,empty:x,scrollToBottom:g,scrollbar:c,promptBoxProps:L,...M}=e;return La("div",{...M,className:s(Ei,e.className),dir:o,children:[t,La("div",{className:"k-message-list",role:"log","aria-label":"Message list","aria-live":"polite",children:[i,Jt("div",{className:s("k-message-list-content",x&&"k-message-list-content-empty"),children:e.children}),g&&Jt("div",{className:"k-chat-scroll-to-bottom-container",children:Jt(vi,{themeColor:"base",icon:"arrow-down",size:"small"})})]}),c&&Jt("div",{className:"k-separator"}),La("div",{className:"k-message-box-wrapper",children:[a,Jt(be,{lineMode:"multi",placeholder:"Type a message",generating:m,value:b,header:n||l?La(Ii,{children:[l,n]}):void 0,endAffix:u,...L})]})]})};G.states=Cm;G.options=Am;G.className=Ei;G.defaultOptions=yi;G.moduleName=Ns;G.folderName=Ai;var hs="button",Ti=hs;import{jsx as Om}from"react/jsx-runtime";var Ma="k-button-group",ym=[r.disabled],Im={fillMode:[N.undefined,N.solid,N.flat,N.outline,N.clear,N.link]},Tm={},T=e=>{let{fillMode:t,disabled:o,stretched:a,...n}=e;return Om("div",{role:"group",...n,className:s(e.className,Ma,E(Ma,{fillMode:t}),C(Ma,{disabled:o}),{[`${Ma}-stretched`]:a}),...o&&{"aria-disabled":"true"},children:e.children})};T.states=ym;T.options=Im;T.className=Ma;T.defaultOptions=Tm;T.moduleName=hs;T.folderName=Ti;import{Fragment as IM,jsx as yM,jsxs as TM}from"react/jsx-runtime";import{Fragment as _M,jsx as RM,jsxs as wM}from"react/jsx-runtime";import{Fragment as GM,jsx as FM,jsxs as VM}from"react/jsx-runtime";import{Fragment as YM,jsx as JM,jsxs as ZM}from"react/jsx-runtime";import{Fragment as aS,jsx as oS,jsxs as nS}from"react/jsx-runtime";import{Fragment as dS,jsx as pS,jsxs as mS}from"react/jsx-runtime";import{Fragment as NS,jsx as xS,jsxs as hS}from"react/jsx-runtime";import{jsx as gt,jsxs as vs}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"?vs(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"?vs(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"})]}):vs(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 Sa="input",an=Sa;import{jsx as zm}from"react/jsx-runtime";var nn="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:[f.undefined,f.none,f.small,f.medium,f.large,f.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},Hm={},J=e=>{let{hover:t,focus:o,disabled:a,invalid:n,valid:i,loading:l,readonly:m,size:u,rounded:b,fillMode:x,...g}=e;return zm("span",{...g,className:s(e.className,nn,E(nn,{size:u,rounded:b,fillMode:x}),C(nn,{hover:t,focus:o,disabled:a,invalid:n,valid:i,loading:l,readonly:m}))})};J.states=wm;J.options=Dm;J.className=nn;J.defaultOptions=Hm;J.moduleName=Sa;J.folderName=an;import{jsx as Vm}from"react/jsx-runtime";var sn="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:[f.undefined,f.none,f.small,f.medium,f.large,f.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},Gm={},pt=e=>{let{hover:t,focus:o,disabled:a,invalid:n,valid:i,loading:l,readonly:m,size:u,rounded:b,fillMode:x,...g}=e;return Vm("span",{...g,className:s(e.className,sn,E(sn,{size:u,rounded:b,fillMode:x}),C(sn,{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=sn;pt.defaultOptions=Gm;pt.moduleName=Sa;pt.folderName=an;import{Fragment as qm,jsx as gs}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?gs(qm,{}):gs("span",{className:s(e.className,Oi),children:gs(v,{icon:"x"})})};Pe.states=$m;Pe.options=Xm;Pe.className=Oi;import{jsx as Bi,jsxs as Ym}from"react/jsx-runtime";var Ls="k-input-inner",Wm=[],Jm={},Yt=e=>{let{value:t,placeholder:o,showValue:a,valueIcon:n,valueIconName:i,...l}=e;return Ym("span",{...l,className:s(e.className,Ls,E(Ls,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})]})};Yt.states=Wm;Yt.options=Jm;Yt.className=Ls;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 uk}from"react/jsx-runtime";import{jsx as pc}from"react/jsx-runtime";var lc="k-input-suffix-text",Ms=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 Ss}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,b=t?.suffix,x=t?.["clear-button"],g=t?.["validation-icon"],c=t?.separators;return Ss(J,{...m,valid:o,invalid:a,loading:n,disabled:i,readonly:l,style:{width:300},children:[u&&Ss(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}),x&&dt(Pe,{loading:n,disabled:i,readonly:l,value:"Value"}),b&&Ss(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={},Tt=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}})]})};Tt.states=Nc;Tt.options=hc;Tt.className=Fi;var ks="popup",Gi=ks;import{jsx as Vi}from"react/jsx-runtime";var $i="k-animation-container",gc=[],Lc={},Cs={positionMode:"absolute",shown:!0},mt=e=>{let{positionMode:t=Cs.positionMode,shown:o=Cs.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=Cs;mt.moduleName=ks;mt.folderName=Gi;var As="popup",Xi=As;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=As;X.folderName=Xi;var Es="action-buttons",Yi=Es;import{jsx as Ac}from"react/jsx-runtime";var rn="k-actions",kc=[],Cc={},ys={alignment:"start",orientation:"horizontal"},Ke=e=>{let{alignment:t=ys.alignment,orientation:o=ys.orientation,...a}=e;return Ac("div",{...a,className:s(rn,{[`${rn}-${t}`]:t,[`${rn}-${o}`]:o},e.className),children:e.children})};Ke.states=kc;Ke.options=Cc;Ke.className=rn;Ke.defaultOptions=ys;Ke.moduleName=Es;Ke.folderName=Yi;var Zi=Ke;import{jsx as yc}from"react/jsx-runtime";var Ec="k-actionsheet-footer",Qi={alignment:"stretched",orientation:"horizontal"},Ot=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 Is="searchbox",ji=Is;import{jsx as ka,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:[f.undefined,f.none,f.small,f.medium,f.large,f.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},ln={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:b,required:x,loading:g,disabled:c,showIcon:L=ln.showIcon,showClearButton:M=ln.showClearButton,icon:S=ln.icon,"aria-label":A,...k}=e;return Oc(J,{...k,size:a,rounded:n,fillMode:i,hover:l,focus:m,valid:u,invalid:b,required:x,loading:g,disabled:c,className:s(e.className,el),children:[L&&ka(v,{className:"k-input-icon",icon:S}),ka(fe,{placeholder:o,value:t,"aria-label":A}),ka(Ee,{...e}),ka(xe,{...e}),M&&ka(Pe,{...e})]})};Ve.states=Ic;Ve.options=Tc;Ve.className=el;Ve.defaultOptions=ln;Ve.moduleName=Is;Ve.folderName=ji;import{jsx as DC}from"react/jsx-runtime";var Ts="textbox",tl=Ts;import{Fragment as ol,jsx as Bt,jsxs as Os}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:[f.undefined,f.none,f.small,f.medium,f.large,f.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},pn={showClearButton:!0,showValidationIcon:!0,separators:!0},de=e=>{let{size:t,rounded:o,fillMode:a,separators:n=pn.separators,showClearButton:i=pn.showClearButton,showValidationIcon:l=pn.showValidationIcon,prefix:m,suffix:u,type:b,value:x,placeholder:g,hover:c,focus:L,valid:M,invalid:S,required:A,loading:k,disabled:y,readonly:w,id:se,"aria-label":Ae,"aria-describedby":pe,...ue}=e;return Os(J,{...ue,size:t,rounded:o,fillMode:a,hover:c,focus:L,valid:M,invalid:S,required:A,loading:k,disabled:y,readonly:w,className:s(e.className,al),children:[m&&Os(ol,{children:[Bt(Ue,{children:m}),n&&Bt(Ge,{})]}),Bt(fe,{id:se,placeholder:g,value:x,type:b,disabled:y,"aria-label":Ae,"aria-describedby":pe,"aria-invalid":S?"true":void 0}),l&&Bt(xe,{valid:M,invalid:S,loading:k,disabled:y}),Bt(Ee,{loading:k,disabled:y}),i&&Bt(Pe,{loading:k,disabled:y,readonly:w,value:x}),u&&Os(ol,{children:[n&&Bt(Ge,{}),Bt(Fe,{children:u})]})]})};de.states=Bc;de.options=Pc;de.className=al;de.defaultOptions=pn;de.moduleName=Ts;de.folderName=tl;var Ca=de;import{jsx as Kc}from"react/jsx-runtime";var dn=e=>Kc(Ca,{...e});import{Fragment as oA,jsx as tA}from"react/jsx-runtime";import{Fragment as lA,jsx as iA}from"react/jsx-runtime";import{jsx as cA}from"react/jsx-runtime";import{jsx as Bs}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]?Bs(v,{icon:"lock"}):void 0;break;case"suffix":a.suffix=t?.[n]?Bs(at,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":a.showClearButton=t?.[n];break;default:break}}),Bs(dn,{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 Pt,jsxs as Ps}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:b,titleId:x,children:g,...c}=e;return Ps("div",{...c,className:s(e.className,nl),children:[Ps("div",{className:"k-actionsheet-titlebar-group",children:[a&&Pt("div",{className:"k-actionsheet-actions",children:a}),!g&&Ps("div",{className:"k-actionsheet-title",id:x,children:[t&&Pt("div",{className:"k-text-center",children:t}),o&&Pt("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),g&&Pt("div",{className:"k-actionsheet-title",id:x,children:g}),n&&Pt("div",{className:"k-actionsheet-actions",children:n})]}),(l||i)&&Pt("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:l?Pt(de,{value:m,placeholder:u,size:b?"large":"medium","aria-label":t||u||"Input"}):Pt(Ve,{placeholder:"Filter",size:b?"large":"medium","aria-label":"Filter options"})})]})};Ne.className=nl;Ne.defaultOptions=zc;import{jsx as Ks,jsxs as Vc}from"react/jsx-runtime";var Rs="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&&Ks(Ne,{adaptive:t,titleId:l,...n?.props}),b=i?.type===Ot&&Ks(Ot,{...i?.props});return Vc("div",{...m,className:s(e.className,Rs,{[`${Rs}-animated`]:o}),children:[u,Ks("div",{className:"k-actionsheet-content",children:a}),b]})};Mo.states=Uc;Mo.options=Fc;Mo.className=Rs;Mo.defaultOptions=Gc;var Aa="action-sheet",mn=Aa;var _s="overlay",sl=_s;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=_s;ct.folderName=sl;import{jsx as cn,jsxs as Zc}from"react/jsx-runtime";var il="k-actionsheet",Jc=[],Yc={},Ea={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},Y=e=>{let{side:t=Ea.side,fullscreen:o=Ea.fullscreen,adaptive:a=Ea.adaptive,overlay:n=Ea.overlay,template:i,children:l,header:m,footer:u,id:b,...x}=e,g=b&&!i&&m?`${b}-title`:void 0;return Zc("div",{className:"k-actionsheet-container",children:[n&&cn(ct,{}),cn(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:cn("div",{...x,id:b,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||cn(Mo,{header:m,footer:u,adaptive:a,titleId:g,...e,children:l})})})]})};Y.states=Jc;Y.options=Yc;Y.className=il;Y.defaultOptions=Ea;Y.moduleName=Aa;Y.folderName=mn;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=Aa;So.folderName=mn;import{jsx as ou}from"react/jsx-runtime";var ws=e=>{let{...t}=e;return ou("div",{...t,className:s(e.className,"k-list-ul"),children:e.children})};import{Fragment as nu,jsx as ya,jsxs as Ds}from"react/jsx-runtime";var Hs="k-actionsheet-item",au=[r.hover,r.focus,r.selected,r.disabled],Kt=e=>{let{iconName:t,text:o,description:a,hover:n,focus:i,selected:l,disabled:m,...u}=e;return Ds("span",{...u,className:s(e.className,Hs,C(Hs,{hover:n,focus:i,selected:l,disabled:m})),children:[!e.children&&ya(nu,{children:Ds("span",{className:"k-actionsheet-action",children:[t&&ya("span",{className:"k-icon-wrap",children:ya(v,{className:"k-actionsheet-item-icon",icon:t})}),Ds("span",{className:"k-actionsheet-item-text",children:[o&&ya("span",{className:"k-actionsheet-item-title",children:o}),a&&ya("span",{className:"k-actionsheet-item-description",children:a})]})]})}),e.children]})};Kt.states=au;Kt.className=Hs;import{jsx as mE,jsxs as cE}from"react/jsx-runtime";import{jsx as xE}from"react/jsx-runtime";import{jsx as gE}from"react/jsx-runtime";import{jsx as kE}from"react/jsx-runtime";import{jsx as re,jsxs as zs}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=zs(ws,{children:[re(Kt,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),re(Kt,{text:"Add to Favorites",iconName:"heart"}),re(Kt,{text:"Upload New",iconName:"upload",disabled:!0}),re("hr",{className:"k-hr"}),re(Kt,{text:"Cancel",iconName:"cancel"})]}),l="Choose from the items below",m="Select Item";return t==="fullScreen"&&(n.fullScreen=!0),Object.keys(o||{}).forEach(u=>{switch(u){case"actions":n.actionsStart=!!o?.[u],n.actionsEnd=!!o?.[u];break;case"subtitle":n.subtitle=o?.[u]?l:void 0;break;case"footer":n.footer=!!o?.[u];break;default:break}}),t==="adaptive"?re(Y,{...a,adaptive:!0,fullscreen:n.fullScreen,header:re(Ne,{actionsStart:n.actionsStart?re(p,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:n.actionsEnd?re(p,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:m,subtitle:n.subtitle}),footer:n.footer?zs(Ot,{alignment:"stretched",children:[re(p,{text:"Cancel",size:"large",themeColor:"base"}),re(p,{text:"Apply",size:"large",themeColor:"primary"})]}):void 0,children:i}):re(Y,{...a,fullscreen:n.fullScreen,header:re(Ne,{actionsStart:n.actionsStart?re(p,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:n.actionsEnd?re(p,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:n.subtitle}),footer:n.footer?zs(Ot,{alignment:"stretched",children:[re(p,{text:"Apply",themeColor:"primary"}),re(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 Us="slider",ml=Us;import{jsx as Co,jsxs as Fs}from"react/jsx-runtime";var Ia="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:b=$e.value,min:x=$e.min,max:g=$e.max,startValue:c,endValue:L,hover:M,focus:S,active:A,trackStyle:k,dir:y,...w}=e,Ae=(()=>{if(t==="gradient"&&a==="2d")return"undefined";if(o==="vertical")return"vertical"})(),pe,ue;return o==="horizontal"?(pe=y==="rtl"?"chevron-left":"chevron-right",ue=y==="rtl"?"chevron-right":"chevron-left"):o==="vertical"&&(pe="chevron-up",ue="chevron-down"),Fs("div",{...w,className:s(Ia,e.className,C(Ia,{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"}),Fs("div",{className:"k-slider-track-wrap",children:[u&&Co("ul",{className:"k-reset k-slider-items","aria-hidden":"true",children:e.children}),Fs("div",{className:"k-slider-track",style:k,children:[Co("div",{className:"k-slider-selection"}),t==="range"&&Co("span",{className:s("k-draghandle","k-draghandle-start",C(Ia,{hover:M,focus:S,active:A})),role:"slider",tabIndex:i?void 0:0,"aria-valuenow":c??x,"aria-valuemin":x,"aria-valuemax":L??g,"aria-orientation":Ae,"aria-disabled":i?"true":void 0,"aria-readonly":n?"true":void 0,"aria-label":w["aria-label"]?`${w["aria-label"]} start`:"Range start"}),Co("span",{className:s("k-draghandle",`k-draghandle-${l}`,C(Ia,{hover:M,focus:S,active:A})),role:"slider",tabIndex:i?void 0:0,"aria-valuenow":t==="range"?L??g:b,"aria-valuemin":t==="range"?c??x:x,"aria-valuemax":g,"aria-orientation":Ae,"aria-disabled":i?"true":void 0,"aria-readonly":n?"true":void 0,"aria-label":t==="range"?w["aria-label"]?`${w["aria-label"]} end`:"Range end":w["aria-label"]})]})]}),m&&Co(p,{className:"k-button-increase",rounded:"full",icon:pe,tabIndex:-1,title:"Increase"})]})};V.states=pu;V.options=du;V.className=Ia;V.defaultOptions=$e;V.moduleName=Us;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 cy,jsx as my,jsxs as uy}from"react/jsx-runtime";import{Fragment as hy,jsx as Ny,jsxs as vy}from"react/jsx-runtime";import{jsx as Nu}from"react/jsx-runtime";var Gs=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 Vs=e=>hu(V,{type:"gradient",orientation:"vertical",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]||"Color slider"});import{Fragment as Ty,jsx as Iy,jsxs as Oy}from"react/jsx-runtime";import{Fragment as _y,jsx as Ry,jsxs as wy}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:[N.undefined,N.solid,N.flat,N.outline,N.clear,N.link]},$s={increaseLabel:"Increase value",decreaseLabel:"Decrease value"},Rt=e=>{let{size:t,fillMode:o,disabled:a,increaseLabel:n=$s.increaseLabel,decreaseLabel:i=$s.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})]})};Rt.states=Cu;Rt.options=Au;Rt.className=gl;Rt.defaultOptions=$s;Rt.moduleName=null;Rt.folderName=null;var Ll="numeric-textbox",Ml="numerictextbox";import{Fragment as Sl,jsx as Lt,jsxs as Xs}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:[f.undefined,f.none,f.small,f.medium,f.large,f.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},un={showSpinButton:!0,showClearButton:!0,separators:!0},D=e=>{let{size:t,rounded:o,fillMode:a,separators:n=un.separators,showClearButton:i=un.showClearButton,showSpinButton:l=un.showSpinButton,prefix:m,suffix:u,value:b,placeholder:x,hover:g,focus:c,valid:L,invalid:M,required:S,loading:A,disabled:k,readonly:y,id:w,"aria-label":se,"aria-describedby":Ae,...pe}=e;return Xs(J,{...pe,size:t,rounded:o,fillMode:a,hover:g,focus:c,valid:L,invalid:M,required:S,loading:A,disabled:k,readonly:y,className:s(e.className,kl),children:[m&&Xs(Sl,{children:[Lt(Ue,{children:m}),n&&Lt(Ge,{})]}),Lt(fe,{id:w,placeholder:x,value:b,role:"spinbutton",disabled:k,"aria-label":se,"aria-describedby":Ae,"aria-invalid":M?"true":void 0}),Lt(xe,{valid:L,invalid:M,loading:A,disabled:k}),Lt(Ee,{loading:A,disabled:k}),i&&Lt(Pe,{loading:A,disabled:k,readonly:y,value:b}),u&&Xs(Sl,{children:[n&&Lt(Ge,{}),Lt(Fe,{children:u})]}),l&&Lt(Rt,{className:"k-input-spinner",size:t,fillMode:a,disabled:k})]})};D.states=yu;D.options=Iu;D.className=kl;D.defaultOptions=un;D.moduleName=Ll;D.folderName=Ml;var Ta=D;import{jsx as Tu}from"react/jsx-runtime";var Cl=e=>Tu(Ta,{...e});import Ws from"react";import{jsx as Al}from"react/jsx-runtime";var Ou="k-list-group-sticky-header",qs=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",fn=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 Zt="list",Eo=Zt;import{jsx as El,jsxs as yl}from"react/jsx-runtime";var Js="k-list",Ku=[],Ru={size:[d.undefined,d.small,d.medium,d.large]},_u={},R=e=>{let{size:t,virtualization:o,children:a,header:n,selectAll:i,optionLabel:l,customValue:m,noData:u,screenReaders:b,...x}=e,c=Ws.Children.toArray(a)[0],L=c?.props?.children?Ws.Children.count(c.props.children):Ws.Children.count(a);return yl("div",{...x,className:s(e.className,Js,E(Js,{size:t}),{"k-virtual-list":o}),children:[l,i,m,n&&El(qs,{children:n}),a||(u!==void 0?u:El(fn,{live:!0,children:"No data found."})),b&&a&&yl(fn,{className:"k-sr-only",live:!0,children:[L," items found."]})]})};R.states=Ku;R.options=Ru;R.className=Js;R.defaultOptions=_u;R.moduleName=Zt;R.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=Zt;yo.folderName=Eo;var Qt="checkbox",Io=Qt;import{jsx as Tl}from"react/jsx-runtime";var bn="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:[f.undefined,f.none,f.small,f.medium,f.large,f.full]},Gu={},Re=e=>{let{id:t,checked:o,indeterminate:a,hover:n,focus:i,disabled:l,invalid:m,valid:u,required:b,size:x,rounded:g,wrapperRole:c,...L}=e;return Tl("span",{className:"k-checkbox-wrap",role:c,children:Tl("input",{...L,id:t,type:"checkbox",defaultChecked:o,required:b,disabled:l||void 0,"aria-invalid":m?"true":void 0,className:s(e.className,bn,E(bn,{size:x,rounded:g}),C(bn,{hover:n,focus:i,disabled:l,invalid:m,valid:u,indeterminate:a,checked:o}))})})};Re.states=Uu;Re.options=Fu;Re.className=bn;Re.defaultOptions=Gu;Re.moduleName=Qt;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=Qt;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=Qt;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 iT,jsx as rT,jsxs as lT}from"react/jsx-runtime";import{Fragment as uT,jsx as cT,jsxs as fT}from"react/jsx-runtime";import{Fragment as vT,jsx as hT,jsxs as gT}from"react/jsx-runtime";import{jsx as kT}from"react/jsx-runtime";import{jsx as yT}from"react/jsx-runtime";import{jsx as BT}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 Ys="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:b,actions:x,description:g,id:c,...L}=e,M=t||e.children,S=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":b?"true":void 0,className:s(e.className,Ys,C(Ys,{hover:l,focus:m,disabled:b,selected:u})),children:[n&&Bo(Re,{checked:i,disabled:b,"aria-label":S,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}),x&&Bo("div",{className:"k-list-item-actions",children:x}),g&&Bo("span",{className:"k-list-item-description",children:g})]})};O.states=mf;O.options=cf;O.className=Ys;O.defaultOptions=uf;O.moduleName=Zt;O.folderName=Eo;import{jsx as xf}from"react/jsx-runtime";var bf="k-list-ul",_t=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 Zs,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:Zs(_t,{role:"listbox",id:i,"aria-label":a,"aria-labelledby":n,children:e.children}),t&&Zs("div",{className:"k-height-container",children:Zs("div",{})})]})};import{jsx as Qs,jsxs as Mf}from"react/jsx-runtime";var xn="k-list-sticky-header",vf=[r.hover,r.focus,r.selected],gf={},Lf={},Nn=e=>{let{label:t="Select all",showCheckbox:o=!0,checked:a,indeterminate:n,hover:i,focus:l,selected:m,...u}=e;return Qs("div",{...u,className:s(xn,e.className),children:Mf("div",{className:s(`${xn}-item`,C(`${xn}-item`,{hover:i,focus:l,selected:m})),"aria-label":t,...!o&&{tabIndex:0,"aria-selected":m?"true":"false"},children:[o&&Qs(Re,{checked:a,indeterminate:n,"aria-label":t}),Qs("span",{className:"k-list-item-text",children:t})]})})};Nn.states=vf;Nn.options=gf;Nn.className=xn;Nn.defaultOptions=Lf;import{Fragment as AO,jsx as CO,jsxs as EO}from"react/jsx-runtime";import{jsx as BO,jsxs as PO}from"react/jsx-runtime";import{jsx as Af}from"react/jsx-runtime";var js="k-list-optionlabel",Sf=[r.hover,r.focus,r.selected,r.disabled],kf={},Cf={},hn=e=>{let{text:t,hover:o,focus:a,selected:n,disabled:i,...l}=e;return Af("div",{...l,className:s(js,C(js,{hover:o,focus:a,selected:n,disabled:i})),children:t})};hn.states=Sf;hn.options=kf;hn.className=js;hn.defaultOptions=Cf;import{jsx as Tf}from"react/jsx-runtime";var er="k-list-custom-value",Ef=[r.hover,r.focus,r.selected,r.disabled],yf={},If={},wt=e=>{let{text:t,hover:o,focus:a,selected:n,disabled:i,...l}=e;return Tf("div",{...l,className:s(er,C(er,{hover:o,focus:a,selected:n,disabled:i})),children:t})};wt.states=Ef;wt.options=yf;wt.className=er;wt.defaultOptions=If;import{Fragment as $O,jsx as VO,jsxs as XO}from"react/jsx-runtime";import{Fragment as QO,jsx as ZO,jsxs as jO}from"react/jsx-runtime";import{Fragment as rB,jsx as nB,jsxs as sB}from"react/jsx-runtime";import{Fragment as uB,jsx as mB,jsxs as cB}from"react/jsx-runtime";import{jsx as NB}from"react/jsx-runtime";import{Fragment as SB,jsx as MB,jsxs as kB}from"react/jsx-runtime";import{Fragment as TB,jsx as IB,jsxs as OB}from"react/jsx-runtime";var _l="dropdown-list",wl="dropdownlist";import{Fragment as Pf,jsx as ge,jsxs as tr}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:[f.undefined,f.none,f.small,f.medium,f.large,f.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},or={showValue:!0,arrowIconName:"chevron-down"},ne=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:n=or.arrowIconName,showValue:i=or.showValue,valueIconName:l,prefix:m,suffix:u,value:b,placeholder:x,hover:g,focus:c,valid:L,invalid:M,required:S,loading:A,disabled:k,readonly:y,popup:w,opened:se,adaptive:Ae,adaptiveSettings:pe,adaptiveTitle:ue,adaptiveSubtitle:ua,adaptiveFilter:Xt,id:qt,activeDescendant:fa,"aria-label":Yn,...Zn}=e,Qn=qt?`${qt}-listbox`:void 0,si=qt?`${qt}-value`:void 0;return tr(Pf,{children:[tr(pt,{...Zn,id:qt,size:t,rounded:o,fillMode:a,hover:g,focus:c,valid:L,invalid:M,required:S,loading:A,disabled:k,readonly:y,className:s(e.className,Dl,{"k-icon-picker":!i&&l}),role:"combobox","aria-haspopup":"listbox","aria-expanded":se?"true":"false","aria-controls":se?Qn:void 0,"aria-activedescendant":se&&fa?fa:void 0,"aria-describedby":se?si:void 0,"aria-disabled":k?"true":void 0,"aria-label":Yn,tabIndex:0,children:[ge(Ue,{children:m}),ge(Yt,{placeholder:x,value:b,showValue:i,valueIconName:l,id:si}),ge(xe,{valid:L,invalid:M,loading:A,disabled:k}),ge(Ee,{loading:A,disabled:k}),ge(Fe,{children:u}),ge(p,{className:"k-input-button",icon:n,size:e.size,fillMode:e.fillMode,"aria-label":x||"Toggle dropdown",tabIndex:-1})]}),se&&w&&ge(X,{className:"k-list-container k-dropdownlist-popup",containerRole:"region",containerAriaLabel:"Dropdown suggestions",children:w}),Ae&&ge(Y,{adaptive:!0,...pe,header:ge(Ne,{actionsEnd:ge(p,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),filter:Xt,inputValue:b,inputPlaceholder:x,title:ue,subtitle:ua}),children:ge("div",{className:"k-list-container",children:ge(R,{size:"large",children:tr(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=or;ne.moduleName=_l;ne.folderName=wl;import{jsx as cP}from"react/jsx-runtime";import{jsx as hP,jsxs as vP}from"react/jsx-runtime";import{Fragment as yP,jsx as AP,jsxs as EP}from"react/jsx-runtime";import{jsx as PP}from"react/jsx-runtime";import{jsx as HP,jsxs as zP}from"react/jsx-runtime";import{Fragment as JP,jsx as qP,jsxs as WP}from"react/jsx-runtime";import{jsx as eK}from"react/jsx-runtime";import{Fragment as Hf,jsx as Dt,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:[Dt("div",{className:"k-list-filter",children:Dt(Ve,{})}),Dt(R,{style:{width:300},size:o.size,children:Hl(z,{children:[Dt(O,{children:"List item"}),Dt(O,{children:"List item"}),Dt(O,{children:"List item"})]})})]});return Object.keys(t||{}).forEach(i=>{i==="opened"&&(a.opened=!!t?.[i],a.popup=t?.[i]?n:void 0)}),Dt("div",{children:Dt(ne,{placeholder:"Value",style:{width:300},...o,...a})})};Ko.options=_f;Ko.states=Kf;Ko.variants=Df;Ko.defaultOptions=Rf;Ko.modifiers=wf;Ko.className=ne.className;import{Fragment as MK,jsx as LK}from"react/jsx-runtime";import{Fragment as yK,jsx as EK}from"react/jsx-runtime";import{jsx as BK}from"react/jsx-runtime";import{jsx as ar}from"react/jsx-runtime";var zf=D.states,Uf=D.defaultOptions,Ff=D.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]?ar(ne,{size:o.size,fillMode:"flat",value:"mm"}):void 0;break;case"suffix":a.suffix=t?.[n]?ar(Ms,{children:"mm"}):void 0;break;case"clear-button":a.showClearButton=t?.[n];break;case"spin-button":a.showSpinButton=t?.[n];break;default:break}}),ar(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=D.className;import{Fragment as Ba,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(Ba,{children:[Z("div",{className:"k-vstack",children:[P(D,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Red channel"}),P("label",{className:"k-colorgradient-input-label",children:"R"})]}),Z("div",{className:"k-vstack",children:[P(D,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Green channel"}),P("label",{className:"k-colorgradient-input-label",children:"G"})]}),Z("div",{className:"k-vstack",children:[P(D,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Blue channel"}),P("label",{className:"k-colorgradient-input-label",children:"B"})]}),Z("div",{className:"k-vstack",children:[P(D,{showSpinButton:!1,showClearButton:!1,value:"1.00",size:o,"aria-label":"Alpha channel"}),P("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="rgb"&&Z(Ba,{children:[Z("div",{className:"k-vstack",children:[P(D,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Red channel"}),P("label",{className:"k-colorgradient-input-label",children:"R"})]}),Z("div",{className:"k-vstack",children:[P(D,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Green channel"}),P("label",{className:"k-colorgradient-input-label",children:"G"})]}),Z("div",{className:"k-vstack",children:[P(D,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Blue channel"}),P("label",{className:"k-colorgradient-input-label",children:"B"})]})]}),t==="hsva"&&Z(Ba,{children:[Z("div",{className:"k-vstack",children:[P(D,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),P("label",{className:"k-colorgradient-input-label",children:"H"})]}),Z("div",{className:"k-vstack",children:[P(D,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),P("label",{className:"k-colorgradient-input-label",children:"S"})]}),Z("div",{className:"k-vstack",children:[P(D,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),P("label",{className:"k-colorgradient-input-label",children:"V"})]}),Z("div",{className:"k-vstack",children:[P(D,{showSpinButton:!1,showClearButton:!1,value:"1.00","aria-label":"Alpha channel"}),P("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="hsv"&&Z(Ba,{children:[Z("div",{className:"k-vstack",children:[P(D,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),P("label",{className:"k-colorgradient-input-label",children:"H"})]}),Z("div",{className:"k-vstack",children:[P(D,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),P("label",{className:"k-colorgradient-input-label",children:"S"})]}),Z("div",{className:"k-vstack",children:[P(D,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),P("label",{className:"k-colorgradient-input-label",children:"V"})]})]}),t==="hex"&&P(Ba,{children:Z("div",{className:"k-vstack k-flex-1",children:[P(de,{showClearButton:!1,value:"#b88484AA",className:"k-hex-value"}),P("label",{className:"k-colorgradient-input-label",children:"HEX"})]})})]})};_o.states=$f;_o.options=Xf;_o.className=zl;_o.defaultOptions=Ul;import{jsx as jt,jsxs as eo}from"react/jsx-runtime";var Fl="k-colorgradient-color-contrast",qf=[],Wf={},Jf={},wo=()=>eo("div",{className:s(Fl,"k-vbox"),children:[eo("div",{className:"k-contrast-ratio",children:[jt("span",{className:"k-contrast-ratio-text",children:"Contrast ratio: 7.1"}),eo("span",{className:"k-contrast-validation !k-text-success",children:[jt(v,{icon:"check"}),jt(v,{icon:"check"})]})]}),eo("div",{children:[jt("span",{children:"AA: 4.5"}),eo("span",{className:"k-contrast-validation !k-text-success",children:["Pass",jt(v,{icon:"check"})]})]}),eo("div",{children:[jt("span",{children:"AAA: 7.0"}),eo("span",{className:"k-contrast-validation !k-text-error",children:["Fail",jt(v,{icon:"x"})]})]})]});wo.states=qf;wo.options=Wf;wo.className=Fl;wo.defaultOptions=Jf;var Gl="color-gradient",Vl="colorgradient";import{jsx as Je,jsxs as Pa}from"react/jsx-runtime";var vn="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"},ie=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:b=ft.contrast,dir:x,hover:g,focus:c,hoverHandle:L,focusHandle:M,canvasOrientation:S=ft.canvasOrientation,role:A,tabIndex:k,...y}=e;return Pa("div",{...y,role:A??"textbox","aria-label":A==="none"?void 0:"Color gradient",tabIndex:k??0,"aria-disabled":n?"true":void 0,className:s(e.className,vn,E(vn,{size:t}),C(vn,{hover:g,focus:c,readonly:a,disabled:n})),dir:x,children:[!S||S==="horizontal"&&Pa("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})})}),Pa("div",{className:"k-hsv-controls k-hstack",children:[Je(Vs,{className:"k-hue-slider",hover:L,focus:M}),o!=="rgb"&&o!=="hsv"&&Je(Vs,{className:"k-alpha-slider",hover:L,focus:M,trackStyle:m})]})]}),S==="vertical"&&Pa("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})})}),Pa("div",{className:"k-hsv-controls k-vstack",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:u})]})]}),Je(_o,{mode:e.mode,size:t}),b&&Je(wo,{})]})};ie.states=Yf;ie.options=Zf;ie.className=vn;ie.defaultOptions=ft;ie.moduleName=Gl;ie.folderName=Vl;import{jsx as Qf}from"react/jsx-runtime";var gn=e=>Qf(ie,{...e});import{jsx as NR}from"react/jsx-runtime";import{jsx as LR}from"react/jsx-runtime";import{jsx as nr}from"react/jsx-runtime";var jf=ie.options,eb=ie.states,tb={...ie.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 nr(gn,{...o,mode:t});case"rgb":return nr(gn,{...o,mode:t});default:return nr(gn,{...o,mode:t})}};Do.options=jf;Do.states=eb;Do.variants=ob;Do.defaultOptions=tb;Do.modifiers=ab;Do.className=ie.className;import{jsx as nb}from"react/jsx-runtime";var sr=e=>nb("tr",{role:"row",children:e.children});import{jsx as ib}from"react/jsx-runtime";var rr="k-colorpalette-tile",sb=[r.hover,r.focus,r.selected],rb={},Ht=e=>{let{color:t,tileSize:o,hover:a,focus:n,selected:i,...l}=e,m={backgroundColor:t,width:o?o+"px":"",height:o?o+"px":""};return ib("td",{...l,role:"gridcell","aria-label":t,"aria-selected":i?"true":void 0,className:s(e.className,rr,C(rr,{hover:a,focus:n,selected:i})),style:m})};Ht.states=sb;Ht.options=rb;Ht.className=rr;Ht.moduleName=null;Ht.folderName=null;var $l="color-palette",Xl="colorpalette";import{jsx as Ka}from"react/jsx-runtime";var Ln="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,b=o.colors?o.colors:o;Array.isArray(b)&&Array.from({length:Math.ceil(b.length/u)},(x,g)=>{let c=[];b.slice(g*u,(g+1)*u).map((M,S)=>{c.push(Ka(Ht,{color:M,tileSize:n},S))});let L=Ka(sr,{children:c},g);m.push(L)})}return Ka("div",{...l,role:"grid","aria-label":"Color palette",tabIndex:0,"aria-disabled":i?"true":void 0,className:s(e.className,Ln,C(Ln,{disabled:i}),E(Ln,{size:t})),children:Ka("table",{className:"k-colorpalette-table",role:"none",children:Ka("tbody",{children:m.length>0?m:e.children})})})};ye.states=lb;ye.options=pb;ye.className=Ln;ye.defaultOptions=ql;ye.moduleName=$l;ye.folderName=Xl;var Mn=ye;var Ra={basic:{colors:["#000000","#7f7f7f","#880015","#ed1c24","#ff7f27","#fff200","#22b14c","#00a2e8","#3f48cc","#a349a4","#ffffff","#c3c3c3","#b97a57","#ffaec9","#ffc90e","#efe4b0","#b5e61d","#99d9ea","#7092be","#c8bfe7"],columns:10},office:{colors:["#ffffff","#000000","#e6e6e6","#435569","#4371c4","#ed7e32","#a5a4a5","#febf04","#5a9bd5","#71ae48","#f2f2f3","#7f7f7f","#d1cece","#d5dde3","#dae1f4","#fce5d4","#deeded","#fff2cc","#deeaf6","#e1efd9","#d7d8d8","#585959","#aeabab","#adbaca","#b4c5e7","#f6caac","#dbdbdb","#ffe498","#bcd6ee","#c5e0b2","#bfbfc0","#3f3f3f","#767070","#8595b1","#8fabdb","#f5b183","#c9c8c9","#fed965","#9bc4e5","#a8d08d","#a5a5a6","#262625","#393939","#334050","#2e5496","#c45a11","#7b7b7a","#bf9000","#2f75b5","#548235","#7f7f7f","#0b0c0c","#161616","#222a34","#203764","#843d0b","#525252","#7f6000","#1d4d79","#375623"],columns:10},apex:{colors:["#ffffff","#000000","#c9c2d1","#69676d","#ceb966","#9cb084","#6bb1c9","#6585cf","#7e6bc9","#a379bb","#f2f2f2","#7f7f7f","#f4f2f5","#e0e0e2","#f5f1e0","#ebefe6","#e1eff4","#e0e6f5","#e5e1f4","#ece4f1","#d8d8d8","#595959","#e9e6ec","#c2c1c5","#ebe3c1","#d7dfcd","#c3dfe9","#c1ceeb","#cbc3e9","#dac9e3","#bfbfbf","#3f3f3f","#dedae3","#a4a3a8","#e1d5a3","#c3cfb5","#a6d0de","#a2b5e2","#b1a6de","#c7aed6","#a5a5a5","#262626","#9688a5","#4e4d51","#ae9638","#758c5a","#3d8da9","#365bb0","#533da9","#7d4d99","#7f7f7f","#0c0c0c","#635672","#343336","#746425","#4e5d3c","#295e70","#243c75","#372970","#533366"],columns:10},austin:{colors:["#ffffff","#000000","#caf278","#3e3d2d","#94c600","#71685a","#ff6700","#909465","#956b43","#fea022","#f2f2f2","#7f7f7f","#f4fce4","#dddcd0","#efffc0","#e3e1dc","#ffe0cb","#e8e9df","#ece1d6","#feecd2","#d8d8d8","#595959","#e9f9c9","#bbb9a1","#dfff82","#c8c3ba","#ffc299","#d2d4c0","#dac3ad","#fed9a6","#bfbfbf","#3f3f3f","#dff7ae","#ada598","#cfff43","#ada598","#ffa365","#bcbfa1","#c8a585","#fec67a","#a5a5a5","#262626","#a9ea25","#2e2d21","#6f9400","#544e43","#bf4d00","#6c6f4b","#6f5032","#d77b00","#7f7f7f","#0c0c0c","#74a50f","#1f1e16","#4a6300","#38342d","#7f3300","#484a32","#4a3521","#8f5200"],columns:10},clarity:{colors:["#ffffff","#292934","#f3f2dc","#d2533c","#93a299","#ad8f67","#726056","#4c5a6a","#808da0","#79463d","#f2f2f2","#e7e7ec","#e7e5b9","#f6dcd8","#e9ecea","#eee8e0","#e4dedb","#d8dde3","#e5e8ec","#e9d6d3","#d8d8d8","#c4c4d1","#d5d185","#edbab1","#d3d9d6","#ded2c2","#c9beb8","#b2bcc8","#ccd1d9","#d3aea7","#bfbfbf","#8a8aa3","#aca73b","#e4978a","#bec7c1","#cdbba3","#af9e94","#8c9bac","#b2bac6","#bd857c","#a5a5a5","#56566e","#56531d","#a43925","#6b7c72","#866b48","#554840","#39434f","#5c697b","#5a342d","#7f7f7f","#3b3b4b","#22210b","#6d2619","#47534c","#594730","#39302b","#262d35","#3d4652","#3c231e"],columns:10},slipstream:{colors:["#ffffff","#000000","#b4dcfa","#212745","#4e67c8","#5eccf3","#a7ea52","#5dceaf","#ff8021","#f14124","#f2f2f2","#7f7f7f","#8bc9f7","#c7cce4","#dbe0f4","#def4fc","#edfadc","#def5ef","#ffe5d2","#fcd9d3","#d8d8d8","#595959","#4facf3","#909aca","#b8c2e9","#beeafa","#dbf6b9","#beebdf","#ffcca6","#f9b3a7","#bfbfbf","#3f3f3f","#0d78c9","#5967af","#94a3de","#9ee0f7","#caf297","#9de1cf","#ffb279","#f68d7b","#a5a5a5","#262626","#063c64","#181d33","#31479f","#11b2eb","#81d319","#34ac8b","#d85c00","#c3260c","#7f7f7f","#0c0c0c","#021828","#101322","#202f6a","#0b769c","#568c11","#22725c","#903d00","#821908"],columns:10},metro:{colors:["#ffffff","#000000","#d6ecff","#4e5b6f","#7fd13b","#ea157a","#feb80a","#00addc","#738ac8","#1ab39f","#f2f2f2","#7f7f7f","#a7d6ff","#d9dde4","#e5f5d7","#fad0e4","#fef0cd","#c5f2ff","#e2e7f4","#c9f7f1","#d8d8d8","#595959","#60b5ff","#b3bcca","#cbecb0","#f6a1c9","#fee29c","#8be6ff","#c7d0e9","#94efe3","#bfbfbf","#3f3f3f","#007dea","#8d9baf","#b2e389","#f272af","#fed46b","#51d9ff","#aab8de","#5fe7d5","#a5a5a5","#262626","#003e75","#3a4453","#5ea226","#af0f5b","#c58c00","#0081a5","#425ea9","#138677","#7f7f7f","#0c0c0c","#00192e","#272d37","#3f6c19","#750a3d","#835d00","#00566e","#2c3f71","#0c594f"],columns:10},flow:{colors:["#ffffff","#000000","#dbf5f9","#04617b","#0f6fc6","#009dd9","#0bd0d9","#10cf9b","#7cca62","#a5c249","#f2f2f2","#7f7f7f","#b2e9f2","#b4ecfc","#c7e2fa","#c4eeff","#c9fafc","#c9faed","#e4f4df","#edf2da","#d8d8d8","#595959","#76d9e8","#6adafa","#90c6f6","#89deff","#93f5f9","#94f6db","#cae9c0","#dbe6b6","#bfbfbf","#3f3f3f","#21b2c8","#20c8f7","#59a9f2","#4fceff","#5df0f6","#5ff2ca","#b0dfa0","#c9da91","#a5a5a5","#262626","#105964","#02485c","#0b5394","#0075a2","#089ca2","#0b9b74","#54a838","#7e9532","#7f7f7f","#0c0c0c","#062328","#01303d","#073763","#004e6c","#05686c","#07674d","#387025","#546321"],columns:10},hardcover:{colors:["#ffffff","#000000","#ece9c6","#895d1d","#873624","#d6862d","#d0be40","#877f6c","#972109","#aeb795","#f2f2f2","#7f7f7f","#e1dca5","#f2e0c6","#f0d0c9","#f6e6d5","#f5f2d8","#e7e5e1","#fbc7bc","#eef0e9","#d8d8d8","#595959","#d0c974","#e6c28d","#e2a293","#eeceaa","#ece5b2","#cfccc3","#f78f7a","#dee2d4","#bfbfbf","#3f3f3f","#a29a36","#daa454","#d4735e","#e6b681","#e2d88c","#b7b2a5","#f35838","#ced3bf","#a5a5a5","#262626","#514d1b","#664515","#65281a","#a2641f","#a39428","#655f50","#711806","#879464","#7f7f7f","#0c0c0c","#201e0a","#442e0e","#431b11","#6c4315","#6d621a","#433f35","#4b1004","#5a6243"],columns:10},trek:{colors:["#ffffff","#000000","#fbeec9","#4e3b30","#f0a22e","#a5644e","#b58b80","#c3986d","#a19574","#c17529","#f2f2f2","#7f7f7f","#f7e09e","#e1d6cf","#fcecd5","#eddfda","#f0e7e5","#f3eae1","#ece9e3","#f5e3d1","#d8d8d8","#595959","#f3cc5f","#c4ad9f","#f9d9ab","#dcc0b6","#e1d0cc","#e7d5c4","#d9d4c7","#ebc7a3","#bfbfbf","#3f3f3f","#d29f0f","#a78470","#f6c781","#cba092","#d2b9b2","#dbc1a7","#c6bfab","#e1ac76","#a5a5a5","#262626","#694f07","#3a2c24","#c87d0e","#7b4b3a","#926255","#a17242","#7b7153","#90571e","#7f7f7f","#0c0c0c","#2a1f03","#271d18","#855309","#523226","#614138","#6b4c2c","#524b37","#603a14"],columns:10},verve:{colors:["#ffffff","#000000","#d2d2d2","#666666","#ff388c","#e40059","#9c007f","#68007f","#005bd3","#00349e","#f2f2f2","#7f7f7f","#bdbdbd","#e0e0e0","#ffd7e8","#ffc6dc","#ffb8f1","#f1b2ff","#c3dcff","#b8cfff","#d8d8d8","#595959","#9d9d9d","#c1c1c1","#ffafd1","#ff8eba","#ff71e4","#e365ff","#87baff","#72a0ff","#bfbfbf","#3f3f3f","#696969","#a3a3a3","#ff87ba","#ff5597","#ff2ad7","#d519ff","#4b98ff","#2b71ff","#a5a5a5","#262626","#343434","#4c4c4c","#e90062","#ab0042","#75005f","#4e005f","#00449e","#002676","#7f7f7f","#0c0c0c","#151515","#333333","#9b0041","#72002c","#4e003f","#34003f","#002d69","#00194f"],columns:10},monochrome:{colors:["#000000","#1a1a1a","#333333","#4d4d4d","#666666","#808080","#999999","#b3b3b3","#cccccc","#e6e6e6","#f2f2f2","#ffffff"],columns:12}};import{jsx as db}from"react/jsx-runtime";var Wl=e=>db(Mn,{palette:Ra.basic,...e});import{jsx as o_}from"react/jsx-runtime";import{jsx as l_,jsxs as p_}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 Sn="k-coloreditor",hb=[r.focus],vb={size:[d.undefined,d.small,d.medium,d.large]},_a={view:"gradient",palette:Ra.office,actionButtons:!0,canvasOrientation:"horizontal"},Q=e=>{let{size:t,view:o=_a.view,palette:a=_a.palette,color:n,currentColor:i,focus:l,focusView:m,dir:u,group:b,actionButtons:x=_a.actionButtons,canvasOrientation:g=_a.canvasOrientation,...c}=e;return zo("div",{...c,role:"textbox","aria-label":"Color editor",tabIndex:0,className:s(e.className,"k-flatcolorpicker",Sn,E(Sn,{size:t}),C(Sn,{focus:l})),dir:u,children:[zo("div",{className:"k-coloreditor-header k-hstack",children:[Ye("div",{className:"k-coloreditor-header-actions k-hstack",children:b&&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(Tt,{className:"k-coloreditor-preview-color",color:n}),Ye(Tt,{className:"k-coloreditor-current-color",color:i})]})]})]}),Ye("div",{className:"k-coloreditor-views k-vstack",children:o==="gradient"?Ye(ie,{focus:m,size:t,canvasOrientation:g,role:"none",tabIndex:-1}):Ye(ye,{palette:a,size:t})}),x&&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=Sn;Q.defaultOptions=_a;Q.moduleName=Jl;Q.folderName=Yl;var Uo=Q;import{jsx as D_}from"react/jsx-runtime";import{jsx as F_}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 ir}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:[f.undefined,f.none,f.small,f.medium,f.large,f.full],fillMode:[N.undefined,N.solid,N.flat,N.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:b,focus:x,valid:g,invalid:c,required:L,disabled:M,valueIconName:S,popup:A,opened:k,adaptive:y,adaptiveSettings:w,adaptiveTitle:se,adaptiveSubtitle:Ae,...pe}=e,ue="colorpicker-popup";return ir(Ib,{children:[ir(pt,{...pe,size:t,rounded:o,fillMode:a,hover:b,focus:x,valid:g,invalid:c,required:L,disabled:M,role:"combobox","aria-haspopup":"dialog","aria-expanded":k?"true":"false","aria-controls":k||y?ue:void 0,"aria-label":"Color picker",tabIndex:0,"aria-disabled":M?"true":void 0,className:s(e.className,op,"k-icon-picker"),children:[Ze(Ue,{children:i}),Ze(Yt,{placeholder:u,value:m,showValue:!1,valueIcon:Ze(Tt,{className:"k-value-icon",color:m,iconName:S}),valueIconName:S}),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})]}),k&&A&&Ze(X,{id:ue,className:"k-colorpicker-popup",children:A}),y&&Ze(Y,{adaptive:!0,id:ue,...w,header:Ze(Ne,{actionsEnd:Ze(p,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply"}),title:se,subtitle:Ae}),footer:ir(Ot,{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 kn=e=>Tb(St,{...e});import{jsx as C0}from"react/jsx-runtime";import{jsx as T0}from"react/jsx-runtime";import{jsx as K0}from"react/jsx-runtime";import{jsx as D0}from"react/jsx-runtime";import{jsx as F0}from"react/jsx-runtime";import{jsx as X0}from"react/jsx-runtime";import{jsx as to}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]?to(Q,{size:a.size,color:"rgba(183, 118 , 118, 1.00)",group:!0}):"")});let i=n.opened?{width:"272px",height:"390px"}:{};switch(t){case"no color":return to("div",{style:i,children:to(kn,{...a,...n})});case"icon":return to("div",{style:i,children:to(kn,{value:"rgba(183, 118 , 118, 1.00)",valueIconName:"edit-tools",...a,...n})});default:return to("div",{style:i,children:to(kn,{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 lr="combobox",sp=lr;import{Fragment as pr,jsx as oe,jsxs as wa}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:[f.undefined,f.none,f.small,f.medium,f.large,f.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},dr={separators:!0,showClearButton:!0},Le=e=>{let{size:t,rounded:o,fillMode:a,separators:n=dr.separators,showClearButton:i=dr.showClearButton,prefix:l,suffix:m,value:u,placeholder:b,hover:x,focus:g,valid:c,invalid:L,required:M,loading:S,disabled:A,popup:k,opened:y,readonly:w,adaptive:se,adaptiveSettings:Ae,adaptiveTitle:pe,adaptiveSubtitle:ue,adaptiveCustomValue:ua,id:Xt,autocomplete:qt,activeDescendant:fa,"aria-label":Yn,...Zn}=e,Qn=Xt?`${Xt}-listbox`:void 0;return wa(pr,{children:[wa(J,{...Zn,size:t,rounded:o,fillMode:a,hover:x,focus:g,valid:c,invalid:L,required:M,loading:S,disabled:A,readonly:w,className:s(e.className,rp),children:[l&&wa(pr,{children:[oe(Ue,{children:l}),n&&oe(Ge,{})]}),oe(fe,{id:Xt,placeholder:b,value:u,role:"combobox","aria-haspopup":"listbox","aria-expanded":y?"true":"false","aria-controls":y?Qn:void 0,"aria-activedescendant":y&&fa?fa:void 0,"aria-autocomplete":qt,"aria-invalid":L?"true":void 0,"aria-busy":S?"true":void 0,"aria-label":Yn,disabled:A,readOnly:w}),oe(xe,{valid:c,invalid:L,loading:S,disabled:A}),oe(Ee,{loading:S,disabled:A}),i&&oe(Pe,{loading:S,disabled:A,readonly:w,value:u}),m&&wa(pr,{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&&k&&oe(X,{className:"k-list-container k-combobox-popup",containerRole:"region",containerAriaLabel:"Combobox suggestions",children:k}),se&&oe(Y,{adaptive:!0,id:Xt?`${Xt}-adaptive`:void 0,...Ae,header:oe(Ne,{actionsEnd:oe(p,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),input:!0,inputValue:u,inputPlaceholder:b,title:pe,subtitle:ue}),children:oe("div",{className:"k-list-container",children:oe(R,{customValue:ua?oe(wt,{text:`Use "${u}"`}):void 0,size:"large",children:wa(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=dr;Le.moduleName=lr;Le.folderName=sp;var _e=Le;import{jsx as wb}from"react/jsx-runtime";var ip=e=>wb(_e,{...e});import{jsx as yw,jsxs as Iw}from"react/jsx-runtime";import{jsx as Rw,jsxs as _w}from"react/jsx-runtime";import{jsx as Fw,jsxs as Gw}from"react/jsx-runtime";import{Fragment as Jw,jsx as Ww}from"react/jsx-runtime";import{Fragment as tD,jsx as eD}from"react/jsx-runtime";import{jsx as iD,jsxs as lD}from"react/jsx-runtime";import{Fragment as xD,jsx as fD,jsxs as bD}from"react/jsx-runtime";import{jsx as gD}from"react/jsx-runtime";import{jsx as kD}from"react/jsx-runtime";import{jsx as TD,jsxs as OD}from"react/jsx-runtime";import{jsx as wD,jsxs as DD}from"react/jsx-runtime";import{jsx as zt,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=zt(R,{style:{width:300},size:o.size,children:Gb(z,{children:[zt(O,{children:"List item"}),zt(O,{children:"List item"}),zt(O,{children:"List item"})]})});return Object.keys(t||{}).forEach(i=>{switch(i){case"prefix":a.prefix=t?.[i]?zt(v,{icon:"map-marker-target"}):void 0;break;case"suffix":a.suffix=t?.[i]?zt($,{size:o.size,icon:"copy",fillMode:"clear"}):void 0;break;case"opened":a.opened=!!t?.[i],a.popup=t?.[i]?n:void 0;break;default:break}}),zt("div",{children:zt(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 mr="menu-button",lp=mr;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:[f.undefined,f.none,f.small,f.medium,f.large,f.full],fillMode:[N.undefined,N.solid,N.flat,N.outline,N.clear,N.link],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary,h.success,h.warning,h.error,h.info,h.inverse]},cr={showArrow:!0,arrowIconName:"chevron-down"},H=e=>{let{size:t,rounded:o,fillMode:a,themeColor:n,hover:i,focus:l,active:m,selected:u,disabled:b,icon:x,endIcon:g,text:c,showArrow:L=cr.showArrow,arrowIconName:M=cr.arrowIconName,expanded:S,...A}=e;return Xb(p,{...A,className:s(e.className,pp),text:c,size:t,rounded:o,fillMode:a,themeColor:n,hover:i,focus:l,active:m,selected:u,disabled:b,ariaDisabled:b||void 0,icon:x,endIcon:g,showArrow:L,arrowIconName:M,"aria-expanded":S?"true":"false",...!c&&x&&!e["aria-label"]&&{"aria-label":"Menu"}})};H.states=Vb;H.options=$b;H.className=pp;H.defaultOptions=cr;H.moduleName=mr;H.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";import{jsx as IH}from"react/jsx-runtime";var we="menu",je=we;import{jsx as Ha,jsxs as dp}from"react/jsx-runtime";var ur="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:b,iconPosition:x=mp.iconPosition,dir:g,children:c,expanded:L,...M}=e,S=b;return S||(S=g==="rtl"?"chevron-left":"chevron-right"),dp("li",{...M,className:s(e.className,ur,"k-item",C(ur,{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&&x==="before"&&Ha(v,{className:"k-menu-link-icon",icon:l}),Ha("span",{className:"k-menu-link-text",children:m}),l&&x==="after"&&Ha(v,{className:"k-menu-link-icon",icon:l}),u&&Ha("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:Ha(v,{icon:S})})]}),c]})};me.states=qb;me.options=Wb;me.className=ur;me.defaultOptions=mp;me.moduleName=we;me.folderName=je;import{jsx as oo,jsxs as cp}from"react/jsx-runtime";var fr="k-menu-item",Jb=[r.hover,r.focus,r.active,r.selected,r.disabled],Yb={},br={dir:"ltr",iconPosition:"before"},q=e=>{let{hover:t,focus:o,active:a,selected:n,disabled:i,icon:l,text:m,showArrow:u,arrowIconName:b,iconPosition:x=br.iconPosition,dir:g=br.dir,children:c,popup:L,expanded:M,actions:S,description:A,...k}=e,y=b;return y||(y=g==="rtl"?"chevron-left":"chevron-right"),cp("li",{role:"menuitem",...k,className:s(e.className,fr,"k-item",C(fr,{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",C("k-menu-link",{hover:t,active:a,selected:n,disabled:i})),children:[l&&x==="before"&&oo(v,{className:"k-menu-link-icon",icon:l}),oo("span",{className:"k-menu-link-text",children:m}),l&&x==="after"&&oo(v,{className:"k-menu-link-icon",icon:l}),S&&oo("span",{className:"k-menu-link-actions",children:S}),u&&oo("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:oo(v,{icon:y})}),A&&oo("span",{className:"k-menu-link-description",children:A})]}),c,L]})};q.states=Jb;q.options=Yb;q.className=fr;q.defaultOptions=br;q.moduleName=we;q.folderName=je;import{jsx as ex}from"react/jsx-runtime";var up="k-menu-scroll-wrapper",Zb=[],Qb={},jb={},ao=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})};ao.states=Zb;ao.options=Qb;ao.className=up;ao.defaultOptions=jb;ao.moduleName=we;ao.folderName=je;var fp=ao;import{Fragment as xr,jsx as no,jsxs as Cn}from"react/jsx-runtime";var An="k-menu",tx=[],ox={size:[d.undefined,d.small,d.medium,d.large]},En={orientation:"horizontal",header:!0,scrollButtonsPosition:"around"},le=e=>{let{children:t,orientation:o=En.orientation,header:a=En.header,scrollable:n,scrollButtonsPosition:i=En.scrollButtonsPosition,wrapperStyles:l,dir:m,size:u,popup:b,contextMenu:x,...g}=e,c={horizontal:{prev:m!=="rtl"?"left":"right",next:m!=="rtl"?"right":"left"},vertical:{prev:"up",next:"down"}},L=no("ul",{dir:m,...g,className:s(e.className,"k-reset",An,{[`${An}-${o}`]:o,"k-header":a},E(An,{size:u})),role:x?"menu":"menubar",...o==="vertical"&&{"aria-orientation":"vertical"},children:t});return Cn(xr,{children:[n?Cn(fp,{orientation:o,style:l,dir:e.dir,children:[i==="start"&&Cn(xr,{children:[no(p,{fillMode:"flat",size:"xsmall",icon:`chevron-${c[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),no(p,{fillMode:"flat",size:"xsmall",icon:`chevron-${c[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),i==="around"&&no(p,{fillMode:"flat",size:"xsmall",icon:`chevron-${c[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),L,i==="end"&&Cn(xr,{children:[no(p,{fillMode:"flat",size:"xsmall",icon:`chevron-${c[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),no(p,{fillMode:"flat",size:"xsmall",icon:`chevron-${c[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),i==="around"&&no(p,{fillMode:"flat",size:"xsmall",icon:`chevron-${c[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}):L,b]})};le.states=tx;le.options=ox;le.className=An;le.defaultOptions=En;le.moduleName=we;le.folderName=je;import{jsx as ax}from"react/jsx-runtime";var Nr="k-separator",bp={orientation:"horizontal"},$o=e=>{let{orientation:t=bp.orientation,...o}=e;return ax("li",{...o,className:s(e.className,"k-item",Nr,{[`${Nr}-${t}`]:t}),role:"separator"})};$o.className=Nr;$o.defaultOptions=bp;$o.moduleName=we;$o.folderName=je;import{Fragment as nz,jsx as sz}from"react/jsx-runtime";import{jsx as ix}from"react/jsx-runtime";var hr="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,hr,E(hr,{size:o})),children:t})};ce.states=nx;ce.options=sx;ce.className=hr;ce.defaultOptions=rx;ce.moduleName=we;ce.folderName=je;import{jsx as fz,jsxs as bz}from"react/jsx-runtime";import{Fragment as lx,jsx as Xo,jsxs as px}from"react/jsx-runtime";var vr=e=>Xo(le,{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 Cz,jsx as Sz,jsxs as kz}from"react/jsx-runtime";import{Fragment as Tz,jsx as Iz,jsxs as Oz}from"react/jsx-runtime";import{Fragment as _z,jsx as Rz,jsxs as wz}from"react/jsx-runtime";import{Fragment as Fz,jsx as Uz,jsxs as Gz}from"react/jsx-runtime";import{jsx as so,jsxs as fx}from"react/jsx-runtime";var dx={...le.options,scrollable:{type:"boolean"}},mx=le.states,xp={...le.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]?so(X,{className:"k-menu-popup",offset:i,children:fx(ce,{children:[so(q,{text:"Item 1"}),so(q,{text:"Item 2"}),so($o,{}),so(q,{text:"Item 3"})]})}):null)}),t==="vertical"?so(vr,{...a,...n,orientation:"vertical",style:{width:"200px"}}):so(vr,{...a,...n})};qo.options=dx;qo.states=mx;qo.variants=cx;qo.defaultOptions=xp;qo.modifiers=ux;qo.className=le.className;import{Fragment as M1,jsx as g1,jsxs as L1}from"react/jsx-runtime";import{jsx as A1}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(H,{...a,...n,icon:"star"})});break;case"icon-and-text":l=bt("div",{children:bt(H,{...a,...n,icon:"star",children:"Dropdown Button"})});break;default:l=bt("div",{children:bt(H,{...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=H.className;var gr="split-button",vp=gr;import{Fragment as Mx,jsx as Lr,jsxs as gp}from"react/jsx-runtime";var Mr="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:[f.undefined,f.none,f.small,f.medium,f.large,f.full],fillMode:[N.undefined,N.solid,N.flat,N.outline,N.clear,N.link],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary,h.success,h.warning,h.error,h.info,h.inverse]},Lp={arrowIconName:"chevron-down"},K=e=>{let{size:t,rounded:o,fillMode:a,themeColor:n,hover:i,focus:l,active:m,selected:u,disabled:b,icon:x,endIcon:g,text:c,arrowIconName:L=Lp.arrowIconName,popup:M,opened:S,popupId:A,...k}=e;return gp(Mx,{children:[gp("div",{...k,className:s(e.className,Mr,"k-button-group",E(Mr,{rounded:o})),children:[Lr(p,{text:c,icon:x,endIcon:g,size:t,rounded:o,fillMode:a,themeColor:n,hover:i,focus:l,active:m,selected:u,disabled:b,...!c&&!e.children&&x&&{"aria-label":"Action"},children:e.children}),Lr(p,{className:"k-split-button-arrow",icon:L,size:t,rounded:o,fillMode:a,disabled:b,ariaDisabled:b||void 0,"aria-label":"Toggle dropdown","aria-expanded":S?"true":"false","aria-controls":S?A:void 0,tabIndex:-1})]}),S&&M&&Lr(X,{className:"k-menu-popup",children:M})]})};K.states=gx;K.options=Lx;K.className=Mr;K.defaultOptions=Lp;K.moduleName=gr;K.folderName=vp;var Sr=K;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 ro="toolbar",Jo=ro;import{Fragment as kr,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:[N.undefined,N.solid,N.outline,N.flat]},Ex={scrollButtons:"around"},U=e=>{let{size:t,fillMode:o,focus:a,resizable:n,scrollable:i,scrollButtons:l,scrollingPosition:m,section:u,...b}=e,x=[],g=(c,L)=>{let M=[];if(c.type===p&&c.props.className&&c.props.className.includes("k-toolbar-overflow-button"))M.push(_(p,{...c.props,className:`${c.props.className?c.props.className:""}`},`${L}-${new Date().getTime()}`));else if(c.type===p)M.push(_(p,{...c.props,className:`k-toolbar-button ${c.props.className?c.props.className:""}`},`${L}-${new Date().getTime()}`));else if(c.type===va)M.push(_(va,{...c.props,className:`k-toolbar-button ${c.props.className?c.props.className:""}`},`${L}-${new Date().getTime()}`));else if(c.type===$)M.push(_($,{...c.props,className:`k-toolbar-button ${c.props.className?c.props.className:""}`},`${L}-${new Date().getTime()}`));else if(c.type===H)M.push(_(H,{...c.props,className:`k-toolbar-menu-button ${c.props.className?c.props.className:""}`},`${L}-${new Date().getTime()}`));else if(c.type===Sr)M.push(_(Sr,{...c.props,className:`k-toolbar-split-button ${c.props.className?c.props.className:""}`},`${L}-${new Date().getTime()}`));else if(c.type===T||c.props.className&&c.props.className.includes("k-button-group")){let S=[];(Array.isArray(c.props.children)?c.props.children:[c.props.children]).forEach((k,y)=>{S.push(_(p,{...k.props,className:`${k.props.className?k.props.className:""}`},`${y}-${new Date().getTime()}`))}),M.push(_(T,{...c.props,className:`k-toolbar-button-group ${c.props.className?c.props.className:""}`,children:S},`${L}-${new Date().getTime()}`))}else c.type===Le?M.push(_(Le,{...c.props,className:`k-toolbar-combobox ${c.props.className?c.props.className:""}`},`${L}-${new Date().getTime()}`)):c.type===ne?M.push(_(ne,{...c.props,className:`k-toolbar-dropdownlist ${c.props.className?c.props.className:""}`},`${L}-${new Date().getTime()}`)):c.type===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(S=>{x.push(S)})};return e.children&&(Array.isArray(e.children)?e.children:[e.children]).forEach((L,M)=>{g(L,M)}),Yo("div",{...b,className:s(e.className,kt,E(kt,{size:t,fillMode:o}),C(kt,{focus:a}),{[`${kt}-resizable`]:n,[`${kt}-scrollable`]:i,[`${kt}-scrollable-overlay`]:i&&l==="hidden",[`${kt}-scrollable-${m}`]:m&&m!=="both",[`${kt}-section`]:u}),role:"toolbar","aria-label":"Toolbar",children:[!i&&x,i&&l==="hidden"&&_("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:x}),i&&l==="start"&&Yo(kr,{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:x})]}),i&&l==="end"&&Yo(kr,{children:[_("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:x}),_(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(kr,{children:[_("span",{className:s("k-toolbar-prev","k-button",E("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:_(v,{className:"k-button-icon",icon:"chevron-left"})}),_(st,{className:"k-toolbar-button-separator"}),_("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:x}),_(st,{className:"k-toolbar-button-separator"}),_("span",{className:s("k-toolbar-next","k-button",E("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:_(v,{className:"k-button-icon",icon:"chevron-right"})})]})]})};U.states=Cx;U.options=Ax;U.className=kt;U.defaultOptions=Ex;U.moduleName=ro;U.folderName=Jo;import{jsx as Ox}from"react/jsx-runtime";var Cr="k-toolbar-item",yx=[r.focus],Ix={},Tx={},Zo=e=>{let{focus:t,...o}=e;return Ox("div",{...o,className:s(e.className,Cr,C(Cr,{focus:t})),children:e.children})};Zo.states=yx;Zo.options=Ix;Zo.className=Cr;Zo.defaultOptions=Tx;Zo.moduleName=ro;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:[N.undefined,N.solid,N.outline,N.flat]},Kx={},io=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})};io.states=Bx;io.options=Px;io.className=Sp;io.defaultOptions=Kx;io.moduleName=ro;io.folderName=Jo;var yn=io;import{jsx as A2}from"react/jsx-runtime";import{jsx as T2}from"react/jsx-runtime";import{jsx as K2}from"react/jsx-runtime";import{jsx as D2}from"react/jsx-runtime";import{jsx as V2,jsxs as $2}from"react/jsx-runtime";import{jsx as J2}from"react/jsx-runtime";import{jsx as Ct,jsxs as Hx}from"react/jsx-runtime";var Rx=K.states,kp={...K.defaultOptions,variant:"text"},_x=K.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(K,{...a,...n,icon:"star"})});case"icon-and-text":return Ct("div",{children:Ct(K,{...a,...n,icon:"star",children:"Split Button"})});default:return Ct("div",{children:Ct(K,{...a,...n,children:"Split Button"})})}};Qo.options=_x;Qo.states=Rx;Qo.variants=wx;Qo.defaultOptions=kp;Qo.modifiers=Dx;Qo.className=K.className;import{jsx as lo,jsxs as zx}from"react/jsx-runtime";var Cp=e=>lo(U,{children:[lo(p,{children:"Button"},"toolbar-button"),lo(H,{text:"Menu button"},"toolbar-menu-button"),lo(K,{children:"Split button"},"toolbar-split-button"),zx(T,{children:[lo(p,{className:"k-group-start",icon:"align-left",children:"Left"}),lo(p,{icon:"align-center",children:"Center"}),lo(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});import{jsx as CU,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(H,{text:"Menu button"},"toolbar-menu-button"),De(K,{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(H,{text:"Menu button"},"toolbar-menu-button"),De(K,{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(H,{text:"Menu button"},"toolbar-menu-button"),He(K,{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(H,{text:"Menu button"},"toolbar-menu-button"),He(K,{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 In}from"react/jsx-runtime";var Tp=({fillMode:e,size:t,...o})=>In(Ux,{children:[Ie(U,{section:!0,fillMode:e,size:t,children:[Ie(p,{fillMode:e,size:t,children:"Button"},"toolbar-button"),In(T,{fillMode:e,children:[Ie(p,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),Ie(p,{icon:"align-center",fillMode:e,size:t,children:"Center"}),Ie(p,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group"),Ie(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}),In(yn,{size:t,fillMode:e,section:!0,...o,children:[Ie(K,{fillMode:e,size:t,children:"Split button"},"toolbar-split-button"),Ie(p,{fillMode:e,size:t,children:"Button"},"toolbar-button"),Ie(st,{}),Ie(H,{text:"Menu button",fillMode:e,size:t},"toolbar-menu-button"),In(T,{fillMode:e,children:[Ie(p,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),Ie(p,{icon:"align-center",fillMode:e,size:t,children:"Center"}),Ie(p,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group")]})]});import{Fragment as s3,jsx as a3,jsxs as n3}from"react/jsx-runtime";import{Fragment as x3,jsx as f3,jsxs as b3}from"react/jsx-runtime";import{jsx as Ut}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 Ut("div",{children:Ut(Tp,{style:{width:"583px"},...o})});case"overlay":return Ut("div",{children:Ut(Ip,{style:{width:"583px"},...o,scrollingPosition:"start",scrollButtons:"hidden"})});case"scrollable":return Ut("div",{children:Ut(Ep,{style:{width:"583px"},...o})});default:return Ut("div",{children:Ut(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 za}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:b,focus:x,toolbar:g,typing:c,expandable:L,expanded:M,removed:S,files:A,failed:k,...y}=e,w=k===!0?ea.failed:k;return za("div",{...y,className:s(Bp,e.className,{"k-message-removed":S,"k-message-failed":k}),children:[k&&rt($,{className:"k-resend-button",icon:"arrow-rotate-cw",size:"xsmall",fillMode:"clear","aria-label":"Resend"}),rt(Pp,{typing:c,selected:u,hover:m,active:b,focus:x,content:za(Jx,{children:[a,o&&rt("span",{className:"k-chat-bubble-text",children:o})]}),expandable:L,expanded:M,files:A}),za("div",{className:"k-message-info",children:[n&&za("span",{className:"k-message-status",children:[i&&rt(v,{icon:i,size:"xsmall"}),n]}),t&&rt("time",{className:"k-message-time",children:t}),k&&za("span",{className:"k-message-failed-content",children:[k&&rt(v,{icon:"warning-triangle",size:"xsmall"}),k&&rt("span",{className:"k-message-failed-text",children:w})]})]}),g&&rt(U,{className:"k-chat-message-toolbar",fillMode:"flat",children:l})]})};F.states=Xx;F.options=qx;F.className=Bp;F.moduleName=null;F.folderName=null;F.defaultOptions=ea;var Ar="avatar",Kp=Ar;import{jsx as Rp}from"react/jsx-runtime";var Ua="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:[f.undefined,f.none,f.small,f.medium,f.large,f.full],fillMode:[N.undefined,N.solid,N.outline],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary]},Er={type:"text",border:!1},Me=e=>{let{size:t,rounded:o,fillMode:a,themeColor:n,type:i=Er.type,border:l=Er.border,...m}=e;return Rp("div",{...m,className:s(e.className,Ua,E(Ua,{size:t,rounded:o,fillMode:a,themeColor:n}),{[`${Ua}-bordered`]:l}),children:Rp("span",{className:`${Ua}-${i}`,children:e.children})})};Me.states=Yx;Me.options=Zx;Me.className=Ua;Me.defaultOptions=Er;Me.moduleName=Ar;Me.folderName=Kp;var po=Me;import{jsx as Qx}from"react/jsx-runtime";var _p=e=>Qx(po,{type:"icon",...e});import{jsx as jx}from"react/jsx-runtime";var wp=e=>jx(po,{type:"text",...e});import{jsx as eN}from"react/jsx-runtime";var Tn=e=>eN(po,{type:"image",...e});import{jsx as l5}from"react/jsx-runtime";import{jsx as Fa}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 Fa(_p,{...o,children:Fa(v,{icon:"star"})});case"text":return Fa(wp,{...o,children:"JO"});default:return Fa(Tn,{...o,children:Fa("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 yr}from"react/jsx-runtime";var Ga="k-message-group",rN=[r.selected],iN={},On={author:"Bruv",avatar:"/packages/html/assets/avatar.jpg",type:"receiver"},W=e=>{let{type:t=On.type,author:o=On.author,avatar:a=On.avatar,status:n,selected:i,fullWidth:l,...m}=e;return yr("div",{...m,className:s(Ga,e.className,C(Ga,{selected:i}),{[`${Ga}-${t}`]:t,"k-no-avatar":!a,[`${Ga}-full-width`]:l}),children:[a&&!n&&oa(Me,{type:"image",children:oa("img",{src:a,alt:o||""})}),n&&a&&yr("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"})]}),yr("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=Ga;W.defaultOptions=On;import{Fragment as pN,jsx as Bn,jsxs as Dp}from"react/jsx-runtime";var Ir="k-message-reference",lN={},Hp={type:"receiver"},Ft=e=>{let{content:t,closeable:o,pinned:a,type:n=Hp.type,...i}=e;return Dp("div",{...i,className:s(Ir,e.className,{[`${Ir}-${n}`]:n,"k-message-pinned":a}),children:[a&&Bn(v,{icon:"pin"}),Bn("div",{className:"k-message-reference-content",children:t}),o&&Dp(pN,{children:[Bn("span",{className:"k-spacer"}),Bn(p,{icon:"x-circle",fillMode:"flat",size:"xsmall","aria-label":"Close"})]})]})};Ft.options=lN;Ft.className=Ir;Ft.moduleName=null;Ft.folderName=null;Ft.defaultOptions=Hp;var Tr="bubble",zp=Tr;import{jsx as Pn,jsxs as mN}from"react/jsx-runtime";var Or="k-bubble",dN=[r.hover,r.active,r.selected,r.focus],Br={expandable:!1,expanded:!1},mo=e=>{let{content:t,hover:o,active:a,focus:n,selected:i,expandable:l=Br.expandable,expanded:m=Br.expanded,...u}=e;return mN("div",{...u,className:s(e.className,Or,C(Or,{hover:o,active:a,focus:n,selected:i}),{"k-bubble-expandable":l},{"k-expanded":m}),tabIndex:0,children:[Pn("div",{className:"k-bubble-content",children:t??e.children}),l&&Pn("span",{className:"k-bubble-expandable-indicator",role:"button","aria-label":m?"Show less":"Show more",tabIndex:0,children:m?Pn(v,{icon:"chevron-up"}):Pn(v,{icon:"chevron-down"})})]})};mo.states=dN;mo.className=Or;mo.defaultOptions=Br;mo.moduleName=Tr;mo.folderName=zp;import{jsx as F5}from"react/jsx-runtime";import{jsx as X5}from"react/jsx-runtime";import{jsx as Y5}from"react/jsx-runtime";import{jsx as Pr,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(mo,{...n,className:s(e.className,cN),children:[t?Fp("div",{className:"k-typing-indicator",tabIndex:-1,children:[Pr("span",{}),Pr("span",{}),Pr("span",{})]}):o,a]})};import{jsx as mF}from"react/jsx-runtime";import{jsx as Gp,jsxs as uN}from"react/jsx-runtime";var Vp="k-chat-event",Kr={icon:"trash",text:"You deleted Chat history."},$p=e=>{let{icon:t=Kr.icon,text:o=Kr.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=Kr;import{jsx as LF}from"react/jsx-runtime";import{jsx as Xp}from"react/jsx-runtime";var Kn="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,Kn,{"k-files-vertical":t==="vertical","k-files-wrap":t==="wrap",[`${Kn}-scrollable-start`]:t==="horizontal"&&(o==="start"||o==="both"),[`${Kn}-scrollable-end`]:t==="horizontal"&&(o==="end"||o==="both")}),children:t==="horizontal"?Xp("div",{className:"k-files-scroll",role:"presentation",children:e.children}):e.children})};xt.className=Kn;xt.defaultOptions=qp;var Rr="file-box",Wp=Rr;import{jsx as aa,jsxs as Jp}from"react/jsx-runtime";var Yp="k-file-box",fN=[r.selected],bN={},Va={icon:"file-pdf",name:"FileName.pdf",size:"2MB",showButton:"true"},Te=e=>{let{icon:t=Va.icon,name:o=Va.name,size:a=Va.size,status:n,deleted:i,removeButton:l,showButton:m=Va.showButton,...u}=e,b=[o,a].filter(Boolean).join(" ");return Jp("li",{role:"listitem",tabIndex:0,"aria-label":b||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(H,{icon:"more-vertical",fillMode:"flat",size:"xsmall",showArrow:!1,"aria-label":"File actions"}))]})};Te.states=fN;Te.options=bN;Te.className=Yp;Te.defaultOptions=Va;Te.moduleName=Rr;Te.folderName=Wp;import{jsx as wF}from"react/jsx-runtime";import{jsx as FF}from"react/jsx-runtime";import{jsx as qF,jsxs as WF}from"react/jsx-runtime";import{jsx as jF,jsxs as eG}from"react/jsx-runtime";import{jsx as sG}from"react/jsx-runtime";import{Fragment as vG,jsx as hG,jsxs as gG}from"react/jsx-runtime";import{Fragment as CG,jsx as kG,jsxs as AG}from"react/jsx-runtime";var _r="skeleton",Zp=_r;import{jsx as vN}from"react/jsx-runtime";var wr="k-skeleton",xN=["circle","text","rect"],NN=[],hN={},Dr={variant:"text",shape:"text",animation:"pulse"},Nt=e=>{let{variant:t,shape:o,animation:a=Dr.animation,...n}=e,i=`skeleton-${t||o||Dr.variant}`;return vN("span",{...n,className:s(e.className,wr,Ya(wr,i),{[`k-skeleton-${a}`]:a}),style:e.style})};Nt.states=NN;Nt.options=hN;Nt.variants=xN;Nt.className=wr;Nt.defaultOptions=Dr;Nt.moduleName=_r;Nt.folderName=Zp;import{jsx as RG}from"react/jsx-runtime";import{jsx as HG}from"react/jsx-runtime";import{jsx as GG}from"react/jsx-runtime";import{Fragment as a6,jsx as t6,jsxs as o6}from"react/jsx-runtime";import{Fragment as l6,jsx as i6,jsxs as p6}from"react/jsx-runtime";var Hr="window",Qp=Hr;import{jsx as SN}from"react/jsx-runtime";var jp="k-window-content",gN=[],LN={},MN={},Gt=e=>{let{children:t,...o}=e;return SN("div",{...o,className:s(jp,e.className),children:t})};Gt.states=gN;Gt.options=LN;Gt.className=jp;Gt.defaultOptions=MN;Gt.moduleName=Hr;Gt.folderName=Qp;var $a="dialog",Rn=$a;import{Fragment as AN,jsx as co,jsxs as zr}from"react/jsx-runtime";var ed="k-dialog",kN=[],CN={},Ur={actionButtonsAlign:"stretched",modal:!0},ze=e=>{let{title:t,actions:o,actionButtons:a,actionButtonsAlign:n=Ur.actionButtonsAlign,modal:i=Ur.modal,...l}=e,m=t!==void 0?B("dialog-titlebar"):void 0,u=B("dialog-content");return zr("div",{className:"k-dialog-wrapper",children:[i&&co(ct,{}),zr("div",{...l,className:s(e.className,ed,"k-window"),role:"dialog","aria-labelledby":m,"aria-describedby":u,...i&&{"aria-modal":"true"},children:[(t!==void 0||o)&&zr("div",{className:"k-window-titlebar k-dialog-titlebar",id:m,children:[t!==void 0&&co("span",{className:"k-window-title k-dialog-title",children:t}),o&&co(AN,{children:co("div",{className:"k-window-titlebar-actions k-dialog-titlebar-actions",children:o.map(b=>co(p,{icon:b,fillMode:"flat",size:"xsmall",className:"k-window-titlebar-action k-dialog-titlebar-action","aria-label":b},b))})})]}),co(Gt,{className:"k-dialog-content",id:u,children:e.children}),a&&co(Ke,{alignment:n,className:"k-window-actions k-dialog-actions",children:a})]})]})};ze.states=kN;ze.options=CN;ze.className=ed;ze.defaultOptions=Ur;ze.moduleName=$a;ze.folderName=Rn;var Fr=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=$a;na.folderName=Rn;import{Fragment as od,jsx as _n,jsxs as ON}from"react/jsx-runtime";var ad=e=>_n(Fr,{title:"Title",children:_n(od,{children:"Dialog content"}),actionButtons:ON(od,{children:[_n(p,{children:"Action"}),_n(p,{themeColor:"primary",children:"Primary"})]}),actions:["x"],...e});import{Fragment as _6,jsx as w6,jsxs as D6}from"react/jsx-runtime";import{Fragment as wN,jsx as wn,jsxs as DN}from"react/jsx-runtime";var BN=ze.options,PN=[],KN=ze.states,RN=ze.defaultOptions,_N=[],sa=e=>wn(ad,{style:{width:"350px",height:"215px"},...e,title:"Please confirm",actions:["x"],actionButtonsAlign:"stretched",actionButtons:DN(wN,{children:[wn(p,{children:"No"}),wn(p,{themeColor:"primary",children:"Yes"})]}),children:wn("p",{style:{margin:"36px",textAlign:"center"},children:"Are you sure you want to continue?"})});sa.options=BN;sa.states=KN;sa.variants=PN;sa.defaultOptions=RN;sa.modifiers=_N;sa.className=ze.className;var Gr="dropzone",nd=Gr;import{jsx as Dn,jsxs as UN}from"react/jsx-runtime";var Vr="k-external-dropzone",HN=[r.disabled,r.hover],zN={},$r={icon:"upload",hint:"Drag and drop files here to upload"},Se=e=>{let{hover:t,disabled:o,icon:a=$r.icon,hint:n=$r.hint,note:i,...l}=e;return Dn("div",{...l,className:s(e.className,Vr,C(Vr,{disabled:o}),{"k-external-dropzone-hover":t}),children:UN("div",{className:"k-dropzone-inner",children:[a&&Dn(v,{icon:a,className:"k-dropzone-icon",size:"xxxlarge"}),n&&Dn("span",{className:"k-dropzone-hint",children:n}),i&&Dn("span",{className:"k-dropzone-note",children:i})]})})};Se.states=HN;Se.options=zN;Se.className=Vr;Se.defaultOptions=$r;Se.moduleName=Gr;Se.folderName=nd;import{jsx as FN}from"react/jsx-runtime";var sd=e=>FN(Se,{...e});import{jsx as p7}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 Hn,jsx as Vt,jsxs as Xa}from"react/jsx-runtime";var Xr="k-upload-dropzone",JN=[r.hover],zn=e=>{let{hover:t,status:o,disabled:a,hasFiles:n,filesId:i,buttonText:l="Select files...",...m}=e,u;switch(o){case"uploading":u=Xa(Hn,{children:[Vt(v,{icon:"upload"}),"Uploading..."]});break;case"done":u=Xa(Hn,{children:[Vt(v,{icon:"check"}),"Done"]});break;case"failed":u=Xa(Hn,{children:[Vt(v,{icon:"exclamation-circle"}),"Done"]});break;default:u=Vt(Hn,{});break}return Xa("div",{...m,className:s(e.className,Xr,"k-dropzone",C(Xr,{hover:t})),children:[Xa("div",{className:"k-upload-button-wrap",children:[Vt(p,{className:"k-upload-button","aria-disabled":a?"true":"false",...n&&i?{"aria-controls":i}:{},children:l}),Vt("input",{id:"upload-input",className:"k-hidden",tabIndex:-1,"aria-hidden":"true"})]}),Vt("span",{className:s("k-dropzone-hint",{"k-hidden":o!=="upload"}),children:"Drop files here to upload"}),o!=="upload"&&Vt("span",{className:"k-upload-status",children:u})]})};zn.states=JN;zn.className=Xr;var qr="upload",rd=qr;import{jsx as Un,jsxs as ld}from"react/jsx-runtime";var Wr="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,buttonText:u,...b}=e,x=!!e.children;return ld("div",{...b,className:s(e.className,Wr,C(Wr,{disabled:m}),{"k-upload-async":t,"k-upload-empty":o}),children:[Un(zn,{status:l,hover:i,disabled:m,hasFiles:x,filesId:id,buttonText:u}),x&&Un("ul",{className:"k-upload-files",role:"list",id,children:e.children}),a&&x&&ld(Zi,{alignment:n,orientation:"horizontal",children:[Un(p,{className:"k-clear-selected",children:"Clear"}),Un(p,{themeColor:"primary",className:"k-upload-selected",children:"Upload"})]})]})};ae.states=YN;ae.options=ZN;ae.className=Wr;ae.defaultOptions=pd;ae.moduleName=qr;ae.folderName=rd;var qa="progressbar",Fn=qa;import{jsx as Yr,jsxs as Jr}from"react/jsx-runtime";var et="k-progressbar",QN=[r.disabled,r.indeterminate],jN={orientation:["horizontal","vertical"]},uo={indeterminate:!1,label:!0,labelPosition:"start",orientation:"horizontal",reverse:!1,value:"0"},ke=e=>{let{disabled:t,height:o,indeterminate:a=uo.indeterminate,label:n=uo.label,labelPosition:i=uo.labelPosition,orientation:l=uo.orientation,reverse:m=uo.reverse,value:u=uo.value,width:b,style:x,ariaLabel:g,...c}=e;return Jr("div",{...c,className:s(e.className,et,C(et,{disabled:t}),{[`${et}-${l}`]:l,[`${et}-indeterminate`]:a,[`${et}-reverse`]:m}),style:{...x,"--kendo-progressbar-value":u,[l==="horizontal"?"height":"width"]:l==="horizontal"?o:b},role:"progressbar","aria-label":g||"progress","aria-valuenow":a?void 0:Number(u),"aria-valuemin":0,"aria-valuemax":100,children:[Yr("span",{className:s("k-progress-status-wrap",{[`k-progress-${i}`]:i&&!a}),children:n&&Jr("span",{className:"k-progress-status",children:[u,"%"]})}),!a&&Yr("div",{className:"k-progressbar-value k-selected",children:Yr("span",{className:s("k-progress-status-wrap",{[`k-progress-${i}`]:i}),children:n&&Jr("span",{className:"k-progress-status",children:[e.value,"%"]})})})]})};ke.states=QN;ke.options=jN;ke.className=et;ke.defaultOptions=uo;ke.moduleName=qa;ke.folderName=Fn;var dd=ke;import{jsx as Zr}from"react/jsx-runtime";var md="k-chunk-progressbar",eh=(e,t)=>t<=e-1,th=[r.disabled,r.indeterminate],oh={},Gn={chunkCount:5,orientation:"horizontal",progress:0},ia=e=>{let{disabled:t,chunkCount:o=Gn.chunkCount,indeterminate:a,orientation:n=Gn.orientation,progress:i=Gn.progress,reverse:l,ariaLabel:m,...u}=e;return Zr("div",{...u,className:s(e.className,et,md,C(et,{disabled:t}),{[`${et}-${n}`]:n,[`${et}-indeterminate`]:a,[`${et}-reverse`]:l}),role:"progressbar","aria-label":m||"progress","aria-valuenow":a?void 0:i,"aria-valuemin":0,"aria-valuemax":o,children:Zr("ul",{className:"k-progressbar-chunks k-reset",children:[...Array(o)].map((b,x)=>Zr("li",{className:s("k-progressbar-chunk",{"k-first":x===0,"k-last":x===[...Array(o)].length-1,"k-selected":eh(i,x)})},x))})})};ia.states=th;ia.options=oh;ia.className=md;ia.defaultOptions=Gn;ia.moduleName=qa;ia.folderName=Fn;import{jsx as ah}from"react/jsx-runtime";var Wa=e=>ah(dd,{...e});import{jsx as Y7}from"react/jsx-runtime";import{jsx as $t}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 $t("div",{...i,children:$t(Wa,{...a,...n,labelPosition:"end",value:"50"})});case"center":return $t("div",{...i,children:$t(Wa,{...a,...n,labelPosition:"center",value:"50"})});case"empty":return $t("div",{...i,children:$t(Wa,{...a,...n,label:!1,value:"50"})});default:return $t("div",{...i,children:$t(Wa,{...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 Qr,jsxs as ph}from"react/jsx-runtime";var lh="k-file-info",jr=e=>{let{name:t,size:o,validationMsg:a,...n}=e;return ph("div",{...n,className:s(e.className,lh),children:[t&&Qr("span",{className:"k-file-name",children:t}),o&&Qr("span",{className:"k-file-size",children:o}),a&&Qr("span",{className:"k-file-validation-message","aria-live":"polite",children:a})]})};import{Fragment as mh,jsx as At,jsxs as Vn}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:Vn("div",{className:"k-file-single",children:[At(ke,{className:s({"k-hidden":t!=="progress"}),value:o,label:!1}),Vn("span",{className:"k-file-icon-wrapper",children:[At(v,{className:"k-file-icon",icon:n,size:"xxlarge"}),l&&At("span",{className:"k-file-state",children:l})]}),At(jr,{name:a,size:i,validationMsg:m}),At("div",{className:"k-upload-actions",children:t==="progress"?Vn(mh,{children:[Vn("span",{className:"k-upload-pct",children:[o,"%"]}),At(p,{icon:"pause",fillMode:"flat",size:"xsmall",className:"k-upload-action","aria-label":"Pause upload",tabIndex:-1}),At(p,{icon:"cancel",fillMode:"flat",size:"xsmall",className:"k-upload-action","aria-label":"Cancel upload",tabIndex:-1})]}):At(p,{icon:"x",fillMode:"flat",size:"xsmall",className:"k-upload-action","aria-label":"Remove file",tabIndex:-1})})]})})};import{Fragment as A9,jsx as k9,jsxs as C9}from"react/jsx-runtime";import{Fragment as ch,jsx as ei,jsxs as uh}from"react/jsx-runtime";var Ja=e=>ei(ae,{async:!0,children:uh(ch,{children:[ei(Oe,{name:"Image_With_Very_Very_Very_Very_Very_Long_Name1.png",icon:"file-image",size:"51.23 KB"}),ei(Oe,{name:"Image2.jpg",icon:"file-image",size:"106.43 KB"})]}),...e});import{Fragment as _9,jsx as K9,jsxs as R9}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 V9,jsx as G9,jsxs as $9}from"react/jsx-runtime";import{Fragment as Y9,jsx as J9,jsxs as Z9}from"react/jsx-runtime";import{jsx as Et,jsxs as $n}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 $n(Ja,{status:"done",style:{width:"586px"},...o,children:[Et(Oe,{status:"success",validationMsg:"File(s) uploaded successfully.",name:"Image1.png",icon:"file-image"}),Et(Oe,{status:"success",validationMsg:"File(s) uploaded successfully.",name:"Image2.png",icon:"file-image"})]});case"failed":return $n(Ja,{status:"failed",style:{width:"586px"},...o,children:[Et(Oe,{status:"error",validationMsg:"File type not allowed.",name:"Movie1.mkv",icon:"file-image"}),Et(Oe,{status:"error",validationMsg:"File type not allowed.",name:"Video2.mkv",icon:"file-image"})]});case"uploading":return $n(Ja,{status:"uploading",style:{width:"586px"},...o,children:[Et(Oe,{progress:"50",status:"progress",name:"Document1.txt",icon:"file-pdf",size:"328.92 KB"}),Et(Oe,{progress:"70",status:"progress",name:"Document2.txt",icon:"file-pdf",size:"225.68 KB"})]});case"upload":return $n(Ja,{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 C4,jsx as k4,jsxs as A4}from"react/jsx-runtime";import{jsx as T4}from"react/jsx-runtime";import{Fragment as R4,jsx as K4,jsxs as _4}from"react/jsx-runtime";import{Fragment as U4,jsx as z4,jsxs as F4}from"react/jsx-runtime";import{Fragment as q4,jsx as X4,jsxs as W4}from"react/jsx-runtime";import{Fragment as j4,jsx as Q4}from"react/jsx-runtime";var ti="appbar",bd=ti;import{jsx as Mh}from"react/jsx-runtime";var oi="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,oi,E(oi,{themeColor:t}),{[`k-appbar-${o}`]:o,[`k-appbar-${a}`]:a}),children:e.children})};Ce.states=vh;Ce.options=gh;Ce.className=oi;Ce.defaultOptions=Lh;Ce.moduleName=ti;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 f8,jsx as c8,jsxs as u8}from"react/jsx-runtime";import{jsx as j,jsxs as da}from"react/jsx-runtime";var ai={...Ce.options,positionMode:["static","sticky","fixed"]},Ch=Ce.states,xd={...Ce.defaultOptions,themeColor:"primary",variant:"top",positionMode:"sticky"};ai.themeColor=["primary",...ai.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(dn,{value:"Input value"})}),da(ht,{children:[j($,{className:"k-mx-sm",fillMode:"flat",icon:"bell"}),j("span",{className:"k-appbar-separator"}),j(Tn,{className:"k-mx-sm",children:j("img",{src:"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg"})})]})]}),n=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=ai;ma.states=Ch;ma.variants=Ah;ma.defaultOptions=xd;ma.modifiers=[];ma.className=Ce.className;var ni="suggestion",Nd=ni;import{jsx as Xn,jsxs as Ih}from"react/jsx-runtime";var qn="k-suggestion-group",Eh=[],yh={},hd={layout:"scrollable",scrollingPosition:"start"},tt=e=>{let{layout:t=hd.layout,scrollingPosition:o,...a}=e,n=Xn("div",{...a,className:s(qn,{"k-suggestion-group-scrollable":t=="scrollable",[`${qn}-scrollable-start`]:o==="start"||o==="both",[`${qn}-scrollable-end`]:o==="end"||o==="both"},e.className),role:"group",children:t==="scrollable"||t==="scrollButtons"?Xn("div",{className:"k-suggestions-scroll",children:e.children}):e.children});return t=="scrollButtons"?Ih("div",{className:"k-suggestion-scrollwrap",children:[Xn(p,{fillMode:"flat",icon:"chevron-left",size:"xsmall","aria-label":"Scroll left"}),n,Xn(p,{fillMode:"flat",icon:"chevron-right",size:"xsmall","aria-label":"Scroll right"})]}):n};tt.states=Eh;tt.options=yh;tt.className=qn;tt.defaultOptions=hd;tt.moduleName=ni;tt.folderName=Nd;import{jsx as Ph}from"react/jsx-runtime";var Wn="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,children:l,...m}=e;return Ph("span",{...m,className:s(e.className,Wn,C(Wn,{hover:a,active:o,focus:n}),E(Wn,{themeColor:t})),role:"button",tabIndex:0,"aria-label":e["aria-label"]||i,children:l||i})};ot.states=Th;ot.options=Oh;ot.className=Wn;ot.item=Bh;import{Fragment as U8,jsx as z8,jsxs as F8}from"react/jsx-runtime";import{Fragment as q8,jsx as X8,jsxs as W8}from"react/jsx-runtime";import{Fragment as j8,jsx as Q8,jsxs as eV}from"react/jsx-runtime";import{Fragment as Hh,jsx as ee,jsxs as Jn}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=Jn(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(Ft,{type:"sender",pinned:!0,content:"Hello! Generate a cover letter.",closeable:!0}),l=Jn(tt,{children:[ee(ot,{text:"Provide a CV template"}),ee(ot,{text:"Generate a cover letter"})]}),m=Jn(tt,{children:[ee(ot,{themeColor:"primary",text:"Thank you!"}),ee(ot,{themeColor:"primary",text:"Great!"})]}),u="https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg",b=null,x="User",g="Demo Bot";Object.keys(t||{}).forEach(y=>{switch(y){case"header":a.header=t?.[y]?n:!1;break;case"pinned":a.pinned=t?.[y]?i:!1;break;case"suggested":a.suggestedActions=t?.[y]?l:!1;break;case"author":a.author=t?.[y]?!0:null;break;case"avatar":a.avatar=t?.[y]?u:null;break;case"quick":a.quickReplies=t?.[y]?m:ee(Hh,{});break;default:break}});let{header:c,pinned:L,suggestedActions:M,author:S,avatar:A,quickReplies:k}=a;return Jn(vd,{value:"Thank you!",style:{minHeight:"100%"},...o,header:c,pinned:L,suggestedActions:M,children:[ee(W,{avatar:b,author:S?g:null,children:ee(F,{text:"Hello, this is a demo bot. How can I help you ?"})}),ee(W,{avatar:A?u:null,author:S?x:null,type:"sender",children:ee(F,{text:"Hello! Generate a cover letter."})}),ee(W,{avatar:b,author:S?g:null,children:ee(F,{text:"Sure. Here is a cover letter template",files:ee(xt,{children:ee(Te,{icon:"file-pdf",name:"cover_letter.pdf",size:"1.43MB"})})})}),k]})};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};