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-textarea-file.mjs CHANGED Viewed

	@@ -1 +1 @@
1	- var s=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?s(...t):typeof t=="object"?Object.keys(t).map((o,a)=>t[a]\|\|t[o]&&o\|\|null).filter(o=>o!==null).join(" "):t).filter(t=>!!t).join(" ");var E=(e,t)=>s({[`${e}-xs`]:t.size==="xsmall",[`${e}-sm`]:t.size==="small",[`${e}-md`]:t.size==="medium",[`${e}-lg`]:t.size==="large",[`${e}-xl`]:t.size==="xlarge",[`${e}-xxl`]:t.size==="xxlarge",[`${e}-xxxl`]:t.size==="xxxlarge"},{[`${e}-${t.fillMode}`]:t.fillMode},{[`${e}-${t.themeColor}`]:t.themeColor},{"k-rounded-sm":t.rounded==="small","k-rounded-md":t.rounded==="medium","k-rounded-lg":t.rounded==="large","k-rounded-full":t.rounded==="full","k-rounded-none":t.rounded==="none"}),S=(e,t)=>{let{valid:o,invalid:a,hover:n,focus:i,checked:l,active:m,selected:u,disabled:f,indeterminate:N,loading:g,empty:c,readonly:L,highlighted:M,...k}=t;return s({"k-valid":o,"k-invalid":a,"k-hover":n,"k-focus":i,"k-checked":l,"k-active":m,"k-selected":u,"k-disabled":f,"k-indeterminate":N&&!l,"k-loading":g,"k-empty":c,"k-readonly":L,"k-highlighted":M},Object.keys(k).reduce((A,C)=>(C.startsWith("k-")?A[C]=k[C]:A[`k-${C}`]=k[C],A),{}))};function Ja(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(a=>[`k-${a}`,!0]))}var d={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},b={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},x={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},lt={undefined:void 0,outline:"outline",solid:"solid",duotone:"duotone"},h={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",inverse:"inverse"},r={open:"open",hover:"hover",focus:"focus",active:"active",selected:"selected",disabled:"disabled",valid:"valid",invalid:"invalid",loading:"loading",required:"required",empty:"empty",indeterminate:"indeterminate",checked:"checked",readonly:"readonly",highlighted:"highlighted",generating:"generating",expanded:"expanded"};var es={};function B(e){return es[e]=(es[e]\|\|0)+1,`k-${e}-${es[e]}`}import{Fragment as Cd,jsx as ri}from"react/jsx-runtime";var ts="k-font-icon",Md=[],Sd={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]},kd={},ba=e=>{let{size:t,themeColor:o,icon:a,rotate:n,flip:i,...l}=e;return a?ri("span",{...l,className:s(e.className,ts,E(ts,{size:t}),{[`k-i-${a}`]:a,[`k-color-${o}`]:o,[`k-rotate-${n}`]:n,"k-flip-h":i==="h"\|\|i==="both","k-flip-v":i==="v"\|\|i==="both"}),"aria-hidden":"true"}):ri(Cd,{})};ba.states=Md;ba.options=Sd;ba.className=ts;ba.defaultOptions=kd;var ii=ba;import{Fragment as yd,jsx as Ya}from"react/jsx-runtime";var os="k-svg-icon",Ad=[],Ed={size:[d.undefined,d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary,h.success,h.warning,h.error,h.info],variant:[lt.outline,lt.solid,lt.duotone]},as={viewBox:"0 0 24 24",variant:lt.outline},xa=e=>{let{size:t,themeColor:o,rotate:a,flip:n,viewBox:i=as.viewBox,variant:l=as.variant,icon:m,...u}=e;if(!m)return Ya(yd,{});if(m==="none")return Ya("span",{...u,className:s(e.className,os,E("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let f=typeof m=="object"&&m.name&&m.name,N=typeof m=="object"?l&&m.variants?.[l]\|\|m.variants?.outline\|\|m.content:void 0;return Ya("span",{...u,className:s(e.className,os,E("k-icon",{size:t}),{[`k-svg-i-${f}`]:f,[`k-color-${o}`]:o,[`k-rotate-${a}`]:a,"k-flip-h":n==="h"\|\|n==="both","k-flip-v":n==="v"\|\|n==="both"}),"aria-hidden":"true",children:Ya("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof m=="object"?m.viewBox:i,dangerouslySetInnerHTML:N!==void 0?{__html:N}:void 0,children:m?void 0:e.children})})};xa.states=Ad;xa.options=Ed;xa.className=os;xa.defaultOptions=as;var ns=xa;importas ss from"@progress/kendo-svg-icons";var li="icon",pi="icons";import{useContext as Td}from"react";import{createContext as Id}from"react";var di=Id({iconsType:"svg"});import{Fragment as mi,jsx as Na}from"react/jsx-runtime";var Za="k-icon",Od=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),Bd=[],Pd={size:[d.undefined,d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary,h.success,h.warning,h.error,h.info],variant:[lt.outline,lt.solid,lt.duotone]},Qa={viewBox:"0 0 24 24",type:"svg",variant:lt.outline},v=e=>{let{iconsType:t}=Td(di),{size:o,themeColor:a,icon:n,type:i=t\|\|Qa.type,rotate:l,flip:m,viewBox:u=Qa.viewBox,variant:f=Qa.variant,...N}=e;if(!n)return Na(mi,{});if((t\|\|i)==="svg"){if(n==="none")return Na(ns,{...N,className:s(e.className,Za),icon:n,size:o,variant:f});let c=ss[n]?n:Od(`${n}-icon`);return ss[c]?Na(ns,{...N,className:s(e.className,Za),icon:ss[c],size:o,themeColor:a,rotate:l,flip:m,viewBox:u,variant:f}):Na(mi,{})}return Na(ii,{...N,className:s(e.className,Za),icon:n,size:o,themeColor:a,rotate:l,flip:m})};v.states=Bd;v.options=Pd;v.defaultOptions=Qa;v.className=Za;v.moduleName=li;v.folderName=pi;var rs="button",ci=rs;import{Fragment as ui,jsx as fo,jsxs as fi}from"react/jsx-runtime";var ha="k-button",Kd=["icon-button"],Rd=[r.hover,r.focus,r.active,r.selected,r.disabled,r.generating],_d={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]},is={showArrow:!1,arrowIconName:"chevron-down"},p=e=>{let{as:t="button",size:o,rounded:a,fillMode:n,themeColor:i,showArrow:l=is.showArrow,arrowIconName:m=is.arrowIconName,variant:u,hover:f,focus:N,active:g,selected:c,disabled:L,togglable:M,ariaDisabled:k,icon:A,iconSize:C,text:y,iconClassName:H,className:pe,...Ee}=e,de=A!=null,fe=e.children!==void 0;return fi(t,{className:s(pe,ha,Ja(ha,u),E(ha,{size:o,rounded:a,fillMode:n,themeColor:i}),S(ha,{hover:f,focus:N,active:g,disabled:L\|\|k,selected:c}),{"k-icon-button":!y&&!fe&&de}),"aria-pressed":M?c?"true":"false":void 0,...Ee,"aria-disabled":k?"true":void 0,disabled:L\|\|void 0,children:[typeof A=="string"&&A&&fo(v,{className:s(H,"k-button-icon"),icon:A,size:C}),A&&typeof A!="string"&&fo(ui,{children:A}),y?fi(ui,{children:[y&&fo("span",{className:"k-button-text",children:y}),e.children]}):e.children&&fo("span",{className:"k-button-text",children:e.children}),l&&fo("span",{className:"k-menu-button-arrow k-button-arrow",children:fo(v,{icon:m})})]})};p.states=Rd;p.options=_d;p.variants=Kd;p.className=ha;p.defaultOptions=is;p.moduleName=rs;p.folderName=ci;import{jsx as wd}from"react/jsx-runtime";var X=e=>wd(p,{icon:"folder",...e,"aria-label":e["aria-label"]\|\|"Folder",children:void 0});import{jsx as Dd}from"react/jsx-runtime";var va=e=>Dd(p,{icon:"folder",children:"Button",...e});import{jsx as Hd}from"react/jsx-runtime";var at=e=>Hd(p,{children:"Button",...e});import{jsx as ls}from"react/jsx-runtime";var zd=p.options,Ud=p.states,Fd={...p.defaultOptions,variant:"text"},Gd=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Vd=[],bo=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return ls(X,{...o,icon:"star"});case"icon-and-text":return ls(va,{...o,icon:"star",children:"Button"});default:return ls(at,{...o,children:"Button"})}};bo.options=zd;bo.states=Ud;bo.variants=Gd;bo.defaultOptions=Fd;bo.modifiers=Vd;bo.className=p.className;import{jsx as bi,jsxs as Jd}from"react/jsx-runtime";var ja="k-fab",qd=[r.hover,r.focus,r.active,r.selected,r.disabled],Wd={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]},xi={type:"button"},te=e=>{let{size:t,rounded:o,themeColor:a,text:n,icon:i,type:l=xi.type,position:m,hover:u,focus:f,active:N,selected:g,disabled:c,...L}=e;return Jd("button",{...L,type:l,className:s(e.className,ja,E(ja,{size:t,rounded:o,themeColor:a}),S(ja,{hover:u,focus:f,active:N,disabled:c,selected:g}),{[`!k-pos-absolute k-${m}`]:m}),...!n&&i&&!e["aria-label"]&&{"aria-label":"Action"},...c&&{"aria-disabled":"true"},disabled:c\|\|void 0,children:[i&&bi(v,{className:"k-fab-icon",icon:i}),n&&bi("span",{className:"k-fab-text",children:n})]})};te.states=qd;te.options=Wd;te.className=ja;te.defaultOptions=xi;te.moduleName="fab";te.folderName="fab";import{jsx as Zd}from"react/jsx-runtime";var Yd="k-fab-items",Ni=e=>{let{position:t,...o}=e;return Zd("ul",{...o,className:s(e.className,Yd,{[`k-fab-items-${t}`]:t}),children:e.children})};import{jsx as vi,jsxs as jd}from"react/jsx-runtime";var hi="k-fab-item",Qd=[r.hover,r.focus,r.active,r.disabled],ps=e=>{let{text:t,icon:o,align:a,hover:n,focus:i,active:l,disabled:m,...u}=e;return jd("li",{...u,className:s(e.className,hi,{[`k-text-${a}`]:a},S(hi,{hover:n,focus:i,active:l,disabled:m})),children:[vi("span",{className:"k-fab-item-text",children:t}),vi(v,{className:"k-fab-item-icon",icon:o})]})};ps.states=Qd;import{jsx as mg}from"react/jsx-runtime";import{jsx as em}from"react/jsx-runtime";var gi=e=>em(te,{icon:"plus",...e});import{jsx as hg}from"react/jsx-runtime";import{jsx as Mg}from"react/jsx-runtime";import{jsx as xo,jsxs as rm}from"react/jsx-runtime";var tm=te.options,om=te.states,am={...te.defaultOptions,variant:"text"},nm=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],sm=[{name:"opened",title:"Opened"}],No=e=>{let{variant:t,modifiers:o,...a}=e,{opened:n}=o\|\|{},i=n?xo("div",{className:"k-fab-popup k-popup k-popup-transparent",style:{position:"absolute",top:"calc(16px + 36px)",right:"calc(16px + calc(36px / 2) - calc(36px /2))"},children:xo(Ni,{position:"bottom",children:xo(ps,{text:"Item",icon:"pencil",align:"right"})})}):null,l;switch(t){case"icon-only":l=xo(te,{...a,icon:"star"});break;case"icon-and-text":l=xo(te,{...a,icon:"star",text:"Action"});break;default:l=xo(te,{...a,text:"Action"});break}return rm("span",{style:{position:"relative"},children:[l,i]})};No.options=tm;No.states=om;No.variants=nm;No.defaultOptions=am;No.modifiers=sm;No.className=te.className;import{jsx as pm}from"react/jsx-runtime";var ds="k-input-inner",im=[],lm={},en={type:"text",autocomplete:"off",value:"",placeholder:""},be=e=>{let{value:t=en.value,type:o=en.type,placeholder:a=en.placeholder,autocomplete:n=en.autocomplete,disabled:i,readOnly:l,...m}=e;return pm("input",{...m,type:o,className:s(e.className,ds,E(ds,e)),placeholder:a,autoComplete:n,defaultValue:t,disabled:i\|\|void 0,readOnly:l\|\|void 0})};be.states=im;be.options=lm;be.className=ds;import{jsx as cm}from"react/jsx-runtime";var ms="k-input-inner",dm=[],mm={},Li={value:"",placeholder:""},ga=e=>{let{value:t=Li.value,placeholder:o=Li.placeholder,rows:a,disabled:n,...i}=e;return cm("textarea",{...i,className:s(e.className,ms,E(ms,e)),placeholder:o,rows:a,defaultValue:t,disabled:n\|\|void 0})};ga.states=dm;ga.options=mm;ga.className=ms;var cs="prompt-box",Mi=cs;var us="speech-to-text-button",Si=us;import{jsx as um}from"react/jsx-runtime";var ki="k-speech-to-text-button",Ci={icon:"microphone"},Be=e=>{let{listening:t=!1,icon:o=Ci.icon,...a}=e;return um(p,{...a,icon:t?"stop":o,className:s(e.className,ki,{"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=ki;Be.defaultOptions=Ci;Be.moduleName=us;Be.folderName=Si;import{jsx as aL}from"react/jsx-runtime";import{jsx as iL}from"react/jsx-runtime";import{jsx as hm}from"react/jsx-runtime";var fm=p.states,Ai={...p.defaultOptions,variant:"normal"},bm={...p.options,fillMode:p.options.fillMode.filter(e=>e!=="clear"&&e!=="link")},xm=[],Nm=[{name:"normal",title:"Normal"},{name:"listening",title:"Listening"}],ho=e=>{let{variant:t,...o}={...Ai,...e},a={};return t==="listening"&&(a.listening=!0),hm(Be,{...o,...a})};ho.options=bm;ho.states=fm;ho.variants=Nm;ho.defaultOptions=Ai;ho.modifiers=xm;ho.className=Be.className;import{jsx as Wt,jsxs as fs}from"react/jsx-runtime";var pt="k-prompt-box",vm=[r.hover,r.focus,r.disabled],gm={fillMode:[x.undefined,x.solid,x.flat,x.outline]},bs={lineMode:"auto",isExpanded:!1},xe=e=>{let{fillMode:t,lineMode:o=bs.lineMode,startAffix:a,endAffix:n,header:i,isExpanded:l=bs.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 fs("div",{...y,className:s(m,"k-input",pt,{[`${pt}-singleline`]:o==="single",[`${pt}-multiline`]:H,[`k-input-${t}`]:t,"k-hover":k,"k-focus":A,"k-disabled":C}),children:[i&&Wt("div",{className:`${pt}-header`,children:i}),fs("div",{className:`${pt}-content`,children:[a&&Wt("div",{className:`${pt}-affix`,children:a}),o==="single"?Wt(be,{value:f,placeholder:N,className:`${pt}-input`,type:"text","aria-label":"Prompt input"}):Wt(ga,{value:f,placeholder:N,className:`${pt}-textarea`,rows:o==="multi"\|\|l?3:1,"aria-label":"Prompt input","aria-multiline":"true"}),fs("div",{className:`${pt}-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]})};xe.states=vm;xe.options=gm;xe.className=pt;xe.defaultOptions=bs;xe.moduleName=cs;xe.folderName=Mi;import{jsx as OL}from"react/jsx-runtime";import{jsx as RL}from"react/jsx-runtime";import{jsx as HL}from"react/jsx-runtime";import{jsx as GL}from"react/jsx-runtime";import{jsx as qL}from"react/jsx-runtime";import{Fragment as xs,jsx as It,jsxs as Am}from"react/jsx-runtime";var Lm=xe.options,Mm=xe.states,Sm={...xe.defaultOptions,variant:"Single"},km=[{name:"Single",title:"Singleline"},{name:"Multi",title:"Multiline"}],Cm=[{name:"header",title:"Header"},{name:"endAffix",title:"End Affix"},{name:"startAffix",title:"Start Affix"}],vo=e=>{let{variant:t,modifiers:o,...a}=e,n={},i=It(xs,{children:It(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=Am(xs,{children:[i,It(X,{icon:"paperclip",size:"small",fillMode:"flat"})]}));break;case"startAffix":n.startAffix=o?.[l]?It(xs,{children:It(X,{icon:"plus",size:"small",fillMode:"flat"})}):void 0;break;default:break}}),t==="Multi"?It(xe,{style:{width:300},lineMode:"multi",endAffix:i,placeholder:"Enter your prompt...",...a,...n}):It(xe,{style:{width:300},lineMode:"single",endAffix:i,placeholder:"Enter your prompt...",...a,...n})};vo.options=Lm;vo.states=Mm;vo.variants=km;vo.defaultOptions=Sm;vo.modifiers=Cm;vo.className=xe.className;var Ns="chat",Ei=Ns;import{Fragment as Ti,jsx as Jt,jsxs as La}from"react/jsx-runtime";var yi="k-chat",Em=[],ym={},Im=La(Ti,{children:[Jt(X,{icon:"paperclip",fillMode:"clear",rounded:"full",size:"small","aria-label":"Attach file"},"paperclip"),Jt("div",{className:"k-spacer"})]}),Ii={tools:Im},G=e=>{let{header:t,dir:o,suggestedActions:a,files:n,pinned:i,replied:l,generating:m,tools:u=Ii.tools,value:f,empty:N,scrollToBottom:g,scrollbar:c,promptBoxProps:L,...M}=e;return La("div",{...M,className:s(yi,e.className),dir:o,children:[t,La("div",{className:"k-message-list",role:"log","aria-label":"Message list","aria-live":"polite",children:[i,Jt("div",{className:s("k-message-list-content",N&&"k-message-list-content-empty"),children:e.children}),g&&Jt("div",{className:"k-chat-scroll-to-bottom-container",children:Jt(gi,{themeColor:"base",icon:"arrow-down",size:"small"})})]}),c&&Jt("div",{className:"k-separator"}),La("div",{className:"k-message-box-wrapper",children:[a,Jt(xe,{lineMode:"multi",placeholder:"Type a message",generating:m,value:f,header:n\|\|l?La(Ti,{children:[l,n]}):void 0,endAffix:u,...L})]})]})};G.states=Em;G.options=ym;G.className=yi;G.defaultOptions=Ii;G.moduleName=Ns;G.folderName=Ei;var hs="button",Oi=hs;import{jsx as Pm}from"react/jsx-runtime";var Ma="k-button-group",Tm=[r.disabled],Om={fillMode:[x.undefined,x.solid,x.flat,x.outline,x.clear,x.link]},Bm={},T=e=>{let{fillMode:t,disabled:o,stretched:a,...n}=e;return Pm("div",{role:"group",...n,className:s(e.className,Ma,E(Ma,{fillMode:t}),S(Ma,{disabled:o}),{[`${Ma}-stretched`]:a}),...o&&{"aria-disabled":"true"},children:e.children})};T.states=Tm;T.options=Om;T.className=Ma;T.defaultOptions=Bm;T.moduleName=hs;T.folderName=Oi;import{Fragment as EM,jsx as AM,jsxs as yM}from"react/jsx-runtime";import{Fragment as KM,jsx as PM,jsxs as RM}from"react/jsx-runtime";import{Fragment as UM,jsx as zM,jsxs as FM}from"react/jsx-runtime";import{Fragment as WM,jsx as qM,jsxs as JM}from"react/jsx-runtime";import{Fragment as tS,jsx as eS,jsxs as oS}from"react/jsx-runtime";import{Fragment as lS,jsx as iS,jsxs as pS}from"react/jsx-runtime";import{jsx as gt,jsxs as vs}from"react/jsx-runtime";var Km={...p.options,...T.options},Rm=p.states,_m={...p.defaultOptions,...T.defaultOptions,variant:"text-button"},wm=[{name:"icon-button",title:"Icon Only"},{name:"text-button",title:"Text"},{name:"icon-text-button",title:"Icon Text"}],Dm=[],go=e=>{let{variant:t,className:o,...a}=e;return t==="icon-button"?vs(T,{fillMode:a.fillMode,className:o,children:[gt(p,{...a,icon:"star"}),gt(p,{...a,icon:"star"}),gt(p,{...a,icon:"star"})]}):t==="icon-text-button"?vs(T,{fillMode:a.fillMode,className:o,children:[gt(p,{...a,icon:"star",children:"First"}),gt(p,{...a,icon:"star",children:"Middle"}),gt(p,{...a,icon:"star",children:"Last"})]}):vs(T,{fillMode:a.fillMode,className:o,children:[gt(p,{...a,children:"First"}),gt(p,{...a,children:"Middle"}),gt(p,{...a,children:"Last"})]})};go.options=Km;go.states=Rm;go.variants=wm;go.defaultOptions=_m;go.modifiers=Dm;go.className=T.className;var Sa="input",on=Sa;import{jsx as Fm}from"react/jsx-runtime";var an="k-input",Hm=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading,r.readonly],zm={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]},Um={},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 Fm("span",{...g,className:s(e.className,an,E(an,{size:u,rounded:f,fillMode:N}),S(an,{hover:t,focus:o,disabled:a,invalid:n,valid:i,loading:l,readonly:m}))})};J.states=Hm;J.options=zm;J.className=an;J.defaultOptions=Um;J.moduleName=Sa;J.folderName=on;import{jsx as Xm}from"react/jsx-runtime";var nn="k-picker",Gm=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading,r.readonly],Vm={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]},$m={},dt=e=>{let{hover:t,focus:o,disabled:a,invalid:n,valid:i,loading:l,readonly:m,size:u,rounded:f,fillMode:N,...g}=e;return Xm("span",{...g,className:s(e.className,nn,E(nn,{size:u,rounded:f,fillMode:N}),S(nn,{hover:t,focus:o,disabled:a,invalid:n,valid:i,loading:l,readonly:m})),children:e.children})};dt.states=Gm;dt.options=Vm;dt.className=nn;dt.defaultOptions=$m;dt.moduleName=Sa;dt.folderName=on;import{Fragment as Jm,jsx as gs}from"react/jsx-runtime";var Bi="k-clear-value",qm=[r.disabled,r.loading,r.readonly],Wm={},Pe=e=>{let{disabled:t,loading:o,readonly:a,value:n}=e;return t\|\|a\|\|o\|\|!n?gs(Jm,{}):gs("span",{className:s(e.className,Bi),children:gs(v,{icon:"x"})})};Pe.states=qm;Pe.options=Wm;Pe.className=Bi;import{jsx as Pi,jsxs as Qm}from"react/jsx-runtime";var Ls="k-input-inner",Ym=[],Zm={},Yt=e=>{let{value:t,placeholder:o,showValue:a,valueIcon:n,valueIconName:i,...l}=e;return Qm("span",{...l,className:s(e.className,Ls,E(Ls,e)),children:[n,!n&&i&&Pi(v,{className:"k-input-value-icon",icon:i}),a&&!t&&o,a&&t&&Pi("span",{className:"k-input-value-text",children:t})]})};Yt.states=Ym;Yt.options=Zm;Yt.className=Ls;import{Fragment as ec,jsx as Ki}from"react/jsx-runtime";var Ri="k-input-loading-icon",jm=[r.disabled,r.loading],ye=e=>{let{disabled:t,loading:o}=e;return t\|\|!o?Ki(ec,{}):Ki("span",{className:s(e.className,Ri,"k-icon k-i-loading")})};ye.states=jm;ye.className=Ri;import{Fragment as ac,jsx as _i}from"react/jsx-runtime";var wi="k-input-validation-icon",tc=[r.valid,r.invalid,r.disabled,r.loading],oc={},Ne=e=>{let{valid:t,invalid:o,disabled:a,loading:n}=e,i=o?"warning-circle":"check-circle";return a\|\|n\|\|!!!(t\|\|o)?_i(ac,{}):_i(v,{className:s(wi),icon:i})};Ne.states=tc;Ne.options=oc;Ne.className=wi;import{Fragment as rc,jsx as Di}from"react/jsx-runtime";var nc="k-input-prefix",sc={direction:"horizontal"},Ue=e=>{let{direction:t=sc.direction,...o}=e;return e.children?Di("span",{...o,className:s(nc,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):Di(rc,{})};import{Fragment as pc,jsx as Hi}from"react/jsx-runtime";var ic="k-input-suffix",lc={direction:"horizontal"},Fe=e=>{let{direction:t=lc.direction,...o}=e;return e.children?Hi("span",{...o,className:s(ic,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):Hi(pc,{})};import{jsx as ak}from"react/jsx-runtime";import{jsx as mc}from"react/jsx-runtime";var dc="k-input-suffix-text",Ms=e=>{let{children:t,...o}=e;return mc("span",{...o,className:s(dc,e.className),children:t})};import{jsx as uc}from"react/jsx-runtime";var zi="k-input-separator",cc={direction:"vertical"},Ge=e=>{let{direction:t=cc.direction,...o}=e;return uc("span",{...o,className:s(zi,e.className,{[`${zi}-${t}`]:t})})};import{Fragment as Ui,jsx as mt,jsxs as Ss}from"react/jsx-runtime";var fc=J.states,bc=J.defaultOptions,xc=J.options,Nc=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],hc=[],Lo=e=>{let{modifiers:t,valid:o,invalid:a,loading:n,disabled:i,readonly:l,...m}=e,u=t?.prefix,f=t?.suffix,N=t?.["clear-button"],g=t?.["validation-icon"],c=t?.separators;return Ss(J,{...m,valid:o,invalid:a,loading:n,disabled:i,readonly:l,style:{width:300},children:[u&&Ss(Ui,{children:[mt(Ue,{children:mt(v,{icon:"lock"})}),c&&mt(Ge,{})]}),mt(be,{placeholder:"Placeholder",value:"Value"}),g&&mt(Ne,{valid:o,invalid:a,loading:n,disabled:i}),mt(ye,{loading:n,disabled:i}),N&&mt(Pe,{loading:n,disabled:i,readonly:l,value:"Value"}),f&&Ss(Ui,{children:[c&&mt(Ge,{}),mt(Fe,{children:mt(at,{size:m.size,fillMode:"clear",children:"Send"})})]})]})};Lo.options=xc;Lo.states=fc;Lo.variants=hc;Lo.defaultOptions=bc;Lo.modifiers=Nc;Lo.className=J.className;import{jsx as Fi,jsxs as Lc}from"react/jsx-runtime";var Gi="k-color-preview",vc=[],gc={},Tt=e=>{let{color:t,iconName:o,...a}=e;return Lc("span",{...a,className:s(e.className,Gi,{"k-icon-color-preview":o,"k-no-color":!t}),children:[o&&Fi(v,{icon:o,className:"k-color-preview-icon"}),Fi("span",{className:"k-color-preview-mask",style:{backgroundColor:t}})]})};Tt.states=vc;Tt.options=gc;Tt.className=Gi;var ks="popup",Vi=ks;import{jsx as $i}from"react/jsx-runtime";var Xi="k-animation-container",Mc=[],Sc={},Cs={positionMode:"absolute",shown:!0},ct=e=>{let{positionMode:t=Cs.positionMode,shown:o=Cs.shown,animationStyle:a,offset:n,...i}=e;return $i("div",{...i,style:{...n,...e.style},className:s(e.className,Xi,{"k-animation-container-shown":o,"k-animation-container-fixed":t==="fixed"}),children:$i("div",{className:"k-child-animation-container",style:a,children:e.children})})};ct.states=Mc;ct.options=Sc;ct.className=Xi;ct.defaultOptions=Cs;ct.moduleName=ks;ct.folderName=Vi;var As="popup",qi=As;import{jsx as Wi}from"react/jsx-runtime";var Ji="k-popup",kc=[],Cc={},Yi={positionMode:"absolute"},q=e=>{let{offset:t,positionMode:o=Yi.positionMode,animationStyle:a,containerClassName:n,containerRole:i,containerAriaLabel:l,...m}=e;return Wi(ct,{positionMode:o,offset:t,animationStyle:a,className:n,role:i,"aria-label":l,children:Wi("div",{...m,className:s(e.className,Ji),children:e.children})})};q.states=kc;q.options=Cc;q.className=Ji;q.defaultOptions=Yi;q.moduleName=As;q.folderName=qi;var Es="action-buttons",Zi=Es;import{jsx as yc}from"react/jsx-runtime";var sn="k-actions",Ac=[],Ec={},ys={alignment:"start",orientation:"horizontal"},Ke=e=>{let{alignment:t=ys.alignment,orientation:o=ys.orientation,...a}=e;return yc("div",{...a,className:s(sn,{[`${sn}-${t}`]:t,[`${sn}-${o}`]:o},e.className),children:e.children})};Ke.states=Ac;Ke.options=Ec;Ke.className=sn;Ke.defaultOptions=ys;Ke.moduleName=Es;Ke.folderName=Zi;var Qi=Ke;import{jsx as Tc}from"react/jsx-runtime";var Ic="k-actionsheet-footer",ji={alignment:"stretched",orientation:"horizontal"},Ot=e=>{let{alignment:t=ji.alignment,orientation:o=ji.orientation,template:a,as:n=a?"div":Ke,...i}=e;return Tc(n,{...i,...!a&&{alignment:t,orientation:o},className:s(e.className,Ic),children:e.children})};var Is="searchbox",el=Is;import{jsx as ka,jsxs as Pc}from"react/jsx-runtime";var tl="k-searchbox",Oc=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading],Bc={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[x.undefined,x.solid,x.flat,x.outline]},rn={showIcon:!0,showClearButton:!0,icon:"search"},Ve=e=>{let{value:t,placeholder:o,size:a,rounded:n,fillMode:i,hover:l,focus:m,valid:u,invalid:f,required:N,loading:g,disabled:c,showIcon:L=rn.showIcon,showClearButton:M=rn.showClearButton,icon:k=rn.icon,"aria-label":A,...C}=e;return Pc(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,tl),children:[L&&ka(v,{className:"k-input-icon",icon:k}),ka(be,{placeholder:o,value:t,"aria-label":A}),ka(ye,{...e}),ka(Ne,{...e}),M&&ka(Pe,{...e})]})};Ve.states=Oc;Ve.options=Bc;Ve.className=tl;Ve.defaultOptions=rn;Ve.moduleName=Is;Ve.folderName=el;import{jsx as yC}from"react/jsx-runtime";var Ts="textbox",ol=Ts;import{Fragment as al,jsx as Bt,jsxs as Os}from"react/jsx-runtime";var nl="k-textbox",Kc=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading,r.readonly],Rc={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[x.undefined,x.solid,x.flat,x.outline]},ln={showClearButton:!0,showValidationIcon:!0,separators:!0},me=e=>{let{size:t,rounded:o,fillMode:a,separators:n=ln.separators,showClearButton:i=ln.showClearButton,showValidationIcon:l=ln.showValidationIcon,prefix:m,suffix:u,type:f,value:N,placeholder:g,hover:c,focus:L,valid:M,invalid:k,required:A,loading:C,disabled:y,readonly:H,id:pe,"aria-label":Ee,"aria-describedby":de,...fe}=e;return Os(J,{...fe,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,nl),children:[m&&Os(al,{children:[Bt(Ue,{children:m}),n&&Bt(Ge,{})]}),Bt(be,{id:pe,placeholder:g,value:N,type:f,disabled:y,"aria-label":Ee,"aria-describedby":de,"aria-invalid":k?"true":void 0}),l&&Bt(Ne,{valid:M,invalid:k,loading:C,disabled:y}),Bt(ye,{loading:C,disabled:y}),i&&Bt(Pe,{loading:C,disabled:y,readonly:H,value:N}),u&&Os(al,{children:[n&&Bt(Ge,{}),Bt(Fe,{children:u})]})]})};me.states=Kc;me.options=Rc;me.className=nl;me.defaultOptions=ln;me.moduleName=Ts;me.folderName=ol;var Ca=me;import{jsx as _c}from"react/jsx-runtime";var pn=e=>_c(Ca,{...e});import{Fragment as XC,jsx as $C}from"react/jsx-runtime";import{Fragment as QC,jsx as ZC}from"react/jsx-runtime";import{jsx as oA}from"react/jsx-runtime";import{jsx as Bs}from"react/jsx-runtime";var wc=me.states,Dc=me.defaultOptions,Hc=me.options,zc=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],Uc=[],Mo=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(n=>{switch(n){case"prefix":a.prefix=t?.[n]?Bs(v,{icon:"lock"}):void 0;break;case"suffix":a.suffix=t?.[n]?Bs(at,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":a.showClearButton=t?.[n];break;default:break}}),Bs(pn,{value:"Value",style:{width:300},...o,...a})};Mo.options=Hc;Mo.states=wc;Mo.variants=Uc;Mo.defaultOptions=Dc;Mo.modifiers=zc;Mo.className=me.className;import{jsx as Pt,jsxs as Ps}from"react/jsx-runtime";var sl="k-actionsheet-titlebar",Fc={},he=e=>{let{title:t,subtitle:o,actionsStart:a,actionsEnd:n,filter:i,input:l,inputValue:m,inputPlaceholder:u,adaptive:f,titleId:N,children:g,...c}=e;return Ps("div",{...c,className:s(e.className,sl),children:[Ps("div",{className:"k-actionsheet-titlebar-group",children:[a&&Pt("div",{className:"k-actionsheet-actions",children:a}),!g&&Ps("div",{className:"k-actionsheet-title",id: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(me,{value:m,placeholder:u,size:f?"large":"medium","aria-label":t\|\|u\|\|"Input"}):Pt(Ve,{placeholder:"Filter",size:f?"large":"medium","aria-label":"Filter options"})})]})};he.className=sl;he.defaultOptions=Fc;import{jsx as Ks,jsxs as Xc}from"react/jsx-runtime";var Rs="k-actionsheet-view",Gc=[],Vc={},$c={},So=e=>{let{adaptive:t,animated:o,children:a,header:n,footer:i,titleId:l,...m}=e,u=n?.type===he&&Ks(he,{adaptive:t,titleId:l,...n?.props}),f=i?.type===Ot&&Ks(Ot,{...i?.props});return Xc("div",{...m,className:s(e.className,Rs,{[`${Rs}-animated`]:o}),children:[u,Ks("div",{className:"k-actionsheet-content",children:a}),f]})};So.states=Gc;So.options=Vc;So.className=Rs;So.defaultOptions=$c;var Aa="action-sheet",dn=Aa;var _s="overlay",rl=_s;import{jsx as Yc}from"react/jsx-runtime";var il="k-overlay",qc=[],Wc={},Jc={},ut=e=>{let{...t}=e;return Yc("div",{...t,className:s(e.className,il),children:e.children})};ut.states=qc;ut.options=Wc;ut.className=il;ut.defaultOptions=Jc;ut.moduleName=_s;ut.folderName=rl;import{jsx as mn,jsxs as jc}from"react/jsx-runtime";var ll="k-actionsheet",Zc=[],Qc={},Ea={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},Y=e=>{let{side:t=Ea.side,fullscreen:o=Ea.fullscreen,adaptive:a=Ea.adaptive,overlay:n=Ea.overlay,template:i,children:l,header:m,footer:u,id:f,...N}=e,g=f&&!i&&m?`${f}-title`:void 0;return jc("div",{className:"k-actionsheet-container",children:[n&&mn(ut,{}),mn(ct,{animationStyle:{[`${o===!0?"top":t}`]:0,[`${o===!0?"width":null}`]:"100%",[`${o===!0?"height":null}`]:"100%",[`${t==="top"\|\|t==="bottom"?"width":null}`]:"100%",[`${t==="left"\|\|t==="right"?"height":null}`]:"100%"},children:mn("div",{...N,id:f,role:"dialog","aria-modal":n?"true":void 0,"aria-labelledby":g,className:s(e.className,ll,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":a}),children:i\|\|mn(So,{header:m,footer:u,adaptive:a,titleId:g,...e,children:l})})})]})};Y.states=Zc;Y.options=Qc;Y.className=ll;Y.defaultOptions=Ea;Y.moduleName=Aa;Y.folderName=dn;import{jsx as au}from"react/jsx-runtime";var pl="k-actionsheet-container",eu=[],tu={},ou={},ko=e=>{let{children:t,...o}=e;return au("div",{...o,className:pl,children:t})};ko.states=eu;ko.options=tu;ko.className=pl;ko.defaultOptions=ou;ko.moduleName=Aa;ko.folderName=dn;import{jsx as nu}from"react/jsx-runtime";var ws=e=>{let{...t}=e;return nu("div",{...t,className:s(e.className,"k-list-ul"),children:e.children})};import{Fragment as ru,jsx as ya,jsxs as Ds}from"react/jsx-runtime";var Hs="k-actionsheet-item",su=[r.hover,r.focus,r.selected,r.disabled],Kt=e=>{let{iconName:t,text:o,description:a,hover:n,focus:i,selected:l,disabled:m,...u}=e;return Ds("span",{...u,className:s(e.className,Hs,S(Hs,{hover:n,focus:i,selected:l,disabled:m})),children:[!e.children&&ya(ru,{children:Ds("span",{className:"k-actionsheet-action",children:[t&&ya("span",{className:"k-icon-wrap",children:ya(v,{className:"k-actionsheet-item-icon",icon:t})}),Ds("span",{className:"k-actionsheet-item-text",children:[o&&ya("span",{className:"k-actionsheet-item-title",children:o}),a&&ya("span",{className:"k-actionsheet-item-description",children:a})]})]})}),e.children]})};Kt.states=su;Kt.className=Hs;import{jsx as tE,jsxs as oE}from"react/jsx-runtime";import{jsx as rE}from"react/jsx-runtime";import{jsx as dE}from"react/jsx-runtime";import{jsx as fE}from"react/jsx-runtime";import{jsx as re,jsxs as zs}from"react/jsx-runtime";var iu=Y.options,lu=Y.states,ml={...Y.defaultOptions,variant:"normal"},pu=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],du=[{name:"actions",title:"Titlebar Actions",type:"boolean"},{name:"subtitle",title:"Subtitle",type:"boolean"},{name:"footer",title:"Footer",type:"boolean"}],Co=e=>{let{variant:t,modifiers:o,...a}={...ml,...e},n={},i=zs(ws,{children:[re(Kt,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),re(Kt,{text:"Add to Favorites",iconName:"heart"}),re(Kt,{text:"Upload New",iconName:"upload",disabled:!0}),re("hr",{className:"k-hr"}),re(Kt,{text:"Cancel",iconName:"cancel"})]}),l="Choose from the items below",m="Select Item";return t==="fullScreen"&&(n.fullScreen=!0),Object.keys(o\|\|{}).forEach(u=>{switch(u){case"actions":n.actionsStart=!!o?.[u],n.actionsEnd=!!o?.[u];break;case"subtitle":n.subtitle=o?.[u]?l:void 0;break;case"footer":n.footer=!!o?.[u];break;default:break}}),t==="adaptive"?re(Y,{...a,adaptive:!0,fullscreen:n.fullScreen,header:re(he,{actionsStart:n.actionsStart?re(p,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:n.actionsEnd?re(p,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:m,subtitle:n.subtitle}),footer:n.footer?zs(Ot,{alignment:"stretched",children:[re(p,{text:"Cancel",size:"large",themeColor:"base"}),re(p,{text:"Apply",size:"large",themeColor:"primary"})]}):void 0,children:i}):re(Y,{...a,fullscreen:n.fullScreen,header:re(he,{actionsStart:n.actionsStart?re(p,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:n.actionsEnd?re(p,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:n.subtitle}),footer:n.footer?zs(Ot,{alignment:"stretched",children:[re(p,{text:"Apply",themeColor:"primary"}),re(p,{text:"Cancel",themeColor:"base"})]}):void 0,children:i})};Co.options=iu;Co.states=lu;Co.variants=pu;Co.defaultOptions=ml;Co.modifiers=du;Co.className=Y.className;var Us="slider",cl=Us;import{jsx as Ao,jsxs as Fs}from"react/jsx-runtime";var Ia="k-slider",mu=[r.hover,r.focus,r.active,r.disabled,r.readonly],cu={},$e={type:"single",orientation:"horizontal",gradientType:"1d",readonly:!1,disabled:!1,handlePosition:"end",showButtons:!0,showTicks:!0,value:50,min:0,max:100},V=e=>{let{type:t=$e.type,orientation:o=$e.orientation,gradientType:a=$e.gradientType,readonly:n=$e.readonly,disabled:i=$e.disabled,handlePosition:l=$e.handlePosition,showButtons:m=$e.showButtons,showTicks:u=$e.showTicks,value:f=$e.value,min:N=$e.min,max:g=$e.max,startValue:c,endValue:L,hover:M,focus:k,active:A,trackStyle:C,dir:y,...H}=e,Ee=(()=>{if(t==="gradient"&&a==="2d")return"undefined";if(o==="vertical")return"vertical"})(),de,fe;return o==="horizontal"?(de=y==="rtl"?"chevron-left":"chevron-right",fe=y==="rtl"?"chevron-right":"chevron-left"):o==="vertical"&&(de="chevron-up",fe="chevron-down"),Fs("div",{...H,className:s(Ia,e.className,S(Ia,{readonly:n,disabled:i}),{[`k-slider-${o}`]:o,"k-colorgradient-slider":t==="gradient"}),dir:y,children:[m&&Ao(p,{className:"k-button-decrease",rounded:"full",icon:fe,tabIndex:-1,title:"Decrease"}),Fs("div",{className:"k-slider-track-wrap",children:[u&&Ao("ul",{className:"k-reset k-slider-items","aria-hidden":"true",children:e.children}),Fs("div",{className:"k-slider-track",style:C,children:[Ao("div",{className:"k-slider-selection"}),t==="range"&&Ao("span",{className:s("k-draghandle","k-draghandle-start",S(Ia,{hover:M,focus:k,active:A})),role:"slider",tabIndex:i?void 0:0,"aria-valuenow":c??N,"aria-valuemin":N,"aria-valuemax":L??g,"aria-orientation":Ee,"aria-disabled":i?"true":void 0,"aria-readonly":n?"true":void 0,"aria-label":H["aria-label"]?`${H["aria-label"]} start`:"Range start"}),Ao("span",{className:s("k-draghandle",`k-draghandle-${l}`,S(Ia,{hover:M,focus:k,active:A})),role:"slider",tabIndex:i?void 0:0,"aria-valuenow":t==="range"?L??g:f,"aria-valuemin":t==="range"?c??N:N,"aria-valuemax":g,"aria-orientation":Ee,"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&&Ao(p,{className:"k-button-increase",rounded:"full",icon:de,tabIndex:-1,title:"Increase"})]})};V.states=mu;V.options=cu;V.className=Ia;V.defaultOptions=$e;V.moduleName=Us;V.folderName=cl;import{jsx as ul}from"react/jsx-runtime";var fl="k-tick",uu=[],fu={},bl={label:!1},I=e=>{let{style:t,label:o=bl.label,orientation:a,large:n,text:i,...l}=e;return ul("li",{...l,role:"presentation",title:i\|\|"Tick",className:s(e.className,fl,{[`k-tick-${a}`]:a,"k-tick-large":n}),style:t,children:o&&ul("span",{className:"k-label",children:i})})};I.states=uu;I.options=fu;I.className=fl;I.defaultOptions=bl;import{Fragment as bu,jsx as Xe,jsxs as xu}from"react/jsx-runtime";var xl=e=>Xe(V,{"aria-label":e["aria-label"]\|\|"Slider",children:xu(bu,{children:[Xe(I,{className:"k-first",label:!0,large:!0,text:"0"}),Xe(I,{}),Xe(I,{}),Xe(I,{}),Xe(I,{}),Xe(I,{label:!0,large:!0,text:"5"}),Xe(I,{}),Xe(I,{}),Xe(I,{}),Xe(I,{}),Xe(I,{className:"k-last",label:!0,large:!0,text:"10"})]}),...e});import{Fragment as Nu,jsx as qe,jsxs as hu}from"react/jsx-runtime";var Nl=e=>qe(V,{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"})]}),"aria-label":e["aria-label"]\|\|"Vertical slider",...e,orientation:"vertical"});import{Fragment as oy,jsx as ty,jsxs as ay}from"react/jsx-runtime";import{Fragment as ly,jsx as iy,jsxs as py}from"react/jsx-runtime";import{jsx as vu}from"react/jsx-runtime";var Gs=e=>vu(V,{type:"gradient",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]\|\|"Color slider"});import{jsx as gu}from"react/jsx-runtime";var Vs=e=>gu(V,{type:"gradient",orientation:"vertical",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]\|\|"Color slider"});import{Fragment as gy,jsx as vy,jsxs as Ly}from"react/jsx-runtime";import{Fragment as Ay,jsx as Cy,jsxs as Ey}from"react/jsx-runtime";import{jsx as ft,jsxs as hl}from"react/jsx-runtime";var Lu=V.options,Mu=V.states,vl={...V.defaultOptions,variant:"horizontal",label:!0},Su=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],ku=[{name:"label",title:"Labels",default:!0},{name:"tick",title:"Ticks",default:!0},{name:"button",title:"Side Buttons",default:!0}],Eo=e=>{let{variant:t,modifiers:o,...a}=e,n=vl.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"?hl(Nl,{style:{height:"300px",...l},...a,...i,children:[ft(I,{label:n,large:!0,orientation:"vertical",text:"0",style:{position:"absolute",bottom:"0%"}}),ft(I,{label:n,large:!0,orientation:"vertical",text:"2",style:{position:"absolute",bottom:"25%"}}),ft(I,{label:n,large:!0,orientation:"vertical",text:"4",style:{position:"absolute",bottom:"50%"}}),ft(I,{label:n,large:!0,orientation:"vertical",text:"6",style:{position:"absolute",bottom:"75%"}}),ft(I,{label:n,large:!0,orientation:"vertical",text:"8",style:{position:"absolute",bottom:"100%"}})]}):hl(xl,{style:{width:"400px",...l},...a,...i,children:[ft(I,{label:n,large:!0,orientation:"horizontal",text:"0",style:{position:"absolute",left:"0%"}}),ft(I,{label:n,large:!0,orientation:"horizontal",text:"2",style:{position:"absolute",left:"25%"}}),ft(I,{label:n,large:!0,orientation:"horizontal",text:"4",style:{position:"absolute",left:"50%"}}),ft(I,{label:n,large:!0,orientation:"horizontal",text:"6",style:{position:"absolute",left:"75%"}}),ft(I,{label:n,large:!0,orientation:"horizontal",text:"8",style:{position:"absolute",left:"100%"}})]})};Eo.options=Lu;Eo.states=Mu;Eo.variants=Su;Eo.defaultOptions=vl;Eo.modifiers=ku;Eo.className=V.className;import{jsx as gl,jsxs as Iu}from"react/jsx-runtime";var Ll="k-spin-button",Eu=[],yu={size:[d.undefined,d.small,d.medium,d.large],fillMode:[x.undefined,x.solid,x.flat,x.outline,x.clear,x.link]},$s={increaseLabel:"Increase value",decreaseLabel:"Decrease value"},Rt=e=>{let{size:t,fillMode:o,disabled:a,increaseLabel:n=$s.increaseLabel,decreaseLabel:i=$s.decreaseLabel,...l}=e;return Iu("span",{...l,className:s(Ll,e.className),children:[gl(p,{className:"k-spinner-increase",icon:"chevron-up",size:t,fillMode:o,disabled:a,"aria-label":n}),gl(p,{className:"k-spinner-decrease",icon:"chevron-down",size:t,fillMode:o,disabled:a,"aria-label":i})]})};Rt.states=Eu;Rt.options=yu;Rt.className=Ll;Rt.defaultOptions=$s;Rt.moduleName=null;Rt.folderName=null;var Ml="numeric-textbox",Sl="numerictextbox";import{Fragment as kl,jsx as Lt,jsxs as Xs}from"react/jsx-runtime";var Cl="k-numerictextbox",Tu=[r.hover,r.focus,r.valid,r.invalid,r.loading,r.required,r.disabled,r.readonly],Ou={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[x.undefined,x.solid,x.flat,x.outline]},cn={showSpinButton:!0,showClearButton:!0,separators:!0},w=e=>{let{size:t,rounded:o,fillMode:a,separators:n=cn.separators,showClearButton:i=cn.showClearButton,showSpinButton:l=cn.showSpinButton,prefix:m,suffix:u,value:f,placeholder:N,hover:g,focus:c,valid:L,invalid:M,required:k,loading:A,disabled:C,readonly:y,id:H,"aria-label":pe,"aria-describedby":Ee,...de}=e;return Xs(J,{...de,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,Cl),children:[m&&Xs(kl,{children:[Lt(Ue,{children:m}),n&&Lt(Ge,{})]}),Lt(be,{id:H,placeholder:N,value:f,role:"spinbutton",disabled:C,"aria-label":pe,"aria-describedby":Ee,"aria-invalid":M?"true":void 0}),Lt(Ne,{valid:L,invalid:M,loading:A,disabled:C}),Lt(ye,{loading:A,disabled:C}),i&&Lt(Pe,{loading:A,disabled:C,readonly:y,value:f}),u&&Xs(kl,{children:[n&&Lt(Ge,{}),Lt(Fe,{children:u})]}),l&&Lt(Rt,{className:"k-input-spinner",size:t,fillMode:a,disabled:C})]})};w.states=Tu;w.options=Ou;w.className=Cl;w.defaultOptions=cn;w.moduleName=Ml;w.folderName=Sl;var Ta=w;import{jsx as Bu}from"react/jsx-runtime";var Al=e=>Bu(Ta,{...e});import Ws from"react";import{jsx as El}from"react/jsx-runtime";var Pu="k-list-group-sticky-header",qs=e=>El("div",{className:s(Pu,e.className),children:El("div",{className:"k-list-header-text",children:e.children})});import{jsx as Ru}from"react/jsx-runtime";var Ku="k-no-data",un=e=>{let{live:t,...o}=e;return Ru("span",{...o,className:s(Ku,e.className),"aria-live":t?"polite":void 0,children:e.children})};var Zt="list",yo=Zt;import{jsx as yl,jsxs as Il}from"react/jsx-runtime";var Js="k-list",_u=[],wu={size:[d.undefined,d.small,d.medium,d.large]},Du={},K=e=>{let{size:t,virtualization:o,children:a,header:n,selectAll:i,optionLabel:l,customValue:m,noData:u,screenReaders:f,...N}=e,c=Ws.Children.toArray(a)[0],L=c?.props?.children?Ws.Children.count(c.props.children):Ws.Children.count(a);return Il("div",{...N,className:s(e.className,Js,E(Js,{size:t}),{"k-virtual-list":o}),children:[l,i,m,n&&yl(qs,{children:n}),a\|\|(u!==void 0?u:yl(un,{live:!0,children:"No data found."})),f&&a&&Il(un,{className:"k-sr-only",live:!0,children:[L," items found."]})]})};K.states=_u;K.options=wu;K.className=Js;K.defaultOptions=Du;K.moduleName=Zt;K.folderName=yo;import{jsx as Fu}from"react/jsx-runtime";var Tl="k-list-container",Hu=[],zu={},Uu={},Io=e=>{let{...t}=e;return Fu("div",{...t,className:s(e.className,Tl),children:e.children})};Io.states=Hu;Io.options=zu;Io.className=Tl;Io.defaultOptions=Uu;Io.moduleName=Zt;Io.folderName=yo;var Qt="checkbox",To=Qt;import{jsx as Ol}from"react/jsx-runtime";var fn="k-checkbox",Gu=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.checked,r.indeterminate],Vu={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full]},$u={},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 Ol("span",{className:"k-checkbox-wrap",role:c,children:Ol("input",{...L,id:t,type:"checkbox",defaultChecked:o,required:f,disabled:l\|\|void 0,"aria-invalid":m?"true":void 0,className:s(e.className,fn,E(fn,{size:N,rounded:g}),S(fn,{hover:n,focus:i,disabled:l,invalid:m,valid:u,indeterminate:a,checked:o}))})})};Re.states=Gu;Re.options=Vu;Re.className=fn;Re.defaultOptions=$u;Re.moduleName=Qt;Re.folderName=To;var nt=Re;import{jsx as Wu}from"react/jsx-runtime";var Bl="k-checkbox-list",Xu=[],qu={},Pl={layout:"vertical"},ve=e=>{let{layout:t=Pl.layout,...o}=e;return Wu("ul",{...o,className:s(e.className,Bl,{[`k-list-${t}`]:t}),children:e.children})};ve.states=Xu;ve.options=qu;ve.className=Bl;ve.defaultOptions=Pl;ve.moduleName=Qt;ve.folderName=To;import{jsx as Qu}from"react/jsx-runtime";var Kl="k-checkbox-list-item",Ju=[],Yu={},Zu={},ge=e=>{let{...t}=e;return Qu("li",{...t,className:s(e.className,Kl),children:e.children})};ge.states=Ju;ge.options=Yu;ge.className=Kl;ge.defaultOptions=Zu;ge.moduleName=Qt;ge.folderName=To;import{Fragment as ju,jsx as Rl,jsxs as ef}from"react/jsx-runtime";var Mt=({children:e="Label",id:t="cb-label-after",...o})=>ef(ju,{children:[Rl(nt,{id:t,...o}),Rl("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});import{Fragment as ZI,jsx as YI,jsxs as QI}from"react/jsx-runtime";import{Fragment as aT,jsx as oT,jsxs as nT}from"react/jsx-runtime";import{Fragment as pT,jsx as lT,jsxs as dT}from"react/jsx-runtime";import{jsx as fT}from"react/jsx-runtime";import{jsx as hT}from"react/jsx-runtime";import{jsx as MT}from"react/jsx-runtime";import{jsx as We,jsxs as _l}from"react/jsx-runtime";var tf=ve.options,of=ve.states,af={...ve.defaultOptions,variant:"vertical"},nf=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],sf=[],Oo=e=>{let{variant:t,...o}=e;return t==="horizontal"?_l(ve,{layout:"horizontal",...o,children:[We(ge,{children:We(Mt,{id:B("cb"),defaultChecked:!0,children:"Label"})}),We(ge,{children:We(Mt,{id:B("cb"),children:"Label"})}),We(ge,{children:We(Mt,{id:B("cb"),children:"Label"})})]}):_l(ve,{...o,children:[We(ge,{children:We(Mt,{id:B("cb"),defaultChecked:!0,children:"Label"})}),We(ge,{children:We(Mt,{id:B("cb"),children:"Label"})}),We(ge,{children:We(Mt,{id:B("cb"),children:"Label"})})]})};Oo.options=tf;Oo.states=of;Oo.variants=nf;Oo.defaultOptions=af;Oo.modifiers=sf;Oo.className=ve.className;import{jsx as cf}from"react/jsx-runtime";var rf=nt.options,lf=nt.states,pf=nt.defaultOptions,df=[],mf=[],Bo=e=>cf(Mt,{id:B("checkbox"),...e,defaultChecked:!0,children:"Label"});Bo.options=rf;Bo.states=lf;Bo.variants=df;Bo.defaultOptions=pf;Bo.modifiers=mf;Bo.className=nt.className;import{jsx as Po,jsxs as xf}from"react/jsx-runtime";var Ys="k-list-item",uf=[r.hover,r.focus,r.selected,r.disabled],ff={},bf={},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 xf("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,Ys,S(Ys,{hover:l,focus:m,disabled:f,selected:u})),children:[n&&Po(Re,{checked:i,disabled:f,"aria-label":k,tabIndex:-1}),o&&Po("span",{className:"k-list-item-icon-wrapper",children:Po(v,{icon:o,className:s("k-list-item-icon",a)})}),Po("span",{className:"k-list-item-text",children:M}),N&&Po("div",{className:"k-list-item-actions",children:N}),g&&Po("span",{className:"k-list-item-description",children:g})]})};O.states=uf;O.options=ff;O.className=Ys;O.defaultOptions=bf;O.moduleName=Zt;O.folderName=yo;import{jsx as hf}from"react/jsx-runtime";var Nf="k-list-ul",_t=e=>{let{children:t,role:o,id:a,...n}=e;return hf("ul",{...n,id:a,role:o,className:s(Nf,e.className),children:t})};import{jsx as Zs,jsxs as gf}from"react/jsx-runtime";var vf="k-list-content",z=e=>{let{virtualization:t,grouping:o,"aria-label":a,"aria-labelledby":n,listboxId:i,...l}=e;return gf("div",{...l,className:s(vf,e.className),role:o?"listbox":void 0,id:o?i:void 0,"aria-label":o?a:void 0,"aria-labelledby":o?n:void 0,children:[o?e.children:Zs(_t,{role:"listbox",id:i,"aria-label":a,"aria-labelledby":n,children:e.children}),t&&Zs("div",{className:"k-height-container",children:Zs("div",{})})]})};import{jsx as Qs,jsxs as kf}from"react/jsx-runtime";var bn="k-list-sticky-header",Lf=[r.hover,r.focus,r.selected],Mf={},Sf={},xn=e=>{let{label:t="Select all",showCheckbox:o=!0,checked:a,indeterminate:n,hover:i,focus:l,selected:m,...u}=e;return Qs("div",{...u,className:s(bn,e.className),children:kf("div",{className:s(`${bn}-item`,S(`${bn}-item`,{hover:i,focus:l,selected:m})),"aria-label":t,...!o&&{tabIndex:0,"aria-selected":m?"true":"false"},children:[o&&Qs(Re,{checked:a,indeterminate:n,"aria-label":t}),Qs("span",{className:"k-list-item-text",children:t})]})})};xn.states=Lf;xn.options=Mf;xn.className=bn;xn.defaultOptions=Sf;import{Fragment as xO,jsx as bO,jsxs as NO}from"react/jsx-runtime";import{jsx as MO,jsxs as SO}from"react/jsx-runtime";import{jsx as yf}from"react/jsx-runtime";var js="k-list-optionlabel",Cf=[r.hover,r.focus,r.selected,r.disabled],Af={},Ef={},Nn=e=>{let{text:t,hover:o,focus:a,selected:n,disabled:i,...l}=e;return yf("div",{...l,className:s(js,S(js,{hover:o,focus:a,selected:n,disabled:i})),children:t})};Nn.states=Cf;Nn.options=Af;Nn.className=js;Nn.defaultOptions=Ef;import{jsx as Bf}from"react/jsx-runtime";var er="k-list-custom-value",If=[r.hover,r.focus,r.selected,r.disabled],Tf={},Of={},wt=e=>{let{text:t,hover:o,focus:a,selected:n,disabled:i,...l}=e;return Bf("div",{...l,className:s(er,S(er,{hover:o,focus:a,selected:n,disabled:i})),children:t})};wt.states=If;wt.options=Tf;wt.className=er;wt.defaultOptions=Of;import{Fragment as RO,jsx as KO,jsxs as _O}from"react/jsx-runtime";import{Fragment as FO,jsx as UO,jsxs as GO}from"react/jsx-runtime";import{Fragment as YO,jsx as WO,jsxs as JO}from"react/jsx-runtime";import{Fragment as aB,jsx as tB,jsxs as oB}from"react/jsx-runtime";import{jsx as iB}from"react/jsx-runtime";import{Fragment as uB,jsx as cB,jsxs as fB}from"react/jsx-runtime";import{Fragment as gB,jsx as vB,jsxs as LB}from"react/jsx-runtime";var wl="dropdown-list",Dl="dropdownlist";import{Fragment as Rf,jsx as Le,jsxs as tr}from"react/jsx-runtime";var Hl="k-dropdownlist",Pf=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading,r.readonly],Kf={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]},or={showValue:!0,arrowIconName:"chevron-down"},ne=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:n=or.arrowIconName,showValue:i=or.showValue,valueIconName:l,prefix:m,suffix:u,value:f,placeholder:N,hover:g,focus:c,valid:L,invalid:M,required:k,loading:A,disabled:C,readonly:y,popup:H,opened:pe,adaptive:Ee,adaptiveSettings:de,adaptiveTitle:fe,adaptiveSubtitle:Yn,adaptiveFilter:Xt,id:qt,activeDescendant:fa,"aria-label":Zn,...Qn}=e,jn=qt?`${qt}-listbox`:void 0,si=qt?`${qt}-value`:void 0;return tr(Rf,{children:[tr(dt,{...Qn,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,Hl,{"k-icon-picker":!i&&l}),role:"combobox","aria-haspopup":"listbox","aria-expanded":pe?"true":"false","aria-controls":pe?jn:void 0,"aria-activedescendant":pe&&fa?fa:void 0,"aria-describedby":pe?si:void 0,"aria-disabled":C?"true":void 0,"aria-label":Zn,tabIndex:0,children:[Le(Ue,{children:m}),Le(Yt,{placeholder:N,value:f,showValue:i,valueIconName:l,id:si}),Le(Ne,{valid:L,invalid:M,loading:A,disabled:C}),Le(ye,{loading:A,disabled:C}),Le(Fe,{children:u}),Le(p,{className:"k-input-button",icon:n,size:e.size,fillMode:e.fillMode,"aria-label":N\|\|"Toggle dropdown",tabIndex:-1})]}),pe&&H&&Le(q,{className:"k-list-container k-dropdownlist-popup",containerRole:"region",containerAriaLabel:"Dropdown suggestions",children:H}),Ee&&Le(Y,{adaptive:!0,...de,header:Le(he,{actionsEnd:Le(p,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),filter:Xt,inputValue:f,inputPlaceholder:N,title:fe,subtitle:Yn}),children:Le("div",{className:"k-list-container",children:Le(K,{size:"large",children:tr(z,{"aria-label":"Options",children:[Le(O,{text:"List item"}),Le(O,{text:"List item"}),Le(O,{text:"List item"})]})})})})]})};ne.states=Pf;ne.options=Kf;ne.className=Hl;ne.defaultOptions=or;ne.moduleName=wl;ne.folderName=Dl;import{jsx as oP}from"react/jsx-runtime";import{jsx as lP,jsxs as pP}from"react/jsx-runtime";import{Fragment as hP,jsx as xP,jsxs as NP}from"react/jsx-runtime";import{jsx as SP}from"react/jsx-runtime";import{jsx as IP,jsxs as TP}from"react/jsx-runtime";import{Fragment as HP,jsx as wP,jsxs as DP}from"react/jsx-runtime";import{jsx as VP}from"react/jsx-runtime";import{Fragment as Uf,jsx as Dt,jsxs as zl}from"react/jsx-runtime";var _f=ne.states,wf=ne.defaultOptions,Df=ne.options,Hf=[{name:"opened",title:"Opened"}],zf=[],Ro=e=>{let{modifiers:t,...o}=e,a={},n=zl(Uf,{children:[Dt("div",{className:"k-list-filter",children:Dt(Ve,{})}),Dt(K,{style:{width:300},size:o.size,children:zl(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})})};Ro.options=Df;Ro.states=_f;Ro.variants=zf;Ro.defaultOptions=wf;Ro.modifiers=Hf;Ro.className=ne.className;import{Fragment as cK,jsx as mK}from"react/jsx-runtime";import{Fragment as hK,jsx as NK}from"react/jsx-runtime";import{jsx as MK}from"react/jsx-runtime";import{jsx as ar}from"react/jsx-runtime";var Ff=w.states,Gf=w.defaultOptions,Vf=w.options,$f=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"spin-button",title:"`Spin` Button"}],Xf=[],_o=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(n=>{switch(n){case"prefix":a.prefix=t?.[n]?ar(ne,{size:o.size,fillMode:"flat",value:"mm"}):void 0;break;case"suffix":a.suffix=t?.[n]?ar(Ms,{children:"mm"}):void 0;break;case"clear-button":a.showClearButton=t?.[n];break;case"spin-button":a.showSpinButton=t?.[n];break;default:break}}),ar(Al,{value:"Value",style:{width:300},...o,...a})};_o.options=Vf;_o.states=Ff;_o.variants=Xf;_o.defaultOptions=Gf;_o.modifiers=$f;_o.className=w.className;import{Fragment as Ba,jsx as P,jsxs as Z}from"react/jsx-runtime";var Ul="k-colorgradient-inputs",qf=[],Wf={size:[d.undefined,d.small,d.medium,d.large]},Fl={mode:"rgba"},wo=e=>{let{mode:t=Fl.mode,size:o,...a}=e;return Z("div",{...a,className:s(Ul,"k-hstack"),children:[P("div",{className:"k-vstack",children:P(p,{fillMode:"flat",icon:"caret-alt-expand",className:"k-colorgradient-toggle-mode",size:o,"aria-label":"Toggle color input format"})}),t==="rgba"&&Z(Ba,{children:[Z("div",{className:"k-vstack",children:[P(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(Ba,{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(Ba,{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(Ba,{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(Ba,{children:Z("div",{className:"k-vstack k-flex-1",children:[P(me,{showClearButton:!1,value:"#b88484AA",className:"k-hex-value"}),P("label",{className:"k-colorgradient-input-label",children:"HEX"})]})})]})};wo.states=qf;wo.options=Wf;wo.className=Ul;wo.defaultOptions=Fl;import{jsx as jt,jsxs as eo}from"react/jsx-runtime";var Gl="k-colorgradient-color-contrast",Jf=[],Yf={},Zf={},Do=()=>eo("div",{className:s(Gl,"k-vbox"),children:[eo("div",{className:"k-contrast-ratio",children:[jt("span",{className:"k-contrast-ratio-text",children:"Contrast ratio: 7.1"}),eo("span",{className:"k-contrast-validation !k-text-success",children:[jt(v,{icon:"check"}),jt(v,{icon:"check"})]})]}),eo("div",{children:[jt("span",{children:"AA: 4.5"}),eo("span",{className:"k-contrast-validation !k-text-success",children:["Pass",jt(v,{icon:"check"})]})]}),eo("div",{children:[jt("span",{children:"AAA: 7.0"}),eo("span",{className:"k-contrast-validation !k-text-error",children:["Fail",jt(v,{icon:"x"})]})]})]});Do.states=Jf;Do.options=Yf;Do.className=Gl;Do.defaultOptions=Zf;var Vl="color-gradient",$l="colorgradient";import{jsx as Je,jsxs as Pa}from"react/jsx-runtime";var hn="k-colorgradient",Qf=[r.hover,r.focus,r.readonly,r.disabled],jf={size:[d.undefined,d.small,d.medium,d.large]},bt={mode:"rgba",readonly:!1,disabled:!1,contrast:!1,gradientStyle:{background:"rgb(255, 0, 0 )"},dragHandleStyle:{top:"50px",left:"73px"},alphaStyle:{background:"linear-gradient(to top, transparent, rgb(255, 0, 0))"},alphaStyleHorizontal:{background:"linear-gradient(to right, transparent, rgb(255, 0, 0))"},canvasOrientation:"horizontal"},ie=e=>{let{size:t,mode:o=bt.mode,readonly:a=bt.readonly,disabled:n=bt.disabled,gradientStyle:i=bt.gradientStyle,dragHandleStyle:l=bt.dragHandleStyle,alphaStyle:m=bt.alphaStyle,alphaStyleHorizontal:u=bt.alphaStyleHorizontal,contrast:f=bt.contrast,dir:N,hover:g,focus:c,hoverHandle:L,focusHandle:M,canvasOrientation:k=bt.canvasOrientation,role:A,tabIndex:C,...y}=e;return Pa("div",{...y,role:A??"textbox","aria-label":A==="none"?void 0:"Color gradient",tabIndex:C??0,"aria-disabled":n?"true":void 0,className:s(e.className,hn,E(hn,{size:t}),S(hn,{hover:g,focus:c,readonly:a,disabled:n})),dir:N,children:[!k\|\|k==="horizontal"&&Pa("div",{className:"k-colorgradient-canvas k-hstack",children:[Je("div",{className:"k-hsv-rectangle",style:i,children:Je("div",{className:"k-hsv-gradient",children:Je("div",{className:s("k-hsv-draghandle","k-draghandle",{"k-hover":L,"k-focus":M}),style:l,role:"slider","aria-orientation":"undefined","aria-label":"Color well with two-dimensional slider for selecting saturation and lightness","aria-valuetext":"X: 73, Y: 50","aria-valuenow":50,"aria-valuemin":0,"aria-valuemax":100})})}),Pa("div",{className:"k-hsv-controls k-hstack",children:[Je(Vs,{className:"k-hue-slider",hover:L,focus:M}),o!=="rgb"&&o!=="hsv"&&Je(Vs,{className:"k-alpha-slider",hover:L,focus:M,trackStyle:m})]})]}),k==="vertical"&&Pa("div",{className:"k-colorgradient-canvas k-vstack",children:[Je("div",{className:"k-hsv-rectangle",style:i,children:Je("div",{className:"k-hsv-gradient",children:Je("div",{className:s("k-hsv-draghandle","k-draghandle",{"k-hover":L,"k-focus":M}),style:l,role:"slider","aria-orientation":"undefined","aria-label":"Color well with two-dimensional slider for selecting saturation and lightness","aria-valuetext":"X: 73, Y: 50","aria-valuenow":50,"aria-valuemin":0,"aria-valuemax":100})})}),Pa("div",{className:"k-hsv-controls k-vstack",children:[Je(Gs,{className:"k-hue-slider",hover:L,focus:M}),o!=="rgb"&&o!=="hsv"&&Je(Gs,{className:"k-alpha-slider",hover:L,focus:M,trackStyle:u})]})]}),Je(wo,{mode:e.mode,size:t}),f&&Je(Do,{})]})};ie.states=Qf;ie.options=jf;ie.className=hn;ie.defaultOptions=bt;ie.moduleName=Vl;ie.folderName=$l;import{jsx as eb}from"react/jsx-runtime";var vn=e=>eb(ie,{...e});import{jsx as iR}from"react/jsx-runtime";import{jsx as mR}from"react/jsx-runtime";import{jsx as nr}from"react/jsx-runtime";var tb=ie.options,ob=ie.states,ab={...ie.defaultOptions,variant:"rgba"},nb=[{name:"rgba",title:"RGBA"},{name:"rgb",title:"RGB"},{name:"hex",title:"HEX"}],sb=[],Ho=e=>{let{variant:t,...o}=e;switch(t){case"hex":return nr(vn,{...o,mode:t});case"rgb":return nr(vn,{...o,mode:t});default:return nr(vn,{...o,mode:t})}};Ho.options=tb;Ho.states=ob;Ho.variants=nb;Ho.defaultOptions=ab;Ho.modifiers=sb;Ho.className=ie.className;import{jsx as rb}from"react/jsx-runtime";var sr=e=>rb("tr",{role:"row",children:e.children});import{jsx as pb}from"react/jsx-runtime";var rr="k-colorpalette-tile",ib=[r.hover,r.focus,r.selected],lb={},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 pb("td",{...l,role:"gridcell","aria-label":t,"aria-selected":i?"true":void 0,className:s(e.className,rr,S(rr,{hover:a,focus:n,selected:i})),style:m})};Ht.states=ib;Ht.options=lb;Ht.className=rr;Ht.moduleName=null;Ht.folderName=null;var Xl="color-palette",ql="colorpalette";import{jsx as Ka}from"react/jsx-runtime";var gn="k-colorpalette",db=[r.disabled],mb={size:[d.undefined,d.small,d.medium,d.large]},Wl={columns:10},Ie=e=>{let{size:t,palette:o,columns:a=Wl.columns,tileSize:n,disabled:i,...l}=e,m=[];if(o){let u=a\|\|o.columns,f=o.colors?o.colors:o;Array.isArray(f)&&Array.from({length:Math.ceil(f.length/u)},(N,g)=>{let c=[];f.slice(gu,(g+1)*u).map((M,k)=>{c.push(Ka(Ht,{color:M,tileSize:n},k))});let L=Ka(sr,{children:c},g);m.push(L)})}return Ka("div",{...l,role:"grid","aria-label":"Color palette",tabIndex:0,"aria-disabled":i?"true":void 0,className:s(e.className,gn,S(gn,{disabled:i}),E(gn,{size:t})),children:Ka("table",{className:"k-colorpalette-table",role:"none",children:Ka("tbody",{children:m.length>0?m:e.children})})})};Ie.states=db;Ie.options=mb;Ie.className=gn;Ie.defaultOptions=Wl;Ie.moduleName=Xl;Ie.folderName=ql;var Ln=Ie;var Ra={basic:{colors:["#000000","#7f7f7f","#880015","#ed1c24","#ff7f27","#fff200","#22b14c","#00a2e8","#3f48cc","#a349a4","#ffffff","#c3c3c3","#b97a57","#ffaec9","#ffc90e","#efe4b0","#b5e61d","#99d9ea","#7092be","#c8bfe7"],columns:10},office:{colors:["#ffffff","#000000","#e6e6e6","#435569","#4371c4","#ed7e32","#a5a4a5","#febf04","#5a9bd5","#71ae48","#f2f2f3","#7f7f7f","#d1cece","#d5dde3","#dae1f4","#fce5d4","#deeded","#fff2cc","#deeaf6","#e1efd9","#d7d8d8","#585959","#aeabab","#adbaca","#b4c5e7","#f6caac","#dbdbdb","#ffe498","#bcd6ee","#c5e0b2","#bfbfc0","#3f3f3f","#767070","#8595b1","#8fabdb","#f5b183","#c9c8c9","#fed965","#9bc4e5","#a8d08d","#a5a5a6","#262625","#393939","#334050","#2e5496","#c45a11","#7b7b7a","#bf9000","#2f75b5","#548235","#7f7f7f","#0b0c0c","#161616","#222a34","#203764","#843d0b","#525252","#7f6000","#1d4d79","#375623"],columns:10},apex:{colors:["#ffffff","#000000","#c9c2d1","#69676d","#ceb966","#9cb084","#6bb1c9","#6585cf","#7e6bc9","#a379bb","#f2f2f2","#7f7f7f","#f4f2f5","#e0e0e2","#f5f1e0","#ebefe6","#e1eff4","#e0e6f5","#e5e1f4","#ece4f1","#d8d8d8","#595959","#e9e6ec","#c2c1c5","#ebe3c1","#d7dfcd","#c3dfe9","#c1ceeb","#cbc3e9","#dac9e3","#bfbfbf","#3f3f3f","#dedae3","#a4a3a8","#e1d5a3","#c3cfb5","#a6d0de","#a2b5e2","#b1a6de","#c7aed6","#a5a5a5","#262626","#9688a5","#4e4d51","#ae9638","#758c5a","#3d8da9","#365bb0","#533da9","#7d4d99","#7f7f7f","#0c0c0c","#635672","#343336","#746425","#4e5d3c","#295e70","#243c75","#372970","#533366"],columns:10},austin:{colors:["#ffffff","#000000","#caf278","#3e3d2d","#94c600","#71685a","#ff6700","#909465","#956b43","#fea022","#f2f2f2","#7f7f7f","#f4fce4","#dddcd0","#efffc0","#e3e1dc","#ffe0cb","#e8e9df","#ece1d6","#feecd2","#d8d8d8","#595959","#e9f9c9","#bbb9a1","#dfff82","#c8c3ba","#ffc299","#d2d4c0","#dac3ad","#fed9a6","#bfbfbf","#3f3f3f","#dff7ae","#ada598","#cfff43","#ada598","#ffa365","#bcbfa1","#c8a585","#fec67a","#a5a5a5","#262626","#a9ea25","#2e2d21","#6f9400","#544e43","#bf4d00","#6c6f4b","#6f5032","#d77b00","#7f7f7f","#0c0c0c","#74a50f","#1f1e16","#4a6300","#38342d","#7f3300","#484a32","#4a3521","#8f5200"],columns:10},clarity:{colors:["#ffffff","#292934","#f3f2dc","#d2533c","#93a299","#ad8f67","#726056","#4c5a6a","#808da0","#79463d","#f2f2f2","#e7e7ec","#e7e5b9","#f6dcd8","#e9ecea","#eee8e0","#e4dedb","#d8dde3","#e5e8ec","#e9d6d3","#d8d8d8","#c4c4d1","#d5d185","#edbab1","#d3d9d6","#ded2c2","#c9beb8","#b2bcc8","#ccd1d9","#d3aea7","#bfbfbf","#8a8aa3","#aca73b","#e4978a","#bec7c1","#cdbba3","#af9e94","#8c9bac","#b2bac6","#bd857c","#a5a5a5","#56566e","#56531d","#a43925","#6b7c72","#866b48","#554840","#39434f","#5c697b","#5a342d","#7f7f7f","#3b3b4b","#22210b","#6d2619","#47534c","#594730","#39302b","#262d35","#3d4652","#3c231e"],columns:10},slipstream:{colors:["#ffffff","#000000","#b4dcfa","#212745","#4e67c8","#5eccf3","#a7ea52","#5dceaf","#ff8021","#f14124","#f2f2f2","#7f7f7f","#8bc9f7","#c7cce4","#dbe0f4","#def4fc","#edfadc","#def5ef","#ffe5d2","#fcd9d3","#d8d8d8","#595959","#4facf3","#909aca","#b8c2e9","#beeafa","#dbf6b9","#beebdf","#ffcca6","#f9b3a7","#bfbfbf","#3f3f3f","#0d78c9","#5967af","#94a3de","#9ee0f7","#caf297","#9de1cf","#ffb279","#f68d7b","#a5a5a5","#262626","#063c64","#181d33","#31479f","#11b2eb","#81d319","#34ac8b","#d85c00","#c3260c","#7f7f7f","#0c0c0c","#021828","#101322","#202f6a","#0b769c","#568c11","#22725c","#903d00","#821908"],columns:10},metro:{colors:["#ffffff","#000000","#d6ecff","#4e5b6f","#7fd13b","#ea157a","#feb80a","#00addc","#738ac8","#1ab39f","#f2f2f2","#7f7f7f","#a7d6ff","#d9dde4","#e5f5d7","#fad0e4","#fef0cd","#c5f2ff","#e2e7f4","#c9f7f1","#d8d8d8","#595959","#60b5ff","#b3bcca","#cbecb0","#f6a1c9","#fee29c","#8be6ff","#c7d0e9","#94efe3","#bfbfbf","#3f3f3f","#007dea","#8d9baf","#b2e389","#f272af","#fed46b","#51d9ff","#aab8de","#5fe7d5","#a5a5a5","#262626","#003e75","#3a4453","#5ea226","#af0f5b","#c58c00","#0081a5","#425ea9","#138677","#7f7f7f","#0c0c0c","#00192e","#272d37","#3f6c19","#750a3d","#835d00","#00566e","#2c3f71","#0c594f"],columns:10},flow:{colors:["#ffffff","#000000","#dbf5f9","#04617b","#0f6fc6","#009dd9","#0bd0d9","#10cf9b","#7cca62","#a5c249","#f2f2f2","#7f7f7f","#b2e9f2","#b4ecfc","#c7e2fa","#c4eeff","#c9fafc","#c9faed","#e4f4df","#edf2da","#d8d8d8","#595959","#76d9e8","#6adafa","#90c6f6","#89deff","#93f5f9","#94f6db","#cae9c0","#dbe6b6","#bfbfbf","#3f3f3f","#21b2c8","#20c8f7","#59a9f2","#4fceff","#5df0f6","#5ff2ca","#b0dfa0","#c9da91","#a5a5a5","#262626","#105964","#02485c","#0b5394","#0075a2","#089ca2","#0b9b74","#54a838","#7e9532","#7f7f7f","#0c0c0c","#062328","#01303d","#073763","#004e6c","#05686c","#07674d","#387025","#546321"],columns:10},hardcover:{colors:["#ffffff","#000000","#ece9c6","#895d1d","#873624","#d6862d","#d0be40","#877f6c","#972109","#aeb795","#f2f2f2","#7f7f7f","#e1dca5","#f2e0c6","#f0d0c9","#f6e6d5","#f5f2d8","#e7e5e1","#fbc7bc","#eef0e9","#d8d8d8","#595959","#d0c974","#e6c28d","#e2a293","#eeceaa","#ece5b2","#cfccc3","#f78f7a","#dee2d4","#bfbfbf","#3f3f3f","#a29a36","#daa454","#d4735e","#e6b681","#e2d88c","#b7b2a5","#f35838","#ced3bf","#a5a5a5","#262626","#514d1b","#664515","#65281a","#a2641f","#a39428","#655f50","#711806","#879464","#7f7f7f","#0c0c0c","#201e0a","#442e0e","#431b11","#6c4315","#6d621a","#433f35","#4b1004","#5a6243"],columns:10},trek:{colors:["#ffffff","#000000","#fbeec9","#4e3b30","#f0a22e","#a5644e","#b58b80","#c3986d","#a19574","#c17529","#f2f2f2","#7f7f7f","#f7e09e","#e1d6cf","#fcecd5","#eddfda","#f0e7e5","#f3eae1","#ece9e3","#f5e3d1","#d8d8d8","#595959","#f3cc5f","#c4ad9f","#f9d9ab","#dcc0b6","#e1d0cc","#e7d5c4","#d9d4c7","#ebc7a3","#bfbfbf","#3f3f3f","#d29f0f","#a78470","#f6c781","#cba092","#d2b9b2","#dbc1a7","#c6bfab","#e1ac76","#a5a5a5","#262626","#694f07","#3a2c24","#c87d0e","#7b4b3a","#926255","#a17242","#7b7153","#90571e","#7f7f7f","#0c0c0c","#2a1f03","#271d18","#855309","#523226","#614138","#6b4c2c","#524b37","#603a14"],columns:10},verve:{colors:["#ffffff","#000000","#d2d2d2","#666666","#ff388c","#e40059","#9c007f","#68007f","#005bd3","#00349e","#f2f2f2","#7f7f7f","#bdbdbd","#e0e0e0","#ffd7e8","#ffc6dc","#ffb8f1","#f1b2ff","#c3dcff","#b8cfff","#d8d8d8","#595959","#9d9d9d","#c1c1c1","#ffafd1","#ff8eba","#ff71e4","#e365ff","#87baff","#72a0ff","#bfbfbf","#3f3f3f","#696969","#a3a3a3","#ff87ba","#ff5597","#ff2ad7","#d519ff","#4b98ff","#2b71ff","#a5a5a5","#262626","#343434","#4c4c4c","#e90062","#ab0042","#75005f","#4e005f","#00449e","#002676","#7f7f7f","#0c0c0c","#151515","#333333","#9b0041","#72002c","#4e003f","#34003f","#002d69","#00194f"],columns:10},monochrome:{colors:["#000000","#1a1a1a","#333333","#4d4d4d","#666666","#808080","#999999","#b3b3b3","#cccccc","#e6e6e6","#f2f2f2","#ffffff"],columns:12}};import{jsx as cb}from"react/jsx-runtime";var Jl=e=>cb(Ln,{palette:Ra.basic,...e});import{jsx as XR}from"react/jsx-runtime";import{jsx as QR,jsxs as jR}from"react/jsx-runtime";import{jsx as vb}from"react/jsx-runtime";var ub=Ie.options,fb=Ie.states,bb={...Ie.defaultOptions,variant:"basic"},xb=[{name:"basic",title:"Basic"},{name:"monochrome",title:"Monochrome"}],Nb={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}},hb=[],zo=e=>{let{variant:t="basic",...o}=e,a=Nb[t];return vb(Jl,{columns:a.columns,palette:a,...o})};zo.options=ub;zo.states=fb;zo.variants=xb;zo.defaultOptions=bb;zo.modifiers=hb;zo.className=Ie.className;var Yl="color-editor",Zl="coloreditor";import{jsx as Ye,jsxs as Uo}from"react/jsx-runtime";var Mn="k-coloreditor",gb=[r.focus],Lb={size:[d.undefined,d.small,d.medium,d.large]},_a={view:"gradient",palette:Ra.office,actionButtons:!0,canvasOrientation:"horizontal"},Q=e=>{let{size:t,view:o=_a.view,palette:a=_a.palette,color:n,currentColor:i,focus:l,focusView:m,dir:u,group:f,actionButtons:N=_a.actionButtons,canvasOrientation:g=_a.canvasOrientation,...c}=e;return Uo("div",{...c,role:"textbox","aria-label":"Color editor",tabIndex:0,className:s(e.className,"k-flatcolorpicker",Mn,E(Mn,{size:t}),S(Mn,{focus:l})),dir:u,children:[Uo("div",{className:"k-coloreditor-header k-hstack",children:[Ye("div",{className:"k-coloreditor-header-actions k-hstack",children:f&&Uo(T,{fillMode:"flat",children:[Ye(p,{className:"k-group-start",size:t,fillMode:"flat",icon:"droplet-slider",selected:o==="gradient","aria-label":"Color gradient view"}),Ye(p,{className:"k-group-end",size:t,fillMode:"flat",icon:"palette",selected:o==="palette","aria-label":"Color palette view"})]})}),Ye("div",{className:"k-spacer"}),Uo("div",{className:"k-coloreditor-header-actions k-hstack",children:[Ye(p,{fillMode:"flat",icon:"droplet-slash",size:t,"aria-label":"Reset color"}),Uo("div",{className:"k-coloreditor-preview k-vstack",children:[Ye(Tt,{className:"k-coloreditor-preview-color",color:n}),Ye(Tt,{className:"k-coloreditor-current-color",color:i})]})]})]}),Ye("div",{className:"k-coloreditor-views k-vstack",children:o==="gradient"?Ye(ie,{focus:m,size:t,canvasOrientation:g,role:"none",tabIndex:-1}):Ye(Ie,{palette:a,size:t})}),N&&Uo(Ke,{className:"k-coloreditor-footer",alignment:"start",children:[Ye(p,{themeColor:"primary",size:t,className:"k-coloreditor-apply",children:"Apply"}),Ye(p,{className:"k-coloreditor-cancel",size:t,children:"Cancel"})]})]})};Q.states=gb;Q.options=Lb;Q.className=Mn;Q.defaultOptions=_a;Q.moduleName=Yl;Q.folderName=Zl;var Fo=Q;import{jsx as y_}from"react/jsx-runtime";import{jsx as B_}from"react/jsx-runtime";import{jsx as Mb}from"react/jsx-runtime";var Ql=e=>Mb(Fo,{group:!0,currentColor:"fuchsia",...e});import{jsx as Sb}from"react/jsx-runtime";var jl=e=>Sb(Fo,{view:"palette",group:!0,currentColor:"fuchsia",...e});import{jsx as ep}from"react/jsx-runtime";var kb=Q.options,Cb=Q.states,Ab={...Q.defaultOptions,variant:"gradient"},Eb=[{name:"gradient",title:"Gradient"},{name:"palette",title:"Palette"}],yb=[],Go=e=>{let{variant:t,...o}=e;return t==="palette"?ep(jl,{...o,color:"white"}):ep(Ql,{...o,color:"rgba(183, 118 , 118, 1.00)"})};Go.options=kb;Go.states=Cb;Go.variants=Eb;Go.defaultOptions=Ab;Go.modifiers=yb;Go.className=Q.className;var tp="color-picker",op="colorpicker";import{Fragment as Ob,jsx as Ze,jsxs as ir}from"react/jsx-runtime";var ap="k-colorpicker",Ib=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled],Tb={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]},np={arrowIconName:"chevron-down"},Qe=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:n=np.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:pe,adaptiveSubtitle:Ee,...de}=e,fe="colorpicker-popup";return ir(Ob,{children:[ir(dt,{...de,size:t,rounded:o,fillMode:a,hover:f,focus:N,valid:g,invalid:c,required:L,disabled:M,role:"combobox","aria-haspopup":"dialog","aria-expanded":C?"true":"false","aria-controls":C\|\|y?fe:void 0,"aria-label":"Color picker",tabIndex:0,"aria-disabled":M?"true":void 0,className:s(e.className,ap,"k-icon-picker"),children:[Ze(Ue,{children:i}),Ze(Yt,{placeholder:u,value:m,showValue:!1,valueIcon:Ze(Tt,{className:"k-value-icon",color:m,iconName:k}),valueIconName:k}),Ze(Fe,{children:l}),Ze(p,{className:"k-input-button",icon:n,size:t,fillMode:a,tabIndex:-1,"aria-label":"Open color picker",disabled:M})]}),C&&A&&Ze(q,{id:fe,className:"k-colorpicker-popup",children:A}),y&&Ze(Y,{adaptive:!0,id:fe,...H,header:Ze(he,{actionsEnd:Ze(p,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply"}),title:pe,subtitle:Ee}),footer:ir(Ot,{children:[Ze(p,{text:"Cancel",size:"large"}),Ze(p,{text:"Set",size:"large",themeColor:"primary"})]}),children:Ze(Q,{canvasOrientation:"vertical",size:"large",actionButtons:!1,group:!0})})]})};Qe.states=Ib;Qe.options=Tb;Qe.className=ap;Qe.defaultOptions=np;Qe.moduleName=tp;Qe.folderName=op;var St=Qe;import{jsx as Bb}from"react/jsx-runtime";var Sn=e=>Bb(St,{...e});import{jsx as b0}from"react/jsx-runtime";import{jsx as g0}from"react/jsx-runtime";import{jsx as k0}from"react/jsx-runtime";import{jsx as y0}from"react/jsx-runtime";import{jsx as B0}from"react/jsx-runtime";import{jsx as _0}from"react/jsx-runtime";import{jsx as to}from"react/jsx-runtime";var Pb=St.options,Kb=St.states,sp={...St.defaultOptions,variant:"color"},Rb=[{name:"color",title:"Color",default:!0},{name:"no color",title:"No color"},{name:"icon",title:"Icon"}],_b=[{name:"opened",title:"Opened"}],Vo=e=>{let{variant:t,modifiers:o,...a}={...sp,...e},n={};Object.keys(o\|\|{}).forEach(l=>{l==="opened"&&(n.opened=!!o?.[l],n.popup=o?.[l]?to(Q,{size:a.size,color:"rgba(183, 118 , 118, 1.00)",group:!0}):"")});let i=n.opened?{width:"272px",height:"390px"}:{};switch(t){case"no color":return to("div",{style:i,children:to(Sn,{...a,...n})});case"icon":return to("div",{style:i,children:to(Sn,{value:"rgba(183, 118 , 118, 1.00)",valueIconName:"edit-tools",...a,...n})});default:return to("div",{style:i,children:to(Sn,{value:"rgba(183, 118 , 118, 1.00)",...a,...n})})}};Vo.options=Pb;Vo.states=Kb;Vo.variants=Rb;Vo.defaultOptions=sp;Vo.modifiers=_b;Vo.className=St.className;var lr="combobox",rp=lr;import{Fragment as pr,jsx as oe,jsxs as wa}from"react/jsx-runtime";var ip="k-combobox",wb=[r.hover,r.focus,r.valid,r.invalid,r.loading,r.required,r.disabled,r.readonly],Db={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]},dr={separators:!0,showClearButton:!0},Me=e=>{let{size:t,rounded:o,fillMode:a,separators:n=dr.separators,showClearButton:i=dr.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:pe,adaptiveSettings:Ee,adaptiveTitle:de,adaptiveSubtitle:fe,adaptiveCustomValue:Yn,id:Xt,autocomplete:qt,activeDescendant:fa,"aria-label":Zn,...Qn}=e,jn=Xt?`${Xt}-listbox`:void 0;return wa(pr,{children:[wa(J,{...Qn,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,ip),children:[l&&wa(pr,{children:[oe(Ue,{children:l}),n&&oe(Ge,{})]}),oe(be,{id:Xt,placeholder:f,value:u,role:"combobox","aria-haspopup":"listbox","aria-expanded":y?"true":"false","aria-controls":y?jn:void 0,"aria-activedescendant":y&&fa?fa:void 0,"aria-autocomplete":qt,"aria-invalid":L?"true":void 0,"aria-busy":k?"true":void 0,"aria-label":Zn,disabled:A,readOnly:H}),oe(Ne,{valid:c,invalid:L,loading:k,disabled:A}),oe(ye,{loading:k,disabled:A}),i&&oe(Pe,{loading:k,disabled:A,readonly:H,value:u}),m&&wa(pr,{children:[n&&oe(Ge,{}),oe(Fe,{children:m})]}),oe(p,{className:"k-input-button",icon:"chevron-down",size:t,fillMode:a,"aria-label":"Open popup",tabIndex:-1,disabled:A})]}),y&&C&&oe(q,{className:"k-list-container k-combobox-popup",containerRole:"region",containerAriaLabel:"Combobox suggestions",children:C}),pe&&oe(Y,{adaptive:!0,id:Xt?`${Xt}-adaptive`:void 0,...Ee,header:oe(he,{actionsEnd:oe(p,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),input:!0,inputValue:u,inputPlaceholder:f,title:de,subtitle:fe}),children:oe("div",{className:"k-list-container",children:oe(K,{customValue:Yn?oe(wt,{text:`Use "${u}"`}):void 0,size:"large",children:wa(z,{"aria-label":de\|\|"Options",children:[oe(O,{text:"List item"}),oe(O,{text:"List item"}),oe(O,{text:"List item"})]})})})})]})};Me.states=wb;Me.options=Db;Me.className=ip;Me.defaultOptions=dr;Me.moduleName=lr;Me.folderName=rp;var _e=Me;import{jsx as Hb}from"react/jsx-runtime";var lp=e=>Hb(_e,{...e});import{jsx as hw,jsxs as vw}from"react/jsx-runtime";import{jsx as Cw,jsxs as Aw}from"react/jsx-runtime";import{jsx as Bw,jsxs as Pw}from"react/jsx-runtime";import{Fragment as Hw,jsx as Dw}from"react/jsx-runtime";import{Fragment as $w,jsx as Vw}from"react/jsx-runtime";import{jsx as Zw,jsxs as Qw}from"react/jsx-runtime";import{Fragment as rD,jsx as nD,jsxs as sD}from"react/jsx-runtime";import{jsx as dD}from"react/jsx-runtime";import{jsx as fD}from"react/jsx-runtime";import{jsx as gD,jsxs as LD}from"react/jsx-runtime";import{jsx as ED,jsxs as yD}from"react/jsx-runtime";import{jsx as zt,jsxs as $b}from"react/jsx-runtime";var zb=Me.states,Ub=Me.defaultOptions,Fb=Me.options,Gb=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"opened",title:"Opened"}],Vb=[],$o=e=>{let{modifiers:t,...o}=e,a={},n=zt(K,{style:{width:300},size:o.size,children:$b(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(lp,{value:"Value",style:{width:300},...o,...a})})};$o.options=Fb;$o.states=zb;$o.variants=Vb;$o.defaultOptions=Ub;$o.modifiers=Gb;$o.className=Me.className;var mr="menu-button",pp=mr;import{jsx as Wb}from"react/jsx-runtime";var dp="k-menu-button",Xb=[r.hover,r.focus,r.active,r.selected,r.disabled],qb={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]},cr={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=cr.showArrow,arrowIconName:L=cr.arrowIconName,expanded:M,...k}=e;return Wb(p,{...k,className:s(e.className,dp),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=Xb;D.options=qb;D.className=dp;D.defaultOptions=cr;D.moduleName=mr;D.folderName=pp;import{jsx as iH}from"react/jsx-runtime";import{jsx as mH}from"react/jsx-runtime";import{jsx as bH}from"react/jsx-runtime";var we="menu",je=we;import{jsx as Da,jsxs as mp}from"react/jsx-runtime";var ur="k-menu-item",Jb=[r.hover,r.focus,r.active,r.selected,r.disabled],Yb={},cp={iconPosition:"before"},ce=e=>{let{hover:t,focus:o,active:a,selected:n,disabled:i,icon:l,text:m,showArrow:u,arrowIconName:f,iconPosition:N=cp.iconPosition,dir:g,children:c,expanded:L,...M}=e,k=f;return k\|\|(k=g==="rtl"?"chevron-left":"chevron-right"),mp("li",{...M,className:s(e.className,ur,"k-item",S(ur,{focus:o,disabled:i,hover:t,active:a,selected:n})),role:"menuitem",...u&&{"aria-haspopup":"menu"},...u&&{"aria-expanded":L?"true":"false"},...i&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[mp("span",{className:s("k-link k-menu-link"),children:[l&&N==="before"&&Da(v,{className:"k-menu-link-icon",icon:l}),Da("span",{className:"k-menu-link-text",children:m}),l&&N==="after"&&Da(v,{className:"k-menu-link-icon",icon:l}),u&&Da("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:Da(v,{icon:k})})]}),c]})};ce.states=Jb;ce.options=Yb;ce.className=ur;ce.defaultOptions=cp;ce.moduleName=we;ce.folderName=je;import{jsx as oo,jsxs as up}from"react/jsx-runtime";var fr="k-menu-item",Zb=[r.hover,r.focus,r.active,r.selected,r.disabled],Qb={},br={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=br.iconPosition,dir:g=br.dir,children:c,popup:L,expanded:M,actions:k,description:A,...C}=e,y=f;return y\|\|(y=g==="rtl"?"chevron-left":"chevron-right"),up("li",{role:"menuitem",...C,className:s(e.className,fr,"k-item",S(fr,{focus:o,disabled:i})),...u&&{"aria-haspopup":"menu"},...u&&{"aria-expanded":M?"true":"false"},...i&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[up("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=Zb;W.options=Qb;W.className=fr;W.defaultOptions=br;W.moduleName=we;W.folderName=je;import{jsx as ox}from"react/jsx-runtime";var fp="k-menu-scroll-wrapper",jb=[],ex={},tx={},ao=e=>{let{className:t,children:o,orientation:a,...n}=e;return ox("div",{...n,className:s(t,fp,{"k-menu-scroll-wrapper-vertical":a==="vertical"}),children:o})};ao.states=jb;ao.options=ex;ao.className=fp;ao.defaultOptions=tx;ao.moduleName=we;ao.folderName=je;var bp=ao;import{Fragment as xr,jsx as no,jsxs as Cn}from"react/jsx-runtime";var An="k-menu",ax=[],nx={size:[d.undefined,d.small,d.medium,d.large]},En={orientation:"horizontal",header:!0,scrollButtonsPosition:"around"},le=e=>{let{children:t,orientation:o=En.orientation,header:a=En.header,scrollable:n,scrollButtonsPosition:i=En.scrollButtonsPosition,wrapperStyles:l,dir:m,size:u,popup:f,contextMenu:N,...g}=e,c={horizontal:{prev:m!=="rtl"?"left":"right",next:m!=="rtl"?"right":"left"},vertical:{prev:"up",next:"down"}},L=no("ul",{dir:m,...g,className:s(e.className,"k-reset",An,{[`${An}-${o}`]:o,"k-header":a},E(An,{size:u})),role:N?"menu":"menubar",...o==="vertical"&&{"aria-orientation":"vertical"},children:t});return Cn(xr,{children:[n?Cn(bp,{orientation:o,style:l,dir:e.dir,children:[i==="start"&&Cn(xr,{children:[no(p,{fillMode:"flat",size:"xsmall",icon:`chevron-${c[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),no(p,{fillMode:"flat",size:"xsmall",icon:`chevron-${c[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),i==="around"&&no(p,{fillMode:"flat",size:"xsmall",icon:`chevron-${c[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),L,i==="end"&&Cn(xr,{children:[no(p,{fillMode:"flat",size:"xsmall",icon:`chevron-${c[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),no(p,{fillMode:"flat",size:"xsmall",icon:`chevron-${c[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),i==="around"&&no(p,{fillMode:"flat",size:"xsmall",icon:`chevron-${c[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}):L,f]})};le.states=ax;le.options=nx;le.className=An;le.defaultOptions=En;le.moduleName=we;le.folderName=je;import{jsx as sx}from"react/jsx-runtime";var Nr="k-separator",xp={orientation:"horizontal"},Xo=e=>{let{orientation:t=xp.orientation,...o}=e;return sx("li",{...o,className:s(e.className,"k-item",Nr,{[`${Nr}-${t}`]:t}),role:"separator"})};Xo.className=Nr;Xo.defaultOptions=xp;Xo.moduleName=we;Xo.folderName=je;import{Fragment as VH,jsx as $H}from"react/jsx-runtime";import{jsx as px}from"react/jsx-runtime";var hr="k-menu-group",rx=[],ix={size:[d.undefined,d.small,d.medium,d.large]},lx={},ue=e=>{let{children:t,size:o,...a}=e;return px("ul",{role:"menu",...a,className:s(e.className,hr,E(hr,{size:o})),children:t})};ue.states=rx;ue.options=ix;ue.className=hr;ue.defaultOptions=lx;ue.moduleName=we;ue.folderName=je;import{jsx as ez,jsxs as tz}from"react/jsx-runtime";import{Fragment as dx,jsx as qo,jsxs as mx}from"react/jsx-runtime";var vr=e=>qo(le,{children:mx(dx,{children:[qo(ce,{text:"Item 1"}),qo(ce,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 2"}),qo(ce,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 3"}),qo(ce,{text:"Item 4"}),qo(ce,{text:"Item 5"})]}),...e});import{Fragment as mz,jsx as pz,jsxs as dz}from"react/jsx-runtime";import{Fragment as xz,jsx as bz,jsxs as Nz}from"react/jsx-runtime";import{Fragment as Mz,jsx as Lz,jsxs as Sz}from"react/jsx-runtime";import{Fragment as yz,jsx as Ez,jsxs as Iz}from"react/jsx-runtime";import{jsx as so,jsxs as xx}from"react/jsx-runtime";var cx={...le.options,scrollable:{type:"boolean"}},ux=le.states,Np={...le.defaultOptions,variant:"horizontal"},fx=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],bx=[{name:"opened",title:"Opened"}],Wo=e=>{let{variant:t,modifiers:o,...a}={...Np,...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:xx(ue,{children:[so(W,{text:"Item 1"}),so(W,{text:"Item 2"}),so(Xo,{}),so(W,{text:"Item 3"})]})}):null)}),t==="vertical"?so(vr,{...a,...n,orientation:"vertical",style:{width:"200px"}}):so(vr,{...a,...n})};Wo.options=cx;Wo.states=ux;Wo.variants=fx;Wo.defaultOptions=Np;Wo.modifiers=bx;Wo.className=le.className;import{Fragment as l1,jsx as r1,jsxs as i1}from"react/jsx-runtime";import{jsx as c1}from"react/jsx-runtime";import{Fragment as Lx,jsx as xt,jsxs as hp}from"react/jsx-runtime";var Nx=p.states,vp={...p.defaultOptions,variant:"text"},hx=p.options,vx=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],gx=[{name:"opened",title:"Opened"}],Jo=e=>{let{variant:t,modifiers:o,...a}={...vp,...e},n={},i=xt(q,{className:"k-menu-popup",children:hp(ue,{size:a.size,children:[xt(W,{text:"Menu Item"}),xt(W,{text:"Menu Item"}),xt(W,{text:"Menu Item"})]})}),l;switch(t){case"icon-only":l=xt("div",{children:xt(D,{...a,...n,icon:"star"})});break;case"icon-and-text":l=xt("div",{children:xt(D,{...a,...n,icon:"star",children:"Dropdown Button"})});break;default:l=xt("div",{children:xt(D,{...a,...n,children:"Dropdown Button"})});break}return hp(Lx,{children:[l,o?.opened&&i]})};Jo.options=hx;Jo.states=Nx;Jo.variants=vx;Jo.defaultOptions=vp;Jo.modifiers=gx;Jo.className=D.className;var gr="split-button",gp=gr;import{Fragment as kx,jsx as Lr,jsxs as Lp}from"react/jsx-runtime";var Mr="k-split-button",Mx=[r.hover,r.focus,r.active,r.selected,r.disabled],Sx={size:[d.undefined,d.small,d.medium,d.large],rounded:[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]},Mp={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=Mp.arrowIconName,popup:L,opened:M,popupId:k,...A}=e;return Lp(kx,{children:[Lp("div",{...A,className:s(e.className,Mr,"k-button-group",E(Mr,{rounded:o})),children:[Lr(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}),Lr(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&&Lr(q,{className:"k-menu-popup",children:L})]})};R.states=Mx;R.options=Sx;R.className=Mr;R.defaultOptions=Mp;R.moduleName=gr;R.folderName=gp;var Sr=R;import{jsx as Ax}from"react/jsx-runtime";var Cx="k-toolbar-separator",st=e=>Ax("div",{className:s(Cx,e.className,"k-separator")});var ro="toolbar",Yo=ro;import{Fragment as kr,jsx as _,jsxs as Zo}from"react/jsx-runtime";var kt="k-toolbar",Ex=[r.focus],yx={size:[d.undefined,d.small,d.medium,d.large],fillMode:[x.undefined,x.solid,x.outline,x.flat]},Ix={scrollButtons:"around"},U=e=>{let{size:t,fillMode:o,focus:a,resizable:n,scrollable:i,scrollButtons:l,scrollingPosition:m,section:u,...f}=e,N=[],g=(c,L)=>{let M=[];if(c.type===p&&c.props.className&&c.props.className.includes("k-toolbar-overflow-button"))M.push(_(p,{...c.props,className:`${c.props.className?c.props.className:""}`},`${L}-${new Date().getTime()}`));else if(c.type===p)M.push(_(p,{...c.props,className:`k-toolbar-button ${c.props.className?c.props.className:""}`},`${L}-${new Date().getTime()}`));else if(c.type===va)M.push(_(va,{...c.props,className:`k-toolbar-button ${c.props.className?c.props.className:""}`},`${L}-${new Date().getTime()}`));else if(c.type===X)M.push(_(X,{...c.props,className:`k-toolbar-button ${c.props.className?c.props.className:""}`},`${L}-${new Date().getTime()}`));else if(c.type===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===Sr)M.push(_(Sr,{...c.props,className:`k-toolbar-split-button ${c.props.className?c.props.className:""}`},`${L}-${new Date().getTime()}`));else if(c.type===T\|\|c.props.className&&c.props.className.includes("k-button-group")){let k=[];(Array.isArray(c.props.children)?c.props.children:[c.props.children]).forEach((C,y)=>{k.push(_(p,{...C.props,className:`${C.props.className?C.props.className:""}`},`${y}-${new Date().getTime()}`))}),M.push(_(T,{...c.props,className:`k-toolbar-button-group ${c.props.className?c.props.className:""}`,children:k},`${L}-${new Date().getTime()}`))}else c.type===Me?M.push(_(Me,{...c.props,className:`k-toolbar-combobox ${c.props.className?c.props.className:""}`},`${L}-${new Date().getTime()}`)):c.type===ne?M.push(_(ne,{...c.props,className:`k-toolbar-dropdownlist ${c.props.className?c.props.className:""}`},`${L}-${new Date().getTime()}`)):c.type===Qe?M.push(_(Qe,{...c.props,className:`k-toolbar-colorpicker ${c.props.className?c.props.className:""}`},`${L}-${new Date().getTime()}`)):M.push(c);M.forEach(k=>{N.push(k)})};return e.children&&(Array.isArray(e.children)?e.children:[e.children]).forEach((L,M)=>{g(L,M)}),Zo("div",{...f,className:s(e.className,kt,E(kt,{size:t,fillMode:o}),S(kt,{focus:a}),{[`${kt}-resizable`]:n,[`${kt}-scrollable`]:i,[`${kt}-scrollable-overlay`]:i&&l==="hidden",[`${kt}-scrollable-${m}`]:m&&m!=="both",[`${kt}-section`]:u}),role:"toolbar","aria-label":"Toolbar",children:[!i&&N,i&&l==="hidden"&&_("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N}),i&&l==="start"&&Zo(kr,{children:[Zo(T,{children:[_("span",{className:s("k-toolbar-prev","k-button",E("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:_(v,{className:"k-button-icon",icon:"chevron-left"})}),_("span",{className:s("k-toolbar-next","k-button",E("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:_(v,{className:"k-button-icon",icon:"chevron-right"})})]}),_(st,{className:"k-toolbar-button-separator"}),_("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N})]}),i&&l==="end"&&Zo(kr,{children:[_("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N}),_(st,{className:"k-toolbar-button-separator"}),Zo(T,{children:[_("span",{className:s("k-toolbar-prev","k-button",E("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:_(v,{className:"k-button-icon",icon:"chevron-left"})}),_("span",{className:s("k-toolbar-next","k-button",E("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:_(v,{className:"k-button-icon",icon:"chevron-right"})})]})]}),i&&(l==="around"\|\|!l)&&Zo(kr,{children:[_("span",{className:s("k-toolbar-prev","k-button",E("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:_(v,{className:"k-button-icon",icon:"chevron-left"})}),_(st,{className:"k-toolbar-button-separator"}),_("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N}),_(st,{className:"k-toolbar-button-separator"}),_("span",{className:s("k-toolbar-next","k-button",E("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:_(v,{className:"k-button-icon",icon:"chevron-right"})})]})]})};U.states=Ex;U.options=yx;U.className=kt;U.defaultOptions=Ix;U.moduleName=ro;U.folderName=Yo;import{jsx as Px}from"react/jsx-runtime";var Cr="k-toolbar-item",Tx=[r.focus],Ox={},Bx={},Qo=e=>{let{focus:t,...o}=e;return Px("div",{...o,className:s(e.className,Cr,S(Cr,{focus:t})),children:e.children})};Qo.states=Tx;Qo.options=Ox;Qo.className=Cr;Qo.defaultOptions=Bx;Qo.moduleName=ro;Qo.folderName=Yo;import{jsx as Sp}from"react/jsx-runtime";var kp="k-toolbar-popup",Kx=[],Rx={size:[d.undefined,d.small,d.medium,d.large],fillMode:[x.undefined,x.solid,x.outline,x.flat]},_x={},io=e=>{let{size:t,fillMode:o,section:a,...n}=e;return Sp(q,{...n,className:s(e.className,kp),children:a?Sp("span",{className:s("k-toolbar-items-list",E("k-toolbar-items-list",{size:t,fillMode:o})),role:"toolbar",children:e.children}):e.children})};io.states=Kx;io.options=Rx;io.className=kp;io.defaultOptions=_x;io.moduleName=ro;io.folderName=Yo;var yn=io;import{jsx as m2}from"react/jsx-runtime";import{jsx as b2}from"react/jsx-runtime";import{jsx as v2}from"react/jsx-runtime";import{jsx as C2,jsxs as A2}from"react/jsx-runtime";import{jsx as T2}from"react/jsx-runtime";import{jsx as Ct,jsxs as Ux}from"react/jsx-runtime";var wx=R.states,Cp={...R.defaultOptions,variant:"text"},Dx=R.options,Hx=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],zx=[{name:"opened",title:"Opened"}],jo=e=>{let{variant:t,modifiers:o,...a}={...Cp,...e},n={},i=Ux(ue,{size:a.size,children:[Ct(W,{text:"Menu Item"}),Ct(W,{text:"Menu Item"}),Ct(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 Ct("div",{children:Ct(R,{...a,...n,icon:"star"})});case"icon-and-text":return Ct("div",{children:Ct(R,{...a,...n,icon:"star",children:"Split Button"})});default:return Ct("div",{children:Ct(R,{...a,...n,children:"Split Button"})})}};jo.options=Dx;jo.states=wx;jo.variants=Hx;jo.defaultOptions=Cp;jo.modifiers=zx;jo.className=R.className;import{jsx as lo,jsxs as Fx}from"react/jsx-runtime";var Ap=e=>lo(U,{children:[lo(p,{children:"Button"},"toolbar-button"),lo(D,{text:"Menu button"},"toolbar-menu-button"),lo(R,{children:"Split button"},"toolbar-split-button"),Fx(T,{children:[lo(p,{className:"k-group-start",icon:"align-left",children:"Left"}),lo(p,{icon:"align-center",children:"Center"}),lo(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});import{jsx as sU,jsxs as rU}from"react/jsx-runtime";import{jsx as De,jsxs as Ep}from"react/jsx-runtime";var yp=e=>De(U,{scrollable:!0,...e,children:[De(p,{children:"Button"},"toolbar-button"),De(D,{text:"Menu button"},"toolbar-menu-button"),De(R,{children:"Split button"},"toolbar-split-button"),Ep(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"),Ep(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 Ip}from"react/jsx-runtime";var Tp=({scrollingPosition:e="start",...t})=>He(U,{scrollable:!0,scrollButtons:"hidden",scrollingPosition:e,...t,children:[He(p,{children:"Button"},"toolbar-button"),He(D,{text:"Menu button"},"toolbar-menu-button"),He(R,{children:"Split button"},"toolbar-split-button"),Ip(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"),Ip(T,{children:[He(p,{className:"k-group-start",icon:"align-left",children:"Left"}),He(p,{icon:"align-center",children:"Center"}),He(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...t});import{Fragment as Gx,jsx as Te,jsxs as In}from"react/jsx-runtime";var Op=({fillMode:e,size:t,...o})=>In(Gx,{children:[Te(U,{section:!0,fillMode:e,size:t,children:[Te(p,{fillMode:e,size:t,children:"Button"},"toolbar-button"),In(T,{fillMode:e,children:[Te(p,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),Te(p,{icon:"align-center",fillMode:e,size:t,children:"Center"}),Te(p,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group"),Te(st,{className:"k-toolbar-button-separator"}),Te(p,{icon:"more-horizontal",className:"k-toolbar-overflow-button",fillMode:"flat",size:t,"aria-label":"More options","aria-expanded":"false"})],...o}),In(yn,{size:t,fillMode:e,section:!0,...o,children:[Te(R,{fillMode:e,size:t,children:"Split button"},"toolbar-split-button"),Te(p,{fillMode:e,size:t,children:"Button"},"toolbar-button"),Te(st,{}),Te(D,{text:"Menu button",fillMode:e,size:t},"toolbar-menu-button"),In(T,{fillMode:e,children:[Te(p,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),Te(p,{icon:"align-center",fillMode:e,size:t,children:"Center"}),Te(p,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group")]})]});import{Fragment as HU,jsx as wU,jsxs as DU}from"react/jsx-runtime";import{Fragment as YU,jsx as WU,jsxs as JU}from"react/jsx-runtime";import{jsx as Ut}from"react/jsx-runtime";var Vx=U.options,$x=U.states,Bp={...U.defaultOptions,variant:"default"},Xx=[{name:"default",title:"Default"},{name:"scrollable",title:"Scrollable"},{name:"overlay",title:"Overlay"},{name:"responsive",title:"Responsive"}],qx=[],ea=e=>{let{variant:t,...o}={...Bp,...e};switch(t){case"responsive":return Ut("div",{children:Ut(Op,{style:{width:"583px"},...o})});case"overlay":return Ut("div",{children:Ut(Tp,{style:{width:"583px"},...o,scrollingPosition:"start",scrollButtons:"hidden"})});case"scrollable":return Ut("div",{children:Ut(yp,{style:{width:"583px"},...o})});default:return Ut("div",{children:Ut(Ap,{style:{width:"583px"},...o})})}};ea.options=Vx;ea.states=$x;ea.variants=Xx;ea.defaultOptions=Bp;ea.modifiers=qx;ea.className=U.className;import{Fragment as Zx,jsx as rt,jsxs as Ha}from"react/jsx-runtime";var Pp="k-message",Wx=[r.hover,r.selected,r.active,r.focus],Jx={},Yx=[rt(p,{icon:"copy",fillMode:"flat","aria-label":"Copy"}),rt(p,{icon:"arrow-rotate-cw",fillMode:"flat","aria-label":"Retry"}),rt(p,{icon:"download",fillMode:"flat","aria-label":"Download"})],ta={time:"Thu Feb 08 2018",text:"How can I help you?",status:"Seen",toolbarItems:Yx,failed:"Failed to send"},F=e=>{let{time:t=ta.time,text:o=ta.text,content:a,status:n=ta.status,statusIcon:i,toolbarItems:l=ta.toolbarItems,hover:m,selected:u,active:f,focus:N,toolbar:g,typing:c,expandable:L,expanded:M,removed:k,files:A,failed:C,...y}=e,H=C===!0?ta.failed:C;return Ha("div",{...y,className:s(Pp,e.className,{"k-message-removed":k,"k-message-failed":C}),children:[C&&rt(X,{className:"k-resend-button",icon:"arrow-rotate-cw",size:"xsmall",fillMode:"clear","aria-label":"Resend"}),rt(Kp,{typing:c,selected:u,hover:m,active:f,focus:N,content:Ha(Zx,{children:[a,o&&rt("span",{className:"k-chat-bubble-text",children:o})]}),expandable:L,expanded:M,files:A}),Ha("div",{className:"k-message-info",children:[n&&Ha("span",{className:"k-message-status",children:[i&&rt(v,{icon:i,size:"xsmall"}),n]}),t&&rt("time",{className:"k-message-time",children:t}),C&&Ha("span",{className:"k-message-failed-content",children:[C&&rt(v,{icon:"warning-triangle",size:"xsmall"}),C&&rt("span",{className:"k-message-failed-text",children:H})]})]}),g&&rt(U,{className:"k-chat-message-toolbar",fillMode:"flat",children:l})]})};F.states=Wx;F.options=Jx;F.className=Pp;F.moduleName=null;F.folderName=null;F.defaultOptions=ta;var Ar="avatar",Rp=Ar;import{jsx as _p}from"react/jsx-runtime";var za="k-avatar";var Qx=[r.hover,r.focus,r.active,r.selected,r.disabled],jx={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]},Er={type:"text",border:!1},Se=e=>{let{size:t,rounded:o,fillMode:a,themeColor:n,type:i=Er.type,border:l=Er.border,...m}=e;return _p("div",{...m,className:s(e.className,za,E(za,{size:t,rounded:o,fillMode:a,themeColor:n}),{[`${za}-bordered`]:l}),children:_p("span",{className:`${za}-${i}`,children:e.children})})};Se.states=Qx;Se.options=jx;Se.className=za;Se.defaultOptions=Er;Se.moduleName=Ar;Se.folderName=Rp;var po=Se;import{jsx as eN}from"react/jsx-runtime";var wp=e=>eN(po,{type:"icon",...e});import{jsx as tN}from"react/jsx-runtime";var Dp=e=>tN(po,{type:"text",...e});import{jsx as oN}from"react/jsx-runtime";var Tn=e=>oN(po,{type:"image",...e});import{jsx as F3}from"react/jsx-runtime";import{jsx as Ua}from"react/jsx-runtime";var aN=Se.options,nN=Se.states,sN={...Se.defaultOptions,variant:"image"},rN=[{name:"image",title:"Image"},{name:"icon",title:"Icon Avatar"},{name:"text",title:"Text Avatar"}],iN=[],oa=e=>{let{variant:t,...o}=e;switch(t){case"icon":return Ua(wp,{...o,children:Ua(v,{icon:"star"})});case"text":return Ua(Dp,{...o,children:"JO"});default:return Ua(Tn,{...o,children:Ua("img",{src:"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg"})})}};oa.options=aN;oa.states=nN;oa.variants=rN;oa.defaultOptions=sN;oa.modifiers=iN;oa.className=Se.className;import{jsx as aa,jsxs as yr}from"react/jsx-runtime";var Fa="k-message-group",lN=[r.selected],pN={},On={author:"Bruv",avatar:"/packages/html/assets/avatar.jpg",type:"receiver"},$=e=>{let{type:t=On.type,author:o=On.author,avatar:a=On.avatar,status:n,selected:i,fullWidth:l,...m}=e;return yr("div",{...m,className:s(Fa,e.className,S(Fa,{selected:i}),{[`${Fa}-${t}`]:t,"k-no-avatar":!a,[`${Fa}-full-width`]:l}),children:[a&&!n&&aa(Se,{type:"image",children:aa("img",{src:a,alt:o\|\|""})}),n&&a&&yr("div",{className:"k-chat-user-status-wrapper",children:[aa(Se,{type:"image",children:aa("img",{src:a,alt:o\|\|""})}),aa("div",{className:"k-chat-user-status"})]}),yr("div",{className:"k-message-group-content",children:[o&&aa("span",{className:"k-message-author",children:o}),e.children]})]})};$.states=lN;$.options=pN;$.className=Fa;$.defaultOptions=On;import{Fragment as mN,jsx as Bn,jsxs as Hp}from"react/jsx-runtime";var Ir="k-message-reference",dN={},zp={type:"receiver"},Ft=e=>{let{content:t,closeable:o,pinned:a,type:n=zp.type,...i}=e;return Hp("div",{...i,className:s(Ir,e.className,{[`${Ir}-${n}`]:n,"k-message-pinned":a}),children:[a&&Bn(v,{icon:"pin"}),Bn("div",{className:"k-message-reference-content",children:t}),o&&Hp(mN,{children:[Bn("span",{className:"k-spacer"}),Bn(p,{icon:"x-circle",fillMode:"flat",size:"xsmall","aria-label":"Close"})]})]})};Ft.options=dN;Ft.className=Ir;Ft.moduleName=null;Ft.folderName=null;Ft.defaultOptions=zp;var Tr="bubble",Up=Tr;import{jsx as Pn,jsxs as uN}from"react/jsx-runtime";var Or="k-bubble",cN=[r.hover,r.active,r.selected,r.focus],Br={expandable:!1,expanded:!1},mo=e=>{let{content:t,hover:o,active:a,focus:n,selected:i,expandable:l=Br.expandable,expanded:m=Br.expanded,...u}=e;return uN("div",{...u,className:s(e.className,Or,S(Or,{hover:o,active:a,focus:n,selected:i}),{"k-bubble-expandable":l},{"k-expanded":m}),tabIndex:0,children:[Pn("div",{className:"k-bubble-content",children:t??e.children}),l&&Pn("span",{className:"k-bubble-expandable-indicator",role:"button","aria-label":m?"Show less":"Show more",tabIndex:0,children:m?Pn(v,{icon:"chevron-up"}):Pn(v,{icon:"chevron-down"})})]})};mo.states=cN;mo.className=Or;mo.defaultOptions=Br;mo.moduleName=Tr;mo.folderName=Up;import{jsx as M5}from"react/jsx-runtime";import{jsx as A5}from"react/jsx-runtime";import{jsx as T5}from"react/jsx-runtime";import{jsx as Pr,jsxs as Gp}from"react/jsx-runtime";var fN="k-chat-bubble",Kp=e=>{let{typing:t,content:o,files:a,...n}=e;return Gp(mo,{...n,className:s(e.className,fN),children:[t?Gp("div",{className:"k-typing-indicator",tabIndex:-1,children:[Pr("span",{}),Pr("span",{}),Pr("span",{})]}):o,a]})};import{jsx as $5}from"react/jsx-runtime";import{jsx as Vp,jsxs as bN}from"react/jsx-runtime";var $p="k-chat-event",Kr={icon:"trash",text:"You deleted Chat history."},Xp=e=>{let{icon:t=Kr.icon,text:o=Kr.text,...a}=e;return bN("div",{...a,className:s(e.className,$p),children:[t&&Vp(v,{className:"k-chat-event-icon",icon:t,size:"xsmall"}),o&&Vp("span",{className:"k-chat-event-text",children:o})]})};Xp.className=$p;Xp.defaultOptions=Kr;import{jsx as tF}from"react/jsx-runtime";import{Fragment as xN,jsx as Nt,jsxs as NN}from"react/jsx-runtime";var qp=e=>Nt(G,{children:NN(xN,{children:[Nt("div",{className:"k-timestamp",children:"Day, Month 7, 2023"}),Nt($,{children:Nt(F,{})}),Nt($,{type:"sender",children:Nt(F,{})}),Nt($,{children:Nt(F,{text:"Very long message text that tests message overflowing behavior. Very long message text that tests message overflowing behavior."})}),Nt($,{type:"sender",children:Nt(F,{text:"Unusually_long_word_that_tests_word_break_behavior__unusually_long_word_that_tests_word_break_behavior"})})]}),...e});import{Fragment as pF,jsx as lF,jsxs as dF}from"react/jsx-runtime";var Rr="skeleton",Wp=Rr;import{jsx as LN}from"react/jsx-runtime";var _r="k-skeleton",hN=["circle","text","rect"],vN=[],gN={},wr={variant:"text",shape:"text",animation:"pulse"},ht=e=>{let{variant:t,shape:o,animation:a=wr.animation,...n}=e,i=`skeleton-${t\|\|o\|\|wr.variant}`;return LN("span",{...n,className:s(e.className,_r,Ja(_r,i),{[`k-skeleton-${a}`]:a}),style:e.style})};ht.states=vN;ht.options=gN;ht.variants=hN;ht.className=_r;ht.defaultOptions=wr;ht.moduleName=Rr;ht.folderName=Wp;import{jsx as vF}from"react/jsx-runtime";import{jsx as SF}from"react/jsx-runtime";import{jsx as EF}from"react/jsx-runtime";import{Fragment as UF,jsx as HF,jsxs as zF}from"react/jsx-runtime";import{Fragment as XF,jsx as $F,jsxs as qF}from"react/jsx-runtime";var Dr="window",Jp=Dr;import{jsx as CN}from"react/jsx-runtime";var Yp="k-window-content",MN=[],SN={},kN={},Gt=e=>{let{children:t,...o}=e;return CN("div",{...o,className:s(Yp,e.className),children:t})};Gt.states=MN;Gt.options=SN;Gt.className=Yp;Gt.defaultOptions=kN;Gt.moduleName=Dr;Gt.folderName=Jp;var Ga="dialog",Kn=Ga;import{Fragment as yN,jsx as co,jsxs as Hr}from"react/jsx-runtime";var Zp="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(ut,{}),Hr("div",{...l,className:s(e.className,Zp,"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=Zp;ze.defaultOptions=zr;ze.moduleName=Ga;ze.folderName=Kn;var Ur=ze;import{jsx as BN}from"react/jsx-runtime";var Qp="k-dialog-wrapper",IN=[],TN={},ON={},na=e=>{let{...t}=e;return BN("div",{...t,className:s(e.className,Qp),children:e.children})};na.states=IN;na.options=TN;na.className=Qp;na.defaultOptions=ON;na.moduleName=Ga;na.folderName=Kn;import{Fragment as jp,jsx as Rn,jsxs as PN}from"react/jsx-runtime";var ed=e=>Rn(Ur,{title:"Title",children:Rn(jp,{children:"Dialog content"}),actionButtons:PN(jp,{children:[Rn(p,{children:"Action"}),Rn(p,{themeColor:"primary",children:"Primary"})]}),actions:["x"],...e});import{Fragment as gG,jsx as LG,jsxs as MG}from"react/jsx-runtime";import{Fragment as HN,jsx as _n,jsxs as zN}from"react/jsx-runtime";var KN=ze.options,RN=[],_N=ze.states,wN=ze.defaultOptions,DN=[],sa=e=>_n(ed,{style:{width:"350px",height:"215px"},...e,title:"Please confirm",actions:["x"],actionButtonsAlign:"stretched",actionButtons:zN(HN,{children:[_n(p,{children:"No"}),_n(p,{themeColor:"primary",children:"Yes"})]}),children:_n("p",{style:{margin:"36px",textAlign:"center"},children:"Are you sure you want to continue?"})});sa.options=KN;sa.states=_N;sa.variants=RN;sa.defaultOptions=wN;sa.modifiers=DN;sa.className=ze.className;var Fr="dropzone",td=Fr;import{jsx as wn,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"},ke=e=>{let{hover:t,disabled:o,icon:a=Vr.icon,hint:n=Vr.hint,note:i,...l}=e;return wn("div",{...l,className:s(e.className,Gr,S(Gr,{disabled:o}),{"k-external-dropzone-hover":t}),children:GN("div",{className:"k-dropzone-inner",children:[a&&wn(v,{icon:a,className:"k-dropzone-icon",size:"xxxlarge"}),n&&wn("span",{className:"k-dropzone-hint",children:n}),i&&wn("span",{className:"k-dropzone-note",children:i})]})})};ke.states=UN;ke.options=FN;ke.className=Gr;ke.defaultOptions=Vr;ke.moduleName=Fr;ke.folderName=td;import{jsx as VN}from"react/jsx-runtime";var od=e=>VN(ke,{...e});import{jsx as qG}from"react/jsx-runtime";import{jsx as YN}from"react/jsx-runtime";var $N=ke.options,XN=ke.states,qN=ke.defaultOptions,WN=[{name:"note",title:"Note"}],JN=[],ra=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(n=>{n==="note"&&(a.note=t?.[n]?"Only JPEG, PNG and SVG files are allowed.":void 0)}),YN(od,{style:{width:"500px"},...o,...a})};ra.options=$N;ra.states=XN;ra.variants=JN;ra.defaultOptions=qN;ra.modifiers=WN;ra.className=ke.className;import{Fragment as Dn,jsx as Vt,jsxs as Va}from"react/jsx-runtime";var $r="k-upload-dropzone",ZN=[r.hover],Hn=e=>{let{hover:t,status:o,disabled:a,hasFiles:n,filesId:i,...l}=e,m;switch(o){case"uploading":m=Va(Dn,{children:[Vt(v,{icon:"upload"}),"Uploading..."]});break;case"done":m=Va(Dn,{children:[Vt(v,{icon:"check"}),"Done"]});break;case"failed":m=Va(Dn,{children:[Vt(v,{icon:"exclamation-circle"}),"Done"]});break;default:m=Vt(Dn,{});break}return Va("div",{...l,className:s(e.className,$r,"k-dropzone",S($r,{hover:t})),children:[Va("div",{className:"k-upload-button-wrap",children:[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})]})};Hn.states=ZN;Hn.className=$r;var Xr="upload",ad=Xr;import{jsx as zn,jsxs as sd}from"react/jsx-runtime";var qr="k-upload",QN=[r.hover,r.disabled],jN={},rd={actionsLayout:"end"},nd="upload-files-list",ae=e=>{let{async:t,empty:o,actions:a,actionsLayout:n=rd.actionsLayout,hover:i,status:l,disabled:m,...u}=e,f=!!e.children;return sd("div",{...u,className:s(e.className,qr,S(qr,{disabled:m}),{"k-upload-async":t,"k-upload-empty":o}),children:[zn(Hn,{status:l,hover:i,disabled:m,hasFiles:f,filesId:nd}),f&&zn("ul",{className:"k-upload-files",role:"list",id:nd,children:e.children}),a&&f&&sd(Qi,{alignment:n,orientation:"horizontal",children:[zn(p,{className:"k-clear-selected",children:"Clear"}),zn(p,{themeColor:"primary",className:"k-upload-selected",children:"Upload"})]})]})};ae.states=QN;ae.options=jN;ae.className=qr;ae.defaultOptions=rd;ae.moduleName=Xr;ae.folderName=ad;var $a="progressbar",Un=$a;import{jsx as Jr,jsxs as Wr}from"react/jsx-runtime";var et="k-progressbar",eh=[r.disabled,r.indeterminate],th={orientation:["horizontal","vertical"]},uo={indeterminate:!1,label:!0,labelPosition:"start",orientation:"horizontal",reverse:!1,value:"0"},Ce=e=>{let{disabled:t,height:o,indeterminate:a=uo.indeterminate,label:n=uo.label,labelPosition:i=uo.labelPosition,orientation:l=uo.orientation,reverse:m=uo.reverse,value:u=uo.value,width:f,style:N,ariaLabel:g,...c}=e;return Wr("div",{...c,className:s(e.className,et,S(et,{disabled:t}),{[`${et}-${l}`]:l,[`${et}-indeterminate`]:a,[`${et}-reverse`]:m}),style:{...N,"--kendo-progressbar-value":u,[l==="horizontal"?"height":"width"]:l==="horizontal"?o:f},role:"progressbar","aria-label":g\|\|"progress","aria-valuenow":a?void 0:Number(u),"aria-valuemin":0,"aria-valuemax":100,children:[Jr("span",{className:s("k-progress-status-wrap",{[`k-progress-${i}`]:i&&!a}),children:n&&Wr("span",{className:"k-progress-status",children:[u,"%"]})}),!a&&Jr("div",{className:"k-progressbar-value k-selected",children:Jr("span",{className:s("k-progress-status-wrap",{[`k-progress-${i}`]:i}),children:n&&Wr("span",{className:"k-progress-status",children:[e.value,"%"]})})})]})};Ce.states=eh;Ce.options=th;Ce.className=et;Ce.defaultOptions=uo;Ce.moduleName=$a;Ce.folderName=Un;var id=Ce;import{jsx as Yr}from"react/jsx-runtime";var ld="k-chunk-progressbar",oh=(e,t)=>t<=e-1,ah=[r.disabled,r.indeterminate],nh={},Fn={chunkCount:5,orientation:"horizontal",progress:0},ia=e=>{let{disabled:t,chunkCount:o=Fn.chunkCount,indeterminate:a,orientation:n=Fn.orientation,progress:i=Fn.progress,reverse:l,ariaLabel:m,...u}=e;return Yr("div",{...u,className:s(e.className,et,ld,S(et,{disabled:t}),{[`${et}-${n}`]:n,[`${et}-indeterminate`]:a,[`${et}-reverse`]:l}),role:"progressbar","aria-label":m\|\|"progress","aria-valuenow":a?void 0:i,"aria-valuemin":0,"aria-valuemax":o,children:Yr("ul",{className:"k-progressbar-chunks k-reset",children:[...Array(o)].map((f,N)=>Yr("li",{className:s("k-progressbar-chunk",{"k-first":N===0,"k-last":N===[...Array(o)].length-1,"k-selected":oh(i,N)})},N))})})};ia.states=ah;ia.options=nh;ia.className=ld;ia.defaultOptions=Fn;ia.moduleName=$a;ia.folderName=Un;import{jsx as sh}from"react/jsx-runtime";var Xa=e=>sh(id,{...e});import{jsx as K6}from"react/jsx-runtime";import{jsx as $t}from"react/jsx-runtime";var rh=Ce.options,ih=Ce.states,pd={...Ce.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=[],la=e=>{let{variant:t,modifiers:o,...a}={...pd,...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(Xa,{...a,...n,labelPosition:"end",value:"50"})});case"center":return $t("div",{...i,children:$t(Xa,{...a,...n,labelPosition:"center",value:"50"})});case"empty":return $t("div",{...i,children:$t(Xa,{...a,...n,label:!1,value:"50"})});default:return $t("div",{...i,children:$t(Xa,{...a,...n,labelPosition:"start",value:"50"})})}};la.options=rh;la.states=ih;la.variants=lh;la.defaultOptions=pd;la.modifiers=ph;la.className=Ce.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 At,jsxs as Gn}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 At("li",{...u,className:s(e.className,ch,{[`k-file-${t}`]:t}),role:"listitem",tabIndex:0,children:Gn("div",{className:"k-file-single",children:[At(Ce,{className:s({"k-hidden":t!=="progress"}),value:o,label:!1}),Gn("span",{className:"k-file-icon-wrapper",children:[At(v,{className:"k-file-icon",icon:n,size:"xxlarge"}),l&&At("span",{className:"k-file-state",children:l})]}),At(Qr,{name:a,size:i,validationMsg:m}),At("div",{className:"k-upload-actions",children:t==="progress"?Gn(uh,{children:[Gn("span",{className:"k-upload-pct",children:[o,"%"]}),At(p,{icon:"pause",fillMode:"flat",size:"xsmall",className:"k-upload-action","aria-label":"Pause upload",tabIndex:-1}),At(p,{icon:"cancel",fillMode:"flat",size:"xsmall",className:"k-upload-action","aria-label":"Cancel upload",tabIndex:-1})]}):At(p,{icon:"x",fillMode:"flat",size:"xsmall",className:"k-upload-action","aria-label":"Remove file",tabIndex:-1})})]})})};import{Fragment as d7,jsx as l7,jsxs as p7}from"react/jsx-runtime";import{Fragment as fh,jsx as jr,jsxs as bh}from"react/jsx-runtime";var qa=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 g7,jsx as h7,jsxs as v7}from"react/jsx-runtime";import{jsx as xh}from"react/jsx-runtime";var dd=e=>xh(ae,{async:!0,empty:!0,...e});import{Fragment as y7,jsx as E7,jsxs as I7}from"react/jsx-runtime";import{Fragment as K7,jsx as P7,jsxs as R7}from"react/jsx-runtime";import{jsx as Et,jsxs as Vn}from"react/jsx-runtime";var Nh=ae.options,hh=ae.states,md={...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=[],pa=e=>{let{variant:t,...o}={...md,...e};switch(t){case"success":return Vn(qa,{status:"done",style:{width:"586px"},...o,children:[Et(Oe,{status:"success",validationMsg:"File(s) uploaded successfully.",name:"Image1.png",icon:"file-image"}),Et(Oe,{status:"success",validationMsg:"File(s) uploaded successfully.",name:"Image2.png",icon:"file-image"})]});case"failed":return Vn(qa,{status:"failed",style:{width:"586px"},...o,children:[Et(Oe,{status:"error",validationMsg:"File type not allowed.",name:"Movie1.mkv",icon:"file-image"}),Et(Oe,{status:"error",validationMsg:"File type not allowed.",name:"Video2.mkv",icon:"file-image"})]});case"uploading":return Vn(qa,{status:"uploading",style:{width:"586px"},...o,children:[Et(Oe,{progress:"50",status:"progress",name:"Document1.txt",icon:"file-pdf",size:"328.92 KB"}),Et(Oe,{progress:"70",status:"progress",name:"Document2.txt",icon:"file-pdf",size:"225.68 KB"})]});case"upload":return Vn(qa,{actions:!0,status:"upload",style:{width:"586px"},...o,children:[Et(Oe,{name:"Image1.png",icon:"file-image",size:"51.23 KB"}),Et(Oe,{name:"Image2.jpg",icon:"file-image",size:"106.43 KB"})]});default:return Et(dd,{async:!0,status:"upload",style:{width:"586px"},...o})}};pa.options=Nh;pa.states=hh;pa.variants=vh;pa.defaultOptions=md;pa.modifiers=gh;pa.className=ae.className;import{Fragment as p9,jsx as l9,jsxs as d9}from"react/jsx-runtime";import{jsx as f9}from"react/jsx-runtime";import{Fragment as v9,jsx as h9,jsxs as g9}from"react/jsx-runtime";import{Fragment as C9,jsx as k9,jsxs as A9}from"react/jsx-runtime";import{Fragment as O9,jsx as T9,jsxs as B9}from"react/jsx-runtime";import{Fragment as w9,jsx as _9}from"react/jsx-runtime";import{jsx as cd}from"react/jsx-runtime";var $n="k-file-box-wrapper",ud={layout:"horizontal"},it=e=>{let{layout:t=ud.layout,scrollingPosition:o,...a}=e;return cd("ul",{role:"list","aria-label":"Attached files",...a,className:s(e.className,$n,{"k-files-vertical":t==="vertical","k-files-wrap":t==="wrap",[`${$n}-scrollable-start`]:t==="horizontal"&&(o==="start"\|\|o==="both"),[`${$n}-scrollable-end`]:t==="horizontal"&&(o==="end"\|\|o==="both")}),children:t==="horizontal"?cd("div",{className:"k-files-scroll",role:"presentation",children:e.children}):e.children})};it.className=$n;it.defaultOptions=ud;var ei="file-box",fd=ei;import{jsx as da,jsxs as bd}from"react/jsx-runtime";var xd="k-file-box",Lh=[r.selected],Mh={},Wa={icon:"file-pdf",name:"FileName.pdf",size:"2MB",showButton:"true"},se=e=>{let{icon:t=Wa.icon,name:o=Wa.name,size:a=Wa.size,status:n,deleted:i,removeButton:l,showButton:m=Wa.showButton,...u}=e,f=[o,a].filter(Boolean).join(" ");return bd("li",{role:"listitem",tabIndex:0,"aria-label":f\|\|void 0,...u,className:s(xd,e.className,{"k-file-deleted":i}),children:[da(v,{icon:t,size:"xlarge","aria-hidden":"true"}),bd("div",{className:"k-file-info",children:[o&&da("span",{className:"k-file-name",children:o}),a&&da("span",{className:"k-file-size",children:a}),n&&da("span",{className:"k-file-status",children:n})]}),m&&(l?da(p,{as:"span",icon:"x-circle",fillMode:"flat",size:"xsmall","aria-hidden":"true"}):da(D,{icon:"more-vertical",fillMode:"flat",size:"xsmall",showArrow:!1,"aria-label":"File actions"}))]})};se.states=Lh;se.options=Mh;se.className=xd;se.defaultOptions=Wa;se.moduleName=ei;se.folderName=fd;import{jsx as j9}from"react/jsx-runtime";import{jsx as n4}from"react/jsx-runtime";import{jsx as p4,jsxs as d4}from"react/jsx-runtime";import{jsx as b4,jsxs as x4}from"react/jsx-runtime";import{jsx as L4}from"react/jsx-runtime";var ti="appbar",Nd=ti;import{jsx as Ah}from"react/jsx-runtime";var oi="k-appbar",Sh=[],kh={themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary,h.inverse]},Ch={},Ae=e=>{let{themeColor:t,positionMode:o,position:a,...n}=e;return Ah("div",{...n,className:s(e.className,oi,E(oi,{themeColor:t}),{[`k-appbar-${o}`]:o,[`k-appbar-${a}`]:a}),children:e.children})};Ae.states=Sh;Ae.options=kh;Ae.className=oi;Ae.defaultOptions=Ch;Ae.moduleName=ti;Ae.folderName=Nd;import{jsx as yh}from"react/jsx-runtime";var Eh="k-appbar-section",vt=e=>{let{...t}=e;return yh("div",{...t,className:s(Eh,e.className),children:e.children})};import{Fragment as V4,jsx as F4,jsxs as G4}from"react/jsx-runtime";import{jsx as j,jsxs as ma}from"react/jsx-runtime";var ai={...Ae.options,positionMode:["static","sticky","fixed"]},Ih=Ae.states,hd={...Ae.defaultOptions,themeColor:"primary",variant:"top",positionMode:"sticky"};ai.themeColor=["primary",...ai.themeColor.filter(e=>e!=="primary")];var Th=[{name:"top",title:"Top"},{name:"bottom",title:"Bottom"}],ca=e=>{let{variant:t,...o}={...hd,...e},a=ma(Ae,{position:t,...o,children:[j(vt,{children:j(X,{fillMode:"flat",icon:"menu"})}),j("span",{className:"k-spacer k-spacer-sized",style:{width:"8px"}}),j(vt,{children:j("h3",{className:"k-m-0",children:"AppBar"})}),j("span",{className:"k-spacer"}),ma(vt,{children:[j(at,{fillMode:"flat",children:"Button"}),j(at,{fillMode:"flat",children:"Button"}),j(at,{fillMode:"flat",children:"Button"})]}),j("span",{className:"k-spacer k-spacer-sized",style:{width:"8px"}}),j(vt,{children:j(pn,{value:"Input value"})}),ma(vt,{children:[j(X,{className:"k-mx-sm",fillMode:"flat",icon:"bell"}),j("span",{className:"k-appbar-separator"}),j(Tn,{className:"k-mx-sm",children:j("img",{src:"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg"})})]})]}),n=ma("div",{style:{padding:"25px 10px"},children:[j("p",{children:"Lorem ipsum dolor sit amet consectetur adipisicing elit. Fugit, harum magnam? Possimus magnam non natus error consectetur voluptatum, unde quasi rerum ad facere, hic in! Qui ducimus ab sed consequuntur excepturi fugiat! Facilis fuga asperiores pariatur sed. Eligendi aliquid vel nemo, ipsum tempora minima consequatur culpa molestias maiores nihil eveniet accusantium porro. Inventore saepe ut ad in a. Quo itaque est expedita quidem consectetur enim quam minima, quisquam harum velit, earum adipisci provident, officia eveniet voluptas vero accusamus ad ducimus laudantium!"}),j("p",{children:"Consequatur incidunt sequi explicabo adipisci saepe, accusamus, numquam fuga quam ex, provident possimus ratione blanditiis ducimus quos nulla repellat error pariatur nemo nobis illo! Saepe deleniti dolore cumque, sequi similique eligendi consectetur corrupti iste reprehenderit adipisci enim laudantium inventore totam quos non impedit quibusdam et consequuntur blanditiis accusamus! Rerum, nostrum. Rerum, tempore earum officia alias suscipit ut minima recusandae dolorem reprehenderit ea?"}),j("p",{children:"Aliquam pariatur ut expedita, repellat architecto aut, consequatur iure recusandae tempora odit consequuntur, nihil nostrum totam accusantium at. Dignissimos repellendus culpa nesciunt. Officia repudiandae, laudantium error iure in minus ratione reprehenderit dolorum alias quo voluptatibus doloremque aliquid exercitationem quidem odit earum natus autem eaque tempore nulla esse sapiente? Dolore aliquid aliquam modi velit quaerat!"}),j("p",{children:"Sunt consequuntur, aliquam eius beatae ex odit quasi iusto, accusamus architecto corrupti reprehenderit dolores itaque aliquid veniam odio eaque vel doloremque? Corporis, tenetur delectus deleniti voluptatum autem necessitatibus esse nisi ad, optio cumque quas dignissimos reprehenderit. Optio dolores quam corporis ea, reiciendis eos sit. Voluptate vel esse necessitatibus eum, sunt fuga, quaerat, eos natus quod repellendus nulla voluptatem ut quo quas ipsa animi incidunt autem saepe perferendis. Sequi ratione in iste, quibusdam, neque facilis accusantium, eum rem error sunt a explicabo commodi impedit quam."})]});return t==="bottom"?ma("div",{style:{height:"250px",overflow:"auto"},children:[n,a]}):ma("div",{style:{height:"250px",overflow:"auto"},children:[a,n]})};ca.options=ai;ca.states=Ih;ca.variants=Th;ca.defaultOptions=hd;ca.modifiers=[];ca.className=Ae.className;var ni="suggestion",vd=ni;import{jsx as Xn,jsxs as Ph}from"react/jsx-runtime";var qn="k-suggestion-group",Oh=[],Bh={},gd={layout:"scrollable",scrollingPosition:"start"},tt=e=>{let{layout:t=gd.layout,scrollingPosition:o,...a}=e,n=Xn("div",{...a,className:s(qn,{"k-suggestion-group-scrollable":t=="scrollable",[`${qn}-scrollable-start`]:o==="start"\|\|o==="both",[`${qn}-scrollable-end`]:o==="end"\|\|o==="both"},e.className),role:"group",children:t==="scrollable"\|\|t==="scrollButtons"?Xn("div",{className:"k-suggestions-scroll",children:e.children}):e.children});return t=="scrollButtons"?Ph("div",{className:"k-suggestion-scrollwrap",children:[Xn(p,{fillMode:"flat",icon:"chevron-left",size:"xsmall","aria-label":"Scroll left"}),n,Xn(p,{fillMode:"flat",icon:"chevron-right",size:"xsmall","aria-label":"Scroll right"})]}):n};tt.states=Oh;tt.options=Bh;tt.className=qn;tt.defaultOptions=gd;tt.moduleName=ni;tt.folderName=vd;import{jsx as wh}from"react/jsx-runtime";var Wn="k-suggestion",Kh=[r.active,r.hover,r.focus],Rh={themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary]},_h={text:"Suggestion"},ot=e=>{let{themeColor:t,active:o,hover:a,focus:n,text:i,...l}=e;return wh("span",{...l,className:s(e.className,Wn,S(Wn,{hover:a,active:o,focus:n}),E(Wn,{themeColor:t})),role:"button",tabIndex:0,"aria-label":i,children:i})};ot.states=Kh;ot.options=Rh;ot.className=Wn;ot.item=_h;import{Fragment as N8,jsx as x8,jsxs as h8}from"react/jsx-runtime";import{Fragment as S8,jsx as M8,jsxs as k8}from"react/jsx-runtime";import{Fragment as I8,jsx as y8,jsxs as T8}from"react/jsx-runtime";import{Fragment as Gh,jsx as ee,jsxs as Jn}from"react/jsx-runtime";var Dh=G.states,Hh=G.defaultOptions,zh=G.options,Uh=[{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"}],Fh=[],ua=e=>{let{modifiers:t,...o}=e,a={author:null,avatar:null},n=Jn(Ae,{className:"k-chat-header",positionMode:"sticky",themeColor:"primary",children:[ee("span",{className:"k-spacer k-spacer-sized k-w-1"}),ee(vt,{children:ee("span",{children:"Chat with demo bot"})}),ee("span",{className:"k-spacer"}),ee(vt,{children:ee(p,{fillMode:"flat",icon:"more-vertical"})})]}),i=ee(Ft,{type:"sender",pinned:!0,content:"Hello! Generate a cover letter.",closeable:!0}),l=Jn(tt,{children:[ee(ot,{text:"Provide a CV template"}),ee(ot,{text:"Generate a cover letter"})]}),m=Jn(tt,{children:[ee(ot,{themeColor:"primary",text:"Thank you!"}),ee(ot,{themeColor:"primary",text:"Great!"})]}),u="https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg",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(Gh,{});break;default:break}});let{header:c,pinned:L,suggestedActions:M,author:k,avatar:A,quickReplies:C}=a;return Jn(qp,{value:"Thank you!",style:{minHeight:"100%"},...o,header:c,pinned:L,suggestedActions:M,children:[ee($,{avatar:f,author:k?g:null,children:ee(F,{text:"Hello, this is a demo bot. How can I help you ?"})}),ee($,{avatar:A?u:null,author:k?N:null,type:"sender",children:ee(F,{text:"Hello! Generate a cover letter."})}),ee($,{avatar:f,author:k?g:null,children:ee(F,{text:"Sure. Here is a cover letter template",files:ee(it,{children:ee(se,{icon:"file-pdf",name:"cover_letter.pdf",size:"1.43MB"})})})}),C]})};ua.options=zh;ua.states=Dh;ua.variants=Fh;ua.defaultOptions=Hh;ua.modifiers=Uh;ua.className=G.className;import{Fragment as Ld,jsx as yt,jsxs as Vh}from"react/jsx-runtime";var vV=e=>yt(G,{children:yt(Ld,{children:yt($,{children:yt(F,{})})}),files:yt(Ld,{children:Vh(it,{scrollingPosition:"start",children:[yt(se,{removeButton:!0}),yt(se,{icon:"file-psd",name:"File with long name",size:"5MB",removeButton:!0}),yt(se,{icon:"file-txt",name:"Another file with longer name",removeButton:!0}),yt(se,{icon:"file-csv",name:"Another file with even longer name",size:"5MB",removeButton:!0})]})}),...e});export{vV as ChatTextareaFile};
1	+ var s=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?s(...t):typeof t=="object"?Object.keys(t).map((o,a)=>t[a]\|\|t[o]&&o\|\|null).filter(o=>o!==null).join(" "):t).filter(t=>!!t).join(" ");var E=(e,t)=>s({[`${e}-xs`]:t.size==="xsmall",[`${e}-sm`]:t.size==="small",[`${e}-md`]:t.size==="medium",[`${e}-lg`]:t.size==="large",[`${e}-xl`]:t.size==="xlarge",[`${e}-xxl`]:t.size==="xxlarge",[`${e}-xxxl`]:t.size==="xxxlarge"},{[`${e}-${t.fillMode}`]:t.fillMode},{[`${e}-${t.themeColor}`]:t.themeColor},{"k-rounded-sm":t.rounded==="small","k-rounded-md":t.rounded==="medium","k-rounded-lg":t.rounded==="large","k-rounded-full":t.rounded==="full","k-rounded-none":t.rounded==="none"}),S=(e,t)=>{let{valid:o,invalid:a,hover:n,focus:i,checked:l,active:m,selected:u,disabled:f,indeterminate:N,loading:g,empty:c,readonly:L,highlighted:M,...k}=t;return s({"k-valid":o,"k-invalid":a,"k-hover":n,"k-focus":i,"k-checked":l,"k-active":m,"k-selected":u,"k-disabled":f,"k-indeterminate":N&&!l,"k-loading":g,"k-empty":c,"k-readonly":L,"k-highlighted":M},Object.keys(k).reduce((A,C)=>(C.startsWith("k-")?A[C]=k[C]:A[`k-${C}`]=k[C],A),{}))};function Ja(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(a=>[`k-${a}`,!0]))}var d={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},b={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},x={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},lt={undefined:void 0,outline:"outline",solid:"solid",duotone:"duotone"},h={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",inverse:"inverse"},r={open:"open",hover:"hover",focus:"focus",active:"active",selected:"selected",disabled:"disabled",valid:"valid",invalid:"invalid",loading:"loading",required:"required",empty:"empty",indeterminate:"indeterminate",checked:"checked",readonly:"readonly",highlighted:"highlighted",generating:"generating",expanded:"expanded"};var es={};function B(e){return es[e]=(es[e]\|\|0)+1,`k-${e}-${es[e]}`}import{Fragment as Cd,jsx as ri}from"react/jsx-runtime";var ts="k-font-icon",Md=[],Sd={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]},kd={},ba=e=>{let{size:t,themeColor:o,icon:a,rotate:n,flip:i,...l}=e;return a?ri("span",{...l,className:s(e.className,ts,E(ts,{size:t}),{[`k-i-${a}`]:a,[`k-color-${o}`]:o,[`k-rotate-${n}`]:n,"k-flip-h":i==="h"\|\|i==="both","k-flip-v":i==="v"\|\|i==="both"}),"aria-hidden":"true"}):ri(Cd,{})};ba.states=Md;ba.options=Sd;ba.className=ts;ba.defaultOptions=kd;var ii=ba;import{Fragment as yd,jsx as Ya}from"react/jsx-runtime";var os="k-svg-icon",Ad=[],Ed={size:[d.undefined,d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary,h.success,h.warning,h.error,h.info],variant:[lt.outline,lt.solid,lt.duotone]},as={viewBox:"0 0 24 24",variant:lt.outline},xa=e=>{let{size:t,themeColor:o,rotate:a,flip:n,viewBox:i=as.viewBox,variant:l=as.variant,icon:m,...u}=e;if(!m)return Ya(yd,{});if(m==="none")return Ya("span",{...u,className:s(e.className,os,E("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let f=typeof m=="object"&&m.name&&m.name,N=typeof m=="object"?l&&m.variants?.[l]\|\|m.variants?.outline\|\|m.content:void 0;return Ya("span",{...u,className:s(e.className,os,E("k-icon",{size:t}),{[`k-svg-i-${f}`]:f,[`k-color-${o}`]:o,[`k-rotate-${a}`]:a,"k-flip-h":n==="h"\|\|n==="both","k-flip-v":n==="v"\|\|n==="both"}),"aria-hidden":"true",children:Ya("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof m=="object"?m.viewBox:i,dangerouslySetInnerHTML:N!==void 0?{__html:N}:void 0,children:m?void 0:e.children})})};xa.states=Ad;xa.options=Ed;xa.className=os;xa.defaultOptions=as;var ns=xa;importas ss from"@progress/kendo-svg-icons";var li="icon",pi="icons";import{useContext as Td}from"react";import{createContext as Id}from"react";var di=Id({iconsType:"svg"});import{Fragment as mi,jsx as Na}from"react/jsx-runtime";var Za="k-icon",Od=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),Bd=[],Pd={size:[d.undefined,d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary,h.success,h.warning,h.error,h.info],variant:[lt.outline,lt.solid,lt.duotone]},Qa={viewBox:"0 0 24 24",type:"svg",variant:lt.outline},v=e=>{let{iconsType:t}=Td(di),{size:o,themeColor:a,icon:n,type:i=t\|\|Qa.type,rotate:l,flip:m,viewBox:u=Qa.viewBox,variant:f=Qa.variant,...N}=e;if(!n)return Na(mi,{});if((t\|\|i)==="svg"){if(n==="none")return Na(ns,{...N,className:s(e.className,Za),icon:n,size:o,variant:f});let c=ss[n]?n:Od(`${n}-icon`);return ss[c]?Na(ns,{...N,className:s(e.className,Za),icon:ss[c],size:o,themeColor:a,rotate:l,flip:m,viewBox:u,variant:f}):Na(mi,{})}return Na(ii,{...N,className:s(e.className,Za),icon:n,size:o,themeColor:a,rotate:l,flip:m})};v.states=Bd;v.options=Pd;v.defaultOptions=Qa;v.className=Za;v.moduleName=li;v.folderName=pi;var rs="button",ci=rs;import{Fragment as ui,jsx as fo,jsxs as fi}from"react/jsx-runtime";var ha="k-button",Kd=["icon-button"],Rd=[r.hover,r.focus,r.active,r.selected,r.disabled,r.generating],_d={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]},is={showArrow:!1,arrowIconName:"chevron-down"},p=e=>{let{as:t="button",size:o,rounded:a,fillMode:n,themeColor:i,showArrow:l=is.showArrow,arrowIconName:m=is.arrowIconName,variant:u,hover:f,focus:N,active:g,selected:c,disabled:L,togglable:M,ariaDisabled:k,icon:A,iconSize:C,text:y,iconClassName:H,className:pe,...Ee}=e,de=A!=null,fe=e.children!==void 0;return fi(t,{className:s(pe,ha,Ja(ha,u),E(ha,{size:o,rounded:a,fillMode:n,themeColor:i}),S(ha,{hover:f,focus:N,active:g,disabled:L\|\|k,selected:c}),{"k-icon-button":!y&&!fe&&de}),"aria-pressed":M?c?"true":"false":void 0,...Ee,"aria-disabled":k?"true":void 0,disabled:L\|\|void 0,children:[typeof A=="string"&&A&&fo(v,{className:s(H,"k-button-icon"),icon:A,size:C}),A&&typeof A!="string"&&fo(ui,{children:A}),y?fi(ui,{children:[y&&fo("span",{className:"k-button-text",children:y}),e.children]}):e.children&&fo("span",{className:"k-button-text",children:e.children}),l&&fo("span",{className:"k-menu-button-arrow k-button-arrow",children:fo(v,{icon:m})})]})};p.states=Rd;p.options=_d;p.variants=Kd;p.className=ha;p.defaultOptions=is;p.moduleName=rs;p.folderName=ci;import{jsx as wd}from"react/jsx-runtime";var X=e=>wd(p,{icon:"folder",...e,"aria-label":e["aria-label"]\|\|"Folder",children:void 0});import{jsx as Dd}from"react/jsx-runtime";var va=e=>Dd(p,{icon:"folder",children:"Button",...e});import{jsx as Hd}from"react/jsx-runtime";var at=e=>Hd(p,{children:"Button",...e});import{jsx as ls}from"react/jsx-runtime";var zd=p.options,Ud=p.states,Fd={...p.defaultOptions,variant:"text"},Gd=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Vd=[],bo=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return ls(X,{...o,icon:"star"});case"icon-and-text":return ls(va,{...o,icon:"star",children:"Button"});default:return ls(at,{...o,children:"Button"})}};bo.options=zd;bo.states=Ud;bo.variants=Gd;bo.defaultOptions=Fd;bo.modifiers=Vd;bo.className=p.className;import{jsx as bi,jsxs as Jd}from"react/jsx-runtime";var ja="k-fab",qd=[r.hover,r.focus,r.active,r.selected,r.disabled],Wd={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]},xi={type:"button"},te=e=>{let{size:t,rounded:o,themeColor:a,text:n,icon:i,type:l=xi.type,position:m,hover:u,focus:f,active:N,selected:g,disabled:c,...L}=e;return Jd("button",{...L,type:l,className:s(e.className,ja,E(ja,{size:t,rounded:o,themeColor:a}),S(ja,{hover:u,focus:f,active:N,disabled:c,selected:g}),{[`!k-pos-absolute k-${m}`]:m}),...!n&&i&&!e["aria-label"]&&{"aria-label":"Action"},...c&&{"aria-disabled":"true"},disabled:c\|\|void 0,children:[i&&bi(v,{className:"k-fab-icon",icon:i}),n&&bi("span",{className:"k-fab-text",children:n})]})};te.states=qd;te.options=Wd;te.className=ja;te.defaultOptions=xi;te.moduleName="fab";te.folderName="fab";import{jsx as Zd}from"react/jsx-runtime";var Yd="k-fab-items",Ni=e=>{let{position:t,...o}=e;return Zd("ul",{...o,className:s(e.className,Yd,{[`k-fab-items-${t}`]:t}),children:e.children})};import{jsx as vi,jsxs as jd}from"react/jsx-runtime";var hi="k-fab-item",Qd=[r.hover,r.focus,r.active,r.disabled],ps=e=>{let{text:t,icon:o,align:a,hover:n,focus:i,active:l,disabled:m,...u}=e;return jd("li",{...u,className:s(e.className,hi,{[`k-text-${a}`]:a},S(hi,{hover:n,focus:i,active:l,disabled:m})),children:[vi("span",{className:"k-fab-item-text",children:t}),vi(v,{className:"k-fab-item-icon",icon:o})]})};ps.states=Qd;import{jsx as mg}from"react/jsx-runtime";import{jsx as em}from"react/jsx-runtime";var gi=e=>em(te,{icon:"plus",...e});import{jsx as hg}from"react/jsx-runtime";import{jsx as Mg}from"react/jsx-runtime";import{jsx as xo,jsxs as rm}from"react/jsx-runtime";var tm=te.options,om=te.states,am={...te.defaultOptions,variant:"text"},nm=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],sm=[{name:"opened",title:"Opened"}],No=e=>{let{variant:t,modifiers:o,...a}=e,{opened:n}=o\|\|{},i=n?xo("div",{className:"k-fab-popup k-popup k-popup-transparent",style:{position:"absolute",top:"calc(16px + 36px)",right:"calc(16px + calc(36px / 2) - calc(36px /2))"},children:xo(Ni,{position:"bottom",children:xo(ps,{text:"Item",icon:"pencil",align:"right"})})}):null,l;switch(t){case"icon-only":l=xo(te,{...a,icon:"star"});break;case"icon-and-text":l=xo(te,{...a,icon:"star",text:"Action"});break;default:l=xo(te,{...a,text:"Action"});break}return rm("span",{style:{position:"relative"},children:[l,i]})};No.options=tm;No.states=om;No.variants=nm;No.defaultOptions=am;No.modifiers=sm;No.className=te.className;import{jsx as pm}from"react/jsx-runtime";var ds="k-input-inner",im=[],lm={},en={type:"text",autocomplete:"off",value:"",placeholder:""},be=e=>{let{value:t=en.value,type:o=en.type,placeholder:a=en.placeholder,autocomplete:n=en.autocomplete,disabled:i,readOnly:l,...m}=e;return pm("input",{...m,type:o,className:s(e.className,ds,E(ds,e)),placeholder:a,autoComplete:n,defaultValue:t,disabled:i\|\|void 0,readOnly:l\|\|void 0})};be.states=im;be.options=lm;be.className=ds;import{jsx as cm}from"react/jsx-runtime";var ms="k-input-inner",dm=[],mm={},Li={value:"",placeholder:""},ga=e=>{let{value:t=Li.value,placeholder:o=Li.placeholder,rows:a,disabled:n,...i}=e;return cm("textarea",{...i,className:s(e.className,ms,E(ms,e)),placeholder:o,rows:a,defaultValue:t,disabled:n\|\|void 0})};ga.states=dm;ga.options=mm;ga.className=ms;var cs="prompt-box",Mi=cs;var us="speech-to-text-button",Si=us;import{jsx as um}from"react/jsx-runtime";var ki="k-speech-to-text-button",Ci={icon:"microphone"},Be=e=>{let{listening:t=!1,icon:o=Ci.icon,...a}=e;return um(p,{...a,icon:t?"stop":o,className:s(e.className,ki,{"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=ki;Be.defaultOptions=Ci;Be.moduleName=us;Be.folderName=Si;import{jsx as aL}from"react/jsx-runtime";import{jsx as iL}from"react/jsx-runtime";import{jsx as hm}from"react/jsx-runtime";var fm=p.states,Ai={...p.defaultOptions,variant:"normal"},bm={...p.options,fillMode:p.options.fillMode.filter(e=>e!=="clear"&&e!=="link")},xm=[],Nm=[{name:"normal",title:"Normal"},{name:"listening",title:"Listening"}],ho=e=>{let{variant:t,...o}={...Ai,...e},a={};return t==="listening"&&(a.listening=!0),hm(Be,{...o,...a})};ho.options=bm;ho.states=fm;ho.variants=Nm;ho.defaultOptions=Ai;ho.modifiers=xm;ho.className=Be.className;import{jsx as Wt,jsxs as fs}from"react/jsx-runtime";var pt="k-prompt-box",vm=[r.hover,r.focus,r.disabled],gm={fillMode:[x.undefined,x.solid,x.flat,x.outline]},bs={lineMode:"auto",isExpanded:!1},xe=e=>{let{fillMode:t,lineMode:o=bs.lineMode,startAffix:a,endAffix:n,header:i,isExpanded:l=bs.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 fs("div",{...y,className:s(m,"k-input",pt,{[`${pt}-singleline`]:o==="single",[`${pt}-multiline`]:H,[`k-input-${t}`]:t,"k-hover":k,"k-focus":A,"k-disabled":C}),children:[i&&Wt("div",{className:`${pt}-header`,children:i}),fs("div",{className:`${pt}-content`,children:[a&&Wt("div",{className:`${pt}-affix`,children:a}),o==="single"?Wt(be,{value:f,placeholder:N,className:`${pt}-input`,type:"text","aria-label":"Prompt input"}):Wt(ga,{value:f,placeholder:N,className:`${pt}-textarea`,rows:o==="multi"\|\|l?3:1,"aria-label":"Prompt input","aria-multiline":"true"}),fs("div",{className:`${pt}-affix`,children:[n,M&&Wt(X,{icon:"paperclip",size:"small",fillMode:"flat",rounded:"full","aria-label":"Attach files",...M}),L!==!1&&Wt(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]})};xe.states=vm;xe.options=gm;xe.className=pt;xe.defaultOptions=bs;xe.moduleName=cs;xe.folderName=Mi;import{jsx as OL}from"react/jsx-runtime";import{jsx as RL}from"react/jsx-runtime";import{jsx as HL}from"react/jsx-runtime";import{jsx as GL}from"react/jsx-runtime";import{jsx as qL}from"react/jsx-runtime";import{Fragment as xs,jsx as It,jsxs as Am}from"react/jsx-runtime";var Lm=xe.options,Mm=xe.states,Sm={...xe.defaultOptions,variant:"Single"},km=[{name:"Single",title:"Singleline"},{name:"Multi",title:"Multiline"}],Cm=[{name:"header",title:"Header"},{name:"endAffix",title:"End Affix"},{name:"startAffix",title:"Start Affix"}],vo=e=>{let{variant:t,modifiers:o,...a}=e,n={},i=It(xs,{children:It(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=Am(xs,{children:[i,It(X,{icon:"paperclip",size:"small",fillMode:"flat"})]}));break;case"startAffix":n.startAffix=o?.[l]?It(xs,{children:It(X,{icon:"plus",size:"small",fillMode:"flat"})}):void 0;break;default:break}}),t==="Multi"?It(xe,{style:{width:300},lineMode:"multi",endAffix:i,placeholder:"Enter your prompt...",...a,...n}):It(xe,{style:{width:300},lineMode:"single",endAffix:i,placeholder:"Enter your prompt...",...a,...n})};vo.options=Lm;vo.states=Mm;vo.variants=km;vo.defaultOptions=Sm;vo.modifiers=Cm;vo.className=xe.className;var Ns="chat",Ei=Ns;import{Fragment as Ti,jsx as Jt,jsxs as La}from"react/jsx-runtime";var yi="k-chat",Em=[],ym={},Im=La(Ti,{children:[Jt(X,{icon:"paperclip",fillMode:"clear",rounded:"full",size:"small","aria-label":"Attach file"},"paperclip"),Jt("div",{className:"k-spacer"})]}),Ii={tools:Im},G=e=>{let{header:t,dir:o,suggestedActions:a,files:n,pinned:i,replied:l,generating:m,tools:u=Ii.tools,value:f,empty:N,scrollToBottom:g,scrollbar:c,promptBoxProps:L,...M}=e;return La("div",{...M,className:s(yi,e.className),dir:o,children:[t,La("div",{className:"k-message-list",role:"log","aria-label":"Message list","aria-live":"polite",children:[i,Jt("div",{className:s("k-message-list-content",N&&"k-message-list-content-empty"),children:e.children}),g&&Jt("div",{className:"k-chat-scroll-to-bottom-container",children:Jt(gi,{themeColor:"base",icon:"arrow-down",size:"small"})})]}),c&&Jt("div",{className:"k-separator"}),La("div",{className:"k-message-box-wrapper",children:[a,Jt(xe,{lineMode:"multi",placeholder:"Type a message",generating:m,value:f,header:n\|\|l?La(Ti,{children:[l,n]}):void 0,endAffix:u,...L})]})]})};G.states=Em;G.options=ym;G.className=yi;G.defaultOptions=Ii;G.moduleName=Ns;G.folderName=Ei;var hs="button",Oi=hs;import{jsx as Pm}from"react/jsx-runtime";var Ma="k-button-group",Tm=[r.disabled],Om={fillMode:[x.undefined,x.solid,x.flat,x.outline,x.clear,x.link]},Bm={},T=e=>{let{fillMode:t,disabled:o,stretched:a,...n}=e;return Pm("div",{role:"group",...n,className:s(e.className,Ma,E(Ma,{fillMode:t}),S(Ma,{disabled:o}),{[`${Ma}-stretched`]:a}),...o&&{"aria-disabled":"true"},children:e.children})};T.states=Tm;T.options=Om;T.className=Ma;T.defaultOptions=Bm;T.moduleName=hs;T.folderName=Oi;import{Fragment as EM,jsx as AM,jsxs as yM}from"react/jsx-runtime";import{Fragment as KM,jsx as PM,jsxs as RM}from"react/jsx-runtime";import{Fragment as UM,jsx as zM,jsxs as FM}from"react/jsx-runtime";import{Fragment as WM,jsx as qM,jsxs as JM}from"react/jsx-runtime";import{Fragment as tS,jsx as eS,jsxs as oS}from"react/jsx-runtime";import{Fragment as lS,jsx as iS,jsxs as pS}from"react/jsx-runtime";import{jsx as gt,jsxs as vs}from"react/jsx-runtime";var Km={...p.options,...T.options},Rm=p.states,_m={...p.defaultOptions,...T.defaultOptions,variant:"text-button"},wm=[{name:"icon-button",title:"Icon Only"},{name:"text-button",title:"Text"},{name:"icon-text-button",title:"Icon Text"}],Dm=[],go=e=>{let{variant:t,className:o,...a}=e;return t==="icon-button"?vs(T,{fillMode:a.fillMode,className:o,children:[gt(p,{...a,icon:"star"}),gt(p,{...a,icon:"star"}),gt(p,{...a,icon:"star"})]}):t==="icon-text-button"?vs(T,{fillMode:a.fillMode,className:o,children:[gt(p,{...a,icon:"star",children:"First"}),gt(p,{...a,icon:"star",children:"Middle"}),gt(p,{...a,icon:"star",children:"Last"})]}):vs(T,{fillMode:a.fillMode,className:o,children:[gt(p,{...a,children:"First"}),gt(p,{...a,children:"Middle"}),gt(p,{...a,children:"Last"})]})};go.options=Km;go.states=Rm;go.variants=wm;go.defaultOptions=_m;go.modifiers=Dm;go.className=T.className;var Sa="input",on=Sa;import{jsx as Fm}from"react/jsx-runtime";var an="k-input",Hm=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading,r.readonly],zm={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]},Um={},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 Fm("span",{...g,className:s(e.className,an,E(an,{size:u,rounded:f,fillMode:N}),S(an,{hover:t,focus:o,disabled:a,invalid:n,valid:i,loading:l,readonly:m}))})};J.states=Hm;J.options=zm;J.className=an;J.defaultOptions=Um;J.moduleName=Sa;J.folderName=on;import{jsx as Xm}from"react/jsx-runtime";var nn="k-picker",Gm=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading,r.readonly],Vm={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]},$m={},dt=e=>{let{hover:t,focus:o,disabled:a,invalid:n,valid:i,loading:l,readonly:m,size:u,rounded:f,fillMode:N,...g}=e;return Xm("span",{...g,className:s(e.className,nn,E(nn,{size:u,rounded:f,fillMode:N}),S(nn,{hover:t,focus:o,disabled:a,invalid:n,valid:i,loading:l,readonly:m})),children:e.children})};dt.states=Gm;dt.options=Vm;dt.className=nn;dt.defaultOptions=$m;dt.moduleName=Sa;dt.folderName=on;import{Fragment as Jm,jsx as gs}from"react/jsx-runtime";var Bi="k-clear-value",qm=[r.disabled,r.loading,r.readonly],Wm={},Pe=e=>{let{disabled:t,loading:o,readonly:a,value:n}=e;return t\|\|a\|\|o\|\|!n?gs(Jm,{}):gs("span",{className:s(e.className,Bi),children:gs(v,{icon:"x"})})};Pe.states=qm;Pe.options=Wm;Pe.className=Bi;import{jsx as Pi,jsxs as Qm}from"react/jsx-runtime";var Ls="k-input-inner",Ym=[],Zm={},Yt=e=>{let{value:t,placeholder:o,showValue:a,valueIcon:n,valueIconName:i,...l}=e;return Qm("span",{...l,className:s(e.className,Ls,E(Ls,e)),children:[n,!n&&i&&Pi(v,{className:"k-input-value-icon",icon:i}),a&&!t&&o,a&&t&&Pi("span",{className:"k-input-value-text",children:t})]})};Yt.states=Ym;Yt.options=Zm;Yt.className=Ls;import{Fragment as ec,jsx as Ki}from"react/jsx-runtime";var Ri="k-input-loading-icon",jm=[r.disabled,r.loading],ye=e=>{let{disabled:t,loading:o}=e;return t\|\|!o?Ki(ec,{}):Ki("span",{className:s(e.className,Ri,"k-icon k-i-loading")})};ye.states=jm;ye.className=Ri;import{Fragment as ac,jsx as _i}from"react/jsx-runtime";var wi="k-input-validation-icon",tc=[r.valid,r.invalid,r.disabled,r.loading],oc={},Ne=e=>{let{valid:t,invalid:o,disabled:a,loading:n}=e,i=o?"warning-circle":"check-circle";return a\|\|n\|\|!!!(t\|\|o)?_i(ac,{}):_i(v,{className:s(wi),icon:i})};Ne.states=tc;Ne.options=oc;Ne.className=wi;import{Fragment as rc,jsx as Di}from"react/jsx-runtime";var nc="k-input-prefix",sc={direction:"horizontal"},Ue=e=>{let{direction:t=sc.direction,...o}=e;return e.children?Di("span",{...o,className:s(nc,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):Di(rc,{})};import{Fragment as pc,jsx as Hi}from"react/jsx-runtime";var ic="k-input-suffix",lc={direction:"horizontal"},Fe=e=>{let{direction:t=lc.direction,...o}=e;return e.children?Hi("span",{...o,className:s(ic,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):Hi(pc,{})};import{jsx as ak}from"react/jsx-runtime";import{jsx as mc}from"react/jsx-runtime";var dc="k-input-suffix-text",Ms=e=>{let{children:t,...o}=e;return mc("span",{...o,className:s(dc,e.className),children:t})};import{jsx as uc}from"react/jsx-runtime";var zi="k-input-separator",cc={direction:"vertical"},Ge=e=>{let{direction:t=cc.direction,...o}=e;return uc("span",{...o,className:s(zi,e.className,{[`${zi}-${t}`]:t})})};import{Fragment as Ui,jsx as mt,jsxs as Ss}from"react/jsx-runtime";var fc=J.states,bc=J.defaultOptions,xc=J.options,Nc=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],hc=[],Lo=e=>{let{modifiers:t,valid:o,invalid:a,loading:n,disabled:i,readonly:l,...m}=e,u=t?.prefix,f=t?.suffix,N=t?.["clear-button"],g=t?.["validation-icon"],c=t?.separators;return Ss(J,{...m,valid:o,invalid:a,loading:n,disabled:i,readonly:l,style:{width:300},children:[u&&Ss(Ui,{children:[mt(Ue,{children:mt(v,{icon:"lock"})}),c&&mt(Ge,{})]}),mt(be,{placeholder:"Placeholder",value:"Value"}),g&&mt(Ne,{valid:o,invalid:a,loading:n,disabled:i}),mt(ye,{loading:n,disabled:i}),N&&mt(Pe,{loading:n,disabled:i,readonly:l,value:"Value"}),f&&Ss(Ui,{children:[c&&mt(Ge,{}),mt(Fe,{children:mt(at,{size:m.size,fillMode:"clear",children:"Send"})})]})]})};Lo.options=xc;Lo.states=fc;Lo.variants=hc;Lo.defaultOptions=bc;Lo.modifiers=Nc;Lo.className=J.className;import{jsx as Fi,jsxs as Lc}from"react/jsx-runtime";var Gi="k-color-preview",vc=[],gc={},Tt=e=>{let{color:t,iconName:o,...a}=e;return Lc("span",{...a,className:s(e.className,Gi,{"k-icon-color-preview":o,"k-no-color":!t}),children:[o&&Fi(v,{icon:o,className:"k-color-preview-icon"}),Fi("span",{className:"k-color-preview-mask",style:{backgroundColor:t}})]})};Tt.states=vc;Tt.options=gc;Tt.className=Gi;var ks="popup",Vi=ks;import{jsx as $i}from"react/jsx-runtime";var Xi="k-animation-container",Mc=[],Sc={},Cs={positionMode:"absolute",shown:!0},ct=e=>{let{positionMode:t=Cs.positionMode,shown:o=Cs.shown,animationStyle:a,offset:n,...i}=e;return $i("div",{...i,style:{...n,...e.style},className:s(e.className,Xi,{"k-animation-container-shown":o,"k-animation-container-fixed":t==="fixed"}),children:$i("div",{className:"k-child-animation-container",style:a,children:e.children})})};ct.states=Mc;ct.options=Sc;ct.className=Xi;ct.defaultOptions=Cs;ct.moduleName=ks;ct.folderName=Vi;var As="popup",qi=As;import{jsx as Wi}from"react/jsx-runtime";var Ji="k-popup",kc=[],Cc={},Yi={positionMode:"absolute"},q=e=>{let{offset:t,positionMode:o=Yi.positionMode,animationStyle:a,containerClassName:n,containerRole:i,containerAriaLabel:l,...m}=e;return Wi(ct,{positionMode:o,offset:t,animationStyle:a,className:n,role:i,"aria-label":l,children:Wi("div",{...m,className:s(e.className,Ji),children:e.children})})};q.states=kc;q.options=Cc;q.className=Ji;q.defaultOptions=Yi;q.moduleName=As;q.folderName=qi;var Es="action-buttons",Zi=Es;import{jsx as yc}from"react/jsx-runtime";var sn="k-actions",Ac=[],Ec={},ys={alignment:"start",orientation:"horizontal"},Ke=e=>{let{alignment:t=ys.alignment,orientation:o=ys.orientation,...a}=e;return yc("div",{...a,className:s(sn,{[`${sn}-${t}`]:t,[`${sn}-${o}`]:o},e.className),children:e.children})};Ke.states=Ac;Ke.options=Ec;Ke.className=sn;Ke.defaultOptions=ys;Ke.moduleName=Es;Ke.folderName=Zi;var Qi=Ke;import{jsx as Tc}from"react/jsx-runtime";var Ic="k-actionsheet-footer",ji={alignment:"stretched",orientation:"horizontal"},Ot=e=>{let{alignment:t=ji.alignment,orientation:o=ji.orientation,template:a,as:n=a?"div":Ke,...i}=e;return Tc(n,{...i,...!a&&{alignment:t,orientation:o},className:s(e.className,Ic),children:e.children})};var Is="searchbox",el=Is;import{jsx as ka,jsxs as Pc}from"react/jsx-runtime";var tl="k-searchbox",Oc=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading],Bc={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[x.undefined,x.solid,x.flat,x.outline]},rn={showIcon:!0,showClearButton:!0,icon:"search"},Ve=e=>{let{value:t,placeholder:o,size:a,rounded:n,fillMode:i,hover:l,focus:m,valid:u,invalid:f,required:N,loading:g,disabled:c,showIcon:L=rn.showIcon,showClearButton:M=rn.showClearButton,icon:k=rn.icon,"aria-label":A,...C}=e;return Pc(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,tl),children:[L&&ka(v,{className:"k-input-icon",icon:k}),ka(be,{placeholder:o,value:t,"aria-label":A}),ka(ye,{...e}),ka(Ne,{...e}),M&&ka(Pe,{...e})]})};Ve.states=Oc;Ve.options=Bc;Ve.className=tl;Ve.defaultOptions=rn;Ve.moduleName=Is;Ve.folderName=el;import{jsx as yC}from"react/jsx-runtime";var Ts="textbox",ol=Ts;import{Fragment as al,jsx as Bt,jsxs as Os}from"react/jsx-runtime";var nl="k-textbox",Kc=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading,r.readonly],Rc={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[x.undefined,x.solid,x.flat,x.outline]},ln={showClearButton:!0,showValidationIcon:!0,separators:!0},me=e=>{let{size:t,rounded:o,fillMode:a,separators:n=ln.separators,showClearButton:i=ln.showClearButton,showValidationIcon:l=ln.showValidationIcon,prefix:m,suffix:u,type:f,value:N,placeholder:g,hover:c,focus:L,valid:M,invalid:k,required:A,loading:C,disabled:y,readonly:H,id:pe,"aria-label":Ee,"aria-describedby":de,...fe}=e;return Os(J,{...fe,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,nl),children:[m&&Os(al,{children:[Bt(Ue,{children:m}),n&&Bt(Ge,{})]}),Bt(be,{id:pe,placeholder:g,value:N,type:f,disabled:y,"aria-label":Ee,"aria-describedby":de,"aria-invalid":k?"true":void 0}),l&&Bt(Ne,{valid:M,invalid:k,loading:C,disabled:y}),Bt(ye,{loading:C,disabled:y}),i&&Bt(Pe,{loading:C,disabled:y,readonly:H,value:N}),u&&Os(al,{children:[n&&Bt(Ge,{}),Bt(Fe,{children:u})]})]})};me.states=Kc;me.options=Rc;me.className=nl;me.defaultOptions=ln;me.moduleName=Ts;me.folderName=ol;var Ca=me;import{jsx as _c}from"react/jsx-runtime";var pn=e=>_c(Ca,{...e});import{Fragment as XC,jsx as $C}from"react/jsx-runtime";import{Fragment as QC,jsx as ZC}from"react/jsx-runtime";import{jsx as oA}from"react/jsx-runtime";import{jsx as Bs}from"react/jsx-runtime";var wc=me.states,Dc=me.defaultOptions,Hc=me.options,zc=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],Uc=[],Mo=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(n=>{switch(n){case"prefix":a.prefix=t?.[n]?Bs(v,{icon:"lock"}):void 0;break;case"suffix":a.suffix=t?.[n]?Bs(at,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":a.showClearButton=t?.[n];break;default:break}}),Bs(pn,{value:"Value",style:{width:300},...o,...a})};Mo.options=Hc;Mo.states=wc;Mo.variants=Uc;Mo.defaultOptions=Dc;Mo.modifiers=zc;Mo.className=me.className;import{jsx as Pt,jsxs as Ps}from"react/jsx-runtime";var sl="k-actionsheet-titlebar",Fc={},he=e=>{let{title:t,subtitle:o,actionsStart:a,actionsEnd:n,filter:i,input:l,inputValue:m,inputPlaceholder:u,adaptive:f,titleId:N,children:g,...c}=e;return Ps("div",{...c,className:s(e.className,sl),children:[Ps("div",{className:"k-actionsheet-titlebar-group",children:[a&&Pt("div",{className:"k-actionsheet-actions",children:a}),!g&&Ps("div",{className:"k-actionsheet-title",id: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(me,{value:m,placeholder:u,size:f?"large":"medium","aria-label":t\|\|u\|\|"Input"}):Pt(Ve,{placeholder:"Filter",size:f?"large":"medium","aria-label":"Filter options"})})]})};he.className=sl;he.defaultOptions=Fc;import{jsx as Ks,jsxs as Xc}from"react/jsx-runtime";var Rs="k-actionsheet-view",Gc=[],Vc={},$c={},So=e=>{let{adaptive:t,animated:o,children:a,header:n,footer:i,titleId:l,...m}=e,u=n?.type===he&&Ks(he,{adaptive:t,titleId:l,...n?.props}),f=i?.type===Ot&&Ks(Ot,{...i?.props});return Xc("div",{...m,className:s(e.className,Rs,{[`${Rs}-animated`]:o}),children:[u,Ks("div",{className:"k-actionsheet-content",children:a}),f]})};So.states=Gc;So.options=Vc;So.className=Rs;So.defaultOptions=$c;var Aa="action-sheet",dn=Aa;var _s="overlay",rl=_s;import{jsx as Yc}from"react/jsx-runtime";var il="k-overlay",qc=[],Wc={},Jc={},ut=e=>{let{...t}=e;return Yc("div",{...t,className:s(e.className,il),children:e.children})};ut.states=qc;ut.options=Wc;ut.className=il;ut.defaultOptions=Jc;ut.moduleName=_s;ut.folderName=rl;import{jsx as mn,jsxs as jc}from"react/jsx-runtime";var ll="k-actionsheet",Zc=[],Qc={},Ea={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},Y=e=>{let{side:t=Ea.side,fullscreen:o=Ea.fullscreen,adaptive:a=Ea.adaptive,overlay:n=Ea.overlay,template:i,children:l,header:m,footer:u,id:f,...N}=e,g=f&&!i&&m?`${f}-title`:void 0;return jc("div",{className:"k-actionsheet-container",children:[n&&mn(ut,{}),mn(ct,{animationStyle:{[`${o===!0?"top":t}`]:0,[`${o===!0?"width":null}`]:"100%",[`${o===!0?"height":null}`]:"100%",[`${t==="top"\|\|t==="bottom"?"width":null}`]:"100%",[`${t==="left"\|\|t==="right"?"height":null}`]:"100%"},children:mn("div",{...N,id:f,role:"dialog","aria-modal":n?"true":void 0,"aria-labelledby":g,className:s(e.className,ll,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":a}),children:i\|\|mn(So,{header:m,footer:u,adaptive:a,titleId:g,...e,children:l})})})]})};Y.states=Zc;Y.options=Qc;Y.className=ll;Y.defaultOptions=Ea;Y.moduleName=Aa;Y.folderName=dn;import{jsx as au}from"react/jsx-runtime";var pl="k-actionsheet-container",eu=[],tu={},ou={},ko=e=>{let{children:t,...o}=e;return au("div",{...o,className:pl,children:t})};ko.states=eu;ko.options=tu;ko.className=pl;ko.defaultOptions=ou;ko.moduleName=Aa;ko.folderName=dn;import{jsx as nu}from"react/jsx-runtime";var ws=e=>{let{...t}=e;return nu("div",{...t,className:s(e.className,"k-list-ul"),children:e.children})};import{Fragment as ru,jsx as ya,jsxs as Ds}from"react/jsx-runtime";var Hs="k-actionsheet-item",su=[r.hover,r.focus,r.selected,r.disabled],Kt=e=>{let{iconName:t,text:o,description:a,hover:n,focus:i,selected:l,disabled:m,...u}=e;return Ds("span",{...u,className:s(e.className,Hs,S(Hs,{hover:n,focus:i,selected:l,disabled:m})),children:[!e.children&&ya(ru,{children:Ds("span",{className:"k-actionsheet-action",children:[t&&ya("span",{className:"k-icon-wrap",children:ya(v,{className:"k-actionsheet-item-icon",icon:t})}),Ds("span",{className:"k-actionsheet-item-text",children:[o&&ya("span",{className:"k-actionsheet-item-title",children:o}),a&&ya("span",{className:"k-actionsheet-item-description",children:a})]})]})}),e.children]})};Kt.states=su;Kt.className=Hs;import{jsx as tE,jsxs as oE}from"react/jsx-runtime";import{jsx as rE}from"react/jsx-runtime";import{jsx as dE}from"react/jsx-runtime";import{jsx as fE}from"react/jsx-runtime";import{jsx as re,jsxs as zs}from"react/jsx-runtime";var iu=Y.options,lu=Y.states,ml={...Y.defaultOptions,variant:"normal"},pu=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],du=[{name:"actions",title:"Titlebar Actions",type:"boolean"},{name:"subtitle",title:"Subtitle",type:"boolean"},{name:"footer",title:"Footer",type:"boolean"}],Co=e=>{let{variant:t,modifiers:o,...a}={...ml,...e},n={},i=zs(ws,{children:[re(Kt,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),re(Kt,{text:"Add to Favorites",iconName:"heart"}),re(Kt,{text:"Upload New",iconName:"upload",disabled:!0}),re("hr",{className:"k-hr"}),re(Kt,{text:"Cancel",iconName:"cancel"})]}),l="Choose from the items below",m="Select Item";return t==="fullScreen"&&(n.fullScreen=!0),Object.keys(o\|\|{}).forEach(u=>{switch(u){case"actions":n.actionsStart=!!o?.[u],n.actionsEnd=!!o?.[u];break;case"subtitle":n.subtitle=o?.[u]?l:void 0;break;case"footer":n.footer=!!o?.[u];break;default:break}}),t==="adaptive"?re(Y,{...a,adaptive:!0,fullscreen:n.fullScreen,header:re(he,{actionsStart:n.actionsStart?re(p,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:n.actionsEnd?re(p,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:m,subtitle:n.subtitle}),footer:n.footer?zs(Ot,{alignment:"stretched",children:[re(p,{text:"Cancel",size:"large",themeColor:"base"}),re(p,{text:"Apply",size:"large",themeColor:"primary"})]}):void 0,children:i}):re(Y,{...a,fullscreen:n.fullScreen,header:re(he,{actionsStart:n.actionsStart?re(p,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:n.actionsEnd?re(p,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:n.subtitle}),footer:n.footer?zs(Ot,{alignment:"stretched",children:[re(p,{text:"Apply",themeColor:"primary"}),re(p,{text:"Cancel",themeColor:"base"})]}):void 0,children:i})};Co.options=iu;Co.states=lu;Co.variants=pu;Co.defaultOptions=ml;Co.modifiers=du;Co.className=Y.className;var Us="slider",cl=Us;import{jsx as Ao,jsxs as Fs}from"react/jsx-runtime";var Ia="k-slider",mu=[r.hover,r.focus,r.active,r.disabled,r.readonly],cu={},$e={type:"single",orientation:"horizontal",gradientType:"1d",readonly:!1,disabled:!1,handlePosition:"end",showButtons:!0,showTicks:!0,value:50,min:0,max:100},V=e=>{let{type:t=$e.type,orientation:o=$e.orientation,gradientType:a=$e.gradientType,readonly:n=$e.readonly,disabled:i=$e.disabled,handlePosition:l=$e.handlePosition,showButtons:m=$e.showButtons,showTicks:u=$e.showTicks,value:f=$e.value,min:N=$e.min,max:g=$e.max,startValue:c,endValue:L,hover:M,focus:k,active:A,trackStyle:C,dir:y,...H}=e,Ee=(()=>{if(t==="gradient"&&a==="2d")return"undefined";if(o==="vertical")return"vertical"})(),de,fe;return o==="horizontal"?(de=y==="rtl"?"chevron-left":"chevron-right",fe=y==="rtl"?"chevron-right":"chevron-left"):o==="vertical"&&(de="chevron-up",fe="chevron-down"),Fs("div",{...H,className:s(Ia,e.className,S(Ia,{readonly:n,disabled:i}),{[`k-slider-${o}`]:o,"k-colorgradient-slider":t==="gradient"}),dir:y,children:[m&&Ao(p,{className:"k-button-decrease",rounded:"full",icon:fe,tabIndex:-1,title:"Decrease"}),Fs("div",{className:"k-slider-track-wrap",children:[u&&Ao("ul",{className:"k-reset k-slider-items","aria-hidden":"true",children:e.children}),Fs("div",{className:"k-slider-track",style:C,children:[Ao("div",{className:"k-slider-selection"}),t==="range"&&Ao("span",{className:s("k-draghandle","k-draghandle-start",S(Ia,{hover:M,focus:k,active:A})),role:"slider",tabIndex:i?void 0:0,"aria-valuenow":c??N,"aria-valuemin":N,"aria-valuemax":L??g,"aria-orientation":Ee,"aria-disabled":i?"true":void 0,"aria-readonly":n?"true":void 0,"aria-label":H["aria-label"]?`${H["aria-label"]} start`:"Range start"}),Ao("span",{className:s("k-draghandle",`k-draghandle-${l}`,S(Ia,{hover:M,focus:k,active:A})),role:"slider",tabIndex:i?void 0:0,"aria-valuenow":t==="range"?L??g:f,"aria-valuemin":t==="range"?c??N:N,"aria-valuemax":g,"aria-orientation":Ee,"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&&Ao(p,{className:"k-button-increase",rounded:"full",icon:de,tabIndex:-1,title:"Increase"})]})};V.states=mu;V.options=cu;V.className=Ia;V.defaultOptions=$e;V.moduleName=Us;V.folderName=cl;import{jsx as ul}from"react/jsx-runtime";var fl="k-tick",uu=[],fu={},bl={label:!1},I=e=>{let{style:t,label:o=bl.label,orientation:a,large:n,text:i,...l}=e;return ul("li",{...l,role:"presentation",title:i\|\|"Tick",className:s(e.className,fl,{[`k-tick-${a}`]:a,"k-tick-large":n}),style:t,children:o&&ul("span",{className:"k-label",children:i})})};I.states=uu;I.options=fu;I.className=fl;I.defaultOptions=bl;import{Fragment as bu,jsx as Xe,jsxs as xu}from"react/jsx-runtime";var xl=e=>Xe(V,{"aria-label":e["aria-label"]\|\|"Slider",children:xu(bu,{children:[Xe(I,{className:"k-first",label:!0,large:!0,text:"0"}),Xe(I,{}),Xe(I,{}),Xe(I,{}),Xe(I,{}),Xe(I,{label:!0,large:!0,text:"5"}),Xe(I,{}),Xe(I,{}),Xe(I,{}),Xe(I,{}),Xe(I,{className:"k-last",label:!0,large:!0,text:"10"})]}),...e});import{Fragment as Nu,jsx as qe,jsxs as hu}from"react/jsx-runtime";var Nl=e=>qe(V,{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"})]}),"aria-label":e["aria-label"]\|\|"Vertical slider",...e,orientation:"vertical"});import{Fragment as oy,jsx as ty,jsxs as ay}from"react/jsx-runtime";import{Fragment as ly,jsx as iy,jsxs as py}from"react/jsx-runtime";import{jsx as vu}from"react/jsx-runtime";var Gs=e=>vu(V,{type:"gradient",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]\|\|"Color slider"});import{jsx as gu}from"react/jsx-runtime";var Vs=e=>gu(V,{type:"gradient",orientation:"vertical",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]\|\|"Color slider"});import{Fragment as gy,jsx as vy,jsxs as Ly}from"react/jsx-runtime";import{Fragment as Ay,jsx as Cy,jsxs as Ey}from"react/jsx-runtime";import{jsx as ft,jsxs as hl}from"react/jsx-runtime";var Lu=V.options,Mu=V.states,vl={...V.defaultOptions,variant:"horizontal",label:!0},Su=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],ku=[{name:"label",title:"Labels",default:!0},{name:"tick",title:"Ticks",default:!0},{name:"button",title:"Side Buttons",default:!0}],Eo=e=>{let{variant:t,modifiers:o,...a}=e,n=vl.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"?hl(Nl,{style:{height:"300px",...l},...a,...i,children:[ft(I,{label:n,large:!0,orientation:"vertical",text:"0",style:{position:"absolute",bottom:"0%"}}),ft(I,{label:n,large:!0,orientation:"vertical",text:"2",style:{position:"absolute",bottom:"25%"}}),ft(I,{label:n,large:!0,orientation:"vertical",text:"4",style:{position:"absolute",bottom:"50%"}}),ft(I,{label:n,large:!0,orientation:"vertical",text:"6",style:{position:"absolute",bottom:"75%"}}),ft(I,{label:n,large:!0,orientation:"vertical",text:"8",style:{position:"absolute",bottom:"100%"}})]}):hl(xl,{style:{width:"400px",...l},...a,...i,children:[ft(I,{label:n,large:!0,orientation:"horizontal",text:"0",style:{position:"absolute",left:"0%"}}),ft(I,{label:n,large:!0,orientation:"horizontal",text:"2",style:{position:"absolute",left:"25%"}}),ft(I,{label:n,large:!0,orientation:"horizontal",text:"4",style:{position:"absolute",left:"50%"}}),ft(I,{label:n,large:!0,orientation:"horizontal",text:"6",style:{position:"absolute",left:"75%"}}),ft(I,{label:n,large:!0,orientation:"horizontal",text:"8",style:{position:"absolute",left:"100%"}})]})};Eo.options=Lu;Eo.states=Mu;Eo.variants=Su;Eo.defaultOptions=vl;Eo.modifiers=ku;Eo.className=V.className;import{jsx as gl,jsxs as Iu}from"react/jsx-runtime";var Ll="k-spin-button",Eu=[],yu={size:[d.undefined,d.small,d.medium,d.large],fillMode:[x.undefined,x.solid,x.flat,x.outline,x.clear,x.link]},$s={increaseLabel:"Increase value",decreaseLabel:"Decrease value"},Rt=e=>{let{size:t,fillMode:o,disabled:a,increaseLabel:n=$s.increaseLabel,decreaseLabel:i=$s.decreaseLabel,...l}=e;return Iu("span",{...l,className:s(Ll,e.className),children:[gl(p,{className:"k-spinner-increase",icon:"chevron-up",size:t,fillMode:o,disabled:a,"aria-label":n}),gl(p,{className:"k-spinner-decrease",icon:"chevron-down",size:t,fillMode:o,disabled:a,"aria-label":i})]})};Rt.states=Eu;Rt.options=yu;Rt.className=Ll;Rt.defaultOptions=$s;Rt.moduleName=null;Rt.folderName=null;var Ml="numeric-textbox",Sl="numerictextbox";import{Fragment as kl,jsx as Lt,jsxs as Xs}from"react/jsx-runtime";var Cl="k-numerictextbox",Tu=[r.hover,r.focus,r.valid,r.invalid,r.loading,r.required,r.disabled,r.readonly],Ou={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[x.undefined,x.solid,x.flat,x.outline]},cn={showSpinButton:!0,showClearButton:!0,separators:!0},w=e=>{let{size:t,rounded:o,fillMode:a,separators:n=cn.separators,showClearButton:i=cn.showClearButton,showSpinButton:l=cn.showSpinButton,prefix:m,suffix:u,value:f,placeholder:N,hover:g,focus:c,valid:L,invalid:M,required:k,loading:A,disabled:C,readonly:y,id:H,"aria-label":pe,"aria-describedby":Ee,...de}=e;return Xs(J,{...de,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,Cl),children:[m&&Xs(kl,{children:[Lt(Ue,{children:m}),n&&Lt(Ge,{})]}),Lt(be,{id:H,placeholder:N,value:f,role:"spinbutton",disabled:C,"aria-label":pe,"aria-describedby":Ee,"aria-invalid":M?"true":void 0}),Lt(Ne,{valid:L,invalid:M,loading:A,disabled:C}),Lt(ye,{loading:A,disabled:C}),i&&Lt(Pe,{loading:A,disabled:C,readonly:y,value:f}),u&&Xs(kl,{children:[n&&Lt(Ge,{}),Lt(Fe,{children:u})]}),l&&Lt(Rt,{className:"k-input-spinner",size:t,fillMode:a,disabled:C})]})};w.states=Tu;w.options=Ou;w.className=Cl;w.defaultOptions=cn;w.moduleName=Ml;w.folderName=Sl;var Ta=w;import{jsx as Bu}from"react/jsx-runtime";var Al=e=>Bu(Ta,{...e});import Ws from"react";import{jsx as El}from"react/jsx-runtime";var Pu="k-list-group-sticky-header",qs=e=>El("div",{className:s(Pu,e.className),children:El("div",{className:"k-list-header-text",children:e.children})});import{jsx as Ru}from"react/jsx-runtime";var Ku="k-no-data",un=e=>{let{live:t,...o}=e;return Ru("span",{...o,className:s(Ku,e.className),"aria-live":t?"polite":void 0,children:e.children})};var Zt="list",yo=Zt;import{jsx as yl,jsxs as Il}from"react/jsx-runtime";var Js="k-list",_u=[],wu={size:[d.undefined,d.small,d.medium,d.large]},Du={},K=e=>{let{size:t,virtualization:o,children:a,header:n,selectAll:i,optionLabel:l,customValue:m,noData:u,screenReaders:f,...N}=e,c=Ws.Children.toArray(a)[0],L=c?.props?.children?Ws.Children.count(c.props.children):Ws.Children.count(a);return Il("div",{...N,className:s(e.className,Js,E(Js,{size:t}),{"k-virtual-list":o}),children:[l,i,m,n&&yl(qs,{children:n}),a\|\|(u!==void 0?u:yl(un,{live:!0,children:"No data found."})),f&&a&&Il(un,{className:"k-sr-only",live:!0,children:[L," items found."]})]})};K.states=_u;K.options=wu;K.className=Js;K.defaultOptions=Du;K.moduleName=Zt;K.folderName=yo;import{jsx as Fu}from"react/jsx-runtime";var Tl="k-list-container",Hu=[],zu={},Uu={},Io=e=>{let{...t}=e;return Fu("div",{...t,className:s(e.className,Tl),children:e.children})};Io.states=Hu;Io.options=zu;Io.className=Tl;Io.defaultOptions=Uu;Io.moduleName=Zt;Io.folderName=yo;var Qt="checkbox",To=Qt;import{jsx as Ol}from"react/jsx-runtime";var fn="k-checkbox",Gu=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.checked,r.indeterminate],Vu={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full]},$u={},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 Ol("span",{className:"k-checkbox-wrap",role:c,children:Ol("input",{...L,id:t,type:"checkbox",defaultChecked:o,required:f,disabled:l\|\|void 0,"aria-invalid":m?"true":void 0,className:s(e.className,fn,E(fn,{size:N,rounded:g}),S(fn,{hover:n,focus:i,disabled:l,invalid:m,valid:u,indeterminate:a,checked:o}))})})};Re.states=Gu;Re.options=Vu;Re.className=fn;Re.defaultOptions=$u;Re.moduleName=Qt;Re.folderName=To;var nt=Re;import{jsx as Wu}from"react/jsx-runtime";var Bl="k-checkbox-list",Xu=[],qu={},Pl={layout:"vertical"},ve=e=>{let{layout:t=Pl.layout,...o}=e;return Wu("ul",{...o,className:s(e.className,Bl,{[`k-list-${t}`]:t}),children:e.children})};ve.states=Xu;ve.options=qu;ve.className=Bl;ve.defaultOptions=Pl;ve.moduleName=Qt;ve.folderName=To;import{jsx as Qu}from"react/jsx-runtime";var Kl="k-checkbox-list-item",Ju=[],Yu={},Zu={},ge=e=>{let{...t}=e;return Qu("li",{...t,className:s(e.className,Kl),children:e.children})};ge.states=Ju;ge.options=Yu;ge.className=Kl;ge.defaultOptions=Zu;ge.moduleName=Qt;ge.folderName=To;import{Fragment as ju,jsx as Rl,jsxs as ef}from"react/jsx-runtime";var Mt=({children:e="Label",id:t="cb-label-after",...o})=>ef(ju,{children:[Rl(nt,{id:t,...o}),Rl("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});import{Fragment as ZI,jsx as YI,jsxs as QI}from"react/jsx-runtime";import{Fragment as aT,jsx as oT,jsxs as nT}from"react/jsx-runtime";import{Fragment as pT,jsx as lT,jsxs as dT}from"react/jsx-runtime";import{jsx as fT}from"react/jsx-runtime";import{jsx as hT}from"react/jsx-runtime";import{jsx as MT}from"react/jsx-runtime";import{jsx as We,jsxs as _l}from"react/jsx-runtime";var tf=ve.options,of=ve.states,af={...ve.defaultOptions,variant:"vertical"},nf=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],sf=[],Oo=e=>{let{variant:t,...o}=e;return t==="horizontal"?_l(ve,{layout:"horizontal",...o,children:[We(ge,{children:We(Mt,{id:B("cb"),defaultChecked:!0,children:"Label"})}),We(ge,{children:We(Mt,{id:B("cb"),children:"Label"})}),We(ge,{children:We(Mt,{id:B("cb"),children:"Label"})})]}):_l(ve,{...o,children:[We(ge,{children:We(Mt,{id:B("cb"),defaultChecked:!0,children:"Label"})}),We(ge,{children:We(Mt,{id:B("cb"),children:"Label"})}),We(ge,{children:We(Mt,{id:B("cb"),children:"Label"})})]})};Oo.options=tf;Oo.states=of;Oo.variants=nf;Oo.defaultOptions=af;Oo.modifiers=sf;Oo.className=ve.className;import{jsx as cf}from"react/jsx-runtime";var rf=nt.options,lf=nt.states,pf=nt.defaultOptions,df=[],mf=[],Bo=e=>cf(Mt,{id:B("checkbox"),...e,defaultChecked:!0,children:"Label"});Bo.options=rf;Bo.states=lf;Bo.variants=df;Bo.defaultOptions=pf;Bo.modifiers=mf;Bo.className=nt.className;import{jsx as Po,jsxs as xf}from"react/jsx-runtime";var Ys="k-list-item",uf=[r.hover,r.focus,r.selected,r.disabled],ff={},bf={},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 xf("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,Ys,S(Ys,{hover:l,focus:m,disabled:f,selected:u})),children:[n&&Po(Re,{checked:i,disabled:f,"aria-label":k,tabIndex:-1}),o&&Po("span",{className:"k-list-item-icon-wrapper",children:Po(v,{icon:o,className:s("k-list-item-icon",a)})}),Po("span",{className:"k-list-item-text",children:M}),N&&Po("div",{className:"k-list-item-actions",children:N}),g&&Po("span",{className:"k-list-item-description",children:g})]})};O.states=uf;O.options=ff;O.className=Ys;O.defaultOptions=bf;O.moduleName=Zt;O.folderName=yo;import{jsx as hf}from"react/jsx-runtime";var Nf="k-list-ul",_t=e=>{let{children:t,role:o,id:a,...n}=e;return hf("ul",{...n,id:a,role:o,className:s(Nf,e.className),children:t})};import{jsx as Zs,jsxs as gf}from"react/jsx-runtime";var vf="k-list-content",z=e=>{let{virtualization:t,grouping:o,"aria-label":a,"aria-labelledby":n,listboxId:i,...l}=e;return gf("div",{...l,className:s(vf,e.className),role:o?"listbox":void 0,id:o?i:void 0,"aria-label":o?a:void 0,"aria-labelledby":o?n:void 0,children:[o?e.children:Zs(_t,{role:"listbox",id:i,"aria-label":a,"aria-labelledby":n,children:e.children}),t&&Zs("div",{className:"k-height-container",children:Zs("div",{})})]})};import{jsx as Qs,jsxs as kf}from"react/jsx-runtime";var bn="k-list-sticky-header",Lf=[r.hover,r.focus,r.selected],Mf={},Sf={},xn=e=>{let{label:t="Select all",showCheckbox:o=!0,checked:a,indeterminate:n,hover:i,focus:l,selected:m,...u}=e;return Qs("div",{...u,className:s(bn,e.className),children:kf("div",{className:s(`${bn}-item`,S(`${bn}-item`,{hover:i,focus:l,selected:m})),"aria-label":t,...!o&&{tabIndex:0,"aria-selected":m?"true":"false"},children:[o&&Qs(Re,{checked:a,indeterminate:n,"aria-label":t}),Qs("span",{className:"k-list-item-text",children:t})]})})};xn.states=Lf;xn.options=Mf;xn.className=bn;xn.defaultOptions=Sf;import{Fragment as xO,jsx as bO,jsxs as NO}from"react/jsx-runtime";import{jsx as MO,jsxs as SO}from"react/jsx-runtime";import{jsx as yf}from"react/jsx-runtime";var js="k-list-optionlabel",Cf=[r.hover,r.focus,r.selected,r.disabled],Af={},Ef={},Nn=e=>{let{text:t,hover:o,focus:a,selected:n,disabled:i,...l}=e;return yf("div",{...l,className:s(js,S(js,{hover:o,focus:a,selected:n,disabled:i})),children:t})};Nn.states=Cf;Nn.options=Af;Nn.className=js;Nn.defaultOptions=Ef;import{jsx as Bf}from"react/jsx-runtime";var er="k-list-custom-value",If=[r.hover,r.focus,r.selected,r.disabled],Tf={},Of={},wt=e=>{let{text:t,hover:o,focus:a,selected:n,disabled:i,...l}=e;return Bf("div",{...l,className:s(er,S(er,{hover:o,focus:a,selected:n,disabled:i})),children:t})};wt.states=If;wt.options=Tf;wt.className=er;wt.defaultOptions=Of;import{Fragment as RO,jsx as KO,jsxs as _O}from"react/jsx-runtime";import{Fragment as FO,jsx as UO,jsxs as GO}from"react/jsx-runtime";import{Fragment as YO,jsx as WO,jsxs as JO}from"react/jsx-runtime";import{Fragment as aB,jsx as tB,jsxs as oB}from"react/jsx-runtime";import{jsx as iB}from"react/jsx-runtime";import{Fragment as uB,jsx as cB,jsxs as fB}from"react/jsx-runtime";import{Fragment as gB,jsx as vB,jsxs as LB}from"react/jsx-runtime";var wl="dropdown-list",Dl="dropdownlist";import{Fragment as Rf,jsx as Le,jsxs as tr}from"react/jsx-runtime";var Hl="k-dropdownlist",Pf=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading,r.readonly],Kf={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]},or={showValue:!0,arrowIconName:"chevron-down"},ne=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:n=or.arrowIconName,showValue:i=or.showValue,valueIconName:l,prefix:m,suffix:u,value:f,placeholder:N,hover:g,focus:c,valid:L,invalid:M,required:k,loading:A,disabled:C,readonly:y,popup:H,opened:pe,adaptive:Ee,adaptiveSettings:de,adaptiveTitle:fe,adaptiveSubtitle:Yn,adaptiveFilter:Xt,id:qt,activeDescendant:fa,"aria-label":Zn,...Qn}=e,jn=qt?`${qt}-listbox`:void 0,si=qt?`${qt}-value`:void 0;return tr(Rf,{children:[tr(dt,{...Qn,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,Hl,{"k-icon-picker":!i&&l}),role:"combobox","aria-haspopup":"listbox","aria-expanded":pe?"true":"false","aria-controls":pe?jn:void 0,"aria-activedescendant":pe&&fa?fa:void 0,"aria-describedby":pe?si:void 0,"aria-disabled":C?"true":void 0,"aria-label":Zn,tabIndex:0,children:[Le(Ue,{children:m}),Le(Yt,{placeholder:N,value:f,showValue:i,valueIconName:l,id:si}),Le(Ne,{valid:L,invalid:M,loading:A,disabled:C}),Le(ye,{loading:A,disabled:C}),Le(Fe,{children:u}),Le(p,{className:"k-input-button",icon:n,size:e.size,fillMode:e.fillMode,"aria-label":N\|\|"Toggle dropdown",tabIndex:-1})]}),pe&&H&&Le(q,{className:"k-list-container k-dropdownlist-popup",containerRole:"region",containerAriaLabel:"Dropdown suggestions",children:H}),Ee&&Le(Y,{adaptive:!0,...de,header:Le(he,{actionsEnd:Le(p,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),filter:Xt,inputValue:f,inputPlaceholder:N,title:fe,subtitle:Yn}),children:Le("div",{className:"k-list-container",children:Le(K,{size:"large",children:tr(z,{"aria-label":"Options",children:[Le(O,{text:"List item"}),Le(O,{text:"List item"}),Le(O,{text:"List item"})]})})})})]})};ne.states=Pf;ne.options=Kf;ne.className=Hl;ne.defaultOptions=or;ne.moduleName=wl;ne.folderName=Dl;import{jsx as oP}from"react/jsx-runtime";import{jsx as lP,jsxs as pP}from"react/jsx-runtime";import{Fragment as hP,jsx as xP,jsxs as NP}from"react/jsx-runtime";import{jsx as SP}from"react/jsx-runtime";import{jsx as IP,jsxs as TP}from"react/jsx-runtime";import{Fragment as HP,jsx as wP,jsxs as DP}from"react/jsx-runtime";import{jsx as VP}from"react/jsx-runtime";import{Fragment as Uf,jsx as Dt,jsxs as zl}from"react/jsx-runtime";var _f=ne.states,wf=ne.defaultOptions,Df=ne.options,Hf=[{name:"opened",title:"Opened"}],zf=[],Ro=e=>{let{modifiers:t,...o}=e,a={},n=zl(Uf,{children:[Dt("div",{className:"k-list-filter",children:Dt(Ve,{})}),Dt(K,{style:{width:300},size:o.size,children:zl(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})})};Ro.options=Df;Ro.states=_f;Ro.variants=zf;Ro.defaultOptions=wf;Ro.modifiers=Hf;Ro.className=ne.className;import{Fragment as cK,jsx as mK}from"react/jsx-runtime";import{Fragment as hK,jsx as NK}from"react/jsx-runtime";import{jsx as MK}from"react/jsx-runtime";import{jsx as ar}from"react/jsx-runtime";var Ff=w.states,Gf=w.defaultOptions,Vf=w.options,$f=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"spin-button",title:"`Spin` Button"}],Xf=[],_o=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(n=>{switch(n){case"prefix":a.prefix=t?.[n]?ar(ne,{size:o.size,fillMode:"flat",value:"mm"}):void 0;break;case"suffix":a.suffix=t?.[n]?ar(Ms,{children:"mm"}):void 0;break;case"clear-button":a.showClearButton=t?.[n];break;case"spin-button":a.showSpinButton=t?.[n];break;default:break}}),ar(Al,{value:"Value",style:{width:300},...o,...a})};_o.options=Vf;_o.states=Ff;_o.variants=Xf;_o.defaultOptions=Gf;_o.modifiers=$f;_o.className=w.className;import{Fragment as Ba,jsx as P,jsxs as Z}from"react/jsx-runtime";var Ul="k-colorgradient-inputs",qf=[],Wf={size:[d.undefined,d.small,d.medium,d.large]},Fl={mode:"rgba"},wo=e=>{let{mode:t=Fl.mode,size:o,...a}=e;return Z("div",{...a,className:s(Ul,"k-hstack"),children:[P("div",{className:"k-vstack",children:P(p,{fillMode:"flat",icon:"caret-alt-expand",className:"k-colorgradient-toggle-mode",size:o,"aria-label":"Toggle color input format"})}),t==="rgba"&&Z(Ba,{children:[Z("div",{className:"k-vstack",children:[P(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(Ba,{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(Ba,{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(Ba,{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(Ba,{children:Z("div",{className:"k-vstack k-flex-1",children:[P(me,{showClearButton:!1,value:"#b88484AA",className:"k-hex-value"}),P("label",{className:"k-colorgradient-input-label",children:"HEX"})]})})]})};wo.states=qf;wo.options=Wf;wo.className=Ul;wo.defaultOptions=Fl;import{jsx as jt,jsxs as eo}from"react/jsx-runtime";var Gl="k-colorgradient-color-contrast",Jf=[],Yf={},Zf={},Do=()=>eo("div",{className:s(Gl,"k-vbox"),children:[eo("div",{className:"k-contrast-ratio",children:[jt("span",{className:"k-contrast-ratio-text",children:"Contrast ratio: 7.1"}),eo("span",{className:"k-contrast-validation !k-text-success",children:[jt(v,{icon:"check"}),jt(v,{icon:"check"})]})]}),eo("div",{children:[jt("span",{children:"AA: 4.5"}),eo("span",{className:"k-contrast-validation !k-text-success",children:["Pass",jt(v,{icon:"check"})]})]}),eo("div",{children:[jt("span",{children:"AAA: 7.0"}),eo("span",{className:"k-contrast-validation !k-text-error",children:["Fail",jt(v,{icon:"x"})]})]})]});Do.states=Jf;Do.options=Yf;Do.className=Gl;Do.defaultOptions=Zf;var Vl="color-gradient",$l="colorgradient";import{jsx as Je,jsxs as Pa}from"react/jsx-runtime";var hn="k-colorgradient",Qf=[r.hover,r.focus,r.readonly,r.disabled],jf={size:[d.undefined,d.small,d.medium,d.large]},bt={mode:"rgba",readonly:!1,disabled:!1,contrast:!1,gradientStyle:{background:"rgb(255, 0, 0 )"},dragHandleStyle:{top:"50px",left:"73px"},alphaStyle:{background:"linear-gradient(to top, transparent, rgb(255, 0, 0))"},alphaStyleHorizontal:{background:"linear-gradient(to right, transparent, rgb(255, 0, 0))"},canvasOrientation:"horizontal"},ie=e=>{let{size:t,mode:o=bt.mode,readonly:a=bt.readonly,disabled:n=bt.disabled,gradientStyle:i=bt.gradientStyle,dragHandleStyle:l=bt.dragHandleStyle,alphaStyle:m=bt.alphaStyle,alphaStyleHorizontal:u=bt.alphaStyleHorizontal,contrast:f=bt.contrast,dir:N,hover:g,focus:c,hoverHandle:L,focusHandle:M,canvasOrientation:k=bt.canvasOrientation,role:A,tabIndex:C,...y}=e;return Pa("div",{...y,role:A??"textbox","aria-label":A==="none"?void 0:"Color gradient",tabIndex:C??0,"aria-disabled":n?"true":void 0,className:s(e.className,hn,E(hn,{size:t}),S(hn,{hover:g,focus:c,readonly:a,disabled:n})),dir:N,children:[!k\|\|k==="horizontal"&&Pa("div",{className:"k-colorgradient-canvas k-hstack",children:[Je("div",{className:"k-hsv-rectangle",style:i,children:Je("div",{className:"k-hsv-gradient",children:Je("div",{className:s("k-hsv-draghandle","k-draghandle",{"k-hover":L,"k-focus":M}),style:l,role:"slider","aria-orientation":"undefined","aria-label":"Color well with two-dimensional slider for selecting saturation and lightness","aria-valuetext":"X: 73, Y: 50","aria-valuenow":50,"aria-valuemin":0,"aria-valuemax":100})})}),Pa("div",{className:"k-hsv-controls k-hstack",children:[Je(Vs,{className:"k-hue-slider",hover:L,focus:M}),o!=="rgb"&&o!=="hsv"&&Je(Vs,{className:"k-alpha-slider",hover:L,focus:M,trackStyle:m})]})]}),k==="vertical"&&Pa("div",{className:"k-colorgradient-canvas k-vstack",children:[Je("div",{className:"k-hsv-rectangle",style:i,children:Je("div",{className:"k-hsv-gradient",children:Je("div",{className:s("k-hsv-draghandle","k-draghandle",{"k-hover":L,"k-focus":M}),style:l,role:"slider","aria-orientation":"undefined","aria-label":"Color well with two-dimensional slider for selecting saturation and lightness","aria-valuetext":"X: 73, Y: 50","aria-valuenow":50,"aria-valuemin":0,"aria-valuemax":100})})}),Pa("div",{className:"k-hsv-controls k-vstack",children:[Je(Gs,{className:"k-hue-slider",hover:L,focus:M}),o!=="rgb"&&o!=="hsv"&&Je(Gs,{className:"k-alpha-slider",hover:L,focus:M,trackStyle:u})]})]}),Je(wo,{mode:e.mode,size:t}),f&&Je(Do,{})]})};ie.states=Qf;ie.options=jf;ie.className=hn;ie.defaultOptions=bt;ie.moduleName=Vl;ie.folderName=$l;import{jsx as eb}from"react/jsx-runtime";var vn=e=>eb(ie,{...e});import{jsx as iR}from"react/jsx-runtime";import{jsx as mR}from"react/jsx-runtime";import{jsx as nr}from"react/jsx-runtime";var tb=ie.options,ob=ie.states,ab={...ie.defaultOptions,variant:"rgba"},nb=[{name:"rgba",title:"RGBA"},{name:"rgb",title:"RGB"},{name:"hex",title:"HEX"}],sb=[],Ho=e=>{let{variant:t,...o}=e;switch(t){case"hex":return nr(vn,{...o,mode:t});case"rgb":return nr(vn,{...o,mode:t});default:return nr(vn,{...o,mode:t})}};Ho.options=tb;Ho.states=ob;Ho.variants=nb;Ho.defaultOptions=ab;Ho.modifiers=sb;Ho.className=ie.className;import{jsx as rb}from"react/jsx-runtime";var sr=e=>rb("tr",{role:"row",children:e.children});import{jsx as pb}from"react/jsx-runtime";var rr="k-colorpalette-tile",ib=[r.hover,r.focus,r.selected],lb={},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 pb("td",{...l,role:"gridcell","aria-label":t,"aria-selected":i?"true":void 0,className:s(e.className,rr,S(rr,{hover:a,focus:n,selected:i})),style:m})};Ht.states=ib;Ht.options=lb;Ht.className=rr;Ht.moduleName=null;Ht.folderName=null;var Xl="color-palette",ql="colorpalette";import{jsx as Ka}from"react/jsx-runtime";var gn="k-colorpalette",db=[r.disabled],mb={size:[d.undefined,d.small,d.medium,d.large]},Wl={columns:10},Ie=e=>{let{size:t,palette:o,columns:a=Wl.columns,tileSize:n,disabled:i,...l}=e,m=[];if(o){let u=a\|\|o.columns,f=o.colors?o.colors:o;Array.isArray(f)&&Array.from({length:Math.ceil(f.length/u)},(N,g)=>{let c=[];f.slice(gu,(g+1)*u).map((M,k)=>{c.push(Ka(Ht,{color:M,tileSize:n},k))});let L=Ka(sr,{children:c},g);m.push(L)})}return Ka("div",{...l,role:"grid","aria-label":"Color palette",tabIndex:0,"aria-disabled":i?"true":void 0,className:s(e.className,gn,S(gn,{disabled:i}),E(gn,{size:t})),children:Ka("table",{className:"k-colorpalette-table",role:"none",children:Ka("tbody",{children:m.length>0?m:e.children})})})};Ie.states=db;Ie.options=mb;Ie.className=gn;Ie.defaultOptions=Wl;Ie.moduleName=Xl;Ie.folderName=ql;var Ln=Ie;var Ra={basic:{colors:["#000000","#7f7f7f","#880015","#ed1c24","#ff7f27","#fff200","#22b14c","#00a2e8","#3f48cc","#a349a4","#ffffff","#c3c3c3","#b97a57","#ffaec9","#ffc90e","#efe4b0","#b5e61d","#99d9ea","#7092be","#c8bfe7"],columns:10},office:{colors:["#ffffff","#000000","#e6e6e6","#435569","#4371c4","#ed7e32","#a5a4a5","#febf04","#5a9bd5","#71ae48","#f2f2f3","#7f7f7f","#d1cece","#d5dde3","#dae1f4","#fce5d4","#deeded","#fff2cc","#deeaf6","#e1efd9","#d7d8d8","#585959","#aeabab","#adbaca","#b4c5e7","#f6caac","#dbdbdb","#ffe498","#bcd6ee","#c5e0b2","#bfbfc0","#3f3f3f","#767070","#8595b1","#8fabdb","#f5b183","#c9c8c9","#fed965","#9bc4e5","#a8d08d","#a5a5a6","#262625","#393939","#334050","#2e5496","#c45a11","#7b7b7a","#bf9000","#2f75b5","#548235","#7f7f7f","#0b0c0c","#161616","#222a34","#203764","#843d0b","#525252","#7f6000","#1d4d79","#375623"],columns:10},apex:{colors:["#ffffff","#000000","#c9c2d1","#69676d","#ceb966","#9cb084","#6bb1c9","#6585cf","#7e6bc9","#a379bb","#f2f2f2","#7f7f7f","#f4f2f5","#e0e0e2","#f5f1e0","#ebefe6","#e1eff4","#e0e6f5","#e5e1f4","#ece4f1","#d8d8d8","#595959","#e9e6ec","#c2c1c5","#ebe3c1","#d7dfcd","#c3dfe9","#c1ceeb","#cbc3e9","#dac9e3","#bfbfbf","#3f3f3f","#dedae3","#a4a3a8","#e1d5a3","#c3cfb5","#a6d0de","#a2b5e2","#b1a6de","#c7aed6","#a5a5a5","#262626","#9688a5","#4e4d51","#ae9638","#758c5a","#3d8da9","#365bb0","#533da9","#7d4d99","#7f7f7f","#0c0c0c","#635672","#343336","#746425","#4e5d3c","#295e70","#243c75","#372970","#533366"],columns:10},austin:{colors:["#ffffff","#000000","#caf278","#3e3d2d","#94c600","#71685a","#ff6700","#909465","#956b43","#fea022","#f2f2f2","#7f7f7f","#f4fce4","#dddcd0","#efffc0","#e3e1dc","#ffe0cb","#e8e9df","#ece1d6","#feecd2","#d8d8d8","#595959","#e9f9c9","#bbb9a1","#dfff82","#c8c3ba","#ffc299","#d2d4c0","#dac3ad","#fed9a6","#bfbfbf","#3f3f3f","#dff7ae","#ada598","#cfff43","#ada598","#ffa365","#bcbfa1","#c8a585","#fec67a","#a5a5a5","#262626","#a9ea25","#2e2d21","#6f9400","#544e43","#bf4d00","#6c6f4b","#6f5032","#d77b00","#7f7f7f","#0c0c0c","#74a50f","#1f1e16","#4a6300","#38342d","#7f3300","#484a32","#4a3521","#8f5200"],columns:10},clarity:{colors:["#ffffff","#292934","#f3f2dc","#d2533c","#93a299","#ad8f67","#726056","#4c5a6a","#808da0","#79463d","#f2f2f2","#e7e7ec","#e7e5b9","#f6dcd8","#e9ecea","#eee8e0","#e4dedb","#d8dde3","#e5e8ec","#e9d6d3","#d8d8d8","#c4c4d1","#d5d185","#edbab1","#d3d9d6","#ded2c2","#c9beb8","#b2bcc8","#ccd1d9","#d3aea7","#bfbfbf","#8a8aa3","#aca73b","#e4978a","#bec7c1","#cdbba3","#af9e94","#8c9bac","#b2bac6","#bd857c","#a5a5a5","#56566e","#56531d","#a43925","#6b7c72","#866b48","#554840","#39434f","#5c697b","#5a342d","#7f7f7f","#3b3b4b","#22210b","#6d2619","#47534c","#594730","#39302b","#262d35","#3d4652","#3c231e"],columns:10},slipstream:{colors:["#ffffff","#000000","#b4dcfa","#212745","#4e67c8","#5eccf3","#a7ea52","#5dceaf","#ff8021","#f14124","#f2f2f2","#7f7f7f","#8bc9f7","#c7cce4","#dbe0f4","#def4fc","#edfadc","#def5ef","#ffe5d2","#fcd9d3","#d8d8d8","#595959","#4facf3","#909aca","#b8c2e9","#beeafa","#dbf6b9","#beebdf","#ffcca6","#f9b3a7","#bfbfbf","#3f3f3f","#0d78c9","#5967af","#94a3de","#9ee0f7","#caf297","#9de1cf","#ffb279","#f68d7b","#a5a5a5","#262626","#063c64","#181d33","#31479f","#11b2eb","#81d319","#34ac8b","#d85c00","#c3260c","#7f7f7f","#0c0c0c","#021828","#101322","#202f6a","#0b769c","#568c11","#22725c","#903d00","#821908"],columns:10},metro:{colors:["#ffffff","#000000","#d6ecff","#4e5b6f","#7fd13b","#ea157a","#feb80a","#00addc","#738ac8","#1ab39f","#f2f2f2","#7f7f7f","#a7d6ff","#d9dde4","#e5f5d7","#fad0e4","#fef0cd","#c5f2ff","#e2e7f4","#c9f7f1","#d8d8d8","#595959","#60b5ff","#b3bcca","#cbecb0","#f6a1c9","#fee29c","#8be6ff","#c7d0e9","#94efe3","#bfbfbf","#3f3f3f","#007dea","#8d9baf","#b2e389","#f272af","#fed46b","#51d9ff","#aab8de","#5fe7d5","#a5a5a5","#262626","#003e75","#3a4453","#5ea226","#af0f5b","#c58c00","#0081a5","#425ea9","#138677","#7f7f7f","#0c0c0c","#00192e","#272d37","#3f6c19","#750a3d","#835d00","#00566e","#2c3f71","#0c594f"],columns:10},flow:{colors:["#ffffff","#000000","#dbf5f9","#04617b","#0f6fc6","#009dd9","#0bd0d9","#10cf9b","#7cca62","#a5c249","#f2f2f2","#7f7f7f","#b2e9f2","#b4ecfc","#c7e2fa","#c4eeff","#c9fafc","#c9faed","#e4f4df","#edf2da","#d8d8d8","#595959","#76d9e8","#6adafa","#90c6f6","#89deff","#93f5f9","#94f6db","#cae9c0","#dbe6b6","#bfbfbf","#3f3f3f","#21b2c8","#20c8f7","#59a9f2","#4fceff","#5df0f6","#5ff2ca","#b0dfa0","#c9da91","#a5a5a5","#262626","#105964","#02485c","#0b5394","#0075a2","#089ca2","#0b9b74","#54a838","#7e9532","#7f7f7f","#0c0c0c","#062328","#01303d","#073763","#004e6c","#05686c","#07674d","#387025","#546321"],columns:10},hardcover:{colors:["#ffffff","#000000","#ece9c6","#895d1d","#873624","#d6862d","#d0be40","#877f6c","#972109","#aeb795","#f2f2f2","#7f7f7f","#e1dca5","#f2e0c6","#f0d0c9","#f6e6d5","#f5f2d8","#e7e5e1","#fbc7bc","#eef0e9","#d8d8d8","#595959","#d0c974","#e6c28d","#e2a293","#eeceaa","#ece5b2","#cfccc3","#f78f7a","#dee2d4","#bfbfbf","#3f3f3f","#a29a36","#daa454","#d4735e","#e6b681","#e2d88c","#b7b2a5","#f35838","#ced3bf","#a5a5a5","#262626","#514d1b","#664515","#65281a","#a2641f","#a39428","#655f50","#711806","#879464","#7f7f7f","#0c0c0c","#201e0a","#442e0e","#431b11","#6c4315","#6d621a","#433f35","#4b1004","#5a6243"],columns:10},trek:{colors:["#ffffff","#000000","#fbeec9","#4e3b30","#f0a22e","#a5644e","#b58b80","#c3986d","#a19574","#c17529","#f2f2f2","#7f7f7f","#f7e09e","#e1d6cf","#fcecd5","#eddfda","#f0e7e5","#f3eae1","#ece9e3","#f5e3d1","#d8d8d8","#595959","#f3cc5f","#c4ad9f","#f9d9ab","#dcc0b6","#e1d0cc","#e7d5c4","#d9d4c7","#ebc7a3","#bfbfbf","#3f3f3f","#d29f0f","#a78470","#f6c781","#cba092","#d2b9b2","#dbc1a7","#c6bfab","#e1ac76","#a5a5a5","#262626","#694f07","#3a2c24","#c87d0e","#7b4b3a","#926255","#a17242","#7b7153","#90571e","#7f7f7f","#0c0c0c","#2a1f03","#271d18","#855309","#523226","#614138","#6b4c2c","#524b37","#603a14"],columns:10},verve:{colors:["#ffffff","#000000","#d2d2d2","#666666","#ff388c","#e40059","#9c007f","#68007f","#005bd3","#00349e","#f2f2f2","#7f7f7f","#bdbdbd","#e0e0e0","#ffd7e8","#ffc6dc","#ffb8f1","#f1b2ff","#c3dcff","#b8cfff","#d8d8d8","#595959","#9d9d9d","#c1c1c1","#ffafd1","#ff8eba","#ff71e4","#e365ff","#87baff","#72a0ff","#bfbfbf","#3f3f3f","#696969","#a3a3a3","#ff87ba","#ff5597","#ff2ad7","#d519ff","#4b98ff","#2b71ff","#a5a5a5","#262626","#343434","#4c4c4c","#e90062","#ab0042","#75005f","#4e005f","#00449e","#002676","#7f7f7f","#0c0c0c","#151515","#333333","#9b0041","#72002c","#4e003f","#34003f","#002d69","#00194f"],columns:10},monochrome:{colors:["#000000","#1a1a1a","#333333","#4d4d4d","#666666","#808080","#999999","#b3b3b3","#cccccc","#e6e6e6","#f2f2f2","#ffffff"],columns:12}};import{jsx as cb}from"react/jsx-runtime";var Jl=e=>cb(Ln,{palette:Ra.basic,...e});import{jsx as XR}from"react/jsx-runtime";import{jsx as QR,jsxs as jR}from"react/jsx-runtime";import{jsx as vb}from"react/jsx-runtime";var ub=Ie.options,fb=Ie.states,bb={...Ie.defaultOptions,variant:"basic"},xb=[{name:"basic",title:"Basic"},{name:"monochrome",title:"Monochrome"}],Nb={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}},hb=[],zo=e=>{let{variant:t="basic",...o}=e,a=Nb[t];return vb(Jl,{columns:a.columns,palette:a,...o})};zo.options=ub;zo.states=fb;zo.variants=xb;zo.defaultOptions=bb;zo.modifiers=hb;zo.className=Ie.className;var Yl="color-editor",Zl="coloreditor";import{jsx as Ye,jsxs as Uo}from"react/jsx-runtime";var Mn="k-coloreditor",gb=[r.focus],Lb={size:[d.undefined,d.small,d.medium,d.large]},_a={view:"gradient",palette:Ra.office,actionButtons:!0,canvasOrientation:"horizontal"},Q=e=>{let{size:t,view:o=_a.view,palette:a=_a.palette,color:n,currentColor:i,focus:l,focusView:m,dir:u,group:f,actionButtons:N=_a.actionButtons,canvasOrientation:g=_a.canvasOrientation,...c}=e;return Uo("div",{...c,role:"textbox","aria-label":"Color editor",tabIndex:0,className:s(e.className,"k-flatcolorpicker",Mn,E(Mn,{size:t}),S(Mn,{focus:l})),dir:u,children:[Uo("div",{className:"k-coloreditor-header k-hstack",children:[Ye("div",{className:"k-coloreditor-header-actions k-hstack",children:f&&Uo(T,{fillMode:"flat",children:[Ye(p,{className:"k-group-start",size:t,fillMode:"flat",icon:"droplet-slider",selected:o==="gradient","aria-label":"Color gradient view"}),Ye(p,{className:"k-group-end",size:t,fillMode:"flat",icon:"palette",selected:o==="palette","aria-label":"Color palette view"})]})}),Ye("div",{className:"k-spacer"}),Uo("div",{className:"k-coloreditor-header-actions k-hstack",children:[Ye(p,{fillMode:"flat",icon:"droplet-slash",size:t,"aria-label":"Reset color"}),Uo("div",{className:"k-coloreditor-preview k-vstack",children:[Ye(Tt,{className:"k-coloreditor-preview-color",color:n}),Ye(Tt,{className:"k-coloreditor-current-color",color:i})]})]})]}),Ye("div",{className:"k-coloreditor-views k-vstack",children:o==="gradient"?Ye(ie,{focus:m,size:t,canvasOrientation:g,role:"none",tabIndex:-1}):Ye(Ie,{palette:a,size:t})}),N&&Uo(Ke,{className:"k-coloreditor-footer",alignment:"start",children:[Ye(p,{themeColor:"primary",size:t,className:"k-coloreditor-apply",children:"Apply"}),Ye(p,{className:"k-coloreditor-cancel",size:t,children:"Cancel"})]})]})};Q.states=gb;Q.options=Lb;Q.className=Mn;Q.defaultOptions=_a;Q.moduleName=Yl;Q.folderName=Zl;var Fo=Q;import{jsx as y_}from"react/jsx-runtime";import{jsx as B_}from"react/jsx-runtime";import{jsx as Mb}from"react/jsx-runtime";var Ql=e=>Mb(Fo,{group:!0,currentColor:"fuchsia",...e});import{jsx as Sb}from"react/jsx-runtime";var jl=e=>Sb(Fo,{view:"palette",group:!0,currentColor:"fuchsia",...e});import{jsx as ep}from"react/jsx-runtime";var kb=Q.options,Cb=Q.states,Ab={...Q.defaultOptions,variant:"gradient"},Eb=[{name:"gradient",title:"Gradient"},{name:"palette",title:"Palette"}],yb=[],Go=e=>{let{variant:t,...o}=e;return t==="palette"?ep(jl,{...o,color:"white"}):ep(Ql,{...o,color:"rgba(183, 118 , 118, 1.00)"})};Go.options=kb;Go.states=Cb;Go.variants=Eb;Go.defaultOptions=Ab;Go.modifiers=yb;Go.className=Q.className;var tp="color-picker",op="colorpicker";import{Fragment as Ob,jsx as Ze,jsxs as ir}from"react/jsx-runtime";var ap="k-colorpicker",Ib=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled],Tb={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]},np={arrowIconName:"chevron-down"},Qe=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:n=np.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:pe,adaptiveSubtitle:Ee,...de}=e,fe="colorpicker-popup";return ir(Ob,{children:[ir(dt,{...de,size:t,rounded:o,fillMode:a,hover:f,focus:N,valid:g,invalid:c,required:L,disabled:M,role:"combobox","aria-haspopup":"dialog","aria-expanded":C?"true":"false","aria-controls":C\|\|y?fe:void 0,"aria-label":"Color picker",tabIndex:0,"aria-disabled":M?"true":void 0,className:s(e.className,ap,"k-icon-picker"),children:[Ze(Ue,{children:i}),Ze(Yt,{placeholder:u,value:m,showValue:!1,valueIcon:Ze(Tt,{className:"k-value-icon",color:m,iconName:k}),valueIconName:k}),Ze(Fe,{children:l}),Ze(p,{className:"k-input-button",icon:n,size:t,fillMode:a,tabIndex:-1,"aria-label":"Open color picker",disabled:M})]}),C&&A&&Ze(q,{id:fe,className:"k-colorpicker-popup",children:A}),y&&Ze(Y,{adaptive:!0,id:fe,...H,header:Ze(he,{actionsEnd:Ze(p,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply"}),title:pe,subtitle:Ee}),footer:ir(Ot,{children:[Ze(p,{text:"Cancel",size:"large"}),Ze(p,{text:"Set",size:"large",themeColor:"primary"})]}),children:Ze(Q,{canvasOrientation:"vertical",size:"large",actionButtons:!1,group:!0})})]})};Qe.states=Ib;Qe.options=Tb;Qe.className=ap;Qe.defaultOptions=np;Qe.moduleName=tp;Qe.folderName=op;var St=Qe;import{jsx as Bb}from"react/jsx-runtime";var Sn=e=>Bb(St,{...e});import{jsx as b0}from"react/jsx-runtime";import{jsx as g0}from"react/jsx-runtime";import{jsx as k0}from"react/jsx-runtime";import{jsx as y0}from"react/jsx-runtime";import{jsx as B0}from"react/jsx-runtime";import{jsx as _0}from"react/jsx-runtime";import{jsx as to}from"react/jsx-runtime";var Pb=St.options,Kb=St.states,sp={...St.defaultOptions,variant:"color"},Rb=[{name:"color",title:"Color",default:!0},{name:"no color",title:"No color"},{name:"icon",title:"Icon"}],_b=[{name:"opened",title:"Opened"}],Vo=e=>{let{variant:t,modifiers:o,...a}={...sp,...e},n={};Object.keys(o\|\|{}).forEach(l=>{l==="opened"&&(n.opened=!!o?.[l],n.popup=o?.[l]?to(Q,{size:a.size,color:"rgba(183, 118 , 118, 1.00)",group:!0}):"")});let i=n.opened?{width:"272px",height:"390px"}:{};switch(t){case"no color":return to("div",{style:i,children:to(Sn,{...a,...n})});case"icon":return to("div",{style:i,children:to(Sn,{value:"rgba(183, 118 , 118, 1.00)",valueIconName:"edit-tools",...a,...n})});default:return to("div",{style:i,children:to(Sn,{value:"rgba(183, 118 , 118, 1.00)",...a,...n})})}};Vo.options=Pb;Vo.states=Kb;Vo.variants=Rb;Vo.defaultOptions=sp;Vo.modifiers=_b;Vo.className=St.className;var lr="combobox",rp=lr;import{Fragment as pr,jsx as oe,jsxs as wa}from"react/jsx-runtime";var ip="k-combobox",wb=[r.hover,r.focus,r.valid,r.invalid,r.loading,r.required,r.disabled,r.readonly],Db={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]},dr={separators:!0,showClearButton:!0},Me=e=>{let{size:t,rounded:o,fillMode:a,separators:n=dr.separators,showClearButton:i=dr.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:pe,adaptiveSettings:Ee,adaptiveTitle:de,adaptiveSubtitle:fe,adaptiveCustomValue:Yn,id:Xt,autocomplete:qt,activeDescendant:fa,"aria-label":Zn,...Qn}=e,jn=Xt?`${Xt}-listbox`:void 0;return wa(pr,{children:[wa(J,{...Qn,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,ip),children:[l&&wa(pr,{children:[oe(Ue,{children:l}),n&&oe(Ge,{})]}),oe(be,{id:Xt,placeholder:f,value:u,role:"combobox","aria-haspopup":"listbox","aria-expanded":y?"true":"false","aria-controls":y?jn:void 0,"aria-activedescendant":y&&fa?fa:void 0,"aria-autocomplete":qt,"aria-invalid":L?"true":void 0,"aria-busy":k?"true":void 0,"aria-label":Zn,disabled:A,readOnly:H}),oe(Ne,{valid:c,invalid:L,loading:k,disabled:A}),oe(ye,{loading:k,disabled:A}),i&&oe(Pe,{loading:k,disabled:A,readonly:H,value:u}),m&&wa(pr,{children:[n&&oe(Ge,{}),oe(Fe,{children:m})]}),oe(p,{className:"k-input-button",icon:"chevron-down",size:t,fillMode:a,"aria-label":"Open popup",tabIndex:-1,disabled:A})]}),y&&C&&oe(q,{className:"k-list-container k-combobox-popup",containerRole:"region",containerAriaLabel:"Combobox suggestions",children:C}),pe&&oe(Y,{adaptive:!0,id:Xt?`${Xt}-adaptive`:void 0,...Ee,header:oe(he,{actionsEnd:oe(p,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),input:!0,inputValue:u,inputPlaceholder:f,title:de,subtitle:fe}),children:oe("div",{className:"k-list-container",children:oe(K,{customValue:Yn?oe(wt,{text:`Use "${u}"`}):void 0,size:"large",children:wa(z,{"aria-label":de\|\|"Options",children:[oe(O,{text:"List item"}),oe(O,{text:"List item"}),oe(O,{text:"List item"})]})})})})]})};Me.states=wb;Me.options=Db;Me.className=ip;Me.defaultOptions=dr;Me.moduleName=lr;Me.folderName=rp;var _e=Me;import{jsx as Hb}from"react/jsx-runtime";var lp=e=>Hb(_e,{...e});import{jsx as hw,jsxs as vw}from"react/jsx-runtime";import{jsx as Cw,jsxs as Aw}from"react/jsx-runtime";import{jsx as Bw,jsxs as Pw}from"react/jsx-runtime";import{Fragment as Hw,jsx as Dw}from"react/jsx-runtime";import{Fragment as $w,jsx as Vw}from"react/jsx-runtime";import{jsx as Zw,jsxs as Qw}from"react/jsx-runtime";import{Fragment as rD,jsx as nD,jsxs as sD}from"react/jsx-runtime";import{jsx as dD}from"react/jsx-runtime";import{jsx as fD}from"react/jsx-runtime";import{jsx as gD,jsxs as LD}from"react/jsx-runtime";import{jsx as ED,jsxs as yD}from"react/jsx-runtime";import{jsx as zt,jsxs as $b}from"react/jsx-runtime";var zb=Me.states,Ub=Me.defaultOptions,Fb=Me.options,Gb=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"opened",title:"Opened"}],Vb=[],$o=e=>{let{modifiers:t,...o}=e,a={},n=zt(K,{style:{width:300},size:o.size,children:$b(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(lp,{value:"Value",style:{width:300},...o,...a})})};$o.options=Fb;$o.states=zb;$o.variants=Vb;$o.defaultOptions=Ub;$o.modifiers=Gb;$o.className=Me.className;var mr="menu-button",pp=mr;import{jsx as Wb}from"react/jsx-runtime";var dp="k-menu-button",Xb=[r.hover,r.focus,r.active,r.selected,r.disabled],qb={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]},cr={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=cr.showArrow,arrowIconName:L=cr.arrowIconName,expanded:M,...k}=e;return Wb(p,{...k,className:s(e.className,dp),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=Xb;D.options=qb;D.className=dp;D.defaultOptions=cr;D.moduleName=mr;D.folderName=pp;import{jsx as iH}from"react/jsx-runtime";import{jsx as mH}from"react/jsx-runtime";import{jsx as bH}from"react/jsx-runtime";var we="menu",je=we;import{jsx as Da,jsxs as mp}from"react/jsx-runtime";var ur="k-menu-item",Jb=[r.hover,r.focus,r.active,r.selected,r.disabled],Yb={},cp={iconPosition:"before"},ce=e=>{let{hover:t,focus:o,active:a,selected:n,disabled:i,icon:l,text:m,showArrow:u,arrowIconName:f,iconPosition:N=cp.iconPosition,dir:g,children:c,expanded:L,...M}=e,k=f;return k\|\|(k=g==="rtl"?"chevron-left":"chevron-right"),mp("li",{...M,className:s(e.className,ur,"k-item",S(ur,{focus:o,disabled:i,hover:t,active:a,selected:n})),role:"menuitem",...u&&{"aria-haspopup":"menu"},...u&&{"aria-expanded":L?"true":"false"},...i&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[mp("span",{className:s("k-link k-menu-link"),children:[l&&N==="before"&&Da(v,{className:"k-menu-link-icon",icon:l}),Da("span",{className:"k-menu-link-text",children:m}),l&&N==="after"&&Da(v,{className:"k-menu-link-icon",icon:l}),u&&Da("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:Da(v,{icon:k})})]}),c]})};ce.states=Jb;ce.options=Yb;ce.className=ur;ce.defaultOptions=cp;ce.moduleName=we;ce.folderName=je;import{jsx as oo,jsxs as up}from"react/jsx-runtime";var fr="k-menu-item",Zb=[r.hover,r.focus,r.active,r.selected,r.disabled],Qb={},br={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=br.iconPosition,dir:g=br.dir,children:c,popup:L,expanded:M,actions:k,description:A,...C}=e,y=f;return y\|\|(y=g==="rtl"?"chevron-left":"chevron-right"),up("li",{role:"menuitem",...C,className:s(e.className,fr,"k-item",S(fr,{focus:o,disabled:i})),...u&&{"aria-haspopup":"menu"},...u&&{"aria-expanded":M?"true":"false"},...i&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[up("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=Zb;W.options=Qb;W.className=fr;W.defaultOptions=br;W.moduleName=we;W.folderName=je;import{jsx as ox}from"react/jsx-runtime";var fp="k-menu-scroll-wrapper",jb=[],ex={},tx={},ao=e=>{let{className:t,children:o,orientation:a,...n}=e;return ox("div",{...n,className:s(t,fp,{"k-menu-scroll-wrapper-vertical":a==="vertical"}),children:o})};ao.states=jb;ao.options=ex;ao.className=fp;ao.defaultOptions=tx;ao.moduleName=we;ao.folderName=je;var bp=ao;import{Fragment as xr,jsx as no,jsxs as Cn}from"react/jsx-runtime";var An="k-menu",ax=[],nx={size:[d.undefined,d.small,d.medium,d.large]},En={orientation:"horizontal",header:!0,scrollButtonsPosition:"around"},le=e=>{let{children:t,orientation:o=En.orientation,header:a=En.header,scrollable:n,scrollButtonsPosition:i=En.scrollButtonsPosition,wrapperStyles:l,dir:m,size:u,popup:f,contextMenu:N,...g}=e,c={horizontal:{prev:m!=="rtl"?"left":"right",next:m!=="rtl"?"right":"left"},vertical:{prev:"up",next:"down"}},L=no("ul",{dir:m,...g,className:s(e.className,"k-reset",An,{[`${An}-${o}`]:o,"k-header":a},E(An,{size:u})),role:N?"menu":"menubar",...o==="vertical"&&{"aria-orientation":"vertical"},children:t});return Cn(xr,{children:[n?Cn(bp,{orientation:o,style:l,dir:e.dir,children:[i==="start"&&Cn(xr,{children:[no(p,{fillMode:"flat",size:"xsmall",icon:`chevron-${c[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),no(p,{fillMode:"flat",size:"xsmall",icon:`chevron-${c[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),i==="around"&&no(p,{fillMode:"flat",size:"xsmall",icon:`chevron-${c[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),L,i==="end"&&Cn(xr,{children:[no(p,{fillMode:"flat",size:"xsmall",icon:`chevron-${c[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),no(p,{fillMode:"flat",size:"xsmall",icon:`chevron-${c[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),i==="around"&&no(p,{fillMode:"flat",size:"xsmall",icon:`chevron-${c[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}):L,f]})};le.states=ax;le.options=nx;le.className=An;le.defaultOptions=En;le.moduleName=we;le.folderName=je;import{jsx as sx}from"react/jsx-runtime";var Nr="k-separator",xp={orientation:"horizontal"},Xo=e=>{let{orientation:t=xp.orientation,...o}=e;return sx("li",{...o,className:s(e.className,"k-item",Nr,{[`${Nr}-${t}`]:t}),role:"separator"})};Xo.className=Nr;Xo.defaultOptions=xp;Xo.moduleName=we;Xo.folderName=je;import{Fragment as VH,jsx as $H}from"react/jsx-runtime";import{jsx as px}from"react/jsx-runtime";var hr="k-menu-group",rx=[],ix={size:[d.undefined,d.small,d.medium,d.large]},lx={},ue=e=>{let{children:t,size:o,...a}=e;return px("ul",{role:"menu",...a,className:s(e.className,hr,E(hr,{size:o})),children:t})};ue.states=rx;ue.options=ix;ue.className=hr;ue.defaultOptions=lx;ue.moduleName=we;ue.folderName=je;import{jsx as ez,jsxs as tz}from"react/jsx-runtime";import{Fragment as dx,jsx as qo,jsxs as mx}from"react/jsx-runtime";var vr=e=>qo(le,{children:mx(dx,{children:[qo(ce,{text:"Item 1"}),qo(ce,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 2"}),qo(ce,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 3"}),qo(ce,{text:"Item 4"}),qo(ce,{text:"Item 5"})]}),...e});import{Fragment as mz,jsx as pz,jsxs as dz}from"react/jsx-runtime";import{Fragment as xz,jsx as bz,jsxs as Nz}from"react/jsx-runtime";import{Fragment as Mz,jsx as Lz,jsxs as Sz}from"react/jsx-runtime";import{Fragment as yz,jsx as Ez,jsxs as Iz}from"react/jsx-runtime";import{jsx as so,jsxs as xx}from"react/jsx-runtime";var cx={...le.options,scrollable:{type:"boolean"}},ux=le.states,Np={...le.defaultOptions,variant:"horizontal"},fx=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],bx=[{name:"opened",title:"Opened"}],Wo=e=>{let{variant:t,modifiers:o,...a}={...Np,...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:xx(ue,{children:[so(W,{text:"Item 1"}),so(W,{text:"Item 2"}),so(Xo,{}),so(W,{text:"Item 3"})]})}):null)}),t==="vertical"?so(vr,{...a,...n,orientation:"vertical",style:{width:"200px"}}):so(vr,{...a,...n})};Wo.options=cx;Wo.states=ux;Wo.variants=fx;Wo.defaultOptions=Np;Wo.modifiers=bx;Wo.className=le.className;import{Fragment as l1,jsx as r1,jsxs as i1}from"react/jsx-runtime";import{jsx as c1}from"react/jsx-runtime";import{Fragment as Lx,jsx as xt,jsxs as hp}from"react/jsx-runtime";var Nx=p.states,vp={...p.defaultOptions,variant:"text"},hx=p.options,vx=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],gx=[{name:"opened",title:"Opened"}],Jo=e=>{let{variant:t,modifiers:o,...a}={...vp,...e},n={},i=xt(q,{className:"k-menu-popup",children:hp(ue,{size:a.size,children:[xt(W,{text:"Menu Item"}),xt(W,{text:"Menu Item"}),xt(W,{text:"Menu Item"})]})}),l;switch(t){case"icon-only":l=xt("div",{children:xt(D,{...a,...n,icon:"star"})});break;case"icon-and-text":l=xt("div",{children:xt(D,{...a,...n,icon:"star",children:"Dropdown Button"})});break;default:l=xt("div",{children:xt(D,{...a,...n,children:"Dropdown Button"})});break}return hp(Lx,{children:[l,o?.opened&&i]})};Jo.options=hx;Jo.states=Nx;Jo.variants=vx;Jo.defaultOptions=vp;Jo.modifiers=gx;Jo.className=D.className;var gr="split-button",gp=gr;import{Fragment as kx,jsx as Lr,jsxs as Lp}from"react/jsx-runtime";var Mr="k-split-button",Mx=[r.hover,r.focus,r.active,r.selected,r.disabled],Sx={size:[d.undefined,d.small,d.medium,d.large],rounded:[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]},Mp={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=Mp.arrowIconName,popup:L,opened:M,popupId:k,...A}=e;return Lp(kx,{children:[Lp("div",{...A,className:s(e.className,Mr,"k-button-group",E(Mr,{rounded:o})),children:[Lr(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}),Lr(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&&Lr(q,{className:"k-menu-popup",children:L})]})};R.states=Mx;R.options=Sx;R.className=Mr;R.defaultOptions=Mp;R.moduleName=gr;R.folderName=gp;var Sr=R;import{jsx as Ax}from"react/jsx-runtime";var Cx="k-toolbar-separator",st=e=>Ax("div",{className:s(Cx,e.className,"k-separator")});var ro="toolbar",Yo=ro;import{Fragment as kr,jsx as _,jsxs as Zo}from"react/jsx-runtime";var kt="k-toolbar",Ex=[r.focus],yx={size:[d.undefined,d.small,d.medium,d.large],fillMode:[x.undefined,x.solid,x.outline,x.flat]},Ix={scrollButtons:"around"},U=e=>{let{size:t,fillMode:o,focus:a,resizable:n,scrollable:i,scrollButtons:l,scrollingPosition:m,section:u,...f}=e,N=[],g=(c,L)=>{let M=[];if(c.type===p&&c.props.className&&c.props.className.includes("k-toolbar-overflow-button"))M.push(_(p,{...c.props,className:`${c.props.className?c.props.className:""}`},`${L}-${new Date().getTime()}`));else if(c.type===p)M.push(_(p,{...c.props,className:`k-toolbar-button ${c.props.className?c.props.className:""}`},`${L}-${new Date().getTime()}`));else if(c.type===va)M.push(_(va,{...c.props,className:`k-toolbar-button ${c.props.className?c.props.className:""}`},`${L}-${new Date().getTime()}`));else if(c.type===X)M.push(_(X,{...c.props,className:`k-toolbar-button ${c.props.className?c.props.className:""}`},`${L}-${new Date().getTime()}`));else if(c.type===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===Sr)M.push(_(Sr,{...c.props,className:`k-toolbar-split-button ${c.props.className?c.props.className:""}`},`${L}-${new Date().getTime()}`));else if(c.type===T\|\|c.props.className&&c.props.className.includes("k-button-group")){let k=[];(Array.isArray(c.props.children)?c.props.children:[c.props.children]).forEach((C,y)=>{k.push(_(p,{...C.props,className:`${C.props.className?C.props.className:""}`},`${y}-${new Date().getTime()}`))}),M.push(_(T,{...c.props,className:`k-toolbar-button-group ${c.props.className?c.props.className:""}`,children:k},`${L}-${new Date().getTime()}`))}else c.type===Me?M.push(_(Me,{...c.props,className:`k-toolbar-combobox ${c.props.className?c.props.className:""}`},`${L}-${new Date().getTime()}`)):c.type===ne?M.push(_(ne,{...c.props,className:`k-toolbar-dropdownlist ${c.props.className?c.props.className:""}`},`${L}-${new Date().getTime()}`)):c.type===Qe?M.push(_(Qe,{...c.props,className:`k-toolbar-colorpicker ${c.props.className?c.props.className:""}`},`${L}-${new Date().getTime()}`)):M.push(c);M.forEach(k=>{N.push(k)})};return e.children&&(Array.isArray(e.children)?e.children:[e.children]).forEach((L,M)=>{g(L,M)}),Zo("div",{...f,className:s(e.className,kt,E(kt,{size:t,fillMode:o}),S(kt,{focus:a}),{[`${kt}-resizable`]:n,[`${kt}-scrollable`]:i,[`${kt}-scrollable-overlay`]:i&&l==="hidden",[`${kt}-scrollable-${m}`]:m&&m!=="both",[`${kt}-section`]:u}),role:"toolbar","aria-label":"Toolbar",children:[!i&&N,i&&l==="hidden"&&_("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N}),i&&l==="start"&&Zo(kr,{children:[Zo(T,{children:[_("span",{className:s("k-toolbar-prev","k-button",E("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:_(v,{className:"k-button-icon",icon:"chevron-left"})}),_("span",{className:s("k-toolbar-next","k-button",E("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:_(v,{className:"k-button-icon",icon:"chevron-right"})})]}),_(st,{className:"k-toolbar-button-separator"}),_("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N})]}),i&&l==="end"&&Zo(kr,{children:[_("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N}),_(st,{className:"k-toolbar-button-separator"}),Zo(T,{children:[_("span",{className:s("k-toolbar-prev","k-button",E("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:_(v,{className:"k-button-icon",icon:"chevron-left"})}),_("span",{className:s("k-toolbar-next","k-button",E("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:_(v,{className:"k-button-icon",icon:"chevron-right"})})]})]}),i&&(l==="around"\|\|!l)&&Zo(kr,{children:[_("span",{className:s("k-toolbar-prev","k-button",E("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:_(v,{className:"k-button-icon",icon:"chevron-left"})}),_(st,{className:"k-toolbar-button-separator"}),_("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N}),_(st,{className:"k-toolbar-button-separator"}),_("span",{className:s("k-toolbar-next","k-button",E("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:_(v,{className:"k-button-icon",icon:"chevron-right"})})]})]})};U.states=Ex;U.options=yx;U.className=kt;U.defaultOptions=Ix;U.moduleName=ro;U.folderName=Yo;import{jsx as Px}from"react/jsx-runtime";var Cr="k-toolbar-item",Tx=[r.focus],Ox={},Bx={},Qo=e=>{let{focus:t,...o}=e;return Px("div",{...o,className:s(e.className,Cr,S(Cr,{focus:t})),children:e.children})};Qo.states=Tx;Qo.options=Ox;Qo.className=Cr;Qo.defaultOptions=Bx;Qo.moduleName=ro;Qo.folderName=Yo;import{jsx as Sp}from"react/jsx-runtime";var kp="k-toolbar-popup",Kx=[],Rx={size:[d.undefined,d.small,d.medium,d.large],fillMode:[x.undefined,x.solid,x.outline,x.flat]},_x={},io=e=>{let{size:t,fillMode:o,section:a,...n}=e;return Sp(q,{...n,className:s(e.className,kp),children:a?Sp("span",{className:s("k-toolbar-items-list",E("k-toolbar-items-list",{size:t,fillMode:o})),role:"toolbar",children:e.children}):e.children})};io.states=Kx;io.options=Rx;io.className=kp;io.defaultOptions=_x;io.moduleName=ro;io.folderName=Yo;var yn=io;import{jsx as m2}from"react/jsx-runtime";import{jsx as b2}from"react/jsx-runtime";import{jsx as v2}from"react/jsx-runtime";import{jsx as C2,jsxs as A2}from"react/jsx-runtime";import{jsx as T2}from"react/jsx-runtime";import{jsx as Ct,jsxs as Ux}from"react/jsx-runtime";var wx=R.states,Cp={...R.defaultOptions,variant:"text"},Dx=R.options,Hx=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],zx=[{name:"opened",title:"Opened"}],jo=e=>{let{variant:t,modifiers:o,...a}={...Cp,...e},n={},i=Ux(ue,{size:a.size,children:[Ct(W,{text:"Menu Item"}),Ct(W,{text:"Menu Item"}),Ct(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 Ct("div",{children:Ct(R,{...a,...n,icon:"star"})});case"icon-and-text":return Ct("div",{children:Ct(R,{...a,...n,icon:"star",children:"Split Button"})});default:return Ct("div",{children:Ct(R,{...a,...n,children:"Split Button"})})}};jo.options=Dx;jo.states=wx;jo.variants=Hx;jo.defaultOptions=Cp;jo.modifiers=zx;jo.className=R.className;import{jsx as lo,jsxs as Fx}from"react/jsx-runtime";var Ap=e=>lo(U,{children:[lo(p,{children:"Button"},"toolbar-button"),lo(D,{text:"Menu button"},"toolbar-menu-button"),lo(R,{children:"Split button"},"toolbar-split-button"),Fx(T,{children:[lo(p,{className:"k-group-start",icon:"align-left",children:"Left"}),lo(p,{icon:"align-center",children:"Center"}),lo(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});import{jsx as sU,jsxs as rU}from"react/jsx-runtime";import{jsx as De,jsxs as Ep}from"react/jsx-runtime";var yp=e=>De(U,{scrollable:!0,...e,children:[De(p,{children:"Button"},"toolbar-button"),De(D,{text:"Menu button"},"toolbar-menu-button"),De(R,{children:"Split button"},"toolbar-split-button"),Ep(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"),Ep(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 Ip}from"react/jsx-runtime";var Tp=({scrollingPosition:e="start",...t})=>He(U,{scrollable:!0,scrollButtons:"hidden",scrollingPosition:e,...t,children:[He(p,{children:"Button"},"toolbar-button"),He(D,{text:"Menu button"},"toolbar-menu-button"),He(R,{children:"Split button"},"toolbar-split-button"),Ip(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"),Ip(T,{children:[He(p,{className:"k-group-start",icon:"align-left",children:"Left"}),He(p,{icon:"align-center",children:"Center"}),He(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...t});import{Fragment as Gx,jsx as Te,jsxs as In}from"react/jsx-runtime";var Op=({fillMode:e,size:t,...o})=>In(Gx,{children:[Te(U,{section:!0,fillMode:e,size:t,children:[Te(p,{fillMode:e,size:t,children:"Button"},"toolbar-button"),In(T,{fillMode:e,children:[Te(p,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),Te(p,{icon:"align-center",fillMode:e,size:t,children:"Center"}),Te(p,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group"),Te(st,{className:"k-toolbar-button-separator"}),Te(p,{icon:"more-horizontal",className:"k-toolbar-overflow-button",fillMode:"flat",size:t,"aria-label":"More options","aria-expanded":"false"})],...o}),In(yn,{size:t,fillMode:e,section:!0,...o,children:[Te(R,{fillMode:e,size:t,children:"Split button"},"toolbar-split-button"),Te(p,{fillMode:e,size:t,children:"Button"},"toolbar-button"),Te(st,{}),Te(D,{text:"Menu button",fillMode:e,size:t},"toolbar-menu-button"),In(T,{fillMode:e,children:[Te(p,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),Te(p,{icon:"align-center",fillMode:e,size:t,children:"Center"}),Te(p,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group")]})]});import{Fragment as HU,jsx as wU,jsxs as DU}from"react/jsx-runtime";import{Fragment as YU,jsx as WU,jsxs as JU}from"react/jsx-runtime";import{jsx as Ut}from"react/jsx-runtime";var Vx=U.options,$x=U.states,Bp={...U.defaultOptions,variant:"default"},Xx=[{name:"default",title:"Default"},{name:"scrollable",title:"Scrollable"},{name:"overlay",title:"Overlay"},{name:"responsive",title:"Responsive"}],qx=[],ea=e=>{let{variant:t,...o}={...Bp,...e};switch(t){case"responsive":return Ut("div",{children:Ut(Op,{style:{width:"583px"},...o})});case"overlay":return Ut("div",{children:Ut(Tp,{style:{width:"583px"},...o,scrollingPosition:"start",scrollButtons:"hidden"})});case"scrollable":return Ut("div",{children:Ut(yp,{style:{width:"583px"},...o})});default:return Ut("div",{children:Ut(Ap,{style:{width:"583px"},...o})})}};ea.options=Vx;ea.states=$x;ea.variants=Xx;ea.defaultOptions=Bp;ea.modifiers=qx;ea.className=U.className;import{Fragment as Zx,jsx as rt,jsxs as Ha}from"react/jsx-runtime";var Pp="k-message",Wx=[r.hover,r.selected,r.active,r.focus],Jx={},Yx=[rt(p,{icon:"copy",fillMode:"flat","aria-label":"Copy"}),rt(p,{icon:"arrow-rotate-cw",fillMode:"flat","aria-label":"Retry"}),rt(p,{icon:"download",fillMode:"flat","aria-label":"Download"})],ta={time:"Thu Feb 08 2018",text:"How can I help you?",status:"Seen",toolbarItems:Yx,failed:"Failed to send"},F=e=>{let{time:t=ta.time,text:o=ta.text,content:a,status:n=ta.status,statusIcon:i,toolbarItems:l=ta.toolbarItems,hover:m,selected:u,active:f,focus:N,toolbar:g,typing:c,expandable:L,expanded:M,removed:k,files:A,failed:C,...y}=e,H=C===!0?ta.failed:C;return Ha("div",{...y,className:s(Pp,e.className,{"k-message-removed":k,"k-message-failed":C}),children:[C&&rt(X,{className:"k-resend-button",icon:"arrow-rotate-cw",size:"xsmall",fillMode:"clear","aria-label":"Resend"}),rt(Kp,{typing:c,selected:u,hover:m,active:f,focus:N,content:Ha(Zx,{children:[a,o&&rt("span",{className:"k-chat-bubble-text",children:o})]}),expandable:L,expanded:M,files:A}),Ha("div",{className:"k-message-info",children:[n&&Ha("span",{className:"k-message-status",children:[i&&rt(v,{icon:i,size:"xsmall"}),n]}),t&&rt("time",{className:"k-message-time",children:t}),C&&Ha("span",{className:"k-message-failed-content",children:[C&&rt(v,{icon:"warning-triangle",size:"xsmall"}),C&&rt("span",{className:"k-message-failed-text",children:H})]})]}),g&&rt(U,{className:"k-chat-message-toolbar",fillMode:"flat",children:l})]})};F.states=Wx;F.options=Jx;F.className=Pp;F.moduleName=null;F.folderName=null;F.defaultOptions=ta;var Ar="avatar",Rp=Ar;import{jsx as _p}from"react/jsx-runtime";var za="k-avatar";var Qx=[r.hover,r.focus,r.active,r.selected,r.disabled],jx={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]},Er={type:"text",border:!1},Se=e=>{let{size:t,rounded:o,fillMode:a,themeColor:n,type:i=Er.type,border:l=Er.border,...m}=e;return _p("div",{...m,className:s(e.className,za,E(za,{size:t,rounded:o,fillMode:a,themeColor:n}),{[`${za}-bordered`]:l}),children:_p("span",{className:`${za}-${i}`,children:e.children})})};Se.states=Qx;Se.options=jx;Se.className=za;Se.defaultOptions=Er;Se.moduleName=Ar;Se.folderName=Rp;var po=Se;import{jsx as eN}from"react/jsx-runtime";var wp=e=>eN(po,{type:"icon",...e});import{jsx as tN}from"react/jsx-runtime";var Dp=e=>tN(po,{type:"text",...e});import{jsx as oN}from"react/jsx-runtime";var Tn=e=>oN(po,{type:"image",...e});import{jsx as F3}from"react/jsx-runtime";import{jsx as Ua}from"react/jsx-runtime";var aN=Se.options,nN=Se.states,sN={...Se.defaultOptions,variant:"image"},rN=[{name:"image",title:"Image"},{name:"icon",title:"Icon Avatar"},{name:"text",title:"Text Avatar"}],iN=[],oa=e=>{let{variant:t,...o}=e;switch(t){case"icon":return Ua(wp,{...o,children:Ua(v,{icon:"star"})});case"text":return Ua(Dp,{...o,children:"JO"});default:return Ua(Tn,{...o,children:Ua("img",{src:"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg"})})}};oa.options=aN;oa.states=nN;oa.variants=rN;oa.defaultOptions=sN;oa.modifiers=iN;oa.className=Se.className;import{jsx as aa,jsxs as yr}from"react/jsx-runtime";var Fa="k-message-group",lN=[r.selected],pN={},On={author:"Bruv",avatar:"/packages/html/assets/avatar.jpg",type:"receiver"},$=e=>{let{type:t=On.type,author:o=On.author,avatar:a=On.avatar,status:n,selected:i,fullWidth:l,...m}=e;return yr("div",{...m,className:s(Fa,e.className,S(Fa,{selected:i}),{[`${Fa}-${t}`]:t,"k-no-avatar":!a,[`${Fa}-full-width`]:l}),children:[a&&!n&&aa(Se,{type:"image",children:aa("img",{src:a,alt:o\|\|""})}),n&&a&&yr("div",{className:"k-chat-user-status-wrapper",children:[aa(Se,{type:"image",children:aa("img",{src:a,alt:o\|\|""})}),aa("div",{className:"k-chat-user-status"})]}),yr("div",{className:"k-message-group-content",children:[o&&aa("span",{className:"k-message-author",children:o}),e.children]})]})};$.states=lN;$.options=pN;$.className=Fa;$.defaultOptions=On;import{Fragment as mN,jsx as Bn,jsxs as Hp}from"react/jsx-runtime";var Ir="k-message-reference",dN={},zp={type:"receiver"},Ft=e=>{let{content:t,closeable:o,pinned:a,type:n=zp.type,...i}=e;return Hp("div",{...i,className:s(Ir,e.className,{[`${Ir}-${n}`]:n,"k-message-pinned":a}),children:[a&&Bn(v,{icon:"pin"}),Bn("div",{className:"k-message-reference-content",children:t}),o&&Hp(mN,{children:[Bn("span",{className:"k-spacer"}),Bn(p,{icon:"x-circle",fillMode:"flat",size:"xsmall","aria-label":"Close"})]})]})};Ft.options=dN;Ft.className=Ir;Ft.moduleName=null;Ft.folderName=null;Ft.defaultOptions=zp;var Tr="bubble",Up=Tr;import{jsx as Pn,jsxs as uN}from"react/jsx-runtime";var Or="k-bubble",cN=[r.hover,r.active,r.selected,r.focus],Br={expandable:!1,expanded:!1},mo=e=>{let{content:t,hover:o,active:a,focus:n,selected:i,expandable:l=Br.expandable,expanded:m=Br.expanded,...u}=e;return uN("div",{...u,className:s(e.className,Or,S(Or,{hover:o,active:a,focus:n,selected:i}),{"k-bubble-expandable":l},{"k-expanded":m}),tabIndex:0,children:[Pn("div",{className:"k-bubble-content",children:t??e.children}),l&&Pn("span",{className:"k-bubble-expandable-indicator",role:"button","aria-label":m?"Show less":"Show more",tabIndex:0,children:m?Pn(v,{icon:"chevron-up"}):Pn(v,{icon:"chevron-down"})})]})};mo.states=cN;mo.className=Or;mo.defaultOptions=Br;mo.moduleName=Tr;mo.folderName=Up;import{jsx as M5}from"react/jsx-runtime";import{jsx as A5}from"react/jsx-runtime";import{jsx as T5}from"react/jsx-runtime";import{jsx as Pr,jsxs as Gp}from"react/jsx-runtime";var fN="k-chat-bubble",Kp=e=>{let{typing:t,content:o,files:a,...n}=e;return Gp(mo,{...n,className:s(e.className,fN),children:[t?Gp("div",{className:"k-typing-indicator",tabIndex:-1,children:[Pr("span",{}),Pr("span",{}),Pr("span",{})]}):o,a]})};import{jsx as $5}from"react/jsx-runtime";import{jsx as Vp,jsxs as bN}from"react/jsx-runtime";var $p="k-chat-event",Kr={icon:"trash",text:"You deleted Chat history."},Xp=e=>{let{icon:t=Kr.icon,text:o=Kr.text,...a}=e;return bN("div",{...a,className:s(e.className,$p),children:[t&&Vp(v,{className:"k-chat-event-icon",icon:t,size:"xsmall"}),o&&Vp("span",{className:"k-chat-event-text",children:o})]})};Xp.className=$p;Xp.defaultOptions=Kr;import{jsx as tF}from"react/jsx-runtime";import{Fragment as xN,jsx as Nt,jsxs as NN}from"react/jsx-runtime";var qp=e=>Nt(G,{children:NN(xN,{children:[Nt("div",{className:"k-timestamp",children:"Day, Month 7, 2023"}),Nt($,{children:Nt(F,{})}),Nt($,{type:"sender",children:Nt(F,{})}),Nt($,{children:Nt(F,{text:"Very long message text that tests message overflowing behavior. Very long message text that tests message overflowing behavior."})}),Nt($,{type:"sender",children:Nt(F,{text:"Unusually_long_word_that_tests_word_break_behavior__unusually_long_word_that_tests_word_break_behavior"})})]}),...e});import{Fragment as pF,jsx as lF,jsxs as dF}from"react/jsx-runtime";var Rr="skeleton",Wp=Rr;import{jsx as LN}from"react/jsx-runtime";var _r="k-skeleton",hN=["circle","text","rect"],vN=[],gN={},wr={variant:"text",shape:"text",animation:"pulse"},ht=e=>{let{variant:t,shape:o,animation:a=wr.animation,...n}=e,i=`skeleton-${t\|\|o\|\|wr.variant}`;return LN("span",{...n,className:s(e.className,_r,Ja(_r,i),{[`k-skeleton-${a}`]:a}),style:e.style})};ht.states=vN;ht.options=gN;ht.variants=hN;ht.className=_r;ht.defaultOptions=wr;ht.moduleName=Rr;ht.folderName=Wp;import{jsx as vF}from"react/jsx-runtime";import{jsx as SF}from"react/jsx-runtime";import{jsx as EF}from"react/jsx-runtime";import{Fragment as UF,jsx as HF,jsxs as zF}from"react/jsx-runtime";import{Fragment as XF,jsx as $F,jsxs as qF}from"react/jsx-runtime";var Dr="window",Jp=Dr;import{jsx as CN}from"react/jsx-runtime";var Yp="k-window-content",MN=[],SN={},kN={},Gt=e=>{let{children:t,...o}=e;return CN("div",{...o,className:s(Yp,e.className),children:t})};Gt.states=MN;Gt.options=SN;Gt.className=Yp;Gt.defaultOptions=kN;Gt.moduleName=Dr;Gt.folderName=Jp;var Ga="dialog",Kn=Ga;import{Fragment as yN,jsx as co,jsxs as Hr}from"react/jsx-runtime";var Zp="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(ut,{}),Hr("div",{...l,className:s(e.className,Zp,"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=Zp;ze.defaultOptions=zr;ze.moduleName=Ga;ze.folderName=Kn;var Ur=ze;import{jsx as BN}from"react/jsx-runtime";var Qp="k-dialog-wrapper",IN=[],TN={},ON={},na=e=>{let{...t}=e;return BN("div",{...t,className:s(e.className,Qp),children:e.children})};na.states=IN;na.options=TN;na.className=Qp;na.defaultOptions=ON;na.moduleName=Ga;na.folderName=Kn;import{Fragment as jp,jsx as Rn,jsxs as PN}from"react/jsx-runtime";var ed=e=>Rn(Ur,{title:"Title",children:Rn(jp,{children:"Dialog content"}),actionButtons:PN(jp,{children:[Rn(p,{children:"Action"}),Rn(p,{themeColor:"primary",children:"Primary"})]}),actions:["x"],...e});import{Fragment as gG,jsx as LG,jsxs as MG}from"react/jsx-runtime";import{Fragment as HN,jsx as _n,jsxs as zN}from"react/jsx-runtime";var KN=ze.options,RN=[],_N=ze.states,wN=ze.defaultOptions,DN=[],sa=e=>_n(ed,{style:{width:"350px",height:"215px"},...e,title:"Please confirm",actions:["x"],actionButtonsAlign:"stretched",actionButtons:zN(HN,{children:[_n(p,{children:"No"}),_n(p,{themeColor:"primary",children:"Yes"})]}),children:_n("p",{style:{margin:"36px",textAlign:"center"},children:"Are you sure you want to continue?"})});sa.options=KN;sa.states=_N;sa.variants=RN;sa.defaultOptions=wN;sa.modifiers=DN;sa.className=ze.className;var Fr="dropzone",td=Fr;import{jsx as wn,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"},ke=e=>{let{hover:t,disabled:o,icon:a=Vr.icon,hint:n=Vr.hint,note:i,...l}=e;return wn("div",{...l,className:s(e.className,Gr,S(Gr,{disabled:o}),{"k-external-dropzone-hover":t}),children:GN("div",{className:"k-dropzone-inner",children:[a&&wn(v,{icon:a,className:"k-dropzone-icon",size:"xxxlarge"}),n&&wn("span",{className:"k-dropzone-hint",children:n}),i&&wn("span",{className:"k-dropzone-note",children:i})]})})};ke.states=UN;ke.options=FN;ke.className=Gr;ke.defaultOptions=Vr;ke.moduleName=Fr;ke.folderName=td;import{jsx as VN}from"react/jsx-runtime";var od=e=>VN(ke,{...e});import{jsx as qG}from"react/jsx-runtime";import{jsx as YN}from"react/jsx-runtime";var $N=ke.options,XN=ke.states,qN=ke.defaultOptions,WN=[{name:"note",title:"Note"}],JN=[],ra=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(n=>{n==="note"&&(a.note=t?.[n]?"Only JPEG, PNG and SVG files are allowed.":void 0)}),YN(od,{style:{width:"500px"},...o,...a})};ra.options=$N;ra.states=XN;ra.variants=JN;ra.defaultOptions=qN;ra.modifiers=WN;ra.className=ke.className;import{Fragment as Dn,jsx as Vt,jsxs as Va}from"react/jsx-runtime";var $r="k-upload-dropzone",ZN=[r.hover],Hn=e=>{let{hover:t,status:o,disabled:a,hasFiles:n,filesId:i,...l}=e,m;switch(o){case"uploading":m=Va(Dn,{children:[Vt(v,{icon:"upload"}),"Uploading..."]});break;case"done":m=Va(Dn,{children:[Vt(v,{icon:"check"}),"Done"]});break;case"failed":m=Va(Dn,{children:[Vt(v,{icon:"exclamation-circle"}),"Done"]});break;default:m=Vt(Dn,{});break}return Va("div",{...l,className:s(e.className,$r,"k-dropzone",S($r,{hover:t})),children:[Va("div",{className:"k-upload-button-wrap",children:[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})]})};Hn.states=ZN;Hn.className=$r;var Xr="upload",ad=Xr;import{jsx as zn,jsxs as sd}from"react/jsx-runtime";var qr="k-upload",QN=[r.hover,r.disabled],jN={},rd={actionsLayout:"end"},nd="upload-files-list",ae=e=>{let{async:t,empty:o,actions:a,actionsLayout:n=rd.actionsLayout,hover:i,status:l,disabled:m,...u}=e,f=!!e.children;return sd("div",{...u,className:s(e.className,qr,S(qr,{disabled:m}),{"k-upload-async":t,"k-upload-empty":o}),children:[zn(Hn,{status:l,hover:i,disabled:m,hasFiles:f,filesId:nd}),f&&zn("ul",{className:"k-upload-files",role:"list",id:nd,children:e.children}),a&&f&&sd(Qi,{alignment:n,orientation:"horizontal",children:[zn(p,{className:"k-clear-selected",children:"Clear"}),zn(p,{themeColor:"primary",className:"k-upload-selected",children:"Upload"})]})]})};ae.states=QN;ae.options=jN;ae.className=qr;ae.defaultOptions=rd;ae.moduleName=Xr;ae.folderName=ad;var $a="progressbar",Un=$a;import{jsx as Jr,jsxs as Wr}from"react/jsx-runtime";var et="k-progressbar",eh=[r.disabled,r.indeterminate],th={orientation:["horizontal","vertical"]},uo={indeterminate:!1,label:!0,labelPosition:"start",orientation:"horizontal",reverse:!1,value:"0"},Ce=e=>{let{disabled:t,height:o,indeterminate:a=uo.indeterminate,label:n=uo.label,labelPosition:i=uo.labelPosition,orientation:l=uo.orientation,reverse:m=uo.reverse,value:u=uo.value,width:f,style:N,ariaLabel:g,...c}=e;return Wr("div",{...c,className:s(e.className,et,S(et,{disabled:t}),{[`${et}-${l}`]:l,[`${et}-indeterminate`]:a,[`${et}-reverse`]:m}),style:{...N,"--kendo-progressbar-value":u,[l==="horizontal"?"height":"width"]:l==="horizontal"?o:f},role:"progressbar","aria-label":g\|\|"progress","aria-valuenow":a?void 0:Number(u),"aria-valuemin":0,"aria-valuemax":100,children:[Jr("span",{className:s("k-progress-status-wrap",{[`k-progress-${i}`]:i&&!a}),children:n&&Wr("span",{className:"k-progress-status",children:[u,"%"]})}),!a&&Jr("div",{className:"k-progressbar-value k-selected",children:Jr("span",{className:s("k-progress-status-wrap",{[`k-progress-${i}`]:i}),children:n&&Wr("span",{className:"k-progress-status",children:[e.value,"%"]})})})]})};Ce.states=eh;Ce.options=th;Ce.className=et;Ce.defaultOptions=uo;Ce.moduleName=$a;Ce.folderName=Un;var id=Ce;import{jsx as Yr}from"react/jsx-runtime";var ld="k-chunk-progressbar",oh=(e,t)=>t<=e-1,ah=[r.disabled,r.indeterminate],nh={},Fn={chunkCount:5,orientation:"horizontal",progress:0},ia=e=>{let{disabled:t,chunkCount:o=Fn.chunkCount,indeterminate:a,orientation:n=Fn.orientation,progress:i=Fn.progress,reverse:l,ariaLabel:m,...u}=e;return Yr("div",{...u,className:s(e.className,et,ld,S(et,{disabled:t}),{[`${et}-${n}`]:n,[`${et}-indeterminate`]:a,[`${et}-reverse`]:l}),role:"progressbar","aria-label":m\|\|"progress","aria-valuenow":a?void 0:i,"aria-valuemin":0,"aria-valuemax":o,children:Yr("ul",{className:"k-progressbar-chunks k-reset",children:[...Array(o)].map((f,N)=>Yr("li",{className:s("k-progressbar-chunk",{"k-first":N===0,"k-last":N===[...Array(o)].length-1,"k-selected":oh(i,N)})},N))})})};ia.states=ah;ia.options=nh;ia.className=ld;ia.defaultOptions=Fn;ia.moduleName=$a;ia.folderName=Un;import{jsx as sh}from"react/jsx-runtime";var Xa=e=>sh(id,{...e});import{jsx as K6}from"react/jsx-runtime";import{jsx as $t}from"react/jsx-runtime";var rh=Ce.options,ih=Ce.states,pd={...Ce.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=[],la=e=>{let{variant:t,modifiers:o,...a}={...pd,...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(Xa,{...a,...n,labelPosition:"end",value:"50"})});case"center":return $t("div",{...i,children:$t(Xa,{...a,...n,labelPosition:"center",value:"50"})});case"empty":return $t("div",{...i,children:$t(Xa,{...a,...n,label:!1,value:"50"})});default:return $t("div",{...i,children:$t(Xa,{...a,...n,labelPosition:"start",value:"50"})})}};la.options=rh;la.states=ih;la.variants=lh;la.defaultOptions=pd;la.modifiers=ph;la.className=Ce.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 At,jsxs as Gn}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 At("li",{...u,className:s(e.className,ch,{[`k-file-${t}`]:t}),role:"listitem",tabIndex:0,children:Gn("div",{className:"k-file-single",children:[At(Ce,{className:s({"k-hidden":t!=="progress"}),value:o,label:!1}),Gn("span",{className:"k-file-icon-wrapper",children:[At(v,{className:"k-file-icon",icon:n,size:"xxlarge"}),l&&At("span",{className:"k-file-state",children:l})]}),At(Qr,{name:a,size:i,validationMsg:m}),At("div",{className:"k-upload-actions",children:t==="progress"?Gn(uh,{children:[Gn("span",{className:"k-upload-pct",children:[o,"%"]}),At(p,{icon:"pause",fillMode:"flat",size:"xsmall",className:"k-upload-action","aria-label":"Pause upload",tabIndex:-1}),At(p,{icon:"cancel",fillMode:"flat",size:"xsmall",className:"k-upload-action","aria-label":"Cancel upload",tabIndex:-1})]}):At(p,{icon:"x",fillMode:"flat",size:"xsmall",className:"k-upload-action","aria-label":"Remove file",tabIndex:-1})})]})})};import{Fragment as d7,jsx as l7,jsxs as p7}from"react/jsx-runtime";import{Fragment as fh,jsx as jr,jsxs as bh}from"react/jsx-runtime";var qa=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 g7,jsx as h7,jsxs as v7}from"react/jsx-runtime";import{jsx as xh}from"react/jsx-runtime";var dd=e=>xh(ae,{async:!0,empty:!0,...e});import{Fragment as y7,jsx as E7,jsxs as I7}from"react/jsx-runtime";import{Fragment as K7,jsx as P7,jsxs as R7}from"react/jsx-runtime";import{jsx as Et,jsxs as Vn}from"react/jsx-runtime";var Nh=ae.options,hh=ae.states,md={...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=[],pa=e=>{let{variant:t,...o}={...md,...e};switch(t){case"success":return Vn(qa,{status:"done",style:{width:"586px"},...o,children:[Et(Oe,{status:"success",validationMsg:"File(s) uploaded successfully.",name:"Image1.png",icon:"file-image"}),Et(Oe,{status:"success",validationMsg:"File(s) uploaded successfully.",name:"Image2.png",icon:"file-image"})]});case"failed":return Vn(qa,{status:"failed",style:{width:"586px"},...o,children:[Et(Oe,{status:"error",validationMsg:"File type not allowed.",name:"Movie1.mkv",icon:"file-image"}),Et(Oe,{status:"error",validationMsg:"File type not allowed.",name:"Video2.mkv",icon:"file-image"})]});case"uploading":return Vn(qa,{status:"uploading",style:{width:"586px"},...o,children:[Et(Oe,{progress:"50",status:"progress",name:"Document1.txt",icon:"file-pdf",size:"328.92 KB"}),Et(Oe,{progress:"70",status:"progress",name:"Document2.txt",icon:"file-pdf",size:"225.68 KB"})]});case"upload":return Vn(qa,{actions:!0,status:"upload",style:{width:"586px"},...o,children:[Et(Oe,{name:"Image1.png",icon:"file-image",size:"51.23 KB"}),Et(Oe,{name:"Image2.jpg",icon:"file-image",size:"106.43 KB"})]});default:return Et(dd,{async:!0,status:"upload",style:{width:"586px"},...o})}};pa.options=Nh;pa.states=hh;pa.variants=vh;pa.defaultOptions=md;pa.modifiers=gh;pa.className=ae.className;import{Fragment as p9,jsx as l9,jsxs as d9}from"react/jsx-runtime";import{jsx as f9}from"react/jsx-runtime";import{Fragment as v9,jsx as h9,jsxs as g9}from"react/jsx-runtime";import{Fragment as C9,jsx as k9,jsxs as A9}from"react/jsx-runtime";import{Fragment as O9,jsx as T9,jsxs as B9}from"react/jsx-runtime";import{Fragment as w9,jsx as _9}from"react/jsx-runtime";import{jsx as cd}from"react/jsx-runtime";var $n="k-file-box-wrapper",ud={layout:"horizontal"},it=e=>{let{layout:t=ud.layout,scrollingPosition:o,...a}=e;return cd("ul",{role:"list","aria-label":"Attached files",...a,className:s(e.className,$n,{"k-files-vertical":t==="vertical","k-files-wrap":t==="wrap",[`${$n}-scrollable-start`]:t==="horizontal"&&(o==="start"\|\|o==="both"),[`${$n}-scrollable-end`]:t==="horizontal"&&(o==="end"\|\|o==="both")}),children:t==="horizontal"?cd("div",{className:"k-files-scroll",role:"presentation",children:e.children}):e.children})};it.className=$n;it.defaultOptions=ud;var ei="file-box",fd=ei;import{jsx as da,jsxs as bd}from"react/jsx-runtime";var xd="k-file-box",Lh=[r.selected],Mh={},Wa={icon:"file-pdf",name:"FileName.pdf",size:"2MB",showButton:"true"},se=e=>{let{icon:t=Wa.icon,name:o=Wa.name,size:a=Wa.size,status:n,deleted:i,removeButton:l,showButton:m=Wa.showButton,...u}=e,f=[o,a].filter(Boolean).join(" ");return bd("li",{role:"listitem",tabIndex:0,"aria-label":f\|\|void 0,...u,className:s(xd,e.className,{"k-file-deleted":i}),children:[da(v,{icon:t,size:"xlarge","aria-hidden":"true"}),bd("div",{className:"k-file-info",children:[o&&da("span",{className:"k-file-name",children:o}),a&&da("span",{className:"k-file-size",children:a}),n&&da("span",{className:"k-file-status",children:n})]}),m&&(l?da(p,{as:"span",icon:"x-circle",fillMode:"flat",size:"xsmall","aria-hidden":"true"}):da(D,{icon:"more-vertical",fillMode:"flat",size:"xsmall",showArrow:!1,"aria-label":"File actions"}))]})};se.states=Lh;se.options=Mh;se.className=xd;se.defaultOptions=Wa;se.moduleName=ei;se.folderName=fd;import{jsx as j9}from"react/jsx-runtime";import{jsx as n4}from"react/jsx-runtime";import{jsx as p4,jsxs as d4}from"react/jsx-runtime";import{jsx as b4,jsxs as x4}from"react/jsx-runtime";import{jsx as L4}from"react/jsx-runtime";var ti="appbar",Nd=ti;import{jsx as Ah}from"react/jsx-runtime";var oi="k-appbar",Sh=[],kh={themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary,h.inverse]},Ch={},Ae=e=>{let{themeColor:t,positionMode:o,position:a,...n}=e;return Ah("div",{...n,className:s(e.className,oi,E(oi,{themeColor:t}),{[`k-appbar-${o}`]:o,[`k-appbar-${a}`]:a}),children:e.children})};Ae.states=Sh;Ae.options=kh;Ae.className=oi;Ae.defaultOptions=Ch;Ae.moduleName=ti;Ae.folderName=Nd;import{jsx as yh}from"react/jsx-runtime";var Eh="k-appbar-section",vt=e=>{let{...t}=e;return yh("div",{...t,className:s(Eh,e.className),children:e.children})};import{Fragment as V4,jsx as F4,jsxs as G4}from"react/jsx-runtime";import{jsx as j,jsxs as ma}from"react/jsx-runtime";var ai={...Ae.options,positionMode:["static","sticky","fixed"]},Ih=Ae.states,hd={...Ae.defaultOptions,themeColor:"primary",variant:"top",positionMode:"sticky"};ai.themeColor=["primary",...ai.themeColor.filter(e=>e!=="primary")];var Th=[{name:"top",title:"Top"},{name:"bottom",title:"Bottom"}],ca=e=>{let{variant:t,...o}={...hd,...e},a=ma(Ae,{position:t,...o,children:[j(vt,{children:j(X,{fillMode:"flat",icon:"menu"})}),j("span",{className:"k-spacer k-spacer-sized",style:{width:"8px"}}),j(vt,{children:j("h3",{className:"k-m-0",children:"AppBar"})}),j("span",{className:"k-spacer"}),ma(vt,{children:[j(at,{fillMode:"flat",children:"Button"}),j(at,{fillMode:"flat",children:"Button"}),j(at,{fillMode:"flat",children:"Button"})]}),j("span",{className:"k-spacer k-spacer-sized",style:{width:"8px"}}),j(vt,{children:j(pn,{value:"Input value"})}),ma(vt,{children:[j(X,{className:"k-mx-sm",fillMode:"flat",icon:"bell"}),j("span",{className:"k-appbar-separator"}),j(Tn,{className:"k-mx-sm",children:j("img",{src:"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg"})})]})]}),n=ma("div",{style:{padding:"25px 10px"},children:[j("p",{children:"Lorem ipsum dolor sit amet consectetur adipisicing elit. Fugit, harum magnam? Possimus magnam non natus error consectetur voluptatum, unde quasi rerum ad facere, hic in! Qui ducimus ab sed consequuntur excepturi fugiat! Facilis fuga asperiores pariatur sed. Eligendi aliquid vel nemo, ipsum tempora minima consequatur culpa molestias maiores nihil eveniet accusantium porro. Inventore saepe ut ad in a. Quo itaque est expedita quidem consectetur enim quam minima, quisquam harum velit, earum adipisci provident, officia eveniet voluptas vero accusamus ad ducimus laudantium!"}),j("p",{children:"Consequatur incidunt sequi explicabo adipisci saepe, accusamus, numquam fuga quam ex, provident possimus ratione blanditiis ducimus quos nulla repellat error pariatur nemo nobis illo! Saepe deleniti dolore cumque, sequi similique eligendi consectetur corrupti iste reprehenderit adipisci enim laudantium inventore totam quos non impedit quibusdam et consequuntur blanditiis accusamus! Rerum, nostrum. Rerum, tempore earum officia alias suscipit ut minima recusandae dolorem reprehenderit ea?"}),j("p",{children:"Aliquam pariatur ut expedita, repellat architecto aut, consequatur iure recusandae tempora odit consequuntur, nihil nostrum totam accusantium at. Dignissimos repellendus culpa nesciunt. Officia repudiandae, laudantium error iure in minus ratione reprehenderit dolorum alias quo voluptatibus doloremque aliquid exercitationem quidem odit earum natus autem eaque tempore nulla esse sapiente? Dolore aliquid aliquam modi velit quaerat!"}),j("p",{children:"Sunt consequuntur, aliquam eius beatae ex odit quasi iusto, accusamus architecto corrupti reprehenderit dolores itaque aliquid veniam odio eaque vel doloremque? Corporis, tenetur delectus deleniti voluptatum autem necessitatibus esse nisi ad, optio cumque quas dignissimos reprehenderit. Optio dolores quam corporis ea, reiciendis eos sit. Voluptate vel esse necessitatibus eum, sunt fuga, quaerat, eos natus quod repellendus nulla voluptatem ut quo quas ipsa animi incidunt autem saepe perferendis. Sequi ratione in iste, quibusdam, neque facilis accusantium, eum rem error sunt a explicabo commodi impedit quam."})]});return t==="bottom"?ma("div",{style:{height:"250px",overflow:"auto"},children:[n,a]}):ma("div",{style:{height:"250px",overflow:"auto"},children:[a,n]})};ca.options=ai;ca.states=Ih;ca.variants=Th;ca.defaultOptions=hd;ca.modifiers=[];ca.className=Ae.className;var ni="suggestion",vd=ni;import{jsx as Xn,jsxs as Ph}from"react/jsx-runtime";var qn="k-suggestion-group",Oh=[],Bh={},gd={layout:"scrollable",scrollingPosition:"start"},tt=e=>{let{layout:t=gd.layout,scrollingPosition:o,...a}=e,n=Xn("div",{...a,className:s(qn,{"k-suggestion-group-scrollable":t=="scrollable",[`${qn}-scrollable-start`]:o==="start"\|\|o==="both",[`${qn}-scrollable-end`]:o==="end"\|\|o==="both"},e.className),role:"group",children:t==="scrollable"\|\|t==="scrollButtons"?Xn("div",{className:"k-suggestions-scroll",children:e.children}):e.children});return t=="scrollButtons"?Ph("div",{className:"k-suggestion-scrollwrap",children:[Xn(p,{fillMode:"flat",icon:"chevron-left",size:"xsmall","aria-label":"Scroll left"}),n,Xn(p,{fillMode:"flat",icon:"chevron-right",size:"xsmall","aria-label":"Scroll right"})]}):n};tt.states=Oh;tt.options=Bh;tt.className=qn;tt.defaultOptions=gd;tt.moduleName=ni;tt.folderName=vd;import{jsx as wh}from"react/jsx-runtime";var Wn="k-suggestion",Kh=[r.active,r.hover,r.focus],Rh={themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary]},_h={text:"Suggestion"},ot=e=>{let{themeColor:t,active:o,hover:a,focus:n,text:i,...l}=e;return wh("span",{...l,className:s(e.className,Wn,S(Wn,{hover:a,active:o,focus:n}),E(Wn,{themeColor:t})),role:"button",tabIndex:0,"aria-label":i,children:i})};ot.states=Kh;ot.options=Rh;ot.className=Wn;ot.item=_h;import{Fragment as N8,jsx as x8,jsxs as h8}from"react/jsx-runtime";import{Fragment as S8,jsx as M8,jsxs as k8}from"react/jsx-runtime";import{Fragment as I8,jsx as y8,jsxs as T8}from"react/jsx-runtime";import{Fragment as Gh,jsx as ee,jsxs as Jn}from"react/jsx-runtime";var Dh=G.states,Hh=G.defaultOptions,zh=G.options,Uh=[{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"}],Fh=[],ua=e=>{let{modifiers:t,...o}=e,a={author:null,avatar:null},n=Jn(Ae,{className:"k-chat-header",positionMode:"sticky",themeColor:"primary",children:[ee("span",{className:"k-spacer k-spacer-sized k-w-1"}),ee(vt,{children:ee("span",{children:"Chat with demo bot"})}),ee("span",{className:"k-spacer"}),ee(vt,{children:ee(p,{fillMode:"flat",icon:"more-vertical"})})]}),i=ee(Ft,{type:"sender",pinned:!0,content:"Hello! Generate a cover letter.",closeable:!0}),l=Jn(tt,{children:[ee(ot,{text:"Provide a CV template"}),ee(ot,{text:"Generate a cover letter"})]}),m=Jn(tt,{children:[ee(ot,{themeColor:"primary",text:"Thank you!"}),ee(ot,{themeColor:"primary",text:"Great!"})]}),u="https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg",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(Gh,{});break;default:break}});let{header:c,pinned:L,suggestedActions:M,author:k,avatar:A,quickReplies:C}=a;return Jn(qp,{value:"Thank you!",style:{minHeight:"100%"},...o,header:c,pinned:L,suggestedActions:M,children:[ee($,{avatar:f,author:k?g:null,children:ee(F,{text:"Hello, this is a demo bot. How can I help you ?"})}),ee($,{avatar:A?u:null,author:k?N:null,type:"sender",children:ee(F,{text:"Hello! Generate a cover letter."})}),ee($,{avatar:f,author:k?g:null,children:ee(F,{text:"Sure. Here is a cover letter template",files:ee(it,{children:ee(se,{icon:"file-pdf",name:"cover_letter.pdf",size:"1.43MB"})})})}),C]})};ua.options=zh;ua.states=Dh;ua.variants=Fh;ua.defaultOptions=Hh;ua.modifiers=Uh;ua.className=G.className;import{Fragment as Ld,jsx as yt,jsxs as Vh}from"react/jsx-runtime";var vV=e=>yt(G,{children:yt(Ld,{children:yt($,{children:yt(F,{})})}),files:yt(Ld,{children:Vh(it,{scrollingPosition:"start",children:[yt(se,{removeButton:!0}),yt(se,{icon:"file-psd",name:"File with long name",size:"5MB",removeButton:!0}),yt(se,{icon:"file-txt",name:"Another file with longer name",removeButton:!0}),yt(se,{icon:"file-csv",name:"Another file with even longer name",size:"5MB",removeButton:!0})]})}),...e});export{vV as ChatTextareaFile};