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

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

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

Files changed (125) hide show

package/dist/esm/chat/templates/chat-message-skeleton.mjs CHANGED Viewed

	@@ -1 +1 @@
1	- var s=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?s(...t):typeof t=="object"?Object.keys(t).map((o,a)=>t[a]\|\|t[o]&&o\|\|null).filter(o=>o!==null).join(" "):t).filter(t=>!!t).join(" ");var E=(e,t)=>s({[`${e}-xs`]:t.size==="xsmall",[`${e}-sm`]:t.size==="small",[`${e}-md`]:t.size==="medium",[`${e}-lg`]:t.size==="large",[`${e}-xl`]:t.size==="xlarge",[`${e}-xxl`]:t.size==="xxlarge",[`${e}-xxxl`]:t.size==="xxxlarge"},{[`${e}-${t.fillMode}`]:t.fillMode},{[`${e}-${t.themeColor}`]:t.themeColor},{"k-rounded-sm":t.rounded==="small","k-rounded-md":t.rounded==="medium","k-rounded-lg":t.rounded==="large","k-rounded-full":t.rounded==="full","k-rounded-none":t.rounded==="none"}),S=(e,t)=>{let{valid:o,invalid:a,hover:n,focus:i,checked:l,active:m,selected:u,disabled:f,indeterminate:N,loading:g,empty:c,readonly:L,highlighted:M,...k}=t;return s({"k-valid":o,"k-invalid":a,"k-hover":n,"k-focus":i,"k-checked":l,"k-active":m,"k-selected":u,"k-disabled":f,"k-indeterminate":N&&!l,"k-loading":g,"k-empty":c,"k-readonly":L,"k-highlighted":M},Object.keys(k).reduce((A,C)=>(C.startsWith("k-")?A[C]=k[C]:A[`k-${C}`]=k[C],A),{}))};function 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"},b={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},x={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},pt={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 os={};function B(e){return os[e]=(os[e]\|\|0)+1,`k-${e}-${os[e]}`}import{Fragment as Ed,jsx as li}from"react/jsx-runtime";var as="k-font-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]},Ad={},xa=e=>{let{size:t,themeColor:o,icon:a,rotate:n,flip:i,...l}=e;return a?li("span",{...l,className:s(e.className,as,E(as,{size:t}),{[`k-i-${a}`]:a,[`k-color-${o}`]:o,[`k-rotate-${n}`]:n,"k-flip-h":i==="h"\|\|i==="both","k-flip-v":i==="v"\|\|i==="both"}),"aria-hidden":"true"}):li(Ed,{})};xa.states=kd;xa.options=Cd;xa.className=as;xa.defaultOptions=Ad;var pi=xa;import{Fragment as Td,jsx as Za}from"react/jsx-runtime";var ns="k-svg-icon",yd=[],Id={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:[pt.outline,pt.solid,pt.duotone]},ss={viewBox:"0 0 24 24",variant:pt.outline},Na=e=>{let{size:t,themeColor:o,rotate:a,flip:n,viewBox:i=ss.viewBox,variant:l=ss.variant,icon:m,...u}=e;if(!m)return Za(Td,{});if(m==="none")return Za("span",{...u,className:s(e.className,ns,E("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let f=typeof m=="object"&&m.name&&m.name,N=typeof m=="object"?l&&m.variants?.[l]\|\|m.variants?.outline\|\|m.content:void 0;return Za("span",{...u,className:s(e.className,ns,E("k-icon",{size:t}),{[`k-svg-i-${f}`]:f,[`k-color-${o}`]:o,[`k-rotate-${a}`]:a,"k-flip-h":n==="h"\|\|n==="both","k-flip-v":n==="v"\|\|n==="both"}),"aria-hidden":"true",children:Za("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof m=="object"?m.viewBox:i,dangerouslySetInnerHTML:N!==void 0?{__html:N}:void 0,children:m?void 0:e.children})})};Na.states=yd;Na.options=Id;Na.className=ns;Na.defaultOptions=ss;var rs=Na;importas is from"@progress/kendo-svg-icons";var di="icon",mi="icons";import{useContext as Bd}from"react";import{createContext as Od}from"react";var ci=Od({iconsType:"svg"});import{Fragment as ui,jsx as ha}from"react/jsx-runtime";var Qa="k-icon",Pd=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),Kd=[],Rd={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:[pt.outline,pt.solid,pt.duotone]},ja={viewBox:"0 0 24 24",type:"svg",variant:pt.outline},v=e=>{let{iconsType:t}=Bd(ci),{size:o,themeColor:a,icon:n,type:i=t\|\|ja.type,rotate:l,flip:m,viewBox:u=ja.viewBox,variant:f=ja.variant,...N}=e;if(!n)return ha(ui,{});if((t\|\|i)==="svg"){if(n==="none")return ha(rs,{...N,className:s(e.className,Qa),icon:n,size:o,variant:f});let c=is[n]?n:Pd(`${n}-icon`);return is[c]?ha(rs,{...N,className:s(e.className,Qa),icon:is[c],size:o,themeColor:a,rotate:l,flip:m,viewBox:u,variant:f}):ha(ui,{})}return ha(pi,{...N,className:s(e.className,Qa),icon:n,size:o,themeColor:a,rotate:l,flip:m})};v.states=Kd;v.options=Rd;v.defaultOptions=ja;v.className=Qa;v.moduleName=di;v.folderName=mi;var ls="button",fi=ls;import{Fragment as bi,jsx as bo,jsxs as xi}from"react/jsx-runtime";var va="k-button",_d=["icon-button"],wd=[r.hover,r.focus,r.active,r.selected,r.disabled,r.generating],Dd={size:[d.undefined,d.xsmall,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[x.undefined,x.solid,x.flat,x.outline,x.clear,x.link],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary,h.success,h.warning,h.error,h.info,h.inverse]},ps={showArrow:!1,arrowIconName:"chevron-down"},p=e=>{let{as:t="button",size:o,rounded:a,fillMode:n,themeColor:i,showArrow:l=ps.showArrow,arrowIconName:m=ps.arrowIconName,variant:u,hover:f,focus:N,active:g,selected:c,disabled:L,togglable:M,ariaDisabled:k,icon:A,iconSize:C,text:y,iconClassName:H,className:le,...Ae}=e,pe=A!=null,ue=e.children!==void 0;return xi(t,{className:s(le,va,Ya(va,u),E(va,{size:o,rounded:a,fillMode:n,themeColor:i}),S(va,{hover:f,focus:N,active:g,disabled:L\|\|k,selected:c}),{"k-icon-button":!y&&!ue&&pe}),"aria-pressed":M?c?"true":"false":void 0,...Ae,"aria-disabled":k?"true":void 0,disabled:L\|\|void 0,children:[typeof A=="string"&&A&&bo(v,{className:s(H,"k-button-icon"),icon:A,size:C}),A&&typeof A!="string"&&bo(bi,{children:A}),y?xi(bi,{children:[y&&bo("span",{className:"k-button-text",children:y}),e.children]}):e.children&&bo("span",{className:"k-button-text",children:e.children}),l&&bo("span",{className:"k-menu-button-arrow k-button-arrow",children:bo(v,{icon:m})})]})};p.states=wd;p.options=Dd;p.variants=_d;p.className=va;p.defaultOptions=ps;p.moduleName=ls;p.folderName=fi;import{jsx as Hd}from"react/jsx-runtime";var X=e=>Hd(p,{icon:"folder",...e,"aria-label":e["aria-label"]\|\|"Folder",children:void 0});import{jsx as zd}from"react/jsx-runtime";var ga=e=>zd(p,{icon:"folder",children:"Button",...e});import{jsx as Ud}from"react/jsx-runtime";var st=e=>Ud(p,{children:"Button",...e});import{jsx as ds}from"react/jsx-runtime";var Fd=p.options,Gd=p.states,Vd={...p.defaultOptions,variant:"text"},$d=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Xd=[],xo=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return ds(X,{...o,icon:"star"});case"icon-and-text":return ds(ga,{...o,icon:"star",children:"Button"});default:return ds(st,{...o,children:"Button"})}};xo.options=Fd;xo.states=Gd;xo.variants=$d;xo.defaultOptions=Vd;xo.modifiers=Xd;xo.className=p.className;import{jsx as Ni,jsxs as Zd}from"react/jsx-runtime";var en="k-fab",Jd=[r.hover,r.focus,r.active,r.selected,r.disabled],Yd={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary]},hi={type:"button"},te=e=>{let{size:t,rounded:o,themeColor:a,text:n,icon:i,type:l=hi.type,position:m,hover:u,focus:f,active:N,selected:g,disabled:c,...L}=e;return Zd("button",{...L,type:l,className:s(e.className,en,E(en,{size:t,rounded:o,themeColor:a}),S(en,{hover:u,focus:f,active:N,disabled:c,selected:g}),{[`!k-pos-absolute k-${m}`]:m}),...!n&&i&&!e["aria-label"]&&{"aria-label":"Action"},...c&&{"aria-disabled":"true"},disabled:c\|\|void 0,children:[i&&Ni(v,{className:"k-fab-icon",icon:i}),n&&Ni("span",{className:"k-fab-text",children:n})]})};te.states=Jd;te.options=Yd;te.className=en;te.defaultOptions=hi;te.moduleName="fab";te.folderName="fab";import{jsx as jd}from"react/jsx-runtime";var Qd="k-fab-items",vi=e=>{let{position:t,...o}=e;return jd("ul",{...o,className:s(e.className,Qd,{[`k-fab-items-${t}`]:t}),children:e.children})};import{jsx as Li,jsxs as tm}from"react/jsx-runtime";var gi="k-fab-item",em=[r.hover,r.focus,r.active,r.disabled],ms=e=>{let{text:t,icon:o,align:a,hover:n,focus:i,active:l,disabled:m,...u}=e;return tm("li",{...u,className:s(e.className,gi,{[`k-text-${a}`]:a},S(gi,{hover:n,focus:i,active:l,disabled:m})),children:[Li("span",{className:"k-fab-item-text",children:t}),Li(v,{className:"k-fab-item-icon",icon:o})]})};ms.states=em;import{jsx as bg}from"react/jsx-runtime";import{jsx as om}from"react/jsx-runtime";var Mi=e=>om(te,{icon:"plus",...e});import{jsx as Mg}from"react/jsx-runtime";import{jsx as Ag}from"react/jsx-runtime";import{jsx as No,jsxs as lm}from"react/jsx-runtime";var am=te.options,nm=te.states,sm={...te.defaultOptions,variant:"text"},rm=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],im=[{name:"opened",title:"Opened"}],ho=e=>{let{variant:t,modifiers:o,...a}=e,{opened:n}=o\|\|{},i=n?No("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:No(vi,{position:"bottom",children:No(ms,{text:"Item",icon:"pencil",align:"right"})})}):null,l;switch(t){case"icon-only":l=No(te,{...a,icon:"star"});break;case"icon-and-text":l=No(te,{...a,icon:"star",text:"Action"});break;default:l=No(te,{...a,text:"Action"});break}return lm("span",{style:{position:"relative"},children:[l,i]})};ho.options=am;ho.states=nm;ho.variants=rm;ho.defaultOptions=sm;ho.modifiers=im;ho.className=te.className;import{jsx as mm}from"react/jsx-runtime";var cs="k-input-inner",pm=[],dm={},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 mm("input",{...m,type:o,className:s(e.className,cs,E(cs,e)),placeholder:a,autoComplete:n,defaultValue:t,disabled:i\|\|void 0,readOnly:l\|\|void 0})};fe.states=pm;fe.options=dm;fe.className=cs;import{jsx as fm}from"react/jsx-runtime";var us="k-input-inner",cm=[],um={},Si={value:"",placeholder:""},La=e=>{let{value:t=Si.value,placeholder:o=Si.placeholder,rows:a,disabled:n,...i}=e;return fm("textarea",{...i,className:s(e.className,us,E(us,e)),placeholder:o,rows:a,defaultValue:t,disabled:n\|\|void 0})};La.states=cm;La.options=um;La.className=us;var fs="prompt-box",ki=fs;var bs="speech-to-text-button",Ci=bs;import{jsx as bm}from"react/jsx-runtime";var Ai="k-speech-to-text-button",Ei={icon:"microphone"},Be=e=>{let{listening:t=!1,icon:o=Ei.icon,...a}=e;return bm(p,{...a,icon:t?"stop":o,className:s(e.className,Ai,{"k-listening":t}),"aria-pressed":t?"true":"false","aria-label":t?"Stop listening":"Start listening"})};Be.states=p.states;Be.options=p.options;Be.className=Ai;Be.defaultOptions=Ei;Be.moduleName=bs;Be.folderName=Ci;import{jsx as iL}from"react/jsx-runtime";import{jsx as mL}from"react/jsx-runtime";import{jsx as gm}from"react/jsx-runtime";var xm=p.states,yi={...p.defaultOptions,variant:"normal"},Nm={...p.options,fillMode:p.options.fillMode.filter(e=>e!=="clear"&&e!=="link")},hm=[],vm=[{name:"normal",title:"Normal"},{name:"listening",title:"Listening"}],vo=e=>{let{variant:t,...o}={...yi,...e},a={};return t==="listening"&&(a.listening=!0),gm(Be,{...o,...a})};vo.options=Nm;vo.states=xm;vo.variants=vm;vo.defaultOptions=yi;vo.modifiers=hm;vo.className=Be.className;import{jsx as Wt,jsxs as xs}from"react/jsx-runtime";var dt="k-prompt-box",Lm=[r.hover,r.focus,r.disabled],Mm={fillMode:[x.undefined,x.solid,x.flat,x.outline]},Ns={lineMode:"auto",isExpanded:!1},be=e=>{let{fillMode:t,lineMode:o=Ns.lineMode,startAffix:a,endAffix:n,header:i,isExpanded:l=Ns.isExpanded,className:m,children:u,value:f,placeholder:N,generating:g,actionButtonConfig:c,speechToTextButtonConfig:L,uploadButtonConfig:M,hover:k,focus:A,disabled:C,...y}=e,H=o==="multi"\|\|o==="auto"&&l;return xs("div",{...y,className:s(m,"k-input",dt,{[`${dt}-singleline`]:o==="single",[`${dt}-multiline`]:H,[`k-input-${t}`]:t,"k-hover":k,"k-focus":A,"k-disabled":C}),children:[i&&Wt("div",{className:`${dt}-header`,children:i}),xs("div",{className:`${dt}-content`,children:[a&&Wt("div",{className:`${dt}-affix`,children:a}),o==="single"?Wt(fe,{value:f,placeholder:N,className:`${dt}-input`,type:"text","aria-label":"Prompt input"}):Wt(La,{value:f,placeholder:N,className:`${dt}-textarea`,rows:o==="multi"\|\|l?3:1,"aria-label":"Prompt input","aria-multiline":"true"}),xs("div",{className:`${dt}-affix`,children:[n,M&&Wt(X,{icon:"paperclip",size:"small",fillMode:"flat",rounded:"full","aria-label":"Attach files",...M}),Wt(Be,{size:"small",fillMode:"flat",rounded:"full",...L}),Wt(X,{icon:g?"stop":"arrow-up",size:"small",rounded:"full",active:g,disabled:!f&&!g,"aria-label":g?"Stop generating":"Send prompt","aria-live":"polite",...c,className:s({"k-generating":g},c?.className)})]})]}),u]})};be.states=Lm;be.options=Mm;be.className=dt;be.defaultOptions=Ns;be.moduleName=fs;be.folderName=ki;import{jsx as RL}from"react/jsx-runtime";import{jsx as HL}from"react/jsx-runtime";import{jsx as GL}from"react/jsx-runtime";import{jsx as qL}from"react/jsx-runtime";import{jsx as ZL}from"react/jsx-runtime";import{Fragment as hs,jsx as It,jsxs as ym}from"react/jsx-runtime";var Sm=be.options,km=be.states,Cm={...be.defaultOptions,variant:"Single"},Am=[{name:"Single",title:"Singleline"},{name:"Multi",title:"Multiline"}],Em=[{name:"header",title:"Header"},{name:"endAffix",title:"End Affix"},{name:"startAffix",title:"Start Affix"}],go=e=>{let{variant:t,modifiers:o,...a}=e,n={},i=It(hs,{children:It(X,{size:"small",icon:"send",fillMode:"flat"})});return Object.keys(o\|\|{}).forEach(l=>{switch(l){case"header":n.header=o?.[l]?It(p,{children:"Button in header"}):void 0;break;case"endAffix":o?.[l]&&(n.endAffix=ym(hs,{children:[i,It(X,{icon:"paperclip",size:"small",fillMode:"flat"})]}));break;case"startAffix":n.startAffix=o?.[l]?It(hs,{children:It(X,{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})};go.options=Sm;go.states=km;go.variants=Am;go.defaultOptions=Cm;go.modifiers=Em;go.className=be.className;var vs="chat",Ii=vs;import{Fragment as Bi,jsx as Jt,jsxs as Ma}from"react/jsx-runtime";var Ti="k-chat",Im=[],Tm={},Om=Ma(Bi,{children:[Jt(X,{icon:"paperclip",fillMode:"clear",rounded:"full",size:"small","aria-label":"Attach file"},"paperclip"),Jt("div",{className:"k-spacer"})]}),Oi={tools:Om},G=e=>{let{header:t,dir:o,suggestedActions:a,files:n,pinned:i,replied:l,generating:m,tools:u=Oi.tools,value:f,empty:N,scrollToBottom:g,scrollbar:c,promptBoxProps:L,...M}=e;return Ma("div",{...M,className:s(Ti,e.className),dir:o,children:[t,Ma("div",{className:"k-message-list",role:"log","aria-label":"Message list","aria-live":"polite",children:[i,Jt("div",{className:s("k-message-list-content",N&&"k-message-list-content-empty"),children:e.children}),g&&Jt("div",{className:"k-chat-scroll-to-bottom-container",children:Jt(Mi,{themeColor:"base",icon:"arrow-down",size:"small"})})]}),c&&Jt("div",{className:"k-separator"}),Ma("div",{className:"k-message-box-wrapper",children:[a,Jt(be,{lineMode:"multi",placeholder:"Type a message",generating:m,value:f,header:n\|\|l?Ma(Bi,{children:[l,n]}):void 0,endAffix:u,...L})]})]})};G.states=Im;G.options=Tm;G.className=Ti;G.defaultOptions=Oi;G.moduleName=vs;G.folderName=Ii;var gs="button",Pi=gs;import{jsx as Rm}from"react/jsx-runtime";var Sa="k-button-group",Bm=[r.disabled],Pm={fillMode:[x.undefined,x.solid,x.flat,x.outline,x.clear,x.link]},Km={},T=e=>{let{fillMode:t,disabled:o,stretched:a,...n}=e;return Rm("div",{role:"group",...n,className:s(e.className,Sa,E(Sa,{fillMode:t}),S(Sa,{disabled:o}),{[`${Sa}-stretched`]:a}),...o&&{"aria-disabled":"true"},children:e.children})};T.states=Bm;T.options=Pm;T.className=Sa;T.defaultOptions=Km;T.moduleName=gs;T.folderName=Pi;import{Fragment as OM,jsx as TM,jsxs as BM}from"react/jsx-runtime";import{Fragment as DM,jsx as wM,jsxs as HM}from"react/jsx-runtime";import{Fragment as $M,jsx as VM,jsxs as XM}from"react/jsx-runtime";import{Fragment as QM,jsx as ZM,jsxs as jM}from"react/jsx-runtime";import{Fragment as sS,jsx as nS,jsxs as rS}from"react/jsx-runtime";import{Fragment as cS,jsx as mS,jsxs as uS}from"react/jsx-runtime";import{jsx as Lt,jsxs as Ls}from"react/jsx-runtime";var _m={...p.options,...T.options},wm=p.states,Dm={...p.defaultOptions,...T.defaultOptions,variant:"text-button"},Hm=[{name:"icon-button",title:"Icon Only"},{name:"text-button",title:"Text"},{name:"icon-text-button",title:"Icon Text"}],zm=[],Lo=e=>{let{variant:t,className:o,...a}=e;return t==="icon-button"?Ls(T,{fillMode:a.fillMode,className:o,children:[Lt(p,{...a,icon:"star"}),Lt(p,{...a,icon:"star"}),Lt(p,{...a,icon:"star"})]}):t==="icon-text-button"?Ls(T,{fillMode:a.fillMode,className:o,children:[Lt(p,{...a,icon:"star",children:"First"}),Lt(p,{...a,icon:"star",children:"Middle"}),Lt(p,{...a,icon:"star",children:"Last"})]}):Ls(T,{fillMode:a.fillMode,className:o,children:[Lt(p,{...a,children:"First"}),Lt(p,{...a,children:"Middle"}),Lt(p,{...a,children:"Last"})]})};Lo.options=_m;Lo.states=wm;Lo.variants=Hm;Lo.defaultOptions=Dm;Lo.modifiers=zm;Lo.className=T.className;var ka="input",an=ka;import{jsx as Vm}from"react/jsx-runtime";var nn="k-input",Um=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading,r.readonly],Fm={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[x.undefined,x.solid,x.flat,x.outline]},Gm={},J=e=>{let{hover:t,focus:o,disabled:a,invalid:n,valid:i,loading:l,readonly:m,size:u,rounded:f,fillMode:N,...g}=e;return Vm("span",{...g,className:s(e.className,nn,E(nn,{size:u,rounded:f,fillMode:N}),S(nn,{hover:t,focus:o,disabled:a,invalid:n,valid:i,loading:l,readonly:m}))})};J.states=Um;J.options=Fm;J.className=nn;J.defaultOptions=Gm;J.moduleName=ka;J.folderName=an;import{jsx as Wm}from"react/jsx-runtime";var sn="k-picker",$m=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading,r.readonly],Xm={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[x.undefined,x.solid,x.flat,x.outline]},qm={},mt=e=>{let{hover:t,focus:o,disabled:a,invalid:n,valid:i,loading:l,readonly:m,size:u,rounded:f,fillMode:N,...g}=e;return Wm("span",{...g,className:s(e.className,sn,E(sn,{size:u,rounded:f,fillMode:N}),S(sn,{hover:t,focus:o,disabled:a,invalid:n,valid:i,loading:l,readonly:m})),children:e.children})};mt.states=$m;mt.options=Xm;mt.className=sn;mt.defaultOptions=qm;mt.moduleName=ka;mt.folderName=an;import{Fragment as Zm,jsx as Ms}from"react/jsx-runtime";var Ki="k-clear-value",Jm=[r.disabled,r.loading,r.readonly],Ym={},Pe=e=>{let{disabled:t,loading:o,readonly:a,value:n}=e;return t\|\|a\|\|o\|\|!n?Ms(Zm,{}):Ms("span",{className:s(e.className,Ki),children:Ms(v,{icon:"x"})})};Pe.states=Jm;Pe.options=Ym;Pe.className=Ki;import{jsx as Ri,jsxs as ec}from"react/jsx-runtime";var Ss="k-input-inner",Qm=[],jm={},Yt=e=>{let{value:t,placeholder:o,showValue:a,valueIcon:n,valueIconName:i,...l}=e;return ec("span",{...l,className:s(e.className,Ss,E(Ss,e)),children:[n,!n&&i&&Ri(v,{className:"k-input-value-icon",icon:i}),a&&!t&&o,a&&t&&Ri("span",{className:"k-input-value-text",children:t})]})};Yt.states=Qm;Yt.options=jm;Yt.className=Ss;import{Fragment as oc,jsx as _i}from"react/jsx-runtime";var wi="k-input-loading-icon",tc=[r.disabled,r.loading],Ee=e=>{let{disabled:t,loading:o}=e;return t\|\|!o?_i(oc,{}):_i("span",{className:s(e.className,wi,"k-icon k-i-loading")})};Ee.states=tc;Ee.className=wi;import{Fragment as sc,jsx as Di}from"react/jsx-runtime";var Hi="k-input-validation-icon",ac=[r.valid,r.invalid,r.disabled,r.loading],nc={},xe=e=>{let{valid:t,invalid:o,disabled:a,loading:n}=e,i=o?"warning-circle":"check-circle";return a\|\|n\|\|!!!(t\|\|o)?Di(sc,{}):Di(v,{className:s(Hi),icon:i})};xe.states=ac;xe.options=nc;xe.className=Hi;import{Fragment as lc,jsx as zi}from"react/jsx-runtime";var rc="k-input-prefix",ic={direction:"horizontal"},Fe=e=>{let{direction:t=ic.direction,...o}=e;return e.children?zi("span",{...o,className:s(rc,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):zi(lc,{})};import{Fragment as mc,jsx as Ui}from"react/jsx-runtime";var pc="k-input-suffix",dc={direction:"horizontal"},Ge=e=>{let{direction:t=dc.direction,...o}=e;return e.children?Ui("span",{...o,className:s(pc,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):Ui(mc,{})};import{jsx as ik}from"react/jsx-runtime";import{jsx as uc}from"react/jsx-runtime";var cc="k-input-suffix-text",ks=e=>{let{children:t,...o}=e;return uc("span",{...o,className:s(cc,e.className),children:t})};import{jsx as bc}from"react/jsx-runtime";var Fi="k-input-separator",fc={direction:"vertical"},Ve=e=>{let{direction:t=fc.direction,...o}=e;return bc("span",{...o,className:s(Fi,e.className,{[`${Fi}-${t}`]:t})})};import{Fragment as Gi,jsx as ct,jsxs as Cs}from"react/jsx-runtime";var xc=J.states,Nc=J.defaultOptions,hc=J.options,vc=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],gc=[],Mo=e=>{let{modifiers:t,valid:o,invalid:a,loading:n,disabled:i,readonly:l,...m}=e,u=t?.prefix,f=t?.suffix,N=t?.["clear-button"],g=t?.["validation-icon"],c=t?.separators;return Cs(J,{...m,valid:o,invalid:a,loading:n,disabled:i,readonly:l,style:{width:300},children:[u&&Cs(Gi,{children:[ct(Fe,{children:ct(v,{icon:"lock"})}),c&&ct(Ve,{})]}),ct(fe,{placeholder:"Placeholder",value:"Value"}),g&&ct(xe,{valid:o,invalid:a,loading:n,disabled:i}),ct(Ee,{loading:n,disabled:i}),N&&ct(Pe,{loading:n,disabled:i,readonly:l,value:"Value"}),f&&Cs(Gi,{children:[c&&ct(Ve,{}),ct(Ge,{children:ct(st,{size:m.size,fillMode:"clear",children:"Send"})})]})]})};Mo.options=hc;Mo.states=xc;Mo.variants=gc;Mo.defaultOptions=Nc;Mo.modifiers=vc;Mo.className=J.className;import{jsx as Vi,jsxs as Sc}from"react/jsx-runtime";var $i="k-color-preview",Lc=[],Mc={},Tt=e=>{let{color:t,iconName:o,...a}=e;return Sc("span",{...a,className:s(e.className,$i,{"k-icon-color-preview":o,"k-no-color":!t}),children:[o&&Vi(v,{icon:o,className:"k-color-preview-icon"}),Vi("span",{className:"k-color-preview-mask",style:{backgroundColor:t}})]})};Tt.states=Lc;Tt.options=Mc;Tt.className=$i;var As="popup",Xi=As;import{jsx as qi}from"react/jsx-runtime";var Wi="k-animation-container",kc=[],Cc={},Es={positionMode:"absolute",shown:!0},ut=e=>{let{positionMode:t=Es.positionMode,shown:o=Es.shown,animationStyle:a,offset:n,...i}=e;return qi("div",{...i,style:{...n,...e.style},className:s(e.className,Wi,{"k-animation-container-shown":o,"k-animation-container-fixed":t==="fixed"}),children:qi("div",{className:"k-child-animation-container",style:a,children:e.children})})};ut.states=kc;ut.options=Cc;ut.className=Wi;ut.defaultOptions=Es;ut.moduleName=As;ut.folderName=Xi;var ys="popup",Ji=ys;import{jsx as Yi}from"react/jsx-runtime";var Zi="k-popup",Ac=[],Ec={},Qi={positionMode:"absolute"},q=e=>{let{offset:t,positionMode:o=Qi.positionMode,animationStyle:a,containerClassName:n,containerRole:i,containerAriaLabel:l,...m}=e;return Yi(ut,{positionMode:o,offset:t,animationStyle:a,className:n,role:i,"aria-label":l,children:Yi("div",{...m,className:s(e.className,Zi),children:e.children})})};q.states=Ac;q.options=Ec;q.className=Zi;q.defaultOptions=Qi;q.moduleName=ys;q.folderName=Ji;var Is="action-buttons",ji=Is;import{jsx as Tc}from"react/jsx-runtime";var rn="k-actions",yc=[],Ic={},Ts={alignment:"start",orientation:"horizontal"},Ke=e=>{let{alignment:t=Ts.alignment,orientation:o=Ts.orientation,...a}=e;return Tc("div",{...a,className:s(rn,{[`${rn}-${t}`]:t,[`${rn}-${o}`]:o},e.className),children:e.children})};Ke.states=yc;Ke.options=Ic;Ke.className=rn;Ke.defaultOptions=Ts;Ke.moduleName=Is;Ke.folderName=ji;var el=Ke;import{jsx as Bc}from"react/jsx-runtime";var Oc="k-actionsheet-footer",tl={alignment:"stretched",orientation:"horizontal"},Ot=e=>{let{alignment:t=tl.alignment,orientation:o=tl.orientation,template:a,as:n=a?"div":Ke,...i}=e;return Bc(n,{...i,...!a&&{alignment:t,orientation:o},className:s(e.className,Oc),children:e.children})};var Os="searchbox",ol=Os;import{jsx as Ca,jsxs as Rc}from"react/jsx-runtime";var al="k-searchbox",Pc=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading],Kc={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[x.undefined,x.solid,x.flat,x.outline]},ln={showIcon:!0,showClearButton:!0,icon:"search"},$e=e=>{let{value:t,placeholder:o,size:a,rounded:n,fillMode:i,hover:l,focus:m,valid:u,invalid:f,required:N,loading:g,disabled:c,showIcon:L=ln.showIcon,showClearButton:M=ln.showClearButton,icon:k=ln.icon,"aria-label":A,...C}=e;return Rc(J,{...C,size:a,rounded:n,fillMode:i,hover:l,focus:m,valid:u,invalid:f,required:N,loading:g,disabled:c,className:s(e.className,al),children:[L&&Ca(v,{className:"k-input-icon",icon:k}),Ca(fe,{placeholder:o,value:t,"aria-label":A}),Ca(Ee,{...e}),Ca(xe,{...e}),M&&Ca(Pe,{...e})]})};$e.states=Pc;$e.options=Kc;$e.className=al;$e.defaultOptions=ln;$e.moduleName=Os;$e.folderName=ol;import{jsx as BC}from"react/jsx-runtime";var Bs="textbox",nl=Bs;import{Fragment as sl,jsx as Bt,jsxs as Ps}from"react/jsx-runtime";var rl="k-textbox",_c=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading,r.readonly],wc={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[x.undefined,x.solid,x.flat,x.outline]},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:f,value:N,placeholder:g,hover:c,focus:L,valid:M,invalid:k,required:A,loading:C,disabled:y,readonly:H,id:le,"aria-label":Ae,"aria-describedby":pe,...ue}=e;return Ps(J,{...ue,size:t,rounded:o,fillMode:a,hover:c,focus:L,valid:M,invalid:k,required:A,loading:C,disabled:y,readonly:H,className:s(e.className,rl),children:[m&&Ps(sl,{children:[Bt(Fe,{children:m}),n&&Bt(Ve,{})]}),Bt(fe,{id:le,placeholder:g,value:N,type:f,disabled:y,"aria-label":Ae,"aria-describedby":pe,"aria-invalid":k?"true":void 0}),l&&Bt(xe,{valid:M,invalid:k,loading:C,disabled:y}),Bt(Ee,{loading:C,disabled:y}),i&&Bt(Pe,{loading:C,disabled:y,readonly:H,value:N}),u&&Ps(sl,{children:[n&&Bt(Ve,{}),Bt(Ge,{children:u})]})]})};de.states=_c;de.options=wc;de.className=rl;de.defaultOptions=pn;de.moduleName=Bs;de.folderName=nl;var Aa=de;import{jsx as Dc}from"react/jsx-runtime";var dn=e=>Dc(Aa,{...e});import{Fragment as YC,jsx as JC}from"react/jsx-runtime";import{Fragment as oA,jsx as tA}from"react/jsx-runtime";import{jsx as rA}from"react/jsx-runtime";import{jsx as Ks}from"react/jsx-runtime";var Hc=de.states,zc=de.defaultOptions,Uc=de.options,Fc=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],Gc=[],So=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(n=>{switch(n){case"prefix":a.prefix=t?.[n]?Ks(v,{icon:"lock"}):void 0;break;case"suffix":a.suffix=t?.[n]?Ks(st,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":a.showClearButton=t?.[n];break;default:break}}),Ks(dn,{value:"Value",style:{width:300},...o,...a})};So.options=Uc;So.states=Hc;So.variants=Gc;So.defaultOptions=zc;So.modifiers=Fc;So.className=de.className;import{jsx as Pt,jsxs as Rs}from"react/jsx-runtime";var il="k-actionsheet-titlebar",Vc={},Ne=e=>{let{title:t,subtitle:o,actionsStart:a,actionsEnd:n,filter:i,input:l,inputValue:m,inputPlaceholder:u,adaptive:f,titleId:N,children:g,...c}=e;return Rs("div",{...c,className:s(e.className,il),children:[Rs("div",{className:"k-actionsheet-titlebar-group",children:[a&&Pt("div",{className:"k-actionsheet-actions",children:a}),!g&&Rs("div",{className:"k-actionsheet-title",id:N,children:[t&&Pt("div",{className:"k-text-center",children:t}),o&&Pt("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),g&&Pt("div",{className:"k-actionsheet-title",id:N,children:g}),n&&Pt("div",{className:"k-actionsheet-actions",children:n})]}),(l\|\|i)&&Pt("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:l?Pt(de,{value:m,placeholder:u,size:f?"large":"medium","aria-label":t\|\|u\|\|"Input"}):Pt($e,{placeholder:"Filter",size:f?"large":"medium","aria-label":"Filter options"})})]})};Ne.className=il;Ne.defaultOptions=Vc;import{jsx as _s,jsxs as Wc}from"react/jsx-runtime";var ws="k-actionsheet-view",$c=[],Xc={},qc={},ko=e=>{let{adaptive:t,animated:o,children:a,header:n,footer:i,titleId:l,...m}=e,u=n?.type===Ne&&_s(Ne,{adaptive:t,titleId:l,...n?.props}),f=i?.type===Ot&&_s(Ot,{...i?.props});return Wc("div",{...m,className:s(e.className,ws,{[`${ws}-animated`]:o}),children:[u,_s("div",{className:"k-actionsheet-content",children:a}),f]})};ko.states=$c;ko.options=Xc;ko.className=ws;ko.defaultOptions=qc;var Ea="action-sheet",mn=Ea;var Ds="overlay",ll=Ds;import{jsx as Qc}from"react/jsx-runtime";var pl="k-overlay",Jc=[],Yc={},Zc={},ft=e=>{let{...t}=e;return Qc("div",{...t,className:s(e.className,pl),children:e.children})};ft.states=Jc;ft.options=Yc;ft.className=pl;ft.defaultOptions=Zc;ft.moduleName=Ds;ft.folderName=ll;import{jsx as cn,jsxs as tu}from"react/jsx-runtime";var dl="k-actionsheet",jc=[],eu={},ya={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},Y=e=>{let{side:t=ya.side,fullscreen:o=ya.fullscreen,adaptive:a=ya.adaptive,overlay:n=ya.overlay,template:i,children:l,header:m,footer:u,id:f,...N}=e,g=f&&!i&&m?`${f}-title`:void 0;return tu("div",{className:"k-actionsheet-container",children:[n&&cn(ft,{}),cn(ut,{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",{...N,id:f,role:"dialog","aria-modal":n?"true":void 0,"aria-labelledby":g,className:s(e.className,dl,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":a}),children:i\|\|cn(ko,{header:m,footer:u,adaptive:a,titleId:g,...e,children:l})})})]})};Y.states=jc;Y.options=eu;Y.className=dl;Y.defaultOptions=ya;Y.moduleName=Ea;Y.folderName=mn;import{jsx as su}from"react/jsx-runtime";var ml="k-actionsheet-container",ou=[],au={},nu={},Co=e=>{let{children:t,...o}=e;return su("div",{...o,className:ml,children:t})};Co.states=ou;Co.options=au;Co.className=ml;Co.defaultOptions=nu;Co.moduleName=Ea;Co.folderName=mn;import{jsx as ru}from"react/jsx-runtime";var Hs=e=>{let{...t}=e;return ru("div",{...t,className:s(e.className,"k-list-ul"),children:e.children})};import{Fragment as lu,jsx as Ia,jsxs as zs}from"react/jsx-runtime";var Us="k-actionsheet-item",iu=[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 zs("span",{...u,className:s(e.className,Us,S(Us,{hover:n,focus:i,selected:l,disabled:m})),children:[!e.children&&Ia(lu,{children:zs("span",{className:"k-actionsheet-action",children:[t&&Ia("span",{className:"k-icon-wrap",children:Ia(v,{className:"k-actionsheet-item-icon",icon:t})}),zs("span",{className:"k-actionsheet-item-text",children:[o&&Ia("span",{className:"k-actionsheet-item-title",children:o}),a&&Ia("span",{className:"k-actionsheet-item-description",children:a})]})]})}),e.children]})};Kt.states=iu;Kt.className=Us;import{jsx as sE,jsxs as rE}from"react/jsx-runtime";import{jsx as dE}from"react/jsx-runtime";import{jsx as fE}from"react/jsx-runtime";import{jsx as hE}from"react/jsx-runtime";import{jsx as se,jsxs as Fs}from"react/jsx-runtime";var pu=Y.options,du=Y.states,ul={...Y.defaultOptions,variant:"normal"},mu=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],cu=[{name:"actions",title:"Titlebar Actions",type:"boolean"},{name:"subtitle",title:"Subtitle",type:"boolean"},{name:"footer",title:"Footer",type:"boolean"}],Ao=e=>{let{variant:t,modifiers:o,...a}={...ul,...e},n={},i=Fs(Hs,{children:[se(Kt,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),se(Kt,{text:"Add to Favorites",iconName:"heart"}),se(Kt,{text:"Upload New",iconName:"upload",disabled:!0}),se("hr",{className:"k-hr"}),se(Kt,{text:"Cancel",iconName:"cancel"})]}),l="Choose from the items below",m="Select Item";return t==="fullScreen"&&(n.fullScreen=!0),Object.keys(o\|\|{}).forEach(u=>{switch(u){case"actions":n.actionsStart=!!o?.[u],n.actionsEnd=!!o?.[u];break;case"subtitle":n.subtitle=o?.[u]?l:void 0;break;case"footer":n.footer=!!o?.[u];break;default:break}}),t==="adaptive"?se(Y,{...a,adaptive:!0,fullscreen:n.fullScreen,header:se(Ne,{actionsStart:n.actionsStart?se(p,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:n.actionsEnd?se(p,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:m,subtitle:n.subtitle}),footer:n.footer?Fs(Ot,{alignment:"stretched",children:[se(p,{text:"Cancel",size:"large",themeColor:"base"}),se(p,{text:"Apply",size:"large",themeColor:"primary"})]}):void 0,children:i}):se(Y,{...a,fullscreen:n.fullScreen,header:se(Ne,{actionsStart:n.actionsStart?se(p,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:n.actionsEnd?se(p,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:n.subtitle}),footer:n.footer?Fs(Ot,{alignment:"stretched",children:[se(p,{text:"Apply",themeColor:"primary"}),se(p,{text:"Cancel",themeColor:"base"})]}):void 0,children:i})};Ao.options=pu;Ao.states=du;Ao.variants=mu;Ao.defaultOptions=ul;Ao.modifiers=cu;Ao.className=Y.className;var Gs="slider",fl=Gs;import{jsx as Eo,jsxs as Vs}from"react/jsx-runtime";var Ta="k-slider",uu=[r.hover,r.focus,r.active,r.disabled,r.readonly],fu={},Xe={type:"single",orientation:"horizontal",gradientType:"1d",readonly:!1,disabled:!1,handlePosition:"end",showButtons:!0,showTicks:!0,value:50,min:0,max:100},$=e=>{let{type:t=Xe.type,orientation:o=Xe.orientation,gradientType:a=Xe.gradientType,readonly:n=Xe.readonly,disabled:i=Xe.disabled,handlePosition:l=Xe.handlePosition,showButtons:m=Xe.showButtons,showTicks:u=Xe.showTicks,value:f=Xe.value,min:N=Xe.min,max:g=Xe.max,startValue:c,endValue:L,hover:M,focus:k,active:A,trackStyle:C,dir:y,...H}=e,Ae=(()=>{if(t==="gradient"&&a==="2d")return"undefined";if(o==="vertical")return"vertical"})(),pe,ue;return o==="horizontal"?(pe=y==="rtl"?"chevron-left":"chevron-right",ue=y==="rtl"?"chevron-right":"chevron-left"):o==="vertical"&&(pe="chevron-up",ue="chevron-down"),Vs("div",{...H,className:s(Ta,e.className,S(Ta,{readonly:n,disabled:i}),{[`k-slider-${o}`]:o,"k-colorgradient-slider":t==="gradient"}),dir:y,children:[m&&Eo(p,{className:"k-button-decrease",rounded:"full",icon:ue,tabIndex:-1,title:"Decrease"}),Vs("div",{className:"k-slider-track-wrap",children:[u&&Eo("ul",{className:"k-reset k-slider-items","aria-hidden":"true",children:e.children}),Vs("div",{className:"k-slider-track",style:C,children:[Eo("div",{className:"k-slider-selection"}),t==="range"&&Eo("span",{className:s("k-draghandle","k-draghandle-start",S(Ta,{hover:M,focus:k,active:A})),role:"slider",tabIndex:i?void 0:0,"aria-valuenow":c??N,"aria-valuemin":N,"aria-valuemax":L??g,"aria-orientation":Ae,"aria-disabled":i?"true":void 0,"aria-readonly":n?"true":void 0,"aria-label":H["aria-label"]?`${H["aria-label"]} start`:"Range start"}),Eo("span",{className:s("k-draghandle",`k-draghandle-${l}`,S(Ta,{hover:M,focus:k,active:A})),role:"slider",tabIndex:i?void 0:0,"aria-valuenow":t==="range"?L??g:f,"aria-valuemin":t==="range"?c??N:N,"aria-valuemax":g,"aria-orientation":Ae,"aria-disabled":i?"true":void 0,"aria-readonly":n?"true":void 0,"aria-label":t==="range"?H["aria-label"]?`${H["aria-label"]} end`:"Range end":H["aria-label"]})]})]}),m&&Eo(p,{className:"k-button-increase",rounded:"full",icon:pe,tabIndex:-1,title:"Increase"})]})};$.states=uu;$.options=fu;$.className=Ta;$.defaultOptions=Xe;$.moduleName=Gs;$.folderName=fl;import{jsx as bl}from"react/jsx-runtime";var xl="k-tick",bu=[],xu={},Nl={label:!1},I=e=>{let{style:t,label:o=Nl.label,orientation:a,large:n,text:i,...l}=e;return bl("li",{...l,role:"presentation",title:i\|\|"Tick",className:s(e.className,xl,{[`k-tick-${a}`]:a,"k-tick-large":n}),style:t,children:o&&bl("span",{className:"k-label",children:i})})};I.states=bu;I.options=xu;I.className=xl;I.defaultOptions=Nl;import{Fragment as Nu,jsx as qe,jsxs as hu}from"react/jsx-runtime";var hl=e=>qe($,{"aria-label":e["aria-label"]\|\|"Slider",children:hu(Nu,{children:[qe(I,{className:"k-first",label:!0,large:!0,text:"0"}),qe(I,{}),qe(I,{}),qe(I,{}),qe(I,{}),qe(I,{label:!0,large:!0,text:"5"}),qe(I,{}),qe(I,{}),qe(I,{}),qe(I,{}),qe(I,{className:"k-last",label:!0,large:!0,text:"10"})]}),...e});import{Fragment as vu,jsx as We,jsxs as gu}from"react/jsx-runtime";var vl=e=>We($,{children:gu(vu,{children:[We(I,{className:"k-first",label:!0,large:!0,text:"0"}),We(I,{}),We(I,{}),We(I,{}),We(I,{}),We(I,{label:!0,large:!0,text:"5"}),We(I,{}),We(I,{}),We(I,{}),We(I,{}),We(I,{className:"k-last",label:!0,large:!0,text:"10"})]}),"aria-label":e["aria-label"]\|\|"Vertical slider",...e,orientation:"vertical"});import{Fragment as ry,jsx as sy,jsxs as iy}from"react/jsx-runtime";import{Fragment as cy,jsx as my,jsxs as uy}from"react/jsx-runtime";import{jsx as Lu}from"react/jsx-runtime";var $s=e=>Lu($,{type:"gradient",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]\|\|"Color slider"});import{jsx as Mu}from"react/jsx-runtime";var Xs=e=>Mu($,{type:"gradient",orientation:"vertical",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]\|\|"Color slider"});import{Fragment as ky,jsx as Sy,jsxs as Cy}from"react/jsx-runtime";import{Fragment as Ty,jsx as Iy,jsxs as Oy}from"react/jsx-runtime";import{jsx as bt,jsxs as gl}from"react/jsx-runtime";var Su=$.options,ku=$.states,Ll={...$.defaultOptions,variant:"horizontal",label:!0},Cu=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],Au=[{name:"label",title:"Labels",default:!0},{name:"tick",title:"Ticks",default:!0},{name:"button",title:"Side Buttons",default:!0}],yo=e=>{let{variant:t,modifiers:o,...a}=e,n=Ll.label,i={};Object.keys(o\|\|{}).forEach(m=>{switch(m){case"button":{i.showButtons=!!o?.[m];break}case"label":{n=!!o?.[m];break}case"tick":{i.showTicks=!!o?.[m];break}}});let l={"--kendo-slider-start":0,"--kendo-slider-end":60};return t==="vertical"?gl(vl,{style:{height:"300px",...l},...a,...i,children:[bt(I,{label:n,large:!0,orientation:"vertical",text:"0",style:{position:"absolute",bottom:"0%"}}),bt(I,{label:n,large:!0,orientation:"vertical",text:"2",style:{position:"absolute",bottom:"25%"}}),bt(I,{label:n,large:!0,orientation:"vertical",text:"4",style:{position:"absolute",bottom:"50%"}}),bt(I,{label:n,large:!0,orientation:"vertical",text:"6",style:{position:"absolute",bottom:"75%"}}),bt(I,{label:n,large:!0,orientation:"vertical",text:"8",style:{position:"absolute",bottom:"100%"}})]}):gl(hl,{style:{width:"400px",...l},...a,...i,children:[bt(I,{label:n,large:!0,orientation:"horizontal",text:"0",style:{position:"absolute",left:"0%"}}),bt(I,{label:n,large:!0,orientation:"horizontal",text:"2",style:{position:"absolute",left:"25%"}}),bt(I,{label:n,large:!0,orientation:"horizontal",text:"4",style:{position:"absolute",left:"50%"}}),bt(I,{label:n,large:!0,orientation:"horizontal",text:"6",style:{position:"absolute",left:"75%"}}),bt(I,{label:n,large:!0,orientation:"horizontal",text:"8",style:{position:"absolute",left:"100%"}})]})};yo.options=Su;yo.states=ku;yo.variants=Cu;yo.defaultOptions=Ll;yo.modifiers=Au;yo.className=$.className;import{jsx as Ml,jsxs as Ou}from"react/jsx-runtime";var Sl="k-spin-button",Iu=[],Tu={size:[d.undefined,d.small,d.medium,d.large],fillMode:[x.undefined,x.solid,x.flat,x.outline,x.clear,x.link]},qs={increaseLabel:"Increase value",decreaseLabel:"Decrease value"},Rt=e=>{let{size:t,fillMode:o,disabled:a,increaseLabel:n=qs.increaseLabel,decreaseLabel:i=qs.decreaseLabel,...l}=e;return Ou("span",{...l,className:s(Sl,e.className),children:[Ml(p,{className:"k-spinner-increase",icon:"chevron-up",size:t,fillMode:o,disabled:a,"aria-label":n}),Ml(p,{className:"k-spinner-decrease",icon:"chevron-down",size:t,fillMode:o,disabled:a,"aria-label":i})]})};Rt.states=Iu;Rt.options=Tu;Rt.className=Sl;Rt.defaultOptions=qs;Rt.moduleName=null;Rt.folderName=null;var kl="numeric-textbox",Cl="numerictextbox";import{Fragment as Al,jsx as Mt,jsxs as Ws}from"react/jsx-runtime";var El="k-numerictextbox",Bu=[r.hover,r.focus,r.valid,r.invalid,r.loading,r.required,r.disabled,r.readonly],Pu={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[x.undefined,x.solid,x.flat,x.outline]},un={showSpinButton:!0,showClearButton:!0,separators:!0},w=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:f,placeholder:N,hover:g,focus:c,valid:L,invalid:M,required:k,loading:A,disabled:C,readonly:y,id:H,"aria-label":le,"aria-describedby":Ae,...pe}=e;return Ws(J,{...pe,size:t,rounded:o,fillMode:a,hover:g,focus:c,valid:L,invalid:M,required:k,loading:A,disabled:C,readonly:y,className:s(e.className,El),children:[m&&Ws(Al,{children:[Mt(Fe,{children:m}),n&&Mt(Ve,{})]}),Mt(fe,{id:H,placeholder:N,value:f,role:"spinbutton",disabled:C,"aria-label":le,"aria-describedby":Ae,"aria-invalid":M?"true":void 0}),Mt(xe,{valid:L,invalid:M,loading:A,disabled:C}),Mt(Ee,{loading:A,disabled:C}),i&&Mt(Pe,{loading:A,disabled:C,readonly:y,value:f}),u&&Ws(Al,{children:[n&&Mt(Ve,{}),Mt(Ge,{children:u})]}),l&&Mt(Rt,{className:"k-input-spinner",size:t,fillMode:a,disabled:C})]})};w.states=Bu;w.options=Pu;w.className=El;w.defaultOptions=un;w.moduleName=kl;w.folderName=Cl;var Oa=w;import{jsx as Ku}from"react/jsx-runtime";var yl=e=>Ku(Oa,{...e});import Ys from"react";import{jsx as Il}from"react/jsx-runtime";var Ru="k-list-group-sticky-header",Js=e=>Il("div",{className:s(Ru,e.className),children:Il("div",{className:"k-list-header-text",children:e.children})});import{jsx as wu}from"react/jsx-runtime";var _u="k-no-data",fn=e=>{let{live:t,...o}=e;return wu("span",{...o,className:s(_u,e.className),"aria-live":t?"polite":void 0,children:e.children})};var Zt="list",Io=Zt;import{jsx as Tl,jsxs as Ol}from"react/jsx-runtime";var Zs="k-list",Du=[],Hu={size:[d.undefined,d.small,d.medium,d.large]},zu={},K=e=>{let{size:t,virtualization:o,children:a,header:n,selectAll:i,optionLabel:l,customValue:m,noData:u,screenReaders:f,...N}=e,c=Ys.Children.toArray(a)[0],L=c?.props?.children?Ys.Children.count(c.props.children):Ys.Children.count(a);return Ol("div",{...N,className:s(e.className,Zs,E(Zs,{size:t}),{"k-virtual-list":o}),children:[l,i,m,n&&Tl(Js,{children:n}),a\|\|(u!==void 0?u:Tl(fn,{live:!0,children:"No data found."})),f&&a&&Ol(fn,{className:"k-sr-only",live:!0,children:[L," items found."]})]})};K.states=Du;K.options=Hu;K.className=Zs;K.defaultOptions=zu;K.moduleName=Zt;K.folderName=Io;import{jsx as Vu}from"react/jsx-runtime";var Bl="k-list-container",Uu=[],Fu={},Gu={},To=e=>{let{...t}=e;return Vu("div",{...t,className:s(e.className,Bl),children:e.children})};To.states=Uu;To.options=Fu;To.className=Bl;To.defaultOptions=Gu;To.moduleName=Zt;To.folderName=Io;var Qt="checkbox",Oo=Qt;import{jsx as Pl}from"react/jsx-runtime";var bn="k-checkbox",$u=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.checked,r.indeterminate],Xu={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full]},qu={},Re=e=>{let{id:t,checked:o,indeterminate:a,hover:n,focus:i,disabled:l,invalid:m,valid:u,required:f,size:N,rounded:g,wrapperRole:c,...L}=e;return Pl("span",{className:"k-checkbox-wrap",role:c,children:Pl("input",{...L,id:t,type:"checkbox",defaultChecked:o,required:f,disabled:l\|\|void 0,"aria-invalid":m?"true":void 0,className:s(e.className,bn,E(bn,{size:N,rounded:g}),S(bn,{hover:n,focus:i,disabled:l,invalid:m,valid:u,indeterminate:a,checked:o}))})})};Re.states=$u;Re.options=Xu;Re.className=bn;Re.defaultOptions=qu;Re.moduleName=Qt;Re.folderName=Oo;var rt=Re;import{jsx as Yu}from"react/jsx-runtime";var Kl="k-checkbox-list",Wu=[],Ju={},Rl={layout:"vertical"},he=e=>{let{layout:t=Rl.layout,...o}=e;return Yu("ul",{...o,className:s(e.className,Kl,{[`k-list-${t}`]:t}),children:e.children})};he.states=Wu;he.options=Ju;he.className=Kl;he.defaultOptions=Rl;he.moduleName=Qt;he.folderName=Oo;import{jsx as ef}from"react/jsx-runtime";var _l="k-checkbox-list-item",Zu=[],Qu={},ju={},ve=e=>{let{...t}=e;return ef("li",{...t,className:s(e.className,_l),children:e.children})};ve.states=Zu;ve.options=Qu;ve.className=_l;ve.defaultOptions=ju;ve.moduleName=Qt;ve.folderName=Oo;import{Fragment as tf,jsx as wl,jsxs as of}from"react/jsx-runtime";var St=({children:e="Label",id:t="cb-label-after",...o})=>of(tf,{children:[wl(rt,{id:t,...o}),wl("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});import{Fragment as tT,jsx as eT,jsxs as oT}from"react/jsx-runtime";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{jsx as hT}from"react/jsx-runtime";import{jsx as MT}from"react/jsx-runtime";import{jsx as AT}from"react/jsx-runtime";import{jsx as Je,jsxs as Dl}from"react/jsx-runtime";var af=he.options,nf=he.states,sf={...he.defaultOptions,variant:"vertical"},rf=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],lf=[],Bo=e=>{let{variant:t,...o}=e;return t==="horizontal"?Dl(he,{layout:"horizontal",...o,children:[Je(ve,{children:Je(St,{id:B("cb"),defaultChecked:!0,children:"Label"})}),Je(ve,{children:Je(St,{id:B("cb"),children:"Label"})}),Je(ve,{children:Je(St,{id:B("cb"),children:"Label"})})]}):Dl(he,{...o,children:[Je(ve,{children:Je(St,{id:B("cb"),defaultChecked:!0,children:"Label"})}),Je(ve,{children:Je(St,{id:B("cb"),children:"Label"})}),Je(ve,{children:Je(St,{id:B("cb"),children:"Label"})})]})};Bo.options=af;Bo.states=nf;Bo.variants=rf;Bo.defaultOptions=sf;Bo.modifiers=lf;Bo.className=he.className;import{jsx as ff}from"react/jsx-runtime";var pf=rt.options,df=rt.states,mf=rt.defaultOptions,cf=[],uf=[],Po=e=>ff(St,{id:B("checkbox"),...e,defaultChecked:!0,children:"Label"});Po.options=pf;Po.states=df;Po.variants=cf;Po.defaultOptions=mf;Po.modifiers=uf;Po.className=rt.className;import{jsx as Ko,jsxs as hf}from"react/jsx-runtime";var Qs="k-list-item",bf=[r.hover,r.focus,r.selected,r.disabled],xf={},Nf={},O=e=>{let{text:t,iconName:o,iconClassName:a,showCheckbox:n,checked:i,hover:l,focus:m,selected:u,disabled:f,actions:N,description:g,id:c,...L}=e,M=t\|\|e.children,k=t\|\|(typeof M=="string"?M:void 0);return hf("li",{...L,id:c,role:"option",tabIndex:m?0:-1,"aria-selected":u?"true":"false","aria-disabled":f?"true":void 0,className:s(e.className,Qs,S(Qs,{hover:l,focus:m,disabled:f,selected:u})),children:[n&&Ko(Re,{checked:i,disabled:f,"aria-label":k,tabIndex:-1}),o&&Ko("span",{className:"k-list-item-icon-wrapper",children:Ko(v,{icon:o,className:s("k-list-item-icon",a)})}),Ko("span",{className:"k-list-item-text",children:M}),N&&Ko("div",{className:"k-list-item-actions",children:N}),g&&Ko("span",{className:"k-list-item-description",children:g})]})};O.states=bf;O.options=xf;O.className=Qs;O.defaultOptions=Nf;O.moduleName=Zt;O.folderName=Io;import{jsx as gf}from"react/jsx-runtime";var vf="k-list-ul",_t=e=>{let{children:t,role:o,id:a,...n}=e;return gf("ul",{...n,id:a,role:o,className:s(vf,e.className),children:t})};import{jsx as js,jsxs as Mf}from"react/jsx-runtime";var Lf="k-list-content",z=e=>{let{virtualization:t,grouping:o,"aria-label":a,"aria-labelledby":n,listboxId:i,...l}=e;return Mf("div",{...l,className:s(Lf,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:js(_t,{role:"listbox",id:i,"aria-label":a,"aria-labelledby":n,children:e.children}),t&&js("div",{className:"k-height-container",children:js("div",{})})]})};import{jsx as er,jsxs as Af}from"react/jsx-runtime";var xn="k-list-sticky-header",Sf=[r.hover,r.focus,r.selected],kf={},Cf={},Nn=e=>{let{label:t="Select all",showCheckbox:o=!0,checked:a,indeterminate:n,hover:i,focus:l,selected:m,...u}=e;return er("div",{...u,className:s(xn,e.className),children:Af("div",{className:s(`${xn}-item`,S(`${xn}-item`,{hover:i,focus:l,selected:m})),"aria-label":t,...!o&&{tabIndex:0,"aria-selected":m?"true":"false"},children:[o&&er(Re,{checked:a,indeterminate:n,"aria-label":t}),er("span",{className:"k-list-item-text",children:t})]})})};Nn.states=Sf;Nn.options=kf;Nn.className=xn;Nn.defaultOptions=Cf;import{Fragment as gO,jsx as vO,jsxs as LO}from"react/jsx-runtime";import{jsx as AO,jsxs as EO}from"react/jsx-runtime";import{jsx as Tf}from"react/jsx-runtime";var tr="k-list-optionlabel",Ef=[r.hover,r.focus,r.selected,r.disabled],yf={},If={},hn=e=>{let{text:t,hover:o,focus:a,selected:n,disabled:i,...l}=e;return Tf("div",{...l,className:s(tr,S(tr,{hover:o,focus:a,selected:n,disabled:i})),children:t})};hn.states=Ef;hn.options=yf;hn.className=tr;hn.defaultOptions=If;import{jsx as Kf}from"react/jsx-runtime";var or="k-list-custom-value",Of=[r.hover,r.focus,r.selected,r.disabled],Bf={},Pf={},wt=e=>{let{text:t,hover:o,focus:a,selected:n,disabled:i,...l}=e;return Kf("div",{...l,className:s(or,S(or,{hover:o,focus:a,selected:n,disabled:i})),children:t})};wt.states=Of;wt.options=Bf;wt.className=or;wt.defaultOptions=Pf;import{Fragment as HO,jsx as DO,jsxs as zO}from"react/jsx-runtime";import{Fragment as XO,jsx as $O,jsxs as qO}from"react/jsx-runtime";import{Fragment as eB,jsx as QO,jsxs as jO}from"react/jsx-runtime";import{Fragment as iB,jsx as sB,jsxs as rB}from"react/jsx-runtime";import{jsx as mB}from"react/jsx-runtime";import{Fragment as NB,jsx as xB,jsxs as hB}from"react/jsx-runtime";import{Fragment as kB,jsx as SB,jsxs as CB}from"react/jsx-runtime";var Hl="dropdown-list",zl="dropdownlist";import{Fragment as wf,jsx as ge,jsxs as ar}from"react/jsx-runtime";var Ul="k-dropdownlist",Rf=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading,r.readonly],_f={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[x.undefined,x.solid,x.flat,x.outline]},nr={showValue:!0,arrowIconName:"chevron-down"},ne=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:n=nr.arrowIconName,showValue:i=nr.showValue,valueIconName:l,prefix:m,suffix:u,value:f,placeholder:N,hover:g,focus:c,valid:L,invalid:M,required:k,loading:A,disabled:C,readonly:y,popup:H,opened:le,adaptive:Ae,adaptiveSettings:pe,adaptiveTitle:ue,adaptiveSubtitle:Qn,adaptiveFilter:Xt,id:qt,activeDescendant:ba,"aria-label":jn,...es}=e,ts=qt?`${qt}-listbox`:void 0,ii=qt?`${qt}-value`:void 0;return ar(wf,{children:[ar(mt,{...es,id:qt,size:t,rounded:o,fillMode:a,hover:g,focus:c,valid:L,invalid:M,required:k,loading:A,disabled:C,readonly:y,className:s(e.className,Ul,{"k-icon-picker":!i&&l}),role:"combobox","aria-haspopup":"listbox","aria-expanded":le?"true":"false","aria-controls":le?ts:void 0,"aria-activedescendant":le&&ba?ba:void 0,"aria-describedby":le?ii:void 0,"aria-disabled":C?"true":void 0,"aria-label":jn,tabIndex:0,children:[ge(Fe,{children:m}),ge(Yt,{placeholder:N,value:f,showValue:i,valueIconName:l,id:ii}),ge(xe,{valid:L,invalid:M,loading:A,disabled:C}),ge(Ee,{loading:A,disabled:C}),ge(Ge,{children:u}),ge(p,{className:"k-input-button",icon:n,size:e.size,fillMode:e.fillMode,"aria-label":N\|\|"Toggle dropdown",tabIndex:-1})]}),le&&H&&ge(q,{className:"k-list-container k-dropdownlist-popup",containerRole:"region",containerAriaLabel:"Dropdown suggestions",children:H}),Ae&&ge(Y,{adaptive:!0,...pe,header:ge(Ne,{actionsEnd:ge(p,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),filter:Xt,inputValue:f,inputPlaceholder:N,title:ue,subtitle:Qn}),children:ge("div",{className:"k-list-container",children:ge(K,{size:"large",children:ar(z,{"aria-label":"Options",children:[ge(O,{text:"List item"}),ge(O,{text:"List item"}),ge(O,{text:"List item"})]})})})})]})};ne.states=Rf;ne.options=_f;ne.className=Ul;ne.defaultOptions=nr;ne.moduleName=Hl;ne.folderName=zl;import{jsx as rP}from"react/jsx-runtime";import{jsx as cP,jsxs as uP}from"react/jsx-runtime";import{Fragment as MP,jsx as gP,jsxs as LP}from"react/jsx-runtime";import{jsx as EP}from"react/jsx-runtime";import{jsx as PP,jsxs as KP}from"react/jsx-runtime";import{Fragment as GP,jsx as UP,jsxs as FP}from"react/jsx-runtime";import{jsx as WP}from"react/jsx-runtime";import{Fragment as Gf,jsx as Dt,jsxs as Fl}from"react/jsx-runtime";var Df=ne.states,Hf=ne.defaultOptions,zf=ne.options,Uf=[{name:"opened",title:"Opened"}],Ff=[],_o=e=>{let{modifiers:t,...o}=e,a={},n=Fl(Gf,{children:[Dt("div",{className:"k-list-filter",children:Dt($e,{})}),Dt(K,{style:{width:300},size:o.size,children:Fl(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})})};_o.options=zf;_o.states=Df;_o.variants=Ff;_o.defaultOptions=Hf;_o.modifiers=Uf;_o.className=ne.className;import{Fragment as xK,jsx as bK}from"react/jsx-runtime";import{Fragment as MK,jsx as LK}from"react/jsx-runtime";import{jsx as AK}from"react/jsx-runtime";import{jsx as sr}from"react/jsx-runtime";var Vf=w.states,$f=w.defaultOptions,Xf=w.options,qf=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"spin-button",title:"`Spin` Button"}],Wf=[],wo=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(n=>{switch(n){case"prefix":a.prefix=t?.[n]?sr(ne,{size:o.size,fillMode:"flat",value:"mm"}):void 0;break;case"suffix":a.suffix=t?.[n]?sr(ks,{children:"mm"}):void 0;break;case"clear-button":a.showClearButton=t?.[n];break;case"spin-button":a.showSpinButton=t?.[n];break;default:break}}),sr(yl,{value:"Value",style:{width:300},...o,...a})};wo.options=Xf;wo.states=Vf;wo.variants=Wf;wo.defaultOptions=$f;wo.modifiers=qf;wo.className=w.className;import{Fragment as Pa,jsx as P,jsxs as Z}from"react/jsx-runtime";var Gl="k-colorgradient-inputs",Jf=[],Yf={size:[d.undefined,d.small,d.medium,d.large]},Vl={mode:"rgba"},Do=e=>{let{mode:t=Vl.mode,size:o,...a}=e;return Z("div",{...a,className:s(Gl,"k-hstack"),children:[P("div",{className:"k-vstack",children:P(p,{fillMode:"flat",icon:"caret-alt-expand",className:"k-colorgradient-toggle-mode",size:o,"aria-label":"Toggle color input format"})}),t==="rgba"&&Z(Pa,{children:[Z("div",{className:"k-vstack",children:[P(w,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Red channel"}),P("label",{className:"k-colorgradient-input-label",children:"R"})]}),Z("div",{className:"k-vstack",children:[P(w,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Green channel"}),P("label",{className:"k-colorgradient-input-label",children:"G"})]}),Z("div",{className:"k-vstack",children:[P(w,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Blue channel"}),P("label",{className:"k-colorgradient-input-label",children:"B"})]}),Z("div",{className:"k-vstack",children:[P(w,{showSpinButton:!1,showClearButton:!1,value:"1.00",size:o,"aria-label":"Alpha channel"}),P("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="rgb"&&Z(Pa,{children:[Z("div",{className:"k-vstack",children:[P(w,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Red channel"}),P("label",{className:"k-colorgradient-input-label",children:"R"})]}),Z("div",{className:"k-vstack",children:[P(w,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Green channel"}),P("label",{className:"k-colorgradient-input-label",children:"G"})]}),Z("div",{className:"k-vstack",children:[P(w,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Blue channel"}),P("label",{className:"k-colorgradient-input-label",children:"B"})]})]}),t==="hsva"&&Z(Pa,{children:[Z("div",{className:"k-vstack",children:[P(w,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),P("label",{className:"k-colorgradient-input-label",children:"H"})]}),Z("div",{className:"k-vstack",children:[P(w,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),P("label",{className:"k-colorgradient-input-label",children:"S"})]}),Z("div",{className:"k-vstack",children:[P(w,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),P("label",{className:"k-colorgradient-input-label",children:"V"})]}),Z("div",{className:"k-vstack",children:[P(w,{showSpinButton:!1,showClearButton:!1,value:"1.00","aria-label":"Alpha channel"}),P("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="hsv"&&Z(Pa,{children:[Z("div",{className:"k-vstack",children:[P(w,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),P("label",{className:"k-colorgradient-input-label",children:"H"})]}),Z("div",{className:"k-vstack",children:[P(w,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),P("label",{className:"k-colorgradient-input-label",children:"S"})]}),Z("div",{className:"k-vstack",children:[P(w,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),P("label",{className:"k-colorgradient-input-label",children:"V"})]})]}),t==="hex"&&P(Pa,{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"})]})})]})};Do.states=Jf;Do.options=Yf;Do.className=Gl;Do.defaultOptions=Vl;import{jsx as jt,jsxs as eo}from"react/jsx-runtime";var $l="k-colorgradient-color-contrast",Zf=[],Qf={},jf={},Ho=()=>eo("div",{className:s($l,"k-vbox"),children:[eo("div",{className:"k-contrast-ratio",children:[jt("span",{className:"k-contrast-ratio-text",children:"Contrast ratio: 7.1"}),eo("span",{className:"k-contrast-validation !k-text-success",children:[jt(v,{icon:"check"}),jt(v,{icon:"check"})]})]}),eo("div",{children:[jt("span",{children:"AA: 4.5"}),eo("span",{className:"k-contrast-validation !k-text-success",children:["Pass",jt(v,{icon:"check"})]})]}),eo("div",{children:[jt("span",{children:"AAA: 7.0"}),eo("span",{className:"k-contrast-validation !k-text-error",children:["Fail",jt(v,{icon:"x"})]})]})]});Ho.states=Zf;Ho.options=Qf;Ho.className=$l;Ho.defaultOptions=jf;var Xl="color-gradient",ql="colorgradient";import{jsx as Ye,jsxs as Ka}from"react/jsx-runtime";var vn="k-colorgradient",eb=[r.hover,r.focus,r.readonly,r.disabled],tb={size:[d.undefined,d.small,d.medium,d.large]},xt={mode:"rgba",readonly:!1,disabled:!1,contrast:!1,gradientStyle:{background:"rgb(255, 0, 0 )"},dragHandleStyle:{top:"50px",left:"73px"},alphaStyle:{background:"linear-gradient(to top, transparent, rgb(255, 0, 0))"},alphaStyleHorizontal:{background:"linear-gradient(to right, transparent, rgb(255, 0, 0))"},canvasOrientation:"horizontal"},re=e=>{let{size:t,mode:o=xt.mode,readonly:a=xt.readonly,disabled:n=xt.disabled,gradientStyle:i=xt.gradientStyle,dragHandleStyle:l=xt.dragHandleStyle,alphaStyle:m=xt.alphaStyle,alphaStyleHorizontal:u=xt.alphaStyleHorizontal,contrast:f=xt.contrast,dir:N,hover:g,focus:c,hoverHandle:L,focusHandle:M,canvasOrientation:k=xt.canvasOrientation,role:A,tabIndex:C,...y}=e;return Ka("div",{...y,role:A??"textbox","aria-label":A==="none"?void 0:"Color gradient",tabIndex:C??0,"aria-disabled":n?"true":void 0,className:s(e.className,vn,E(vn,{size:t}),S(vn,{hover:g,focus:c,readonly:a,disabled:n})),dir:N,children:[!k\|\|k==="horizontal"&&Ka("div",{className:"k-colorgradient-canvas k-hstack",children:[Ye("div",{className:"k-hsv-rectangle",style:i,children:Ye("div",{className:"k-hsv-gradient",children:Ye("div",{className:s("k-hsv-draghandle","k-draghandle",{"k-hover":L,"k-focus":M}),style:l,role:"slider","aria-orientation":"undefined","aria-label":"Color well with two-dimensional slider for selecting saturation and lightness","aria-valuetext":"X: 73, Y: 50","aria-valuenow":50,"aria-valuemin":0,"aria-valuemax":100})})}),Ka("div",{className:"k-hsv-controls k-hstack",children:[Ye(Xs,{className:"k-hue-slider",hover:L,focus:M}),o!=="rgb"&&o!=="hsv"&&Ye(Xs,{className:"k-alpha-slider",hover:L,focus:M,trackStyle:m})]})]}),k==="vertical"&&Ka("div",{className:"k-colorgradient-canvas k-vstack",children:[Ye("div",{className:"k-hsv-rectangle",style:i,children:Ye("div",{className:"k-hsv-gradient",children:Ye("div",{className:s("k-hsv-draghandle","k-draghandle",{"k-hover":L,"k-focus":M}),style:l,role:"slider","aria-orientation":"undefined","aria-label":"Color well with two-dimensional slider for selecting saturation and lightness","aria-valuetext":"X: 73, Y: 50","aria-valuenow":50,"aria-valuemin":0,"aria-valuemax":100})})}),Ka("div",{className:"k-hsv-controls k-vstack",children:[Ye($s,{className:"k-hue-slider",hover:L,focus:M}),o!=="rgb"&&o!=="hsv"&&Ye($s,{className:"k-alpha-slider",hover:L,focus:M,trackStyle:u})]})]}),Ye(Do,{mode:e.mode,size:t}),f&&Ye(Ho,{})]})};re.states=eb;re.options=tb;re.className=vn;re.defaultOptions=xt;re.moduleName=Xl;re.folderName=ql;import{jsx as ob}from"react/jsx-runtime";var gn=e=>ob(re,{...e});import{jsx as mR}from"react/jsx-runtime";import{jsx as bR}from"react/jsx-runtime";import{jsx as rr}from"react/jsx-runtime";var ab=re.options,nb=re.states,sb={...re.defaultOptions,variant:"rgba"},rb=[{name:"rgba",title:"RGBA"},{name:"rgb",title:"RGB"},{name:"hex",title:"HEX"}],ib=[],zo=e=>{let{variant:t,...o}=e;switch(t){case"hex":return rr(gn,{...o,mode:t});case"rgb":return rr(gn,{...o,mode:t});default:return rr(gn,{...o,mode:t})}};zo.options=ab;zo.states=nb;zo.variants=rb;zo.defaultOptions=sb;zo.modifiers=ib;zo.className=re.className;import{jsx as lb}from"react/jsx-runtime";var ir=e=>lb("tr",{role:"row",children:e.children});import{jsx as mb}from"react/jsx-runtime";var lr="k-colorpalette-tile",pb=[r.hover,r.focus,r.selected],db={},Ht=e=>{let{color:t,tileSize:o,hover:a,focus:n,selected:i,...l}=e,m={backgroundColor:t,width:o?o+"px":"",height:o?o+"px":""};return mb("td",{...l,role:"gridcell","aria-label":t,"aria-selected":i?"true":void 0,className:s(e.className,lr,S(lr,{hover:a,focus:n,selected:i})),style:m})};Ht.states=pb;Ht.options=db;Ht.className=lr;Ht.moduleName=null;Ht.folderName=null;var Wl="color-palette",Jl="colorpalette";import{jsx as Ra}from"react/jsx-runtime";var Ln="k-colorpalette",cb=[r.disabled],ub={size:[d.undefined,d.small,d.medium,d.large]},Yl={columns:10},ye=e=>{let{size:t,palette:o,columns:a=Yl.columns,tileSize:n,disabled:i,...l}=e,m=[];if(o){let u=a\|\|o.columns,f=o.colors?o.colors:o;Array.isArray(f)&&Array.from({length:Math.ceil(f.length/u)},(N,g)=>{let c=[];f.slice(gu,(g+1)*u).map((M,k)=>{c.push(Ra(Ht,{color:M,tileSize:n},k))});let L=Ra(ir,{children:c},g);m.push(L)})}return Ra("div",{...l,role:"grid","aria-label":"Color palette",tabIndex:0,"aria-disabled":i?"true":void 0,className:s(e.className,Ln,S(Ln,{disabled:i}),E(Ln,{size:t})),children:Ra("table",{className:"k-colorpalette-table",role:"none",children:Ra("tbody",{children:m.length>0?m:e.children})})})};ye.states=cb;ye.options=ub;ye.className=Ln;ye.defaultOptions=Yl;ye.moduleName=Wl;ye.folderName=Jl;var Mn=ye;var _a={basic:{colors:["#000000","#7f7f7f","#880015","#ed1c24","#ff7f27","#fff200","#22b14c","#00a2e8","#3f48cc","#a349a4","#ffffff","#c3c3c3","#b97a57","#ffaec9","#ffc90e","#efe4b0","#b5e61d","#99d9ea","#7092be","#c8bfe7"],columns:10},office:{colors:["#ffffff","#000000","#e6e6e6","#435569","#4371c4","#ed7e32","#a5a4a5","#febf04","#5a9bd5","#71ae48","#f2f2f3","#7f7f7f","#d1cece","#d5dde3","#dae1f4","#fce5d4","#deeded","#fff2cc","#deeaf6","#e1efd9","#d7d8d8","#585959","#aeabab","#adbaca","#b4c5e7","#f6caac","#dbdbdb","#ffe498","#bcd6ee","#c5e0b2","#bfbfc0","#3f3f3f","#767070","#8595b1","#8fabdb","#f5b183","#c9c8c9","#fed965","#9bc4e5","#a8d08d","#a5a5a6","#262625","#393939","#334050","#2e5496","#c45a11","#7b7b7a","#bf9000","#2f75b5","#548235","#7f7f7f","#0b0c0c","#161616","#222a34","#203764","#843d0b","#525252","#7f6000","#1d4d79","#375623"],columns:10},apex:{colors:["#ffffff","#000000","#c9c2d1","#69676d","#ceb966","#9cb084","#6bb1c9","#6585cf","#7e6bc9","#a379bb","#f2f2f2","#7f7f7f","#f4f2f5","#e0e0e2","#f5f1e0","#ebefe6","#e1eff4","#e0e6f5","#e5e1f4","#ece4f1","#d8d8d8","#595959","#e9e6ec","#c2c1c5","#ebe3c1","#d7dfcd","#c3dfe9","#c1ceeb","#cbc3e9","#dac9e3","#bfbfbf","#3f3f3f","#dedae3","#a4a3a8","#e1d5a3","#c3cfb5","#a6d0de","#a2b5e2","#b1a6de","#c7aed6","#a5a5a5","#262626","#9688a5","#4e4d51","#ae9638","#758c5a","#3d8da9","#365bb0","#533da9","#7d4d99","#7f7f7f","#0c0c0c","#635672","#343336","#746425","#4e5d3c","#295e70","#243c75","#372970","#533366"],columns:10},austin:{colors:["#ffffff","#000000","#caf278","#3e3d2d","#94c600","#71685a","#ff6700","#909465","#956b43","#fea022","#f2f2f2","#7f7f7f","#f4fce4","#dddcd0","#efffc0","#e3e1dc","#ffe0cb","#e8e9df","#ece1d6","#feecd2","#d8d8d8","#595959","#e9f9c9","#bbb9a1","#dfff82","#c8c3ba","#ffc299","#d2d4c0","#dac3ad","#fed9a6","#bfbfbf","#3f3f3f","#dff7ae","#ada598","#cfff43","#ada598","#ffa365","#bcbfa1","#c8a585","#fec67a","#a5a5a5","#262626","#a9ea25","#2e2d21","#6f9400","#544e43","#bf4d00","#6c6f4b","#6f5032","#d77b00","#7f7f7f","#0c0c0c","#74a50f","#1f1e16","#4a6300","#38342d","#7f3300","#484a32","#4a3521","#8f5200"],columns:10},clarity:{colors:["#ffffff","#292934","#f3f2dc","#d2533c","#93a299","#ad8f67","#726056","#4c5a6a","#808da0","#79463d","#f2f2f2","#e7e7ec","#e7e5b9","#f6dcd8","#e9ecea","#eee8e0","#e4dedb","#d8dde3","#e5e8ec","#e9d6d3","#d8d8d8","#c4c4d1","#d5d185","#edbab1","#d3d9d6","#ded2c2","#c9beb8","#b2bcc8","#ccd1d9","#d3aea7","#bfbfbf","#8a8aa3","#aca73b","#e4978a","#bec7c1","#cdbba3","#af9e94","#8c9bac","#b2bac6","#bd857c","#a5a5a5","#56566e","#56531d","#a43925","#6b7c72","#866b48","#554840","#39434f","#5c697b","#5a342d","#7f7f7f","#3b3b4b","#22210b","#6d2619","#47534c","#594730","#39302b","#262d35","#3d4652","#3c231e"],columns:10},slipstream:{colors:["#ffffff","#000000","#b4dcfa","#212745","#4e67c8","#5eccf3","#a7ea52","#5dceaf","#ff8021","#f14124","#f2f2f2","#7f7f7f","#8bc9f7","#c7cce4","#dbe0f4","#def4fc","#edfadc","#def5ef","#ffe5d2","#fcd9d3","#d8d8d8","#595959","#4facf3","#909aca","#b8c2e9","#beeafa","#dbf6b9","#beebdf","#ffcca6","#f9b3a7","#bfbfbf","#3f3f3f","#0d78c9","#5967af","#94a3de","#9ee0f7","#caf297","#9de1cf","#ffb279","#f68d7b","#a5a5a5","#262626","#063c64","#181d33","#31479f","#11b2eb","#81d319","#34ac8b","#d85c00","#c3260c","#7f7f7f","#0c0c0c","#021828","#101322","#202f6a","#0b769c","#568c11","#22725c","#903d00","#821908"],columns:10},metro:{colors:["#ffffff","#000000","#d6ecff","#4e5b6f","#7fd13b","#ea157a","#feb80a","#00addc","#738ac8","#1ab39f","#f2f2f2","#7f7f7f","#a7d6ff","#d9dde4","#e5f5d7","#fad0e4","#fef0cd","#c5f2ff","#e2e7f4","#c9f7f1","#d8d8d8","#595959","#60b5ff","#b3bcca","#cbecb0","#f6a1c9","#fee29c","#8be6ff","#c7d0e9","#94efe3","#bfbfbf","#3f3f3f","#007dea","#8d9baf","#b2e389","#f272af","#fed46b","#51d9ff","#aab8de","#5fe7d5","#a5a5a5","#262626","#003e75","#3a4453","#5ea226","#af0f5b","#c58c00","#0081a5","#425ea9","#138677","#7f7f7f","#0c0c0c","#00192e","#272d37","#3f6c19","#750a3d","#835d00","#00566e","#2c3f71","#0c594f"],columns:10},flow:{colors:["#ffffff","#000000","#dbf5f9","#04617b","#0f6fc6","#009dd9","#0bd0d9","#10cf9b","#7cca62","#a5c249","#f2f2f2","#7f7f7f","#b2e9f2","#b4ecfc","#c7e2fa","#c4eeff","#c9fafc","#c9faed","#e4f4df","#edf2da","#d8d8d8","#595959","#76d9e8","#6adafa","#90c6f6","#89deff","#93f5f9","#94f6db","#cae9c0","#dbe6b6","#bfbfbf","#3f3f3f","#21b2c8","#20c8f7","#59a9f2","#4fceff","#5df0f6","#5ff2ca","#b0dfa0","#c9da91","#a5a5a5","#262626","#105964","#02485c","#0b5394","#0075a2","#089ca2","#0b9b74","#54a838","#7e9532","#7f7f7f","#0c0c0c","#062328","#01303d","#073763","#004e6c","#05686c","#07674d","#387025","#546321"],columns:10},hardcover:{colors:["#ffffff","#000000","#ece9c6","#895d1d","#873624","#d6862d","#d0be40","#877f6c","#972109","#aeb795","#f2f2f2","#7f7f7f","#e1dca5","#f2e0c6","#f0d0c9","#f6e6d5","#f5f2d8","#e7e5e1","#fbc7bc","#eef0e9","#d8d8d8","#595959","#d0c974","#e6c28d","#e2a293","#eeceaa","#ece5b2","#cfccc3","#f78f7a","#dee2d4","#bfbfbf","#3f3f3f","#a29a36","#daa454","#d4735e","#e6b681","#e2d88c","#b7b2a5","#f35838","#ced3bf","#a5a5a5","#262626","#514d1b","#664515","#65281a","#a2641f","#a39428","#655f50","#711806","#879464","#7f7f7f","#0c0c0c","#201e0a","#442e0e","#431b11","#6c4315","#6d621a","#433f35","#4b1004","#5a6243"],columns:10},trek:{colors:["#ffffff","#000000","#fbeec9","#4e3b30","#f0a22e","#a5644e","#b58b80","#c3986d","#a19574","#c17529","#f2f2f2","#7f7f7f","#f7e09e","#e1d6cf","#fcecd5","#eddfda","#f0e7e5","#f3eae1","#ece9e3","#f5e3d1","#d8d8d8","#595959","#f3cc5f","#c4ad9f","#f9d9ab","#dcc0b6","#e1d0cc","#e7d5c4","#d9d4c7","#ebc7a3","#bfbfbf","#3f3f3f","#d29f0f","#a78470","#f6c781","#cba092","#d2b9b2","#dbc1a7","#c6bfab","#e1ac76","#a5a5a5","#262626","#694f07","#3a2c24","#c87d0e","#7b4b3a","#926255","#a17242","#7b7153","#90571e","#7f7f7f","#0c0c0c","#2a1f03","#271d18","#855309","#523226","#614138","#6b4c2c","#524b37","#603a14"],columns:10},verve:{colors:["#ffffff","#000000","#d2d2d2","#666666","#ff388c","#e40059","#9c007f","#68007f","#005bd3","#00349e","#f2f2f2","#7f7f7f","#bdbdbd","#e0e0e0","#ffd7e8","#ffc6dc","#ffb8f1","#f1b2ff","#c3dcff","#b8cfff","#d8d8d8","#595959","#9d9d9d","#c1c1c1","#ffafd1","#ff8eba","#ff71e4","#e365ff","#87baff","#72a0ff","#bfbfbf","#3f3f3f","#696969","#a3a3a3","#ff87ba","#ff5597","#ff2ad7","#d519ff","#4b98ff","#2b71ff","#a5a5a5","#262626","#343434","#4c4c4c","#e90062","#ab0042","#75005f","#4e005f","#00449e","#002676","#7f7f7f","#0c0c0c","#151515","#333333","#9b0041","#72002c","#4e003f","#34003f","#002d69","#00194f"],columns:10},monochrome:{colors:["#000000","#1a1a1a","#333333","#4d4d4d","#666666","#808080","#999999","#b3b3b3","#cccccc","#e6e6e6","#f2f2f2","#ffffff"],columns:12}};import{jsx as fb}from"react/jsx-runtime";var Zl=e=>fb(Mn,{palette:_a.basic,...e});import{jsx as YR}from"react/jsx-runtime";import{jsx as o_,jsxs as a_}from"react/jsx-runtime";import{jsx as Lb}from"react/jsx-runtime";var bb=ye.options,xb=ye.states,Nb={...ye.defaultOptions,variant:"basic"},hb=[{name:"basic",title:"Basic"},{name:"monochrome",title:"Monochrome"}],vb={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}},gb=[],Uo=e=>{let{variant:t="basic",...o}=e,a=vb[t];return Lb(Zl,{columns:a.columns,palette:a,...o})};Uo.options=bb;Uo.states=xb;Uo.variants=hb;Uo.defaultOptions=Nb;Uo.modifiers=gb;Uo.className=ye.className;var Ql="color-editor",jl="coloreditor";import{jsx as Ze,jsxs as Fo}from"react/jsx-runtime";var Sn="k-coloreditor",Mb=[r.focus],Sb={size:[d.undefined,d.small,d.medium,d.large]},wa={view:"gradient",palette:_a.office,actionButtons:!0,canvasOrientation:"horizontal"},Q=e=>{let{size:t,view:o=wa.view,palette:a=wa.palette,color:n,currentColor:i,focus:l,focusView:m,dir:u,group:f,actionButtons:N=wa.actionButtons,canvasOrientation:g=wa.canvasOrientation,...c}=e;return Fo("div",{...c,role:"textbox","aria-label":"Color editor",tabIndex:0,className:s(e.className,"k-flatcolorpicker",Sn,E(Sn,{size:t}),S(Sn,{focus:l})),dir:u,children:[Fo("div",{className:"k-coloreditor-header k-hstack",children:[Ze("div",{className:"k-coloreditor-header-actions k-hstack",children:f&&Fo(T,{fillMode:"flat",children:[Ze(p,{className:"k-group-start",size:t,fillMode:"flat",icon:"droplet-slider",selected:o==="gradient","aria-label":"Color gradient view"}),Ze(p,{className:"k-group-end",size:t,fillMode:"flat",icon:"palette",selected:o==="palette","aria-label":"Color palette view"})]})}),Ze("div",{className:"k-spacer"}),Fo("div",{className:"k-coloreditor-header-actions k-hstack",children:[Ze(p,{fillMode:"flat",icon:"droplet-slash",size:t,"aria-label":"Reset color"}),Fo("div",{className:"k-coloreditor-preview k-vstack",children:[Ze(Tt,{className:"k-coloreditor-preview-color",color:n}),Ze(Tt,{className:"k-coloreditor-current-color",color:i})]})]})]}),Ze("div",{className:"k-coloreditor-views k-vstack",children:o==="gradient"?Ze(re,{focus:m,size:t,canvasOrientation:g,role:"none",tabIndex:-1}):Ze(ye,{palette:a,size:t})}),N&&Fo(Ke,{className:"k-coloreditor-footer",alignment:"start",children:[Ze(p,{themeColor:"primary",size:t,className:"k-coloreditor-apply",children:"Apply"}),Ze(p,{className:"k-coloreditor-cancel",size:t,children:"Cancel"})]})]})};Q.states=Mb;Q.options=Sb;Q.className=Sn;Q.defaultOptions=wa;Q.moduleName=Ql;Q.folderName=jl;var Go=Q;import{jsx as B_}from"react/jsx-runtime";import{jsx as __}from"react/jsx-runtime";import{jsx as kb}from"react/jsx-runtime";var ep=e=>kb(Go,{group:!0,currentColor:"fuchsia",...e});import{jsx as Cb}from"react/jsx-runtime";var tp=e=>Cb(Go,{view:"palette",group:!0,currentColor:"fuchsia",...e});import{jsx as op}from"react/jsx-runtime";var Ab=Q.options,Eb=Q.states,yb={...Q.defaultOptions,variant:"gradient"},Ib=[{name:"gradient",title:"Gradient"},{name:"palette",title:"Palette"}],Tb=[],Vo=e=>{let{variant:t,...o}=e;return t==="palette"?op(tp,{...o,color:"white"}):op(ep,{...o,color:"rgba(183, 118 , 118, 1.00)"})};Vo.options=Ab;Vo.states=Eb;Vo.variants=Ib;Vo.defaultOptions=yb;Vo.modifiers=Tb;Vo.className=Q.className;var ap="color-picker",np="colorpicker";import{Fragment as Pb,jsx as Qe,jsxs as pr}from"react/jsx-runtime";var sp="k-colorpicker",Ob=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled],Bb={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[x.undefined,x.solid,x.flat,x.outline]},rp={arrowIconName:"chevron-down"},je=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:n=rp.arrowIconName,prefix:i,suffix:l,value:m,placeholder:u,hover:f,focus:N,valid:g,invalid:c,required:L,disabled:M,valueIconName:k,popup:A,opened:C,adaptive:y,adaptiveSettings:H,adaptiveTitle:le,adaptiveSubtitle:Ae,...pe}=e,ue="colorpicker-popup";return pr(Pb,{children:[pr(mt,{...pe,size:t,rounded:o,fillMode:a,hover:f,focus:N,valid:g,invalid:c,required:L,disabled:M,role:"combobox","aria-haspopup":"dialog","aria-expanded":C?"true":"false","aria-controls":C\|\|y?ue:void 0,"aria-label":"Color picker",tabIndex:0,"aria-disabled":M?"true":void 0,className:s(e.className,sp,"k-icon-picker"),children:[Qe(Fe,{children:i}),Qe(Yt,{placeholder:u,value:m,showValue:!1,valueIcon:Qe(Tt,{className:"k-value-icon",color:m,iconName:k}),valueIconName:k}),Qe(Ge,{children:l}),Qe(p,{className:"k-input-button",icon:n,size:t,fillMode:a,tabIndex:-1,"aria-label":"Open color picker",disabled:M})]}),C&&A&&Qe(q,{id:ue,className:"k-colorpicker-popup",children:A}),y&&Qe(Y,{adaptive:!0,id:ue,...H,header:Qe(Ne,{actionsEnd:Qe(p,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply"}),title:le,subtitle:Ae}),footer:pr(Ot,{children:[Qe(p,{text:"Cancel",size:"large"}),Qe(p,{text:"Set",size:"large",themeColor:"primary"})]}),children:Qe(Q,{canvasOrientation:"vertical",size:"large",actionButtons:!1,group:!0})})]})};je.states=Ob;je.options=Bb;je.className=sp;je.defaultOptions=rp;je.moduleName=ap;je.folderName=np;var kt=je;import{jsx as Kb}from"react/jsx-runtime";var kn=e=>Kb(kt,{...e});import{jsx as v0}from"react/jsx-runtime";import{jsx as k0}from"react/jsx-runtime";import{jsx as y0}from"react/jsx-runtime";import{jsx as B0}from"react/jsx-runtime";import{jsx as _0}from"react/jsx-runtime";import{jsx as z0}from"react/jsx-runtime";import{jsx as to}from"react/jsx-runtime";var Rb=kt.options,_b=kt.states,ip={...kt.defaultOptions,variant:"color"},wb=[{name:"color",title:"Color",default:!0},{name:"no color",title:"No color"},{name:"icon",title:"Icon"}],Db=[{name:"opened",title:"Opened"}],$o=e=>{let{variant:t,modifiers:o,...a}={...ip,...e},n={};Object.keys(o\|\|{}).forEach(l=>{l==="opened"&&(n.opened=!!o?.[l],n.popup=o?.[l]?to(Q,{size:a.size,color:"rgba(183, 118 , 118, 1.00)",group:!0}):"")});let i=n.opened?{width:"272px",height:"390px"}:{};switch(t){case"no color":return to("div",{style:i,children:to(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})})}};$o.options=Rb;$o.states=_b;$o.variants=wb;$o.defaultOptions=ip;$o.modifiers=Db;$o.className=kt.className;var dr="combobox",lp=dr;import{Fragment as mr,jsx as oe,jsxs as Da}from"react/jsx-runtime";var pp="k-combobox",Hb=[r.hover,r.focus,r.valid,r.invalid,r.loading,r.required,r.disabled,r.readonly],zb={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[x.undefined,x.solid,x.flat,x.outline]},cr={separators:!0,showClearButton:!0},Le=e=>{let{size:t,rounded:o,fillMode:a,separators:n=cr.separators,showClearButton:i=cr.showClearButton,prefix:l,suffix:m,value:u,placeholder:f,hover:N,focus:g,valid:c,invalid:L,required:M,loading:k,disabled:A,popup:C,opened:y,readonly:H,adaptive:le,adaptiveSettings:Ae,adaptiveTitle:pe,adaptiveSubtitle:ue,adaptiveCustomValue:Qn,id:Xt,autocomplete:qt,activeDescendant:ba,"aria-label":jn,...es}=e,ts=Xt?`${Xt}-listbox`:void 0;return Da(mr,{children:[Da(J,{...es,size:t,rounded:o,fillMode:a,hover:N,focus:g,valid:c,invalid:L,required:M,loading:k,disabled:A,readonly:H,className:s(e.className,pp),children:[l&&Da(mr,{children:[oe(Fe,{children:l}),n&&oe(Ve,{})]}),oe(fe,{id:Xt,placeholder:f,value:u,role:"combobox","aria-haspopup":"listbox","aria-expanded":y?"true":"false","aria-controls":y?ts:void 0,"aria-activedescendant":y&&ba?ba:void 0,"aria-autocomplete":qt,"aria-invalid":L?"true":void 0,"aria-busy":k?"true":void 0,"aria-label":jn,disabled:A,readOnly:H}),oe(xe,{valid:c,invalid:L,loading:k,disabled:A}),oe(Ee,{loading:k,disabled:A}),i&&oe(Pe,{loading:k,disabled:A,readonly:H,value:u}),m&&Da(mr,{children:[n&&oe(Ve,{}),oe(Ge,{children:m})]}),oe(p,{className:"k-input-button",icon:"chevron-down",size:t,fillMode:a,"aria-label":"Open popup",tabIndex:-1,disabled:A})]}),y&&C&&oe(q,{className:"k-list-container k-combobox-popup",containerRole:"region",containerAriaLabel:"Combobox suggestions",children:C}),le&&oe(Y,{adaptive:!0,id: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:f,title:pe,subtitle:ue}),children:oe("div",{className:"k-list-container",children:oe(K,{customValue:Qn?oe(wt,{text:`Use "${u}"`}):void 0,size:"large",children:Da(z,{"aria-label":pe\|\|"Options",children:[oe(O,{text:"List item"}),oe(O,{text:"List item"}),oe(O,{text:"List item"})]})})})})]})};Le.states=Hb;Le.options=zb;Le.className=pp;Le.defaultOptions=cr;Le.moduleName=dr;Le.folderName=lp;var _e=Le;import{jsx as Ub}from"react/jsx-runtime";var dp=e=>Ub(_e,{...e});import{jsx as Mw,jsxs as Sw}from"react/jsx-runtime";import{jsx as Iw,jsxs as Tw}from"react/jsx-runtime";import{jsx as _w,jsxs as ww}from"react/jsx-runtime";import{Fragment as Gw,jsx as Fw}from"react/jsx-runtime";import{Fragment as Jw,jsx as Ww}from"react/jsx-runtime";import{jsx as tD,jsxs as oD}from"react/jsx-runtime";import{Fragment as dD,jsx as lD,jsxs as pD}from"react/jsx-runtime";import{jsx as fD}from"react/jsx-runtime";import{jsx as hD}from"react/jsx-runtime";import{jsx as kD,jsxs as CD}from"react/jsx-runtime";import{jsx as OD,jsxs as BD}from"react/jsx-runtime";import{jsx as zt,jsxs as qb}from"react/jsx-runtime";var Fb=Le.states,Gb=Le.defaultOptions,Vb=Le.options,$b=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"opened",title:"Opened"}],Xb=[],Xo=e=>{let{modifiers:t,...o}=e,a={},n=zt(K,{style:{width:300},size:o.size,children:qb(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(X,{size:o.size,icon:"copy",fillMode:"clear"}):void 0;break;case"opened":a.opened=!!t?.[i],a.popup=t?.[i]?n:void 0;break;default:break}}),zt("div",{children:zt(dp,{value:"Value",style:{width:300},...o,...a})})};Xo.options=Vb;Xo.states=Fb;Xo.variants=Xb;Xo.defaultOptions=Gb;Xo.modifiers=$b;Xo.className=Le.className;var ur="menu-button",mp=ur;import{jsx as Yb}from"react/jsx-runtime";var cp="k-menu-button",Wb=[r.hover,r.focus,r.active,r.selected,r.disabled],Jb={size:[d.undefined,d.xsmall,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[x.undefined,x.solid,x.flat,x.outline,x.clear,x.link],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary,h.success,h.warning,h.error,h.info,h.inverse]},fr={showArrow:!0,arrowIconName:"chevron-down"},D=e=>{let{size:t,rounded:o,fillMode:a,themeColor:n,hover:i,focus:l,active:m,selected:u,disabled:f,icon:N,text:g,showArrow:c=fr.showArrow,arrowIconName:L=fr.arrowIconName,expanded:M,...k}=e;return Yb(p,{...k,className:s(e.className,cp),text:g,size:t,rounded:o,fillMode:a,themeColor:n,hover:i,focus:l,active:m,selected:u,disabled:f,ariaDisabled:f\|\|void 0,icon:N,showArrow:c,arrowIconName:L,"aria-expanded":M?"true":"false",...!g&&N&&!e["aria-label"]&&{"aria-label":"Menu"}})};D.states=Wb;D.options=Jb;D.className=cp;D.defaultOptions=fr;D.moduleName=ur;D.folderName=mp;import{jsx as mH}from"react/jsx-runtime";import{jsx as bH}from"react/jsx-runtime";import{jsx as vH}from"react/jsx-runtime";var we="menu",et=we;import{jsx as Ha,jsxs as up}from"react/jsx-runtime";var br="k-menu-item",Zb=[r.hover,r.focus,r.active,r.selected,r.disabled],Qb={},fp={iconPosition:"before"},me=e=>{let{hover:t,focus:o,active:a,selected:n,disabled:i,icon:l,text:m,showArrow:u,arrowIconName:f,iconPosition:N=fp.iconPosition,dir:g,children:c,expanded:L,...M}=e,k=f;return k\|\|(k=g==="rtl"?"chevron-left":"chevron-right"),up("li",{...M,className:s(e.className,br,"k-item",S(br,{focus:o,disabled:i,hover:t,active:a,selected:n})),role:"menuitem",...u&&{"aria-haspopup":"menu"},...u&&{"aria-expanded":L?"true":"false"},...i&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[up("span",{className:s("k-link k-menu-link"),children:[l&&N==="before"&&Ha(v,{className:"k-menu-link-icon",icon:l}),Ha("span",{className:"k-menu-link-text",children:m}),l&&N==="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:k})})]}),c]})};me.states=Zb;me.options=Qb;me.className=br;me.defaultOptions=fp;me.moduleName=we;me.folderName=et;import{jsx as oo,jsxs as bp}from"react/jsx-runtime";var xr="k-menu-item",jb=[r.hover,r.focus,r.active,r.selected,r.disabled],ex={},Nr={dir:"ltr",iconPosition:"before"},W=e=>{let{hover:t,focus:o,active:a,selected:n,disabled:i,icon:l,text:m,showArrow:u,arrowIconName:f,iconPosition:N=Nr.iconPosition,dir:g=Nr.dir,children:c,popup:L,expanded:M,actions:k,description:A,...C}=e,y=f;return y\|\|(y=g==="rtl"?"chevron-left":"chevron-right"),bp("li",{role:"menuitem",...C,className:s(e.className,xr,"k-item",S(xr,{focus:o,disabled:i})),...u&&{"aria-haspopup":"menu"},...u&&{"aria-expanded":M?"true":"false"},...i&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[bp("span",{className:s("k-link k-menu-link",S("k-menu-link",{hover:t,active:a,selected:n,disabled:i})),children:[l&&N==="before"&&oo(v,{className:"k-menu-link-icon",icon:l}),oo("span",{className:"k-menu-link-text",children:m}),l&&N==="after"&&oo(v,{className:"k-menu-link-icon",icon:l}),k&&oo("span",{className:"k-menu-link-actions",children:k}),u&&oo("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:oo(v,{icon:y})}),A&&oo("span",{className:"k-menu-link-description",children:A})]}),c,L]})};W.states=jb;W.options=ex;W.className=xr;W.defaultOptions=Nr;W.moduleName=we;W.folderName=et;import{jsx as nx}from"react/jsx-runtime";var xp="k-menu-scroll-wrapper",tx=[],ox={},ax={},ao=e=>{let{className:t,children:o,orientation:a,...n}=e;return nx("div",{...n,className:s(t,xp,{"k-menu-scroll-wrapper-vertical":a==="vertical"}),children:o})};ao.states=tx;ao.options=ox;ao.className=xp;ao.defaultOptions=ax;ao.moduleName=we;ao.folderName=et;var Np=ao;import{Fragment as hr,jsx as no,jsxs as An}from"react/jsx-runtime";var En="k-menu",sx=[],rx={size:[d.undefined,d.small,d.medium,d.large]},yn={orientation:"horizontal",header:!0,scrollButtonsPosition:"around"},ie=e=>{let{children:t,orientation:o=yn.orientation,header:a=yn.header,scrollable:n,scrollButtonsPosition:i=yn.scrollButtonsPosition,wrapperStyles:l,dir:m,size:u,popup:f,contextMenu:N,...g}=e,c={horizontal:{prev:m!=="rtl"?"left":"right",next:m!=="rtl"?"right":"left"},vertical:{prev:"up",next:"down"}},L=no("ul",{dir:m,...g,className:s(e.className,"k-reset",En,{[`${En}-${o}`]:o,"k-header":a},E(En,{size:u})),role:N?"menu":"menubar",...o==="vertical"&&{"aria-orientation":"vertical"},children:t});return An(hr,{children:[n?An(Np,{orientation:o,style:l,dir:e.dir,children:[i==="start"&&An(hr,{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"&&An(hr,{children:[no(p,{fillMode:"flat",size:"xsmall",icon:`chevron-${c[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),no(p,{fillMode:"flat",size:"xsmall",icon:`chevron-${c[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),i==="around"&&no(p,{fillMode:"flat",size:"xsmall",icon:`chevron-${c[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}):L,f]})};ie.states=sx;ie.options=rx;ie.className=En;ie.defaultOptions=yn;ie.moduleName=we;ie.folderName=et;import{jsx as ix}from"react/jsx-runtime";var vr="k-separator",hp={orientation:"horizontal"},qo=e=>{let{orientation:t=hp.orientation,...o}=e;return ix("li",{...o,className:s(e.className,"k-item",vr,{[`${vr}-${t}`]:t}),role:"separator"})};qo.className=vr;qo.defaultOptions=hp;qo.moduleName=we;qo.folderName=et;import{Fragment as WH,jsx as JH}from"react/jsx-runtime";import{jsx as mx}from"react/jsx-runtime";var gr="k-menu-group",lx=[],px={size:[d.undefined,d.small,d.medium,d.large]},dx={},ce=e=>{let{children:t,size:o,...a}=e;return mx("ul",{role:"menu",...a,className:s(e.className,gr,E(gr,{size:o})),children:t})};ce.states=lx;ce.options=px;ce.className=gr;ce.defaultOptions=dx;ce.moduleName=we;ce.folderName=et;import{jsx as nz,jsxs as sz}from"react/jsx-runtime";import{Fragment as cx,jsx as Wo,jsxs as ux}from"react/jsx-runtime";var Lr=e=>Wo(ie,{children:ux(cx,{children:[Wo(me,{text:"Item 1"}),Wo(me,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 2"}),Wo(me,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 3"}),Wo(me,{text:"Item 4"}),Wo(me,{text:"Item 5"})]}),...e});import{Fragment as bz,jsx as uz,jsxs as fz}from"react/jsx-runtime";import{Fragment as gz,jsx as vz,jsxs as Lz}from"react/jsx-runtime";import{Fragment as Az,jsx as Cz,jsxs as Ez}from"react/jsx-runtime";import{Fragment as Bz,jsx as Oz,jsxs as Pz}from"react/jsx-runtime";import{jsx as so,jsxs as hx}from"react/jsx-runtime";var fx={...ie.options,scrollable:{type:"boolean"}},bx=ie.states,vp={...ie.defaultOptions,variant:"horizontal"},xx=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],Nx=[{name:"opened",title:"Opened"}],Jo=e=>{let{variant:t,modifiers:o,...a}={...vp,...e},n={},i=t==="vertical"?{left:"200px",top:"30px"}:{left:"90px",top:"auto"};return Object.keys(o\|\|{}).forEach(l=>{l==="opened"&&(n.opened=!!o?.[l],n.popup=o?.[l]?so(q,{className:"k-menu-popup",offset:i,children:hx(ce,{children:[so(W,{text:"Item 1"}),so(W,{text:"Item 2"}),so(qo,{}),so(W,{text:"Item 3"})]})}):null)}),t==="vertical"?so(Lr,{...a,...n,orientation:"vertical",style:{width:"200px"}}):so(Lr,{...a,...n})};Jo.options=fx;Jo.states=bx;Jo.variants=xx;Jo.defaultOptions=vp;Jo.modifiers=Nx;Jo.className=ie.className;import{Fragment as c1,jsx as d1,jsxs as m1}from"react/jsx-runtime";import{jsx as x1}from"react/jsx-runtime";import{Fragment as Sx,jsx as Nt,jsxs as gp}from"react/jsx-runtime";var vx=p.states,Lp={...p.defaultOptions,variant:"text"},gx=p.options,Lx=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Mx=[{name:"opened",title:"Opened"}],Yo=e=>{let{variant:t,modifiers:o,...a}={...Lp,...e},n={},i=Nt(q,{className:"k-menu-popup",children:gp(ce,{size:a.size,children:[Nt(W,{text:"Menu Item"}),Nt(W,{text:"Menu Item"}),Nt(W,{text:"Menu Item"})]})}),l;switch(t){case"icon-only":l=Nt("div",{children:Nt(D,{...a,...n,icon:"star"})});break;case"icon-and-text":l=Nt("div",{children:Nt(D,{...a,...n,icon:"star",children:"Dropdown Button"})});break;default:l=Nt("div",{children:Nt(D,{...a,...n,children:"Dropdown Button"})});break}return gp(Sx,{children:[l,o?.opened&&i]})};Yo.options=gx;Yo.states=vx;Yo.variants=Lx;Yo.defaultOptions=Lp;Yo.modifiers=Mx;Yo.className=D.className;var Mr="split-button",Mp=Mr;import{Fragment as Ax,jsx as Sr,jsxs as Sp}from"react/jsx-runtime";var kr="k-split-button",kx=[r.hover,r.focus,r.active,r.selected,r.disabled],Cx={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[x.undefined,x.solid,x.flat,x.outline,x.clear,x.link],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary,h.success,h.warning,h.error,h.info,h.inverse]},kp={arrowIconName:"chevron-down"},R=e=>{let{size:t,rounded:o,fillMode:a,themeColor:n,hover:i,focus:l,active:m,selected:u,disabled:f,icon:N,text:g,arrowIconName:c=kp.arrowIconName,popup:L,opened:M,popupId:k,...A}=e;return Sp(Ax,{children:[Sp("div",{...A,className:s(e.className,kr,"k-button-group",E(kr,{rounded:o})),children:[Sr(p,{text:g,icon:N,size:t,rounded:o,fillMode:a,themeColor:n,hover:i,focus:l,active:m,selected:u,disabled:f,...!g&&!e.children&&N&&{"aria-label":"Action"},children:e.children}),Sr(p,{className:"k-split-button-arrow",icon:c,size:t,rounded:o,fillMode:a,disabled:f,ariaDisabled:f\|\|void 0,"aria-label":"Toggle dropdown","aria-expanded":M?"true":"false","aria-controls":M?k:void 0,tabIndex:-1})]}),M&&L&&Sr(q,{className:"k-menu-popup",children:L})]})};R.states=kx;R.options=Cx;R.className=kr;R.defaultOptions=kp;R.moduleName=Mr;R.folderName=Mp;var Cr=R;import{jsx as yx}from"react/jsx-runtime";var Ex="k-toolbar-separator",it=e=>yx("div",{className:s(Ex,e.className,"k-separator")});var ro="toolbar",Zo=ro;import{Fragment as Ar,jsx as _,jsxs as Qo}from"react/jsx-runtime";var Ct="k-toolbar",Ix=[r.focus],Tx={size:[d.undefined,d.small,d.medium,d.large],fillMode:[x.undefined,x.solid,x.outline,x.flat]},Ox={scrollButtons:"around"},F=e=>{let{size:t,fillMode:o,focus:a,resizable:n,scrollable:i,scrollButtons:l,scrollingPosition:m,section:u,...f}=e,N=[],g=(c,L)=>{let M=[];if(c.type===p&&c.props.className&&c.props.className.includes("k-toolbar-overflow-button"))M.push(_(p,{...c.props,className:`${c.props.className?c.props.className:""}`},`${L}-${new Date().getTime()}`));else if(c.type===p)M.push(_(p,{...c.props,className:`k-toolbar-button ${c.props.className?c.props.className:""}`},`${L}-${new Date().getTime()}`));else if(c.type===ga)M.push(_(ga,{...c.props,className:`k-toolbar-button ${c.props.className?c.props.className:""}`},`${L}-${new Date().getTime()}`));else if(c.type===X)M.push(_(X,{...c.props,className:`k-toolbar-button ${c.props.className?c.props.className:""}`},`${L}-${new Date().getTime()}`));else if(c.type===D)M.push(_(D,{...c.props,className:`k-toolbar-menu-button ${c.props.className?c.props.className:""}`},`${L}-${new Date().getTime()}`));else if(c.type===Cr)M.push(_(Cr,{...c.props,className:`k-toolbar-split-button ${c.props.className?c.props.className:""}`},`${L}-${new Date().getTime()}`));else if(c.type===T\|\|c.props.className&&c.props.className.includes("k-button-group")){let k=[];(Array.isArray(c.props.children)?c.props.children:[c.props.children]).forEach((C,y)=>{k.push(_(p,{...C.props,className:`${C.props.className?C.props.className:""}`},`${y}-${new Date().getTime()}`))}),M.push(_(T,{...c.props,className:`k-toolbar-button-group ${c.props.className?c.props.className:""}`,children:k},`${L}-${new Date().getTime()}`))}else c.type===Le?M.push(_(Le,{...c.props,className:`k-toolbar-combobox ${c.props.className?c.props.className:""}`},`${L}-${new Date().getTime()}`)):c.type===ne?M.push(_(ne,{...c.props,className:`k-toolbar-dropdownlist ${c.props.className?c.props.className:""}`},`${L}-${new Date().getTime()}`)):c.type===je?M.push(_(je,{...c.props,className:`k-toolbar-colorpicker ${c.props.className?c.props.className:""}`},`${L}-${new Date().getTime()}`)):M.push(c);M.forEach(k=>{N.push(k)})};return e.children&&(Array.isArray(e.children)?e.children:[e.children]).forEach((L,M)=>{g(L,M)}),Qo("div",{...f,className:s(e.className,Ct,E(Ct,{size:t,fillMode:o}),S(Ct,{focus:a}),{[`${Ct}-resizable`]:n,[`${Ct}-scrollable`]:i,[`${Ct}-scrollable-overlay`]:i&&l==="hidden",[`${Ct}-scrollable-${m}`]:m&&m!=="both",[`${Ct}-section`]:u}),role:"toolbar","aria-label":"Toolbar",children:[!i&&N,i&&l==="hidden"&&_("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N}),i&&l==="start"&&Qo(Ar,{children:[Qo(T,{children:[_("span",{className:s("k-toolbar-prev","k-button",E("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:_(v,{className:"k-button-icon",icon:"chevron-left"})}),_("span",{className:s("k-toolbar-next","k-button",E("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:_(v,{className:"k-button-icon",icon:"chevron-right"})})]}),_(it,{className:"k-toolbar-button-separator"}),_("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N})]}),i&&l==="end"&&Qo(Ar,{children:[_("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N}),_(it,{className:"k-toolbar-button-separator"}),Qo(T,{children:[_("span",{className:s("k-toolbar-prev","k-button",E("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:_(v,{className:"k-button-icon",icon:"chevron-left"})}),_("span",{className:s("k-toolbar-next","k-button",E("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:_(v,{className:"k-button-icon",icon:"chevron-right"})})]})]}),i&&(l==="around"\|\|!l)&&Qo(Ar,{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"})}),_(it,{className:"k-toolbar-button-separator"}),_("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N}),_(it,{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"})})]})]})};F.states=Ix;F.options=Tx;F.className=Ct;F.defaultOptions=Ox;F.moduleName=ro;F.folderName=Zo;import{jsx as Rx}from"react/jsx-runtime";var Er="k-toolbar-item",Bx=[r.focus],Px={},Kx={},jo=e=>{let{focus:t,...o}=e;return Rx("div",{...o,className:s(e.className,Er,S(Er,{focus:t})),children:e.children})};jo.states=Bx;jo.options=Px;jo.className=Er;jo.defaultOptions=Kx;jo.moduleName=ro;jo.folderName=Zo;import{jsx as Cp}from"react/jsx-runtime";var Ap="k-toolbar-popup",_x=[],wx={size:[d.undefined,d.small,d.medium,d.large],fillMode:[x.undefined,x.solid,x.outline,x.flat]},Dx={},io=e=>{let{size:t,fillMode:o,section:a,...n}=e;return Cp(q,{...n,className:s(e.className,Ap),children:a?Cp("span",{className:s("k-toolbar-items-list",E("k-toolbar-items-list",{size:t,fillMode:o})),role:"toolbar",children:e.children}):e.children})};io.states=_x;io.options=wx;io.className=Ap;io.defaultOptions=Dx;io.moduleName=ro;io.folderName=Zo;var In=io;import{jsx as b2}from"react/jsx-runtime";import{jsx as v2}from"react/jsx-runtime";import{jsx as S2}from"react/jsx-runtime";import{jsx as I2,jsxs as T2}from"react/jsx-runtime";import{jsx as K2}from"react/jsx-runtime";import{jsx as At,jsxs as Gx}from"react/jsx-runtime";var Hx=R.states,Ep={...R.defaultOptions,variant:"text"},zx=R.options,Ux=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Fx=[{name:"opened",title:"Opened"}],ea=e=>{let{variant:t,modifiers:o,...a}={...Ep,...e},n={},i=Gx(ce,{size:a.size,children:[At(W,{text:"Menu Item"}),At(W,{text:"Menu Item"}),At(W,{text:"Menu Item"})]});switch(Object.keys(o\|\|{}).forEach(l=>{l==="opened"&&(n.opened=!!o?.[l],n.popup=o?.[l]?i:"")}),t){case"icon-only":return At("div",{children:At(R,{...a,...n,icon:"star"})});case"icon-and-text":return At("div",{children:At(R,{...a,...n,icon:"star",children:"Split Button"})});default:return At("div",{children:At(R,{...a,...n,children:"Split Button"})})}};ea.options=zx;ea.states=Hx;ea.variants=Ux;ea.defaultOptions=Ep;ea.modifiers=Fx;ea.className=R.className;import{jsx as lo,jsxs as Vx}from"react/jsx-runtime";var yp=e=>lo(F,{children:[lo(p,{children:"Button"},"toolbar-button"),lo(D,{text:"Menu button"},"toolbar-menu-button"),lo(R,{children:"Split button"},"toolbar-split-button"),Vx(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 pU,jsxs as dU}from"react/jsx-runtime";import{jsx as De,jsxs as Ip}from"react/jsx-runtime";var Tp=e=>De(F,{scrollable:!0,...e,children:[De(p,{children:"Button"},"toolbar-button"),De(D,{text:"Menu button"},"toolbar-menu-button"),De(R,{children:"Split button"},"toolbar-split-button"),Ip(T,{children:[De(p,{className:"k-group-start",icon:"align-left",children:"Left"}),De(p,{icon:"align-center",children:"Center"}),De(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),De(p,{children:"Button"},"toolbar-button"),De(D,{text:"Menu button"},"toolbar-menu-button"),De(R,{children:"Split button"},"toolbar-split-button"),Ip(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 Op}from"react/jsx-runtime";var Bp=({scrollingPosition:e="start",...t})=>He(F,{scrollable:!0,scrollButtons:"hidden",scrollingPosition:e,...t,children:[He(p,{children:"Button"},"toolbar-button"),He(D,{text:"Menu button"},"toolbar-menu-button"),He(R,{children:"Split button"},"toolbar-split-button"),Op(T,{children:[He(p,{className:"k-group-start",icon:"align-left",children:"Left"}),He(p,{icon:"align-center",children:"Center"}),He(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),He(p,{children:"Button"},"toolbar-button"),He(D,{text:"Menu button"},"toolbar-menu-button"),He(R,{children:"Split button"},"toolbar-split-button"),Op(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 $x,jsx as Ie,jsxs as Tn}from"react/jsx-runtime";var Pp=({fillMode:e,size:t,...o})=>Tn($x,{children:[Ie(F,{section:!0,fillMode:e,size:t,children:[Ie(p,{fillMode:e,size:t,children:"Button"},"toolbar-button"),Tn(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(it,{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}),Tn(In,{size:t,fillMode:e,section:!0,...o,children:[Ie(R,{fillMode:e,size:t,children:"Split button"},"toolbar-split-button"),Ie(p,{fillMode:e,size:t,children:"Button"},"toolbar-button"),Ie(it,{}),Ie(D,{text:"Menu button",fillMode:e,size:t},"toolbar-menu-button"),Tn(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 GU,jsx as UU,jsxs as FU}from"react/jsx-runtime";import{Fragment as e3,jsx as QU,jsxs as jU}from"react/jsx-runtime";import{jsx as Ut}from"react/jsx-runtime";var Xx=F.options,qx=F.states,Kp={...F.defaultOptions,variant:"default"},Wx=[{name:"default",title:"Default"},{name:"scrollable",title:"Scrollable"},{name:"overlay",title:"Overlay"},{name:"responsive",title:"Responsive"}],Jx=[],ta=e=>{let{variant:t,...o}={...Kp,...e};switch(t){case"responsive":return Ut("div",{children:Ut(Pp,{style:{width:"583px"},...o})});case"overlay":return Ut("div",{children:Ut(Bp,{style:{width:"583px"},...o,scrollingPosition:"start",scrollButtons:"hidden"})});case"scrollable":return Ut("div",{children:Ut(Tp,{style:{width:"583px"},...o})});default:return Ut("div",{children:Ut(yp,{style:{width:"583px"},...o})})}};ta.options=Xx;ta.states=qx;ta.variants=Wx;ta.defaultOptions=Kp;ta.modifiers=Jx;ta.className=F.className;import{Fragment as jx,jsx as lt,jsxs as za}from"react/jsx-runtime";var Rp="k-message",Yx=[r.hover,r.selected,r.active,r.focus],Zx={},Qx=[lt(p,{icon:"copy",fillMode:"flat","aria-label":"Copy"}),lt(p,{icon:"arrow-rotate-cw",fillMode:"flat","aria-label":"Retry"}),lt(p,{icon:"download",fillMode:"flat","aria-label":"Download"})],oa={time:"Thu Feb 08 2018",text:"How can I help you?",status:"Seen",toolbarItems:Qx,failed:"Failed to send"},U=e=>{let{time:t=oa.time,text:o=oa.text,content:a,status:n=oa.status,statusIcon:i,toolbarItems:l=oa.toolbarItems,hover:m,selected:u,active:f,focus:N,toolbar:g,typing:c,expandable:L,expanded:M,removed:k,files:A,failed:C,...y}=e,H=C===!0?oa.failed:C;return za("div",{...y,className:s(Rp,e.className,{"k-message-removed":k,"k-message-failed":C}),children:[C&&lt(X,{className:"k-resend-button",icon:"arrow-rotate-cw",size:"xsmall",fillMode:"clear","aria-label":"Resend"}),lt(_p,{typing:c,selected:u,hover:m,active:f,focus:N,content:za(jx,{children:[a,o&&lt("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&&lt(v,{icon:i,size:"xsmall"}),n]}),t&&lt("time",{className:"k-message-time",children:t}),C&&za("span",{className:"k-message-failed-content",children:[C&&lt(v,{icon:"warning-triangle",size:"xsmall"}),C&&lt("span",{className:"k-message-failed-text",children:H})]})]}),g&&lt(F,{className:"k-chat-message-toolbar",fillMode:"flat",children:l})]})};U.states=Yx;U.options=Zx;U.className=Rp;U.moduleName=null;U.folderName=null;U.defaultOptions=oa;var yr="avatar",wp=yr;import{jsx as Dp}from"react/jsx-runtime";var Ua="k-avatar";var eN=[r.hover,r.focus,r.active,r.selected,r.disabled],tN={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[x.undefined,x.solid,x.outline],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary]},Ir={type:"text",border:!1},Me=e=>{let{size:t,rounded:o,fillMode:a,themeColor:n,type:i=Ir.type,border:l=Ir.border,...m}=e;return Dp("div",{...m,className:s(e.className,Ua,E(Ua,{size:t,rounded:o,fillMode:a,themeColor:n}),{[`${Ua}-bordered`]:l}),children:Dp("span",{className:`${Ua}-${i}`,children:e.children})})};Me.states=eN;Me.options=tN;Me.className=Ua;Me.defaultOptions=Ir;Me.moduleName=yr;Me.folderName=wp;var po=Me;import{jsx as oN}from"react/jsx-runtime";var Hp=e=>oN(po,{type:"icon",...e});import{jsx as aN}from"react/jsx-runtime";var zp=e=>aN(po,{type:"text",...e});import{jsx as nN}from"react/jsx-runtime";var On=e=>nN(po,{type:"image",...e});import{jsx as X3}from"react/jsx-runtime";import{jsx as Fa}from"react/jsx-runtime";var sN=Me.options,rN=Me.states,iN={...Me.defaultOptions,variant:"image"},lN=[{name:"image",title:"Image"},{name:"icon",title:"Icon Avatar"},{name:"text",title:"Text Avatar"}],pN=[],aa=e=>{let{variant:t,...o}=e;switch(t){case"icon":return Fa(Hp,{...o,children:Fa(v,{icon:"star"})});case"text":return Fa(zp,{...o,children:"JO"});default:return Fa(On,{...o,children:Fa("img",{src:"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg"})})}};aa.options=sN;aa.states=rN;aa.variants=lN;aa.defaultOptions=iN;aa.modifiers=pN;aa.className=Me.className;import{jsx as na,jsxs as Tr}from"react/jsx-runtime";var Ga="k-message-group",dN=[r.selected],mN={},Bn={author:"Bruv",avatar:"/packages/html/assets/avatar.jpg",type:"receiver"},V=e=>{let{type:t=Bn.type,author:o=Bn.author,avatar:a=Bn.avatar,status:n,selected:i,fullWidth:l,...m}=e;return Tr("div",{...m,className:s(Ga,e.className,S(Ga,{selected:i}),{[`${Ga}-${t}`]:t,"k-no-avatar":!a,[`${Ga}-full-width`]:l}),children:[a&&!n&&na(Me,{type:"image",children:na("img",{src:a,alt:o\|\|""})}),n&&a&&Tr("div",{className:"k-chat-user-status-wrapper",children:[na(Me,{type:"image",children:na("img",{src:a,alt:o\|\|""})}),na("div",{className:"k-chat-user-status"})]}),Tr("div",{className:"k-message-group-content",children:[o&&na("span",{className:"k-message-author",children:o}),e.children]})]})};V.states=dN;V.options=mN;V.className=Ga;V.defaultOptions=Bn;import{Fragment as uN,jsx as Pn,jsxs as Up}from"react/jsx-runtime";var Or="k-message-reference",cN={},Fp={type:"receiver"},Ft=e=>{let{content:t,closeable:o,pinned:a,type:n=Fp.type,...i}=e;return Up("div",{...i,className:s(Or,e.className,{[`${Or}-${n}`]:n,"k-message-pinned":a}),children:[a&&Pn(v,{icon:"pin"}),Pn("div",{className:"k-message-reference-content",children:t}),o&&Up(uN,{children:[Pn("span",{className:"k-spacer"}),Pn(p,{icon:"x-circle",fillMode:"flat",size:"xsmall","aria-label":"Close"})]})]})};Ft.options=cN;Ft.className=Or;Ft.moduleName=null;Ft.folderName=null;Ft.defaultOptions=Fp;var Br="bubble",Gp=Br;import{jsx as Kn,jsxs as bN}from"react/jsx-runtime";var Pr="k-bubble",fN=[r.hover,r.active,r.selected,r.focus],Kr={expandable:!1,expanded:!1},mo=e=>{let{content:t,hover:o,active:a,focus:n,selected:i,expandable:l=Kr.expandable,expanded:m=Kr.expanded,...u}=e;return bN("div",{...u,className:s(e.className,Pr,S(Pr,{hover:o,active:a,focus:n,selected:i}),{"k-bubble-expandable":l},{"k-expanded":m}),tabIndex:0,children:[Kn("div",{className:"k-bubble-content",children:t??e.children}),l&&Kn("span",{className:"k-bubble-expandable-indicator",role:"button","aria-label":m?"Show less":"Show more",tabIndex:0,children:m?Kn(v,{icon:"chevron-up"}):Kn(v,{icon:"chevron-down"})})]})};mo.states=fN;mo.className=Pr;mo.defaultOptions=Kr;mo.moduleName=Br;mo.folderName=Gp;import{jsx as A5}from"react/jsx-runtime";import{jsx as T5}from"react/jsx-runtime";import{jsx as K5}from"react/jsx-runtime";import{jsx as Rr,jsxs as $p}from"react/jsx-runtime";var xN="k-chat-bubble",_p=e=>{let{typing:t,content:o,files:a,...n}=e;return $p(mo,{...n,className:s(e.className,xN),children:[t?$p("div",{className:"k-typing-indicator",tabIndex:-1,children:[Rr("span",{}),Rr("span",{}),Rr("span",{})]}):o,a]})};import{jsx as J5}from"react/jsx-runtime";import{jsx as Xp,jsxs as NN}from"react/jsx-runtime";var qp="k-chat-event",_r={icon:"trash",text:"You deleted Chat history."},Wp=e=>{let{icon:t=_r.icon,text:o=_r.text,...a}=e;return NN("div",{...a,className:s(e.className,qp),children:[t&&Xp(v,{className:"k-chat-event-icon",icon:t,size:"xsmall"}),o&&Xp("span",{className:"k-chat-event-text",children:o})]})};Wp.className=qp;Wp.defaultOptions=_r;import{jsx as sF}from"react/jsx-runtime";import{Fragment as hN,jsx as ht,jsxs as vN}from"react/jsx-runtime";var Jp=e=>ht(G,{children:vN(hN,{children:[ht("div",{className:"k-timestamp",children:"Day, Month 7, 2023"}),ht(V,{children:ht(U,{})}),ht(V,{type:"sender",children:ht(U,{})}),ht(V,{children:ht(U,{text:"Very long message text that tests message overflowing behavior. Very long message text that tests message overflowing behavior."})}),ht(V,{type:"sender",children:ht(U,{text:"Unusually_long_word_that_tests_word_break_behavior__unusually_long_word_that_tests_word_break_behavior"})})]}),...e});import{jsx as Yp}from"react/jsx-runtime";var Rn="k-file-box-wrapper",Zp={layout:"horizontal"},vt=e=>{let{layout:t=Zp.layout,scrollingPosition:o,...a}=e;return Yp("ul",{role:"list","aria-label":"Attached files",...a,className:s(e.className,Rn,{"k-files-vertical":t==="vertical","k-files-wrap":t==="wrap",[`${Rn}-scrollable-start`]:t==="horizontal"&&(o==="start"\|\|o==="both"),[`${Rn}-scrollable-end`]:t==="horizontal"&&(o==="end"\|\|o==="both")}),children:t==="horizontal"?Yp("div",{className:"k-files-scroll",role:"presentation",children:e.children}):e.children})};vt.className=Rn;vt.defaultOptions=Zp;var wr="file-box",Qp=wr;import{jsx as sa,jsxs as jp}from"react/jsx-runtime";var ed="k-file-box",gN=[r.selected],LN={},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,f=[o,a].filter(Boolean).join(" ");return jp("li",{role:"listitem",tabIndex:0,"aria-label":f\|\|void 0,...u,className:s(ed,e.className,{"k-file-deleted":i}),children:[sa(v,{icon:t,size:"xlarge","aria-hidden":"true"}),jp("div",{className:"k-file-info",children:[o&&sa("span",{className:"k-file-name",children:o}),a&&sa("span",{className:"k-file-size",children:a}),n&&sa("span",{className:"k-file-status",children:n})]}),m&&(l?sa(p,{as:"span",icon:"x-circle",fillMode:"flat",size:"xsmall","aria-hidden":"true"}):sa(D,{icon:"more-vertical",fillMode:"flat",size:"xsmall",showArrow:!1,"aria-label":"File actions"}))]})};Te.states=gN;Te.options=LN;Te.className=ed;Te.defaultOptions=Va;Te.moduleName=wr;Te.folderName=Qp;import{jsx as kF}from"react/jsx-runtime";import{jsx as IF}from"react/jsx-runtime";import{jsx as KF,jsxs as RF}from"react/jsx-runtime";import{jsx as zF,jsxs as UF}from"react/jsx-runtime";import{jsx as XF}from"react/jsx-runtime";import{Fragment as rG,jsx as sG,jsxs as iG}from"react/jsx-runtime";import{Fragment as cG,jsx as mG,jsxs as uG}from"react/jsx-runtime";import{Fragment as hG,jsx as NG,jsxs as vG}from"react/jsx-runtime";var Dr="window",td=Dr;import{jsx as CN}from"react/jsx-runtime";var od="k-window-content",MN=[],SN={},kN={},Gt=e=>{let{children:t,...o}=e;return CN("div",{...o,className:s(od,e.className),children:t})};Gt.states=MN;Gt.options=SN;Gt.className=od;Gt.defaultOptions=kN;Gt.moduleName=Dr;Gt.folderName=td;var $a="dialog",_n=$a;import{Fragment as yN,jsx as co,jsxs as Hr}from"react/jsx-runtime";var ad="k-dialog",AN=[],EN={},zr={actionButtonsAlign:"stretched",modal:!0},ze=e=>{let{title:t,actions:o,actionButtons:a,actionButtonsAlign:n=zr.actionButtonsAlign,modal:i=zr.modal,...l}=e,m=t!==void 0?B("dialog-titlebar"):void 0,u=B("dialog-content");return Hr("div",{className:"k-dialog-wrapper",children:[i&&co(ft,{}),Hr("div",{...l,className:s(e.className,ad,"k-window"),role:"dialog","aria-labelledby":m,"aria-describedby":u,...i&&{"aria-modal":"true"},children:[(t!==void 0\|\|o)&&Hr("div",{className:"k-window-titlebar k-dialog-titlebar",id:m,children:[t!==void 0&&co("span",{className:"k-window-title k-dialog-title",children:t}),o&&co(yN,{children:co("div",{className:"k-window-titlebar-actions k-dialog-titlebar-actions",children:o.map(f=>co(p,{icon:f,fillMode:"flat",size:"xsmall",className:"k-window-titlebar-action k-dialog-titlebar-action","aria-label":f},f))})})]}),co(Gt,{className:"k-dialog-content",id:u,children:e.children}),a&&co(Ke,{alignment:n,className:"k-window-actions k-dialog-actions",children:a})]})]})};ze.states=AN;ze.options=EN;ze.className=ad;ze.defaultOptions=zr;ze.moduleName=$a;ze.folderName=_n;var Ur=ze;import{jsx as BN}from"react/jsx-runtime";var nd="k-dialog-wrapper",IN=[],TN={},ON={},ra=e=>{let{...t}=e;return BN("div",{...t,className:s(e.className,nd),children:e.children})};ra.states=IN;ra.options=TN;ra.className=nd;ra.defaultOptions=ON;ra.moduleName=$a;ra.folderName=_n;import{Fragment as sd,jsx as wn,jsxs as PN}from"react/jsx-runtime";var rd=e=>wn(Ur,{title:"Title",children:wn(sd,{children:"Dialog content"}),actionButtons:PN(sd,{children:[wn(p,{children:"Action"}),wn(p,{themeColor:"primary",children:"Primary"})]}),actions:["x"],...e});import{Fragment as XG,jsx as qG,jsxs as WG}from"react/jsx-runtime";import{Fragment as HN,jsx as Dn,jsxs as zN}from"react/jsx-runtime";var KN=ze.options,RN=[],_N=ze.states,wN=ze.defaultOptions,DN=[],ia=e=>Dn(rd,{style:{width:"350px",height:"215px"},...e,title:"Please confirm",actions:["x"],actionButtonsAlign:"stretched",actionButtons:zN(HN,{children:[Dn(p,{children:"No"}),Dn(p,{themeColor:"primary",children:"Yes"})]}),children:Dn("p",{style:{margin:"36px",textAlign:"center"},children:"Are you sure you want to continue?"})});ia.options=KN;ia.states=_N;ia.variants=RN;ia.defaultOptions=wN;ia.modifiers=DN;ia.className=ze.className;var Fr="dropzone",id=Fr;import{jsx as Hn,jsxs as GN}from"react/jsx-runtime";var Gr="k-external-dropzone",UN=[r.disabled,r.hover],FN={},Vr={icon:"upload",hint:"Drag and drop files here to upload"},Se=e=>{let{hover:t,disabled:o,icon:a=Vr.icon,hint:n=Vr.hint,note:i,...l}=e;return Hn("div",{...l,className:s(e.className,Gr,S(Gr,{disabled:o}),{"k-external-dropzone-hover":t}),children:GN("div",{className:"k-dropzone-inner",children:[a&&Hn(v,{icon:a,className:"k-dropzone-icon",size:"xxxlarge"}),n&&Hn("span",{className:"k-dropzone-hint",children:n}),i&&Hn("span",{className:"k-dropzone-note",children:i})]})})};Se.states=UN;Se.options=FN;Se.className=Gr;Se.defaultOptions=Vr;Se.moduleName=Fr;Se.folderName=id;import{jsx as VN}from"react/jsx-runtime";var ld=e=>VN(Se,{...e});import{jsx as v6}from"react/jsx-runtime";import{jsx as YN}from"react/jsx-runtime";var $N=Se.options,XN=Se.states,qN=Se.defaultOptions,WN=[{name:"note",title:"Note"}],JN=[],la=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)}),YN(ld,{style:{width:"500px"},...o,...a})};la.options=$N;la.states=XN;la.variants=JN;la.defaultOptions=qN;la.modifiers=WN;la.className=Se.className;import{Fragment as zn,jsx as Vt,jsxs as Xa}from"react/jsx-runtime";var $r="k-upload-dropzone",ZN=[r.hover],Un=e=>{let{hover:t,status:o,disabled:a,hasFiles:n,filesId:i,...l}=e,m;switch(o){case"uploading":m=Xa(zn,{children:[Vt(v,{icon:"upload"}),"Uploading..."]});break;case"done":m=Xa(zn,{children:[Vt(v,{icon:"check"}),"Done"]});break;case"failed":m=Xa(zn,{children:[Vt(v,{icon:"exclamation-circle"}),"Done"]});break;default:m=Vt(zn,{});break}return Xa("div",{...l,className:s(e.className,$r,"k-dropzone",S($r,{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:"Select files..."}),Vt("input",{id:"upload-input",className:"k-hidden",tabIndex:-1,"aria-hidden":"true"})]}),Vt("span",{className:s("k-dropzone-hint",{"k-hidden":o!=="upload"}),children:"Drop files here to upload"}),o!=="upload"&&Vt("span",{className:"k-upload-status",children:m})]})};Un.states=ZN;Un.className=$r;var Xr="upload",pd=Xr;import{jsx as Fn,jsxs as md}from"react/jsx-runtime";var qr="k-upload",QN=[r.hover,r.disabled],jN={},cd={actionsLayout:"end"},dd="upload-files-list",ae=e=>{let{async:t,empty:o,actions:a,actionsLayout:n=cd.actionsLayout,hover:i,status:l,disabled:m,...u}=e,f=!!e.children;return md("div",{...u,className:s(e.className,qr,S(qr,{disabled:m}),{"k-upload-async":t,"k-upload-empty":o}),children:[Fn(Un,{status:l,hover:i,disabled:m,hasFiles:f,filesId:dd}),f&&Fn("ul",{className:"k-upload-files",role:"list",id:dd,children:e.children}),a&&f&&md(el,{alignment:n,orientation:"horizontal",children:[Fn(p,{className:"k-clear-selected",children:"Clear"}),Fn(p,{themeColor:"primary",className:"k-upload-selected",children:"Upload"})]})]})};ae.states=QN;ae.options=jN;ae.className=qr;ae.defaultOptions=cd;ae.moduleName=Xr;ae.folderName=pd;var qa="progressbar",Gn=qa;import{jsx as Jr,jsxs as Wr}from"react/jsx-runtime";var tt="k-progressbar",eh=[r.disabled,r.indeterminate],th={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:f,style:N,ariaLabel:g,...c}=e;return Wr("div",{...c,className:s(e.className,tt,S(tt,{disabled:t}),{[`${tt}-${l}`]:l,[`${tt}-indeterminate`]:a,[`${tt}-reverse`]:m}),style:{...N,"--kendo-progressbar-value":u,[l==="horizontal"?"height":"width"]:l==="horizontal"?o:f},role:"progressbar","aria-label":g\|\|"progress","aria-valuenow":a?void 0:Number(u),"aria-valuemin":0,"aria-valuemax":100,children:[Jr("span",{className:s("k-progress-status-wrap",{[`k-progress-${i}`]:i&&!a}),children:n&&Wr("span",{className:"k-progress-status",children:[u,"%"]})}),!a&&Jr("div",{className:"k-progressbar-value k-selected",children:Jr("span",{className:s("k-progress-status-wrap",{[`k-progress-${i}`]:i}),children:n&&Wr("span",{className:"k-progress-status",children:[e.value,"%"]})})})]})};ke.states=eh;ke.options=th;ke.className=tt;ke.defaultOptions=uo;ke.moduleName=qa;ke.folderName=Gn;var ud=ke;import{jsx as Yr}from"react/jsx-runtime";var fd="k-chunk-progressbar",oh=(e,t)=>t<=e-1,ah=[r.disabled,r.indeterminate],nh={},Vn={chunkCount:5,orientation:"horizontal",progress:0},pa=e=>{let{disabled:t,chunkCount:o=Vn.chunkCount,indeterminate:a,orientation:n=Vn.orientation,progress:i=Vn.progress,reverse:l,ariaLabel:m,...u}=e;return Yr("div",{...u,className:s(e.className,tt,fd,S(tt,{disabled:t}),{[`${tt}-${n}`]:n,[`${tt}-indeterminate`]:a,[`${tt}-reverse`]:l}),role:"progressbar","aria-label":m\|\|"progress","aria-valuenow":a?void 0:i,"aria-valuemin":0,"aria-valuemax":o,children:Yr("ul",{className:"k-progressbar-chunks k-reset",children:[...Array(o)].map((f,N)=>Yr("li",{className:s("k-progressbar-chunk",{"k-first":N===0,"k-last":N===[...Array(o)].length-1,"k-selected":oh(i,N)})},N))})})};pa.states=ah;pa.options=nh;pa.className=fd;pa.defaultOptions=Vn;pa.moduleName=qa;pa.folderName=Gn;import{jsx as sh}from"react/jsx-runtime";var Wa=e=>sh(ud,{...e});import{jsx as r7}from"react/jsx-runtime";import{jsx as $t}from"react/jsx-runtime";var rh=ke.options,ih=ke.states,bd={...ke.defaultOptions,variant:"start"},lh=[{name:"start",title:"Label start"},{name:"center",title:"Label center"},{name:"end",title:"Label end"},{name:"empty",title:"No label"}],ph=[],da=e=>{let{variant:t,modifiers:o,...a}={...bd,...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"})})}};da.options=rh;da.states=ih;da.variants=lh;da.defaultOptions=bd;da.modifiers=ph;da.className=ke.className;import{jsx as Zr,jsxs as mh}from"react/jsx-runtime";var dh="k-file-info",Qr=e=>{let{name:t,size:o,validationMsg:a,...n}=e;return mh("div",{...n,className:s(e.className,dh),children:[t&&Zr("span",{className:"k-file-name",children:t}),o&&Zr("span",{className:"k-file-size",children:o}),a&&Zr("span",{className:"k-file-validation-message","aria-live":"polite",children:a})]})};import{Fragment as uh,jsx as Et,jsxs as $n}from"react/jsx-runtime";var ch="k-file",Oe=e=>{let{status:t,progress:o,name:a,icon:n,size:i,state:l,validationMsg:m,...u}=e;return Et("li",{...u,className:s(e.className,ch,{[`k-file-${t}`]:t}),role:"listitem",tabIndex:0,children:$n("div",{className:"k-file-single",children:[Et(ke,{className:s({"k-hidden":t!=="progress"}),value:o,label:!1}),$n("span",{className:"k-file-icon-wrapper",children:[Et(v,{className:"k-file-icon",icon:n,size:"xxlarge"}),l&&Et("span",{className:"k-file-state",children:l})]}),Et(Qr,{name:a,size:i,validationMsg:m}),Et("div",{className:"k-upload-actions",children:t==="progress"?$n(uh,{children:[$n("span",{className:"k-upload-pct",children:[o,"%"]}),Et(p,{icon:"pause",fillMode:"flat",size:"xsmall",className:"k-upload-action","aria-label":"Pause upload",tabIndex:-1}),Et(p,{icon:"cancel",fillMode:"flat",size:"xsmall",className:"k-upload-action","aria-label":"Cancel upload",tabIndex:-1})]}):Et(p,{icon:"x",fillMode:"flat",size:"xsmall",className:"k-upload-action","aria-label":"Remove file",tabIndex:-1})})]})})};import{Fragment as _7,jsx as K7,jsxs as R7}from"react/jsx-runtime";import{Fragment as fh,jsx as jr,jsxs as bh}from"react/jsx-runtime";var Ja=e=>jr(ae,{async:!0,children:bh(fh,{children:[jr(Oe,{name:"Image_With_Very_Very_Very_Very_Very_Long_Name1.png",icon:"file-image",size:"51.23 KB"}),jr(Oe,{name:"Image2.jpg",icon:"file-image",size:"106.43 KB"})]}),...e});import{Fragment as X7,jsx as V7,jsxs as $7}from"react/jsx-runtime";import{jsx as xh}from"react/jsx-runtime";var xd=e=>xh(ae,{async:!0,empty:!0,...e});import{Fragment as e9,jsx as j7,jsxs as t9}from"react/jsx-runtime";import{Fragment as r9,jsx as s9,jsxs as i9}from"react/jsx-runtime";import{jsx as yt,jsxs as Xn}from"react/jsx-runtime";var Nh=ae.options,hh=ae.states,Nd={...ae.defaultOptions,variant:"empty"},vh=[{name:"empty",title:"Empty"},{name:"upload",title:"Upload"},{name:"uploading",title:"Uploading"},{name:"success",title:"Success"},{name:"failed",title:"Failed"}],gh=[],ma=e=>{let{variant:t,...o}={...Nd,...e};switch(t){case"success":return Xn(Ja,{status:"done",style:{width:"586px"},...o,children:[yt(Oe,{status:"success",validationMsg:"File(s) uploaded successfully.",name:"Image1.png",icon:"file-image"}),yt(Oe,{status:"success",validationMsg:"File(s) uploaded successfully.",name:"Image2.png",icon:"file-image"})]});case"failed":return Xn(Ja,{status:"failed",style:{width:"586px"},...o,children:[yt(Oe,{status:"error",validationMsg:"File type not allowed.",name:"Movie1.mkv",icon:"file-image"}),yt(Oe,{status:"error",validationMsg:"File type not allowed.",name:"Video2.mkv",icon:"file-image"})]});case"uploading":return Xn(Ja,{status:"uploading",style:{width:"586px"},...o,children:[yt(Oe,{progress:"50",status:"progress",name:"Document1.txt",icon:"file-pdf",size:"328.92 KB"}),yt(Oe,{progress:"70",status:"progress",name:"Document2.txt",icon:"file-pdf",size:"225.68 KB"})]});case"upload":return Xn(Ja,{actions:!0,status:"upload",style:{width:"586px"},...o,children:[yt(Oe,{name:"Image1.png",icon:"file-image",size:"51.23 KB"}),yt(Oe,{name:"Image2.jpg",icon:"file-image",size:"106.43 KB"})]});default:return yt(xd,{async:!0,status:"upload",style:{width:"586px"},...o})}};ma.options=Nh;ma.states=hh;ma.variants=vh;ma.defaultOptions=Nd;ma.modifiers=gh;ma.className=ae.className;import{Fragment as R9,jsx as K9,jsxs as _9}from"react/jsx-runtime";import{jsx as z9}from"react/jsx-runtime";import{Fragment as $9,jsx as V9,jsxs as X9}from"react/jsx-runtime";import{Fragment as Z9,jsx as Y9,jsxs as Q9}from"react/jsx-runtime";import{Fragment as a4,jsx as o4,jsxs as n4}from"react/jsx-runtime";import{Fragment as p4,jsx as l4}from"react/jsx-runtime";var ei="appbar",hd=ei;import{jsx as kh}from"react/jsx-runtime";var ti="k-appbar",Lh=[],Mh={themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary,h.inverse]},Sh={},Ce=e=>{let{themeColor:t,positionMode:o,position:a,...n}=e;return kh("div",{...n,className:s(e.className,ti,E(ti,{themeColor:t}),{[`k-appbar-${o}`]:o,[`k-appbar-${a}`]:a}),children:e.children})};Ce.states=Lh;Ce.options=Mh;Ce.className=ti;Ce.defaultOptions=Sh;Ce.moduleName=ei;Ce.folderName=hd;import{jsx as Ah}from"react/jsx-runtime";var Ch="k-appbar-section",gt=e=>{let{...t}=e;return Ah("div",{...t,className:s(Ch,e.className),children:e.children})};import{Fragment as k4,jsx as M4,jsxs as S4}from"react/jsx-runtime";import{jsx as j,jsxs as ca}from"react/jsx-runtime";var oi={...Ce.options,positionMode:["static","sticky","fixed"]},Eh=Ce.states,vd={...Ce.defaultOptions,themeColor:"primary",variant:"top",positionMode:"sticky"};oi.themeColor=["primary",...oi.themeColor.filter(e=>e!=="primary")];var yh=[{name:"top",title:"Top"},{name:"bottom",title:"Bottom"}],ua=e=>{let{variant:t,...o}={...vd,...e},a=ca(Ce,{position:t,...o,children:[j(gt,{children:j(X,{fillMode:"flat",icon:"menu"})}),j("span",{className:"k-spacer k-spacer-sized",style:{width:"8px"}}),j(gt,{children:j("h3",{className:"k-m-0",children:"AppBar"})}),j("span",{className:"k-spacer"}),ca(gt,{children:[j(st,{fillMode:"flat",children:"Button"}),j(st,{fillMode:"flat",children:"Button"}),j(st,{fillMode:"flat",children:"Button"})]}),j("span",{className:"k-spacer k-spacer-sized",style:{width:"8px"}}),j(gt,{children:j(dn,{value:"Input value"})}),ca(gt,{children:[j(X,{className:"k-mx-sm",fillMode:"flat",icon:"bell"}),j("span",{className:"k-appbar-separator"}),j(On,{className:"k-mx-sm",children:j("img",{src:"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg"})})]})]}),n=ca("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"?ca("div",{style:{height:"250px",overflow:"auto"},children:[n,a]}):ca("div",{style:{height:"250px",overflow:"auto"},children:[a,n]})};ua.options=oi;ua.states=Eh;ua.variants=yh;ua.defaultOptions=vd;ua.modifiers=[];ua.className=Ce.className;var ai="suggestion",gd=ai;import{jsx as qn,jsxs as Oh}from"react/jsx-runtime";var Wn="k-suggestion-group",Ih=[],Th={},Ld={layout:"scrollable",scrollingPosition:"start"},ot=e=>{let{layout:t=Ld.layout,scrollingPosition:o,...a}=e,n=qn("div",{...a,className:s(Wn,{"k-suggestion-group-scrollable":t=="scrollable",[`${Wn}-scrollable-start`]:o==="start"\|\|o==="both",[`${Wn}-scrollable-end`]:o==="end"\|\|o==="both"},e.className),role:"group",children:t==="scrollable"\|\|t==="scrollButtons"?qn("div",{className:"k-suggestions-scroll",children:e.children}):e.children});return t=="scrollButtons"?Oh("div",{className:"k-suggestion-scrollwrap",children:[qn(p,{fillMode:"flat",icon:"chevron-left",size:"xsmall","aria-label":"Scroll left"}),n,qn(p,{fillMode:"flat",icon:"chevron-right",size:"xsmall","aria-label":"Scroll right"})]}):n};ot.states=Ih;ot.options=Th;ot.className=Wn;ot.defaultOptions=Ld;ot.moduleName=ai;ot.folderName=gd;import{jsx as Rh}from"react/jsx-runtime";var Jn="k-suggestion",Bh=[r.active,r.hover,r.focus],Ph={themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary]},Kh={text:"Suggestion"},at=e=>{let{themeColor:t,active:o,hover:a,focus:n,text:i,...l}=e;return Rh("span",{...l,className:s(e.className,Jn,S(Jn,{hover:a,active:o,focus:n}),E(Jn,{themeColor:t})),role:"button",tabIndex:0,"aria-label":i,children:i})};at.states=Bh;at.options=Ph;at.className=Jn;at.item=Kh;import{Fragment as Z4,jsx as Y4,jsxs as Q4}from"react/jsx-runtime";import{Fragment as a8,jsx as o8,jsxs as n8}from"react/jsx-runtime";import{Fragment as p8,jsx as l8,jsxs as d8}from"react/jsx-runtime";import{Fragment as Uh,jsx as ee,jsxs as Yn}from"react/jsx-runtime";var _h=G.states,wh=G.defaultOptions,Dh=G.options,Hh=[{name:"header",title:"Header"},{name:"pinned",title:"Pinned"},{name:"suggested",title:"Suggested Actions"},{name:"author",title:"Author"},{name:"avatar",title:"Avatar"},{name:"quick",title:"Quick Replies"}],zh=[],fa=e=>{let{modifiers:t,...o}=e,a={author:null,avatar:null},n=Yn(Ce,{className:"k-chat-header",positionMode:"sticky",themeColor:"primary",children:[ee("span",{className:"k-spacer k-spacer-sized k-w-1"}),ee(gt,{children:ee("span",{children:"Chat with demo bot"})}),ee("span",{className:"k-spacer"}),ee(gt,{children:ee(p,{fillMode:"flat",icon:"more-vertical"})})]}),i=ee(Ft,{type:"sender",pinned:!0,content:"Hello! Generate a cover letter.",closeable:!0}),l=Yn(ot,{children:[ee(at,{text:"Provide a CV template"}),ee(at,{text:"Generate a cover letter"})]}),m=Yn(ot,{children:[ee(at,{themeColor:"primary",text:"Thank you!"}),ee(at,{themeColor:"primary",text:"Great!"})]}),u="https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg",f=null,N="User",g="Demo Bot";Object.keys(t\|\|{}).forEach(y=>{switch(y){case"header":a.header=t?.[y]?n:!1;break;case"pinned":a.pinned=t?.[y]?i:!1;break;case"suggested":a.suggestedActions=t?.[y]?l:!1;break;case"author":a.author=t?.[y]?!0:null;break;case"avatar":a.avatar=t?.[y]?u:null;break;case"quick":a.quickReplies=t?.[y]?m:ee(Uh,{});break;default:break}});let{header:c,pinned:L,suggestedActions:M,author:k,avatar:A,quickReplies:C}=a;return Yn(Jp,{value:"Thank you!",style:{minHeight:"100%"},...o,header:c,pinned:L,suggestedActions:M,children:[ee(V,{avatar:f,author:k?g:null,children:ee(U,{text:"Hello, this is a demo bot. How can I help you ?"})}),ee(V,{avatar:A?u:null,author:k?N:null,type:"sender",children:ee(U,{text:"Hello! Generate a cover letter."})}),ee(V,{avatar:f,author:k?g:null,children:ee(U,{text:"Sure. Here is a cover letter template",files:ee(vt,{children:ee(Te,{icon:"file-pdf",name:"cover_letter.pdf",size:"1.43MB"})})})}),C]})};fa.options=Dh;fa.states=_h;fa.variants=zh;fa.defaultOptions=wh;fa.modifiers=Hh;fa.className=G.className;var ni="skeleton",Md=ni;import{jsx as $h}from"react/jsx-runtime";var si="k-skeleton",Fh=["circle","text","rect"],Gh=[],Vh={},ri={variant:"text",shape:"text",animation:"pulse"},nt=e=>{let{variant:t,shape:o,animation:a=ri.animation,...n}=e,i=`skeleton-${t\|\|o\|\|ri.variant}`;return $h("span",{...n,className:s(e.className,si,Ya(si,i),{[`k-skeleton-${a}`]:a}),style:e.style})};nt.states=Gh;nt.options=Vh;nt.variants=Fh;nt.className=si;nt.defaultOptions=ri;nt.moduleName=ni;nt.folderName=Md;import{jsx as Xh}from"react/jsx-runtime";var fo=e=>Xh(nt,{...e});import{jsx as qh}from"react/jsx-runtime";var Sd=e=>qh(nt,{shape:"rect",...e});import{jsx as dV}from"react/jsx-runtime";import{Fragment as Wh,jsx as Ue,jsxs as Zn}from"react/jsx-runtime";var vV=e=>Ue(G,{children:Zn(Wh,{children:[Ue("div",{className:"k-timestamp",children:"Day, Month 7, 2023"}),Ue(V,{fullWidth:!0,children:Ue(U,{text:null,content:Zn("div",{className:"k-skeleton-container",style:{width:"100%"},children:[Ue(fo,{style:{width:"100%"}}),Ue(fo,{style:{width:"100%"}}),Ue(fo,{style:{width:"100%"}}),Ue(fo,{style:{width:"75%"}})]})})}),Ue(V,{type:"sender",fullWidth:!0,avatar:null,children:Ue(U,{text:null,content:Zn("div",{className:"k-skeleton-container",style:{width:"100%",display:"flex",alignItems:"center",gap:"var( --kendo-spacing-1 )"},children:[Ue(Sd,{style:{width:"32px",height:"32px"}}),Zn("div",{style:{flex:"1 1 50%"},children:[Ue(fo,{style:{width:"100%"}}),Ue(fo,{style:{width:"50%"}})]})]})})})]}),...e});export{vV as ChatMessageSkeleton};
1	+ var s=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?s(...t):typeof t=="object"?Object.keys(t).map((o,a)=>t[a]\|\|t[o]&&o\|\|null).filter(o=>o!==null).join(" "):t).filter(t=>!!t).join(" ");var E=(e,t)=>s({[`${e}-xs`]:t.size==="xsmall",[`${e}-sm`]:t.size==="small",[`${e}-md`]:t.size==="medium",[`${e}-lg`]:t.size==="large",[`${e}-xl`]:t.size==="xlarge",[`${e}-xxl`]:t.size==="xxlarge",[`${e}-xxxl`]:t.size==="xxxlarge"},{[`${e}-${t.fillMode}`]:t.fillMode},{[`${e}-${t.themeColor}`]:t.themeColor},{"k-rounded-sm":t.rounded==="small","k-rounded-md":t.rounded==="medium","k-rounded-lg":t.rounded==="large","k-rounded-full":t.rounded==="full","k-rounded-none":t.rounded==="none"}),S=(e,t)=>{let{valid:o,invalid:a,hover:n,focus:i,checked:l,active:m,selected:u,disabled:f,indeterminate:N,loading:g,empty:c,readonly:L,highlighted:M,...k}=t;return s({"k-valid":o,"k-invalid":a,"k-hover":n,"k-focus":i,"k-checked":l,"k-active":m,"k-selected":u,"k-disabled":f,"k-indeterminate":N&&!l,"k-loading":g,"k-empty":c,"k-readonly":L,"k-highlighted":M},Object.keys(k).reduce((A,C)=>(C.startsWith("k-")?A[C]=k[C]:A[`k-${C}`]=k[C],A),{}))};function 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"},b={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},x={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},pt={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 os={};function B(e){return os[e]=(os[e]\|\|0)+1,`k-${e}-${os[e]}`}import{Fragment as Ed,jsx as li}from"react/jsx-runtime";var as="k-font-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]},Ad={},xa=e=>{let{size:t,themeColor:o,icon:a,rotate:n,flip:i,...l}=e;return a?li("span",{...l,className:s(e.className,as,E(as,{size:t}),{[`k-i-${a}`]:a,[`k-color-${o}`]:o,[`k-rotate-${n}`]:n,"k-flip-h":i==="h"\|\|i==="both","k-flip-v":i==="v"\|\|i==="both"}),"aria-hidden":"true"}):li(Ed,{})};xa.states=kd;xa.options=Cd;xa.className=as;xa.defaultOptions=Ad;var pi=xa;import{Fragment as Td,jsx as Za}from"react/jsx-runtime";var ns="k-svg-icon",yd=[],Id={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:[pt.outline,pt.solid,pt.duotone]},ss={viewBox:"0 0 24 24",variant:pt.outline},Na=e=>{let{size:t,themeColor:o,rotate:a,flip:n,viewBox:i=ss.viewBox,variant:l=ss.variant,icon:m,...u}=e;if(!m)return Za(Td,{});if(m==="none")return Za("span",{...u,className:s(e.className,ns,E("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let f=typeof m=="object"&&m.name&&m.name,N=typeof m=="object"?l&&m.variants?.[l]\|\|m.variants?.outline\|\|m.content:void 0;return Za("span",{...u,className:s(e.className,ns,E("k-icon",{size:t}),{[`k-svg-i-${f}`]:f,[`k-color-${o}`]:o,[`k-rotate-${a}`]:a,"k-flip-h":n==="h"\|\|n==="both","k-flip-v":n==="v"\|\|n==="both"}),"aria-hidden":"true",children:Za("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof m=="object"?m.viewBox:i,dangerouslySetInnerHTML:N!==void 0?{__html:N}:void 0,children:m?void 0:e.children})})};Na.states=yd;Na.options=Id;Na.className=ns;Na.defaultOptions=ss;var rs=Na;importas is from"@progress/kendo-svg-icons";var di="icon",mi="icons";import{useContext as Bd}from"react";import{createContext as Od}from"react";var ci=Od({iconsType:"svg"});import{Fragment as ui,jsx as ha}from"react/jsx-runtime";var Qa="k-icon",Pd=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),Kd=[],Rd={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:[pt.outline,pt.solid,pt.duotone]},ja={viewBox:"0 0 24 24",type:"svg",variant:pt.outline},v=e=>{let{iconsType:t}=Bd(ci),{size:o,themeColor:a,icon:n,type:i=t\|\|ja.type,rotate:l,flip:m,viewBox:u=ja.viewBox,variant:f=ja.variant,...N}=e;if(!n)return ha(ui,{});if((t\|\|i)==="svg"){if(n==="none")return ha(rs,{...N,className:s(e.className,Qa),icon:n,size:o,variant:f});let c=is[n]?n:Pd(`${n}-icon`);return is[c]?ha(rs,{...N,className:s(e.className,Qa),icon:is[c],size:o,themeColor:a,rotate:l,flip:m,viewBox:u,variant:f}):ha(ui,{})}return ha(pi,{...N,className:s(e.className,Qa),icon:n,size:o,themeColor:a,rotate:l,flip:m})};v.states=Kd;v.options=Rd;v.defaultOptions=ja;v.className=Qa;v.moduleName=di;v.folderName=mi;var ls="button",fi=ls;import{Fragment as bi,jsx as bo,jsxs as xi}from"react/jsx-runtime";var va="k-button",_d=["icon-button"],wd=[r.hover,r.focus,r.active,r.selected,r.disabled,r.generating],Dd={size:[d.undefined,d.xsmall,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[x.undefined,x.solid,x.flat,x.outline,x.clear,x.link],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary,h.success,h.warning,h.error,h.info,h.inverse]},ps={showArrow:!1,arrowIconName:"chevron-down"},p=e=>{let{as:t="button",size:o,rounded:a,fillMode:n,themeColor:i,showArrow:l=ps.showArrow,arrowIconName:m=ps.arrowIconName,variant:u,hover:f,focus:N,active:g,selected:c,disabled:L,togglable:M,ariaDisabled:k,icon:A,iconSize:C,text:y,iconClassName:H,className:le,...Ae}=e,pe=A!=null,ue=e.children!==void 0;return xi(t,{className:s(le,va,Ya(va,u),E(va,{size:o,rounded:a,fillMode:n,themeColor:i}),S(va,{hover:f,focus:N,active:g,disabled:L\|\|k,selected:c}),{"k-icon-button":!y&&!ue&&pe}),"aria-pressed":M?c?"true":"false":void 0,...Ae,"aria-disabled":k?"true":void 0,disabled:L\|\|void 0,children:[typeof A=="string"&&A&&bo(v,{className:s(H,"k-button-icon"),icon:A,size:C}),A&&typeof A!="string"&&bo(bi,{children:A}),y?xi(bi,{children:[y&&bo("span",{className:"k-button-text",children:y}),e.children]}):e.children&&bo("span",{className:"k-button-text",children:e.children}),l&&bo("span",{className:"k-menu-button-arrow k-button-arrow",children:bo(v,{icon:m})})]})};p.states=wd;p.options=Dd;p.variants=_d;p.className=va;p.defaultOptions=ps;p.moduleName=ls;p.folderName=fi;import{jsx as Hd}from"react/jsx-runtime";var X=e=>Hd(p,{icon:"folder",...e,"aria-label":e["aria-label"]\|\|"Folder",children:void 0});import{jsx as zd}from"react/jsx-runtime";var ga=e=>zd(p,{icon:"folder",children:"Button",...e});import{jsx as Ud}from"react/jsx-runtime";var st=e=>Ud(p,{children:"Button",...e});import{jsx as ds}from"react/jsx-runtime";var Fd=p.options,Gd=p.states,Vd={...p.defaultOptions,variant:"text"},$d=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Xd=[],xo=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return ds(X,{...o,icon:"star"});case"icon-and-text":return ds(ga,{...o,icon:"star",children:"Button"});default:return ds(st,{...o,children:"Button"})}};xo.options=Fd;xo.states=Gd;xo.variants=$d;xo.defaultOptions=Vd;xo.modifiers=Xd;xo.className=p.className;import{jsx as Ni,jsxs as Zd}from"react/jsx-runtime";var en="k-fab",Jd=[r.hover,r.focus,r.active,r.selected,r.disabled],Yd={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary]},hi={type:"button"},te=e=>{let{size:t,rounded:o,themeColor:a,text:n,icon:i,type:l=hi.type,position:m,hover:u,focus:f,active:N,selected:g,disabled:c,...L}=e;return Zd("button",{...L,type:l,className:s(e.className,en,E(en,{size:t,rounded:o,themeColor:a}),S(en,{hover:u,focus:f,active:N,disabled:c,selected:g}),{[`!k-pos-absolute k-${m}`]:m}),...!n&&i&&!e["aria-label"]&&{"aria-label":"Action"},...c&&{"aria-disabled":"true"},disabled:c\|\|void 0,children:[i&&Ni(v,{className:"k-fab-icon",icon:i}),n&&Ni("span",{className:"k-fab-text",children:n})]})};te.states=Jd;te.options=Yd;te.className=en;te.defaultOptions=hi;te.moduleName="fab";te.folderName="fab";import{jsx as jd}from"react/jsx-runtime";var Qd="k-fab-items",vi=e=>{let{position:t,...o}=e;return jd("ul",{...o,className:s(e.className,Qd,{[`k-fab-items-${t}`]:t}),children:e.children})};import{jsx as Li,jsxs as tm}from"react/jsx-runtime";var gi="k-fab-item",em=[r.hover,r.focus,r.active,r.disabled],ms=e=>{let{text:t,icon:o,align:a,hover:n,focus:i,active:l,disabled:m,...u}=e;return tm("li",{...u,className:s(e.className,gi,{[`k-text-${a}`]:a},S(gi,{hover:n,focus:i,active:l,disabled:m})),children:[Li("span",{className:"k-fab-item-text",children:t}),Li(v,{className:"k-fab-item-icon",icon:o})]})};ms.states=em;import{jsx as bg}from"react/jsx-runtime";import{jsx as om}from"react/jsx-runtime";var Mi=e=>om(te,{icon:"plus",...e});import{jsx as Mg}from"react/jsx-runtime";import{jsx as Ag}from"react/jsx-runtime";import{jsx as No,jsxs as lm}from"react/jsx-runtime";var am=te.options,nm=te.states,sm={...te.defaultOptions,variant:"text"},rm=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],im=[{name:"opened",title:"Opened"}],ho=e=>{let{variant:t,modifiers:o,...a}=e,{opened:n}=o\|\|{},i=n?No("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:No(vi,{position:"bottom",children:No(ms,{text:"Item",icon:"pencil",align:"right"})})}):null,l;switch(t){case"icon-only":l=No(te,{...a,icon:"star"});break;case"icon-and-text":l=No(te,{...a,icon:"star",text:"Action"});break;default:l=No(te,{...a,text:"Action"});break}return lm("span",{style:{position:"relative"},children:[l,i]})};ho.options=am;ho.states=nm;ho.variants=rm;ho.defaultOptions=sm;ho.modifiers=im;ho.className=te.className;import{jsx as mm}from"react/jsx-runtime";var cs="k-input-inner",pm=[],dm={},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 mm("input",{...m,type:o,className:s(e.className,cs,E(cs,e)),placeholder:a,autoComplete:n,defaultValue:t,disabled:i\|\|void 0,readOnly:l\|\|void 0})};fe.states=pm;fe.options=dm;fe.className=cs;import{jsx as fm}from"react/jsx-runtime";var us="k-input-inner",cm=[],um={},Si={value:"",placeholder:""},La=e=>{let{value:t=Si.value,placeholder:o=Si.placeholder,rows:a,disabled:n,...i}=e;return fm("textarea",{...i,className:s(e.className,us,E(us,e)),placeholder:o,rows:a,defaultValue:t,disabled:n\|\|void 0})};La.states=cm;La.options=um;La.className=us;var fs="prompt-box",ki=fs;var bs="speech-to-text-button",Ci=bs;import{jsx as bm}from"react/jsx-runtime";var Ai="k-speech-to-text-button",Ei={icon:"microphone"},Be=e=>{let{listening:t=!1,icon:o=Ei.icon,...a}=e;return bm(p,{...a,icon:t?"stop":o,className:s(e.className,Ai,{"k-listening":t}),"aria-pressed":t?"true":"false","aria-label":t?"Stop listening":"Start listening"})};Be.states=p.states;Be.options=p.options;Be.className=Ai;Be.defaultOptions=Ei;Be.moduleName=bs;Be.folderName=Ci;import{jsx as iL}from"react/jsx-runtime";import{jsx as mL}from"react/jsx-runtime";import{jsx as gm}from"react/jsx-runtime";var xm=p.states,yi={...p.defaultOptions,variant:"normal"},Nm={...p.options,fillMode:p.options.fillMode.filter(e=>e!=="clear"&&e!=="link")},hm=[],vm=[{name:"normal",title:"Normal"},{name:"listening",title:"Listening"}],vo=e=>{let{variant:t,...o}={...yi,...e},a={};return t==="listening"&&(a.listening=!0),gm(Be,{...o,...a})};vo.options=Nm;vo.states=xm;vo.variants=vm;vo.defaultOptions=yi;vo.modifiers=hm;vo.className=Be.className;import{jsx as Wt,jsxs as xs}from"react/jsx-runtime";var dt="k-prompt-box",Lm=[r.hover,r.focus,r.disabled],Mm={fillMode:[x.undefined,x.solid,x.flat,x.outline]},Ns={lineMode:"auto",isExpanded:!1},be=e=>{let{fillMode:t,lineMode:o=Ns.lineMode,startAffix:a,endAffix:n,header:i,isExpanded:l=Ns.isExpanded,className:m,children:u,value:f,placeholder:N,generating:g,actionButtonConfig:c,speechToTextButtonConfig:L,uploadButtonConfig:M,hover:k,focus:A,disabled:C,...y}=e,H=o==="multi"\|\|o==="auto"&&l;return xs("div",{...y,className:s(m,"k-input",dt,{[`${dt}-singleline`]:o==="single",[`${dt}-multiline`]:H,[`k-input-${t}`]:t,"k-hover":k,"k-focus":A,"k-disabled":C}),children:[i&&Wt("div",{className:`${dt}-header`,children:i}),xs("div",{className:`${dt}-content`,children:[a&&Wt("div",{className:`${dt}-affix`,children:a}),o==="single"?Wt(fe,{value:f,placeholder:N,className:`${dt}-input`,type:"text","aria-label":"Prompt input"}):Wt(La,{value:f,placeholder:N,className:`${dt}-textarea`,rows:o==="multi"\|\|l?3:1,"aria-label":"Prompt input","aria-multiline":"true"}),xs("div",{className:`${dt}-affix`,children:[n,M&&Wt(X,{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(X,{icon:g?"stop":"arrow-up",size:"small",rounded:"full",active:g,disabled:!f&&!g,"aria-label":g?"Stop generating":"Send prompt","aria-live":"polite",...c,className:s({"k-generating":g},c?.className)})]})]}),u]})};be.states=Lm;be.options=Mm;be.className=dt;be.defaultOptions=Ns;be.moduleName=fs;be.folderName=ki;import{jsx as RL}from"react/jsx-runtime";import{jsx as HL}from"react/jsx-runtime";import{jsx as GL}from"react/jsx-runtime";import{jsx as qL}from"react/jsx-runtime";import{jsx as ZL}from"react/jsx-runtime";import{Fragment as hs,jsx as It,jsxs as ym}from"react/jsx-runtime";var Sm=be.options,km=be.states,Cm={...be.defaultOptions,variant:"Single"},Am=[{name:"Single",title:"Singleline"},{name:"Multi",title:"Multiline"}],Em=[{name:"header",title:"Header"},{name:"endAffix",title:"End Affix"},{name:"startAffix",title:"Start Affix"}],go=e=>{let{variant:t,modifiers:o,...a}=e,n={},i=It(hs,{children:It(X,{size:"small",icon:"send",fillMode:"flat"})});return Object.keys(o\|\|{}).forEach(l=>{switch(l){case"header":n.header=o?.[l]?It(p,{children:"Button in header"}):void 0;break;case"endAffix":o?.[l]&&(n.endAffix=ym(hs,{children:[i,It(X,{icon:"paperclip",size:"small",fillMode:"flat"})]}));break;case"startAffix":n.startAffix=o?.[l]?It(hs,{children:It(X,{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})};go.options=Sm;go.states=km;go.variants=Am;go.defaultOptions=Cm;go.modifiers=Em;go.className=be.className;var vs="chat",Ii=vs;import{Fragment as Bi,jsx as Jt,jsxs as Ma}from"react/jsx-runtime";var Ti="k-chat",Im=[],Tm={},Om=Ma(Bi,{children:[Jt(X,{icon:"paperclip",fillMode:"clear",rounded:"full",size:"small","aria-label":"Attach file"},"paperclip"),Jt("div",{className:"k-spacer"})]}),Oi={tools:Om},G=e=>{let{header:t,dir:o,suggestedActions:a,files:n,pinned:i,replied:l,generating:m,tools:u=Oi.tools,value:f,empty:N,scrollToBottom:g,scrollbar:c,promptBoxProps:L,...M}=e;return Ma("div",{...M,className:s(Ti,e.className),dir:o,children:[t,Ma("div",{className:"k-message-list",role:"log","aria-label":"Message list","aria-live":"polite",children:[i,Jt("div",{className:s("k-message-list-content",N&&"k-message-list-content-empty"),children:e.children}),g&&Jt("div",{className:"k-chat-scroll-to-bottom-container",children:Jt(Mi,{themeColor:"base",icon:"arrow-down",size:"small"})})]}),c&&Jt("div",{className:"k-separator"}),Ma("div",{className:"k-message-box-wrapper",children:[a,Jt(be,{lineMode:"multi",placeholder:"Type a message",generating:m,value:f,header:n\|\|l?Ma(Bi,{children:[l,n]}):void 0,endAffix:u,...L})]})]})};G.states=Im;G.options=Tm;G.className=Ti;G.defaultOptions=Oi;G.moduleName=vs;G.folderName=Ii;var gs="button",Pi=gs;import{jsx as Rm}from"react/jsx-runtime";var Sa="k-button-group",Bm=[r.disabled],Pm={fillMode:[x.undefined,x.solid,x.flat,x.outline,x.clear,x.link]},Km={},T=e=>{let{fillMode:t,disabled:o,stretched:a,...n}=e;return Rm("div",{role:"group",...n,className:s(e.className,Sa,E(Sa,{fillMode:t}),S(Sa,{disabled:o}),{[`${Sa}-stretched`]:a}),...o&&{"aria-disabled":"true"},children:e.children})};T.states=Bm;T.options=Pm;T.className=Sa;T.defaultOptions=Km;T.moduleName=gs;T.folderName=Pi;import{Fragment as OM,jsx as TM,jsxs as BM}from"react/jsx-runtime";import{Fragment as DM,jsx as wM,jsxs as HM}from"react/jsx-runtime";import{Fragment as $M,jsx as VM,jsxs as XM}from"react/jsx-runtime";import{Fragment as QM,jsx as ZM,jsxs as jM}from"react/jsx-runtime";import{Fragment as sS,jsx as nS,jsxs as rS}from"react/jsx-runtime";import{Fragment as cS,jsx as mS,jsxs as uS}from"react/jsx-runtime";import{jsx as Lt,jsxs as Ls}from"react/jsx-runtime";var _m={...p.options,...T.options},wm=p.states,Dm={...p.defaultOptions,...T.defaultOptions,variant:"text-button"},Hm=[{name:"icon-button",title:"Icon Only"},{name:"text-button",title:"Text"},{name:"icon-text-button",title:"Icon Text"}],zm=[],Lo=e=>{let{variant:t,className:o,...a}=e;return t==="icon-button"?Ls(T,{fillMode:a.fillMode,className:o,children:[Lt(p,{...a,icon:"star"}),Lt(p,{...a,icon:"star"}),Lt(p,{...a,icon:"star"})]}):t==="icon-text-button"?Ls(T,{fillMode:a.fillMode,className:o,children:[Lt(p,{...a,icon:"star",children:"First"}),Lt(p,{...a,icon:"star",children:"Middle"}),Lt(p,{...a,icon:"star",children:"Last"})]}):Ls(T,{fillMode:a.fillMode,className:o,children:[Lt(p,{...a,children:"First"}),Lt(p,{...a,children:"Middle"}),Lt(p,{...a,children:"Last"})]})};Lo.options=_m;Lo.states=wm;Lo.variants=Hm;Lo.defaultOptions=Dm;Lo.modifiers=zm;Lo.className=T.className;var ka="input",an=ka;import{jsx as Vm}from"react/jsx-runtime";var nn="k-input",Um=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading,r.readonly],Fm={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[x.undefined,x.solid,x.flat,x.outline]},Gm={},J=e=>{let{hover:t,focus:o,disabled:a,invalid:n,valid:i,loading:l,readonly:m,size:u,rounded:f,fillMode:N,...g}=e;return Vm("span",{...g,className:s(e.className,nn,E(nn,{size:u,rounded:f,fillMode:N}),S(nn,{hover:t,focus:o,disabled:a,invalid:n,valid:i,loading:l,readonly:m}))})};J.states=Um;J.options=Fm;J.className=nn;J.defaultOptions=Gm;J.moduleName=ka;J.folderName=an;import{jsx as Wm}from"react/jsx-runtime";var sn="k-picker",$m=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading,r.readonly],Xm={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[x.undefined,x.solid,x.flat,x.outline]},qm={},mt=e=>{let{hover:t,focus:o,disabled:a,invalid:n,valid:i,loading:l,readonly:m,size:u,rounded:f,fillMode:N,...g}=e;return Wm("span",{...g,className:s(e.className,sn,E(sn,{size:u,rounded:f,fillMode:N}),S(sn,{hover:t,focus:o,disabled:a,invalid:n,valid:i,loading:l,readonly:m})),children:e.children})};mt.states=$m;mt.options=Xm;mt.className=sn;mt.defaultOptions=qm;mt.moduleName=ka;mt.folderName=an;import{Fragment as Zm,jsx as Ms}from"react/jsx-runtime";var Ki="k-clear-value",Jm=[r.disabled,r.loading,r.readonly],Ym={},Pe=e=>{let{disabled:t,loading:o,readonly:a,value:n}=e;return t\|\|a\|\|o\|\|!n?Ms(Zm,{}):Ms("span",{className:s(e.className,Ki),children:Ms(v,{icon:"x"})})};Pe.states=Jm;Pe.options=Ym;Pe.className=Ki;import{jsx as Ri,jsxs as ec}from"react/jsx-runtime";var Ss="k-input-inner",Qm=[],jm={},Yt=e=>{let{value:t,placeholder:o,showValue:a,valueIcon:n,valueIconName:i,...l}=e;return ec("span",{...l,className:s(e.className,Ss,E(Ss,e)),children:[n,!n&&i&&Ri(v,{className:"k-input-value-icon",icon:i}),a&&!t&&o,a&&t&&Ri("span",{className:"k-input-value-text",children:t})]})};Yt.states=Qm;Yt.options=jm;Yt.className=Ss;import{Fragment as oc,jsx as _i}from"react/jsx-runtime";var wi="k-input-loading-icon",tc=[r.disabled,r.loading],Ee=e=>{let{disabled:t,loading:o}=e;return t\|\|!o?_i(oc,{}):_i("span",{className:s(e.className,wi,"k-icon k-i-loading")})};Ee.states=tc;Ee.className=wi;import{Fragment as sc,jsx as Di}from"react/jsx-runtime";var Hi="k-input-validation-icon",ac=[r.valid,r.invalid,r.disabled,r.loading],nc={},xe=e=>{let{valid:t,invalid:o,disabled:a,loading:n}=e,i=o?"warning-circle":"check-circle";return a\|\|n\|\|!!!(t\|\|o)?Di(sc,{}):Di(v,{className:s(Hi),icon:i})};xe.states=ac;xe.options=nc;xe.className=Hi;import{Fragment as lc,jsx as zi}from"react/jsx-runtime";var rc="k-input-prefix",ic={direction:"horizontal"},Fe=e=>{let{direction:t=ic.direction,...o}=e;return e.children?zi("span",{...o,className:s(rc,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):zi(lc,{})};import{Fragment as mc,jsx as Ui}from"react/jsx-runtime";var pc="k-input-suffix",dc={direction:"horizontal"},Ge=e=>{let{direction:t=dc.direction,...o}=e;return e.children?Ui("span",{...o,className:s(pc,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):Ui(mc,{})};import{jsx as ik}from"react/jsx-runtime";import{jsx as uc}from"react/jsx-runtime";var cc="k-input-suffix-text",ks=e=>{let{children:t,...o}=e;return uc("span",{...o,className:s(cc,e.className),children:t})};import{jsx as bc}from"react/jsx-runtime";var Fi="k-input-separator",fc={direction:"vertical"},Ve=e=>{let{direction:t=fc.direction,...o}=e;return bc("span",{...o,className:s(Fi,e.className,{[`${Fi}-${t}`]:t})})};import{Fragment as Gi,jsx as ct,jsxs as Cs}from"react/jsx-runtime";var xc=J.states,Nc=J.defaultOptions,hc=J.options,vc=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],gc=[],Mo=e=>{let{modifiers:t,valid:o,invalid:a,loading:n,disabled:i,readonly:l,...m}=e,u=t?.prefix,f=t?.suffix,N=t?.["clear-button"],g=t?.["validation-icon"],c=t?.separators;return Cs(J,{...m,valid:o,invalid:a,loading:n,disabled:i,readonly:l,style:{width:300},children:[u&&Cs(Gi,{children:[ct(Fe,{children:ct(v,{icon:"lock"})}),c&&ct(Ve,{})]}),ct(fe,{placeholder:"Placeholder",value:"Value"}),g&&ct(xe,{valid:o,invalid:a,loading:n,disabled:i}),ct(Ee,{loading:n,disabled:i}),N&&ct(Pe,{loading:n,disabled:i,readonly:l,value:"Value"}),f&&Cs(Gi,{children:[c&&ct(Ve,{}),ct(Ge,{children:ct(st,{size:m.size,fillMode:"clear",children:"Send"})})]})]})};Mo.options=hc;Mo.states=xc;Mo.variants=gc;Mo.defaultOptions=Nc;Mo.modifiers=vc;Mo.className=J.className;import{jsx as Vi,jsxs as Sc}from"react/jsx-runtime";var $i="k-color-preview",Lc=[],Mc={},Tt=e=>{let{color:t,iconName:o,...a}=e;return Sc("span",{...a,className:s(e.className,$i,{"k-icon-color-preview":o,"k-no-color":!t}),children:[o&&Vi(v,{icon:o,className:"k-color-preview-icon"}),Vi("span",{className:"k-color-preview-mask",style:{backgroundColor:t}})]})};Tt.states=Lc;Tt.options=Mc;Tt.className=$i;var As="popup",Xi=As;import{jsx as qi}from"react/jsx-runtime";var Wi="k-animation-container",kc=[],Cc={},Es={positionMode:"absolute",shown:!0},ut=e=>{let{positionMode:t=Es.positionMode,shown:o=Es.shown,animationStyle:a,offset:n,...i}=e;return qi("div",{...i,style:{...n,...e.style},className:s(e.className,Wi,{"k-animation-container-shown":o,"k-animation-container-fixed":t==="fixed"}),children:qi("div",{className:"k-child-animation-container",style:a,children:e.children})})};ut.states=kc;ut.options=Cc;ut.className=Wi;ut.defaultOptions=Es;ut.moduleName=As;ut.folderName=Xi;var ys="popup",Ji=ys;import{jsx as Yi}from"react/jsx-runtime";var Zi="k-popup",Ac=[],Ec={},Qi={positionMode:"absolute"},q=e=>{let{offset:t,positionMode:o=Qi.positionMode,animationStyle:a,containerClassName:n,containerRole:i,containerAriaLabel:l,...m}=e;return Yi(ut,{positionMode:o,offset:t,animationStyle:a,className:n,role:i,"aria-label":l,children:Yi("div",{...m,className:s(e.className,Zi),children:e.children})})};q.states=Ac;q.options=Ec;q.className=Zi;q.defaultOptions=Qi;q.moduleName=ys;q.folderName=Ji;var Is="action-buttons",ji=Is;import{jsx as Tc}from"react/jsx-runtime";var rn="k-actions",yc=[],Ic={},Ts={alignment:"start",orientation:"horizontal"},Ke=e=>{let{alignment:t=Ts.alignment,orientation:o=Ts.orientation,...a}=e;return Tc("div",{...a,className:s(rn,{[`${rn}-${t}`]:t,[`${rn}-${o}`]:o},e.className),children:e.children})};Ke.states=yc;Ke.options=Ic;Ke.className=rn;Ke.defaultOptions=Ts;Ke.moduleName=Is;Ke.folderName=ji;var el=Ke;import{jsx as Bc}from"react/jsx-runtime";var Oc="k-actionsheet-footer",tl={alignment:"stretched",orientation:"horizontal"},Ot=e=>{let{alignment:t=tl.alignment,orientation:o=tl.orientation,template:a,as:n=a?"div":Ke,...i}=e;return Bc(n,{...i,...!a&&{alignment:t,orientation:o},className:s(e.className,Oc),children:e.children})};var Os="searchbox",ol=Os;import{jsx as Ca,jsxs as Rc}from"react/jsx-runtime";var al="k-searchbox",Pc=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading],Kc={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[x.undefined,x.solid,x.flat,x.outline]},ln={showIcon:!0,showClearButton:!0,icon:"search"},$e=e=>{let{value:t,placeholder:o,size:a,rounded:n,fillMode:i,hover:l,focus:m,valid:u,invalid:f,required:N,loading:g,disabled:c,showIcon:L=ln.showIcon,showClearButton:M=ln.showClearButton,icon:k=ln.icon,"aria-label":A,...C}=e;return Rc(J,{...C,size:a,rounded:n,fillMode:i,hover:l,focus:m,valid:u,invalid:f,required:N,loading:g,disabled:c,className:s(e.className,al),children:[L&&Ca(v,{className:"k-input-icon",icon:k}),Ca(fe,{placeholder:o,value:t,"aria-label":A}),Ca(Ee,{...e}),Ca(xe,{...e}),M&&Ca(Pe,{...e})]})};$e.states=Pc;$e.options=Kc;$e.className=al;$e.defaultOptions=ln;$e.moduleName=Os;$e.folderName=ol;import{jsx as BC}from"react/jsx-runtime";var Bs="textbox",nl=Bs;import{Fragment as sl,jsx as Bt,jsxs as Ps}from"react/jsx-runtime";var rl="k-textbox",_c=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading,r.readonly],wc={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[x.undefined,x.solid,x.flat,x.outline]},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:f,value:N,placeholder:g,hover:c,focus:L,valid:M,invalid:k,required:A,loading:C,disabled:y,readonly:H,id:le,"aria-label":Ae,"aria-describedby":pe,...ue}=e;return Ps(J,{...ue,size:t,rounded:o,fillMode:a,hover:c,focus:L,valid:M,invalid:k,required:A,loading:C,disabled:y,readonly:H,className:s(e.className,rl),children:[m&&Ps(sl,{children:[Bt(Fe,{children:m}),n&&Bt(Ve,{})]}),Bt(fe,{id:le,placeholder:g,value:N,type:f,disabled:y,"aria-label":Ae,"aria-describedby":pe,"aria-invalid":k?"true":void 0}),l&&Bt(xe,{valid:M,invalid:k,loading:C,disabled:y}),Bt(Ee,{loading:C,disabled:y}),i&&Bt(Pe,{loading:C,disabled:y,readonly:H,value:N}),u&&Ps(sl,{children:[n&&Bt(Ve,{}),Bt(Ge,{children:u})]})]})};de.states=_c;de.options=wc;de.className=rl;de.defaultOptions=pn;de.moduleName=Bs;de.folderName=nl;var Aa=de;import{jsx as Dc}from"react/jsx-runtime";var dn=e=>Dc(Aa,{...e});import{Fragment as YC,jsx as JC}from"react/jsx-runtime";import{Fragment as oA,jsx as tA}from"react/jsx-runtime";import{jsx as rA}from"react/jsx-runtime";import{jsx as Ks}from"react/jsx-runtime";var Hc=de.states,zc=de.defaultOptions,Uc=de.options,Fc=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],Gc=[],So=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(n=>{switch(n){case"prefix":a.prefix=t?.[n]?Ks(v,{icon:"lock"}):void 0;break;case"suffix":a.suffix=t?.[n]?Ks(st,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":a.showClearButton=t?.[n];break;default:break}}),Ks(dn,{value:"Value",style:{width:300},...o,...a})};So.options=Uc;So.states=Hc;So.variants=Gc;So.defaultOptions=zc;So.modifiers=Fc;So.className=de.className;import{jsx as Pt,jsxs as Rs}from"react/jsx-runtime";var il="k-actionsheet-titlebar",Vc={},Ne=e=>{let{title:t,subtitle:o,actionsStart:a,actionsEnd:n,filter:i,input:l,inputValue:m,inputPlaceholder:u,adaptive:f,titleId:N,children:g,...c}=e;return Rs("div",{...c,className:s(e.className,il),children:[Rs("div",{className:"k-actionsheet-titlebar-group",children:[a&&Pt("div",{className:"k-actionsheet-actions",children:a}),!g&&Rs("div",{className:"k-actionsheet-title",id:N,children:[t&&Pt("div",{className:"k-text-center",children:t}),o&&Pt("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),g&&Pt("div",{className:"k-actionsheet-title",id:N,children:g}),n&&Pt("div",{className:"k-actionsheet-actions",children:n})]}),(l\|\|i)&&Pt("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:l?Pt(de,{value:m,placeholder:u,size:f?"large":"medium","aria-label":t\|\|u\|\|"Input"}):Pt($e,{placeholder:"Filter",size:f?"large":"medium","aria-label":"Filter options"})})]})};Ne.className=il;Ne.defaultOptions=Vc;import{jsx as _s,jsxs as Wc}from"react/jsx-runtime";var ws="k-actionsheet-view",$c=[],Xc={},qc={},ko=e=>{let{adaptive:t,animated:o,children:a,header:n,footer:i,titleId:l,...m}=e,u=n?.type===Ne&&_s(Ne,{adaptive:t,titleId:l,...n?.props}),f=i?.type===Ot&&_s(Ot,{...i?.props});return Wc("div",{...m,className:s(e.className,ws,{[`${ws}-animated`]:o}),children:[u,_s("div",{className:"k-actionsheet-content",children:a}),f]})};ko.states=$c;ko.options=Xc;ko.className=ws;ko.defaultOptions=qc;var Ea="action-sheet",mn=Ea;var Ds="overlay",ll=Ds;import{jsx as Qc}from"react/jsx-runtime";var pl="k-overlay",Jc=[],Yc={},Zc={},ft=e=>{let{...t}=e;return Qc("div",{...t,className:s(e.className,pl),children:e.children})};ft.states=Jc;ft.options=Yc;ft.className=pl;ft.defaultOptions=Zc;ft.moduleName=Ds;ft.folderName=ll;import{jsx as cn,jsxs as tu}from"react/jsx-runtime";var dl="k-actionsheet",jc=[],eu={},ya={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},Y=e=>{let{side:t=ya.side,fullscreen:o=ya.fullscreen,adaptive:a=ya.adaptive,overlay:n=ya.overlay,template:i,children:l,header:m,footer:u,id:f,...N}=e,g=f&&!i&&m?`${f}-title`:void 0;return tu("div",{className:"k-actionsheet-container",children:[n&&cn(ft,{}),cn(ut,{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",{...N,id:f,role:"dialog","aria-modal":n?"true":void 0,"aria-labelledby":g,className:s(e.className,dl,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":a}),children:i\|\|cn(ko,{header:m,footer:u,adaptive:a,titleId:g,...e,children:l})})})]})};Y.states=jc;Y.options=eu;Y.className=dl;Y.defaultOptions=ya;Y.moduleName=Ea;Y.folderName=mn;import{jsx as su}from"react/jsx-runtime";var ml="k-actionsheet-container",ou=[],au={},nu={},Co=e=>{let{children:t,...o}=e;return su("div",{...o,className:ml,children:t})};Co.states=ou;Co.options=au;Co.className=ml;Co.defaultOptions=nu;Co.moduleName=Ea;Co.folderName=mn;import{jsx as ru}from"react/jsx-runtime";var Hs=e=>{let{...t}=e;return ru("div",{...t,className:s(e.className,"k-list-ul"),children:e.children})};import{Fragment as lu,jsx as Ia,jsxs as zs}from"react/jsx-runtime";var Us="k-actionsheet-item",iu=[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 zs("span",{...u,className:s(e.className,Us,S(Us,{hover:n,focus:i,selected:l,disabled:m})),children:[!e.children&&Ia(lu,{children:zs("span",{className:"k-actionsheet-action",children:[t&&Ia("span",{className:"k-icon-wrap",children:Ia(v,{className:"k-actionsheet-item-icon",icon:t})}),zs("span",{className:"k-actionsheet-item-text",children:[o&&Ia("span",{className:"k-actionsheet-item-title",children:o}),a&&Ia("span",{className:"k-actionsheet-item-description",children:a})]})]})}),e.children]})};Kt.states=iu;Kt.className=Us;import{jsx as sE,jsxs as rE}from"react/jsx-runtime";import{jsx as dE}from"react/jsx-runtime";import{jsx as fE}from"react/jsx-runtime";import{jsx as hE}from"react/jsx-runtime";import{jsx as se,jsxs as Fs}from"react/jsx-runtime";var pu=Y.options,du=Y.states,ul={...Y.defaultOptions,variant:"normal"},mu=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],cu=[{name:"actions",title:"Titlebar Actions",type:"boolean"},{name:"subtitle",title:"Subtitle",type:"boolean"},{name:"footer",title:"Footer",type:"boolean"}],Ao=e=>{let{variant:t,modifiers:o,...a}={...ul,...e},n={},i=Fs(Hs,{children:[se(Kt,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),se(Kt,{text:"Add to Favorites",iconName:"heart"}),se(Kt,{text:"Upload New",iconName:"upload",disabled:!0}),se("hr",{className:"k-hr"}),se(Kt,{text:"Cancel",iconName:"cancel"})]}),l="Choose from the items below",m="Select Item";return t==="fullScreen"&&(n.fullScreen=!0),Object.keys(o\|\|{}).forEach(u=>{switch(u){case"actions":n.actionsStart=!!o?.[u],n.actionsEnd=!!o?.[u];break;case"subtitle":n.subtitle=o?.[u]?l:void 0;break;case"footer":n.footer=!!o?.[u];break;default:break}}),t==="adaptive"?se(Y,{...a,adaptive:!0,fullscreen:n.fullScreen,header:se(Ne,{actionsStart:n.actionsStart?se(p,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:n.actionsEnd?se(p,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:m,subtitle:n.subtitle}),footer:n.footer?Fs(Ot,{alignment:"stretched",children:[se(p,{text:"Cancel",size:"large",themeColor:"base"}),se(p,{text:"Apply",size:"large",themeColor:"primary"})]}):void 0,children:i}):se(Y,{...a,fullscreen:n.fullScreen,header:se(Ne,{actionsStart:n.actionsStart?se(p,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:n.actionsEnd?se(p,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:n.subtitle}),footer:n.footer?Fs(Ot,{alignment:"stretched",children:[se(p,{text:"Apply",themeColor:"primary"}),se(p,{text:"Cancel",themeColor:"base"})]}):void 0,children:i})};Ao.options=pu;Ao.states=du;Ao.variants=mu;Ao.defaultOptions=ul;Ao.modifiers=cu;Ao.className=Y.className;var Gs="slider",fl=Gs;import{jsx as Eo,jsxs as Vs}from"react/jsx-runtime";var Ta="k-slider",uu=[r.hover,r.focus,r.active,r.disabled,r.readonly],fu={},Xe={type:"single",orientation:"horizontal",gradientType:"1d",readonly:!1,disabled:!1,handlePosition:"end",showButtons:!0,showTicks:!0,value:50,min:0,max:100},$=e=>{let{type:t=Xe.type,orientation:o=Xe.orientation,gradientType:a=Xe.gradientType,readonly:n=Xe.readonly,disabled:i=Xe.disabled,handlePosition:l=Xe.handlePosition,showButtons:m=Xe.showButtons,showTicks:u=Xe.showTicks,value:f=Xe.value,min:N=Xe.min,max:g=Xe.max,startValue:c,endValue:L,hover:M,focus:k,active:A,trackStyle:C,dir:y,...H}=e,Ae=(()=>{if(t==="gradient"&&a==="2d")return"undefined";if(o==="vertical")return"vertical"})(),pe,ue;return o==="horizontal"?(pe=y==="rtl"?"chevron-left":"chevron-right",ue=y==="rtl"?"chevron-right":"chevron-left"):o==="vertical"&&(pe="chevron-up",ue="chevron-down"),Vs("div",{...H,className:s(Ta,e.className,S(Ta,{readonly:n,disabled:i}),{[`k-slider-${o}`]:o,"k-colorgradient-slider":t==="gradient"}),dir:y,children:[m&&Eo(p,{className:"k-button-decrease",rounded:"full",icon:ue,tabIndex:-1,title:"Decrease"}),Vs("div",{className:"k-slider-track-wrap",children:[u&&Eo("ul",{className:"k-reset k-slider-items","aria-hidden":"true",children:e.children}),Vs("div",{className:"k-slider-track",style:C,children:[Eo("div",{className:"k-slider-selection"}),t==="range"&&Eo("span",{className:s("k-draghandle","k-draghandle-start",S(Ta,{hover:M,focus:k,active:A})),role:"slider",tabIndex:i?void 0:0,"aria-valuenow":c??N,"aria-valuemin":N,"aria-valuemax":L??g,"aria-orientation":Ae,"aria-disabled":i?"true":void 0,"aria-readonly":n?"true":void 0,"aria-label":H["aria-label"]?`${H["aria-label"]} start`:"Range start"}),Eo("span",{className:s("k-draghandle",`k-draghandle-${l}`,S(Ta,{hover:M,focus:k,active:A})),role:"slider",tabIndex:i?void 0:0,"aria-valuenow":t==="range"?L??g:f,"aria-valuemin":t==="range"?c??N:N,"aria-valuemax":g,"aria-orientation":Ae,"aria-disabled":i?"true":void 0,"aria-readonly":n?"true":void 0,"aria-label":t==="range"?H["aria-label"]?`${H["aria-label"]} end`:"Range end":H["aria-label"]})]})]}),m&&Eo(p,{className:"k-button-increase",rounded:"full",icon:pe,tabIndex:-1,title:"Increase"})]})};$.states=uu;$.options=fu;$.className=Ta;$.defaultOptions=Xe;$.moduleName=Gs;$.folderName=fl;import{jsx as bl}from"react/jsx-runtime";var xl="k-tick",bu=[],xu={},Nl={label:!1},I=e=>{let{style:t,label:o=Nl.label,orientation:a,large:n,text:i,...l}=e;return bl("li",{...l,role:"presentation",title:i\|\|"Tick",className:s(e.className,xl,{[`k-tick-${a}`]:a,"k-tick-large":n}),style:t,children:o&&bl("span",{className:"k-label",children:i})})};I.states=bu;I.options=xu;I.className=xl;I.defaultOptions=Nl;import{Fragment as Nu,jsx as qe,jsxs as hu}from"react/jsx-runtime";var hl=e=>qe($,{"aria-label":e["aria-label"]\|\|"Slider",children:hu(Nu,{children:[qe(I,{className:"k-first",label:!0,large:!0,text:"0"}),qe(I,{}),qe(I,{}),qe(I,{}),qe(I,{}),qe(I,{label:!0,large:!0,text:"5"}),qe(I,{}),qe(I,{}),qe(I,{}),qe(I,{}),qe(I,{className:"k-last",label:!0,large:!0,text:"10"})]}),...e});import{Fragment as vu,jsx as We,jsxs as gu}from"react/jsx-runtime";var vl=e=>We($,{children:gu(vu,{children:[We(I,{className:"k-first",label:!0,large:!0,text:"0"}),We(I,{}),We(I,{}),We(I,{}),We(I,{}),We(I,{label:!0,large:!0,text:"5"}),We(I,{}),We(I,{}),We(I,{}),We(I,{}),We(I,{className:"k-last",label:!0,large:!0,text:"10"})]}),"aria-label":e["aria-label"]\|\|"Vertical slider",...e,orientation:"vertical"});import{Fragment as ry,jsx as sy,jsxs as iy}from"react/jsx-runtime";import{Fragment as cy,jsx as my,jsxs as uy}from"react/jsx-runtime";import{jsx as Lu}from"react/jsx-runtime";var $s=e=>Lu($,{type:"gradient",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]\|\|"Color slider"});import{jsx as Mu}from"react/jsx-runtime";var Xs=e=>Mu($,{type:"gradient",orientation:"vertical",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]\|\|"Color slider"});import{Fragment as ky,jsx as Sy,jsxs as Cy}from"react/jsx-runtime";import{Fragment as Ty,jsx as Iy,jsxs as Oy}from"react/jsx-runtime";import{jsx as bt,jsxs as gl}from"react/jsx-runtime";var Su=$.options,ku=$.states,Ll={...$.defaultOptions,variant:"horizontal",label:!0},Cu=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],Au=[{name:"label",title:"Labels",default:!0},{name:"tick",title:"Ticks",default:!0},{name:"button",title:"Side Buttons",default:!0}],yo=e=>{let{variant:t,modifiers:o,...a}=e,n=Ll.label,i={};Object.keys(o\|\|{}).forEach(m=>{switch(m){case"button":{i.showButtons=!!o?.[m];break}case"label":{n=!!o?.[m];break}case"tick":{i.showTicks=!!o?.[m];break}}});let l={"--kendo-slider-start":0,"--kendo-slider-end":60};return t==="vertical"?gl(vl,{style:{height:"300px",...l},...a,...i,children:[bt(I,{label:n,large:!0,orientation:"vertical",text:"0",style:{position:"absolute",bottom:"0%"}}),bt(I,{label:n,large:!0,orientation:"vertical",text:"2",style:{position:"absolute",bottom:"25%"}}),bt(I,{label:n,large:!0,orientation:"vertical",text:"4",style:{position:"absolute",bottom:"50%"}}),bt(I,{label:n,large:!0,orientation:"vertical",text:"6",style:{position:"absolute",bottom:"75%"}}),bt(I,{label:n,large:!0,orientation:"vertical",text:"8",style:{position:"absolute",bottom:"100%"}})]}):gl(hl,{style:{width:"400px",...l},...a,...i,children:[bt(I,{label:n,large:!0,orientation:"horizontal",text:"0",style:{position:"absolute",left:"0%"}}),bt(I,{label:n,large:!0,orientation:"horizontal",text:"2",style:{position:"absolute",left:"25%"}}),bt(I,{label:n,large:!0,orientation:"horizontal",text:"4",style:{position:"absolute",left:"50%"}}),bt(I,{label:n,large:!0,orientation:"horizontal",text:"6",style:{position:"absolute",left:"75%"}}),bt(I,{label:n,large:!0,orientation:"horizontal",text:"8",style:{position:"absolute",left:"100%"}})]})};yo.options=Su;yo.states=ku;yo.variants=Cu;yo.defaultOptions=Ll;yo.modifiers=Au;yo.className=$.className;import{jsx as Ml,jsxs as Ou}from"react/jsx-runtime";var Sl="k-spin-button",Iu=[],Tu={size:[d.undefined,d.small,d.medium,d.large],fillMode:[x.undefined,x.solid,x.flat,x.outline,x.clear,x.link]},qs={increaseLabel:"Increase value",decreaseLabel:"Decrease value"},Rt=e=>{let{size:t,fillMode:o,disabled:a,increaseLabel:n=qs.increaseLabel,decreaseLabel:i=qs.decreaseLabel,...l}=e;return Ou("span",{...l,className:s(Sl,e.className),children:[Ml(p,{className:"k-spinner-increase",icon:"chevron-up",size:t,fillMode:o,disabled:a,"aria-label":n}),Ml(p,{className:"k-spinner-decrease",icon:"chevron-down",size:t,fillMode:o,disabled:a,"aria-label":i})]})};Rt.states=Iu;Rt.options=Tu;Rt.className=Sl;Rt.defaultOptions=qs;Rt.moduleName=null;Rt.folderName=null;var kl="numeric-textbox",Cl="numerictextbox";import{Fragment as Al,jsx as Mt,jsxs as Ws}from"react/jsx-runtime";var El="k-numerictextbox",Bu=[r.hover,r.focus,r.valid,r.invalid,r.loading,r.required,r.disabled,r.readonly],Pu={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[x.undefined,x.solid,x.flat,x.outline]},un={showSpinButton:!0,showClearButton:!0,separators:!0},w=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:f,placeholder:N,hover:g,focus:c,valid:L,invalid:M,required:k,loading:A,disabled:C,readonly:y,id:H,"aria-label":le,"aria-describedby":Ae,...pe}=e;return Ws(J,{...pe,size:t,rounded:o,fillMode:a,hover:g,focus:c,valid:L,invalid:M,required:k,loading:A,disabled:C,readonly:y,className:s(e.className,El),children:[m&&Ws(Al,{children:[Mt(Fe,{children:m}),n&&Mt(Ve,{})]}),Mt(fe,{id:H,placeholder:N,value:f,role:"spinbutton",disabled:C,"aria-label":le,"aria-describedby":Ae,"aria-invalid":M?"true":void 0}),Mt(xe,{valid:L,invalid:M,loading:A,disabled:C}),Mt(Ee,{loading:A,disabled:C}),i&&Mt(Pe,{loading:A,disabled:C,readonly:y,value:f}),u&&Ws(Al,{children:[n&&Mt(Ve,{}),Mt(Ge,{children:u})]}),l&&Mt(Rt,{className:"k-input-spinner",size:t,fillMode:a,disabled:C})]})};w.states=Bu;w.options=Pu;w.className=El;w.defaultOptions=un;w.moduleName=kl;w.folderName=Cl;var Oa=w;import{jsx as Ku}from"react/jsx-runtime";var yl=e=>Ku(Oa,{...e});import Ys from"react";import{jsx as Il}from"react/jsx-runtime";var Ru="k-list-group-sticky-header",Js=e=>Il("div",{className:s(Ru,e.className),children:Il("div",{className:"k-list-header-text",children:e.children})});import{jsx as wu}from"react/jsx-runtime";var _u="k-no-data",fn=e=>{let{live:t,...o}=e;return wu("span",{...o,className:s(_u,e.className),"aria-live":t?"polite":void 0,children:e.children})};var Zt="list",Io=Zt;import{jsx as Tl,jsxs as Ol}from"react/jsx-runtime";var Zs="k-list",Du=[],Hu={size:[d.undefined,d.small,d.medium,d.large]},zu={},K=e=>{let{size:t,virtualization:o,children:a,header:n,selectAll:i,optionLabel:l,customValue:m,noData:u,screenReaders:f,...N}=e,c=Ys.Children.toArray(a)[0],L=c?.props?.children?Ys.Children.count(c.props.children):Ys.Children.count(a);return Ol("div",{...N,className:s(e.className,Zs,E(Zs,{size:t}),{"k-virtual-list":o}),children:[l,i,m,n&&Tl(Js,{children:n}),a\|\|(u!==void 0?u:Tl(fn,{live:!0,children:"No data found."})),f&&a&&Ol(fn,{className:"k-sr-only",live:!0,children:[L," items found."]})]})};K.states=Du;K.options=Hu;K.className=Zs;K.defaultOptions=zu;K.moduleName=Zt;K.folderName=Io;import{jsx as Vu}from"react/jsx-runtime";var Bl="k-list-container",Uu=[],Fu={},Gu={},To=e=>{let{...t}=e;return Vu("div",{...t,className:s(e.className,Bl),children:e.children})};To.states=Uu;To.options=Fu;To.className=Bl;To.defaultOptions=Gu;To.moduleName=Zt;To.folderName=Io;var Qt="checkbox",Oo=Qt;import{jsx as Pl}from"react/jsx-runtime";var bn="k-checkbox",$u=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.checked,r.indeterminate],Xu={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full]},qu={},Re=e=>{let{id:t,checked:o,indeterminate:a,hover:n,focus:i,disabled:l,invalid:m,valid:u,required:f,size:N,rounded:g,wrapperRole:c,...L}=e;return Pl("span",{className:"k-checkbox-wrap",role:c,children:Pl("input",{...L,id:t,type:"checkbox",defaultChecked:o,required:f,disabled:l\|\|void 0,"aria-invalid":m?"true":void 0,className:s(e.className,bn,E(bn,{size:N,rounded:g}),S(bn,{hover:n,focus:i,disabled:l,invalid:m,valid:u,indeterminate:a,checked:o}))})})};Re.states=$u;Re.options=Xu;Re.className=bn;Re.defaultOptions=qu;Re.moduleName=Qt;Re.folderName=Oo;var rt=Re;import{jsx as Yu}from"react/jsx-runtime";var Kl="k-checkbox-list",Wu=[],Ju={},Rl={layout:"vertical"},he=e=>{let{layout:t=Rl.layout,...o}=e;return Yu("ul",{...o,className:s(e.className,Kl,{[`k-list-${t}`]:t}),children:e.children})};he.states=Wu;he.options=Ju;he.className=Kl;he.defaultOptions=Rl;he.moduleName=Qt;he.folderName=Oo;import{jsx as ef}from"react/jsx-runtime";var _l="k-checkbox-list-item",Zu=[],Qu={},ju={},ve=e=>{let{...t}=e;return ef("li",{...t,className:s(e.className,_l),children:e.children})};ve.states=Zu;ve.options=Qu;ve.className=_l;ve.defaultOptions=ju;ve.moduleName=Qt;ve.folderName=Oo;import{Fragment as tf,jsx as wl,jsxs as of}from"react/jsx-runtime";var St=({children:e="Label",id:t="cb-label-after",...o})=>of(tf,{children:[wl(rt,{id:t,...o}),wl("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});import{Fragment as tT,jsx as eT,jsxs as oT}from"react/jsx-runtime";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{jsx as hT}from"react/jsx-runtime";import{jsx as MT}from"react/jsx-runtime";import{jsx as AT}from"react/jsx-runtime";import{jsx as Je,jsxs as Dl}from"react/jsx-runtime";var af=he.options,nf=he.states,sf={...he.defaultOptions,variant:"vertical"},rf=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],lf=[],Bo=e=>{let{variant:t,...o}=e;return t==="horizontal"?Dl(he,{layout:"horizontal",...o,children:[Je(ve,{children:Je(St,{id:B("cb"),defaultChecked:!0,children:"Label"})}),Je(ve,{children:Je(St,{id:B("cb"),children:"Label"})}),Je(ve,{children:Je(St,{id:B("cb"),children:"Label"})})]}):Dl(he,{...o,children:[Je(ve,{children:Je(St,{id:B("cb"),defaultChecked:!0,children:"Label"})}),Je(ve,{children:Je(St,{id:B("cb"),children:"Label"})}),Je(ve,{children:Je(St,{id:B("cb"),children:"Label"})})]})};Bo.options=af;Bo.states=nf;Bo.variants=rf;Bo.defaultOptions=sf;Bo.modifiers=lf;Bo.className=he.className;import{jsx as ff}from"react/jsx-runtime";var pf=rt.options,df=rt.states,mf=rt.defaultOptions,cf=[],uf=[],Po=e=>ff(St,{id:B("checkbox"),...e,defaultChecked:!0,children:"Label"});Po.options=pf;Po.states=df;Po.variants=cf;Po.defaultOptions=mf;Po.modifiers=uf;Po.className=rt.className;import{jsx as Ko,jsxs as hf}from"react/jsx-runtime";var Qs="k-list-item",bf=[r.hover,r.focus,r.selected,r.disabled],xf={},Nf={},O=e=>{let{text:t,iconName:o,iconClassName:a,showCheckbox:n,checked:i,hover:l,focus:m,selected:u,disabled:f,actions:N,description:g,id:c,...L}=e,M=t\|\|e.children,k=t\|\|(typeof M=="string"?M:void 0);return hf("li",{...L,id:c,role:"option",tabIndex:m?0:-1,"aria-selected":u?"true":"false","aria-disabled":f?"true":void 0,className:s(e.className,Qs,S(Qs,{hover:l,focus:m,disabled:f,selected:u})),children:[n&&Ko(Re,{checked:i,disabled:f,"aria-label":k,tabIndex:-1}),o&&Ko("span",{className:"k-list-item-icon-wrapper",children:Ko(v,{icon:o,className:s("k-list-item-icon",a)})}),Ko("span",{className:"k-list-item-text",children:M}),N&&Ko("div",{className:"k-list-item-actions",children:N}),g&&Ko("span",{className:"k-list-item-description",children:g})]})};O.states=bf;O.options=xf;O.className=Qs;O.defaultOptions=Nf;O.moduleName=Zt;O.folderName=Io;import{jsx as gf}from"react/jsx-runtime";var vf="k-list-ul",_t=e=>{let{children:t,role:o,id:a,...n}=e;return gf("ul",{...n,id:a,role:o,className:s(vf,e.className),children:t})};import{jsx as js,jsxs as Mf}from"react/jsx-runtime";var Lf="k-list-content",z=e=>{let{virtualization:t,grouping:o,"aria-label":a,"aria-labelledby":n,listboxId:i,...l}=e;return Mf("div",{...l,className:s(Lf,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:js(_t,{role:"listbox",id:i,"aria-label":a,"aria-labelledby":n,children:e.children}),t&&js("div",{className:"k-height-container",children:js("div",{})})]})};import{jsx as er,jsxs as Af}from"react/jsx-runtime";var xn="k-list-sticky-header",Sf=[r.hover,r.focus,r.selected],kf={},Cf={},Nn=e=>{let{label:t="Select all",showCheckbox:o=!0,checked:a,indeterminate:n,hover:i,focus:l,selected:m,...u}=e;return er("div",{...u,className:s(xn,e.className),children:Af("div",{className:s(`${xn}-item`,S(`${xn}-item`,{hover:i,focus:l,selected:m})),"aria-label":t,...!o&&{tabIndex:0,"aria-selected":m?"true":"false"},children:[o&&er(Re,{checked:a,indeterminate:n,"aria-label":t}),er("span",{className:"k-list-item-text",children:t})]})})};Nn.states=Sf;Nn.options=kf;Nn.className=xn;Nn.defaultOptions=Cf;import{Fragment as gO,jsx as vO,jsxs as LO}from"react/jsx-runtime";import{jsx as AO,jsxs as EO}from"react/jsx-runtime";import{jsx as Tf}from"react/jsx-runtime";var tr="k-list-optionlabel",Ef=[r.hover,r.focus,r.selected,r.disabled],yf={},If={},hn=e=>{let{text:t,hover:o,focus:a,selected:n,disabled:i,...l}=e;return Tf("div",{...l,className:s(tr,S(tr,{hover:o,focus:a,selected:n,disabled:i})),children:t})};hn.states=Ef;hn.options=yf;hn.className=tr;hn.defaultOptions=If;import{jsx as Kf}from"react/jsx-runtime";var or="k-list-custom-value",Of=[r.hover,r.focus,r.selected,r.disabled],Bf={},Pf={},wt=e=>{let{text:t,hover:o,focus:a,selected:n,disabled:i,...l}=e;return Kf("div",{...l,className:s(or,S(or,{hover:o,focus:a,selected:n,disabled:i})),children:t})};wt.states=Of;wt.options=Bf;wt.className=or;wt.defaultOptions=Pf;import{Fragment as HO,jsx as DO,jsxs as zO}from"react/jsx-runtime";import{Fragment as XO,jsx as $O,jsxs as qO}from"react/jsx-runtime";import{Fragment as eB,jsx as QO,jsxs as jO}from"react/jsx-runtime";import{Fragment as iB,jsx as sB,jsxs as rB}from"react/jsx-runtime";import{jsx as mB}from"react/jsx-runtime";import{Fragment as NB,jsx as xB,jsxs as hB}from"react/jsx-runtime";import{Fragment as kB,jsx as SB,jsxs as CB}from"react/jsx-runtime";var Hl="dropdown-list",zl="dropdownlist";import{Fragment as wf,jsx as ge,jsxs as ar}from"react/jsx-runtime";var Ul="k-dropdownlist",Rf=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading,r.readonly],_f={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[x.undefined,x.solid,x.flat,x.outline]},nr={showValue:!0,arrowIconName:"chevron-down"},ne=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:n=nr.arrowIconName,showValue:i=nr.showValue,valueIconName:l,prefix:m,suffix:u,value:f,placeholder:N,hover:g,focus:c,valid:L,invalid:M,required:k,loading:A,disabled:C,readonly:y,popup:H,opened:le,adaptive:Ae,adaptiveSettings:pe,adaptiveTitle:ue,adaptiveSubtitle:Qn,adaptiveFilter:Xt,id:qt,activeDescendant:ba,"aria-label":jn,...es}=e,ts=qt?`${qt}-listbox`:void 0,ii=qt?`${qt}-value`:void 0;return ar(wf,{children:[ar(mt,{...es,id:qt,size:t,rounded:o,fillMode:a,hover:g,focus:c,valid:L,invalid:M,required:k,loading:A,disabled:C,readonly:y,className:s(e.className,Ul,{"k-icon-picker":!i&&l}),role:"combobox","aria-haspopup":"listbox","aria-expanded":le?"true":"false","aria-controls":le?ts:void 0,"aria-activedescendant":le&&ba?ba:void 0,"aria-describedby":le?ii:void 0,"aria-disabled":C?"true":void 0,"aria-label":jn,tabIndex:0,children:[ge(Fe,{children:m}),ge(Yt,{placeholder:N,value:f,showValue:i,valueIconName:l,id:ii}),ge(xe,{valid:L,invalid:M,loading:A,disabled:C}),ge(Ee,{loading:A,disabled:C}),ge(Ge,{children:u}),ge(p,{className:"k-input-button",icon:n,size:e.size,fillMode:e.fillMode,"aria-label":N\|\|"Toggle dropdown",tabIndex:-1})]}),le&&H&&ge(q,{className:"k-list-container k-dropdownlist-popup",containerRole:"region",containerAriaLabel:"Dropdown suggestions",children:H}),Ae&&ge(Y,{adaptive:!0,...pe,header:ge(Ne,{actionsEnd:ge(p,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),filter:Xt,inputValue:f,inputPlaceholder:N,title:ue,subtitle:Qn}),children:ge("div",{className:"k-list-container",children:ge(K,{size:"large",children:ar(z,{"aria-label":"Options",children:[ge(O,{text:"List item"}),ge(O,{text:"List item"}),ge(O,{text:"List item"})]})})})})]})};ne.states=Rf;ne.options=_f;ne.className=Ul;ne.defaultOptions=nr;ne.moduleName=Hl;ne.folderName=zl;import{jsx as rP}from"react/jsx-runtime";import{jsx as cP,jsxs as uP}from"react/jsx-runtime";import{Fragment as MP,jsx as gP,jsxs as LP}from"react/jsx-runtime";import{jsx as EP}from"react/jsx-runtime";import{jsx as PP,jsxs as KP}from"react/jsx-runtime";import{Fragment as GP,jsx as UP,jsxs as FP}from"react/jsx-runtime";import{jsx as WP}from"react/jsx-runtime";import{Fragment as Gf,jsx as Dt,jsxs as Fl}from"react/jsx-runtime";var Df=ne.states,Hf=ne.defaultOptions,zf=ne.options,Uf=[{name:"opened",title:"Opened"}],Ff=[],_o=e=>{let{modifiers:t,...o}=e,a={},n=Fl(Gf,{children:[Dt("div",{className:"k-list-filter",children:Dt($e,{})}),Dt(K,{style:{width:300},size:o.size,children:Fl(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})})};_o.options=zf;_o.states=Df;_o.variants=Ff;_o.defaultOptions=Hf;_o.modifiers=Uf;_o.className=ne.className;import{Fragment as xK,jsx as bK}from"react/jsx-runtime";import{Fragment as MK,jsx as LK}from"react/jsx-runtime";import{jsx as AK}from"react/jsx-runtime";import{jsx as sr}from"react/jsx-runtime";var Vf=w.states,$f=w.defaultOptions,Xf=w.options,qf=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"spin-button",title:"`Spin` Button"}],Wf=[],wo=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(n=>{switch(n){case"prefix":a.prefix=t?.[n]?sr(ne,{size:o.size,fillMode:"flat",value:"mm"}):void 0;break;case"suffix":a.suffix=t?.[n]?sr(ks,{children:"mm"}):void 0;break;case"clear-button":a.showClearButton=t?.[n];break;case"spin-button":a.showSpinButton=t?.[n];break;default:break}}),sr(yl,{value:"Value",style:{width:300},...o,...a})};wo.options=Xf;wo.states=Vf;wo.variants=Wf;wo.defaultOptions=$f;wo.modifiers=qf;wo.className=w.className;import{Fragment as Pa,jsx as P,jsxs as Z}from"react/jsx-runtime";var Gl="k-colorgradient-inputs",Jf=[],Yf={size:[d.undefined,d.small,d.medium,d.large]},Vl={mode:"rgba"},Do=e=>{let{mode:t=Vl.mode,size:o,...a}=e;return Z("div",{...a,className:s(Gl,"k-hstack"),children:[P("div",{className:"k-vstack",children:P(p,{fillMode:"flat",icon:"caret-alt-expand",className:"k-colorgradient-toggle-mode",size:o,"aria-label":"Toggle color input format"})}),t==="rgba"&&Z(Pa,{children:[Z("div",{className:"k-vstack",children:[P(w,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Red channel"}),P("label",{className:"k-colorgradient-input-label",children:"R"})]}),Z("div",{className:"k-vstack",children:[P(w,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Green channel"}),P("label",{className:"k-colorgradient-input-label",children:"G"})]}),Z("div",{className:"k-vstack",children:[P(w,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Blue channel"}),P("label",{className:"k-colorgradient-input-label",children:"B"})]}),Z("div",{className:"k-vstack",children:[P(w,{showSpinButton:!1,showClearButton:!1,value:"1.00",size:o,"aria-label":"Alpha channel"}),P("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="rgb"&&Z(Pa,{children:[Z("div",{className:"k-vstack",children:[P(w,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Red channel"}),P("label",{className:"k-colorgradient-input-label",children:"R"})]}),Z("div",{className:"k-vstack",children:[P(w,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Green channel"}),P("label",{className:"k-colorgradient-input-label",children:"G"})]}),Z("div",{className:"k-vstack",children:[P(w,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Blue channel"}),P("label",{className:"k-colorgradient-input-label",children:"B"})]})]}),t==="hsva"&&Z(Pa,{children:[Z("div",{className:"k-vstack",children:[P(w,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),P("label",{className:"k-colorgradient-input-label",children:"H"})]}),Z("div",{className:"k-vstack",children:[P(w,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),P("label",{className:"k-colorgradient-input-label",children:"S"})]}),Z("div",{className:"k-vstack",children:[P(w,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),P("label",{className:"k-colorgradient-input-label",children:"V"})]}),Z("div",{className:"k-vstack",children:[P(w,{showSpinButton:!1,showClearButton:!1,value:"1.00","aria-label":"Alpha channel"}),P("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="hsv"&&Z(Pa,{children:[Z("div",{className:"k-vstack",children:[P(w,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),P("label",{className:"k-colorgradient-input-label",children:"H"})]}),Z("div",{className:"k-vstack",children:[P(w,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),P("label",{className:"k-colorgradient-input-label",children:"S"})]}),Z("div",{className:"k-vstack",children:[P(w,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),P("label",{className:"k-colorgradient-input-label",children:"V"})]})]}),t==="hex"&&P(Pa,{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"})]})})]})};Do.states=Jf;Do.options=Yf;Do.className=Gl;Do.defaultOptions=Vl;import{jsx as jt,jsxs as eo}from"react/jsx-runtime";var $l="k-colorgradient-color-contrast",Zf=[],Qf={},jf={},Ho=()=>eo("div",{className:s($l,"k-vbox"),children:[eo("div",{className:"k-contrast-ratio",children:[jt("span",{className:"k-contrast-ratio-text",children:"Contrast ratio: 7.1"}),eo("span",{className:"k-contrast-validation !k-text-success",children:[jt(v,{icon:"check"}),jt(v,{icon:"check"})]})]}),eo("div",{children:[jt("span",{children:"AA: 4.5"}),eo("span",{className:"k-contrast-validation !k-text-success",children:["Pass",jt(v,{icon:"check"})]})]}),eo("div",{children:[jt("span",{children:"AAA: 7.0"}),eo("span",{className:"k-contrast-validation !k-text-error",children:["Fail",jt(v,{icon:"x"})]})]})]});Ho.states=Zf;Ho.options=Qf;Ho.className=$l;Ho.defaultOptions=jf;var Xl="color-gradient",ql="colorgradient";import{jsx as Ye,jsxs as Ka}from"react/jsx-runtime";var vn="k-colorgradient",eb=[r.hover,r.focus,r.readonly,r.disabled],tb={size:[d.undefined,d.small,d.medium,d.large]},xt={mode:"rgba",readonly:!1,disabled:!1,contrast:!1,gradientStyle:{background:"rgb(255, 0, 0 )"},dragHandleStyle:{top:"50px",left:"73px"},alphaStyle:{background:"linear-gradient(to top, transparent, rgb(255, 0, 0))"},alphaStyleHorizontal:{background:"linear-gradient(to right, transparent, rgb(255, 0, 0))"},canvasOrientation:"horizontal"},re=e=>{let{size:t,mode:o=xt.mode,readonly:a=xt.readonly,disabled:n=xt.disabled,gradientStyle:i=xt.gradientStyle,dragHandleStyle:l=xt.dragHandleStyle,alphaStyle:m=xt.alphaStyle,alphaStyleHorizontal:u=xt.alphaStyleHorizontal,contrast:f=xt.contrast,dir:N,hover:g,focus:c,hoverHandle:L,focusHandle:M,canvasOrientation:k=xt.canvasOrientation,role:A,tabIndex:C,...y}=e;return Ka("div",{...y,role:A??"textbox","aria-label":A==="none"?void 0:"Color gradient",tabIndex:C??0,"aria-disabled":n?"true":void 0,className:s(e.className,vn,E(vn,{size:t}),S(vn,{hover:g,focus:c,readonly:a,disabled:n})),dir:N,children:[!k\|\|k==="horizontal"&&Ka("div",{className:"k-colorgradient-canvas k-hstack",children:[Ye("div",{className:"k-hsv-rectangle",style:i,children:Ye("div",{className:"k-hsv-gradient",children:Ye("div",{className:s("k-hsv-draghandle","k-draghandle",{"k-hover":L,"k-focus":M}),style:l,role:"slider","aria-orientation":"undefined","aria-label":"Color well with two-dimensional slider for selecting saturation and lightness","aria-valuetext":"X: 73, Y: 50","aria-valuenow":50,"aria-valuemin":0,"aria-valuemax":100})})}),Ka("div",{className:"k-hsv-controls k-hstack",children:[Ye(Xs,{className:"k-hue-slider",hover:L,focus:M}),o!=="rgb"&&o!=="hsv"&&Ye(Xs,{className:"k-alpha-slider",hover:L,focus:M,trackStyle:m})]})]}),k==="vertical"&&Ka("div",{className:"k-colorgradient-canvas k-vstack",children:[Ye("div",{className:"k-hsv-rectangle",style:i,children:Ye("div",{className:"k-hsv-gradient",children:Ye("div",{className:s("k-hsv-draghandle","k-draghandle",{"k-hover":L,"k-focus":M}),style:l,role:"slider","aria-orientation":"undefined","aria-label":"Color well with two-dimensional slider for selecting saturation and lightness","aria-valuetext":"X: 73, Y: 50","aria-valuenow":50,"aria-valuemin":0,"aria-valuemax":100})})}),Ka("div",{className:"k-hsv-controls k-vstack",children:[Ye($s,{className:"k-hue-slider",hover:L,focus:M}),o!=="rgb"&&o!=="hsv"&&Ye($s,{className:"k-alpha-slider",hover:L,focus:M,trackStyle:u})]})]}),Ye(Do,{mode:e.mode,size:t}),f&&Ye(Ho,{})]})};re.states=eb;re.options=tb;re.className=vn;re.defaultOptions=xt;re.moduleName=Xl;re.folderName=ql;import{jsx as ob}from"react/jsx-runtime";var gn=e=>ob(re,{...e});import{jsx as mR}from"react/jsx-runtime";import{jsx as bR}from"react/jsx-runtime";import{jsx as rr}from"react/jsx-runtime";var ab=re.options,nb=re.states,sb={...re.defaultOptions,variant:"rgba"},rb=[{name:"rgba",title:"RGBA"},{name:"rgb",title:"RGB"},{name:"hex",title:"HEX"}],ib=[],zo=e=>{let{variant:t,...o}=e;switch(t){case"hex":return rr(gn,{...o,mode:t});case"rgb":return rr(gn,{...o,mode:t});default:return rr(gn,{...o,mode:t})}};zo.options=ab;zo.states=nb;zo.variants=rb;zo.defaultOptions=sb;zo.modifiers=ib;zo.className=re.className;import{jsx as lb}from"react/jsx-runtime";var ir=e=>lb("tr",{role:"row",children:e.children});import{jsx as mb}from"react/jsx-runtime";var lr="k-colorpalette-tile",pb=[r.hover,r.focus,r.selected],db={},Ht=e=>{let{color:t,tileSize:o,hover:a,focus:n,selected:i,...l}=e,m={backgroundColor:t,width:o?o+"px":"",height:o?o+"px":""};return mb("td",{...l,role:"gridcell","aria-label":t,"aria-selected":i?"true":void 0,className:s(e.className,lr,S(lr,{hover:a,focus:n,selected:i})),style:m})};Ht.states=pb;Ht.options=db;Ht.className=lr;Ht.moduleName=null;Ht.folderName=null;var Wl="color-palette",Jl="colorpalette";import{jsx as Ra}from"react/jsx-runtime";var Ln="k-colorpalette",cb=[r.disabled],ub={size:[d.undefined,d.small,d.medium,d.large]},Yl={columns:10},ye=e=>{let{size:t,palette:o,columns:a=Yl.columns,tileSize:n,disabled:i,...l}=e,m=[];if(o){let u=a\|\|o.columns,f=o.colors?o.colors:o;Array.isArray(f)&&Array.from({length:Math.ceil(f.length/u)},(N,g)=>{let c=[];f.slice(gu,(g+1)*u).map((M,k)=>{c.push(Ra(Ht,{color:M,tileSize:n},k))});let L=Ra(ir,{children:c},g);m.push(L)})}return Ra("div",{...l,role:"grid","aria-label":"Color palette",tabIndex:0,"aria-disabled":i?"true":void 0,className:s(e.className,Ln,S(Ln,{disabled:i}),E(Ln,{size:t})),children:Ra("table",{className:"k-colorpalette-table",role:"none",children:Ra("tbody",{children:m.length>0?m:e.children})})})};ye.states=cb;ye.options=ub;ye.className=Ln;ye.defaultOptions=Yl;ye.moduleName=Wl;ye.folderName=Jl;var Mn=ye;var _a={basic:{colors:["#000000","#7f7f7f","#880015","#ed1c24","#ff7f27","#fff200","#22b14c","#00a2e8","#3f48cc","#a349a4","#ffffff","#c3c3c3","#b97a57","#ffaec9","#ffc90e","#efe4b0","#b5e61d","#99d9ea","#7092be","#c8bfe7"],columns:10},office:{colors:["#ffffff","#000000","#e6e6e6","#435569","#4371c4","#ed7e32","#a5a4a5","#febf04","#5a9bd5","#71ae48","#f2f2f3","#7f7f7f","#d1cece","#d5dde3","#dae1f4","#fce5d4","#deeded","#fff2cc","#deeaf6","#e1efd9","#d7d8d8","#585959","#aeabab","#adbaca","#b4c5e7","#f6caac","#dbdbdb","#ffe498","#bcd6ee","#c5e0b2","#bfbfc0","#3f3f3f","#767070","#8595b1","#8fabdb","#f5b183","#c9c8c9","#fed965","#9bc4e5","#a8d08d","#a5a5a6","#262625","#393939","#334050","#2e5496","#c45a11","#7b7b7a","#bf9000","#2f75b5","#548235","#7f7f7f","#0b0c0c","#161616","#222a34","#203764","#843d0b","#525252","#7f6000","#1d4d79","#375623"],columns:10},apex:{colors:["#ffffff","#000000","#c9c2d1","#69676d","#ceb966","#9cb084","#6bb1c9","#6585cf","#7e6bc9","#a379bb","#f2f2f2","#7f7f7f","#f4f2f5","#e0e0e2","#f5f1e0","#ebefe6","#e1eff4","#e0e6f5","#e5e1f4","#ece4f1","#d8d8d8","#595959","#e9e6ec","#c2c1c5","#ebe3c1","#d7dfcd","#c3dfe9","#c1ceeb","#cbc3e9","#dac9e3","#bfbfbf","#3f3f3f","#dedae3","#a4a3a8","#e1d5a3","#c3cfb5","#a6d0de","#a2b5e2","#b1a6de","#c7aed6","#a5a5a5","#262626","#9688a5","#4e4d51","#ae9638","#758c5a","#3d8da9","#365bb0","#533da9","#7d4d99","#7f7f7f","#0c0c0c","#635672","#343336","#746425","#4e5d3c","#295e70","#243c75","#372970","#533366"],columns:10},austin:{colors:["#ffffff","#000000","#caf278","#3e3d2d","#94c600","#71685a","#ff6700","#909465","#956b43","#fea022","#f2f2f2","#7f7f7f","#f4fce4","#dddcd0","#efffc0","#e3e1dc","#ffe0cb","#e8e9df","#ece1d6","#feecd2","#d8d8d8","#595959","#e9f9c9","#bbb9a1","#dfff82","#c8c3ba","#ffc299","#d2d4c0","#dac3ad","#fed9a6","#bfbfbf","#3f3f3f","#dff7ae","#ada598","#cfff43","#ada598","#ffa365","#bcbfa1","#c8a585","#fec67a","#a5a5a5","#262626","#a9ea25","#2e2d21","#6f9400","#544e43","#bf4d00","#6c6f4b","#6f5032","#d77b00","#7f7f7f","#0c0c0c","#74a50f","#1f1e16","#4a6300","#38342d","#7f3300","#484a32","#4a3521","#8f5200"],columns:10},clarity:{colors:["#ffffff","#292934","#f3f2dc","#d2533c","#93a299","#ad8f67","#726056","#4c5a6a","#808da0","#79463d","#f2f2f2","#e7e7ec","#e7e5b9","#f6dcd8","#e9ecea","#eee8e0","#e4dedb","#d8dde3","#e5e8ec","#e9d6d3","#d8d8d8","#c4c4d1","#d5d185","#edbab1","#d3d9d6","#ded2c2","#c9beb8","#b2bcc8","#ccd1d9","#d3aea7","#bfbfbf","#8a8aa3","#aca73b","#e4978a","#bec7c1","#cdbba3","#af9e94","#8c9bac","#b2bac6","#bd857c","#a5a5a5","#56566e","#56531d","#a43925","#6b7c72","#866b48","#554840","#39434f","#5c697b","#5a342d","#7f7f7f","#3b3b4b","#22210b","#6d2619","#47534c","#594730","#39302b","#262d35","#3d4652","#3c231e"],columns:10},slipstream:{colors:["#ffffff","#000000","#b4dcfa","#212745","#4e67c8","#5eccf3","#a7ea52","#5dceaf","#ff8021","#f14124","#f2f2f2","#7f7f7f","#8bc9f7","#c7cce4","#dbe0f4","#def4fc","#edfadc","#def5ef","#ffe5d2","#fcd9d3","#d8d8d8","#595959","#4facf3","#909aca","#b8c2e9","#beeafa","#dbf6b9","#beebdf","#ffcca6","#f9b3a7","#bfbfbf","#3f3f3f","#0d78c9","#5967af","#94a3de","#9ee0f7","#caf297","#9de1cf","#ffb279","#f68d7b","#a5a5a5","#262626","#063c64","#181d33","#31479f","#11b2eb","#81d319","#34ac8b","#d85c00","#c3260c","#7f7f7f","#0c0c0c","#021828","#101322","#202f6a","#0b769c","#568c11","#22725c","#903d00","#821908"],columns:10},metro:{colors:["#ffffff","#000000","#d6ecff","#4e5b6f","#7fd13b","#ea157a","#feb80a","#00addc","#738ac8","#1ab39f","#f2f2f2","#7f7f7f","#a7d6ff","#d9dde4","#e5f5d7","#fad0e4","#fef0cd","#c5f2ff","#e2e7f4","#c9f7f1","#d8d8d8","#595959","#60b5ff","#b3bcca","#cbecb0","#f6a1c9","#fee29c","#8be6ff","#c7d0e9","#94efe3","#bfbfbf","#3f3f3f","#007dea","#8d9baf","#b2e389","#f272af","#fed46b","#51d9ff","#aab8de","#5fe7d5","#a5a5a5","#262626","#003e75","#3a4453","#5ea226","#af0f5b","#c58c00","#0081a5","#425ea9","#138677","#7f7f7f","#0c0c0c","#00192e","#272d37","#3f6c19","#750a3d","#835d00","#00566e","#2c3f71","#0c594f"],columns:10},flow:{colors:["#ffffff","#000000","#dbf5f9","#04617b","#0f6fc6","#009dd9","#0bd0d9","#10cf9b","#7cca62","#a5c249","#f2f2f2","#7f7f7f","#b2e9f2","#b4ecfc","#c7e2fa","#c4eeff","#c9fafc","#c9faed","#e4f4df","#edf2da","#d8d8d8","#595959","#76d9e8","#6adafa","#90c6f6","#89deff","#93f5f9","#94f6db","#cae9c0","#dbe6b6","#bfbfbf","#3f3f3f","#21b2c8","#20c8f7","#59a9f2","#4fceff","#5df0f6","#5ff2ca","#b0dfa0","#c9da91","#a5a5a5","#262626","#105964","#02485c","#0b5394","#0075a2","#089ca2","#0b9b74","#54a838","#7e9532","#7f7f7f","#0c0c0c","#062328","#01303d","#073763","#004e6c","#05686c","#07674d","#387025","#546321"],columns:10},hardcover:{colors:["#ffffff","#000000","#ece9c6","#895d1d","#873624","#d6862d","#d0be40","#877f6c","#972109","#aeb795","#f2f2f2","#7f7f7f","#e1dca5","#f2e0c6","#f0d0c9","#f6e6d5","#f5f2d8","#e7e5e1","#fbc7bc","#eef0e9","#d8d8d8","#595959","#d0c974","#e6c28d","#e2a293","#eeceaa","#ece5b2","#cfccc3","#f78f7a","#dee2d4","#bfbfbf","#3f3f3f","#a29a36","#daa454","#d4735e","#e6b681","#e2d88c","#b7b2a5","#f35838","#ced3bf","#a5a5a5","#262626","#514d1b","#664515","#65281a","#a2641f","#a39428","#655f50","#711806","#879464","#7f7f7f","#0c0c0c","#201e0a","#442e0e","#431b11","#6c4315","#6d621a","#433f35","#4b1004","#5a6243"],columns:10},trek:{colors:["#ffffff","#000000","#fbeec9","#4e3b30","#f0a22e","#a5644e","#b58b80","#c3986d","#a19574","#c17529","#f2f2f2","#7f7f7f","#f7e09e","#e1d6cf","#fcecd5","#eddfda","#f0e7e5","#f3eae1","#ece9e3","#f5e3d1","#d8d8d8","#595959","#f3cc5f","#c4ad9f","#f9d9ab","#dcc0b6","#e1d0cc","#e7d5c4","#d9d4c7","#ebc7a3","#bfbfbf","#3f3f3f","#d29f0f","#a78470","#f6c781","#cba092","#d2b9b2","#dbc1a7","#c6bfab","#e1ac76","#a5a5a5","#262626","#694f07","#3a2c24","#c87d0e","#7b4b3a","#926255","#a17242","#7b7153","#90571e","#7f7f7f","#0c0c0c","#2a1f03","#271d18","#855309","#523226","#614138","#6b4c2c","#524b37","#603a14"],columns:10},verve:{colors:["#ffffff","#000000","#d2d2d2","#666666","#ff388c","#e40059","#9c007f","#68007f","#005bd3","#00349e","#f2f2f2","#7f7f7f","#bdbdbd","#e0e0e0","#ffd7e8","#ffc6dc","#ffb8f1","#f1b2ff","#c3dcff","#b8cfff","#d8d8d8","#595959","#9d9d9d","#c1c1c1","#ffafd1","#ff8eba","#ff71e4","#e365ff","#87baff","#72a0ff","#bfbfbf","#3f3f3f","#696969","#a3a3a3","#ff87ba","#ff5597","#ff2ad7","#d519ff","#4b98ff","#2b71ff","#a5a5a5","#262626","#343434","#4c4c4c","#e90062","#ab0042","#75005f","#4e005f","#00449e","#002676","#7f7f7f","#0c0c0c","#151515","#333333","#9b0041","#72002c","#4e003f","#34003f","#002d69","#00194f"],columns:10},monochrome:{colors:["#000000","#1a1a1a","#333333","#4d4d4d","#666666","#808080","#999999","#b3b3b3","#cccccc","#e6e6e6","#f2f2f2","#ffffff"],columns:12}};import{jsx as fb}from"react/jsx-runtime";var Zl=e=>fb(Mn,{palette:_a.basic,...e});import{jsx as YR}from"react/jsx-runtime";import{jsx as o_,jsxs as a_}from"react/jsx-runtime";import{jsx as Lb}from"react/jsx-runtime";var bb=ye.options,xb=ye.states,Nb={...ye.defaultOptions,variant:"basic"},hb=[{name:"basic",title:"Basic"},{name:"monochrome",title:"Monochrome"}],vb={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}},gb=[],Uo=e=>{let{variant:t="basic",...o}=e,a=vb[t];return Lb(Zl,{columns:a.columns,palette:a,...o})};Uo.options=bb;Uo.states=xb;Uo.variants=hb;Uo.defaultOptions=Nb;Uo.modifiers=gb;Uo.className=ye.className;var Ql="color-editor",jl="coloreditor";import{jsx as Ze,jsxs as Fo}from"react/jsx-runtime";var Sn="k-coloreditor",Mb=[r.focus],Sb={size:[d.undefined,d.small,d.medium,d.large]},wa={view:"gradient",palette:_a.office,actionButtons:!0,canvasOrientation:"horizontal"},Q=e=>{let{size:t,view:o=wa.view,palette:a=wa.palette,color:n,currentColor:i,focus:l,focusView:m,dir:u,group:f,actionButtons:N=wa.actionButtons,canvasOrientation:g=wa.canvasOrientation,...c}=e;return Fo("div",{...c,role:"textbox","aria-label":"Color editor",tabIndex:0,className:s(e.className,"k-flatcolorpicker",Sn,E(Sn,{size:t}),S(Sn,{focus:l})),dir:u,children:[Fo("div",{className:"k-coloreditor-header k-hstack",children:[Ze("div",{className:"k-coloreditor-header-actions k-hstack",children:f&&Fo(T,{fillMode:"flat",children:[Ze(p,{className:"k-group-start",size:t,fillMode:"flat",icon:"droplet-slider",selected:o==="gradient","aria-label":"Color gradient view"}),Ze(p,{className:"k-group-end",size:t,fillMode:"flat",icon:"palette",selected:o==="palette","aria-label":"Color palette view"})]})}),Ze("div",{className:"k-spacer"}),Fo("div",{className:"k-coloreditor-header-actions k-hstack",children:[Ze(p,{fillMode:"flat",icon:"droplet-slash",size:t,"aria-label":"Reset color"}),Fo("div",{className:"k-coloreditor-preview k-vstack",children:[Ze(Tt,{className:"k-coloreditor-preview-color",color:n}),Ze(Tt,{className:"k-coloreditor-current-color",color:i})]})]})]}),Ze("div",{className:"k-coloreditor-views k-vstack",children:o==="gradient"?Ze(re,{focus:m,size:t,canvasOrientation:g,role:"none",tabIndex:-1}):Ze(ye,{palette:a,size:t})}),N&&Fo(Ke,{className:"k-coloreditor-footer",alignment:"start",children:[Ze(p,{themeColor:"primary",size:t,className:"k-coloreditor-apply",children:"Apply"}),Ze(p,{className:"k-coloreditor-cancel",size:t,children:"Cancel"})]})]})};Q.states=Mb;Q.options=Sb;Q.className=Sn;Q.defaultOptions=wa;Q.moduleName=Ql;Q.folderName=jl;var Go=Q;import{jsx as B_}from"react/jsx-runtime";import{jsx as __}from"react/jsx-runtime";import{jsx as kb}from"react/jsx-runtime";var ep=e=>kb(Go,{group:!0,currentColor:"fuchsia",...e});import{jsx as Cb}from"react/jsx-runtime";var tp=e=>Cb(Go,{view:"palette",group:!0,currentColor:"fuchsia",...e});import{jsx as op}from"react/jsx-runtime";var Ab=Q.options,Eb=Q.states,yb={...Q.defaultOptions,variant:"gradient"},Ib=[{name:"gradient",title:"Gradient"},{name:"palette",title:"Palette"}],Tb=[],Vo=e=>{let{variant:t,...o}=e;return t==="palette"?op(tp,{...o,color:"white"}):op(ep,{...o,color:"rgba(183, 118 , 118, 1.00)"})};Vo.options=Ab;Vo.states=Eb;Vo.variants=Ib;Vo.defaultOptions=yb;Vo.modifiers=Tb;Vo.className=Q.className;var ap="color-picker",np="colorpicker";import{Fragment as Pb,jsx as Qe,jsxs as pr}from"react/jsx-runtime";var sp="k-colorpicker",Ob=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled],Bb={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[x.undefined,x.solid,x.flat,x.outline]},rp={arrowIconName:"chevron-down"},je=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:n=rp.arrowIconName,prefix:i,suffix:l,value:m,placeholder:u,hover:f,focus:N,valid:g,invalid:c,required:L,disabled:M,valueIconName:k,popup:A,opened:C,adaptive:y,adaptiveSettings:H,adaptiveTitle:le,adaptiveSubtitle:Ae,...pe}=e,ue="colorpicker-popup";return pr(Pb,{children:[pr(mt,{...pe,size:t,rounded:o,fillMode:a,hover:f,focus:N,valid:g,invalid:c,required:L,disabled:M,role:"combobox","aria-haspopup":"dialog","aria-expanded":C?"true":"false","aria-controls":C\|\|y?ue:void 0,"aria-label":"Color picker",tabIndex:0,"aria-disabled":M?"true":void 0,className:s(e.className,sp,"k-icon-picker"),children:[Qe(Fe,{children:i}),Qe(Yt,{placeholder:u,value:m,showValue:!1,valueIcon:Qe(Tt,{className:"k-value-icon",color:m,iconName:k}),valueIconName:k}),Qe(Ge,{children:l}),Qe(p,{className:"k-input-button",icon:n,size:t,fillMode:a,tabIndex:-1,"aria-label":"Open color picker",disabled:M})]}),C&&A&&Qe(q,{id:ue,className:"k-colorpicker-popup",children:A}),y&&Qe(Y,{adaptive:!0,id:ue,...H,header:Qe(Ne,{actionsEnd:Qe(p,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply"}),title:le,subtitle:Ae}),footer:pr(Ot,{children:[Qe(p,{text:"Cancel",size:"large"}),Qe(p,{text:"Set",size:"large",themeColor:"primary"})]}),children:Qe(Q,{canvasOrientation:"vertical",size:"large",actionButtons:!1,group:!0})})]})};je.states=Ob;je.options=Bb;je.className=sp;je.defaultOptions=rp;je.moduleName=ap;je.folderName=np;var kt=je;import{jsx as Kb}from"react/jsx-runtime";var kn=e=>Kb(kt,{...e});import{jsx as v0}from"react/jsx-runtime";import{jsx as k0}from"react/jsx-runtime";import{jsx as y0}from"react/jsx-runtime";import{jsx as B0}from"react/jsx-runtime";import{jsx as _0}from"react/jsx-runtime";import{jsx as z0}from"react/jsx-runtime";import{jsx as to}from"react/jsx-runtime";var Rb=kt.options,_b=kt.states,ip={...kt.defaultOptions,variant:"color"},wb=[{name:"color",title:"Color",default:!0},{name:"no color",title:"No color"},{name:"icon",title:"Icon"}],Db=[{name:"opened",title:"Opened"}],$o=e=>{let{variant:t,modifiers:o,...a}={...ip,...e},n={};Object.keys(o\|\|{}).forEach(l=>{l==="opened"&&(n.opened=!!o?.[l],n.popup=o?.[l]?to(Q,{size:a.size,color:"rgba(183, 118 , 118, 1.00)",group:!0}):"")});let i=n.opened?{width:"272px",height:"390px"}:{};switch(t){case"no color":return to("div",{style:i,children:to(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})})}};$o.options=Rb;$o.states=_b;$o.variants=wb;$o.defaultOptions=ip;$o.modifiers=Db;$o.className=kt.className;var dr="combobox",lp=dr;import{Fragment as mr,jsx as oe,jsxs as Da}from"react/jsx-runtime";var pp="k-combobox",Hb=[r.hover,r.focus,r.valid,r.invalid,r.loading,r.required,r.disabled,r.readonly],zb={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[x.undefined,x.solid,x.flat,x.outline]},cr={separators:!0,showClearButton:!0},Le=e=>{let{size:t,rounded:o,fillMode:a,separators:n=cr.separators,showClearButton:i=cr.showClearButton,prefix:l,suffix:m,value:u,placeholder:f,hover:N,focus:g,valid:c,invalid:L,required:M,loading:k,disabled:A,popup:C,opened:y,readonly:H,adaptive:le,adaptiveSettings:Ae,adaptiveTitle:pe,adaptiveSubtitle:ue,adaptiveCustomValue:Qn,id:Xt,autocomplete:qt,activeDescendant:ba,"aria-label":jn,...es}=e,ts=Xt?`${Xt}-listbox`:void 0;return Da(mr,{children:[Da(J,{...es,size:t,rounded:o,fillMode:a,hover:N,focus:g,valid:c,invalid:L,required:M,loading:k,disabled:A,readonly:H,className:s(e.className,pp),children:[l&&Da(mr,{children:[oe(Fe,{children:l}),n&&oe(Ve,{})]}),oe(fe,{id:Xt,placeholder:f,value:u,role:"combobox","aria-haspopup":"listbox","aria-expanded":y?"true":"false","aria-controls":y?ts:void 0,"aria-activedescendant":y&&ba?ba:void 0,"aria-autocomplete":qt,"aria-invalid":L?"true":void 0,"aria-busy":k?"true":void 0,"aria-label":jn,disabled:A,readOnly:H}),oe(xe,{valid:c,invalid:L,loading:k,disabled:A}),oe(Ee,{loading:k,disabled:A}),i&&oe(Pe,{loading:k,disabled:A,readonly:H,value:u}),m&&Da(mr,{children:[n&&oe(Ve,{}),oe(Ge,{children:m})]}),oe(p,{className:"k-input-button",icon:"chevron-down",size:t,fillMode:a,"aria-label":"Open popup",tabIndex:-1,disabled:A})]}),y&&C&&oe(q,{className:"k-list-container k-combobox-popup",containerRole:"region",containerAriaLabel:"Combobox suggestions",children:C}),le&&oe(Y,{adaptive:!0,id: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:f,title:pe,subtitle:ue}),children:oe("div",{className:"k-list-container",children:oe(K,{customValue:Qn?oe(wt,{text:`Use "${u}"`}):void 0,size:"large",children:Da(z,{"aria-label":pe\|\|"Options",children:[oe(O,{text:"List item"}),oe(O,{text:"List item"}),oe(O,{text:"List item"})]})})})})]})};Le.states=Hb;Le.options=zb;Le.className=pp;Le.defaultOptions=cr;Le.moduleName=dr;Le.folderName=lp;var _e=Le;import{jsx as Ub}from"react/jsx-runtime";var dp=e=>Ub(_e,{...e});import{jsx as Mw,jsxs as Sw}from"react/jsx-runtime";import{jsx as Iw,jsxs as Tw}from"react/jsx-runtime";import{jsx as _w,jsxs as ww}from"react/jsx-runtime";import{Fragment as Gw,jsx as Fw}from"react/jsx-runtime";import{Fragment as Jw,jsx as Ww}from"react/jsx-runtime";import{jsx as tD,jsxs as oD}from"react/jsx-runtime";import{Fragment as dD,jsx as lD,jsxs as pD}from"react/jsx-runtime";import{jsx as fD}from"react/jsx-runtime";import{jsx as hD}from"react/jsx-runtime";import{jsx as kD,jsxs as CD}from"react/jsx-runtime";import{jsx as OD,jsxs as BD}from"react/jsx-runtime";import{jsx as zt,jsxs as qb}from"react/jsx-runtime";var Fb=Le.states,Gb=Le.defaultOptions,Vb=Le.options,$b=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"opened",title:"Opened"}],Xb=[],Xo=e=>{let{modifiers:t,...o}=e,a={},n=zt(K,{style:{width:300},size:o.size,children:qb(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(X,{size:o.size,icon:"copy",fillMode:"clear"}):void 0;break;case"opened":a.opened=!!t?.[i],a.popup=t?.[i]?n:void 0;break;default:break}}),zt("div",{children:zt(dp,{value:"Value",style:{width:300},...o,...a})})};Xo.options=Vb;Xo.states=Fb;Xo.variants=Xb;Xo.defaultOptions=Gb;Xo.modifiers=$b;Xo.className=Le.className;var ur="menu-button",mp=ur;import{jsx as Yb}from"react/jsx-runtime";var cp="k-menu-button",Wb=[r.hover,r.focus,r.active,r.selected,r.disabled],Jb={size:[d.undefined,d.xsmall,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[x.undefined,x.solid,x.flat,x.outline,x.clear,x.link],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary,h.success,h.warning,h.error,h.info,h.inverse]},fr={showArrow:!0,arrowIconName:"chevron-down"},D=e=>{let{size:t,rounded:o,fillMode:a,themeColor:n,hover:i,focus:l,active:m,selected:u,disabled:f,icon:N,text:g,showArrow:c=fr.showArrow,arrowIconName:L=fr.arrowIconName,expanded:M,...k}=e;return Yb(p,{...k,className:s(e.className,cp),text:g,size:t,rounded:o,fillMode:a,themeColor:n,hover:i,focus:l,active:m,selected:u,disabled:f,ariaDisabled:f\|\|void 0,icon:N,showArrow:c,arrowIconName:L,"aria-expanded":M?"true":"false",...!g&&N&&!e["aria-label"]&&{"aria-label":"Menu"}})};D.states=Wb;D.options=Jb;D.className=cp;D.defaultOptions=fr;D.moduleName=ur;D.folderName=mp;import{jsx as mH}from"react/jsx-runtime";import{jsx as bH}from"react/jsx-runtime";import{jsx as vH}from"react/jsx-runtime";var we="menu",et=we;import{jsx as Ha,jsxs as up}from"react/jsx-runtime";var br="k-menu-item",Zb=[r.hover,r.focus,r.active,r.selected,r.disabled],Qb={},fp={iconPosition:"before"},me=e=>{let{hover:t,focus:o,active:a,selected:n,disabled:i,icon:l,text:m,showArrow:u,arrowIconName:f,iconPosition:N=fp.iconPosition,dir:g,children:c,expanded:L,...M}=e,k=f;return k\|\|(k=g==="rtl"?"chevron-left":"chevron-right"),up("li",{...M,className:s(e.className,br,"k-item",S(br,{focus:o,disabled:i,hover:t,active:a,selected:n})),role:"menuitem",...u&&{"aria-haspopup":"menu"},...u&&{"aria-expanded":L?"true":"false"},...i&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[up("span",{className:s("k-link k-menu-link"),children:[l&&N==="before"&&Ha(v,{className:"k-menu-link-icon",icon:l}),Ha("span",{className:"k-menu-link-text",children:m}),l&&N==="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:k})})]}),c]})};me.states=Zb;me.options=Qb;me.className=br;me.defaultOptions=fp;me.moduleName=we;me.folderName=et;import{jsx as oo,jsxs as bp}from"react/jsx-runtime";var xr="k-menu-item",jb=[r.hover,r.focus,r.active,r.selected,r.disabled],ex={},Nr={dir:"ltr",iconPosition:"before"},W=e=>{let{hover:t,focus:o,active:a,selected:n,disabled:i,icon:l,text:m,showArrow:u,arrowIconName:f,iconPosition:N=Nr.iconPosition,dir:g=Nr.dir,children:c,popup:L,expanded:M,actions:k,description:A,...C}=e,y=f;return y\|\|(y=g==="rtl"?"chevron-left":"chevron-right"),bp("li",{role:"menuitem",...C,className:s(e.className,xr,"k-item",S(xr,{focus:o,disabled:i})),...u&&{"aria-haspopup":"menu"},...u&&{"aria-expanded":M?"true":"false"},...i&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[bp("span",{className:s("k-link k-menu-link",S("k-menu-link",{hover:t,active:a,selected:n,disabled:i})),children:[l&&N==="before"&&oo(v,{className:"k-menu-link-icon",icon:l}),oo("span",{className:"k-menu-link-text",children:m}),l&&N==="after"&&oo(v,{className:"k-menu-link-icon",icon:l}),k&&oo("span",{className:"k-menu-link-actions",children:k}),u&&oo("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:oo(v,{icon:y})}),A&&oo("span",{className:"k-menu-link-description",children:A})]}),c,L]})};W.states=jb;W.options=ex;W.className=xr;W.defaultOptions=Nr;W.moduleName=we;W.folderName=et;import{jsx as nx}from"react/jsx-runtime";var xp="k-menu-scroll-wrapper",tx=[],ox={},ax={},ao=e=>{let{className:t,children:o,orientation:a,...n}=e;return nx("div",{...n,className:s(t,xp,{"k-menu-scroll-wrapper-vertical":a==="vertical"}),children:o})};ao.states=tx;ao.options=ox;ao.className=xp;ao.defaultOptions=ax;ao.moduleName=we;ao.folderName=et;var Np=ao;import{Fragment as hr,jsx as no,jsxs as An}from"react/jsx-runtime";var En="k-menu",sx=[],rx={size:[d.undefined,d.small,d.medium,d.large]},yn={orientation:"horizontal",header:!0,scrollButtonsPosition:"around"},ie=e=>{let{children:t,orientation:o=yn.orientation,header:a=yn.header,scrollable:n,scrollButtonsPosition:i=yn.scrollButtonsPosition,wrapperStyles:l,dir:m,size:u,popup:f,contextMenu:N,...g}=e,c={horizontal:{prev:m!=="rtl"?"left":"right",next:m!=="rtl"?"right":"left"},vertical:{prev:"up",next:"down"}},L=no("ul",{dir:m,...g,className:s(e.className,"k-reset",En,{[`${En}-${o}`]:o,"k-header":a},E(En,{size:u})),role:N?"menu":"menubar",...o==="vertical"&&{"aria-orientation":"vertical"},children:t});return An(hr,{children:[n?An(Np,{orientation:o,style:l,dir:e.dir,children:[i==="start"&&An(hr,{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"&&An(hr,{children:[no(p,{fillMode:"flat",size:"xsmall",icon:`chevron-${c[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),no(p,{fillMode:"flat",size:"xsmall",icon:`chevron-${c[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),i==="around"&&no(p,{fillMode:"flat",size:"xsmall",icon:`chevron-${c[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}):L,f]})};ie.states=sx;ie.options=rx;ie.className=En;ie.defaultOptions=yn;ie.moduleName=we;ie.folderName=et;import{jsx as ix}from"react/jsx-runtime";var vr="k-separator",hp={orientation:"horizontal"},qo=e=>{let{orientation:t=hp.orientation,...o}=e;return ix("li",{...o,className:s(e.className,"k-item",vr,{[`${vr}-${t}`]:t}),role:"separator"})};qo.className=vr;qo.defaultOptions=hp;qo.moduleName=we;qo.folderName=et;import{Fragment as WH,jsx as JH}from"react/jsx-runtime";import{jsx as mx}from"react/jsx-runtime";var gr="k-menu-group",lx=[],px={size:[d.undefined,d.small,d.medium,d.large]},dx={},ce=e=>{let{children:t,size:o,...a}=e;return mx("ul",{role:"menu",...a,className:s(e.className,gr,E(gr,{size:o})),children:t})};ce.states=lx;ce.options=px;ce.className=gr;ce.defaultOptions=dx;ce.moduleName=we;ce.folderName=et;import{jsx as nz,jsxs as sz}from"react/jsx-runtime";import{Fragment as cx,jsx as Wo,jsxs as ux}from"react/jsx-runtime";var Lr=e=>Wo(ie,{children:ux(cx,{children:[Wo(me,{text:"Item 1"}),Wo(me,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 2"}),Wo(me,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 3"}),Wo(me,{text:"Item 4"}),Wo(me,{text:"Item 5"})]}),...e});import{Fragment as bz,jsx as uz,jsxs as fz}from"react/jsx-runtime";import{Fragment as gz,jsx as vz,jsxs as Lz}from"react/jsx-runtime";import{Fragment as Az,jsx as Cz,jsxs as Ez}from"react/jsx-runtime";import{Fragment as Bz,jsx as Oz,jsxs as Pz}from"react/jsx-runtime";import{jsx as so,jsxs as hx}from"react/jsx-runtime";var fx={...ie.options,scrollable:{type:"boolean"}},bx=ie.states,vp={...ie.defaultOptions,variant:"horizontal"},xx=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],Nx=[{name:"opened",title:"Opened"}],Jo=e=>{let{variant:t,modifiers:o,...a}={...vp,...e},n={},i=t==="vertical"?{left:"200px",top:"30px"}:{left:"90px",top:"auto"};return Object.keys(o\|\|{}).forEach(l=>{l==="opened"&&(n.opened=!!o?.[l],n.popup=o?.[l]?so(q,{className:"k-menu-popup",offset:i,children:hx(ce,{children:[so(W,{text:"Item 1"}),so(W,{text:"Item 2"}),so(qo,{}),so(W,{text:"Item 3"})]})}):null)}),t==="vertical"?so(Lr,{...a,...n,orientation:"vertical",style:{width:"200px"}}):so(Lr,{...a,...n})};Jo.options=fx;Jo.states=bx;Jo.variants=xx;Jo.defaultOptions=vp;Jo.modifiers=Nx;Jo.className=ie.className;import{Fragment as c1,jsx as d1,jsxs as m1}from"react/jsx-runtime";import{jsx as x1}from"react/jsx-runtime";import{Fragment as Sx,jsx as Nt,jsxs as gp}from"react/jsx-runtime";var vx=p.states,Lp={...p.defaultOptions,variant:"text"},gx=p.options,Lx=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Mx=[{name:"opened",title:"Opened"}],Yo=e=>{let{variant:t,modifiers:o,...a}={...Lp,...e},n={},i=Nt(q,{className:"k-menu-popup",children:gp(ce,{size:a.size,children:[Nt(W,{text:"Menu Item"}),Nt(W,{text:"Menu Item"}),Nt(W,{text:"Menu Item"})]})}),l;switch(t){case"icon-only":l=Nt("div",{children:Nt(D,{...a,...n,icon:"star"})});break;case"icon-and-text":l=Nt("div",{children:Nt(D,{...a,...n,icon:"star",children:"Dropdown Button"})});break;default:l=Nt("div",{children:Nt(D,{...a,...n,children:"Dropdown Button"})});break}return gp(Sx,{children:[l,o?.opened&&i]})};Yo.options=gx;Yo.states=vx;Yo.variants=Lx;Yo.defaultOptions=Lp;Yo.modifiers=Mx;Yo.className=D.className;var Mr="split-button",Mp=Mr;import{Fragment as Ax,jsx as Sr,jsxs as Sp}from"react/jsx-runtime";var kr="k-split-button",kx=[r.hover,r.focus,r.active,r.selected,r.disabled],Cx={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[x.undefined,x.solid,x.flat,x.outline,x.clear,x.link],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary,h.success,h.warning,h.error,h.info,h.inverse]},kp={arrowIconName:"chevron-down"},R=e=>{let{size:t,rounded:o,fillMode:a,themeColor:n,hover:i,focus:l,active:m,selected:u,disabled:f,icon:N,text:g,arrowIconName:c=kp.arrowIconName,popup:L,opened:M,popupId:k,...A}=e;return Sp(Ax,{children:[Sp("div",{...A,className:s(e.className,kr,"k-button-group",E(kr,{rounded:o})),children:[Sr(p,{text:g,icon:N,size:t,rounded:o,fillMode:a,themeColor:n,hover:i,focus:l,active:m,selected:u,disabled:f,...!g&&!e.children&&N&&{"aria-label":"Action"},children:e.children}),Sr(p,{className:"k-split-button-arrow",icon:c,size:t,rounded:o,fillMode:a,disabled:f,ariaDisabled:f\|\|void 0,"aria-label":"Toggle dropdown","aria-expanded":M?"true":"false","aria-controls":M?k:void 0,tabIndex:-1})]}),M&&L&&Sr(q,{className:"k-menu-popup",children:L})]})};R.states=kx;R.options=Cx;R.className=kr;R.defaultOptions=kp;R.moduleName=Mr;R.folderName=Mp;var Cr=R;import{jsx as yx}from"react/jsx-runtime";var Ex="k-toolbar-separator",it=e=>yx("div",{className:s(Ex,e.className,"k-separator")});var ro="toolbar",Zo=ro;import{Fragment as Ar,jsx as _,jsxs as Qo}from"react/jsx-runtime";var Ct="k-toolbar",Ix=[r.focus],Tx={size:[d.undefined,d.small,d.medium,d.large],fillMode:[x.undefined,x.solid,x.outline,x.flat]},Ox={scrollButtons:"around"},F=e=>{let{size:t,fillMode:o,focus:a,resizable:n,scrollable:i,scrollButtons:l,scrollingPosition:m,section:u,...f}=e,N=[],g=(c,L)=>{let M=[];if(c.type===p&&c.props.className&&c.props.className.includes("k-toolbar-overflow-button"))M.push(_(p,{...c.props,className:`${c.props.className?c.props.className:""}`},`${L}-${new Date().getTime()}`));else if(c.type===p)M.push(_(p,{...c.props,className:`k-toolbar-button ${c.props.className?c.props.className:""}`},`${L}-${new Date().getTime()}`));else if(c.type===ga)M.push(_(ga,{...c.props,className:`k-toolbar-button ${c.props.className?c.props.className:""}`},`${L}-${new Date().getTime()}`));else if(c.type===X)M.push(_(X,{...c.props,className:`k-toolbar-button ${c.props.className?c.props.className:""}`},`${L}-${new Date().getTime()}`));else if(c.type===D)M.push(_(D,{...c.props,className:`k-toolbar-menu-button ${c.props.className?c.props.className:""}`},`${L}-${new Date().getTime()}`));else if(c.type===Cr)M.push(_(Cr,{...c.props,className:`k-toolbar-split-button ${c.props.className?c.props.className:""}`},`${L}-${new Date().getTime()}`));else if(c.type===T\|\|c.props.className&&c.props.className.includes("k-button-group")){let k=[];(Array.isArray(c.props.children)?c.props.children:[c.props.children]).forEach((C,y)=>{k.push(_(p,{...C.props,className:`${C.props.className?C.props.className:""}`},`${y}-${new Date().getTime()}`))}),M.push(_(T,{...c.props,className:`k-toolbar-button-group ${c.props.className?c.props.className:""}`,children:k},`${L}-${new Date().getTime()}`))}else c.type===Le?M.push(_(Le,{...c.props,className:`k-toolbar-combobox ${c.props.className?c.props.className:""}`},`${L}-${new Date().getTime()}`)):c.type===ne?M.push(_(ne,{...c.props,className:`k-toolbar-dropdownlist ${c.props.className?c.props.className:""}`},`${L}-${new Date().getTime()}`)):c.type===je?M.push(_(je,{...c.props,className:`k-toolbar-colorpicker ${c.props.className?c.props.className:""}`},`${L}-${new Date().getTime()}`)):M.push(c);M.forEach(k=>{N.push(k)})};return e.children&&(Array.isArray(e.children)?e.children:[e.children]).forEach((L,M)=>{g(L,M)}),Qo("div",{...f,className:s(e.className,Ct,E(Ct,{size:t,fillMode:o}),S(Ct,{focus:a}),{[`${Ct}-resizable`]:n,[`${Ct}-scrollable`]:i,[`${Ct}-scrollable-overlay`]:i&&l==="hidden",[`${Ct}-scrollable-${m}`]:m&&m!=="both",[`${Ct}-section`]:u}),role:"toolbar","aria-label":"Toolbar",children:[!i&&N,i&&l==="hidden"&&_("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N}),i&&l==="start"&&Qo(Ar,{children:[Qo(T,{children:[_("span",{className:s("k-toolbar-prev","k-button",E("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:_(v,{className:"k-button-icon",icon:"chevron-left"})}),_("span",{className:s("k-toolbar-next","k-button",E("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:_(v,{className:"k-button-icon",icon:"chevron-right"})})]}),_(it,{className:"k-toolbar-button-separator"}),_("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N})]}),i&&l==="end"&&Qo(Ar,{children:[_("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N}),_(it,{className:"k-toolbar-button-separator"}),Qo(T,{children:[_("span",{className:s("k-toolbar-prev","k-button",E("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:_(v,{className:"k-button-icon",icon:"chevron-left"})}),_("span",{className:s("k-toolbar-next","k-button",E("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:_(v,{className:"k-button-icon",icon:"chevron-right"})})]})]}),i&&(l==="around"\|\|!l)&&Qo(Ar,{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"})}),_(it,{className:"k-toolbar-button-separator"}),_("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N}),_(it,{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"})})]})]})};F.states=Ix;F.options=Tx;F.className=Ct;F.defaultOptions=Ox;F.moduleName=ro;F.folderName=Zo;import{jsx as Rx}from"react/jsx-runtime";var Er="k-toolbar-item",Bx=[r.focus],Px={},Kx={},jo=e=>{let{focus:t,...o}=e;return Rx("div",{...o,className:s(e.className,Er,S(Er,{focus:t})),children:e.children})};jo.states=Bx;jo.options=Px;jo.className=Er;jo.defaultOptions=Kx;jo.moduleName=ro;jo.folderName=Zo;import{jsx as Cp}from"react/jsx-runtime";var Ap="k-toolbar-popup",_x=[],wx={size:[d.undefined,d.small,d.medium,d.large],fillMode:[x.undefined,x.solid,x.outline,x.flat]},Dx={},io=e=>{let{size:t,fillMode:o,section:a,...n}=e;return Cp(q,{...n,className:s(e.className,Ap),children:a?Cp("span",{className:s("k-toolbar-items-list",E("k-toolbar-items-list",{size:t,fillMode:o})),role:"toolbar",children:e.children}):e.children})};io.states=_x;io.options=wx;io.className=Ap;io.defaultOptions=Dx;io.moduleName=ro;io.folderName=Zo;var In=io;import{jsx as b2}from"react/jsx-runtime";import{jsx as v2}from"react/jsx-runtime";import{jsx as S2}from"react/jsx-runtime";import{jsx as I2,jsxs as T2}from"react/jsx-runtime";import{jsx as K2}from"react/jsx-runtime";import{jsx as At,jsxs as Gx}from"react/jsx-runtime";var Hx=R.states,Ep={...R.defaultOptions,variant:"text"},zx=R.options,Ux=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Fx=[{name:"opened",title:"Opened"}],ea=e=>{let{variant:t,modifiers:o,...a}={...Ep,...e},n={},i=Gx(ce,{size:a.size,children:[At(W,{text:"Menu Item"}),At(W,{text:"Menu Item"}),At(W,{text:"Menu Item"})]});switch(Object.keys(o\|\|{}).forEach(l=>{l==="opened"&&(n.opened=!!o?.[l],n.popup=o?.[l]?i:"")}),t){case"icon-only":return At("div",{children:At(R,{...a,...n,icon:"star"})});case"icon-and-text":return At("div",{children:At(R,{...a,...n,icon:"star",children:"Split Button"})});default:return At("div",{children:At(R,{...a,...n,children:"Split Button"})})}};ea.options=zx;ea.states=Hx;ea.variants=Ux;ea.defaultOptions=Ep;ea.modifiers=Fx;ea.className=R.className;import{jsx as lo,jsxs as Vx}from"react/jsx-runtime";var yp=e=>lo(F,{children:[lo(p,{children:"Button"},"toolbar-button"),lo(D,{text:"Menu button"},"toolbar-menu-button"),lo(R,{children:"Split button"},"toolbar-split-button"),Vx(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 pU,jsxs as dU}from"react/jsx-runtime";import{jsx as De,jsxs as Ip}from"react/jsx-runtime";var Tp=e=>De(F,{scrollable:!0,...e,children:[De(p,{children:"Button"},"toolbar-button"),De(D,{text:"Menu button"},"toolbar-menu-button"),De(R,{children:"Split button"},"toolbar-split-button"),Ip(T,{children:[De(p,{className:"k-group-start",icon:"align-left",children:"Left"}),De(p,{icon:"align-center",children:"Center"}),De(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),De(p,{children:"Button"},"toolbar-button"),De(D,{text:"Menu button"},"toolbar-menu-button"),De(R,{children:"Split button"},"toolbar-split-button"),Ip(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 Op}from"react/jsx-runtime";var Bp=({scrollingPosition:e="start",...t})=>He(F,{scrollable:!0,scrollButtons:"hidden",scrollingPosition:e,...t,children:[He(p,{children:"Button"},"toolbar-button"),He(D,{text:"Menu button"},"toolbar-menu-button"),He(R,{children:"Split button"},"toolbar-split-button"),Op(T,{children:[He(p,{className:"k-group-start",icon:"align-left",children:"Left"}),He(p,{icon:"align-center",children:"Center"}),He(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),He(p,{children:"Button"},"toolbar-button"),He(D,{text:"Menu button"},"toolbar-menu-button"),He(R,{children:"Split button"},"toolbar-split-button"),Op(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 $x,jsx as Ie,jsxs as Tn}from"react/jsx-runtime";var Pp=({fillMode:e,size:t,...o})=>Tn($x,{children:[Ie(F,{section:!0,fillMode:e,size:t,children:[Ie(p,{fillMode:e,size:t,children:"Button"},"toolbar-button"),Tn(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(it,{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}),Tn(In,{size:t,fillMode:e,section:!0,...o,children:[Ie(R,{fillMode:e,size:t,children:"Split button"},"toolbar-split-button"),Ie(p,{fillMode:e,size:t,children:"Button"},"toolbar-button"),Ie(it,{}),Ie(D,{text:"Menu button",fillMode:e,size:t},"toolbar-menu-button"),Tn(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 GU,jsx as UU,jsxs as FU}from"react/jsx-runtime";import{Fragment as e3,jsx as QU,jsxs as jU}from"react/jsx-runtime";import{jsx as Ut}from"react/jsx-runtime";var Xx=F.options,qx=F.states,Kp={...F.defaultOptions,variant:"default"},Wx=[{name:"default",title:"Default"},{name:"scrollable",title:"Scrollable"},{name:"overlay",title:"Overlay"},{name:"responsive",title:"Responsive"}],Jx=[],ta=e=>{let{variant:t,...o}={...Kp,...e};switch(t){case"responsive":return Ut("div",{children:Ut(Pp,{style:{width:"583px"},...o})});case"overlay":return Ut("div",{children:Ut(Bp,{style:{width:"583px"},...o,scrollingPosition:"start",scrollButtons:"hidden"})});case"scrollable":return Ut("div",{children:Ut(Tp,{style:{width:"583px"},...o})});default:return Ut("div",{children:Ut(yp,{style:{width:"583px"},...o})})}};ta.options=Xx;ta.states=qx;ta.variants=Wx;ta.defaultOptions=Kp;ta.modifiers=Jx;ta.className=F.className;import{Fragment as jx,jsx as lt,jsxs as za}from"react/jsx-runtime";var Rp="k-message",Yx=[r.hover,r.selected,r.active,r.focus],Zx={},Qx=[lt(p,{icon:"copy",fillMode:"flat","aria-label":"Copy"}),lt(p,{icon:"arrow-rotate-cw",fillMode:"flat","aria-label":"Retry"}),lt(p,{icon:"download",fillMode:"flat","aria-label":"Download"})],oa={time:"Thu Feb 08 2018",text:"How can I help you?",status:"Seen",toolbarItems:Qx,failed:"Failed to send"},U=e=>{let{time:t=oa.time,text:o=oa.text,content:a,status:n=oa.status,statusIcon:i,toolbarItems:l=oa.toolbarItems,hover:m,selected:u,active:f,focus:N,toolbar:g,typing:c,expandable:L,expanded:M,removed:k,files:A,failed:C,...y}=e,H=C===!0?oa.failed:C;return za("div",{...y,className:s(Rp,e.className,{"k-message-removed":k,"k-message-failed":C}),children:[C&&lt(X,{className:"k-resend-button",icon:"arrow-rotate-cw",size:"xsmall",fillMode:"clear","aria-label":"Resend"}),lt(_p,{typing:c,selected:u,hover:m,active:f,focus:N,content:za(jx,{children:[a,o&&lt("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&&lt(v,{icon:i,size:"xsmall"}),n]}),t&&lt("time",{className:"k-message-time",children:t}),C&&za("span",{className:"k-message-failed-content",children:[C&&lt(v,{icon:"warning-triangle",size:"xsmall"}),C&&lt("span",{className:"k-message-failed-text",children:H})]})]}),g&&lt(F,{className:"k-chat-message-toolbar",fillMode:"flat",children:l})]})};U.states=Yx;U.options=Zx;U.className=Rp;U.moduleName=null;U.folderName=null;U.defaultOptions=oa;var yr="avatar",wp=yr;import{jsx as Dp}from"react/jsx-runtime";var Ua="k-avatar";var eN=[r.hover,r.focus,r.active,r.selected,r.disabled],tN={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[x.undefined,x.solid,x.outline],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary]},Ir={type:"text",border:!1},Me=e=>{let{size:t,rounded:o,fillMode:a,themeColor:n,type:i=Ir.type,border:l=Ir.border,...m}=e;return Dp("div",{...m,className:s(e.className,Ua,E(Ua,{size:t,rounded:o,fillMode:a,themeColor:n}),{[`${Ua}-bordered`]:l}),children:Dp("span",{className:`${Ua}-${i}`,children:e.children})})};Me.states=eN;Me.options=tN;Me.className=Ua;Me.defaultOptions=Ir;Me.moduleName=yr;Me.folderName=wp;var po=Me;import{jsx as oN}from"react/jsx-runtime";var Hp=e=>oN(po,{type:"icon",...e});import{jsx as aN}from"react/jsx-runtime";var zp=e=>aN(po,{type:"text",...e});import{jsx as nN}from"react/jsx-runtime";var On=e=>nN(po,{type:"image",...e});import{jsx as X3}from"react/jsx-runtime";import{jsx as Fa}from"react/jsx-runtime";var sN=Me.options,rN=Me.states,iN={...Me.defaultOptions,variant:"image"},lN=[{name:"image",title:"Image"},{name:"icon",title:"Icon Avatar"},{name:"text",title:"Text Avatar"}],pN=[],aa=e=>{let{variant:t,...o}=e;switch(t){case"icon":return Fa(Hp,{...o,children:Fa(v,{icon:"star"})});case"text":return Fa(zp,{...o,children:"JO"});default:return Fa(On,{...o,children:Fa("img",{src:"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg"})})}};aa.options=sN;aa.states=rN;aa.variants=lN;aa.defaultOptions=iN;aa.modifiers=pN;aa.className=Me.className;import{jsx as na,jsxs as Tr}from"react/jsx-runtime";var Ga="k-message-group",dN=[r.selected],mN={},Bn={author:"Bruv",avatar:"/packages/html/assets/avatar.jpg",type:"receiver"},V=e=>{let{type:t=Bn.type,author:o=Bn.author,avatar:a=Bn.avatar,status:n,selected:i,fullWidth:l,...m}=e;return Tr("div",{...m,className:s(Ga,e.className,S(Ga,{selected:i}),{[`${Ga}-${t}`]:t,"k-no-avatar":!a,[`${Ga}-full-width`]:l}),children:[a&&!n&&na(Me,{type:"image",children:na("img",{src:a,alt:o\|\|""})}),n&&a&&Tr("div",{className:"k-chat-user-status-wrapper",children:[na(Me,{type:"image",children:na("img",{src:a,alt:o\|\|""})}),na("div",{className:"k-chat-user-status"})]}),Tr("div",{className:"k-message-group-content",children:[o&&na("span",{className:"k-message-author",children:o}),e.children]})]})};V.states=dN;V.options=mN;V.className=Ga;V.defaultOptions=Bn;import{Fragment as uN,jsx as Pn,jsxs as Up}from"react/jsx-runtime";var Or="k-message-reference",cN={},Fp={type:"receiver"},Ft=e=>{let{content:t,closeable:o,pinned:a,type:n=Fp.type,...i}=e;return Up("div",{...i,className:s(Or,e.className,{[`${Or}-${n}`]:n,"k-message-pinned":a}),children:[a&&Pn(v,{icon:"pin"}),Pn("div",{className:"k-message-reference-content",children:t}),o&&Up(uN,{children:[Pn("span",{className:"k-spacer"}),Pn(p,{icon:"x-circle",fillMode:"flat",size:"xsmall","aria-label":"Close"})]})]})};Ft.options=cN;Ft.className=Or;Ft.moduleName=null;Ft.folderName=null;Ft.defaultOptions=Fp;var Br="bubble",Gp=Br;import{jsx as Kn,jsxs as bN}from"react/jsx-runtime";var Pr="k-bubble",fN=[r.hover,r.active,r.selected,r.focus],Kr={expandable:!1,expanded:!1},mo=e=>{let{content:t,hover:o,active:a,focus:n,selected:i,expandable:l=Kr.expandable,expanded:m=Kr.expanded,...u}=e;return bN("div",{...u,className:s(e.className,Pr,S(Pr,{hover:o,active:a,focus:n,selected:i}),{"k-bubble-expandable":l},{"k-expanded":m}),tabIndex:0,children:[Kn("div",{className:"k-bubble-content",children:t??e.children}),l&&Kn("span",{className:"k-bubble-expandable-indicator",role:"button","aria-label":m?"Show less":"Show more",tabIndex:0,children:m?Kn(v,{icon:"chevron-up"}):Kn(v,{icon:"chevron-down"})})]})};mo.states=fN;mo.className=Pr;mo.defaultOptions=Kr;mo.moduleName=Br;mo.folderName=Gp;import{jsx as A5}from"react/jsx-runtime";import{jsx as T5}from"react/jsx-runtime";import{jsx as K5}from"react/jsx-runtime";import{jsx as Rr,jsxs as $p}from"react/jsx-runtime";var xN="k-chat-bubble",_p=e=>{let{typing:t,content:o,files:a,...n}=e;return $p(mo,{...n,className:s(e.className,xN),children:[t?$p("div",{className:"k-typing-indicator",tabIndex:-1,children:[Rr("span",{}),Rr("span",{}),Rr("span",{})]}):o,a]})};import{jsx as J5}from"react/jsx-runtime";import{jsx as Xp,jsxs as NN}from"react/jsx-runtime";var qp="k-chat-event",_r={icon:"trash",text:"You deleted Chat history."},Wp=e=>{let{icon:t=_r.icon,text:o=_r.text,...a}=e;return NN("div",{...a,className:s(e.className,qp),children:[t&&Xp(v,{className:"k-chat-event-icon",icon:t,size:"xsmall"}),o&&Xp("span",{className:"k-chat-event-text",children:o})]})};Wp.className=qp;Wp.defaultOptions=_r;import{jsx as sF}from"react/jsx-runtime";import{Fragment as hN,jsx as ht,jsxs as vN}from"react/jsx-runtime";var Jp=e=>ht(G,{children:vN(hN,{children:[ht("div",{className:"k-timestamp",children:"Day, Month 7, 2023"}),ht(V,{children:ht(U,{})}),ht(V,{type:"sender",children:ht(U,{})}),ht(V,{children:ht(U,{text:"Very long message text that tests message overflowing behavior. Very long message text that tests message overflowing behavior."})}),ht(V,{type:"sender",children:ht(U,{text:"Unusually_long_word_that_tests_word_break_behavior__unusually_long_word_that_tests_word_break_behavior"})})]}),...e});import{jsx as Yp}from"react/jsx-runtime";var Rn="k-file-box-wrapper",Zp={layout:"horizontal"},vt=e=>{let{layout:t=Zp.layout,scrollingPosition:o,...a}=e;return Yp("ul",{role:"list","aria-label":"Attached files",...a,className:s(e.className,Rn,{"k-files-vertical":t==="vertical","k-files-wrap":t==="wrap",[`${Rn}-scrollable-start`]:t==="horizontal"&&(o==="start"\|\|o==="both"),[`${Rn}-scrollable-end`]:t==="horizontal"&&(o==="end"\|\|o==="both")}),children:t==="horizontal"?Yp("div",{className:"k-files-scroll",role:"presentation",children:e.children}):e.children})};vt.className=Rn;vt.defaultOptions=Zp;var wr="file-box",Qp=wr;import{jsx as sa,jsxs as jp}from"react/jsx-runtime";var ed="k-file-box",gN=[r.selected],LN={},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,f=[o,a].filter(Boolean).join(" ");return jp("li",{role:"listitem",tabIndex:0,"aria-label":f\|\|void 0,...u,className:s(ed,e.className,{"k-file-deleted":i}),children:[sa(v,{icon:t,size:"xlarge","aria-hidden":"true"}),jp("div",{className:"k-file-info",children:[o&&sa("span",{className:"k-file-name",children:o}),a&&sa("span",{className:"k-file-size",children:a}),n&&sa("span",{className:"k-file-status",children:n})]}),m&&(l?sa(p,{as:"span",icon:"x-circle",fillMode:"flat",size:"xsmall","aria-hidden":"true"}):sa(D,{icon:"more-vertical",fillMode:"flat",size:"xsmall",showArrow:!1,"aria-label":"File actions"}))]})};Te.states=gN;Te.options=LN;Te.className=ed;Te.defaultOptions=Va;Te.moduleName=wr;Te.folderName=Qp;import{jsx as kF}from"react/jsx-runtime";import{jsx as IF}from"react/jsx-runtime";import{jsx as KF,jsxs as RF}from"react/jsx-runtime";import{jsx as zF,jsxs as UF}from"react/jsx-runtime";import{jsx as XF}from"react/jsx-runtime";import{Fragment as rG,jsx as sG,jsxs as iG}from"react/jsx-runtime";import{Fragment as cG,jsx as mG,jsxs as uG}from"react/jsx-runtime";import{Fragment as hG,jsx as NG,jsxs as vG}from"react/jsx-runtime";var Dr="window",td=Dr;import{jsx as CN}from"react/jsx-runtime";var od="k-window-content",MN=[],SN={},kN={},Gt=e=>{let{children:t,...o}=e;return CN("div",{...o,className:s(od,e.className),children:t})};Gt.states=MN;Gt.options=SN;Gt.className=od;Gt.defaultOptions=kN;Gt.moduleName=Dr;Gt.folderName=td;var $a="dialog",_n=$a;import{Fragment as yN,jsx as co,jsxs as Hr}from"react/jsx-runtime";var ad="k-dialog",AN=[],EN={},zr={actionButtonsAlign:"stretched",modal:!0},ze=e=>{let{title:t,actions:o,actionButtons:a,actionButtonsAlign:n=zr.actionButtonsAlign,modal:i=zr.modal,...l}=e,m=t!==void 0?B("dialog-titlebar"):void 0,u=B("dialog-content");return Hr("div",{className:"k-dialog-wrapper",children:[i&&co(ft,{}),Hr("div",{...l,className:s(e.className,ad,"k-window"),role:"dialog","aria-labelledby":m,"aria-describedby":u,...i&&{"aria-modal":"true"},children:[(t!==void 0\|\|o)&&Hr("div",{className:"k-window-titlebar k-dialog-titlebar",id:m,children:[t!==void 0&&co("span",{className:"k-window-title k-dialog-title",children:t}),o&&co(yN,{children:co("div",{className:"k-window-titlebar-actions k-dialog-titlebar-actions",children:o.map(f=>co(p,{icon:f,fillMode:"flat",size:"xsmall",className:"k-window-titlebar-action k-dialog-titlebar-action","aria-label":f},f))})})]}),co(Gt,{className:"k-dialog-content",id:u,children:e.children}),a&&co(Ke,{alignment:n,className:"k-window-actions k-dialog-actions",children:a})]})]})};ze.states=AN;ze.options=EN;ze.className=ad;ze.defaultOptions=zr;ze.moduleName=$a;ze.folderName=_n;var Ur=ze;import{jsx as BN}from"react/jsx-runtime";var nd="k-dialog-wrapper",IN=[],TN={},ON={},ra=e=>{let{...t}=e;return BN("div",{...t,className:s(e.className,nd),children:e.children})};ra.states=IN;ra.options=TN;ra.className=nd;ra.defaultOptions=ON;ra.moduleName=$a;ra.folderName=_n;import{Fragment as sd,jsx as wn,jsxs as PN}from"react/jsx-runtime";var rd=e=>wn(Ur,{title:"Title",children:wn(sd,{children:"Dialog content"}),actionButtons:PN(sd,{children:[wn(p,{children:"Action"}),wn(p,{themeColor:"primary",children:"Primary"})]}),actions:["x"],...e});import{Fragment as XG,jsx as qG,jsxs as WG}from"react/jsx-runtime";import{Fragment as HN,jsx as Dn,jsxs as zN}from"react/jsx-runtime";var KN=ze.options,RN=[],_N=ze.states,wN=ze.defaultOptions,DN=[],ia=e=>Dn(rd,{style:{width:"350px",height:"215px"},...e,title:"Please confirm",actions:["x"],actionButtonsAlign:"stretched",actionButtons:zN(HN,{children:[Dn(p,{children:"No"}),Dn(p,{themeColor:"primary",children:"Yes"})]}),children:Dn("p",{style:{margin:"36px",textAlign:"center"},children:"Are you sure you want to continue?"})});ia.options=KN;ia.states=_N;ia.variants=RN;ia.defaultOptions=wN;ia.modifiers=DN;ia.className=ze.className;var Fr="dropzone",id=Fr;import{jsx as Hn,jsxs as GN}from"react/jsx-runtime";var Gr="k-external-dropzone",UN=[r.disabled,r.hover],FN={},Vr={icon:"upload",hint:"Drag and drop files here to upload"},Se=e=>{let{hover:t,disabled:o,icon:a=Vr.icon,hint:n=Vr.hint,note:i,...l}=e;return Hn("div",{...l,className:s(e.className,Gr,S(Gr,{disabled:o}),{"k-external-dropzone-hover":t}),children:GN("div",{className:"k-dropzone-inner",children:[a&&Hn(v,{icon:a,className:"k-dropzone-icon",size:"xxxlarge"}),n&&Hn("span",{className:"k-dropzone-hint",children:n}),i&&Hn("span",{className:"k-dropzone-note",children:i})]})})};Se.states=UN;Se.options=FN;Se.className=Gr;Se.defaultOptions=Vr;Se.moduleName=Fr;Se.folderName=id;import{jsx as VN}from"react/jsx-runtime";var ld=e=>VN(Se,{...e});import{jsx as v6}from"react/jsx-runtime";import{jsx as YN}from"react/jsx-runtime";var $N=Se.options,XN=Se.states,qN=Se.defaultOptions,WN=[{name:"note",title:"Note"}],JN=[],la=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)}),YN(ld,{style:{width:"500px"},...o,...a})};la.options=$N;la.states=XN;la.variants=JN;la.defaultOptions=qN;la.modifiers=WN;la.className=Se.className;import{Fragment as zn,jsx as Vt,jsxs as Xa}from"react/jsx-runtime";var $r="k-upload-dropzone",ZN=[r.hover],Un=e=>{let{hover:t,status:o,disabled:a,hasFiles:n,filesId:i,...l}=e,m;switch(o){case"uploading":m=Xa(zn,{children:[Vt(v,{icon:"upload"}),"Uploading..."]});break;case"done":m=Xa(zn,{children:[Vt(v,{icon:"check"}),"Done"]});break;case"failed":m=Xa(zn,{children:[Vt(v,{icon:"exclamation-circle"}),"Done"]});break;default:m=Vt(zn,{});break}return Xa("div",{...l,className:s(e.className,$r,"k-dropzone",S($r,{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:"Select files..."}),Vt("input",{id:"upload-input",className:"k-hidden",tabIndex:-1,"aria-hidden":"true"})]}),Vt("span",{className:s("k-dropzone-hint",{"k-hidden":o!=="upload"}),children:"Drop files here to upload"}),o!=="upload"&&Vt("span",{className:"k-upload-status",children:m})]})};Un.states=ZN;Un.className=$r;var Xr="upload",pd=Xr;import{jsx as Fn,jsxs as md}from"react/jsx-runtime";var qr="k-upload",QN=[r.hover,r.disabled],jN={},cd={actionsLayout:"end"},dd="upload-files-list",ae=e=>{let{async:t,empty:o,actions:a,actionsLayout:n=cd.actionsLayout,hover:i,status:l,disabled:m,...u}=e,f=!!e.children;return md("div",{...u,className:s(e.className,qr,S(qr,{disabled:m}),{"k-upload-async":t,"k-upload-empty":o}),children:[Fn(Un,{status:l,hover:i,disabled:m,hasFiles:f,filesId:dd}),f&&Fn("ul",{className:"k-upload-files",role:"list",id:dd,children:e.children}),a&&f&&md(el,{alignment:n,orientation:"horizontal",children:[Fn(p,{className:"k-clear-selected",children:"Clear"}),Fn(p,{themeColor:"primary",className:"k-upload-selected",children:"Upload"})]})]})};ae.states=QN;ae.options=jN;ae.className=qr;ae.defaultOptions=cd;ae.moduleName=Xr;ae.folderName=pd;var qa="progressbar",Gn=qa;import{jsx as Jr,jsxs as Wr}from"react/jsx-runtime";var tt="k-progressbar",eh=[r.disabled,r.indeterminate],th={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:f,style:N,ariaLabel:g,...c}=e;return Wr("div",{...c,className:s(e.className,tt,S(tt,{disabled:t}),{[`${tt}-${l}`]:l,[`${tt}-indeterminate`]:a,[`${tt}-reverse`]:m}),style:{...N,"--kendo-progressbar-value":u,[l==="horizontal"?"height":"width"]:l==="horizontal"?o:f},role:"progressbar","aria-label":g\|\|"progress","aria-valuenow":a?void 0:Number(u),"aria-valuemin":0,"aria-valuemax":100,children:[Jr("span",{className:s("k-progress-status-wrap",{[`k-progress-${i}`]:i&&!a}),children:n&&Wr("span",{className:"k-progress-status",children:[u,"%"]})}),!a&&Jr("div",{className:"k-progressbar-value k-selected",children:Jr("span",{className:s("k-progress-status-wrap",{[`k-progress-${i}`]:i}),children:n&&Wr("span",{className:"k-progress-status",children:[e.value,"%"]})})})]})};ke.states=eh;ke.options=th;ke.className=tt;ke.defaultOptions=uo;ke.moduleName=qa;ke.folderName=Gn;var ud=ke;import{jsx as Yr}from"react/jsx-runtime";var fd="k-chunk-progressbar",oh=(e,t)=>t<=e-1,ah=[r.disabled,r.indeterminate],nh={},Vn={chunkCount:5,orientation:"horizontal",progress:0},pa=e=>{let{disabled:t,chunkCount:o=Vn.chunkCount,indeterminate:a,orientation:n=Vn.orientation,progress:i=Vn.progress,reverse:l,ariaLabel:m,...u}=e;return Yr("div",{...u,className:s(e.className,tt,fd,S(tt,{disabled:t}),{[`${tt}-${n}`]:n,[`${tt}-indeterminate`]:a,[`${tt}-reverse`]:l}),role:"progressbar","aria-label":m\|\|"progress","aria-valuenow":a?void 0:i,"aria-valuemin":0,"aria-valuemax":o,children:Yr("ul",{className:"k-progressbar-chunks k-reset",children:[...Array(o)].map((f,N)=>Yr("li",{className:s("k-progressbar-chunk",{"k-first":N===0,"k-last":N===[...Array(o)].length-1,"k-selected":oh(i,N)})},N))})})};pa.states=ah;pa.options=nh;pa.className=fd;pa.defaultOptions=Vn;pa.moduleName=qa;pa.folderName=Gn;import{jsx as sh}from"react/jsx-runtime";var Wa=e=>sh(ud,{...e});import{jsx as r7}from"react/jsx-runtime";import{jsx as $t}from"react/jsx-runtime";var rh=ke.options,ih=ke.states,bd={...ke.defaultOptions,variant:"start"},lh=[{name:"start",title:"Label start"},{name:"center",title:"Label center"},{name:"end",title:"Label end"},{name:"empty",title:"No label"}],ph=[],da=e=>{let{variant:t,modifiers:o,...a}={...bd,...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"})})}};da.options=rh;da.states=ih;da.variants=lh;da.defaultOptions=bd;da.modifiers=ph;da.className=ke.className;import{jsx as Zr,jsxs as mh}from"react/jsx-runtime";var dh="k-file-info",Qr=e=>{let{name:t,size:o,validationMsg:a,...n}=e;return mh("div",{...n,className:s(e.className,dh),children:[t&&Zr("span",{className:"k-file-name",children:t}),o&&Zr("span",{className:"k-file-size",children:o}),a&&Zr("span",{className:"k-file-validation-message","aria-live":"polite",children:a})]})};import{Fragment as uh,jsx as Et,jsxs as $n}from"react/jsx-runtime";var ch="k-file",Oe=e=>{let{status:t,progress:o,name:a,icon:n,size:i,state:l,validationMsg:m,...u}=e;return Et("li",{...u,className:s(e.className,ch,{[`k-file-${t}`]:t}),role:"listitem",tabIndex:0,children:$n("div",{className:"k-file-single",children:[Et(ke,{className:s({"k-hidden":t!=="progress"}),value:o,label:!1}),$n("span",{className:"k-file-icon-wrapper",children:[Et(v,{className:"k-file-icon",icon:n,size:"xxlarge"}),l&&Et("span",{className:"k-file-state",children:l})]}),Et(Qr,{name:a,size:i,validationMsg:m}),Et("div",{className:"k-upload-actions",children:t==="progress"?$n(uh,{children:[$n("span",{className:"k-upload-pct",children:[o,"%"]}),Et(p,{icon:"pause",fillMode:"flat",size:"xsmall",className:"k-upload-action","aria-label":"Pause upload",tabIndex:-1}),Et(p,{icon:"cancel",fillMode:"flat",size:"xsmall",className:"k-upload-action","aria-label":"Cancel upload",tabIndex:-1})]}):Et(p,{icon:"x",fillMode:"flat",size:"xsmall",className:"k-upload-action","aria-label":"Remove file",tabIndex:-1})})]})})};import{Fragment as _7,jsx as K7,jsxs as R7}from"react/jsx-runtime";import{Fragment as fh,jsx as jr,jsxs as bh}from"react/jsx-runtime";var Ja=e=>jr(ae,{async:!0,children:bh(fh,{children:[jr(Oe,{name:"Image_With_Very_Very_Very_Very_Very_Long_Name1.png",icon:"file-image",size:"51.23 KB"}),jr(Oe,{name:"Image2.jpg",icon:"file-image",size:"106.43 KB"})]}),...e});import{Fragment as X7,jsx as V7,jsxs as $7}from"react/jsx-runtime";import{jsx as xh}from"react/jsx-runtime";var xd=e=>xh(ae,{async:!0,empty:!0,...e});import{Fragment as e9,jsx as j7,jsxs as t9}from"react/jsx-runtime";import{Fragment as r9,jsx as s9,jsxs as i9}from"react/jsx-runtime";import{jsx as yt,jsxs as Xn}from"react/jsx-runtime";var Nh=ae.options,hh=ae.states,Nd={...ae.defaultOptions,variant:"empty"},vh=[{name:"empty",title:"Empty"},{name:"upload",title:"Upload"},{name:"uploading",title:"Uploading"},{name:"success",title:"Success"},{name:"failed",title:"Failed"}],gh=[],ma=e=>{let{variant:t,...o}={...Nd,...e};switch(t){case"success":return Xn(Ja,{status:"done",style:{width:"586px"},...o,children:[yt(Oe,{status:"success",validationMsg:"File(s) uploaded successfully.",name:"Image1.png",icon:"file-image"}),yt(Oe,{status:"success",validationMsg:"File(s) uploaded successfully.",name:"Image2.png",icon:"file-image"})]});case"failed":return Xn(Ja,{status:"failed",style:{width:"586px"},...o,children:[yt(Oe,{status:"error",validationMsg:"File type not allowed.",name:"Movie1.mkv",icon:"file-image"}),yt(Oe,{status:"error",validationMsg:"File type not allowed.",name:"Video2.mkv",icon:"file-image"})]});case"uploading":return Xn(Ja,{status:"uploading",style:{width:"586px"},...o,children:[yt(Oe,{progress:"50",status:"progress",name:"Document1.txt",icon:"file-pdf",size:"328.92 KB"}),yt(Oe,{progress:"70",status:"progress",name:"Document2.txt",icon:"file-pdf",size:"225.68 KB"})]});case"upload":return Xn(Ja,{actions:!0,status:"upload",style:{width:"586px"},...o,children:[yt(Oe,{name:"Image1.png",icon:"file-image",size:"51.23 KB"}),yt(Oe,{name:"Image2.jpg",icon:"file-image",size:"106.43 KB"})]});default:return yt(xd,{async:!0,status:"upload",style:{width:"586px"},...o})}};ma.options=Nh;ma.states=hh;ma.variants=vh;ma.defaultOptions=Nd;ma.modifiers=gh;ma.className=ae.className;import{Fragment as R9,jsx as K9,jsxs as _9}from"react/jsx-runtime";import{jsx as z9}from"react/jsx-runtime";import{Fragment as $9,jsx as V9,jsxs as X9}from"react/jsx-runtime";import{Fragment as Z9,jsx as Y9,jsxs as Q9}from"react/jsx-runtime";import{Fragment as a4,jsx as o4,jsxs as n4}from"react/jsx-runtime";import{Fragment as p4,jsx as l4}from"react/jsx-runtime";var ei="appbar",hd=ei;import{jsx as kh}from"react/jsx-runtime";var ti="k-appbar",Lh=[],Mh={themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary,h.inverse]},Sh={},Ce=e=>{let{themeColor:t,positionMode:o,position:a,...n}=e;return kh("div",{...n,className:s(e.className,ti,E(ti,{themeColor:t}),{[`k-appbar-${o}`]:o,[`k-appbar-${a}`]:a}),children:e.children})};Ce.states=Lh;Ce.options=Mh;Ce.className=ti;Ce.defaultOptions=Sh;Ce.moduleName=ei;Ce.folderName=hd;import{jsx as Ah}from"react/jsx-runtime";var Ch="k-appbar-section",gt=e=>{let{...t}=e;return Ah("div",{...t,className:s(Ch,e.className),children:e.children})};import{Fragment as k4,jsx as M4,jsxs as S4}from"react/jsx-runtime";import{jsx as j,jsxs as ca}from"react/jsx-runtime";var oi={...Ce.options,positionMode:["static","sticky","fixed"]},Eh=Ce.states,vd={...Ce.defaultOptions,themeColor:"primary",variant:"top",positionMode:"sticky"};oi.themeColor=["primary",...oi.themeColor.filter(e=>e!=="primary")];var yh=[{name:"top",title:"Top"},{name:"bottom",title:"Bottom"}],ua=e=>{let{variant:t,...o}={...vd,...e},a=ca(Ce,{position:t,...o,children:[j(gt,{children:j(X,{fillMode:"flat",icon:"menu"})}),j("span",{className:"k-spacer k-spacer-sized",style:{width:"8px"}}),j(gt,{children:j("h3",{className:"k-m-0",children:"AppBar"})}),j("span",{className:"k-spacer"}),ca(gt,{children:[j(st,{fillMode:"flat",children:"Button"}),j(st,{fillMode:"flat",children:"Button"}),j(st,{fillMode:"flat",children:"Button"})]}),j("span",{className:"k-spacer k-spacer-sized",style:{width:"8px"}}),j(gt,{children:j(dn,{value:"Input value"})}),ca(gt,{children:[j(X,{className:"k-mx-sm",fillMode:"flat",icon:"bell"}),j("span",{className:"k-appbar-separator"}),j(On,{className:"k-mx-sm",children:j("img",{src:"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg"})})]})]}),n=ca("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"?ca("div",{style:{height:"250px",overflow:"auto"},children:[n,a]}):ca("div",{style:{height:"250px",overflow:"auto"},children:[a,n]})};ua.options=oi;ua.states=Eh;ua.variants=yh;ua.defaultOptions=vd;ua.modifiers=[];ua.className=Ce.className;var ai="suggestion",gd=ai;import{jsx as qn,jsxs as Oh}from"react/jsx-runtime";var Wn="k-suggestion-group",Ih=[],Th={},Ld={layout:"scrollable",scrollingPosition:"start"},ot=e=>{let{layout:t=Ld.layout,scrollingPosition:o,...a}=e,n=qn("div",{...a,className:s(Wn,{"k-suggestion-group-scrollable":t=="scrollable",[`${Wn}-scrollable-start`]:o==="start"\|\|o==="both",[`${Wn}-scrollable-end`]:o==="end"\|\|o==="both"},e.className),role:"group",children:t==="scrollable"\|\|t==="scrollButtons"?qn("div",{className:"k-suggestions-scroll",children:e.children}):e.children});return t=="scrollButtons"?Oh("div",{className:"k-suggestion-scrollwrap",children:[qn(p,{fillMode:"flat",icon:"chevron-left",size:"xsmall","aria-label":"Scroll left"}),n,qn(p,{fillMode:"flat",icon:"chevron-right",size:"xsmall","aria-label":"Scroll right"})]}):n};ot.states=Ih;ot.options=Th;ot.className=Wn;ot.defaultOptions=Ld;ot.moduleName=ai;ot.folderName=gd;import{jsx as Rh}from"react/jsx-runtime";var Jn="k-suggestion",Bh=[r.active,r.hover,r.focus],Ph={themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary]},Kh={text:"Suggestion"},at=e=>{let{themeColor:t,active:o,hover:a,focus:n,text:i,...l}=e;return Rh("span",{...l,className:s(e.className,Jn,S(Jn,{hover:a,active:o,focus:n}),E(Jn,{themeColor:t})),role:"button",tabIndex:0,"aria-label":i,children:i})};at.states=Bh;at.options=Ph;at.className=Jn;at.item=Kh;import{Fragment as Z4,jsx as Y4,jsxs as Q4}from"react/jsx-runtime";import{Fragment as a8,jsx as o8,jsxs as n8}from"react/jsx-runtime";import{Fragment as p8,jsx as l8,jsxs as d8}from"react/jsx-runtime";import{Fragment as Uh,jsx as ee,jsxs as Yn}from"react/jsx-runtime";var _h=G.states,wh=G.defaultOptions,Dh=G.options,Hh=[{name:"header",title:"Header"},{name:"pinned",title:"Pinned"},{name:"suggested",title:"Suggested Actions"},{name:"author",title:"Author"},{name:"avatar",title:"Avatar"},{name:"quick",title:"Quick Replies"}],zh=[],fa=e=>{let{modifiers:t,...o}=e,a={author:null,avatar:null},n=Yn(Ce,{className:"k-chat-header",positionMode:"sticky",themeColor:"primary",children:[ee("span",{className:"k-spacer k-spacer-sized k-w-1"}),ee(gt,{children:ee("span",{children:"Chat with demo bot"})}),ee("span",{className:"k-spacer"}),ee(gt,{children:ee(p,{fillMode:"flat",icon:"more-vertical"})})]}),i=ee(Ft,{type:"sender",pinned:!0,content:"Hello! Generate a cover letter.",closeable:!0}),l=Yn(ot,{children:[ee(at,{text:"Provide a CV template"}),ee(at,{text:"Generate a cover letter"})]}),m=Yn(ot,{children:[ee(at,{themeColor:"primary",text:"Thank you!"}),ee(at,{themeColor:"primary",text:"Great!"})]}),u="https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg",f=null,N="User",g="Demo Bot";Object.keys(t\|\|{}).forEach(y=>{switch(y){case"header":a.header=t?.[y]?n:!1;break;case"pinned":a.pinned=t?.[y]?i:!1;break;case"suggested":a.suggestedActions=t?.[y]?l:!1;break;case"author":a.author=t?.[y]?!0:null;break;case"avatar":a.avatar=t?.[y]?u:null;break;case"quick":a.quickReplies=t?.[y]?m:ee(Uh,{});break;default:break}});let{header:c,pinned:L,suggestedActions:M,author:k,avatar:A,quickReplies:C}=a;return Yn(Jp,{value:"Thank you!",style:{minHeight:"100%"},...o,header:c,pinned:L,suggestedActions:M,children:[ee(V,{avatar:f,author:k?g:null,children:ee(U,{text:"Hello, this is a demo bot. How can I help you ?"})}),ee(V,{avatar:A?u:null,author:k?N:null,type:"sender",children:ee(U,{text:"Hello! Generate a cover letter."})}),ee(V,{avatar:f,author:k?g:null,children:ee(U,{text:"Sure. Here is a cover letter template",files:ee(vt,{children:ee(Te,{icon:"file-pdf",name:"cover_letter.pdf",size:"1.43MB"})})})}),C]})};fa.options=Dh;fa.states=_h;fa.variants=zh;fa.defaultOptions=wh;fa.modifiers=Hh;fa.className=G.className;var ni="skeleton",Md=ni;import{jsx as $h}from"react/jsx-runtime";var si="k-skeleton",Fh=["circle","text","rect"],Gh=[],Vh={},ri={variant:"text",shape:"text",animation:"pulse"},nt=e=>{let{variant:t,shape:o,animation:a=ri.animation,...n}=e,i=`skeleton-${t\|\|o\|\|ri.variant}`;return $h("span",{...n,className:s(e.className,si,Ya(si,i),{[`k-skeleton-${a}`]:a}),style:e.style})};nt.states=Gh;nt.options=Vh;nt.variants=Fh;nt.className=si;nt.defaultOptions=ri;nt.moduleName=ni;nt.folderName=Md;import{jsx as Xh}from"react/jsx-runtime";var fo=e=>Xh(nt,{...e});import{jsx as qh}from"react/jsx-runtime";var Sd=e=>qh(nt,{shape:"rect",...e});import{jsx as dV}from"react/jsx-runtime";import{Fragment as Wh,jsx as Ue,jsxs as Zn}from"react/jsx-runtime";var vV=e=>Ue(G,{children:Zn(Wh,{children:[Ue("div",{className:"k-timestamp",children:"Day, Month 7, 2023"}),Ue(V,{fullWidth:!0,children:Ue(U,{text:null,content:Zn("div",{className:"k-skeleton-container",style:{width:"100%"},children:[Ue(fo,{style:{width:"100%"}}),Ue(fo,{style:{width:"100%"}}),Ue(fo,{style:{width:"100%"}}),Ue(fo,{style:{width:"75%"}})]})})}),Ue(V,{type:"sender",fullWidth:!0,avatar:null,children:Ue(U,{text:null,content:Zn("div",{className:"k-skeleton-container",style:{width:"100%",display:"flex",alignItems:"center",gap:"var( --kendo-spacing-1 )"},children:[Ue(Sd,{style:{width:"32px",height:"32px"}}),Zn("div",{style:{flex:"1 1 50%"},children:[Ue(fo,{style:{width:"100%"}}),Ue(fo,{style:{width:"50%"}})]})]})})})]}),...e});export{vV as ChatMessageSkeleton};