npm - @progress/kendo-themes-html - Versions diffs - 14.7.1-dev.4 → 14.7.1-dev.6 - Mend

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

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 (103) hide show

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

	@@ -1 +1 @@
1	- var s=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?s(...t):typeof t=="object"?Object.keys(t).map((o,a)=>t[a]\|\|t[o]&&o\|\|null).filter(o=>o!==null).join(" "):t).filter(t=>!!t).join(" ");var E=(e,t)=>s({[`${e}-xs`]:t.size==="xsmall",[`${e}-sm`]:t.size==="small",[`${e}-md`]:t.size==="medium",[`${e}-lg`]:t.size==="large",[`${e}-xl`]:t.size==="xlarge",[`${e}-xxl`]:t.size==="xxlarge",[`${e}-xxxl`]:t.size==="xxxlarge"},{[`${e}-${t.fillMode}`]:t.fillMode},{[`${e}-${t.themeColor}`]:t.themeColor},{"k-rounded-sm":t.rounded==="small","k-rounded-md":t.rounded==="medium","k-rounded-lg":t.rounded==="large","k-rounded-full":t.rounded==="full","k-rounded-none":t.rounded==="none"}),C=(e,t)=>{let{valid:o,invalid:a,hover:n,focus:i,checked:l,active:m,selected:u,disabled:b,indeterminate:x,loading:g,empty:c,readonly:L,highlighted:M,...S}=t;return s({"k-valid":o,"k-invalid":a,"k-hover":n,"k-focus":i,"k-checked":l,"k-active":m,"k-selected":u,"k-disabled":b,"k-indeterminate":x&&!l,"k-loading":g,"k-empty":c,"k-readonly":L,"k-highlighted":M},Object.keys(S).reduce((A,k)=>(k.startsWith("k-")?A[k]=S[k]:A[`k-${k}`]=S[k],A),{}))};function Qa(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(a=>[`k-${a}`,!0]))}var d={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},f={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},N={undefined:void 0,solid:"solid",tint:"tint",flat:"flat",outline:"outline",clear:"clear",link:"link"},pt={undefined:void 0,outline:"outline",solid:"solid",duotone:"duotone"},h={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",inverse:"inverse"},r={open:"open",hover:"hover",focus:"focus",active:"active",selected:"selected",disabled:"disabled",valid:"valid",invalid:"invalid",loading:"loading",required:"required",empty:"empty",indeterminate:"indeterminate",checked:"checked",readonly:"readonly",highlighted:"highlighted",generating:"generating",expanded:"expanded"};var os={};function B(e){return os[e]=(os[e]\|\|0)+1,`k-${e}-${os[e]}`}import{Fragment as Ed,jsx as pi}from"react/jsx-runtime";var as="k-font-icon",kd=[],Cd={size:[d.undefined,d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary,h.success,h.warning,h.error,h.info]},Ad={},Na=e=>{let{size:t,themeColor:o,icon:a,rotate:n,flip:i,...l}=e;return a?pi("span",{...l,className:s(e.className,as,E(as,{size:t}),{[`k-i-${a}`]:a,[`k-color-${o}`]:o,[`k-rotate-${n}`]:n,"k-flip-h":i==="h"\|\|i==="both","k-flip-v":i==="v"\|\|i==="both"}),"aria-hidden":"true"}):pi(Ed,{})};Na.states=kd;Na.options=Cd;Na.className=as;Na.defaultOptions=Ad;var di=Na;import{Fragment as Td,jsx as ja}from"react/jsx-runtime";var ns="k-svg-icon",yd=[],Id={size:[d.undefined,d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary,h.success,h.warning,h.error,h.info],variant:[pt.outline,pt.solid,pt.duotone]},ss={viewBox:"0 0 24 24",variant:pt.outline},ha=e=>{let{size:t,themeColor:o,rotate:a,flip:n,viewBox:i=ss.viewBox,variant:l=ss.variant,icon:m,...u}=e;if(!m)return ja(Td,{});if(m==="none")return ja("span",{...u,className:s(e.className,ns,E("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let b=typeof m=="object"&&m.name&&m.name,x=typeof m=="object"?l&&m.variants?.[l]\|\|m.variants?.outline\|\|m.content:void 0;return ja("span",{...u,className:s(e.className,ns,E("k-icon",{size:t}),{[`k-svg-i-${b}`]:b,[`k-color-${o}`]:o,[`k-rotate-${a}`]:a,"k-flip-h":n==="h"\|\|n==="both","k-flip-v":n==="v"\|\|n==="both"}),"aria-hidden":"true",children:ja("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof m=="object"?m.viewBox:i,dangerouslySetInnerHTML:x!==void 0?{__html:x}:void 0,children:m?void 0:e.children})})};ha.states=yd;ha.options=Id;ha.className=ns;ha.defaultOptions=ss;var rs=ha;importas is from"@progress/kendo-svg-icons";var mi="icon",ci="icons";import{useContext as Bd}from"react";import{createContext as Od}from"react";var ui=Od({iconsType:"svg"});import{Fragment as fi,jsx as va}from"react/jsx-runtime";var en="k-icon",Pd=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),Kd=[],Rd={size:[d.undefined,d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary,h.success,h.warning,h.error,h.info],variant:[pt.outline,pt.solid,pt.duotone]},tn={viewBox:"0 0 24 24",type:"svg",variant:pt.outline},v=e=>{let{iconsType:t}=Bd(ui),{size:o,themeColor:a,icon:n,type:i=t\|\|tn.type,rotate:l,flip:m,viewBox:u=tn.viewBox,variant:b=tn.variant,...x}=e;if(!n)return va(fi,{});if((t\|\|i)==="svg"){if(n==="none")return va(rs,{...x,className:s(e.className,en),icon:n,size:o,variant:b});let c=is[n]?n:Pd(`${n}-icon`);return is[c]?va(rs,{...x,className:s(e.className,en),icon:is[c],size:o,themeColor:a,rotate:l,flip:m,viewBox:u,variant:b}):va(fi,{})}return va(di,{...x,className:s(e.className,en),icon:n,size:o,themeColor:a,rotate:l,flip:m})};v.states=Kd;v.options=Rd;v.defaultOptions=tn;v.className=en;v.moduleName=mi;v.folderName=ci;var ls="button",bi=ls;import{Fragment as ps,jsx as It,jsxs as xi}from"react/jsx-runtime";var ga="k-button",_d=["icon-button"],wd=[r.hover,r.focus,r.active,r.selected,r.disabled,r.generating],Dd={size:[d.undefined,d.xsmall,d.small,d.medium,d.large],rounded:[f.undefined,f.none,f.small,f.medium,f.large,f.full],fillMode:[N.undefined,N.solid,N.flat,N.outline,N.clear,N.link],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary,h.success,h.warning,h.error,h.info,h.inverse]},ds={showArrow:!1,arrowIconName:"chevron-down"},p=e=>{let{as:t="button",size:o,rounded:a,fillMode:n,themeColor:i,showArrow:l=ds.showArrow,arrowIconName:m=ds.arrowIconName,variant:u,hover:b,focus:x,active:g,selected:c,disabled:L,togglable:M,ariaDisabled:S,icon:A,endIcon:k,iconSize:y,text:w,iconClassName:se,className:Ae,...pe}=e,ue=A!=null,ba=e.children!==void 0;return xi(t,{className:s(Ae,ga,Qa(ga,u),E(ga,{size:o,rounded:a,fillMode:n,themeColor:i}),C(ga,{hover:b,focus:x,active:g,disabled:L\|\|S,selected:c}),{"k-icon-button":!w&&!ba&&ue}),"aria-pressed":M?c?"true":"false":void 0,...pe,"aria-disabled":S?"true":void 0,disabled:L\|\|void 0,children:[typeof A=="string"&&A&&It(v,{className:s(se,"k-button-icon"),icon:A,size:y}),A&&typeof A!="string"&&It(ps,{children:A}),w?xi(ps,{children:[w&&It("span",{className:"k-button-text",children:w}),e.children]}):e.children&&It("span",{className:"k-button-text",children:e.children}),typeof k=="string"&&k&&It(v,{className:s(se,"k-button-icon"),icon:k,size:y}),k&&typeof k!="string"&&It(ps,{children:k}),l&&It("span",{className:"k-menu-button-arrow k-button-arrow",children:It(v,{icon:m})})]})};p.states=wd;p.options=Dd;p.variants=_d;p.className=ga;p.defaultOptions=ds;p.moduleName=ls;p.folderName=bi;import{jsx as Hd}from"react/jsx-runtime";var X=e=>Hd(p,{icon:"folder",...e,"aria-label":e["aria-label"]\|\|"Folder",children:void 0});import{jsx as zd}from"react/jsx-runtime";var La=e=>zd(p,{icon:"folder",children:"Button",...e});import{jsx as zv}from"react/jsx-runtime";import{jsx as Ud}from"react/jsx-runtime";var st=e=>Ud(p,{children:"Button",...e});import{jsx as ms}from"react/jsx-runtime";var Fd=p.options,Gd=p.states,Vd={...p.defaultOptions,variant:"text"},$d=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Xd=[],xo=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return ms(X,{...o,icon:"star"});case"icon-and-text":return ms(La,{...o,icon:"star",children:"Button"});default:return ms(st,{...o,children:"Button"})}};xo.options=Fd;xo.states=Gd;xo.variants=$d;xo.defaultOptions=Vd;xo.modifiers=Xd;xo.className=p.className;import{jsx as Ni,jsxs as Zd}from"react/jsx-runtime";var on="k-fab",Jd=[r.hover,r.focus,r.active,r.selected,r.disabled],Yd={size:[d.undefined,d.small,d.medium,d.large],rounded:[f.undefined,f.none,f.small,f.medium,f.large,f.full],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary]},hi={type:"button"},te=e=>{let{size:t,rounded:o,themeColor:a,text:n,icon:i,type:l=hi.type,position:m,hover:u,focus:b,active:x,selected:g,disabled:c,...L}=e;return Zd("button",{...L,type:l,className:s(e.className,on,E(on,{size:t,rounded:o,themeColor:a}),C(on,{hover:u,focus:b,active:x,disabled:c,selected:g}),{[`!k-pos-absolute k-${m}`]:m}),...!n&&i&&!e["aria-label"]&&{"aria-label":"Action"},...c&&{"aria-disabled":"true"},disabled:c\|\|void 0,children:[i&&Ni(v,{className:"k-fab-icon",icon:i}),n&&Ni("span",{className:"k-fab-text",children:n})]})};te.states=Jd;te.options=Yd;te.className=on;te.defaultOptions=hi;te.moduleName="fab";te.folderName="fab";import{jsx as jd}from"react/jsx-runtime";var Qd="k-fab-items",vi=e=>{let{position:t,...o}=e;return jd("ul",{...o,className:s(e.className,Qd,{[`k-fab-items-${t}`]:t}),children:e.children})};import{jsx as Li,jsxs as tm}from"react/jsx-runtime";var gi="k-fab-item",em=[r.hover,r.focus,r.active,r.disabled],cs=e=>{let{text:t,icon:o,align:a,hover:n,focus:i,active:l,disabled:m,...u}=e;return tm("li",{...u,className:s(e.className,gi,{[`k-text-${a}`]:a},C(gi,{hover:n,focus:i,active:l,disabled:m})),children:[Li("span",{className:"k-fab-item-text",children:t}),Li(v,{className:"k-fab-item-icon",icon:o})]})};cs.states=em;import{jsx as gg}from"react/jsx-runtime";import{jsx as om}from"react/jsx-runtime";var Mi=e=>om(te,{icon:"plus",...e});import{jsx as Eg}from"react/jsx-runtime";import{jsx as Og}from"react/jsx-runtime";import{jsx as No,jsxs as lm}from"react/jsx-runtime";var am=te.options,nm=te.states,sm={...te.defaultOptions,variant:"text"},rm=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],im=[{name:"opened",title:"Opened"}],ho=e=>{let{variant:t,modifiers:o,...a}=e,{opened:n}=o\|\|{},i=n?No("div",{className:"k-fab-popup k-popup k-popup-transparent",style:{position:"absolute",top:"calc(16px + 36px)",right:"calc(16px + calc(36px / 2) - calc(36px /2))"},children:No(vi,{position:"bottom",children:No(cs,{text:"Item",icon:"pencil",align:"right"})})}):null,l;switch(t){case"icon-only":l=No(te,{...a,icon:"star"});break;case"icon-and-text":l=No(te,{...a,icon:"star",text:"Action"});break;default:l=No(te,{...a,text:"Action"});break}return lm("span",{style:{position:"relative"},children:[l,i]})};ho.options=am;ho.states=nm;ho.variants=rm;ho.defaultOptions=sm;ho.modifiers=im;ho.className=te.className;import{jsx as mm}from"react/jsx-runtime";var us="k-input-inner",pm=[],dm={},an={type:"text",autocomplete:"off",value:"",placeholder:""},fe=e=>{let{value:t=an.value,type:o=an.type,placeholder:a=an.placeholder,autocomplete:n=an.autocomplete,disabled:i,readOnly:l,...m}=e;return mm("input",{...m,type:o,className:s(e.className,us,E(us,e)),placeholder:a,autoComplete:n,defaultValue:t,disabled:i\|\|void 0,readOnly:l\|\|void 0})};fe.states=pm;fe.options=dm;fe.className=us;import{jsx as fm}from"react/jsx-runtime";var fs="k-input-inner",cm=[],um={},Si={value:"",placeholder:""},Ma=e=>{let{value:t=Si.value,placeholder:o=Si.placeholder,rows:a,disabled:n,...i}=e;return fm("textarea",{...i,className:s(e.className,fs,E(fs,e)),placeholder:o,rows:a,defaultValue:t,disabled:n\|\|void 0})};Ma.states=cm;Ma.options=um;Ma.className=fs;var bs="prompt-box",ki=bs;var xs="speech-to-text-button",Ci=xs;import{jsx as bm}from"react/jsx-runtime";var Ai="k-speech-to-text-button",Ei={icon:"microphone"},Be=e=>{let{listening:t=!1,icon:o=Ei.icon,...a}=e;return bm(p,{...a,icon:t?"stop":o,className:s(e.className,Ai,{"k-listening":t}),"aria-pressed":t?"true":"false","aria-label":t?"Stop listening":"Start listening"})};Be.states=p.states;Be.options=p.options;Be.className=Ai;Be.defaultOptions=Ei;Be.moduleName=xs;Be.folderName=Ci;import{jsx as cL}from"react/jsx-runtime";import{jsx as xL}from"react/jsx-runtime";import{jsx as gm}from"react/jsx-runtime";var xm=p.states,yi={...p.defaultOptions,variant:"normal"},Nm={...p.options,fillMode:p.options.fillMode.filter(e=>e!=="clear"&&e!=="link")},hm=[],vm=[{name:"normal",title:"Normal"},{name:"listening",title:"Listening"}],vo=e=>{let{variant:t,...o}={...yi,...e},a={};return t==="listening"&&(a.listening=!0),gm(Be,{...o,...a})};vo.options=Nm;vo.states=xm;vo.variants=vm;vo.defaultOptions=yi;vo.modifiers=hm;vo.className=Be.className;import{jsx as Jt,jsxs as Ns}from"react/jsx-runtime";var dt="k-prompt-box",Lm=[r.hover,r.focus,r.disabled],Mm={fillMode:[N.undefined,N.solid,N.flat,N.outline]},hs={lineMode:"auto",isExpanded:!1},be=e=>{let{fillMode:t,lineMode:o=hs.lineMode,startAffix:a,endAffix:n,header:i,isExpanded:l=hs.isExpanded,className:m,children:u,value:b,placeholder:x,generating:g,actionButtonConfig:c,speechToTextButtonConfig:L,uploadButtonConfig:M,hover:S,focus:A,disabled:k,...y}=e,w=o==="multi"\|\|o==="auto"&&l;return Ns("div",{...y,className:s(m,"k-input",dt,{[`${dt}-singleline`]:o==="single",[`${dt}-multiline`]:w,[`k-input-${t}`]:t,"k-hover":S,"k-focus":A,"k-disabled":k}),children:[i&&Jt("div",{className:`${dt}-header`,children:i}),Ns("div",{className:`${dt}-content`,children:[a&&Jt("div",{className:`${dt}-affix`,children:a}),o==="single"?Jt(fe,{value:b,placeholder:x,className:`${dt}-input`,type:"text","aria-label":"Prompt input"}):Jt(Ma,{value:b,placeholder:x,className:`${dt}-textarea`,rows:o==="multi"\|\|l?3:1,"aria-label":"Prompt input","aria-multiline":"true"}),Ns("div",{className:`${dt}-affix`,children:[n,M&&Jt(X,{icon:"paperclip",size:"small",fillMode:"flat",rounded:"full","aria-label":"Attach files",...M}),L!==!1&&Jt(Be,{size:"small",fillMode:"flat",rounded:"full",...L}),Jt(X,{icon:g?"stop":"arrow-up",size:"small",rounded:"full",active:g,disabled:!b&&!g,"aria-label":g?"Stop generating":"Send prompt","aria-live":"polite",...c,className:s({"k-generating":g},c?.className)})]})]}),u]})};be.states=Lm;be.options=Mm;be.className=dt;be.defaultOptions=hs;be.moduleName=bs;be.folderName=ki;import{jsx as zL}from"react/jsx-runtime";import{jsx as VL}from"react/jsx-runtime";import{jsx as WL}from"react/jsx-runtime";import{jsx as QL}from"react/jsx-runtime";import{jsx as oM}from"react/jsx-runtime";import{Fragment as vs,jsx as Tt,jsxs as ym}from"react/jsx-runtime";var Sm=be.options,km=be.states,Cm={...be.defaultOptions,variant:"Single"},Am=[{name:"Single",title:"Singleline"},{name:"Multi",title:"Multiline"}],Em=[{name:"header",title:"Header"},{name:"endAffix",title:"End Affix"},{name:"startAffix",title:"Start Affix"}],go=e=>{let{variant:t,modifiers:o,...a}=e,n={},i=Tt(vs,{children:Tt(X,{size:"small",icon:"send",fillMode:"flat"})});return Object.keys(o\|\|{}).forEach(l=>{switch(l){case"header":n.header=o?.[l]?Tt(p,{children:"Button in header"}):void 0;break;case"endAffix":o?.[l]&&(n.endAffix=ym(vs,{children:[i,Tt(X,{icon:"paperclip",size:"small",fillMode:"flat"})]}));break;case"startAffix":n.startAffix=o?.[l]?Tt(vs,{children:Tt(X,{icon:"plus",size:"small",fillMode:"flat"})}):void 0;break;default:break}}),t==="Multi"?Tt(be,{style:{width:300},lineMode:"multi",endAffix:i,placeholder:"Enter your prompt...",...a,...n}):Tt(be,{style:{width:300},lineMode:"single",endAffix:i,placeholder:"Enter your prompt...",...a,...n})};go.options=Sm;go.states=km;go.variants=Am;go.defaultOptions=Cm;go.modifiers=Em;go.className=be.className;var gs="chat",Ii=gs;import{Fragment as Bi,jsx as Yt,jsxs as Sa}from"react/jsx-runtime";var Ti="k-chat",Im=[],Tm={},Om=Sa(Bi,{children:[Yt(X,{icon:"paperclip",fillMode:"clear",rounded:"full",size:"small","aria-label":"Attach file"},"paperclip"),Yt("div",{className:"k-spacer"})]}),Oi={tools:Om},G=e=>{let{header:t,dir:o,suggestedActions:a,files:n,pinned:i,replied:l,generating:m,tools:u=Oi.tools,value:b,empty:x,scrollToBottom:g,scrollbar:c,promptBoxProps:L,...M}=e;return Sa("div",{...M,className:s(Ti,e.className),dir:o,children:[t,Sa("div",{className:"k-message-list",role:"log","aria-label":"Message list","aria-live":"polite",children:[i,Yt("div",{className:s("k-message-list-content",x&&"k-message-list-content-empty"),children:e.children}),g&&Yt("div",{className:"k-chat-scroll-to-bottom-container",children:Yt(Mi,{themeColor:"base",icon:"arrow-down",size:"small"})})]}),c&&Yt("div",{className:"k-separator"}),Sa("div",{className:"k-message-box-wrapper",children:[a,Yt(be,{lineMode:"multi",placeholder:"Type a message",generating:m,value:b,header:n\|\|l?Sa(Bi,{children:[l,n]}):void 0,endAffix:u,...L})]})]})};G.states=Im;G.options=Tm;G.className=Ti;G.defaultOptions=Oi;G.moduleName=gs;G.folderName=Ii;var Ls="button",Pi=Ls;import{jsx as Rm}from"react/jsx-runtime";var ka="k-button-group",Bm=[r.disabled],Pm={fillMode:[N.undefined,N.solid,N.flat,N.outline,N.clear,N.link]},Km={},T=e=>{let{fillMode:t,disabled:o,stretched:a,...n}=e;return Rm("div",{role:"group",...n,className:s(e.className,ka,E(ka,{fillMode:t}),C(ka,{disabled:o}),{[`${ka}-stretched`]:a}),...o&&{"aria-disabled":"true"},children:e.children})};T.states=Bm;T.options=Pm;T.className=ka;T.defaultOptions=Km;T.moduleName=Ls;T.folderName=Pi;import{Fragment as _M,jsx as RM,jsxs as wM}from"react/jsx-runtime";import{Fragment as GM,jsx as FM,jsxs as VM}from"react/jsx-runtime";import{Fragment as YM,jsx as JM,jsxs as ZM}from"react/jsx-runtime";import{Fragment as aS,jsx as oS,jsxs as nS}from"react/jsx-runtime";import{Fragment as dS,jsx as pS,jsxs as mS}from"react/jsx-runtime";import{Fragment as NS,jsx as xS,jsxs as hS}from"react/jsx-runtime";import{Fragment as kS,jsx as SS,jsxs as CS}from"react/jsx-runtime";import{jsx as Lt,jsxs as Ms}from"react/jsx-runtime";var _m={...p.options,...T.options},wm=p.states,Dm={...p.defaultOptions,...T.defaultOptions,variant:"text-button"},Hm=[{name:"icon-button",title:"Icon Only"},{name:"text-button",title:"Text"},{name:"icon-text-button",title:"Icon Text"}],zm=[],Lo=e=>{let{variant:t,className:o,...a}=e;return t==="icon-button"?Ms(T,{fillMode:a.fillMode,className:o,children:[Lt(p,{...a,icon:"star"}),Lt(p,{...a,icon:"star"}),Lt(p,{...a,icon:"star"})]}):t==="icon-text-button"?Ms(T,{fillMode:a.fillMode,className:o,children:[Lt(p,{...a,icon:"star",children:"First"}),Lt(p,{...a,icon:"star",children:"Middle"}),Lt(p,{...a,icon:"star",children:"Last"})]}):Ms(T,{fillMode:a.fillMode,className:o,children:[Lt(p,{...a,children:"First"}),Lt(p,{...a,children:"Middle"}),Lt(p,{...a,children:"Last"})]})};Lo.options=_m;Lo.states=wm;Lo.variants=Hm;Lo.defaultOptions=Dm;Lo.modifiers=zm;Lo.className=T.className;var Ca="input",sn=Ca;import{jsx as Vm}from"react/jsx-runtime";var rn="k-input",Um=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading,r.readonly],Fm={size:[d.undefined,d.small,d.medium,d.large],rounded:[f.undefined,f.none,f.small,f.medium,f.large,f.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},Gm={},J=e=>{let{hover:t,focus:o,disabled:a,invalid:n,valid:i,loading:l,readonly:m,size:u,rounded:b,fillMode:x,...g}=e;return Vm("span",{...g,className:s(e.className,rn,E(rn,{size:u,rounded:b,fillMode:x}),C(rn,{hover:t,focus:o,disabled:a,invalid:n,valid:i,loading:l,readonly:m}))})};J.states=Um;J.options=Fm;J.className=rn;J.defaultOptions=Gm;J.moduleName=Ca;J.folderName=sn;import{jsx as Wm}from"react/jsx-runtime";var ln="k-picker",$m=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading,r.readonly],Xm={size:[d.undefined,d.small,d.medium,d.large],rounded:[f.undefined,f.none,f.small,f.medium,f.large,f.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},qm={},mt=e=>{let{hover:t,focus:o,disabled:a,invalid:n,valid:i,loading:l,readonly:m,size:u,rounded:b,fillMode:x,...g}=e;return Wm("span",{...g,className:s(e.className,ln,E(ln,{size:u,rounded:b,fillMode:x}),C(ln,{hover:t,focus:o,disabled:a,invalid:n,valid:i,loading:l,readonly:m})),children:e.children})};mt.states=$m;mt.options=Xm;mt.className=ln;mt.defaultOptions=qm;mt.moduleName=Ca;mt.folderName=sn;import{Fragment as Zm,jsx as Ss}from"react/jsx-runtime";var Ki="k-clear-value",Jm=[r.disabled,r.loading,r.readonly],Ym={},Pe=e=>{let{disabled:t,loading:o,readonly:a,value:n}=e;return t\|\|a\|\|o\|\|!n?Ss(Zm,{}):Ss("span",{className:s(e.className,Ki),children:Ss(v,{icon:"x"})})};Pe.states=Jm;Pe.options=Ym;Pe.className=Ki;import{jsx as Ri,jsxs as ec}from"react/jsx-runtime";var ks="k-input-inner",Qm=[],jm={},Zt=e=>{let{value:t,placeholder:o,showValue:a,valueIcon:n,valueIconName:i,...l}=e;return ec("span",{...l,className:s(e.className,ks,E(ks,e)),children:[n,!n&&i&&Ri(v,{className:"k-input-value-icon",icon:i}),a&&!t&&o,a&&t&&Ri("span",{className:"k-input-value-text",children:t})]})};Zt.states=Qm;Zt.options=jm;Zt.className=ks;import{Fragment as oc,jsx as _i}from"react/jsx-runtime";var wi="k-input-loading-icon",tc=[r.disabled,r.loading],Ee=e=>{let{disabled:t,loading:o}=e;return t\|\|!o?_i(oc,{}):_i("span",{className:s(e.className,wi,"k-icon k-i-loading")})};Ee.states=tc;Ee.className=wi;import{Fragment as sc,jsx as Di}from"react/jsx-runtime";var Hi="k-input-validation-icon",ac=[r.valid,r.invalid,r.disabled,r.loading],nc={},xe=e=>{let{valid:t,invalid:o,disabled:a,loading:n}=e,i=o?"warning-circle":"check-circle";return a\|\|n\|\|!!!(t\|\|o)?Di(sc,{}):Di(v,{className:s(Hi),icon:i})};xe.states=ac;xe.options=nc;xe.className=Hi;import{Fragment as lc,jsx as zi}from"react/jsx-runtime";var rc="k-input-prefix",ic={direction:"horizontal"},Fe=e=>{let{direction:t=ic.direction,...o}=e;return e.children?zi("span",{...o,className:s(rc,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):zi(lc,{})};import{Fragment as mc,jsx as Ui}from"react/jsx-runtime";var pc="k-input-suffix",dc={direction:"horizontal"},Ge=e=>{let{direction:t=dc.direction,...o}=e;return e.children?Ui("span",{...o,className:s(pc,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):Ui(mc,{})};import{jsx as gk}from"react/jsx-runtime";import{jsx as uc}from"react/jsx-runtime";var cc="k-input-suffix-text",Cs=e=>{let{children:t,...o}=e;return uc("span",{...o,className:s(cc,e.className),children:t})};import{jsx as bc}from"react/jsx-runtime";var Fi="k-input-separator",fc={direction:"vertical"},Ve=e=>{let{direction:t=fc.direction,...o}=e;return bc("span",{...o,className:s(Fi,e.className,{[`${Fi}-${t}`]:t})})};import{Fragment as Gi,jsx as ct,jsxs as As}from"react/jsx-runtime";var xc=J.states,Nc=J.defaultOptions,hc=J.options,vc=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],gc=[],Mo=e=>{let{modifiers:t,valid:o,invalid:a,loading:n,disabled:i,readonly:l,...m}=e,u=t?.prefix,b=t?.suffix,x=t?.["clear-button"],g=t?.["validation-icon"],c=t?.separators;return As(J,{...m,valid:o,invalid:a,loading:n,disabled:i,readonly:l,style:{width:300},children:[u&&As(Gi,{children:[ct(Fe,{children:ct(v,{icon:"lock"})}),c&&ct(Ve,{})]}),ct(fe,{placeholder:"Placeholder",value:"Value"}),g&&ct(xe,{valid:o,invalid:a,loading:n,disabled:i}),ct(Ee,{loading:n,disabled:i}),x&&ct(Pe,{loading:n,disabled:i,readonly:l,value:"Value"}),b&&As(Gi,{children:[c&&ct(Ve,{}),ct(Ge,{children:ct(st,{size:m.size,fillMode:"clear",children:"Send"})})]})]})};Mo.options=hc;Mo.states=xc;Mo.variants=gc;Mo.defaultOptions=Nc;Mo.modifiers=vc;Mo.className=J.className;import{jsx as Vi,jsxs as Sc}from"react/jsx-runtime";var $i="k-color-preview",Lc=[],Mc={},Ot=e=>{let{color:t,iconName:o,...a}=e;return Sc("span",{...a,className:s(e.className,$i,{"k-icon-color-preview":o,"k-no-color":!t}),children:[o&&Vi(v,{icon:o,className:"k-color-preview-icon"}),Vi("span",{className:"k-color-preview-mask",style:{backgroundColor:t}})]})};Ot.states=Lc;Ot.options=Mc;Ot.className=$i;var Es="popup",Xi=Es;import{jsx as qi}from"react/jsx-runtime";var Wi="k-animation-container",kc=[],Cc={},ys={positionMode:"absolute",shown:!0},ut=e=>{let{positionMode:t=ys.positionMode,shown:o=ys.shown,animationStyle:a,offset:n,...i}=e;return qi("div",{...i,style:{...n,...e.style},className:s(e.className,Wi,{"k-animation-container-shown":o,"k-animation-container-fixed":t==="fixed"}),children:qi("div",{className:"k-child-animation-container",style:a,children:e.children})})};ut.states=kc;ut.options=Cc;ut.className=Wi;ut.defaultOptions=ys;ut.moduleName=Es;ut.folderName=Xi;var Is="popup",Ji=Is;import{jsx as Yi}from"react/jsx-runtime";var Zi="k-popup",Ac=[],Ec={},Qi={positionMode:"absolute"},q=e=>{let{offset:t,positionMode:o=Qi.positionMode,animationStyle:a,containerClassName:n,containerRole:i,containerAriaLabel:l,...m}=e;return Yi(ut,{positionMode:o,offset:t,animationStyle:a,className:n,role:i,"aria-label":l,children:Yi("div",{...m,className:s(e.className,Zi),children:e.children})})};q.states=Ac;q.options=Ec;q.className=Zi;q.defaultOptions=Qi;q.moduleName=Is;q.folderName=Ji;var Ts="action-buttons",ji=Ts;import{jsx as Tc}from"react/jsx-runtime";var pn="k-actions",yc=[],Ic={},Os={alignment:"start",orientation:"horizontal"},Ke=e=>{let{alignment:t=Os.alignment,orientation:o=Os.orientation,...a}=e;return Tc("div",{...a,className:s(pn,{[`${pn}-${t}`]:t,[`${pn}-${o}`]:o},e.className),children:e.children})};Ke.states=yc;Ke.options=Ic;Ke.className=pn;Ke.defaultOptions=Os;Ke.moduleName=Ts;Ke.folderName=ji;var el=Ke;import{jsx as Bc}from"react/jsx-runtime";var Oc="k-actionsheet-footer",tl={alignment:"stretched",orientation:"horizontal"},Bt=e=>{let{alignment:t=tl.alignment,orientation:o=tl.orientation,template:a,as:n=a?"div":Ke,...i}=e;return Bc(n,{...i,...!a&&{alignment:t,orientation:o},className:s(e.className,Oc),children:e.children})};var Bs="searchbox",ol=Bs;import{jsx as Aa,jsxs as Rc}from"react/jsx-runtime";var al="k-searchbox",Pc=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading],Kc={size:[d.undefined,d.small,d.medium,d.large],rounded:[f.undefined,f.none,f.small,f.medium,f.large,f.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},dn={showIcon:!0,showClearButton:!0,icon:"search"},$e=e=>{let{value:t,placeholder:o,size:a,rounded:n,fillMode:i,hover:l,focus:m,valid:u,invalid:b,required:x,loading:g,disabled:c,showIcon:L=dn.showIcon,showClearButton:M=dn.showClearButton,icon:S=dn.icon,"aria-label":A,...k}=e;return Rc(J,{...k,size:a,rounded:n,fillMode:i,hover:l,focus:m,valid:u,invalid:b,required:x,loading:g,disabled:c,className:s(e.className,al),children:[L&&Aa(v,{className:"k-input-icon",icon:S}),Aa(fe,{placeholder:o,value:t,"aria-label":A}),Aa(Ee,{...e}),Aa(xe,{...e}),M&&Aa(Pe,{...e})]})};$e.states=Pc;$e.options=Kc;$e.className=al;$e.defaultOptions=dn;$e.moduleName=Bs;$e.folderName=ol;import{jsx as $C}from"react/jsx-runtime";var Ps="textbox",nl=Ps;import{Fragment as sl,jsx as Pt,jsxs as Ks}from"react/jsx-runtime";var rl="k-textbox",_c=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading,r.readonly],wc={size:[d.undefined,d.small,d.medium,d.large],rounded:[f.undefined,f.none,f.small,f.medium,f.large,f.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},mn={showClearButton:!0,showValidationIcon:!0,separators:!0},de=e=>{let{size:t,rounded:o,fillMode:a,separators:n=mn.separators,showClearButton:i=mn.showClearButton,showValidationIcon:l=mn.showValidationIcon,prefix:m,suffix:u,type:b,value:x,placeholder:g,hover:c,focus:L,valid:M,invalid:S,required:A,loading:k,disabled:y,readonly:w,id:se,"aria-label":Ae,"aria-describedby":pe,...ue}=e;return Ks(J,{...ue,size:t,rounded:o,fillMode:a,hover:c,focus:L,valid:M,invalid:S,required:A,loading:k,disabled:y,readonly:w,className:s(e.className,rl),children:[m&&Ks(sl,{children:[Pt(Fe,{children:m}),n&&Pt(Ve,{})]}),Pt(fe,{id:se,placeholder:g,value:x,type:b,disabled:y,"aria-label":Ae,"aria-describedby":pe,"aria-invalid":S?"true":void 0}),l&&Pt(xe,{valid:M,invalid:S,loading:k,disabled:y}),Pt(Ee,{loading:k,disabled:y}),i&&Pt(Pe,{loading:k,disabled:y,readonly:w,value:x}),u&&Ks(sl,{children:[n&&Pt(Ve,{}),Pt(Ge,{children:u})]})]})};de.states=_c;de.options=wc;de.className=rl;de.defaultOptions=mn;de.moduleName=Ps;de.folderName=nl;var Ea=de;import{jsx as Dc}from"react/jsx-runtime";var cn=e=>Dc(Ea,{...e});import{Fragment as pA,jsx as lA}from"react/jsx-runtime";import{Fragment as bA,jsx as fA}from"react/jsx-runtime";import{jsx as vA}from"react/jsx-runtime";import{jsx as Rs}from"react/jsx-runtime";var Hc=de.states,zc=de.defaultOptions,Uc=de.options,Fc=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],Gc=[],So=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(n=>{switch(n){case"prefix":a.prefix=t?.[n]?Rs(v,{icon:"lock"}):void 0;break;case"suffix":a.suffix=t?.[n]?Rs(st,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":a.showClearButton=t?.[n];break;default:break}}),Rs(cn,{value:"Value",style:{width:300},...o,...a})};So.options=Uc;So.states=Hc;So.variants=Gc;So.defaultOptions=zc;So.modifiers=Fc;So.className=de.className;import{jsx as Kt,jsxs as _s}from"react/jsx-runtime";var il="k-actionsheet-titlebar",Vc={},Ne=e=>{let{title:t,subtitle:o,actionsStart:a,actionsEnd:n,filter:i,input:l,inputValue:m,inputPlaceholder:u,adaptive:b,titleId:x,children:g,...c}=e;return _s("div",{...c,className:s(e.className,il),children:[_s("div",{className:"k-actionsheet-titlebar-group",children:[a&&Kt("div",{className:"k-actionsheet-actions",children:a}),!g&&_s("div",{className:"k-actionsheet-title",id:x,children:[t&&Kt("div",{className:"k-text-center",children:t}),o&&Kt("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),g&&Kt("div",{className:"k-actionsheet-title",id:x,children:g}),n&&Kt("div",{className:"k-actionsheet-actions",children:n})]}),(l\|\|i)&&Kt("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:l?Kt(de,{value:m,placeholder:u,size:b?"large":"medium","aria-label":t\|\|u\|\|"Input"}):Kt($e,{placeholder:"Filter",size:b?"large":"medium","aria-label":"Filter options"})})]})};Ne.className=il;Ne.defaultOptions=Vc;import{jsx as ws,jsxs as Wc}from"react/jsx-runtime";var Ds="k-actionsheet-view",$c=[],Xc={},qc={},ko=e=>{let{adaptive:t,animated:o,children:a,header:n,footer:i,titleId:l,...m}=e,u=n?.type===Ne&&ws(Ne,{adaptive:t,titleId:l,...n?.props}),b=i?.type===Bt&&ws(Bt,{...i?.props});return Wc("div",{...m,className:s(e.className,Ds,{[`${Ds}-animated`]:o}),children:[u,ws("div",{className:"k-actionsheet-content",children:a}),b]})};ko.states=$c;ko.options=Xc;ko.className=Ds;ko.defaultOptions=qc;var ya="action-sheet",un=ya;var Hs="overlay",ll=Hs;import{jsx as Qc}from"react/jsx-runtime";var pl="k-overlay",Jc=[],Yc={},Zc={},ft=e=>{let{...t}=e;return Qc("div",{...t,className:s(e.className,pl),children:e.children})};ft.states=Jc;ft.options=Yc;ft.className=pl;ft.defaultOptions=Zc;ft.moduleName=Hs;ft.folderName=ll;import{jsx as fn,jsxs as tu}from"react/jsx-runtime";var dl="k-actionsheet",jc=[],eu={},Ia={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},Y=e=>{let{side:t=Ia.side,fullscreen:o=Ia.fullscreen,adaptive:a=Ia.adaptive,overlay:n=Ia.overlay,template:i,children:l,header:m,footer:u,id:b,...x}=e,g=b&&!i&&m?`${b}-title`:void 0;return tu("div",{className:"k-actionsheet-container",children:[n&&fn(ft,{}),fn(ut,{animationStyle:{[`${o===!0?"top":t}`]:0,[`${o===!0?"width":null}`]:"100%",[`${o===!0?"height":null}`]:"100%",[`${t==="top"\|\|t==="bottom"?"width":null}`]:"100%",[`${t==="left"\|\|t==="right"?"height":null}`]:"100%"},children:fn("div",{...x,id:b,role:"dialog","aria-modal":n?"true":void 0,"aria-labelledby":g,className:s(e.className,dl,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":a}),children:i\|\|fn(ko,{header:m,footer:u,adaptive:a,titleId:g,...e,children:l})})})]})};Y.states=jc;Y.options=eu;Y.className=dl;Y.defaultOptions=Ia;Y.moduleName=ya;Y.folderName=un;import{jsx as su}from"react/jsx-runtime";var ml="k-actionsheet-container",ou=[],au={},nu={},Co=e=>{let{children:t,...o}=e;return su("div",{...o,className:ml,children:t})};Co.states=ou;Co.options=au;Co.className=ml;Co.defaultOptions=nu;Co.moduleName=ya;Co.folderName=un;import{jsx as ru}from"react/jsx-runtime";var zs=e=>{let{...t}=e;return ru("div",{...t,className:s(e.className,"k-list-ul"),children:e.children})};import{Fragment as lu,jsx as Ta,jsxs as Us}from"react/jsx-runtime";var Fs="k-actionsheet-item",iu=[r.hover,r.focus,r.selected,r.disabled],Rt=e=>{let{iconName:t,text:o,description:a,hover:n,focus:i,selected:l,disabled:m,...u}=e;return Us("span",{...u,className:s(e.className,Fs,C(Fs,{hover:n,focus:i,selected:l,disabled:m})),children:[!e.children&&Ta(lu,{children:Us("span",{className:"k-actionsheet-action",children:[t&&Ta("span",{className:"k-icon-wrap",children:Ta(v,{className:"k-actionsheet-item-icon",icon:t})}),Us("span",{className:"k-actionsheet-item-text",children:[o&&Ta("span",{className:"k-actionsheet-item-title",children:o}),a&&Ta("span",{className:"k-actionsheet-item-description",children:a})]})]})}),e.children]})};Rt.states=iu;Rt.className=Fs;import{jsx as hE,jsxs as vE}from"react/jsx-runtime";import{jsx as SE}from"react/jsx-runtime";import{jsx as EE}from"react/jsx-runtime";import{jsx as OE}from"react/jsx-runtime";import{jsx as re,jsxs as Gs}from"react/jsx-runtime";var pu=Y.options,du=Y.states,ul={...Y.defaultOptions,variant:"normal"},mu=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],cu=[{name:"actions",title:"Titlebar Actions",type:"boolean"},{name:"subtitle",title:"Subtitle",type:"boolean"},{name:"footer",title:"Footer",type:"boolean"}],Ao=e=>{let{variant:t,modifiers:o,...a}={...ul,...e},n={},i=Gs(zs,{children:[re(Rt,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),re(Rt,{text:"Add to Favorites",iconName:"heart"}),re(Rt,{text:"Upload New",iconName:"upload",disabled:!0}),re("hr",{className:"k-hr"}),re(Rt,{text:"Cancel",iconName:"cancel"})]}),l="Choose from the items below",m="Select Item";return t==="fullScreen"&&(n.fullScreen=!0),Object.keys(o\|\|{}).forEach(u=>{switch(u){case"actions":n.actionsStart=!!o?.[u],n.actionsEnd=!!o?.[u];break;case"subtitle":n.subtitle=o?.[u]?l:void 0;break;case"footer":n.footer=!!o?.[u];break;default:break}}),t==="adaptive"?re(Y,{...a,adaptive:!0,fullscreen:n.fullScreen,header:re(Ne,{actionsStart:n.actionsStart?re(p,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:n.actionsEnd?re(p,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:m,subtitle:n.subtitle}),footer:n.footer?Gs(Bt,{alignment:"stretched",children:[re(p,{text:"Cancel",size:"large",themeColor:"base"}),re(p,{text:"Apply",size:"large",themeColor:"primary"})]}):void 0,children:i}):re(Y,{...a,fullscreen:n.fullScreen,header:re(Ne,{actionsStart:n.actionsStart?re(p,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:n.actionsEnd?re(p,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:n.subtitle}),footer:n.footer?Gs(Bt,{alignment:"stretched",children:[re(p,{text:"Apply",themeColor:"primary"}),re(p,{text:"Cancel",themeColor:"base"})]}):void 0,children:i})};Ao.options=pu;Ao.states=du;Ao.variants=mu;Ao.defaultOptions=ul;Ao.modifiers=cu;Ao.className=Y.className;var Vs="slider",fl=Vs;import{jsx as Eo,jsxs as $s}from"react/jsx-runtime";var Oa="k-slider",uu=[r.hover,r.focus,r.active,r.disabled,r.readonly],fu={},Xe={type:"single",orientation:"horizontal",gradientType:"1d",readonly:!1,disabled:!1,handlePosition:"end",showButtons:!0,showTicks:!0,value:50,min:0,max:100},$=e=>{let{type:t=Xe.type,orientation:o=Xe.orientation,gradientType:a=Xe.gradientType,readonly:n=Xe.readonly,disabled:i=Xe.disabled,handlePosition:l=Xe.handlePosition,showButtons:m=Xe.showButtons,showTicks:u=Xe.showTicks,value:b=Xe.value,min:x=Xe.min,max:g=Xe.max,startValue:c,endValue:L,hover:M,focus:S,active:A,trackStyle:k,dir:y,...w}=e,Ae=(()=>{if(t==="gradient"&&a==="2d")return"undefined";if(o==="vertical")return"vertical"})(),pe,ue;return o==="horizontal"?(pe=y==="rtl"?"chevron-left":"chevron-right",ue=y==="rtl"?"chevron-right":"chevron-left"):o==="vertical"&&(pe="chevron-up",ue="chevron-down"),$s("div",{...w,className:s(Oa,e.className,C(Oa,{readonly:n,disabled:i}),{[`k-slider-${o}`]:o,"k-colorgradient-slider":t==="gradient"}),dir:y,children:[m&&Eo(p,{className:"k-button-decrease",rounded:"full",icon:ue,tabIndex:-1,title:"Decrease"}),$s("div",{className:"k-slider-track-wrap",children:[u&&Eo("ul",{className:"k-reset k-slider-items","aria-hidden":"true",children:e.children}),$s("div",{className:"k-slider-track",style:k,children:[Eo("div",{className:"k-slider-selection"}),t==="range"&&Eo("span",{className:s("k-draghandle","k-draghandle-start",C(Oa,{hover:M,focus:S,active:A})),role:"slider",tabIndex:i?void 0:0,"aria-valuenow":c??x,"aria-valuemin":x,"aria-valuemax":L??g,"aria-orientation":Ae,"aria-disabled":i?"true":void 0,"aria-readonly":n?"true":void 0,"aria-label":w["aria-label"]?`${w["aria-label"]} start`:"Range start"}),Eo("span",{className:s("k-draghandle",`k-draghandle-${l}`,C(Oa,{hover:M,focus:S,active:A})),role:"slider",tabIndex:i?void 0:0,"aria-valuenow":t==="range"?L??g:b,"aria-valuemin":t==="range"?c??x:x,"aria-valuemax":g,"aria-orientation":Ae,"aria-disabled":i?"true":void 0,"aria-readonly":n?"true":void 0,"aria-label":t==="range"?w["aria-label"]?`${w["aria-label"]} end`:"Range end":w["aria-label"]})]})]}),m&&Eo(p,{className:"k-button-increase",rounded:"full",icon:pe,tabIndex:-1,title:"Increase"})]})};$.states=uu;$.options=fu;$.className=Oa;$.defaultOptions=Xe;$.moduleName=Vs;$.folderName=fl;import{jsx as bl}from"react/jsx-runtime";var xl="k-tick",bu=[],xu={},Nl={label:!1},I=e=>{let{style:t,label:o=Nl.label,orientation:a,large:n,text:i,...l}=e;return bl("li",{...l,role:"presentation",title:i\|\|"Tick",className:s(e.className,xl,{[`k-tick-${a}`]:a,"k-tick-large":n}),style:t,children:o&&bl("span",{className:"k-label",children:i})})};I.states=bu;I.options=xu;I.className=xl;I.defaultOptions=Nl;import{Fragment as Nu,jsx as qe,jsxs as hu}from"react/jsx-runtime";var hl=e=>qe($,{"aria-label":e["aria-label"]\|\|"Slider",children:hu(Nu,{children:[qe(I,{className:"k-first",label:!0,large:!0,text:"0"}),qe(I,{}),qe(I,{}),qe(I,{}),qe(I,{}),qe(I,{label:!0,large:!0,text:"5"}),qe(I,{}),qe(I,{}),qe(I,{}),qe(I,{}),qe(I,{className:"k-last",label:!0,large:!0,text:"10"})]}),...e});import{Fragment as vu,jsx as We,jsxs as gu}from"react/jsx-runtime";var vl=e=>We($,{children:gu(vu,{children:[We(I,{className:"k-first",label:!0,large:!0,text:"0"}),We(I,{}),We(I,{}),We(I,{}),We(I,{}),We(I,{label:!0,large:!0,text:"5"}),We(I,{}),We(I,{}),We(I,{}),We(I,{}),We(I,{className:"k-last",label:!0,large:!0,text:"10"})]}),"aria-label":e["aria-label"]\|\|"Vertical slider",...e,orientation:"vertical"});import{Fragment as vy,jsx as hy,jsxs as gy}from"react/jsx-runtime";import{Fragment as Cy,jsx as ky,jsxs as Ay}from"react/jsx-runtime";import{jsx as Lu}from"react/jsx-runtime";var Xs=e=>Lu($,{type:"gradient",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]\|\|"Color slider"});import{jsx as Mu}from"react/jsx-runtime";var qs=e=>Mu($,{type:"gradient",orientation:"vertical",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]\|\|"Color slider"});import{Fragment as wy,jsx as _y,jsxs as Dy}from"react/jsx-runtime";import{Fragment as Gy,jsx as Fy,jsxs as Vy}from"react/jsx-runtime";import{jsx as bt,jsxs as gl}from"react/jsx-runtime";var Su=$.options,ku=$.states,Ll={...$.defaultOptions,variant:"horizontal",label:!0},Cu=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],Au=[{name:"label",title:"Labels",default:!0},{name:"tick",title:"Ticks",default:!0},{name:"button",title:"Side Buttons",default:!0}],yo=e=>{let{variant:t,modifiers:o,...a}=e,n=Ll.label,i={};Object.keys(o\|\|{}).forEach(m=>{switch(m){case"button":{i.showButtons=!!o?.[m];break}case"label":{n=!!o?.[m];break}case"tick":{i.showTicks=!!o?.[m];break}}});let l={"--kendo-slider-start":0,"--kendo-slider-end":60};return t==="vertical"?gl(vl,{style:{height:"300px",...l},...a,...i,children:[bt(I,{label:n,large:!0,orientation:"vertical",text:"0",style:{position:"absolute",bottom:"0%"}}),bt(I,{label:n,large:!0,orientation:"vertical",text:"2",style:{position:"absolute",bottom:"25%"}}),bt(I,{label:n,large:!0,orientation:"vertical",text:"4",style:{position:"absolute",bottom:"50%"}}),bt(I,{label:n,large:!0,orientation:"vertical",text:"6",style:{position:"absolute",bottom:"75%"}}),bt(I,{label:n,large:!0,orientation:"vertical",text:"8",style:{position:"absolute",bottom:"100%"}})]}):gl(hl,{style:{width:"400px",...l},...a,...i,children:[bt(I,{label:n,large:!0,orientation:"horizontal",text:"0",style:{position:"absolute",left:"0%"}}),bt(I,{label:n,large:!0,orientation:"horizontal",text:"2",style:{position:"absolute",left:"25%"}}),bt(I,{label:n,large:!0,orientation:"horizontal",text:"4",style:{position:"absolute",left:"50%"}}),bt(I,{label:n,large:!0,orientation:"horizontal",text:"6",style:{position:"absolute",left:"75%"}}),bt(I,{label:n,large:!0,orientation:"horizontal",text:"8",style:{position:"absolute",left:"100%"}})]})};yo.options=Su;yo.states=ku;yo.variants=Cu;yo.defaultOptions=Ll;yo.modifiers=Au;yo.className=$.className;import{jsx as Ml,jsxs as Ou}from"react/jsx-runtime";var Sl="k-spin-button",Iu=[],Tu={size:[d.undefined,d.small,d.medium,d.large],fillMode:[N.undefined,N.solid,N.flat,N.outline,N.clear,N.link]},Ws={increaseLabel:"Increase value",decreaseLabel:"Decrease value"},_t=e=>{let{size:t,fillMode:o,disabled:a,increaseLabel:n=Ws.increaseLabel,decreaseLabel:i=Ws.decreaseLabel,...l}=e;return Ou("span",{...l,className:s(Sl,e.className),children:[Ml(p,{className:"k-spinner-increase",icon:"chevron-up",size:t,fillMode:o,disabled:a,"aria-label":n}),Ml(p,{className:"k-spinner-decrease",icon:"chevron-down",size:t,fillMode:o,disabled:a,"aria-label":i})]})};_t.states=Iu;_t.options=Tu;_t.className=Sl;_t.defaultOptions=Ws;_t.moduleName=null;_t.folderName=null;var kl="numeric-textbox",Cl="numerictextbox";import{Fragment as Al,jsx as Mt,jsxs as Js}from"react/jsx-runtime";var El="k-numerictextbox",Bu=[r.hover,r.focus,r.valid,r.invalid,r.loading,r.required,r.disabled,r.readonly],Pu={size:[d.undefined,d.small,d.medium,d.large],rounded:[f.undefined,f.none,f.small,f.medium,f.large,f.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},bn={showSpinButton:!0,showClearButton:!0,separators:!0},D=e=>{let{size:t,rounded:o,fillMode:a,separators:n=bn.separators,showClearButton:i=bn.showClearButton,showSpinButton:l=bn.showSpinButton,prefix:m,suffix:u,value:b,placeholder:x,hover:g,focus:c,valid:L,invalid:M,required:S,loading:A,disabled:k,readonly:y,id:w,"aria-label":se,"aria-describedby":Ae,...pe}=e;return Js(J,{...pe,size:t,rounded:o,fillMode:a,hover:g,focus:c,valid:L,invalid:M,required:S,loading:A,disabled:k,readonly:y,className:s(e.className,El),children:[m&&Js(Al,{children:[Mt(Fe,{children:m}),n&&Mt(Ve,{})]}),Mt(fe,{id:w,placeholder:x,value:b,role:"spinbutton",disabled:k,"aria-label":se,"aria-describedby":Ae,"aria-invalid":M?"true":void 0}),Mt(xe,{valid:L,invalid:M,loading:A,disabled:k}),Mt(Ee,{loading:A,disabled:k}),i&&Mt(Pe,{loading:A,disabled:k,readonly:y,value:b}),u&&Js(Al,{children:[n&&Mt(Ve,{}),Mt(Ge,{children:u})]}),l&&Mt(_t,{className:"k-input-spinner",size:t,fillMode:a,disabled:k})]})};D.states=Bu;D.options=Pu;D.className=El;D.defaultOptions=bn;D.moduleName=kl;D.folderName=Cl;var Ba=D;import{jsx as Ku}from"react/jsx-runtime";var yl=e=>Ku(Ba,{...e});import Zs from"react";import{jsx as Il}from"react/jsx-runtime";var Ru="k-list-group-sticky-header",Ys=e=>Il("div",{className:s(Ru,e.className),children:Il("div",{className:"k-list-header-text",children:e.children})});import{jsx as wu}from"react/jsx-runtime";var _u="k-no-data",xn=e=>{let{live:t,...o}=e;return wu("span",{...o,className:s(_u,e.className),"aria-live":t?"polite":void 0,children:e.children})};var Qt="list",Io=Qt;import{jsx as Tl,jsxs as Ol}from"react/jsx-runtime";var Qs="k-list",Du=[],Hu={size:[d.undefined,d.small,d.medium,d.large]},zu={},R=e=>{let{size:t,virtualization:o,children:a,header:n,selectAll:i,optionLabel:l,customValue:m,noData:u,screenReaders:b,...x}=e,c=Zs.Children.toArray(a)[0],L=c?.props?.children?Zs.Children.count(c.props.children):Zs.Children.count(a);return Ol("div",{...x,className:s(e.className,Qs,E(Qs,{size:t}),{"k-virtual-list":o}),children:[l,i,m,n&&Tl(Ys,{children:n}),a\|\|(u!==void 0?u:Tl(xn,{live:!0,children:"No data found."})),b&&a&&Ol(xn,{className:"k-sr-only",live:!0,children:[L," items found."]})]})};R.states=Du;R.options=Hu;R.className=Qs;R.defaultOptions=zu;R.moduleName=Qt;R.folderName=Io;import{jsx as Vu}from"react/jsx-runtime";var Bl="k-list-container",Uu=[],Fu={},Gu={},To=e=>{let{...t}=e;return Vu("div",{...t,className:s(e.className,Bl),children:e.children})};To.states=Uu;To.options=Fu;To.className=Bl;To.defaultOptions=Gu;To.moduleName=Qt;To.folderName=Io;var jt="checkbox",Oo=jt;import{jsx as Pl}from"react/jsx-runtime";var Nn="k-checkbox",$u=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.checked,r.indeterminate],Xu={size:[d.undefined,d.small,d.medium,d.large],rounded:[f.undefined,f.none,f.small,f.medium,f.large,f.full]},qu={},Re=e=>{let{id:t,checked:o,indeterminate:a,hover:n,focus:i,disabled:l,invalid:m,valid:u,required:b,size:x,rounded:g,wrapperRole:c,...L}=e;return Pl("span",{className:"k-checkbox-wrap",role:c,children:Pl("input",{...L,id:t,type:"checkbox",defaultChecked:o,required:b,disabled:l\|\|void 0,"aria-invalid":m?"true":void 0,className:s(e.className,Nn,E(Nn,{size:x,rounded:g}),C(Nn,{hover:n,focus:i,disabled:l,invalid:m,valid:u,indeterminate:a,checked:o}))})})};Re.states=$u;Re.options=Xu;Re.className=Nn;Re.defaultOptions=qu;Re.moduleName=jt;Re.folderName=Oo;var rt=Re;import{jsx as Yu}from"react/jsx-runtime";var Kl="k-checkbox-list",Wu=[],Ju={},Rl={layout:"vertical"},he=e=>{let{layout:t=Rl.layout,...o}=e;return Yu("ul",{...o,className:s(e.className,Kl,{[`k-list-${t}`]:t}),children:e.children})};he.states=Wu;he.options=Ju;he.className=Kl;he.defaultOptions=Rl;he.moduleName=jt;he.folderName=Oo;import{jsx as ef}from"react/jsx-runtime";var _l="k-checkbox-list-item",Zu=[],Qu={},ju={},ve=e=>{let{...t}=e;return ef("li",{...t,className:s(e.className,_l),children:e.children})};ve.states=Zu;ve.options=Qu;ve.className=_l;ve.defaultOptions=ju;ve.moduleName=jt;ve.folderName=Oo;import{Fragment as tf,jsx as wl,jsxs as of}from"react/jsx-runtime";var St=({children:e="Label",id:t="cb-label-after",...o})=>of(tf,{children:[wl(rt,{id:t,...o}),wl("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});import{Fragment as fT,jsx as uT,jsxs as bT}from"react/jsx-runtime";import{Fragment as gT,jsx as vT,jsxs as LT}from"react/jsx-runtime";import{Fragment as AT,jsx as CT,jsxs as ET}from"react/jsx-runtime";import{jsx as OT}from"react/jsx-runtime";import{jsx as RT}from"react/jsx-runtime";import{jsx as HT}from"react/jsx-runtime";import{jsx as Je,jsxs as Dl}from"react/jsx-runtime";var af=he.options,nf=he.states,sf={...he.defaultOptions,variant:"vertical"},rf=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],lf=[],Bo=e=>{let{variant:t,...o}=e;return t==="horizontal"?Dl(he,{layout:"horizontal",...o,children:[Je(ve,{children:Je(St,{id:B("cb"),defaultChecked:!0,children:"Label"})}),Je(ve,{children:Je(St,{id:B("cb"),children:"Label"})}),Je(ve,{children:Je(St,{id:B("cb"),children:"Label"})})]}):Dl(he,{...o,children:[Je(ve,{children:Je(St,{id:B("cb"),defaultChecked:!0,children:"Label"})}),Je(ve,{children:Je(St,{id:B("cb"),children:"Label"})}),Je(ve,{children:Je(St,{id:B("cb"),children:"Label"})})]})};Bo.options=af;Bo.states=nf;Bo.variants=rf;Bo.defaultOptions=sf;Bo.modifiers=lf;Bo.className=he.className;import{jsx as ff}from"react/jsx-runtime";var pf=rt.options,df=rt.states,mf=rt.defaultOptions,cf=[],uf=[],Po=e=>ff(St,{id:B("checkbox"),...e,defaultChecked:!0,children:"Label"});Po.options=pf;Po.states=df;Po.variants=cf;Po.defaultOptions=mf;Po.modifiers=uf;Po.className=rt.className;import{jsx as Ko,jsxs as hf}from"react/jsx-runtime";var js="k-list-item",bf=[r.hover,r.focus,r.selected,r.disabled],xf={},Nf={},O=e=>{let{text:t,iconName:o,iconClassName:a,showCheckbox:n,checked:i,hover:l,focus:m,selected:u,disabled:b,actions:x,description:g,id:c,...L}=e,M=t\|\|e.children,S=t\|\|(typeof M=="string"?M:void 0);return hf("li",{...L,id:c,role:"option",tabIndex:m?0:-1,"aria-selected":u?"true":"false","aria-disabled":b?"true":void 0,className:s(e.className,js,C(js,{hover:l,focus:m,disabled:b,selected:u})),children:[n&&Ko(Re,{checked:i,disabled:b,"aria-label":S,tabIndex:-1}),o&&Ko("span",{className:"k-list-item-icon-wrapper",children:Ko(v,{icon:o,className:s("k-list-item-icon",a)})}),Ko("span",{className:"k-list-item-text",children:M}),x&&Ko("div",{className:"k-list-item-actions",children:x}),g&&Ko("span",{className:"k-list-item-description",children:g})]})};O.states=bf;O.options=xf;O.className=js;O.defaultOptions=Nf;O.moduleName=Qt;O.folderName=Io;import{jsx as gf}from"react/jsx-runtime";var vf="k-list-ul",wt=e=>{let{children:t,role:o,id:a,...n}=e;return gf("ul",{...n,id:a,role:o,className:s(vf,e.className),children:t})};import{jsx as er,jsxs as Mf}from"react/jsx-runtime";var Lf="k-list-content",z=e=>{let{virtualization:t,grouping:o,"aria-label":a,"aria-labelledby":n,listboxId:i,...l}=e;return Mf("div",{...l,className:s(Lf,e.className),role:o?"listbox":void 0,id:o?i:void 0,"aria-label":o?a:void 0,"aria-labelledby":o?n:void 0,children:[o?e.children:er(wt,{role:"listbox",id:i,"aria-label":a,"aria-labelledby":n,children:e.children}),t&&er("div",{className:"k-height-container",children:er("div",{})})]})};import{jsx as tr,jsxs as Af}from"react/jsx-runtime";var hn="k-list-sticky-header",Sf=[r.hover,r.focus,r.selected],kf={},Cf={},vn=e=>{let{label:t="Select all",showCheckbox:o=!0,checked:a,indeterminate:n,hover:i,focus:l,selected:m,...u}=e;return tr("div",{...u,className:s(hn,e.className),children:Af("div",{className:s(`${hn}-item`,C(`${hn}-item`,{hover:i,focus:l,selected:m})),"aria-label":t,...!o&&{tabIndex:0,"aria-selected":m?"true":"false"},children:[o&&tr(Re,{checked:a,indeterminate:n,"aria-label":t}),tr("span",{className:"k-list-item-text",children:t})]})})};vn.states=Sf;vn.options=kf;vn.className=hn;vn.defaultOptions=Cf;import{Fragment as PO,jsx as BO,jsxs as KO}from"react/jsx-runtime";import{jsx as HO,jsxs as zO}from"react/jsx-runtime";import{jsx as Tf}from"react/jsx-runtime";var or="k-list-optionlabel",Ef=[r.hover,r.focus,r.selected,r.disabled],yf={},If={},gn=e=>{let{text:t,hover:o,focus:a,selected:n,disabled:i,...l}=e;return Tf("div",{...l,className:s(or,C(or,{hover:o,focus:a,selected:n,disabled:i})),children:t})};gn.states=Ef;gn.options=yf;gn.className=or;gn.defaultOptions=If;import{jsx as Kf}from"react/jsx-runtime";var ar="k-list-custom-value",Of=[r.hover,r.focus,r.selected,r.disabled],Bf={},Pf={},Dt=e=>{let{text:t,hover:o,focus:a,selected:n,disabled:i,...l}=e;return Kf("div",{...l,className:s(ar,C(ar,{hover:o,focus:a,selected:n,disabled:i})),children:t})};Dt.states=Of;Dt.options=Bf;Dt.className=ar;Dt.defaultOptions=Pf;import{Fragment as QO,jsx as ZO,jsxs as jO}from"react/jsx-runtime";import{Fragment as sB,jsx as nB,jsxs as rB}from"react/jsx-runtime";import{Fragment as uB,jsx as mB,jsxs as cB}from"react/jsx-runtime";import{Fragment as gB,jsx as hB,jsxs as vB}from"react/jsx-runtime";import{jsx as kB}from"react/jsx-runtime";import{Fragment as TB,jsx as IB,jsxs as OB}from"react/jsx-runtime";import{Fragment as wB,jsx as _B,jsxs as DB}from"react/jsx-runtime";var Hl="dropdown-list",zl="dropdownlist";import{Fragment as wf,jsx as ge,jsxs as nr}from"react/jsx-runtime";var Ul="k-dropdownlist",Rf=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading,r.readonly],_f={size:[d.undefined,d.small,d.medium,d.large],rounded:[f.undefined,f.none,f.small,f.medium,f.large,f.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},sr={showValue:!0,arrowIconName:"chevron-down"},ne=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:n=sr.arrowIconName,showValue:i=sr.showValue,valueIconName:l,prefix:m,suffix:u,value:b,placeholder:x,hover:g,focus:c,valid:L,invalid:M,required:S,loading:A,disabled:k,readonly:y,popup:w,opened:se,adaptive:Ae,adaptiveSettings:pe,adaptiveTitle:ue,adaptiveSubtitle:ba,adaptiveFilter:qt,id:Wt,activeDescendant:xa,"aria-label":jn,...es}=e,ts=Wt?`${Wt}-listbox`:void 0,li=Wt?`${Wt}-value`:void 0;return nr(wf,{children:[nr(mt,{...es,id:Wt,size:t,rounded:o,fillMode:a,hover:g,focus:c,valid:L,invalid:M,required:S,loading:A,disabled:k,readonly:y,className:s(e.className,Ul,{"k-icon-picker":!i&&l}),role:"combobox","aria-haspopup":"listbox","aria-expanded":se?"true":"false","aria-controls":se?ts:void 0,"aria-activedescendant":se&&xa?xa:void 0,"aria-describedby":se?li:void 0,"aria-disabled":k?"true":void 0,"aria-label":jn,tabIndex:0,children:[ge(Fe,{children:m}),ge(Zt,{placeholder:x,value:b,showValue:i,valueIconName:l,id:li}),ge(xe,{valid:L,invalid:M,loading:A,disabled:k}),ge(Ee,{loading:A,disabled:k}),ge(Ge,{children:u}),ge(p,{className:"k-input-button",icon:n,size:e.size,fillMode:e.fillMode,"aria-label":x\|\|"Toggle dropdown",tabIndex:-1})]}),se&&w&&ge(q,{className:"k-list-container k-dropdownlist-popup",containerRole:"region",containerAriaLabel:"Dropdown suggestions",children:w}),Ae&&ge(Y,{adaptive:!0,...pe,header:ge(Ne,{actionsEnd:ge(p,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),filter:qt,inputValue:b,inputPlaceholder:x,title:ue,subtitle:ba}),children:ge("div",{className:"k-list-container",children:ge(R,{size:"large",children:nr(z,{"aria-label":"Options",children:[ge(O,{text:"List item"}),ge(O,{text:"List item"}),ge(O,{text:"List item"})]})})})})]})};ne.states=Rf;ne.options=_f;ne.className=Ul;ne.defaultOptions=sr;ne.moduleName=Hl;ne.folderName=zl;import{jsx as vP}from"react/jsx-runtime";import{jsx as CP,jsxs as AP}from"react/jsx-runtime";import{Fragment as RP,jsx as PP,jsxs as KP}from"react/jsx-runtime";import{jsx as zP}from"react/jsx-runtime";import{jsx as XP,jsxs as qP}from"react/jsx-runtime";import{Fragment as oK,jsx as eK,jsxs as tK}from"react/jsx-runtime";import{jsx as iK}from"react/jsx-runtime";import{Fragment as Gf,jsx as Ht,jsxs as Fl}from"react/jsx-runtime";var Df=ne.states,Hf=ne.defaultOptions,zf=ne.options,Uf=[{name:"opened",title:"Opened"}],Ff=[],_o=e=>{let{modifiers:t,...o}=e,a={},n=Fl(Gf,{children:[Ht("div",{className:"k-list-filter",children:Ht($e,{})}),Ht(R,{style:{width:300},size:o.size,children:Fl(z,{children:[Ht(O,{children:"List item"}),Ht(O,{children:"List item"}),Ht(O,{children:"List item"})]})})]});return Object.keys(t\|\|{}).forEach(i=>{i==="opened"&&(a.opened=!!t?.[i],a.popup=t?.[i]?n:void 0)}),Ht("div",{children:Ht(ne,{placeholder:"Value",style:{width:300},...o,...a})})};_o.options=zf;_o.states=Df;_o.variants=Ff;_o.defaultOptions=Hf;_o.modifiers=Uf;_o.className=ne.className;import{Fragment as IK,jsx as yK}from"react/jsx-runtime";import{Fragment as RK,jsx as KK}from"react/jsx-runtime";import{jsx as HK}from"react/jsx-runtime";import{jsx as rr}from"react/jsx-runtime";var Vf=D.states,$f=D.defaultOptions,Xf=D.options,qf=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"spin-button",title:"`Spin` Button"}],Wf=[],wo=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(n=>{switch(n){case"prefix":a.prefix=t?.[n]?rr(ne,{size:o.size,fillMode:"flat",value:"mm"}):void 0;break;case"suffix":a.suffix=t?.[n]?rr(Cs,{children:"mm"}):void 0;break;case"clear-button":a.showClearButton=t?.[n];break;case"spin-button":a.showSpinButton=t?.[n];break;default:break}}),rr(yl,{value:"Value",style:{width:300},...o,...a})};wo.options=Xf;wo.states=Vf;wo.variants=Wf;wo.defaultOptions=$f;wo.modifiers=qf;wo.className=D.className;import{Fragment as Ka,jsx as P,jsxs as Z}from"react/jsx-runtime";var Gl="k-colorgradient-inputs",Jf=[],Yf={size:[d.undefined,d.small,d.medium,d.large]},Vl={mode:"rgba"},Do=e=>{let{mode:t=Vl.mode,size:o,...a}=e;return Z("div",{...a,className:s(Gl,"k-hstack"),children:[P("div",{className:"k-vstack",children:P(p,{fillMode:"flat",icon:"caret-alt-expand",className:"k-colorgradient-toggle-mode",size:o,"aria-label":"Toggle color input format"})}),t==="rgba"&&Z(Ka,{children:[Z("div",{className:"k-vstack",children:[P(D,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Red channel"}),P("label",{className:"k-colorgradient-input-label",children:"R"})]}),Z("div",{className:"k-vstack",children:[P(D,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Green channel"}),P("label",{className:"k-colorgradient-input-label",children:"G"})]}),Z("div",{className:"k-vstack",children:[P(D,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Blue channel"}),P("label",{className:"k-colorgradient-input-label",children:"B"})]}),Z("div",{className:"k-vstack",children:[P(D,{showSpinButton:!1,showClearButton:!1,value:"1.00",size:o,"aria-label":"Alpha channel"}),P("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="rgb"&&Z(Ka,{children:[Z("div",{className:"k-vstack",children:[P(D,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Red channel"}),P("label",{className:"k-colorgradient-input-label",children:"R"})]}),Z("div",{className:"k-vstack",children:[P(D,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Green channel"}),P("label",{className:"k-colorgradient-input-label",children:"G"})]}),Z("div",{className:"k-vstack",children:[P(D,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Blue channel"}),P("label",{className:"k-colorgradient-input-label",children:"B"})]})]}),t==="hsva"&&Z(Ka,{children:[Z("div",{className:"k-vstack",children:[P(D,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),P("label",{className:"k-colorgradient-input-label",children:"H"})]}),Z("div",{className:"k-vstack",children:[P(D,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),P("label",{className:"k-colorgradient-input-label",children:"S"})]}),Z("div",{className:"k-vstack",children:[P(D,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),P("label",{className:"k-colorgradient-input-label",children:"V"})]}),Z("div",{className:"k-vstack",children:[P(D,{showSpinButton:!1,showClearButton:!1,value:"1.00","aria-label":"Alpha channel"}),P("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="hsv"&&Z(Ka,{children:[Z("div",{className:"k-vstack",children:[P(D,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),P("label",{className:"k-colorgradient-input-label",children:"H"})]}),Z("div",{className:"k-vstack",children:[P(D,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),P("label",{className:"k-colorgradient-input-label",children:"S"})]}),Z("div",{className:"k-vstack",children:[P(D,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),P("label",{className:"k-colorgradient-input-label",children:"V"})]})]}),t==="hex"&&P(Ka,{children:Z("div",{className:"k-vstack k-flex-1",children:[P(de,{showClearButton:!1,value:"#b88484AA",className:"k-hex-value"}),P("label",{className:"k-colorgradient-input-label",children:"HEX"})]})})]})};Do.states=Jf;Do.options=Yf;Do.className=Gl;Do.defaultOptions=Vl;import{jsx as eo,jsxs as to}from"react/jsx-runtime";var $l="k-colorgradient-color-contrast",Zf=[],Qf={},jf={},Ho=()=>to("div",{className:s($l,"k-vbox"),children:[to("div",{className:"k-contrast-ratio",children:[eo("span",{className:"k-contrast-ratio-text",children:"Contrast ratio: 7.1"}),to("span",{className:"k-contrast-validation !k-text-success",children:[eo(v,{icon:"check"}),eo(v,{icon:"check"})]})]}),to("div",{children:[eo("span",{children:"AA: 4.5"}),to("span",{className:"k-contrast-validation !k-text-success",children:["Pass",eo(v,{icon:"check"})]})]}),to("div",{children:[eo("span",{children:"AAA: 7.0"}),to("span",{className:"k-contrast-validation !k-text-error",children:["Fail",eo(v,{icon:"x"})]})]})]});Ho.states=Zf;Ho.options=Qf;Ho.className=$l;Ho.defaultOptions=jf;var Xl="color-gradient",ql="colorgradient";import{jsx as Ye,jsxs as Ra}from"react/jsx-runtime";var Ln="k-colorgradient",eb=[r.hover,r.focus,r.readonly,r.disabled],tb={size:[d.undefined,d.small,d.medium,d.large]},xt={mode:"rgba",readonly:!1,disabled:!1,contrast:!1,gradientStyle:{background:"rgb(255, 0, 0 )"},dragHandleStyle:{top:"50px",left:"73px"},alphaStyle:{background:"linear-gradient(to top, transparent, rgb(255, 0, 0))"},alphaStyleHorizontal:{background:"linear-gradient(to right, transparent, rgb(255, 0, 0))"},canvasOrientation:"horizontal"},ie=e=>{let{size:t,mode:o=xt.mode,readonly:a=xt.readonly,disabled:n=xt.disabled,gradientStyle:i=xt.gradientStyle,dragHandleStyle:l=xt.dragHandleStyle,alphaStyle:m=xt.alphaStyle,alphaStyleHorizontal:u=xt.alphaStyleHorizontal,contrast:b=xt.contrast,dir:x,hover:g,focus:c,hoverHandle:L,focusHandle:M,canvasOrientation:S=xt.canvasOrientation,role:A,tabIndex:k,...y}=e;return Ra("div",{...y,role:A??"textbox","aria-label":A==="none"?void 0:"Color gradient",tabIndex:k??0,"aria-disabled":n?"true":void 0,className:s(e.className,Ln,E(Ln,{size:t}),C(Ln,{hover:g,focus:c,readonly:a,disabled:n})),dir:x,children:[!S\|\|S==="horizontal"&&Ra("div",{className:"k-colorgradient-canvas k-hstack",children:[Ye("div",{className:"k-hsv-rectangle",style:i,children:Ye("div",{className:"k-hsv-gradient",children:Ye("div",{className:s("k-hsv-draghandle","k-draghandle",{"k-hover":L,"k-focus":M}),style:l,role:"slider","aria-orientation":"undefined","aria-label":"Color well with two-dimensional slider for selecting saturation and lightness","aria-valuetext":"X: 73, Y: 50","aria-valuenow":50,"aria-valuemin":0,"aria-valuemax":100})})}),Ra("div",{className:"k-hsv-controls k-hstack",children:[Ye(qs,{className:"k-hue-slider",hover:L,focus:M}),o!=="rgb"&&o!=="hsv"&&Ye(qs,{className:"k-alpha-slider",hover:L,focus:M,trackStyle:m})]})]}),S==="vertical"&&Ra("div",{className:"k-colorgradient-canvas k-vstack",children:[Ye("div",{className:"k-hsv-rectangle",style:i,children:Ye("div",{className:"k-hsv-gradient",children:Ye("div",{className:s("k-hsv-draghandle","k-draghandle",{"k-hover":L,"k-focus":M}),style:l,role:"slider","aria-orientation":"undefined","aria-label":"Color well with two-dimensional slider for selecting saturation and lightness","aria-valuetext":"X: 73, Y: 50","aria-valuenow":50,"aria-valuemin":0,"aria-valuemax":100})})}),Ra("div",{className:"k-hsv-controls k-vstack",children:[Ye(Xs,{className:"k-hue-slider",hover:L,focus:M}),o!=="rgb"&&o!=="hsv"&&Ye(Xs,{className:"k-alpha-slider",hover:L,focus:M,trackStyle:u})]})]}),Ye(Do,{mode:e.mode,size:t}),b&&Ye(Ho,{})]})};ie.states=eb;ie.options=tb;ie.className=Ln;ie.defaultOptions=xt;ie.moduleName=Xl;ie.folderName=ql;import{jsx as ob}from"react/jsx-runtime";var Mn=e=>ob(ie,{...e});import{jsx as kR}from"react/jsx-runtime";import{jsx as yR}from"react/jsx-runtime";import{jsx as ir}from"react/jsx-runtime";var ab=ie.options,nb=ie.states,sb={...ie.defaultOptions,variant:"rgba"},rb=[{name:"rgba",title:"RGBA"},{name:"rgb",title:"RGB"},{name:"hex",title:"HEX"}],ib=[],zo=e=>{let{variant:t,...o}=e;switch(t){case"hex":return ir(Mn,{...o,mode:t});case"rgb":return ir(Mn,{...o,mode:t});default:return ir(Mn,{...o,mode:t})}};zo.options=ab;zo.states=nb;zo.variants=rb;zo.defaultOptions=sb;zo.modifiers=ib;zo.className=ie.className;import{jsx as lb}from"react/jsx-runtime";var lr=e=>lb("tr",{role:"row",children:e.children});import{jsx as mb}from"react/jsx-runtime";var pr="k-colorpalette-tile",pb=[r.hover,r.focus,r.selected],db={},zt=e=>{let{color:t,tileSize:o,hover:a,focus:n,selected:i,...l}=e,m={backgroundColor:t,width:o?o+"px":"",height:o?o+"px":""};return mb("td",{...l,role:"gridcell","aria-label":t,"aria-selected":i?"true":void 0,className:s(e.className,pr,C(pr,{hover:a,focus:n,selected:i})),style:m})};zt.states=pb;zt.options=db;zt.className=pr;zt.moduleName=null;zt.folderName=null;var Wl="color-palette",Jl="colorpalette";import{jsx as _a}from"react/jsx-runtime";var Sn="k-colorpalette",cb=[r.disabled],ub={size:[d.undefined,d.small,d.medium,d.large]},Yl={columns:10},ye=e=>{let{size:t,palette:o,columns:a=Yl.columns,tileSize:n,disabled:i,...l}=e,m=[];if(o){let u=a\|\|o.columns,b=o.colors?o.colors:o;Array.isArray(b)&&Array.from({length:Math.ceil(b.length/u)},(x,g)=>{let c=[];b.slice(gu,(g+1)*u).map((M,S)=>{c.push(_a(zt,{color:M,tileSize:n},S))});let L=_a(lr,{children:c},g);m.push(L)})}return _a("div",{...l,role:"grid","aria-label":"Color palette",tabIndex:0,"aria-disabled":i?"true":void 0,className:s(e.className,Sn,C(Sn,{disabled:i}),E(Sn,{size:t})),children:_a("table",{className:"k-colorpalette-table",role:"none",children:_a("tbody",{children:m.length>0?m:e.children})})})};ye.states=cb;ye.options=ub;ye.className=Sn;ye.defaultOptions=Yl;ye.moduleName=Wl;ye.folderName=Jl;var kn=ye;var wa={basic:{colors:["#000000","#7f7f7f","#880015","#ed1c24","#ff7f27","#fff200","#22b14c","#00a2e8","#3f48cc","#a349a4","#ffffff","#c3c3c3","#b97a57","#ffaec9","#ffc90e","#efe4b0","#b5e61d","#99d9ea","#7092be","#c8bfe7"],columns:10},office:{colors:["#ffffff","#000000","#e6e6e6","#435569","#4371c4","#ed7e32","#a5a4a5","#febf04","#5a9bd5","#71ae48","#f2f2f3","#7f7f7f","#d1cece","#d5dde3","#dae1f4","#fce5d4","#deeded","#fff2cc","#deeaf6","#e1efd9","#d7d8d8","#585959","#aeabab","#adbaca","#b4c5e7","#f6caac","#dbdbdb","#ffe498","#bcd6ee","#c5e0b2","#bfbfc0","#3f3f3f","#767070","#8595b1","#8fabdb","#f5b183","#c9c8c9","#fed965","#9bc4e5","#a8d08d","#a5a5a6","#262625","#393939","#334050","#2e5496","#c45a11","#7b7b7a","#bf9000","#2f75b5","#548235","#7f7f7f","#0b0c0c","#161616","#222a34","#203764","#843d0b","#525252","#7f6000","#1d4d79","#375623"],columns:10},apex:{colors:["#ffffff","#000000","#c9c2d1","#69676d","#ceb966","#9cb084","#6bb1c9","#6585cf","#7e6bc9","#a379bb","#f2f2f2","#7f7f7f","#f4f2f5","#e0e0e2","#f5f1e0","#ebefe6","#e1eff4","#e0e6f5","#e5e1f4","#ece4f1","#d8d8d8","#595959","#e9e6ec","#c2c1c5","#ebe3c1","#d7dfcd","#c3dfe9","#c1ceeb","#cbc3e9","#dac9e3","#bfbfbf","#3f3f3f","#dedae3","#a4a3a8","#e1d5a3","#c3cfb5","#a6d0de","#a2b5e2","#b1a6de","#c7aed6","#a5a5a5","#262626","#9688a5","#4e4d51","#ae9638","#758c5a","#3d8da9","#365bb0","#533da9","#7d4d99","#7f7f7f","#0c0c0c","#635672","#343336","#746425","#4e5d3c","#295e70","#243c75","#372970","#533366"],columns:10},austin:{colors:["#ffffff","#000000","#caf278","#3e3d2d","#94c600","#71685a","#ff6700","#909465","#956b43","#fea022","#f2f2f2","#7f7f7f","#f4fce4","#dddcd0","#efffc0","#e3e1dc","#ffe0cb","#e8e9df","#ece1d6","#feecd2","#d8d8d8","#595959","#e9f9c9","#bbb9a1","#dfff82","#c8c3ba","#ffc299","#d2d4c0","#dac3ad","#fed9a6","#bfbfbf","#3f3f3f","#dff7ae","#ada598","#cfff43","#ada598","#ffa365","#bcbfa1","#c8a585","#fec67a","#a5a5a5","#262626","#a9ea25","#2e2d21","#6f9400","#544e43","#bf4d00","#6c6f4b","#6f5032","#d77b00","#7f7f7f","#0c0c0c","#74a50f","#1f1e16","#4a6300","#38342d","#7f3300","#484a32","#4a3521","#8f5200"],columns:10},clarity:{colors:["#ffffff","#292934","#f3f2dc","#d2533c","#93a299","#ad8f67","#726056","#4c5a6a","#808da0","#79463d","#f2f2f2","#e7e7ec","#e7e5b9","#f6dcd8","#e9ecea","#eee8e0","#e4dedb","#d8dde3","#e5e8ec","#e9d6d3","#d8d8d8","#c4c4d1","#d5d185","#edbab1","#d3d9d6","#ded2c2","#c9beb8","#b2bcc8","#ccd1d9","#d3aea7","#bfbfbf","#8a8aa3","#aca73b","#e4978a","#bec7c1","#cdbba3","#af9e94","#8c9bac","#b2bac6","#bd857c","#a5a5a5","#56566e","#56531d","#a43925","#6b7c72","#866b48","#554840","#39434f","#5c697b","#5a342d","#7f7f7f","#3b3b4b","#22210b","#6d2619","#47534c","#594730","#39302b","#262d35","#3d4652","#3c231e"],columns:10},slipstream:{colors:["#ffffff","#000000","#b4dcfa","#212745","#4e67c8","#5eccf3","#a7ea52","#5dceaf","#ff8021","#f14124","#f2f2f2","#7f7f7f","#8bc9f7","#c7cce4","#dbe0f4","#def4fc","#edfadc","#def5ef","#ffe5d2","#fcd9d3","#d8d8d8","#595959","#4facf3","#909aca","#b8c2e9","#beeafa","#dbf6b9","#beebdf","#ffcca6","#f9b3a7","#bfbfbf","#3f3f3f","#0d78c9","#5967af","#94a3de","#9ee0f7","#caf297","#9de1cf","#ffb279","#f68d7b","#a5a5a5","#262626","#063c64","#181d33","#31479f","#11b2eb","#81d319","#34ac8b","#d85c00","#c3260c","#7f7f7f","#0c0c0c","#021828","#101322","#202f6a","#0b769c","#568c11","#22725c","#903d00","#821908"],columns:10},metro:{colors:["#ffffff","#000000","#d6ecff","#4e5b6f","#7fd13b","#ea157a","#feb80a","#00addc","#738ac8","#1ab39f","#f2f2f2","#7f7f7f","#a7d6ff","#d9dde4","#e5f5d7","#fad0e4","#fef0cd","#c5f2ff","#e2e7f4","#c9f7f1","#d8d8d8","#595959","#60b5ff","#b3bcca","#cbecb0","#f6a1c9","#fee29c","#8be6ff","#c7d0e9","#94efe3","#bfbfbf","#3f3f3f","#007dea","#8d9baf","#b2e389","#f272af","#fed46b","#51d9ff","#aab8de","#5fe7d5","#a5a5a5","#262626","#003e75","#3a4453","#5ea226","#af0f5b","#c58c00","#0081a5","#425ea9","#138677","#7f7f7f","#0c0c0c","#00192e","#272d37","#3f6c19","#750a3d","#835d00","#00566e","#2c3f71","#0c594f"],columns:10},flow:{colors:["#ffffff","#000000","#dbf5f9","#04617b","#0f6fc6","#009dd9","#0bd0d9","#10cf9b","#7cca62","#a5c249","#f2f2f2","#7f7f7f","#b2e9f2","#b4ecfc","#c7e2fa","#c4eeff","#c9fafc","#c9faed","#e4f4df","#edf2da","#d8d8d8","#595959","#76d9e8","#6adafa","#90c6f6","#89deff","#93f5f9","#94f6db","#cae9c0","#dbe6b6","#bfbfbf","#3f3f3f","#21b2c8","#20c8f7","#59a9f2","#4fceff","#5df0f6","#5ff2ca","#b0dfa0","#c9da91","#a5a5a5","#262626","#105964","#02485c","#0b5394","#0075a2","#089ca2","#0b9b74","#54a838","#7e9532","#7f7f7f","#0c0c0c","#062328","#01303d","#073763","#004e6c","#05686c","#07674d","#387025","#546321"],columns:10},hardcover:{colors:["#ffffff","#000000","#ece9c6","#895d1d","#873624","#d6862d","#d0be40","#877f6c","#972109","#aeb795","#f2f2f2","#7f7f7f","#e1dca5","#f2e0c6","#f0d0c9","#f6e6d5","#f5f2d8","#e7e5e1","#fbc7bc","#eef0e9","#d8d8d8","#595959","#d0c974","#e6c28d","#e2a293","#eeceaa","#ece5b2","#cfccc3","#f78f7a","#dee2d4","#bfbfbf","#3f3f3f","#a29a36","#daa454","#d4735e","#e6b681","#e2d88c","#b7b2a5","#f35838","#ced3bf","#a5a5a5","#262626","#514d1b","#664515","#65281a","#a2641f","#a39428","#655f50","#711806","#879464","#7f7f7f","#0c0c0c","#201e0a","#442e0e","#431b11","#6c4315","#6d621a","#433f35","#4b1004","#5a6243"],columns:10},trek:{colors:["#ffffff","#000000","#fbeec9","#4e3b30","#f0a22e","#a5644e","#b58b80","#c3986d","#a19574","#c17529","#f2f2f2","#7f7f7f","#f7e09e","#e1d6cf","#fcecd5","#eddfda","#f0e7e5","#f3eae1","#ece9e3","#f5e3d1","#d8d8d8","#595959","#f3cc5f","#c4ad9f","#f9d9ab","#dcc0b6","#e1d0cc","#e7d5c4","#d9d4c7","#ebc7a3","#bfbfbf","#3f3f3f","#d29f0f","#a78470","#f6c781","#cba092","#d2b9b2","#dbc1a7","#c6bfab","#e1ac76","#a5a5a5","#262626","#694f07","#3a2c24","#c87d0e","#7b4b3a","#926255","#a17242","#7b7153","#90571e","#7f7f7f","#0c0c0c","#2a1f03","#271d18","#855309","#523226","#614138","#6b4c2c","#524b37","#603a14"],columns:10},verve:{colors:["#ffffff","#000000","#d2d2d2","#666666","#ff388c","#e40059","#9c007f","#68007f","#005bd3","#00349e","#f2f2f2","#7f7f7f","#bdbdbd","#e0e0e0","#ffd7e8","#ffc6dc","#ffb8f1","#f1b2ff","#c3dcff","#b8cfff","#d8d8d8","#595959","#9d9d9d","#c1c1c1","#ffafd1","#ff8eba","#ff71e4","#e365ff","#87baff","#72a0ff","#bfbfbf","#3f3f3f","#696969","#a3a3a3","#ff87ba","#ff5597","#ff2ad7","#d519ff","#4b98ff","#2b71ff","#a5a5a5","#262626","#343434","#4c4c4c","#e90062","#ab0042","#75005f","#4e005f","#00449e","#002676","#7f7f7f","#0c0c0c","#151515","#333333","#9b0041","#72002c","#4e003f","#34003f","#002d69","#00194f"],columns:10},monochrome:{colors:["#000000","#1a1a1a","#333333","#4d4d4d","#666666","#808080","#999999","#b3b3b3","#cccccc","#e6e6e6","#f2f2f2","#ffffff"],columns:12}};import{jsx as fb}from"react/jsx-runtime";var Zl=e=>fb(kn,{palette:wa.basic,...e});import{jsx as p_}from"react/jsx-runtime";import{jsx as b_,jsxs as x_}from"react/jsx-runtime";import{jsx as Lb}from"react/jsx-runtime";var bb=ye.options,xb=ye.states,Nb={...ye.defaultOptions,variant:"basic"},hb=[{name:"basic",title:"Basic"},{name:"monochrome",title:"Monochrome"}],vb={basic:{colors:["#000000","#7f7f7f","#880015","#ed1c24","#ff7f27","#fff200","#22b14c","#00a2e8","#3f48cc","#a349a4","#ffffff","#c3c3c3","#b97a57","#ffaec9","#ffc90e","#efe4b0","#b5e61d","#99d9ea","#7092be","#c8bfe7"],columns:10},monochrome:{colors:["#000000","#1a1a1a","#333333","#4d4d4d","#666666","#808080","#999999","#b3b3b3","#cccccc","#e6e6e6","#f2f2f2","#ffffff"],columns:12}},gb=[],Uo=e=>{let{variant:t="basic",...o}=e,a=vb[t];return Lb(Zl,{columns:a.columns,palette:a,...o})};Uo.options=bb;Uo.states=xb;Uo.variants=hb;Uo.defaultOptions=Nb;Uo.modifiers=gb;Uo.className=ye.className;var Ql="color-editor",jl="coloreditor";import{jsx as Ze,jsxs as Fo}from"react/jsx-runtime";var Cn="k-coloreditor",Mb=[r.focus],Sb={size:[d.undefined,d.small,d.medium,d.large]},Da={view:"gradient",palette:wa.office,actionButtons:!0,canvasOrientation:"horizontal"},Q=e=>{let{size:t,view:o=Da.view,palette:a=Da.palette,color:n,currentColor:i,focus:l,focusView:m,dir:u,group:b,actionButtons:x=Da.actionButtons,canvasOrientation:g=Da.canvasOrientation,...c}=e;return Fo("div",{...c,role:"textbox","aria-label":"Color editor",tabIndex:0,className:s(e.className,"k-flatcolorpicker",Cn,E(Cn,{size:t}),C(Cn,{focus:l})),dir:u,children:[Fo("div",{className:"k-coloreditor-header k-hstack",children:[Ze("div",{className:"k-coloreditor-header-actions k-hstack",children:b&&Fo(T,{fillMode:"flat",children:[Ze(p,{className:"k-group-start",size:t,fillMode:"flat",icon:"droplet-slider",selected:o==="gradient","aria-label":"Color gradient view"}),Ze(p,{className:"k-group-end",size:t,fillMode:"flat",icon:"palette",selected:o==="palette","aria-label":"Color palette view"})]})}),Ze("div",{className:"k-spacer"}),Fo("div",{className:"k-coloreditor-header-actions k-hstack",children:[Ze(p,{fillMode:"flat",icon:"droplet-slash",size:t,"aria-label":"Reset color"}),Fo("div",{className:"k-coloreditor-preview k-vstack",children:[Ze(Ot,{className:"k-coloreditor-preview-color",color:n}),Ze(Ot,{className:"k-coloreditor-current-color",color:i})]})]})]}),Ze("div",{className:"k-coloreditor-views k-vstack",children:o==="gradient"?Ze(ie,{focus:m,size:t,canvasOrientation:g,role:"none",tabIndex:-1}):Ze(ye,{palette:a,size:t})}),x&&Fo(Ke,{className:"k-coloreditor-footer",alignment:"start",children:[Ze(p,{themeColor:"primary",size:t,className:"k-coloreditor-apply",children:"Apply"}),Ze(p,{className:"k-coloreditor-cancel",size:t,children:"Cancel"})]})]})};Q.states=Mb;Q.options=Sb;Q.className=Cn;Q.defaultOptions=Da;Q.moduleName=Ql;Q.folderName=jl;var Go=Q;import{jsx as $_}from"react/jsx-runtime";import{jsx as J_}from"react/jsx-runtime";import{jsx as kb}from"react/jsx-runtime";var ep=e=>kb(Go,{group:!0,currentColor:"fuchsia",...e});import{jsx as Cb}from"react/jsx-runtime";var tp=e=>Cb(Go,{view:"palette",group:!0,currentColor:"fuchsia",...e});import{jsx as op}from"react/jsx-runtime";var Ab=Q.options,Eb=Q.states,yb={...Q.defaultOptions,variant:"gradient"},Ib=[{name:"gradient",title:"Gradient"},{name:"palette",title:"Palette"}],Tb=[],Vo=e=>{let{variant:t,...o}=e;return t==="palette"?op(tp,{...o,color:"white"}):op(ep,{...o,color:"rgba(183, 118 , 118, 1.00)"})};Vo.options=Ab;Vo.states=Eb;Vo.variants=Ib;Vo.defaultOptions=yb;Vo.modifiers=Tb;Vo.className=Q.className;var ap="color-picker",np="colorpicker";import{Fragment as Pb,jsx as Qe,jsxs as dr}from"react/jsx-runtime";var sp="k-colorpicker",Ob=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled],Bb={size:[d.undefined,d.small,d.medium,d.large],rounded:[f.undefined,f.none,f.small,f.medium,f.large,f.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},rp={arrowIconName:"chevron-down"},je=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:n=rp.arrowIconName,prefix:i,suffix:l,value:m,placeholder:u,hover:b,focus:x,valid:g,invalid:c,required:L,disabled:M,valueIconName:S,popup:A,opened:k,adaptive:y,adaptiveSettings:w,adaptiveTitle:se,adaptiveSubtitle:Ae,...pe}=e,ue="colorpicker-popup";return dr(Pb,{children:[dr(mt,{...pe,size:t,rounded:o,fillMode:a,hover:b,focus:x,valid:g,invalid:c,required:L,disabled:M,role:"combobox","aria-haspopup":"dialog","aria-expanded":k?"true":"false","aria-controls":k\|\|y?ue:void 0,"aria-label":"Color picker",tabIndex:0,"aria-disabled":M?"true":void 0,className:s(e.className,sp,"k-icon-picker"),children:[Qe(Fe,{children:i}),Qe(Zt,{placeholder:u,value:m,showValue:!1,valueIcon:Qe(Ot,{className:"k-value-icon",color:m,iconName:S}),valueIconName:S}),Qe(Ge,{children:l}),Qe(p,{className:"k-input-button",icon:n,size:t,fillMode:a,tabIndex:-1,"aria-label":"Open color picker",disabled:M})]}),k&&A&&Qe(q,{id:ue,className:"k-colorpicker-popup",children:A}),y&&Qe(Y,{adaptive:!0,id:ue,...w,header:Qe(Ne,{actionsEnd:Qe(p,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply"}),title:se,subtitle:Ae}),footer:dr(Bt,{children:[Qe(p,{text:"Cancel",size:"large"}),Qe(p,{text:"Set",size:"large",themeColor:"primary"})]}),children:Qe(Q,{canvasOrientation:"vertical",size:"large",actionButtons:!1,group:!0})})]})};je.states=Ob;je.options=Bb;je.className=sp;je.defaultOptions=rp;je.moduleName=ap;je.folderName=np;var kt=je;import{jsx as Kb}from"react/jsx-runtime";var An=e=>Kb(kt,{...e});import{jsx as B0}from"react/jsx-runtime";import{jsx as w0}from"react/jsx-runtime";import{jsx as U0}from"react/jsx-runtime";import{jsx as $0}from"react/jsx-runtime";import{jsx as J0}from"react/jsx-runtime";import{jsx as j0}from"react/jsx-runtime";import{jsx as oo}from"react/jsx-runtime";var Rb=kt.options,_b=kt.states,ip={...kt.defaultOptions,variant:"color"},wb=[{name:"color",title:"Color",default:!0},{name:"no color",title:"No color"},{name:"icon",title:"Icon"}],Db=[{name:"opened",title:"Opened"}],$o=e=>{let{variant:t,modifiers:o,...a}={...ip,...e},n={};Object.keys(o\|\|{}).forEach(l=>{l==="opened"&&(n.opened=!!o?.[l],n.popup=o?.[l]?oo(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 oo("div",{style:i,children:oo(An,{...a,...n})});case"icon":return oo("div",{style:i,children:oo(An,{value:"rgba(183, 118 , 118, 1.00)",valueIconName:"edit-tools",...a,...n})});default:return oo("div",{style:i,children:oo(An,{value:"rgba(183, 118 , 118, 1.00)",...a,...n})})}};$o.options=Rb;$o.states=_b;$o.variants=wb;$o.defaultOptions=ip;$o.modifiers=Db;$o.className=kt.className;var mr="combobox",lp=mr;import{Fragment as cr,jsx as oe,jsxs as Ha}from"react/jsx-runtime";var pp="k-combobox",Hb=[r.hover,r.focus,r.valid,r.invalid,r.loading,r.required,r.disabled,r.readonly],zb={size:[d.undefined,d.small,d.medium,d.large],rounded:[f.undefined,f.none,f.small,f.medium,f.large,f.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},ur={separators:!0,showClearButton:!0},Le=e=>{let{size:t,rounded:o,fillMode:a,separators:n=ur.separators,showClearButton:i=ur.showClearButton,prefix:l,suffix:m,value:u,placeholder:b,hover:x,focus:g,valid:c,invalid:L,required:M,loading:S,disabled:A,popup:k,opened:y,readonly:w,adaptive:se,adaptiveSettings:Ae,adaptiveTitle:pe,adaptiveSubtitle:ue,adaptiveCustomValue:ba,id:qt,autocomplete:Wt,activeDescendant:xa,"aria-label":jn,...es}=e,ts=qt?`${qt}-listbox`:void 0;return Ha(cr,{children:[Ha(J,{...es,size:t,rounded:o,fillMode:a,hover:x,focus:g,valid:c,invalid:L,required:M,loading:S,disabled:A,readonly:w,className:s(e.className,pp),children:[l&&Ha(cr,{children:[oe(Fe,{children:l}),n&&oe(Ve,{})]}),oe(fe,{id:qt,placeholder:b,value:u,role:"combobox","aria-haspopup":"listbox","aria-expanded":y?"true":"false","aria-controls":y?ts:void 0,"aria-activedescendant":y&&xa?xa:void 0,"aria-autocomplete":Wt,"aria-invalid":L?"true":void 0,"aria-busy":S?"true":void 0,"aria-label":jn,disabled:A,readOnly:w}),oe(xe,{valid:c,invalid:L,loading:S,disabled:A}),oe(Ee,{loading:S,disabled:A}),i&&oe(Pe,{loading:S,disabled:A,readonly:w,value:u}),m&&Ha(cr,{children:[n&&oe(Ve,{}),oe(Ge,{children:m})]}),oe(p,{className:"k-input-button",icon:"chevron-down",size:t,fillMode:a,"aria-label":"Open popup",tabIndex:-1,disabled:A})]}),y&&k&&oe(q,{className:"k-list-container k-combobox-popup",containerRole:"region",containerAriaLabel:"Combobox suggestions",children:k}),se&&oe(Y,{adaptive:!0,id:qt?`${qt}-adaptive`:void 0,...Ae,header:oe(Ne,{actionsEnd:oe(p,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),input:!0,inputValue:u,inputPlaceholder:b,title:pe,subtitle:ue}),children:oe("div",{className:"k-list-container",children:oe(R,{customValue:ba?oe(Dt,{text:`Use "${u}"`}):void 0,size:"large",children:Ha(z,{"aria-label":pe\|\|"Options",children:[oe(O,{text:"List item"}),oe(O,{text:"List item"}),oe(O,{text:"List item"})]})})})})]})};Le.states=Hb;Le.options=zb;Le.className=pp;Le.defaultOptions=ur;Le.moduleName=mr;Le.folderName=lp;var _e=Le;import{jsx as Ub}from"react/jsx-runtime";var dp=e=>Ub(_e,{...e});import{jsx as Rw,jsxs as _w}from"react/jsx-runtime";import{jsx as Fw,jsxs as Gw}from"react/jsx-runtime";import{jsx as Jw,jsxs as Yw}from"react/jsx-runtime";import{Fragment as oD,jsx as tD}from"react/jsx-runtime";import{Fragment as lD,jsx as iD}from"react/jsx-runtime";import{jsx as fD,jsxs as bD}from"react/jsx-runtime";import{Fragment as SD,jsx as LD,jsxs as MD}from"react/jsx-runtime";import{jsx as ED}from"react/jsx-runtime";import{jsx as OD}from"react/jsx-runtime";import{jsx as wD,jsxs as DD}from"react/jsx-runtime";import{jsx as VD,jsxs as $D}from"react/jsx-runtime";import{jsx as Ut,jsxs as qb}from"react/jsx-runtime";var Fb=Le.states,Gb=Le.defaultOptions,Vb=Le.options,$b=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"opened",title:"Opened"}],Xb=[],Xo=e=>{let{modifiers:t,...o}=e,a={},n=Ut(R,{style:{width:300},size:o.size,children:qb(z,{children:[Ut(O,{children:"List item"}),Ut(O,{children:"List item"}),Ut(O,{children:"List item"})]})});return Object.keys(t\|\|{}).forEach(i=>{switch(i){case"prefix":a.prefix=t?.[i]?Ut(v,{icon:"map-marker-target"}):void 0;break;case"suffix":a.suffix=t?.[i]?Ut(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}}),Ut("div",{children:Ut(dp,{value:"Value",style:{width:300},...o,...a})})};Xo.options=Vb;Xo.states=Fb;Xo.variants=Xb;Xo.defaultOptions=Gb;Xo.modifiers=$b;Xo.className=Le.className;var fr="menu-button",mp=fr;import{jsx as Yb}from"react/jsx-runtime";var cp="k-menu-button",Wb=[r.hover,r.focus,r.active,r.selected,r.disabled],Jb={size:[d.undefined,d.xsmall,d.small,d.medium,d.large],rounded:[f.undefined,f.none,f.small,f.medium,f.large,f.full],fillMode:[N.undefined,N.solid,N.flat,N.outline,N.clear,N.link],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary,h.success,h.warning,h.error,h.info,h.inverse]},br={showArrow:!0,arrowIconName:"chevron-down"},H=e=>{let{size:t,rounded:o,fillMode:a,themeColor:n,hover:i,focus:l,active:m,selected:u,disabled:b,icon:x,endIcon:g,text:c,showArrow:L=br.showArrow,arrowIconName:M=br.arrowIconName,expanded:S,...A}=e;return Yb(p,{...A,className:s(e.className,cp),text:c,size:t,rounded:o,fillMode:a,themeColor:n,hover:i,focus:l,active:m,selected:u,disabled:b,ariaDisabled:b\|\|void 0,icon:x,endIcon:g,showArrow:L,arrowIconName:M,"aria-expanded":S?"true":"false",...!c&&x&&!e["aria-label"]&&{"aria-label":"Menu"}})};H.states=Wb;H.options=Jb;H.className=cp;H.defaultOptions=br;H.moduleName=fr;H.folderName=mp;import{jsx as kH}from"react/jsx-runtime";import{jsx as yH}from"react/jsx-runtime";import{jsx as BH}from"react/jsx-runtime";import{jsx as _H}from"react/jsx-runtime";var we="menu",et=we;import{jsx as Ua,jsxs as up}from"react/jsx-runtime";var xr="k-menu-item",Zb=[r.hover,r.focus,r.active,r.selected,r.disabled],Qb={},fp={iconPosition:"before"},me=e=>{let{hover:t,focus:o,active:a,selected:n,disabled:i,icon:l,text:m,showArrow:u,arrowIconName:b,iconPosition:x=fp.iconPosition,dir:g,children:c,expanded:L,...M}=e,S=b;return S\|\|(S=g==="rtl"?"chevron-left":"chevron-right"),up("li",{...M,className:s(e.className,xr,"k-item",C(xr,{focus:o,disabled:i,hover:t,active:a,selected:n})),role:"menuitem",...u&&{"aria-haspopup":"menu"},...u&&{"aria-expanded":L?"true":"false"},...i&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[up("span",{className:s("k-link k-menu-link"),children:[l&&x==="before"&&Ua(v,{className:"k-menu-link-icon",icon:l}),Ua("span",{className:"k-menu-link-text",children:m}),l&&x==="after"&&Ua(v,{className:"k-menu-link-icon",icon:l}),u&&Ua("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:Ua(v,{icon:S})})]}),c]})};me.states=Zb;me.options=Qb;me.className=xr;me.defaultOptions=fp;me.moduleName=we;me.folderName=et;import{jsx as ao,jsxs as bp}from"react/jsx-runtime";var Nr="k-menu-item",jb=[r.hover,r.focus,r.active,r.selected,r.disabled],ex={},hr={dir:"ltr",iconPosition:"before"},W=e=>{let{hover:t,focus:o,active:a,selected:n,disabled:i,icon:l,text:m,showArrow:u,arrowIconName:b,iconPosition:x=hr.iconPosition,dir:g=hr.dir,children:c,popup:L,expanded:M,actions:S,description:A,...k}=e,y=b;return y\|\|(y=g==="rtl"?"chevron-left":"chevron-right"),bp("li",{role:"menuitem",...k,className:s(e.className,Nr,"k-item",C(Nr,{focus:o,disabled:i})),...u&&{"aria-haspopup":"menu"},...u&&{"aria-expanded":M?"true":"false"},...i&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[bp("span",{className:s("k-link k-menu-link",C("k-menu-link",{hover:t,active:a,selected:n,disabled:i})),children:[l&&x==="before"&&ao(v,{className:"k-menu-link-icon",icon:l}),ao("span",{className:"k-menu-link-text",children:m}),l&&x==="after"&&ao(v,{className:"k-menu-link-icon",icon:l}),S&&ao("span",{className:"k-menu-link-actions",children:S}),u&&ao("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:ao(v,{icon:y})}),A&&ao("span",{className:"k-menu-link-description",children:A})]}),c,L]})};W.states=jb;W.options=ex;W.className=Nr;W.defaultOptions=hr;W.moduleName=we;W.folderName=et;import{jsx as nx}from"react/jsx-runtime";var xp="k-menu-scroll-wrapper",tx=[],ox={},ax={},no=e=>{let{className:t,children:o,orientation:a,...n}=e;return nx("div",{...n,className:s(t,xp,{"k-menu-scroll-wrapper-vertical":a==="vertical"}),children:o})};no.states=tx;no.options=ox;no.className=xp;no.defaultOptions=ax;no.moduleName=we;no.folderName=et;var Np=no;import{Fragment as vr,jsx as so,jsxs as En}from"react/jsx-runtime";var yn="k-menu",sx=[],rx={size:[d.undefined,d.small,d.medium,d.large]},In={orientation:"horizontal",header:!0,scrollButtonsPosition:"around"},le=e=>{let{children:t,orientation:o=In.orientation,header:a=In.header,scrollable:n,scrollButtonsPosition:i=In.scrollButtonsPosition,wrapperStyles:l,dir:m,size:u,popup:b,contextMenu:x,...g}=e,c={horizontal:{prev:m!=="rtl"?"left":"right",next:m!=="rtl"?"right":"left"},vertical:{prev:"up",next:"down"}},L=so("ul",{dir:m,...g,className:s(e.className,"k-reset",yn,{[`${yn}-${o}`]:o,"k-header":a},E(yn,{size:u})),role:x?"menu":"menubar",...o==="vertical"&&{"aria-orientation":"vertical"},children:t});return En(vr,{children:[n?En(Np,{orientation:o,style:l,dir:e.dir,children:[i==="start"&&En(vr,{children:[so(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"}),so(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"&&so(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"&&En(vr,{children:[so(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"}),so(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"&&so(p,{fillMode:"flat",size:"xsmall",icon:`chevron-${c[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}):L,b]})};le.states=sx;le.options=rx;le.className=yn;le.defaultOptions=In;le.moduleName=we;le.folderName=et;import{jsx as ix}from"react/jsx-runtime";var gr="k-separator",hp={orientation:"horizontal"},qo=e=>{let{orientation:t=hp.orientation,...o}=e;return ix("li",{...o,className:s(e.className,"k-item",gr,{[`${gr}-${t}`]:t}),role:"separator"})};qo.className=gr;qo.defaultOptions=hp;qo.moduleName=we;qo.folderName=et;import{Fragment as mz,jsx as cz}from"react/jsx-runtime";import{jsx as mx}from"react/jsx-runtime";var Lr="k-menu-group",lx=[],px={size:[d.undefined,d.small,d.medium,d.large]},dx={},ce=e=>{let{children:t,size:o,...a}=e;return mx("ul",{role:"menu",...a,className:s(e.className,Lr,E(Lr,{size:o})),children:t})};ce.states=lx;ce.options=px;ce.className=Lr;ce.defaultOptions=dx;ce.moduleName=we;ce.folderName=et;import{jsx as Lz,jsxs as Mz}from"react/jsx-runtime";import{Fragment as cx,jsx as Wo,jsxs as ux}from"react/jsx-runtime";var Mr=e=>Wo(le,{children:ux(cx,{children:[Wo(me,{text:"Item 1"}),Wo(me,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 2"}),Wo(me,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 3"}),Wo(me,{text:"Item 4"}),Wo(me,{text:"Item 5"})]}),...e});import{Fragment as Bz,jsx as Tz,jsxs as Oz}from"react/jsx-runtime";import{Fragment as wz,jsx as _z,jsxs as Dz}from"react/jsx-runtime";import{Fragment as Gz,jsx as Fz,jsxs as Vz}from"react/jsx-runtime";import{Fragment as Jz,jsx as Wz,jsxs as Yz}from"react/jsx-runtime";import{jsx as ro,jsxs as hx}from"react/jsx-runtime";var fx={...le.options,scrollable:{type:"boolean"}},bx=le.states,vp={...le.defaultOptions,variant:"horizontal"},xx=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],Nx=[{name:"opened",title:"Opened"}],Jo=e=>{let{variant:t,modifiers:o,...a}={...vp,...e},n={},i=t==="vertical"?{left:"200px",top:"30px"}:{left:"90px",top:"auto"};return Object.keys(o\|\|{}).forEach(l=>{l==="opened"&&(n.opened=!!o?.[l],n.popup=o?.[l]?ro(q,{className:"k-menu-popup",offset:i,children:hx(ce,{children:[ro(W,{text:"Item 1"}),ro(W,{text:"Item 2"}),ro(qo,{}),ro(W,{text:"Item 3"})]})}):null)}),t==="vertical"?ro(Mr,{...a,...n,orientation:"vertical",style:{width:"200px"}}):ro(Mr,{...a,...n})};Jo.options=fx;Jo.states=bx;Jo.variants=xx;Jo.defaultOptions=vp;Jo.modifiers=Nx;Jo.className=le.className;import{Fragment as I1,jsx as E1,jsxs as y1}from"react/jsx-runtime";import{jsx as P1}from"react/jsx-runtime";import{Fragment as Sx,jsx as Nt,jsxs as gp}from"react/jsx-runtime";var vx=p.states,Lp={...p.defaultOptions,variant:"text"},gx=p.options,Lx=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Mx=[{name:"opened",title:"Opened"}],Yo=e=>{let{variant:t,modifiers:o,...a}={...Lp,...e},n={},i=Nt(q,{className:"k-menu-popup",children:gp(ce,{size:a.size,children:[Nt(W,{text:"Menu Item"}),Nt(W,{text:"Menu Item"}),Nt(W,{text:"Menu Item"})]})}),l;switch(t){case"icon-only":l=Nt("div",{children:Nt(H,{...a,...n,icon:"star"})});break;case"icon-and-text":l=Nt("div",{children:Nt(H,{...a,...n,icon:"star",children:"Dropdown Button"})});break;default:l=Nt("div",{children:Nt(H,{...a,...n,children:"Dropdown Button"})});break}return gp(Sx,{children:[l,o?.opened&&i]})};Yo.options=gx;Yo.states=vx;Yo.variants=Lx;Yo.defaultOptions=Lp;Yo.modifiers=Mx;Yo.className=H.className;var Sr="split-button",Mp=Sr;import{Fragment as Ax,jsx as kr,jsxs as Sp}from"react/jsx-runtime";var Cr="k-split-button",kx=[r.hover,r.focus,r.active,r.selected,r.disabled],Cx={size:[d.undefined,d.small,d.medium,d.large],rounded:[f.undefined,f.none,f.small,f.medium,f.large,f.full],fillMode:[N.undefined,N.solid,N.flat,N.outline,N.clear,N.link],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary,h.success,h.warning,h.error,h.info,h.inverse]},kp={arrowIconName:"chevron-down"},K=e=>{let{size:t,rounded:o,fillMode:a,themeColor:n,hover:i,focus:l,active:m,selected:u,disabled:b,icon:x,endIcon:g,text:c,arrowIconName:L=kp.arrowIconName,popup:M,opened:S,popupId:A,...k}=e;return Sp(Ax,{children:[Sp("div",{...k,className:s(e.className,Cr,"k-button-group",E(Cr,{rounded:o})),children:[kr(p,{text:c,icon:x,endIcon:g,size:t,rounded:o,fillMode:a,themeColor:n,hover:i,focus:l,active:m,selected:u,disabled:b,...!c&&!e.children&&x&&{"aria-label":"Action"},children:e.children}),kr(p,{className:"k-split-button-arrow",icon:L,size:t,rounded:o,fillMode:a,disabled:b,ariaDisabled:b\|\|void 0,"aria-label":"Toggle dropdown","aria-expanded":S?"true":"false","aria-controls":S?A:void 0,tabIndex:-1})]}),S&&M&&kr(q,{className:"k-menu-popup",children:M})]})};K.states=kx;K.options=Cx;K.className=Cr;K.defaultOptions=kp;K.moduleName=Sr;K.folderName=Mp;var Ar=K;import{jsx as yx}from"react/jsx-runtime";var Ex="k-toolbar-separator",it=e=>yx("div",{className:s(Ex,e.className,"k-separator")});var io="toolbar",Zo=io;import{Fragment as Er,jsx as _,jsxs as Qo}from"react/jsx-runtime";var Ct="k-toolbar",Ix=[r.focus],Tx={size:[d.undefined,d.small,d.medium,d.large],fillMode:[N.undefined,N.solid,N.outline,N.flat]},Ox={scrollButtons:"around"},F=e=>{let{size:t,fillMode:o,focus:a,resizable:n,scrollable:i,scrollButtons:l,scrollingPosition:m,section:u,...b}=e,x=[],g=(c,L)=>{let M=[];if(c.type===p&&c.props.className&&c.props.className.includes("k-toolbar-overflow-button"))M.push(_(p,{...c.props,className:`${c.props.className?c.props.className:""}`},`${L}-${new Date().getTime()}`));else if(c.type===p)M.push(_(p,{...c.props,className:`k-toolbar-button ${c.props.className?c.props.className:""}`},`${L}-${new Date().getTime()}`));else if(c.type===La)M.push(_(La,{...c.props,className:`k-toolbar-button ${c.props.className?c.props.className:""}`},`${L}-${new Date().getTime()}`));else if(c.type===X)M.push(_(X,{...c.props,className:`k-toolbar-button ${c.props.className?c.props.className:""}`},`${L}-${new Date().getTime()}`));else if(c.type===H)M.push(_(H,{...c.props,className:`k-toolbar-menu-button ${c.props.className?c.props.className:""}`},`${L}-${new Date().getTime()}`));else if(c.type===Ar)M.push(_(Ar,{...c.props,className:`k-toolbar-split-button ${c.props.className?c.props.className:""}`},`${L}-${new Date().getTime()}`));else if(c.type===T\|\|c.props.className&&c.props.className.includes("k-button-group")){let S=[];(Array.isArray(c.props.children)?c.props.children:[c.props.children]).forEach((k,y)=>{S.push(_(p,{...k.props,className:`${k.props.className?k.props.className:""}`},`${y}-${new Date().getTime()}`))}),M.push(_(T,{...c.props,className:`k-toolbar-button-group ${c.props.className?c.props.className:""}`,children:S},`${L}-${new Date().getTime()}`))}else c.type===Le?M.push(_(Le,{...c.props,className:`k-toolbar-combobox ${c.props.className?c.props.className:""}`},`${L}-${new Date().getTime()}`)):c.type===ne?M.push(_(ne,{...c.props,className:`k-toolbar-dropdownlist ${c.props.className?c.props.className:""}`},`${L}-${new Date().getTime()}`)):c.type===je?M.push(_(je,{...c.props,className:`k-toolbar-colorpicker ${c.props.className?c.props.className:""}`},`${L}-${new Date().getTime()}`)):M.push(c);M.forEach(S=>{x.push(S)})};return e.children&&(Array.isArray(e.children)?e.children:[e.children]).forEach((L,M)=>{g(L,M)}),Qo("div",{...b,className:s(e.className,Ct,E(Ct,{size:t,fillMode:o}),C(Ct,{focus:a}),{[`${Ct}-resizable`]:n,[`${Ct}-scrollable`]:i,[`${Ct}-scrollable-overlay`]:i&&l==="hidden",[`${Ct}-scrollable-${m}`]:m&&m!=="both",[`${Ct}-section`]:u}),role:"toolbar","aria-label":"Toolbar",children:[!i&&x,i&&l==="hidden"&&_("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:x}),i&&l==="start"&&Qo(Er,{children:[Qo(T,{children:[_("span",{className:s("k-toolbar-prev","k-button",E("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:_(v,{className:"k-button-icon",icon:"chevron-left"})}),_("span",{className:s("k-toolbar-next","k-button",E("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:_(v,{className:"k-button-icon",icon:"chevron-right"})})]}),_(it,{className:"k-toolbar-button-separator"}),_("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:x})]}),i&&l==="end"&&Qo(Er,{children:[_("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:x}),_(it,{className:"k-toolbar-button-separator"}),Qo(T,{children:[_("span",{className:s("k-toolbar-prev","k-button",E("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:_(v,{className:"k-button-icon",icon:"chevron-left"})}),_("span",{className:s("k-toolbar-next","k-button",E("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:_(v,{className:"k-button-icon",icon:"chevron-right"})})]})]}),i&&(l==="around"\|\|!l)&&Qo(Er,{children:[_("span",{className:s("k-toolbar-prev","k-button",E("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:_(v,{className:"k-button-icon",icon:"chevron-left"})}),_(it,{className:"k-toolbar-button-separator"}),_("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:x}),_(it,{className:"k-toolbar-button-separator"}),_("span",{className:s("k-toolbar-next","k-button",E("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:_(v,{className:"k-button-icon",icon:"chevron-right"})})]})]})};F.states=Ix;F.options=Tx;F.className=Ct;F.defaultOptions=Ox;F.moduleName=io;F.folderName=Zo;import{jsx as Rx}from"react/jsx-runtime";var yr="k-toolbar-item",Bx=[r.focus],Px={},Kx={},jo=e=>{let{focus:t,...o}=e;return Rx("div",{...o,className:s(e.className,yr,C(yr,{focus:t})),children:e.children})};jo.states=Bx;jo.options=Px;jo.className=yr;jo.defaultOptions=Kx;jo.moduleName=io;jo.folderName=Zo;import{jsx as Cp}from"react/jsx-runtime";var Ap="k-toolbar-popup",_x=[],wx={size:[d.undefined,d.small,d.medium,d.large],fillMode:[N.undefined,N.solid,N.outline,N.flat]},Dx={},lo=e=>{let{size:t,fillMode:o,section:a,...n}=e;return Cp(q,{...n,className:s(e.className,Ap),children:a?Cp("span",{className:s("k-toolbar-items-list",E("k-toolbar-items-list",{size:t,fillMode:o})),role:"toolbar",children:e.children}):e.children})};lo.states=_x;lo.options=wx;lo.className=Ap;lo.defaultOptions=Dx;lo.moduleName=io;lo.folderName=Zo;var Tn=lo;import{jsx as P2}from"react/jsx-runtime";import{jsx as w2}from"react/jsx-runtime";import{jsx as U2}from"react/jsx-runtime";import{jsx as $2}from"react/jsx-runtime";import{jsx as Z2,jsxs as Q2}from"react/jsx-runtime";import{jsx as oU}from"react/jsx-runtime";import{jsx as At,jsxs as Gx}from"react/jsx-runtime";var Hx=K.states,Ep={...K.defaultOptions,variant:"text"},zx=K.options,Ux=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Fx=[{name:"opened",title:"Opened"}],ea=e=>{let{variant:t,modifiers:o,...a}={...Ep,...e},n={},i=Gx(ce,{size:a.size,children:[At(W,{text:"Menu Item"}),At(W,{text:"Menu Item"}),At(W,{text:"Menu Item"})]});switch(Object.keys(o\|\|{}).forEach(l=>{l==="opened"&&(n.opened=!!o?.[l],n.popup=o?.[l]?i:"")}),t){case"icon-only":return At("div",{children:At(K,{...a,...n,icon:"star"})});case"icon-and-text":return At("div",{children:At(K,{...a,...n,icon:"star",children:"Split Button"})});default:return At("div",{children:At(K,{...a,...n,children:"Split Button"})})}};ea.options=zx;ea.states=Hx;ea.variants=Ux;ea.defaultOptions=Ep;ea.modifiers=Fx;ea.className=K.className;import{jsx as po,jsxs as Vx}from"react/jsx-runtime";var yp=e=>po(F,{children:[po(p,{children:"Button"},"toolbar-button"),po(H,{text:"Menu button"},"toolbar-menu-button"),po(K,{children:"Split button"},"toolbar-split-button"),Vx(T,{children:[po(p,{className:"k-group-start",icon:"align-left",children:"Left"}),po(p,{icon:"align-center",children:"Center"}),po(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});import{jsx as BU,jsxs as PU}from"react/jsx-runtime";import{jsx as De,jsxs as Ip}from"react/jsx-runtime";var Tp=e=>De(F,{scrollable:!0,...e,children:[De(p,{children:"Button"},"toolbar-button"),De(H,{text:"Menu button"},"toolbar-menu-button"),De(K,{children:"Split button"},"toolbar-split-button"),Ip(T,{children:[De(p,{className:"k-group-start",icon:"align-left",children:"Left"}),De(p,{icon:"align-center",children:"Center"}),De(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),De(p,{children:"Button"},"toolbar-button"),De(H,{text:"Menu button"},"toolbar-menu-button"),De(K,{children:"Split button"},"toolbar-split-button"),Ip(T,{children:[De(p,{className:"k-group-start",icon:"align-left",children:"Left"}),De(p,{icon:"align-center",children:"Center"}),De(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});import{jsx as He,jsxs as Op}from"react/jsx-runtime";var Bp=({scrollingPosition:e="start",...t})=>He(F,{scrollable:!0,scrollButtons:"hidden",scrollingPosition:e,...t,children:[He(p,{children:"Button"},"toolbar-button"),He(H,{text:"Menu button"},"toolbar-menu-button"),He(K,{children:"Split button"},"toolbar-split-button"),Op(T,{children:[He(p,{className:"k-group-start",icon:"align-left",children:"Left"}),He(p,{icon:"align-center",children:"Center"}),He(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),He(p,{children:"Button"},"toolbar-button"),He(H,{text:"Menu button"},"toolbar-menu-button"),He(K,{children:"Split button"},"toolbar-split-button"),Op(T,{children:[He(p,{className:"k-group-start",icon:"align-left",children:"Left"}),He(p,{icon:"align-center",children:"Center"}),He(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...t});import{Fragment as $x,jsx as Ie,jsxs as On}from"react/jsx-runtime";var Pp=({fillMode:e,size:t,...o})=>On($x,{children:[Ie(F,{section:!0,fillMode:e,size:t,children:[Ie(p,{fillMode:e,size:t,children:"Button"},"toolbar-button"),On(T,{fillMode:e,children:[Ie(p,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),Ie(p,{icon:"align-center",fillMode:e,size:t,children:"Center"}),Ie(p,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group"),Ie(it,{className:"k-toolbar-button-separator"}),Ie(p,{icon:"more-horizontal",className:"k-toolbar-overflow-button",fillMode:"flat",size:t,"aria-label":"More options","aria-expanded":"false"})],...o}),On(Tn,{size:t,fillMode:e,section:!0,...o,children:[Ie(K,{fillMode:e,size:t,children:"Split button"},"toolbar-split-button"),Ie(p,{fillMode:e,size:t,children:"Button"},"toolbar-button"),Ie(it,{}),Ie(H,{text:"Menu button",fillMode:e,size:t},"toolbar-menu-button"),On(T,{fillMode:e,children:[Ie(p,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),Ie(p,{icon:"align-center",fillMode:e,size:t,children:"Center"}),Ie(p,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group")]})]});import{Fragment as c3,jsx as d3,jsxs as m3}from"react/jsx-runtime";import{Fragment as S3,jsx as L3,jsxs as M3}from"react/jsx-runtime";import{jsx as Ft}from"react/jsx-runtime";var Xx=F.options,qx=F.states,Kp={...F.defaultOptions,variant:"default"},Wx=[{name:"default",title:"Default"},{name:"scrollable",title:"Scrollable"},{name:"overlay",title:"Overlay"},{name:"responsive",title:"Responsive"}],Jx=[],ta=e=>{let{variant:t,...o}={...Kp,...e};switch(t){case"responsive":return Ft("div",{children:Ft(Pp,{style:{width:"583px"},...o})});case"overlay":return Ft("div",{children:Ft(Bp,{style:{width:"583px"},...o,scrollingPosition:"start",scrollButtons:"hidden"})});case"scrollable":return Ft("div",{children:Ft(Tp,{style:{width:"583px"},...o})});default:return Ft("div",{children:Ft(yp,{style:{width:"583px"},...o})})}};ta.options=Xx;ta.states=qx;ta.variants=Wx;ta.defaultOptions=Kp;ta.modifiers=Jx;ta.className=F.className;import{Fragment as jx,jsx as lt,jsxs as Fa}from"react/jsx-runtime";var Rp="k-message",Yx=[r.hover,r.selected,r.active,r.focus],Zx={},Qx=[lt(p,{icon:"copy",fillMode:"flat","aria-label":"Copy"}),lt(p,{icon:"arrow-rotate-cw",fillMode:"flat","aria-label":"Retry"}),lt(p,{icon:"download",fillMode:"flat","aria-label":"Download"})],oa={time:"Thu Feb 08 2018",text:"How can I help you?",status:"Seen",toolbarItems:Qx,failed:"Failed to send"},U=e=>{let{time:t=oa.time,text:o=oa.text,content:a,status:n=oa.status,statusIcon:i,toolbarItems:l=oa.toolbarItems,hover:m,selected:u,active:b,focus:x,toolbar:g,typing:c,expandable:L,expanded:M,removed:S,files:A,failed:k,...y}=e,w=k===!0?oa.failed:k;return Fa("div",{...y,className:s(Rp,e.className,{"k-message-removed":S,"k-message-failed":k}),children:[k&&lt(X,{className:"k-resend-button",icon:"arrow-rotate-cw",size:"xsmall",fillMode:"clear","aria-label":"Resend"}),lt(_p,{typing:c,selected:u,hover:m,active:b,focus:x,content:Fa(jx,{children:[a,o&&lt("span",{className:"k-chat-bubble-text",children:o})]}),expandable:L,expanded:M,files:A}),Fa("div",{className:"k-message-info",children:[n&&Fa("span",{className:"k-message-status",children:[i&&lt(v,{icon:i,size:"xsmall"}),n]}),t&&lt("time",{className:"k-message-time",children:t}),k&&Fa("span",{className:"k-message-failed-content",children:[k&&lt(v,{icon:"warning-triangle",size:"xsmall"}),k&&lt("span",{className:"k-message-failed-text",children:w})]})]}),g&&lt(F,{className:"k-chat-message-toolbar",fillMode:"flat",children:l})]})};U.states=Yx;U.options=Zx;U.className=Rp;U.moduleName=null;U.folderName=null;U.defaultOptions=oa;var Ir="avatar",wp=Ir;import{jsx as Dp}from"react/jsx-runtime";var Ga="k-avatar";var eN=[r.hover,r.focus,r.active,r.selected,r.disabled],tN={size:[d.undefined,d.small,d.medium,d.large],rounded:[f.undefined,f.none,f.small,f.medium,f.large,f.full],fillMode:[N.undefined,N.solid,N.outline],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary]},Tr={type:"text",border:!1},Me=e=>{let{size:t,rounded:o,fillMode:a,themeColor:n,type:i=Tr.type,border:l=Tr.border,...m}=e;return Dp("div",{...m,className:s(e.className,Ga,E(Ga,{size:t,rounded:o,fillMode:a,themeColor:n}),{[`${Ga}-bordered`]:l}),children:Dp("span",{className:`${Ga}-${i}`,children:e.children})})};Me.states=eN;Me.options=tN;Me.className=Ga;Me.defaultOptions=Tr;Me.moduleName=Ir;Me.folderName=wp;var mo=Me;import{jsx as oN}from"react/jsx-runtime";var Hp=e=>oN(mo,{type:"icon",...e});import{jsx as aN}from"react/jsx-runtime";var zp=e=>aN(mo,{type:"text",...e});import{jsx as nN}from"react/jsx-runtime";var Bn=e=>nN(mo,{type:"image",...e});import{jsx as b5}from"react/jsx-runtime";import{jsx as Va}from"react/jsx-runtime";var sN=Me.options,rN=Me.states,iN={...Me.defaultOptions,variant:"image"},lN=[{name:"image",title:"Image"},{name:"icon",title:"Icon Avatar"},{name:"text",title:"Text Avatar"}],pN=[],aa=e=>{let{variant:t,...o}=e;switch(t){case"icon":return Va(Hp,{...o,children:Va(v,{icon:"star"})});case"text":return Va(zp,{...o,children:"JO"});default:return Va(Bn,{...o,children:Va("img",{src:"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg"})})}};aa.options=sN;aa.states=rN;aa.variants=lN;aa.defaultOptions=iN;aa.modifiers=pN;aa.className=Me.className;import{jsx as na,jsxs as Or}from"react/jsx-runtime";var $a="k-message-group",dN=[r.selected],mN={},Pn={author:"Bruv",avatar:"/packages/html/assets/avatar.jpg",type:"receiver"},V=e=>{let{type:t=Pn.type,author:o=Pn.author,avatar:a=Pn.avatar,status:n,selected:i,fullWidth:l,...m}=e;return Or("div",{...m,className:s($a,e.className,C($a,{selected:i}),{[`${$a}-${t}`]:t,"k-no-avatar":!a,[`${$a}-full-width`]:l}),children:[a&&!n&&na(Me,{type:"image",children:na("img",{src:a,alt:o\|\|""})}),n&&a&&Or("div",{className:"k-chat-user-status-wrapper",children:[na(Me,{type:"image",children:na("img",{src:a,alt:o\|\|""})}),na("div",{className:"k-chat-user-status"})]}),Or("div",{className:"k-message-group-content",children:[o&&na("span",{className:"k-message-author",children:o}),e.children]})]})};V.states=dN;V.options=mN;V.className=$a;V.defaultOptions=Pn;import{Fragment as uN,jsx as Kn,jsxs as Up}from"react/jsx-runtime";var Br="k-message-reference",cN={},Fp={type:"receiver"},Gt=e=>{let{content:t,closeable:o,pinned:a,type:n=Fp.type,...i}=e;return Up("div",{...i,className:s(Br,e.className,{[`${Br}-${n}`]:n,"k-message-pinned":a}),children:[a&&Kn(v,{icon:"pin"}),Kn("div",{className:"k-message-reference-content",children:t}),o&&Up(uN,{children:[Kn("span",{className:"k-spacer"}),Kn(p,{icon:"x-circle",fillMode:"flat",size:"xsmall","aria-label":"Close"})]})]})};Gt.options=cN;Gt.className=Br;Gt.moduleName=null;Gt.folderName=null;Gt.defaultOptions=Fp;var Pr="bubble",Gp=Pr;import{jsx as Rn,jsxs as bN}from"react/jsx-runtime";var Kr="k-bubble",fN=[r.hover,r.active,r.selected,r.focus],Rr={expandable:!1,expanded:!1},co=e=>{let{content:t,hover:o,active:a,focus:n,selected:i,expandable:l=Rr.expandable,expanded:m=Rr.expanded,...u}=e;return bN("div",{...u,className:s(e.className,Kr,C(Kr,{hover:o,active:a,focus:n,selected:i}),{"k-bubble-expandable":l},{"k-expanded":m}),tabIndex:0,children:[Rn("div",{className:"k-bubble-content",children:t??e.children}),l&&Rn("span",{className:"k-bubble-expandable-indicator",role:"button","aria-label":m?"Show less":"Show more",tabIndex:0,children:m?Rn(v,{icon:"chevron-up"}):Rn(v,{icon:"chevron-down"})})]})};co.states=fN;co.className=Kr;co.defaultOptions=Rr;co.moduleName=Pr;co.folderName=Gp;import{jsx as J5}from"react/jsx-runtime";import{jsx as j5}from"react/jsx-runtime";import{jsx as aF}from"react/jsx-runtime";import{jsx as _r,jsxs as $p}from"react/jsx-runtime";var xN="k-chat-bubble",_p=e=>{let{typing:t,content:o,files:a,...n}=e;return $p(co,{...n,className:s(e.className,xN),children:[t?$p("div",{className:"k-typing-indicator",tabIndex:-1,children:[_r("span",{}),_r("span",{}),_r("span",{})]}):o,a]})};import{jsx as hF}from"react/jsx-runtime";import{jsx as Xp,jsxs as NN}from"react/jsx-runtime";var qp="k-chat-event",wr={icon:"trash",text:"You deleted Chat history."},Wp=e=>{let{icon:t=wr.icon,text:o=wr.text,...a}=e;return NN("div",{...a,className:s(e.className,qp),children:[t&&Xp(v,{className:"k-chat-event-icon",icon:t,size:"xsmall"}),o&&Xp("span",{className:"k-chat-event-text",children:o})]})};Wp.className=qp;Wp.defaultOptions=wr;import{jsx as yF}from"react/jsx-runtime";import{Fragment as hN,jsx as ht,jsxs as vN}from"react/jsx-runtime";var Jp=e=>ht(G,{children:vN(hN,{children:[ht("div",{className:"k-timestamp",children:"Day, Month 7, 2023"}),ht(V,{children:ht(U,{})}),ht(V,{type:"sender",children:ht(U,{})}),ht(V,{children:ht(U,{text:"Very long message text that tests message overflowing behavior. Very long message text that tests message overflowing behavior."})}),ht(V,{type:"sender",children:ht(U,{text:"Unusually_long_word_that_tests_word_break_behavior__unusually_long_word_that_tests_word_break_behavior"})})]}),...e});import{jsx as Yp}from"react/jsx-runtime";var _n="k-file-box-wrapper",Zp={layout:"horizontal"},vt=e=>{let{layout:t=Zp.layout,scrollingPosition:o,...a}=e;return Yp("ul",{role:"list","aria-label":"Attached files",...a,className:s(e.className,_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"?Yp("div",{className:"k-files-scroll",role:"presentation",children:e.children}):e.children})};vt.className=_n;vt.defaultOptions=Zp;var Dr="file-box",Qp=Dr;import{jsx as sa,jsxs as jp}from"react/jsx-runtime";var ed="k-file-box",gN=[r.selected],LN={},Xa={icon:"file-pdf",name:"FileName.pdf",size:"2MB",showButton:"true"},Te=e=>{let{icon:t=Xa.icon,name:o=Xa.name,size:a=Xa.size,status:n,deleted:i,removeButton:l,showButton:m=Xa.showButton,...u}=e,b=[o,a].filter(Boolean).join(" ");return jp("li",{role:"listitem",tabIndex:0,"aria-label":b\|\|void 0,...u,className:s(ed,e.className,{"k-file-deleted":i}),children:[sa(v,{icon:t,size:"xlarge","aria-hidden":"true"}),jp("div",{className:"k-file-info",children:[o&&sa("span",{className:"k-file-name",children:o}),a&&sa("span",{className:"k-file-size",children:a}),n&&sa("span",{className:"k-file-status",children:n})]}),m&&(l?sa(p,{as:"span",icon:"x-circle",fillMode:"flat",size:"xsmall","aria-hidden":"true"}):sa(H,{icon:"more-vertical",fillMode:"flat",size:"xsmall",showArrow:!1,"aria-label":"File actions"}))]})};Te.states=gN;Te.options=LN;Te.className=ed;Te.defaultOptions=Xa;Te.moduleName=Dr;Te.folderName=Qp;import{jsx as qF}from"react/jsx-runtime";import{jsx as QF}from"react/jsx-runtime";import{jsx as aG,jsxs as nG}from"react/jsx-runtime";import{jsx as pG,jsxs as dG}from"react/jsx-runtime";import{jsx as bG}from"react/jsx-runtime";import{Fragment as IG,jsx as yG,jsxs as TG}from"react/jsx-runtime";import{Fragment as RG,jsx as KG,jsxs as _G}from"react/jsx-runtime";import{Fragment as UG,jsx as zG,jsxs as FG}from"react/jsx-runtime";var Hr="window",td=Hr;import{jsx as CN}from"react/jsx-runtime";var od="k-window-content",MN=[],SN={},kN={},Vt=e=>{let{children:t,...o}=e;return CN("div",{...o,className:s(od,e.className),children:t})};Vt.states=MN;Vt.options=SN;Vt.className=od;Vt.defaultOptions=kN;Vt.moduleName=Hr;Vt.folderName=td;var qa="dialog",wn=qa;import{Fragment as yN,jsx as uo,jsxs as zr}from"react/jsx-runtime";var ad="k-dialog",AN=[],EN={},Ur={actionButtonsAlign:"stretched",modal:!0},ze=e=>{let{title:t,actions:o,actionButtons:a,actionButtonsAlign:n=Ur.actionButtonsAlign,modal:i=Ur.modal,...l}=e,m=t!==void 0?B("dialog-titlebar"):void 0,u=B("dialog-content");return zr("div",{className:"k-dialog-wrapper",children:[i&&uo(ft,{}),zr("div",{...l,className:s(e.className,ad,"k-window"),role:"dialog","aria-labelledby":m,"aria-describedby":u,...i&&{"aria-modal":"true"},children:[(t!==void 0\|\|o)&&zr("div",{className:"k-window-titlebar k-dialog-titlebar",id:m,children:[t!==void 0&&uo("span",{className:"k-window-title k-dialog-title",children:t}),o&&uo(yN,{children:uo("div",{className:"k-window-titlebar-actions k-dialog-titlebar-actions",children:o.map(b=>uo(p,{icon:b,fillMode:"flat",size:"xsmall",className:"k-window-titlebar-action k-dialog-titlebar-action","aria-label":b},b))})})]}),uo(Vt,{className:"k-dialog-content",id:u,children:e.children}),a&&uo(Ke,{alignment:n,className:"k-window-actions k-dialog-actions",children:a})]})]})};ze.states=AN;ze.options=EN;ze.className=ad;ze.defaultOptions=Ur;ze.moduleName=qa;ze.folderName=wn;var Fr=ze;import{jsx as BN}from"react/jsx-runtime";var nd="k-dialog-wrapper",IN=[],TN={},ON={},ra=e=>{let{...t}=e;return BN("div",{...t,className:s(e.className,nd),children:e.children})};ra.states=IN;ra.options=TN;ra.className=nd;ra.defaultOptions=ON;ra.moduleName=qa;ra.folderName=wn;import{Fragment as sd,jsx as Dn,jsxs as PN}from"react/jsx-runtime";var rd=e=>Dn(Fr,{title:"Title",children:Dn(sd,{children:"Dialog content"}),actionButtons:PN(sd,{children:[Dn(p,{children:"Action"}),Dn(p,{themeColor:"primary",children:"Primary"})]}),actions:["x"],...e});import{Fragment as b6,jsx as x6,jsxs as N6}from"react/jsx-runtime";import{Fragment as HN,jsx as Hn,jsxs as zN}from"react/jsx-runtime";var KN=ze.options,RN=[],_N=ze.states,wN=ze.defaultOptions,DN=[],ia=e=>Hn(rd,{style:{width:"350px",height:"215px"},...e,title:"Please confirm",actions:["x"],actionButtonsAlign:"stretched",actionButtons:zN(HN,{children:[Hn(p,{children:"No"}),Hn(p,{themeColor:"primary",children:"Yes"})]}),children:Hn("p",{style:{margin:"36px",textAlign:"center"},children:"Are you sure you want to continue?"})});ia.options=KN;ia.states=_N;ia.variants=RN;ia.defaultOptions=wN;ia.modifiers=DN;ia.className=ze.className;var Gr="dropzone",id=Gr;import{jsx as zn,jsxs as GN}from"react/jsx-runtime";var Vr="k-external-dropzone",UN=[r.disabled,r.hover],FN={},$r={icon:"upload",hint:"Drag and drop files here to upload"},Se=e=>{let{hover:t,disabled:o,icon:a=$r.icon,hint:n=$r.hint,note:i,...l}=e;return zn("div",{...l,className:s(e.className,Vr,C(Vr,{disabled:o}),{"k-external-dropzone-hover":t}),children:GN("div",{className:"k-dropzone-inner",children:[a&&zn(v,{icon:a,className:"k-dropzone-icon",size:"xxxlarge"}),n&&zn("span",{className:"k-dropzone-hint",children:n}),i&&zn("span",{className:"k-dropzone-note",children:i})]})})};Se.states=UN;Se.options=FN;Se.className=Vr;Se.defaultOptions=$r;Se.moduleName=Gr;Se.folderName=id;import{jsx as VN}from"react/jsx-runtime";var ld=e=>VN(Se,{...e});import{jsx as F6}from"react/jsx-runtime";import{jsx as YN}from"react/jsx-runtime";var $N=Se.options,XN=Se.states,qN=Se.defaultOptions,WN=[{name:"note",title:"Note"}],JN=[],la=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(n=>{n==="note"&&(a.note=t?.[n]?"Only JPEG, PNG and SVG files are allowed.":void 0)}),YN(ld,{style:{width:"500px"},...o,...a})};la.options=$N;la.states=XN;la.variants=JN;la.defaultOptions=qN;la.modifiers=WN;la.className=Se.className;import{Fragment as Un,jsx as $t,jsxs as Wa}from"react/jsx-runtime";var Xr="k-upload-dropzone",ZN=[r.hover],Fn=e=>{let{hover:t,status:o,disabled:a,hasFiles:n,filesId:i,buttonText:l="Select files...",...m}=e,u;switch(o){case"uploading":u=Wa(Un,{children:[$t(v,{icon:"upload"}),"Uploading..."]});break;case"done":u=Wa(Un,{children:[$t(v,{icon:"check"}),"Done"]});break;case"failed":u=Wa(Un,{children:[$t(v,{icon:"exclamation-circle"}),"Done"]});break;default:u=$t(Un,{});break}return Wa("div",{...m,className:s(e.className,Xr,"k-dropzone",C(Xr,{hover:t})),children:[Wa("div",{className:"k-upload-button-wrap",children:[$t(p,{className:"k-upload-button","aria-disabled":a?"true":"false",...n&&i?{"aria-controls":i}:{},children:l}),$t("input",{id:"upload-input",className:"k-hidden",tabIndex:-1,"aria-hidden":"true"})]}),$t("span",{className:s("k-dropzone-hint",{"k-hidden":o!=="upload"}),children:"Drop files here to upload"}),o!=="upload"&&$t("span",{className:"k-upload-status",children:u})]})};Fn.states=ZN;Fn.className=Xr;var qr="upload",pd=qr;import{jsx as Gn,jsxs as md}from"react/jsx-runtime";var Wr="k-upload",QN=[r.hover,r.disabled],jN={},cd={actionsLayout:"end"},dd="upload-files-list",ae=e=>{let{async:t,empty:o,actions:a,actionsLayout:n=cd.actionsLayout,hover:i,status:l,disabled:m,buttonText:u,...b}=e,x=!!e.children;return md("div",{...b,className:s(e.className,Wr,C(Wr,{disabled:m}),{"k-upload-async":t,"k-upload-empty":o}),children:[Gn(Fn,{status:l,hover:i,disabled:m,hasFiles:x,filesId:dd,buttonText:u}),x&&Gn("ul",{className:"k-upload-files",role:"list",id:dd,children:e.children}),a&&x&&md(el,{alignment:n,orientation:"horizontal",children:[Gn(p,{className:"k-clear-selected",children:"Clear"}),Gn(p,{themeColor:"primary",className:"k-upload-selected",children:"Upload"})]})]})};ae.states=QN;ae.options=jN;ae.className=Wr;ae.defaultOptions=cd;ae.moduleName=qr;ae.folderName=pd;var Ja="progressbar",Vn=Ja;import{jsx as Yr,jsxs as Jr}from"react/jsx-runtime";var tt="k-progressbar",eh=[r.disabled,r.indeterminate],th={orientation:["horizontal","vertical"]},fo={indeterminate:!1,label:!0,labelPosition:"start",orientation:"horizontal",reverse:!1,value:"0"},ke=e=>{let{disabled:t,height:o,indeterminate:a=fo.indeterminate,label:n=fo.label,labelPosition:i=fo.labelPosition,orientation:l=fo.orientation,reverse:m=fo.reverse,value:u=fo.value,width:b,style:x,ariaLabel:g,...c}=e;return Jr("div",{...c,className:s(e.className,tt,C(tt,{disabled:t}),{[`${tt}-${l}`]:l,[`${tt}-indeterminate`]:a,[`${tt}-reverse`]:m}),style:{...x,"--kendo-progressbar-value":u,[l==="horizontal"?"height":"width"]:l==="horizontal"?o:b},role:"progressbar","aria-label":g\|\|"progress","aria-valuenow":a?void 0:Number(u),"aria-valuemin":0,"aria-valuemax":100,children:[Yr("span",{className:s("k-progress-status-wrap",{[`k-progress-${i}`]:i&&!a}),children:n&&Jr("span",{className:"k-progress-status",children:[u,"%"]})}),!a&&Yr("div",{className:"k-progressbar-value k-selected",children:Yr("span",{className:s("k-progress-status-wrap",{[`k-progress-${i}`]:i}),children:n&&Jr("span",{className:"k-progress-status",children:[e.value,"%"]})})})]})};ke.states=eh;ke.options=th;ke.className=tt;ke.defaultOptions=fo;ke.moduleName=Ja;ke.folderName=Vn;var ud=ke;import{jsx as Zr}from"react/jsx-runtime";var fd="k-chunk-progressbar",oh=(e,t)=>t<=e-1,ah=[r.disabled,r.indeterminate],nh={},$n={chunkCount:5,orientation:"horizontal",progress:0},pa=e=>{let{disabled:t,chunkCount:o=$n.chunkCount,indeterminate:a,orientation:n=$n.orientation,progress:i=$n.progress,reverse:l,ariaLabel:m,...u}=e;return Zr("div",{...u,className:s(e.className,tt,fd,C(tt,{disabled:t}),{[`${tt}-${n}`]:n,[`${tt}-indeterminate`]:a,[`${tt}-reverse`]:l}),role:"progressbar","aria-label":m\|\|"progress","aria-valuenow":a?void 0:i,"aria-valuemin":0,"aria-valuemax":o,children:Zr("ul",{className:"k-progressbar-chunks k-reset",children:[...Array(o)].map((b,x)=>Zr("li",{className:s("k-progressbar-chunk",{"k-first":x===0,"k-last":x===[...Array(o)].length-1,"k-selected":oh(i,x)})},x))})})};pa.states=ah;pa.options=nh;pa.className=fd;pa.defaultOptions=$n;pa.moduleName=Ja;pa.folderName=Vn;import{jsx as sh}from"react/jsx-runtime";var Ya=e=>sh(ud,{...e});import{jsx as I7}from"react/jsx-runtime";import{jsx as Xt}from"react/jsx-runtime";var rh=ke.options,ih=ke.states,bd={...ke.defaultOptions,variant:"start"},lh=[{name:"start",title:"Label start"},{name:"center",title:"Label center"},{name:"end",title:"Label end"},{name:"empty",title:"No label"}],ph=[],da=e=>{let{variant:t,modifiers:o,...a}={...bd,...e},n={},i={style:{width:"324px"}};switch(Object.keys(o\|\|{}).forEach(l=>{switch(l){case"reverse":n.reverse=!!o?.[l];break;case"vertical":n.orientation=o?.[l]?"vertical":void 0,i.style=o?.[l]?void 0:{width:"324px"};break}}),t){case"end":return Xt("div",{...i,children:Xt(Ya,{...a,...n,labelPosition:"end",value:"50"})});case"center":return Xt("div",{...i,children:Xt(Ya,{...a,...n,labelPosition:"center",value:"50"})});case"empty":return Xt("div",{...i,children:Xt(Ya,{...a,...n,label:!1,value:"50"})});default:return Xt("div",{...i,children:Xt(Ya,{...a,...n,labelPosition:"start",value:"50"})})}};da.options=rh;da.states=ih;da.variants=lh;da.defaultOptions=bd;da.modifiers=ph;da.className=ke.className;import{jsx as Qr,jsxs as mh}from"react/jsx-runtime";var dh="k-file-info",jr=e=>{let{name:t,size:o,validationMsg:a,...n}=e;return mh("div",{...n,className:s(e.className,dh),children:[t&&Qr("span",{className:"k-file-name",children:t}),o&&Qr("span",{className:"k-file-size",children:o}),a&&Qr("span",{className:"k-file-validation-message","aria-live":"polite",children:a})]})};import{Fragment as uh,jsx as Et,jsxs as Xn}from"react/jsx-runtime";var ch="k-file",Oe=e=>{let{status:t,progress:o,name:a,icon:n,size:i,state:l,validationMsg:m,...u}=e;return Et("li",{...u,className:s(e.className,ch,{[`k-file-${t}`]:t}),role:"listitem",tabIndex:0,children:Xn("div",{className:"k-file-single",children:[Et(ke,{className:s({"k-hidden":t!=="progress"}),value:o,label:!1}),Xn("span",{className:"k-file-icon-wrapper",children:[Et(v,{className:"k-file-icon",icon:n,size:"xxlarge"}),l&&Et("span",{className:"k-file-state",children:l})]}),Et(jr,{name:a,size:i,validationMsg:m}),Et("div",{className:"k-upload-actions",children:t==="progress"?Xn(uh,{children:[Xn("span",{className:"k-upload-pct",children:[o,"%"]}),Et(p,{icon:"pause",fillMode:"flat",size:"xsmall",className:"k-upload-action","aria-label":"Pause upload",tabIndex:-1}),Et(p,{icon:"cancel",fillMode:"flat",size:"xsmall",className:"k-upload-action","aria-label":"Cancel upload",tabIndex:-1})]}):Et(p,{icon:"x",fillMode:"flat",size:"xsmall",className:"k-upload-action","aria-label":"Remove file",tabIndex:-1})})]})})};import{Fragment as s9,jsx as a9,jsxs as n9}from"react/jsx-runtime";import{Fragment as fh,jsx as ei,jsxs as bh}from"react/jsx-runtime";var Za=e=>ei(ae,{async:!0,children:bh(fh,{children:[ei(Oe,{name:"Image_With_Very_Very_Very_Very_Very_Long_Name1.png",icon:"file-image",size:"51.23 KB"}),ei(Oe,{name:"Image2.jpg",icon:"file-image",size:"106.43 KB"})]}),...e});import{Fragment as b9,jsx as u9,jsxs as f9}from"react/jsx-runtime";import{jsx as xh}from"react/jsx-runtime";var xd=e=>xh(ae,{async:!0,empty:!0,...e});import{Fragment as S9,jsx as M9,jsxs as k9}from"react/jsx-runtime";import{Fragment as I9,jsx as y9,jsxs as T9}from"react/jsx-runtime";import{jsx as yt,jsxs as qn}from"react/jsx-runtime";var Nh=ae.options,hh=ae.states,Nd={...ae.defaultOptions,variant:"empty"},vh=[{name:"empty",title:"Empty"},{name:"upload",title:"Upload"},{name:"uploading",title:"Uploading"},{name:"success",title:"Success"},{name:"failed",title:"Failed"}],gh=[],ma=e=>{let{variant:t,...o}={...Nd,...e};switch(t){case"success":return qn(Za,{status:"done",style:{width:"586px"},...o,children:[yt(Oe,{status:"success",validationMsg:"File(s) uploaded successfully.",name:"Image1.png",icon:"file-image"}),yt(Oe,{status:"success",validationMsg:"File(s) uploaded successfully.",name:"Image2.png",icon:"file-image"})]});case"failed":return qn(Za,{status:"failed",style:{width:"586px"},...o,children:[yt(Oe,{status:"error",validationMsg:"File type not allowed.",name:"Movie1.mkv",icon:"file-image"}),yt(Oe,{status:"error",validationMsg:"File type not allowed.",name:"Video2.mkv",icon:"file-image"})]});case"uploading":return qn(Za,{status:"uploading",style:{width:"586px"},...o,children:[yt(Oe,{progress:"50",status:"progress",name:"Document1.txt",icon:"file-pdf",size:"328.92 KB"}),yt(Oe,{progress:"70",status:"progress",name:"Document2.txt",icon:"file-pdf",size:"225.68 KB"})]});case"upload":return qn(Za,{actions:!0,status:"upload",style:{width:"586px"},...o,children:[yt(Oe,{name:"Image1.png",icon:"file-image",size:"51.23 KB"}),yt(Oe,{name:"Image2.jpg",icon:"file-image",size:"106.43 KB"})]});default:return yt(xd,{async:!0,status:"upload",style:{width:"586px"},...o})}};ma.options=Nh;ma.states=hh;ma.variants=vh;ma.defaultOptions=Nd;ma.modifiers=gh;ma.className=ae.className;import{Fragment as n4,jsx as a4,jsxs as s4}from"react/jsx-runtime";import{jsx as p4}from"react/jsx-runtime";import{Fragment as f4,jsx as u4,jsxs as b4}from"react/jsx-runtime";import{Fragment as g4,jsx as v4,jsxs as L4}from"react/jsx-runtime";import{Fragment as A4,jsx as C4,jsxs as E4}from"react/jsx-runtime";import{Fragment as B4,jsx as O4}from"react/jsx-runtime";var ti="appbar",hd=ti;import{jsx as kh}from"react/jsx-runtime";var oi="k-appbar",Lh=[],Mh={themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary,h.inverse]},Sh={},Ce=e=>{let{themeColor:t,positionMode:o,position:a,...n}=e;return kh("div",{...n,className:s(e.className,oi,E(oi,{themeColor:t}),{[`k-appbar-${o}`]:o,[`k-appbar-${a}`]:a}),children:e.children})};Ce.states=Lh;Ce.options=Mh;Ce.className=oi;Ce.defaultOptions=Sh;Ce.moduleName=ti;Ce.folderName=hd;import{jsx as Ah}from"react/jsx-runtime";var Ch="k-appbar-section",gt=e=>{let{...t}=e;return Ah("div",{...t,className:s(Ch,e.className),children:e.children})};import{Fragment as q4,jsx as $4,jsxs as X4}from"react/jsx-runtime";import{jsx as j,jsxs as ca}from"react/jsx-runtime";var ai={...Ce.options,positionMode:["static","sticky","fixed"]},Eh=Ce.states,vd={...Ce.defaultOptions,themeColor:"primary",variant:"top",positionMode:"sticky"};ai.themeColor=["primary",...ai.themeColor.filter(e=>e!=="primary")];var yh=[{name:"top",title:"Top"},{name:"bottom",title:"Bottom"}],ua=e=>{let{variant:t,...o}={...vd,...e},a=ca(Ce,{position:t,...o,children:[j(gt,{children:j(X,{fillMode:"flat",icon:"menu"})}),j("span",{className:"k-spacer k-spacer-sized",style:{width:"8px"}}),j(gt,{children:j("h3",{className:"k-m-0",children:"AppBar"})}),j("span",{className:"k-spacer"}),ca(gt,{children:[j(st,{fillMode:"flat",children:"Button"}),j(st,{fillMode:"flat",children:"Button"}),j(st,{fillMode:"flat",children:"Button"})]}),j("span",{className:"k-spacer k-spacer-sized",style:{width:"8px"}}),j(gt,{children:j(cn,{value:"Input value"})}),ca(gt,{children:[j(X,{className:"k-mx-sm",fillMode:"flat",icon:"bell"}),j("span",{className:"k-appbar-separator"}),j(Bn,{className:"k-mx-sm",children:j("img",{src:"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg"})})]})]}),n=ca("div",{style:{padding:"25px 10px"},children:[j("p",{children:"Lorem ipsum dolor sit amet consectetur adipisicing elit. Fugit, harum magnam? Possimus magnam non natus error consectetur voluptatum, unde quasi rerum ad facere, hic in! Qui ducimus ab sed consequuntur excepturi fugiat! Facilis fuga asperiores pariatur sed. Eligendi aliquid vel nemo, ipsum tempora minima consequatur culpa molestias maiores nihil eveniet accusantium porro. Inventore saepe ut ad in a. Quo itaque est expedita quidem consectetur enim quam minima, quisquam harum velit, earum adipisci provident, officia eveniet voluptas vero accusamus ad ducimus laudantium!"}),j("p",{children:"Consequatur incidunt sequi explicabo adipisci saepe, accusamus, numquam fuga quam ex, provident possimus ratione blanditiis ducimus quos nulla repellat error pariatur nemo nobis illo! Saepe deleniti dolore cumque, sequi similique eligendi consectetur corrupti iste reprehenderit adipisci enim laudantium inventore totam quos non impedit quibusdam et consequuntur blanditiis accusamus! Rerum, nostrum. Rerum, tempore earum officia alias suscipit ut minima recusandae dolorem reprehenderit ea?"}),j("p",{children:"Aliquam pariatur ut expedita, repellat architecto aut, consequatur iure recusandae tempora odit consequuntur, nihil nostrum totam accusantium at. Dignissimos repellendus culpa nesciunt. Officia repudiandae, laudantium error iure in minus ratione reprehenderit dolorum alias quo voluptatibus doloremque aliquid exercitationem quidem odit earum natus autem eaque tempore nulla esse sapiente? Dolore aliquid aliquam modi velit quaerat!"}),j("p",{children:"Sunt consequuntur, aliquam eius beatae ex odit quasi iusto, accusamus architecto corrupti reprehenderit dolores itaque aliquid veniam odio eaque vel doloremque? Corporis, tenetur delectus deleniti voluptatum autem necessitatibus esse nisi ad, optio cumque quas dignissimos reprehenderit. Optio dolores quam corporis ea, reiciendis eos sit. Voluptate vel esse necessitatibus eum, sunt fuga, quaerat, eos natus quod repellendus nulla voluptatem ut quo quas ipsa animi incidunt autem saepe perferendis. Sequi ratione in iste, quibusdam, neque facilis accusantium, eum rem error sunt a explicabo commodi impedit quam."})]});return t==="bottom"?ca("div",{style:{height:"250px",overflow:"auto"},children:[n,a]}):ca("div",{style:{height:"250px",overflow:"auto"},children:[a,n]})};ua.options=ai;ua.states=Eh;ua.variants=yh;ua.defaultOptions=vd;ua.modifiers=[];ua.className=Ce.className;var ni="suggestion",gd=ni;import{jsx as Wn,jsxs as Oh}from"react/jsx-runtime";var Jn="k-suggestion-group",Ih=[],Th={},Ld={layout:"scrollable",scrollingPosition:"start"},ot=e=>{let{layout:t=Ld.layout,scrollingPosition:o,...a}=e,n=Wn("div",{...a,className:s(Jn,{"k-suggestion-group-scrollable":t=="scrollable",[`${Jn}-scrollable-start`]:o==="start"\|\|o==="both",[`${Jn}-scrollable-end`]:o==="end"\|\|o==="both"},e.className),role:"group",children:t==="scrollable"\|\|t==="scrollButtons"?Wn("div",{className:"k-suggestions-scroll",children:e.children}):e.children});return t=="scrollButtons"?Oh("div",{className:"k-suggestion-scrollwrap",children:[Wn(p,{fillMode:"flat",icon:"chevron-left",size:"xsmall","aria-label":"Scroll left"}),n,Wn(p,{fillMode:"flat",icon:"chevron-right",size:"xsmall","aria-label":"Scroll right"})]}):n};ot.states=Ih;ot.options=Th;ot.className=Jn;ot.defaultOptions=Ld;ot.moduleName=ni;ot.folderName=gd;import{jsx as Rh}from"react/jsx-runtime";var Yn="k-suggestion",Bh=[r.active,r.hover,r.focus],Ph={themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary]},Kh={text:"Suggestion"},at=e=>{let{themeColor:t,active:o,hover:a,focus:n,text:i,...l}=e;return Rh("span",{...l,className:s(e.className,Yn,C(Yn,{hover:a,active:o,focus:n}),E(Yn,{themeColor:t})),role:"button",tabIndex:0,"aria-label":i,children:i})};at.states=Bh;at.options=Ph;at.className=Yn;at.item=Kh;import{Fragment as g8,jsx as v8,jsxs as L8}from"react/jsx-runtime";import{Fragment as A8,jsx as C8,jsxs as E8}from"react/jsx-runtime";import{Fragment as B8,jsx as O8,jsxs as P8}from"react/jsx-runtime";import{Fragment as Uh,jsx as ee,jsxs as Zn}from"react/jsx-runtime";var _h=G.states,wh=G.defaultOptions,Dh=G.options,Hh=[{name:"header",title:"Header"},{name:"pinned",title:"Pinned"},{name:"suggested",title:"Suggested Actions"},{name:"author",title:"Author"},{name:"avatar",title:"Avatar"},{name:"quick",title:"Quick Replies"}],zh=[],fa=e=>{let{modifiers:t,...o}=e,a={author:null,avatar:null},n=Zn(Ce,{className:"k-chat-header",positionMode:"sticky",themeColor:"primary",children:[ee("span",{className:"k-spacer k-spacer-sized k-w-1"}),ee(gt,{children:ee("span",{children:"Chat with demo bot"})}),ee("span",{className:"k-spacer"}),ee(gt,{children:ee(p,{fillMode:"flat",icon:"more-vertical"})})]}),i=ee(Gt,{type:"sender",pinned:!0,content:"Hello! Generate a cover letter.",closeable:!0}),l=Zn(ot,{children:[ee(at,{text:"Provide a CV template"}),ee(at,{text:"Generate a cover letter"})]}),m=Zn(ot,{children:[ee(at,{themeColor:"primary",text:"Thank you!"}),ee(at,{themeColor:"primary",text:"Great!"})]}),u="https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg",b=null,x="User",g="Demo Bot";Object.keys(t\|\|{}).forEach(y=>{switch(y){case"header":a.header=t?.[y]?n:!1;break;case"pinned":a.pinned=t?.[y]?i:!1;break;case"suggested":a.suggestedActions=t?.[y]?l:!1;break;case"author":a.author=t?.[y]?!0:null;break;case"avatar":a.avatar=t?.[y]?u:null;break;case"quick":a.quickReplies=t?.[y]?m:ee(Uh,{});break;default:break}});let{header:c,pinned:L,suggestedActions:M,author:S,avatar:A,quickReplies:k}=a;return Zn(Jp,{value:"Thank you!",style:{minHeight:"100%"},...o,header:c,pinned:L,suggestedActions:M,children:[ee(V,{avatar:b,author:S?g:null,children:ee(U,{text:"Hello, this is a demo bot. How can I help you ?"})}),ee(V,{avatar:A?u:null,author:S?x:null,type:"sender",children:ee(U,{text:"Hello! Generate a cover letter."})}),ee(V,{avatar:b,author:S?g:null,children:ee(U,{text:"Sure. Here is a cover letter template",files:ee(vt,{children:ee(Te,{icon:"file-pdf",name:"cover_letter.pdf",size:"1.43MB"})})})}),k]})};fa.options=Dh;fa.states=_h;fa.variants=zh;fa.defaultOptions=wh;fa.modifiers=Hh;fa.className=G.className;var si="skeleton",Md=si;import{jsx as $h}from"react/jsx-runtime";var ri="k-skeleton",Fh=["circle","text","rect"],Gh=[],Vh={},ii={variant:"text",shape:"text",animation:"pulse"},nt=e=>{let{variant:t,shape:o,animation:a=ii.animation,...n}=e,i=`skeleton-${t\|\|o\|\|ii.variant}`;return $h("span",{...n,className:s(e.className,ri,Qa(ri,i),{[`k-skeleton-${a}`]:a}),style:e.style})};nt.states=Gh;nt.options=Vh;nt.variants=Fh;nt.className=ri;nt.defaultOptions=ii;nt.moduleName=si;nt.folderName=Md;import{jsx as Xh}from"react/jsx-runtime";var bo=e=>Xh(nt,{...e});import{jsx as qh}from"react/jsx-runtime";var Sd=e=>qh(nt,{shape:"rect",...e});import{jsx as PV}from"react/jsx-runtime";import{Fragment as Wh,jsx as Ue,jsxs as Qn}from"react/jsx-runtime";var FV=e=>Ue(G,{children:Qn(Wh,{children:[Ue("div",{className:"k-timestamp",children:"Day, Month 7, 2023"}),Ue(V,{fullWidth:!0,children:Ue(U,{text:null,content:Qn("div",{className:"k-skeleton-container",style:{width:"100%"},children:[Ue(bo,{style:{width:"100%"}}),Ue(bo,{style:{width:"100%"}}),Ue(bo,{style:{width:"100%"}}),Ue(bo,{style:{width:"75%"}})]})})}),Ue(V,{type:"sender",fullWidth:!0,avatar:null,children:Ue(U,{text:null,content:Qn("div",{className:"k-skeleton-container",style:{width:"100%",display:"flex",alignItems:"center",gap:"var( --kendo-spacing-1 )"},children:[Ue(Sd,{style:{width:"32px",height:"32px"}}),Qn("div",{style:{flex:"1 1 50%"},children:[Ue(bo,{style:{width:"100%"}}),Ue(bo,{style:{width:"50%"}})]})]})})})]}),...e});export{FV as ChatMessageSkeleton};
1	+ var s=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?s(...t):typeof t=="object"?Object.keys(t).map((o,a)=>t[a]\|\|t[o]&&o\|\|null).filter(o=>o!==null).join(" "):t).filter(t=>!!t).join(" ");var E=(e,t)=>s({[`${e}-xs`]:t.size==="xsmall",[`${e}-sm`]:t.size==="small",[`${e}-md`]:t.size==="medium",[`${e}-lg`]:t.size==="large",[`${e}-xl`]:t.size==="xlarge",[`${e}-xxl`]:t.size==="xxlarge",[`${e}-xxxl`]:t.size==="xxxlarge"},{[`${e}-${t.fillMode}`]:t.fillMode},{[`${e}-${t.themeColor}`]:t.themeColor},{"k-rounded-sm":t.rounded==="small","k-rounded-md":t.rounded==="medium","k-rounded-lg":t.rounded==="large","k-rounded-full":t.rounded==="full","k-rounded-none":t.rounded==="none"}),C=(e,t)=>{let{valid:o,invalid:a,hover:n,focus:i,checked:l,active:m,selected:u,disabled:b,indeterminate:x,loading:g,empty:c,readonly:L,highlighted:M,...S}=t;return s({"k-valid":o,"k-invalid":a,"k-hover":n,"k-focus":i,"k-checked":l,"k-active":m,"k-selected":u,"k-disabled":b,"k-indeterminate":x&&!l,"k-loading":g,"k-empty":c,"k-readonly":L,"k-highlighted":M},Object.keys(S).reduce((A,k)=>(k.startsWith("k-")?A[k]=S[k]:A[`k-${k}`]=S[k],A),{}))};function Qa(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(a=>[`k-${a}`,!0]))}var d={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},f={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},N={undefined:void 0,solid:"solid",tint:"tint",flat:"flat",outline:"outline",clear:"clear",link:"link"},pt={undefined:void 0,outline:"outline",solid:"solid",duotone:"duotone"},h={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",inverse:"inverse"},r={open:"open",hover:"hover",focus:"focus",active:"active",selected:"selected",disabled:"disabled",valid:"valid",invalid:"invalid",loading:"loading",required:"required",empty:"empty",indeterminate:"indeterminate",checked:"checked",readonly:"readonly",highlighted:"highlighted",generating:"generating",expanded:"expanded"};var os={};function B(e){return os[e]=(os[e]\|\|0)+1,`k-${e}-${os[e]}`}import{Fragment as Ed,jsx as pi}from"react/jsx-runtime";var as="k-font-icon",kd=[],Cd={size:[d.undefined,d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary,h.success,h.warning,h.error,h.info]},Ad={},Na=e=>{let{size:t,themeColor:o,icon:a,rotate:n,flip:i,...l}=e;return a?pi("span",{...l,className:s(e.className,as,E(as,{size:t}),{[`k-i-${a}`]:a,[`k-color-${o}`]:o,[`k-rotate-${n}`]:n,"k-flip-h":i==="h"\|\|i==="both","k-flip-v":i==="v"\|\|i==="both"}),"aria-hidden":"true"}):pi(Ed,{})};Na.states=kd;Na.options=Cd;Na.className=as;Na.defaultOptions=Ad;var di=Na;import{Fragment as Td,jsx as ja}from"react/jsx-runtime";var ns="k-svg-icon",yd=[],Id={size:[d.undefined,d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary,h.success,h.warning,h.error,h.info],variant:[pt.outline,pt.solid,pt.duotone]},ss={viewBox:"0 0 24 24",variant:pt.outline},ha=e=>{let{size:t,themeColor:o,rotate:a,flip:n,viewBox:i=ss.viewBox,variant:l=ss.variant,icon:m,...u}=e;if(!m)return ja(Td,{});if(m==="none")return ja("span",{...u,className:s(e.className,ns,E("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let b=typeof m=="object"&&m.name&&m.name,x=typeof m=="object"?l&&m.variants?.[l]\|\|m.variants?.outline\|\|m.content:void 0;return ja("span",{...u,className:s(e.className,ns,E("k-icon",{size:t}),{[`k-svg-i-${b}`]:b,[`k-color-${o}`]:o,[`k-rotate-${a}`]:a,"k-flip-h":n==="h"\|\|n==="both","k-flip-v":n==="v"\|\|n==="both"}),"aria-hidden":"true",children:ja("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof m=="object"?m.viewBox:i,dangerouslySetInnerHTML:x!==void 0?{__html:x}:void 0,children:m?void 0:e.children})})};ha.states=yd;ha.options=Id;ha.className=ns;ha.defaultOptions=ss;var rs=ha;importas is from"@progress/kendo-svg-icons";var mi="icon",ci="icons";import{useContext as Bd}from"react";import{createContext as Od}from"react";var ui=Od({iconsType:"svg"});import{Fragment as fi,jsx as va}from"react/jsx-runtime";var en="k-icon",Pd=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),Kd=[],Rd={size:[d.undefined,d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary,h.success,h.warning,h.error,h.info],variant:[pt.outline,pt.solid,pt.duotone]},tn={viewBox:"0 0 24 24",type:"svg",variant:pt.outline},v=e=>{let{iconsType:t}=Bd(ui),{size:o,themeColor:a,icon:n,type:i=t\|\|tn.type,rotate:l,flip:m,viewBox:u=tn.viewBox,variant:b=tn.variant,...x}=e;if(!n)return va(fi,{});if((t\|\|i)==="svg"){if(n==="none")return va(rs,{...x,className:s(e.className,en),icon:n,size:o,variant:b});let c=is[n]?n:Pd(`${n}-icon`);return is[c]?va(rs,{...x,className:s(e.className,en),icon:is[c],size:o,themeColor:a,rotate:l,flip:m,viewBox:u,variant:b}):va(fi,{})}return va(di,{...x,className:s(e.className,en),icon:n,size:o,themeColor:a,rotate:l,flip:m})};v.states=Kd;v.options=Rd;v.defaultOptions=tn;v.className=en;v.moduleName=mi;v.folderName=ci;var ls="button",bi=ls;import{Fragment as ps,jsx as It,jsxs as xi}from"react/jsx-runtime";var ga="k-button",_d=["icon-button"],wd=[r.hover,r.focus,r.active,r.selected,r.disabled,r.generating],Dd={size:[d.undefined,d.xsmall,d.small,d.medium,d.large],rounded:[f.undefined,f.none,f.small,f.medium,f.large,f.full],fillMode:[N.undefined,N.solid,N.flat,N.outline,N.clear,N.link],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary,h.success,h.warning,h.error,h.info,h.inverse]},ds={showArrow:!1,arrowIconName:"chevron-down"},p=e=>{let{as:t="button",size:o,rounded:a,fillMode:n,themeColor:i,showArrow:l=ds.showArrow,arrowIconName:m=ds.arrowIconName,variant:u,hover:b,focus:x,active:g,selected:c,disabled:L,togglable:M,ariaDisabled:S,icon:A,endIcon:k,iconSize:y,text:w,iconClassName:se,className:Ae,...pe}=e,ue=A!=null,ba=e.children!==void 0;return xi(t,{className:s(Ae,ga,Qa(ga,u),E(ga,{size:o,rounded:a,fillMode:n,themeColor:i}),C(ga,{hover:b,focus:x,active:g,disabled:L\|\|S,selected:c}),{"k-icon-button":!w&&!ba&&ue}),"aria-pressed":M?c?"true":"false":void 0,...pe,"aria-disabled":S?"true":void 0,disabled:L\|\|void 0,children:[typeof A=="string"&&A&&It(v,{className:s(se,"k-button-icon"),icon:A,size:y}),A&&typeof A!="string"&&It(ps,{children:A}),w?xi(ps,{children:[w&&It("span",{className:"k-button-text",children:w}),e.children]}):e.children&&It("span",{className:"k-button-text",children:e.children}),typeof k=="string"&&k&&It(v,{className:s(se,"k-button-icon"),icon:k,size:y}),k&&typeof k!="string"&&It(ps,{children:k}),l&&It("span",{className:"k-menu-button-arrow k-button-arrow",children:It(v,{icon:m})})]})};p.states=wd;p.options=Dd;p.variants=_d;p.className=ga;p.defaultOptions=ds;p.moduleName=ls;p.folderName=bi;import{jsx as Hd}from"react/jsx-runtime";var X=e=>Hd(p,{icon:"folder",...e,"aria-label":e["aria-label"]\|\|"Folder",children:void 0});import{jsx as zd}from"react/jsx-runtime";var La=e=>zd(p,{icon:"folder",children:"Button",...e});import{jsx as zv}from"react/jsx-runtime";import{jsx as Ud}from"react/jsx-runtime";var st=e=>Ud(p,{children:"Button",...e});import{jsx as ms}from"react/jsx-runtime";var Fd=p.options,Gd=p.states,Vd={...p.defaultOptions,variant:"text"},$d=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Xd=[],xo=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return ms(X,{...o,icon:"star"});case"icon-and-text":return ms(La,{...o,icon:"star",children:"Button"});default:return ms(st,{...o,children:"Button"})}};xo.options=Fd;xo.states=Gd;xo.variants=$d;xo.defaultOptions=Vd;xo.modifiers=Xd;xo.className=p.className;import{jsx as Ni,jsxs as Zd}from"react/jsx-runtime";var on="k-fab",Jd=[r.hover,r.focus,r.active,r.selected,r.disabled],Yd={size:[d.undefined,d.small,d.medium,d.large],rounded:[f.undefined,f.none,f.small,f.medium,f.large,f.full],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary]},hi={type:"button"},te=e=>{let{size:t,rounded:o,themeColor:a,text:n,icon:i,type:l=hi.type,position:m,hover:u,focus:b,active:x,selected:g,disabled:c,...L}=e;return Zd("button",{...L,type:l,className:s(e.className,on,E(on,{size:t,rounded:o,themeColor:a}),C(on,{hover:u,focus:b,active:x,disabled:c,selected:g}),{[`!k-pos-absolute k-${m}`]:m}),...!n&&i&&!e["aria-label"]&&{"aria-label":"Action"},...c&&{"aria-disabled":"true"},disabled:c\|\|void 0,children:[i&&Ni(v,{className:"k-fab-icon",icon:i}),n&&Ni("span",{className:"k-fab-text",children:n})]})};te.states=Jd;te.options=Yd;te.className=on;te.defaultOptions=hi;te.moduleName="fab";te.folderName="fab";import{jsx as jd}from"react/jsx-runtime";var Qd="k-fab-items",vi=e=>{let{position:t,...o}=e;return jd("ul",{...o,className:s(e.className,Qd,{[`k-fab-items-${t}`]:t}),children:e.children})};import{jsx as Li,jsxs as tm}from"react/jsx-runtime";var gi="k-fab-item",em=[r.hover,r.focus,r.active,r.disabled],cs=e=>{let{text:t,icon:o,align:a,hover:n,focus:i,active:l,disabled:m,...u}=e;return tm("li",{...u,className:s(e.className,gi,{[`k-text-${a}`]:a},C(gi,{hover:n,focus:i,active:l,disabled:m})),children:[Li("span",{className:"k-fab-item-text",children:t}),Li(v,{className:"k-fab-item-icon",icon:o})]})};cs.states=em;import{jsx as gg}from"react/jsx-runtime";import{jsx as om}from"react/jsx-runtime";var Mi=e=>om(te,{icon:"plus",...e});import{jsx as Eg}from"react/jsx-runtime";import{jsx as Og}from"react/jsx-runtime";import{jsx as No,jsxs as lm}from"react/jsx-runtime";var am=te.options,nm=te.states,sm={...te.defaultOptions,variant:"text"},rm=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],im=[{name:"opened",title:"Opened"}],ho=e=>{let{variant:t,modifiers:o,...a}=e,{opened:n}=o\|\|{},i=n?No("div",{className:"k-fab-popup k-popup k-popup-transparent",style:{position:"absolute",top:"calc(16px + 36px)",right:"calc(16px + calc(36px / 2) - calc(36px /2))"},children:No(vi,{position:"bottom",children:No(cs,{text:"Item",icon:"pencil",align:"right"})})}):null,l;switch(t){case"icon-only":l=No(te,{...a,icon:"star"});break;case"icon-and-text":l=No(te,{...a,icon:"star",text:"Action"});break;default:l=No(te,{...a,text:"Action"});break}return lm("span",{style:{position:"relative"},children:[l,i]})};ho.options=am;ho.states=nm;ho.variants=rm;ho.defaultOptions=sm;ho.modifiers=im;ho.className=te.className;import{jsx as mm}from"react/jsx-runtime";var us="k-input-inner",pm=[],dm={},an={type:"text",autocomplete:"off",value:"",placeholder:""},fe=e=>{let{value:t=an.value,type:o=an.type,placeholder:a=an.placeholder,autocomplete:n=an.autocomplete,disabled:i,readOnly:l,...m}=e;return mm("input",{...m,type:o,className:s(e.className,us,E(us,e)),placeholder:a,autoComplete:n,defaultValue:t,disabled:i\|\|void 0,readOnly:l\|\|void 0})};fe.states=pm;fe.options=dm;fe.className=us;import{jsx as fm}from"react/jsx-runtime";var fs="k-input-inner",cm=[],um={},Si={value:"",placeholder:""},Ma=e=>{let{value:t=Si.value,placeholder:o=Si.placeholder,rows:a,disabled:n,...i}=e;return fm("textarea",{...i,className:s(e.className,fs,E(fs,e)),placeholder:o,rows:a,defaultValue:t,disabled:n\|\|void 0})};Ma.states=cm;Ma.options=um;Ma.className=fs;var bs="prompt-box",ki=bs;var xs="speech-to-text-button",Ci=xs;import{jsx as bm}from"react/jsx-runtime";var Ai="k-speech-to-text-button",Ei={icon:"microphone"},Be=e=>{let{listening:t=!1,icon:o=Ei.icon,...a}=e;return bm(p,{...a,icon:t?"stop":o,className:s(e.className,Ai,{"k-listening":t}),"aria-pressed":t?"true":"false","aria-label":t?"Stop listening":"Start listening"})};Be.states=p.states;Be.options=p.options;Be.className=Ai;Be.defaultOptions=Ei;Be.moduleName=xs;Be.folderName=Ci;import{jsx as cL}from"react/jsx-runtime";import{jsx as xL}from"react/jsx-runtime";import{jsx as gm}from"react/jsx-runtime";var xm=p.states,yi={...p.defaultOptions,variant:"normal"},Nm={...p.options,fillMode:p.options.fillMode.filter(e=>e!=="clear"&&e!=="link")},hm=[],vm=[{name:"normal",title:"Normal"},{name:"listening",title:"Listening"}],vo=e=>{let{variant:t,...o}={...yi,...e},a={};return t==="listening"&&(a.listening=!0),gm(Be,{...o,...a})};vo.options=Nm;vo.states=xm;vo.variants=vm;vo.defaultOptions=yi;vo.modifiers=hm;vo.className=Be.className;import{jsx as Jt,jsxs as Ns}from"react/jsx-runtime";var dt="k-prompt-box",Lm=[r.hover,r.focus,r.disabled],Mm={fillMode:[N.undefined,N.solid,N.flat,N.outline]},hs={lineMode:"auto",isExpanded:!1},be=e=>{let{fillMode:t,lineMode:o=hs.lineMode,startAffix:a,endAffix:n,header:i,isExpanded:l=hs.isExpanded,className:m,children:u,value:b,placeholder:x,generating:g,actionButtonConfig:c,speechToTextButtonConfig:L,uploadButtonConfig:M,hover:S,focus:A,disabled:k,...y}=e,w=o==="multi"\|\|o==="auto"&&l;return Ns("div",{...y,className:s(m,"k-input",dt,{[`${dt}-singleline`]:o==="single",[`${dt}-multiline`]:w,[`k-input-${t}`]:t,"k-hover":S,"k-focus":A,"k-disabled":k}),children:[i&&Jt("div",{className:`${dt}-header`,children:i}),Ns("div",{className:`${dt}-content`,children:[a&&Jt("div",{className:`${dt}-affix`,children:a}),o==="single"?Jt(fe,{value:b,placeholder:x,className:`${dt}-input`,type:"text","aria-label":"Prompt input"}):Jt(Ma,{value:b,placeholder:x,className:`${dt}-textarea`,rows:o==="multi"\|\|l?3:1,"aria-label":"Prompt input","aria-multiline":"true"}),Ns("div",{className:`${dt}-affix`,children:[n,M&&Jt(X,{icon:"paperclip",size:"small",fillMode:"flat",rounded:"full","aria-label":"Attach files",...M}),L!==!1&&Jt(Be,{size:"small",fillMode:"flat",rounded:"full",...L}),Jt(X,{icon:g?"stop":"arrow-up",size:"small",rounded:"full",active:g,disabled:!b&&!g,"aria-label":g?"Stop generating":"Send prompt","aria-live":"polite",...c,className:s({"k-generating":g},c?.className)})]})]}),u]})};be.states=Lm;be.options=Mm;be.className=dt;be.defaultOptions=hs;be.moduleName=bs;be.folderName=ki;import{jsx as zL}from"react/jsx-runtime";import{jsx as VL}from"react/jsx-runtime";import{jsx as WL}from"react/jsx-runtime";import{jsx as QL}from"react/jsx-runtime";import{jsx as oM}from"react/jsx-runtime";import{Fragment as vs,jsx as Tt,jsxs as ym}from"react/jsx-runtime";var Sm=be.options,km=be.states,Cm={...be.defaultOptions,variant:"Single"},Am=[{name:"Single",title:"Singleline"},{name:"Multi",title:"Multiline"}],Em=[{name:"header",title:"Header"},{name:"endAffix",title:"End Affix"},{name:"startAffix",title:"Start Affix"}],go=e=>{let{variant:t,modifiers:o,...a}=e,n={},i=Tt(vs,{children:Tt(X,{size:"small",icon:"send",fillMode:"flat"})});return Object.keys(o\|\|{}).forEach(l=>{switch(l){case"header":n.header=o?.[l]?Tt(p,{children:"Button in header"}):void 0;break;case"endAffix":o?.[l]&&(n.endAffix=ym(vs,{children:[i,Tt(X,{icon:"paperclip",size:"small",fillMode:"flat"})]}));break;case"startAffix":n.startAffix=o?.[l]?Tt(vs,{children:Tt(X,{icon:"plus",size:"small",fillMode:"flat"})}):void 0;break;default:break}}),t==="Multi"?Tt(be,{style:{width:300},lineMode:"multi",endAffix:i,placeholder:"Enter your prompt...",...a,...n}):Tt(be,{style:{width:300},lineMode:"single",endAffix:i,placeholder:"Enter your prompt...",...a,...n})};go.options=Sm;go.states=km;go.variants=Am;go.defaultOptions=Cm;go.modifiers=Em;go.className=be.className;var gs="chat",Ii=gs;import{Fragment as Bi,jsx as Yt,jsxs as Sa}from"react/jsx-runtime";var Ti="k-chat",Im=[],Tm={},Om=Sa(Bi,{children:[Yt(X,{icon:"paperclip",fillMode:"clear",rounded:"full",size:"small","aria-label":"Attach file"},"paperclip"),Yt("div",{className:"k-spacer"})]}),Oi={tools:Om},G=e=>{let{header:t,dir:o,suggestedActions:a,files:n,pinned:i,replied:l,generating:m,tools:u=Oi.tools,value:b,empty:x,scrollToBottom:g,scrollbar:c,promptBoxProps:L,...M}=e;return Sa("div",{...M,className:s(Ti,e.className),dir:o,children:[t,Sa("div",{className:"k-message-list",role:"log","aria-label":"Message list","aria-live":"polite",children:[i,Yt("div",{className:s("k-message-list-content",x&&"k-message-list-content-empty"),children:e.children}),g&&Yt("div",{className:"k-chat-scroll-to-bottom-container",children:Yt(Mi,{themeColor:"base",icon:"arrow-down",size:"small"})})]}),c&&Yt("div",{className:"k-separator"}),Sa("div",{className:"k-message-box-wrapper",children:[a,Yt(be,{lineMode:"multi",placeholder:"Type a message",generating:m,value:b,header:n\|\|l?Sa(Bi,{children:[l,n]}):void 0,endAffix:u,...L})]})]})};G.states=Im;G.options=Tm;G.className=Ti;G.defaultOptions=Oi;G.moduleName=gs;G.folderName=Ii;var Ls="button",Pi=Ls;import{jsx as Rm}from"react/jsx-runtime";var ka="k-button-group",Bm=[r.disabled],Pm={fillMode:[N.undefined,N.solid,N.flat,N.outline,N.clear,N.link]},Km={},T=e=>{let{fillMode:t,disabled:o,stretched:a,...n}=e;return Rm("div",{role:"group",...n,className:s(e.className,ka,E(ka,{fillMode:t}),C(ka,{disabled:o}),{[`${ka}-stretched`]:a}),...o&&{"aria-disabled":"true"},children:e.children})};T.states=Bm;T.options=Pm;T.className=ka;T.defaultOptions=Km;T.moduleName=Ls;T.folderName=Pi;import{Fragment as _M,jsx as RM,jsxs as wM}from"react/jsx-runtime";import{Fragment as GM,jsx as FM,jsxs as VM}from"react/jsx-runtime";import{Fragment as YM,jsx as JM,jsxs as ZM}from"react/jsx-runtime";import{Fragment as aS,jsx as oS,jsxs as nS}from"react/jsx-runtime";import{Fragment as dS,jsx as pS,jsxs as mS}from"react/jsx-runtime";import{Fragment as NS,jsx as xS,jsxs as hS}from"react/jsx-runtime";import{Fragment as kS,jsx as SS,jsxs as CS}from"react/jsx-runtime";import{jsx as Lt,jsxs as Ms}from"react/jsx-runtime";var _m={...p.options,...T.options},wm=p.states,Dm={...p.defaultOptions,...T.defaultOptions,variant:"text-button"},Hm=[{name:"icon-button",title:"Icon Only"},{name:"text-button",title:"Text"},{name:"icon-text-button",title:"Icon Text"}],zm=[],Lo=e=>{let{variant:t,className:o,...a}=e;return t==="icon-button"?Ms(T,{fillMode:a.fillMode,className:o,children:[Lt(p,{...a,icon:"star"}),Lt(p,{...a,icon:"star"}),Lt(p,{...a,icon:"star"})]}):t==="icon-text-button"?Ms(T,{fillMode:a.fillMode,className:o,children:[Lt(p,{...a,icon:"star",children:"First"}),Lt(p,{...a,icon:"star",children:"Middle"}),Lt(p,{...a,icon:"star",children:"Last"})]}):Ms(T,{fillMode:a.fillMode,className:o,children:[Lt(p,{...a,children:"First"}),Lt(p,{...a,children:"Middle"}),Lt(p,{...a,children:"Last"})]})};Lo.options=_m;Lo.states=wm;Lo.variants=Hm;Lo.defaultOptions=Dm;Lo.modifiers=zm;Lo.className=T.className;var Ca="input",sn=Ca;import{jsx as Vm}from"react/jsx-runtime";var rn="k-input",Um=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading,r.readonly],Fm={size:[d.undefined,d.small,d.medium,d.large],rounded:[f.undefined,f.none,f.small,f.medium,f.large,f.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},Gm={},J=e=>{let{hover:t,focus:o,disabled:a,invalid:n,valid:i,loading:l,readonly:m,size:u,rounded:b,fillMode:x,...g}=e;return Vm("span",{...g,className:s(e.className,rn,E(rn,{size:u,rounded:b,fillMode:x}),C(rn,{hover:t,focus:o,disabled:a,invalid:n,valid:i,loading:l,readonly:m}))})};J.states=Um;J.options=Fm;J.className=rn;J.defaultOptions=Gm;J.moduleName=Ca;J.folderName=sn;import{jsx as Wm}from"react/jsx-runtime";var ln="k-picker",$m=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading,r.readonly],Xm={size:[d.undefined,d.small,d.medium,d.large],rounded:[f.undefined,f.none,f.small,f.medium,f.large,f.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},qm={},mt=e=>{let{hover:t,focus:o,disabled:a,invalid:n,valid:i,loading:l,readonly:m,size:u,rounded:b,fillMode:x,...g}=e;return Wm("span",{...g,className:s(e.className,ln,E(ln,{size:u,rounded:b,fillMode:x}),C(ln,{hover:t,focus:o,disabled:a,invalid:n,valid:i,loading:l,readonly:m})),children:e.children})};mt.states=$m;mt.options=Xm;mt.className=ln;mt.defaultOptions=qm;mt.moduleName=Ca;mt.folderName=sn;import{Fragment as Zm,jsx as Ss}from"react/jsx-runtime";var Ki="k-clear-value",Jm=[r.disabled,r.loading,r.readonly],Ym={},Pe=e=>{let{disabled:t,loading:o,readonly:a,value:n}=e;return t\|\|a\|\|o\|\|!n?Ss(Zm,{}):Ss("span",{className:s(e.className,Ki),children:Ss(v,{icon:"x"})})};Pe.states=Jm;Pe.options=Ym;Pe.className=Ki;import{jsx as Ri,jsxs as ec}from"react/jsx-runtime";var ks="k-input-inner",Qm=[],jm={},Zt=e=>{let{value:t,placeholder:o,showValue:a,valueIcon:n,valueIconName:i,...l}=e;return ec("span",{...l,className:s(e.className,ks,E(ks,e)),children:[n,!n&&i&&Ri(v,{className:"k-input-value-icon",icon:i}),a&&!t&&o,a&&t&&Ri("span",{className:"k-input-value-text",children:t})]})};Zt.states=Qm;Zt.options=jm;Zt.className=ks;import{Fragment as oc,jsx as _i}from"react/jsx-runtime";var wi="k-input-loading-icon",tc=[r.disabled,r.loading],Ee=e=>{let{disabled:t,loading:o}=e;return t\|\|!o?_i(oc,{}):_i("span",{className:s(e.className,wi,"k-icon k-i-loading")})};Ee.states=tc;Ee.className=wi;import{Fragment as sc,jsx as Di}from"react/jsx-runtime";var Hi="k-input-validation-icon",ac=[r.valid,r.invalid,r.disabled,r.loading],nc={},xe=e=>{let{valid:t,invalid:o,disabled:a,loading:n}=e,i=o?"warning-circle":"check-circle";return a\|\|n\|\|!!!(t\|\|o)?Di(sc,{}):Di(v,{className:s(Hi),icon:i})};xe.states=ac;xe.options=nc;xe.className=Hi;import{Fragment as lc,jsx as zi}from"react/jsx-runtime";var rc="k-input-prefix",ic={direction:"horizontal"},Fe=e=>{let{direction:t=ic.direction,...o}=e;return e.children?zi("span",{...o,className:s(rc,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):zi(lc,{})};import{Fragment as mc,jsx as Ui}from"react/jsx-runtime";var pc="k-input-suffix",dc={direction:"horizontal"},Ge=e=>{let{direction:t=dc.direction,...o}=e;return e.children?Ui("span",{...o,className:s(pc,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):Ui(mc,{})};import{jsx as gk}from"react/jsx-runtime";import{jsx as uc}from"react/jsx-runtime";var cc="k-input-suffix-text",Cs=e=>{let{children:t,...o}=e;return uc("span",{...o,className:s(cc,e.className),children:t})};import{jsx as bc}from"react/jsx-runtime";var Fi="k-input-separator",fc={direction:"vertical"},Ve=e=>{let{direction:t=fc.direction,...o}=e;return bc("span",{...o,className:s(Fi,e.className,{[`${Fi}-${t}`]:t})})};import{Fragment as Gi,jsx as ct,jsxs as As}from"react/jsx-runtime";var xc=J.states,Nc=J.defaultOptions,hc=J.options,vc=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],gc=[],Mo=e=>{let{modifiers:t,valid:o,invalid:a,loading:n,disabled:i,readonly:l,...m}=e,u=t?.prefix,b=t?.suffix,x=t?.["clear-button"],g=t?.["validation-icon"],c=t?.separators;return As(J,{...m,valid:o,invalid:a,loading:n,disabled:i,readonly:l,style:{width:300},children:[u&&As(Gi,{children:[ct(Fe,{children:ct(v,{icon:"lock"})}),c&&ct(Ve,{})]}),ct(fe,{placeholder:"Placeholder",value:"Value"}),g&&ct(xe,{valid:o,invalid:a,loading:n,disabled:i}),ct(Ee,{loading:n,disabled:i}),x&&ct(Pe,{loading:n,disabled:i,readonly:l,value:"Value"}),b&&As(Gi,{children:[c&&ct(Ve,{}),ct(Ge,{children:ct(st,{size:m.size,fillMode:"clear",children:"Send"})})]})]})};Mo.options=hc;Mo.states=xc;Mo.variants=gc;Mo.defaultOptions=Nc;Mo.modifiers=vc;Mo.className=J.className;import{jsx as Vi,jsxs as Sc}from"react/jsx-runtime";var $i="k-color-preview",Lc=[],Mc={},Ot=e=>{let{color:t,iconName:o,...a}=e;return Sc("span",{...a,className:s(e.className,$i,{"k-icon-color-preview":o,"k-no-color":!t}),children:[o&&Vi(v,{icon:o,className:"k-color-preview-icon"}),Vi("span",{className:"k-color-preview-mask",style:{backgroundColor:t}})]})};Ot.states=Lc;Ot.options=Mc;Ot.className=$i;var Es="popup",Xi=Es;import{jsx as qi}from"react/jsx-runtime";var Wi="k-animation-container",kc=[],Cc={},ys={positionMode:"absolute",shown:!0},ut=e=>{let{positionMode:t=ys.positionMode,shown:o=ys.shown,animationStyle:a,offset:n,...i}=e;return qi("div",{...i,style:{...n,...e.style},className:s(e.className,Wi,{"k-animation-container-shown":o,"k-animation-container-fixed":t==="fixed"}),children:qi("div",{className:"k-child-animation-container",style:a,children:e.children})})};ut.states=kc;ut.options=Cc;ut.className=Wi;ut.defaultOptions=ys;ut.moduleName=Es;ut.folderName=Xi;var Is="popup",Ji=Is;import{jsx as Yi}from"react/jsx-runtime";var Zi="k-popup",Ac=[],Ec={},Qi={positionMode:"absolute"},q=e=>{let{offset:t,positionMode:o=Qi.positionMode,animationStyle:a,containerClassName:n,containerRole:i,containerAriaLabel:l,...m}=e;return Yi(ut,{positionMode:o,offset:t,animationStyle:a,className:n,role:i,"aria-label":l,children:Yi("div",{...m,className:s(e.className,Zi),children:e.children})})};q.states=Ac;q.options=Ec;q.className=Zi;q.defaultOptions=Qi;q.moduleName=Is;q.folderName=Ji;var Ts="action-buttons",ji=Ts;import{jsx as Tc}from"react/jsx-runtime";var pn="k-actions",yc=[],Ic={},Os={alignment:"start",orientation:"horizontal"},Ke=e=>{let{alignment:t=Os.alignment,orientation:o=Os.orientation,...a}=e;return Tc("div",{...a,className:s(pn,{[`${pn}-${t}`]:t,[`${pn}-${o}`]:o},e.className),children:e.children})};Ke.states=yc;Ke.options=Ic;Ke.className=pn;Ke.defaultOptions=Os;Ke.moduleName=Ts;Ke.folderName=ji;var el=Ke;import{jsx as Bc}from"react/jsx-runtime";var Oc="k-actionsheet-footer",tl={alignment:"stretched",orientation:"horizontal"},Bt=e=>{let{alignment:t=tl.alignment,orientation:o=tl.orientation,template:a,as:n=a?"div":Ke,...i}=e;return Bc(n,{...i,...!a&&{alignment:t,orientation:o},className:s(e.className,Oc),children:e.children})};var Bs="searchbox",ol=Bs;import{jsx as Aa,jsxs as Rc}from"react/jsx-runtime";var al="k-searchbox",Pc=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading],Kc={size:[d.undefined,d.small,d.medium,d.large],rounded:[f.undefined,f.none,f.small,f.medium,f.large,f.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},dn={showIcon:!0,showClearButton:!0,icon:"search"},$e=e=>{let{value:t,placeholder:o,size:a,rounded:n,fillMode:i,hover:l,focus:m,valid:u,invalid:b,required:x,loading:g,disabled:c,showIcon:L=dn.showIcon,showClearButton:M=dn.showClearButton,icon:S=dn.icon,"aria-label":A,...k}=e;return Rc(J,{...k,size:a,rounded:n,fillMode:i,hover:l,focus:m,valid:u,invalid:b,required:x,loading:g,disabled:c,className:s(e.className,al),children:[L&&Aa(v,{className:"k-input-icon",icon:S}),Aa(fe,{placeholder:o,value:t,"aria-label":A}),Aa(Ee,{...e}),Aa(xe,{...e}),M&&Aa(Pe,{...e})]})};$e.states=Pc;$e.options=Kc;$e.className=al;$e.defaultOptions=dn;$e.moduleName=Bs;$e.folderName=ol;import{jsx as $C}from"react/jsx-runtime";var Ps="textbox",nl=Ps;import{Fragment as sl,jsx as Pt,jsxs as Ks}from"react/jsx-runtime";var rl="k-textbox",_c=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading,r.readonly],wc={size:[d.undefined,d.small,d.medium,d.large],rounded:[f.undefined,f.none,f.small,f.medium,f.large,f.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},mn={showClearButton:!0,showValidationIcon:!0,separators:!0},de=e=>{let{size:t,rounded:o,fillMode:a,separators:n=mn.separators,showClearButton:i=mn.showClearButton,showValidationIcon:l=mn.showValidationIcon,prefix:m,suffix:u,type:b,value:x,placeholder:g,hover:c,focus:L,valid:M,invalid:S,required:A,loading:k,disabled:y,readonly:w,id:se,"aria-label":Ae,"aria-describedby":pe,...ue}=e;return Ks(J,{...ue,size:t,rounded:o,fillMode:a,hover:c,focus:L,valid:M,invalid:S,required:A,loading:k,disabled:y,readonly:w,className:s(e.className,rl),children:[m&&Ks(sl,{children:[Pt(Fe,{children:m}),n&&Pt(Ve,{})]}),Pt(fe,{id:se,placeholder:g,value:x,type:b,disabled:y,"aria-label":Ae,"aria-describedby":pe,"aria-invalid":S?"true":void 0}),l&&Pt(xe,{valid:M,invalid:S,loading:k,disabled:y}),Pt(Ee,{loading:k,disabled:y}),i&&Pt(Pe,{loading:k,disabled:y,readonly:w,value:x}),u&&Ks(sl,{children:[n&&Pt(Ve,{}),Pt(Ge,{children:u})]})]})};de.states=_c;de.options=wc;de.className=rl;de.defaultOptions=mn;de.moduleName=Ps;de.folderName=nl;var Ea=de;import{jsx as Dc}from"react/jsx-runtime";var cn=e=>Dc(Ea,{...e});import{Fragment as pA,jsx as lA}from"react/jsx-runtime";import{Fragment as bA,jsx as fA}from"react/jsx-runtime";import{jsx as vA}from"react/jsx-runtime";import{jsx as Rs}from"react/jsx-runtime";var Hc=de.states,zc=de.defaultOptions,Uc=de.options,Fc=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],Gc=[],So=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(n=>{switch(n){case"prefix":a.prefix=t?.[n]?Rs(v,{icon:"lock"}):void 0;break;case"suffix":a.suffix=t?.[n]?Rs(st,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":a.showClearButton=t?.[n];break;default:break}}),Rs(cn,{value:"Value",style:{width:300},...o,...a})};So.options=Uc;So.states=Hc;So.variants=Gc;So.defaultOptions=zc;So.modifiers=Fc;So.className=de.className;import{jsx as Kt,jsxs as _s}from"react/jsx-runtime";var il="k-actionsheet-titlebar",Vc={},Ne=e=>{let{title:t,subtitle:o,actionsStart:a,actionsEnd:n,filter:i,input:l,inputValue:m,inputPlaceholder:u,adaptive:b,titleId:x,children:g,...c}=e;return _s("div",{...c,className:s(e.className,il),children:[_s("div",{className:"k-actionsheet-titlebar-group",children:[a&&Kt("div",{className:"k-actionsheet-actions",children:a}),!g&&_s("div",{className:"k-actionsheet-title",id:x,children:[t&&Kt("div",{className:"k-text-center",children:t}),o&&Kt("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),g&&Kt("div",{className:"k-actionsheet-title",id:x,children:g}),n&&Kt("div",{className:"k-actionsheet-actions",children:n})]}),(l\|\|i)&&Kt("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:l?Kt(de,{value:m,placeholder:u,size:b?"large":"medium","aria-label":t\|\|u\|\|"Input"}):Kt($e,{placeholder:"Filter",size:b?"large":"medium","aria-label":"Filter options"})})]})};Ne.className=il;Ne.defaultOptions=Vc;import{jsx as ws,jsxs as Wc}from"react/jsx-runtime";var Ds="k-actionsheet-view",$c=[],Xc={},qc={},ko=e=>{let{adaptive:t,animated:o,children:a,header:n,footer:i,titleId:l,...m}=e,u=n?.type===Ne&&ws(Ne,{adaptive:t,titleId:l,...n?.props}),b=i?.type===Bt&&ws(Bt,{...i?.props});return Wc("div",{...m,className:s(e.className,Ds,{[`${Ds}-animated`]:o}),children:[u,ws("div",{className:"k-actionsheet-content",children:a}),b]})};ko.states=$c;ko.options=Xc;ko.className=Ds;ko.defaultOptions=qc;var ya="action-sheet",un=ya;var Hs="overlay",ll=Hs;import{jsx as Qc}from"react/jsx-runtime";var pl="k-overlay",Jc=[],Yc={},Zc={},ft=e=>{let{...t}=e;return Qc("div",{...t,className:s(e.className,pl),children:e.children})};ft.states=Jc;ft.options=Yc;ft.className=pl;ft.defaultOptions=Zc;ft.moduleName=Hs;ft.folderName=ll;import{jsx as fn,jsxs as tu}from"react/jsx-runtime";var dl="k-actionsheet",jc=[],eu={},Ia={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},Y=e=>{let{side:t=Ia.side,fullscreen:o=Ia.fullscreen,adaptive:a=Ia.adaptive,overlay:n=Ia.overlay,template:i,children:l,header:m,footer:u,id:b,...x}=e,g=b&&!i&&m?`${b}-title`:void 0;return tu("div",{className:"k-actionsheet-container",children:[n&&fn(ft,{}),fn(ut,{animationStyle:{[`${o===!0?"top":t}`]:0,[`${o===!0?"width":null}`]:"100%",[`${o===!0?"height":null}`]:"100%",[`${t==="top"\|\|t==="bottom"?"width":null}`]:"100%",[`${t==="left"\|\|t==="right"?"height":null}`]:"100%"},children:fn("div",{...x,id:b,role:"dialog","aria-modal":n?"true":void 0,"aria-labelledby":g,className:s(e.className,dl,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":a}),children:i\|\|fn(ko,{header:m,footer:u,adaptive:a,titleId:g,...e,children:l})})})]})};Y.states=jc;Y.options=eu;Y.className=dl;Y.defaultOptions=Ia;Y.moduleName=ya;Y.folderName=un;import{jsx as su}from"react/jsx-runtime";var ml="k-actionsheet-container",ou=[],au={},nu={},Co=e=>{let{children:t,...o}=e;return su("div",{...o,className:ml,children:t})};Co.states=ou;Co.options=au;Co.className=ml;Co.defaultOptions=nu;Co.moduleName=ya;Co.folderName=un;import{jsx as ru}from"react/jsx-runtime";var zs=e=>{let{...t}=e;return ru("div",{...t,className:s(e.className,"k-list-ul"),children:e.children})};import{Fragment as lu,jsx as Ta,jsxs as Us}from"react/jsx-runtime";var Fs="k-actionsheet-item",iu=[r.hover,r.focus,r.selected,r.disabled],Rt=e=>{let{iconName:t,text:o,description:a,hover:n,focus:i,selected:l,disabled:m,...u}=e;return Us("span",{...u,className:s(e.className,Fs,C(Fs,{hover:n,focus:i,selected:l,disabled:m})),children:[!e.children&&Ta(lu,{children:Us("span",{className:"k-actionsheet-action",children:[t&&Ta("span",{className:"k-icon-wrap",children:Ta(v,{className:"k-actionsheet-item-icon",icon:t})}),Us("span",{className:"k-actionsheet-item-text",children:[o&&Ta("span",{className:"k-actionsheet-item-title",children:o}),a&&Ta("span",{className:"k-actionsheet-item-description",children:a})]})]})}),e.children]})};Rt.states=iu;Rt.className=Fs;import{jsx as hE,jsxs as vE}from"react/jsx-runtime";import{jsx as SE}from"react/jsx-runtime";import{jsx as EE}from"react/jsx-runtime";import{jsx as OE}from"react/jsx-runtime";import{jsx as re,jsxs as Gs}from"react/jsx-runtime";var pu=Y.options,du=Y.states,ul={...Y.defaultOptions,variant:"normal"},mu=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],cu=[{name:"actions",title:"Titlebar Actions",type:"boolean"},{name:"subtitle",title:"Subtitle",type:"boolean"},{name:"footer",title:"Footer",type:"boolean"}],Ao=e=>{let{variant:t,modifiers:o,...a}={...ul,...e},n={},i=Gs(zs,{children:[re(Rt,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),re(Rt,{text:"Add to Favorites",iconName:"heart"}),re(Rt,{text:"Upload New",iconName:"upload",disabled:!0}),re("hr",{className:"k-hr"}),re(Rt,{text:"Cancel",iconName:"cancel"})]}),l="Choose from the items below",m="Select Item";return t==="fullScreen"&&(n.fullScreen=!0),Object.keys(o\|\|{}).forEach(u=>{switch(u){case"actions":n.actionsStart=!!o?.[u],n.actionsEnd=!!o?.[u];break;case"subtitle":n.subtitle=o?.[u]?l:void 0;break;case"footer":n.footer=!!o?.[u];break;default:break}}),t==="adaptive"?re(Y,{...a,adaptive:!0,fullscreen:n.fullScreen,header:re(Ne,{actionsStart:n.actionsStart?re(p,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:n.actionsEnd?re(p,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:m,subtitle:n.subtitle}),footer:n.footer?Gs(Bt,{alignment:"stretched",children:[re(p,{text:"Cancel",size:"large",themeColor:"base"}),re(p,{text:"Apply",size:"large",themeColor:"primary"})]}):void 0,children:i}):re(Y,{...a,fullscreen:n.fullScreen,header:re(Ne,{actionsStart:n.actionsStart?re(p,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:n.actionsEnd?re(p,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:n.subtitle}),footer:n.footer?Gs(Bt,{alignment:"stretched",children:[re(p,{text:"Apply",themeColor:"primary"}),re(p,{text:"Cancel",themeColor:"base"})]}):void 0,children:i})};Ao.options=pu;Ao.states=du;Ao.variants=mu;Ao.defaultOptions=ul;Ao.modifiers=cu;Ao.className=Y.className;var Vs="slider",fl=Vs;import{jsx as Eo,jsxs as $s}from"react/jsx-runtime";var Oa="k-slider",uu=[r.hover,r.focus,r.active,r.disabled,r.readonly],fu={},Xe={type:"single",orientation:"horizontal",gradientType:"1d",readonly:!1,disabled:!1,handlePosition:"end",showButtons:!0,showTicks:!0,value:50,min:0,max:100},$=e=>{let{type:t=Xe.type,orientation:o=Xe.orientation,gradientType:a=Xe.gradientType,readonly:n=Xe.readonly,disabled:i=Xe.disabled,handlePosition:l=Xe.handlePosition,showButtons:m=Xe.showButtons,showTicks:u=Xe.showTicks,value:b=Xe.value,min:x=Xe.min,max:g=Xe.max,startValue:c,endValue:L,hover:M,focus:S,active:A,trackStyle:k,dir:y,...w}=e,Ae=(()=>{if(t==="gradient"&&a==="2d")return"undefined";if(o==="vertical")return"vertical"})(),pe,ue;return o==="horizontal"?(pe=y==="rtl"?"chevron-left":"chevron-right",ue=y==="rtl"?"chevron-right":"chevron-left"):o==="vertical"&&(pe="chevron-up",ue="chevron-down"),$s("div",{...w,className:s(Oa,e.className,C(Oa,{readonly:n,disabled:i}),{[`k-slider-${o}`]:o,"k-colorgradient-slider":t==="gradient"}),dir:y,children:[m&&Eo(p,{className:"k-button-decrease",rounded:"full",icon:ue,tabIndex:-1,title:"Decrease"}),$s("div",{className:"k-slider-track-wrap",children:[u&&Eo("ul",{className:"k-reset k-slider-items","aria-hidden":"true",children:e.children}),$s("div",{className:"k-slider-track",style:k,children:[Eo("div",{className:"k-slider-selection"}),t==="range"&&Eo("span",{className:s("k-draghandle","k-draghandle-start",C(Oa,{hover:M,focus:S,active:A})),role:"slider",tabIndex:i?void 0:0,"aria-valuenow":c??x,"aria-valuemin":x,"aria-valuemax":L??g,"aria-orientation":Ae,"aria-disabled":i?"true":void 0,"aria-readonly":n?"true":void 0,"aria-label":w["aria-label"]?`${w["aria-label"]} start`:"Range start"}),Eo("span",{className:s("k-draghandle",`k-draghandle-${l}`,C(Oa,{hover:M,focus:S,active:A})),role:"slider",tabIndex:i?void 0:0,"aria-valuenow":t==="range"?L??g:b,"aria-valuemin":t==="range"?c??x:x,"aria-valuemax":g,"aria-orientation":Ae,"aria-disabled":i?"true":void 0,"aria-readonly":n?"true":void 0,"aria-label":t==="range"?w["aria-label"]?`${w["aria-label"]} end`:"Range end":w["aria-label"]})]})]}),m&&Eo(p,{className:"k-button-increase",rounded:"full",icon:pe,tabIndex:-1,title:"Increase"})]})};$.states=uu;$.options=fu;$.className=Oa;$.defaultOptions=Xe;$.moduleName=Vs;$.folderName=fl;import{jsx as bl}from"react/jsx-runtime";var xl="k-tick",bu=[],xu={},Nl={label:!1},I=e=>{let{style:t,label:o=Nl.label,orientation:a,large:n,text:i,...l}=e;return bl("li",{...l,role:"presentation",title:i\|\|"Tick",className:s(e.className,xl,{[`k-tick-${a}`]:a,"k-tick-large":n}),style:t,children:o&&bl("span",{className:"k-label",children:i})})};I.states=bu;I.options=xu;I.className=xl;I.defaultOptions=Nl;import{Fragment as Nu,jsx as qe,jsxs as hu}from"react/jsx-runtime";var hl=e=>qe($,{"aria-label":e["aria-label"]\|\|"Slider",children:hu(Nu,{children:[qe(I,{className:"k-first",label:!0,large:!0,text:"0"}),qe(I,{}),qe(I,{}),qe(I,{}),qe(I,{}),qe(I,{label:!0,large:!0,text:"5"}),qe(I,{}),qe(I,{}),qe(I,{}),qe(I,{}),qe(I,{className:"k-last",label:!0,large:!0,text:"10"})]}),...e});import{Fragment as vu,jsx as We,jsxs as gu}from"react/jsx-runtime";var vl=e=>We($,{children:gu(vu,{children:[We(I,{className:"k-first",label:!0,large:!0,text:"0"}),We(I,{}),We(I,{}),We(I,{}),We(I,{}),We(I,{label:!0,large:!0,text:"5"}),We(I,{}),We(I,{}),We(I,{}),We(I,{}),We(I,{className:"k-last",label:!0,large:!0,text:"10"})]}),"aria-label":e["aria-label"]\|\|"Vertical slider",...e,orientation:"vertical"});import{Fragment as vy,jsx as hy,jsxs as gy}from"react/jsx-runtime";import{Fragment as Cy,jsx as ky,jsxs as Ay}from"react/jsx-runtime";import{jsx as Lu}from"react/jsx-runtime";var Xs=e=>Lu($,{type:"gradient",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]\|\|"Color slider"});import{jsx as Mu}from"react/jsx-runtime";var qs=e=>Mu($,{type:"gradient",orientation:"vertical",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]\|\|"Color slider"});import{Fragment as wy,jsx as _y,jsxs as Dy}from"react/jsx-runtime";import{Fragment as Gy,jsx as Fy,jsxs as Vy}from"react/jsx-runtime";import{jsx as bt,jsxs as gl}from"react/jsx-runtime";var Su=$.options,ku=$.states,Ll={...$.defaultOptions,variant:"horizontal",label:!0},Cu=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],Au=[{name:"label",title:"Labels",default:!0},{name:"tick",title:"Ticks",default:!0},{name:"button",title:"Side Buttons",default:!0}],yo=e=>{let{variant:t,modifiers:o,...a}=e,n=Ll.label,i={};Object.keys(o\|\|{}).forEach(m=>{switch(m){case"button":{i.showButtons=!!o?.[m];break}case"label":{n=!!o?.[m];break}case"tick":{i.showTicks=!!o?.[m];break}}});let l={"--kendo-slider-start":0,"--kendo-slider-end":60};return t==="vertical"?gl(vl,{style:{height:"300px",...l},...a,...i,children:[bt(I,{label:n,large:!0,orientation:"vertical",text:"0",style:{position:"absolute",bottom:"0%"}}),bt(I,{label:n,large:!0,orientation:"vertical",text:"2",style:{position:"absolute",bottom:"25%"}}),bt(I,{label:n,large:!0,orientation:"vertical",text:"4",style:{position:"absolute",bottom:"50%"}}),bt(I,{label:n,large:!0,orientation:"vertical",text:"6",style:{position:"absolute",bottom:"75%"}}),bt(I,{label:n,large:!0,orientation:"vertical",text:"8",style:{position:"absolute",bottom:"100%"}})]}):gl(hl,{style:{width:"400px",...l},...a,...i,children:[bt(I,{label:n,large:!0,orientation:"horizontal",text:"0",style:{position:"absolute",left:"0%"}}),bt(I,{label:n,large:!0,orientation:"horizontal",text:"2",style:{position:"absolute",left:"25%"}}),bt(I,{label:n,large:!0,orientation:"horizontal",text:"4",style:{position:"absolute",left:"50%"}}),bt(I,{label:n,large:!0,orientation:"horizontal",text:"6",style:{position:"absolute",left:"75%"}}),bt(I,{label:n,large:!0,orientation:"horizontal",text:"8",style:{position:"absolute",left:"100%"}})]})};yo.options=Su;yo.states=ku;yo.variants=Cu;yo.defaultOptions=Ll;yo.modifiers=Au;yo.className=$.className;import{jsx as Ml,jsxs as Ou}from"react/jsx-runtime";var Sl="k-spin-button",Iu=[],Tu={size:[d.undefined,d.small,d.medium,d.large],fillMode:[N.undefined,N.solid,N.flat,N.outline,N.clear,N.link]},Ws={increaseLabel:"Increase value",decreaseLabel:"Decrease value"},_t=e=>{let{size:t,fillMode:o,disabled:a,increaseLabel:n=Ws.increaseLabel,decreaseLabel:i=Ws.decreaseLabel,...l}=e;return Ou("span",{...l,className:s(Sl,e.className),children:[Ml(p,{className:"k-spinner-increase",icon:"chevron-up",size:t,fillMode:o,disabled:a,"aria-label":n}),Ml(p,{className:"k-spinner-decrease",icon:"chevron-down",size:t,fillMode:o,disabled:a,"aria-label":i})]})};_t.states=Iu;_t.options=Tu;_t.className=Sl;_t.defaultOptions=Ws;_t.moduleName=null;_t.folderName=null;var kl="numeric-textbox",Cl="numerictextbox";import{Fragment as Al,jsx as Mt,jsxs as Js}from"react/jsx-runtime";var El="k-numerictextbox",Bu=[r.hover,r.focus,r.valid,r.invalid,r.loading,r.required,r.disabled,r.readonly],Pu={size:[d.undefined,d.small,d.medium,d.large],rounded:[f.undefined,f.none,f.small,f.medium,f.large,f.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},bn={showSpinButton:!0,showClearButton:!0,separators:!0},D=e=>{let{size:t,rounded:o,fillMode:a,separators:n=bn.separators,showClearButton:i=bn.showClearButton,showSpinButton:l=bn.showSpinButton,prefix:m,suffix:u,value:b,placeholder:x,hover:g,focus:c,valid:L,invalid:M,required:S,loading:A,disabled:k,readonly:y,id:w,"aria-label":se,"aria-describedby":Ae,...pe}=e;return Js(J,{...pe,size:t,rounded:o,fillMode:a,hover:g,focus:c,valid:L,invalid:M,required:S,loading:A,disabled:k,readonly:y,className:s(e.className,El),children:[m&&Js(Al,{children:[Mt(Fe,{children:m}),n&&Mt(Ve,{})]}),Mt(fe,{id:w,placeholder:x,value:b,role:"spinbutton",disabled:k,"aria-label":se,"aria-describedby":Ae,"aria-invalid":M?"true":void 0}),Mt(xe,{valid:L,invalid:M,loading:A,disabled:k}),Mt(Ee,{loading:A,disabled:k}),i&&Mt(Pe,{loading:A,disabled:k,readonly:y,value:b}),u&&Js(Al,{children:[n&&Mt(Ve,{}),Mt(Ge,{children:u})]}),l&&Mt(_t,{className:"k-input-spinner",size:t,fillMode:a,disabled:k})]})};D.states=Bu;D.options=Pu;D.className=El;D.defaultOptions=bn;D.moduleName=kl;D.folderName=Cl;var Ba=D;import{jsx as Ku}from"react/jsx-runtime";var yl=e=>Ku(Ba,{...e});import Zs from"react";import{jsx as Il}from"react/jsx-runtime";var Ru="k-list-group-sticky-header",Ys=e=>Il("div",{className:s(Ru,e.className),children:Il("div",{className:"k-list-header-text",children:e.children})});import{jsx as wu}from"react/jsx-runtime";var _u="k-no-data",xn=e=>{let{live:t,...o}=e;return wu("span",{...o,className:s(_u,e.className),"aria-live":t?"polite":void 0,children:e.children})};var Qt="list",Io=Qt;import{jsx as Tl,jsxs as Ol}from"react/jsx-runtime";var Qs="k-list",Du=[],Hu={size:[d.undefined,d.small,d.medium,d.large]},zu={},R=e=>{let{size:t,virtualization:o,children:a,header:n,selectAll:i,optionLabel:l,customValue:m,noData:u,screenReaders:b,...x}=e,c=Zs.Children.toArray(a)[0],L=c?.props?.children?Zs.Children.count(c.props.children):Zs.Children.count(a);return Ol("div",{...x,className:s(e.className,Qs,E(Qs,{size:t}),{"k-virtual-list":o}),children:[l,i,m,n&&Tl(Ys,{children:n}),a\|\|(u!==void 0?u:Tl(xn,{live:!0,children:"No data found."})),b&&a&&Ol(xn,{className:"k-sr-only",live:!0,children:[L," items found."]})]})};R.states=Du;R.options=Hu;R.className=Qs;R.defaultOptions=zu;R.moduleName=Qt;R.folderName=Io;import{jsx as Vu}from"react/jsx-runtime";var Bl="k-list-container",Uu=[],Fu={},Gu={},To=e=>{let{...t}=e;return Vu("div",{...t,className:s(e.className,Bl),children:e.children})};To.states=Uu;To.options=Fu;To.className=Bl;To.defaultOptions=Gu;To.moduleName=Qt;To.folderName=Io;var jt="checkbox",Oo=jt;import{jsx as Pl}from"react/jsx-runtime";var Nn="k-checkbox",$u=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.checked,r.indeterminate],Xu={size:[d.undefined,d.small,d.medium,d.large],rounded:[f.undefined,f.none,f.small,f.medium,f.large,f.full]},qu={},Re=e=>{let{id:t,checked:o,indeterminate:a,hover:n,focus:i,disabled:l,invalid:m,valid:u,required:b,size:x,rounded:g,wrapperRole:c,...L}=e;return Pl("span",{className:"k-checkbox-wrap",role:c,children:Pl("input",{...L,id:t,type:"checkbox",defaultChecked:o,required:b,disabled:l\|\|void 0,"aria-invalid":m?"true":void 0,className:s(e.className,Nn,E(Nn,{size:x,rounded:g}),C(Nn,{hover:n,focus:i,disabled:l,invalid:m,valid:u,indeterminate:a,checked:o}))})})};Re.states=$u;Re.options=Xu;Re.className=Nn;Re.defaultOptions=qu;Re.moduleName=jt;Re.folderName=Oo;var rt=Re;import{jsx as Yu}from"react/jsx-runtime";var Kl="k-checkbox-list",Wu=[],Ju={},Rl={layout:"vertical"},he=e=>{let{layout:t=Rl.layout,...o}=e;return Yu("ul",{...o,className:s(e.className,Kl,{[`k-list-${t}`]:t}),children:e.children})};he.states=Wu;he.options=Ju;he.className=Kl;he.defaultOptions=Rl;he.moduleName=jt;he.folderName=Oo;import{jsx as ef}from"react/jsx-runtime";var _l="k-checkbox-list-item",Zu=[],Qu={},ju={},ve=e=>{let{...t}=e;return ef("li",{...t,className:s(e.className,_l),children:e.children})};ve.states=Zu;ve.options=Qu;ve.className=_l;ve.defaultOptions=ju;ve.moduleName=jt;ve.folderName=Oo;import{Fragment as tf,jsx as wl,jsxs as of}from"react/jsx-runtime";var St=({children:e="Label",id:t="cb-label-after",...o})=>of(tf,{children:[wl(rt,{id:t,...o}),wl("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});import{Fragment as fT,jsx as uT,jsxs as bT}from"react/jsx-runtime";import{Fragment as gT,jsx as vT,jsxs as LT}from"react/jsx-runtime";import{Fragment as AT,jsx as CT,jsxs as ET}from"react/jsx-runtime";import{jsx as OT}from"react/jsx-runtime";import{jsx as RT}from"react/jsx-runtime";import{jsx as HT}from"react/jsx-runtime";import{jsx as Je,jsxs as Dl}from"react/jsx-runtime";var af=he.options,nf=he.states,sf={...he.defaultOptions,variant:"vertical"},rf=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],lf=[],Bo=e=>{let{variant:t,...o}=e;return t==="horizontal"?Dl(he,{layout:"horizontal",...o,children:[Je(ve,{children:Je(St,{id:B("cb"),defaultChecked:!0,children:"Label"})}),Je(ve,{children:Je(St,{id:B("cb"),children:"Label"})}),Je(ve,{children:Je(St,{id:B("cb"),children:"Label"})})]}):Dl(he,{...o,children:[Je(ve,{children:Je(St,{id:B("cb"),defaultChecked:!0,children:"Label"})}),Je(ve,{children:Je(St,{id:B("cb"),children:"Label"})}),Je(ve,{children:Je(St,{id:B("cb"),children:"Label"})})]})};Bo.options=af;Bo.states=nf;Bo.variants=rf;Bo.defaultOptions=sf;Bo.modifiers=lf;Bo.className=he.className;import{jsx as ff}from"react/jsx-runtime";var pf=rt.options,df=rt.states,mf=rt.defaultOptions,cf=[],uf=[],Po=e=>ff(St,{id:B("checkbox"),...e,defaultChecked:!0,children:"Label"});Po.options=pf;Po.states=df;Po.variants=cf;Po.defaultOptions=mf;Po.modifiers=uf;Po.className=rt.className;import{jsx as Ko,jsxs as hf}from"react/jsx-runtime";var js="k-list-item",bf=[r.hover,r.focus,r.selected,r.disabled],xf={},Nf={},O=e=>{let{text:t,iconName:o,iconClassName:a,showCheckbox:n,checked:i,hover:l,focus:m,selected:u,disabled:b,actions:x,description:g,id:c,...L}=e,M=t\|\|e.children,S=t\|\|(typeof M=="string"?M:void 0);return hf("li",{...L,id:c,role:"option",tabIndex:m?0:-1,"aria-selected":u?"true":"false","aria-disabled":b?"true":void 0,className:s(e.className,js,C(js,{hover:l,focus:m,disabled:b,selected:u})),children:[n&&Ko(Re,{checked:i,disabled:b,"aria-label":S,tabIndex:-1}),o&&Ko("span",{className:"k-list-item-icon-wrapper",children:Ko(v,{icon:o,className:s("k-list-item-icon",a)})}),Ko("span",{className:"k-list-item-text",children:M}),x&&Ko("div",{className:"k-list-item-actions",children:x}),g&&Ko("span",{className:"k-list-item-description",children:g})]})};O.states=bf;O.options=xf;O.className=js;O.defaultOptions=Nf;O.moduleName=Qt;O.folderName=Io;import{jsx as gf}from"react/jsx-runtime";var vf="k-list-ul",wt=e=>{let{children:t,role:o,id:a,...n}=e;return gf("ul",{...n,id:a,role:o,className:s(vf,e.className),children:t})};import{jsx as er,jsxs as Mf}from"react/jsx-runtime";var Lf="k-list-content",z=e=>{let{virtualization:t,grouping:o,"aria-label":a,"aria-labelledby":n,listboxId:i,...l}=e;return Mf("div",{...l,className:s(Lf,e.className),role:o?"listbox":void 0,id:o?i:void 0,"aria-label":o?a:void 0,"aria-labelledby":o?n:void 0,children:[o?e.children:er(wt,{role:"listbox",id:i,"aria-label":a,"aria-labelledby":n,children:e.children}),t&&er("div",{className:"k-height-container",children:er("div",{})})]})};import{jsx as tr,jsxs as Af}from"react/jsx-runtime";var hn="k-list-sticky-header",Sf=[r.hover,r.focus,r.selected],kf={},Cf={},vn=e=>{let{label:t="Select all",showCheckbox:o=!0,checked:a,indeterminate:n,hover:i,focus:l,selected:m,...u}=e;return tr("div",{...u,className:s(hn,e.className),children:Af("div",{className:s(`${hn}-item`,C(`${hn}-item`,{hover:i,focus:l,selected:m})),"aria-label":t,...!o&&{tabIndex:0,"aria-selected":m?"true":"false"},children:[o&&tr(Re,{checked:a,indeterminate:n,"aria-label":t}),tr("span",{className:"k-list-item-text",children:t})]})})};vn.states=Sf;vn.options=kf;vn.className=hn;vn.defaultOptions=Cf;import{Fragment as PO,jsx as BO,jsxs as KO}from"react/jsx-runtime";import{jsx as HO,jsxs as zO}from"react/jsx-runtime";import{jsx as Tf}from"react/jsx-runtime";var or="k-list-optionlabel",Ef=[r.hover,r.focus,r.selected,r.disabled],yf={},If={},gn=e=>{let{text:t,hover:o,focus:a,selected:n,disabled:i,...l}=e;return Tf("div",{...l,className:s(or,C(or,{hover:o,focus:a,selected:n,disabled:i})),children:t})};gn.states=Ef;gn.options=yf;gn.className=or;gn.defaultOptions=If;import{jsx as Kf}from"react/jsx-runtime";var ar="k-list-custom-value",Of=[r.hover,r.focus,r.selected,r.disabled],Bf={},Pf={},Dt=e=>{let{text:t,hover:o,focus:a,selected:n,disabled:i,...l}=e;return Kf("div",{...l,className:s(ar,C(ar,{hover:o,focus:a,selected:n,disabled:i})),children:t})};Dt.states=Of;Dt.options=Bf;Dt.className=ar;Dt.defaultOptions=Pf;import{Fragment as QO,jsx as ZO,jsxs as jO}from"react/jsx-runtime";import{Fragment as sB,jsx as nB,jsxs as rB}from"react/jsx-runtime";import{Fragment as uB,jsx as mB,jsxs as cB}from"react/jsx-runtime";import{Fragment as gB,jsx as hB,jsxs as vB}from"react/jsx-runtime";import{jsx as kB}from"react/jsx-runtime";import{Fragment as TB,jsx as IB,jsxs as OB}from"react/jsx-runtime";import{Fragment as wB,jsx as _B,jsxs as DB}from"react/jsx-runtime";var Hl="dropdown-list",zl="dropdownlist";import{Fragment as wf,jsx as ge,jsxs as nr}from"react/jsx-runtime";var Ul="k-dropdownlist",Rf=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading,r.readonly],_f={size:[d.undefined,d.small,d.medium,d.large],rounded:[f.undefined,f.none,f.small,f.medium,f.large,f.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},sr={showValue:!0,arrowIconName:"chevron-down"},ne=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:n=sr.arrowIconName,showValue:i=sr.showValue,valueIconName:l,prefix:m,suffix:u,value:b,placeholder:x,hover:g,focus:c,valid:L,invalid:M,required:S,loading:A,disabled:k,readonly:y,popup:w,opened:se,adaptive:Ae,adaptiveSettings:pe,adaptiveTitle:ue,adaptiveSubtitle:ba,adaptiveFilter:qt,id:Wt,activeDescendant:xa,"aria-label":jn,...es}=e,ts=Wt?`${Wt}-listbox`:void 0,li=Wt?`${Wt}-value`:void 0;return nr(wf,{children:[nr(mt,{...es,id:Wt,size:t,rounded:o,fillMode:a,hover:g,focus:c,valid:L,invalid:M,required:S,loading:A,disabled:k,readonly:y,className:s(e.className,Ul,{"k-icon-picker":!i&&l}),role:"combobox","aria-haspopup":"listbox","aria-expanded":se?"true":"false","aria-controls":se?ts:void 0,"aria-activedescendant":se&&xa?xa:void 0,"aria-describedby":se?li:void 0,"aria-disabled":k?"true":void 0,"aria-label":jn,tabIndex:0,children:[ge(Fe,{children:m}),ge(Zt,{placeholder:x,value:b,showValue:i,valueIconName:l,id:li}),ge(xe,{valid:L,invalid:M,loading:A,disabled:k}),ge(Ee,{loading:A,disabled:k}),ge(Ge,{children:u}),ge(p,{className:"k-input-button",icon:n,size:e.size,fillMode:e.fillMode,"aria-label":x\|\|"Toggle dropdown",tabIndex:-1})]}),se&&w&&ge(q,{className:"k-list-container k-dropdownlist-popup",containerRole:"region",containerAriaLabel:"Dropdown suggestions",children:w}),Ae&&ge(Y,{adaptive:!0,...pe,header:ge(Ne,{actionsEnd:ge(p,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),filter:qt,inputValue:b,inputPlaceholder:x,title:ue,subtitle:ba}),children:ge("div",{className:"k-list-container",children:ge(R,{size:"large",children:nr(z,{"aria-label":"Options",children:[ge(O,{text:"List item"}),ge(O,{text:"List item"}),ge(O,{text:"List item"})]})})})})]})};ne.states=Rf;ne.options=_f;ne.className=Ul;ne.defaultOptions=sr;ne.moduleName=Hl;ne.folderName=zl;import{jsx as vP}from"react/jsx-runtime";import{jsx as CP,jsxs as AP}from"react/jsx-runtime";import{Fragment as RP,jsx as PP,jsxs as KP}from"react/jsx-runtime";import{jsx as zP}from"react/jsx-runtime";import{jsx as XP,jsxs as qP}from"react/jsx-runtime";import{Fragment as oK,jsx as eK,jsxs as tK}from"react/jsx-runtime";import{jsx as iK}from"react/jsx-runtime";import{Fragment as Gf,jsx as Ht,jsxs as Fl}from"react/jsx-runtime";var Df=ne.states,Hf=ne.defaultOptions,zf=ne.options,Uf=[{name:"opened",title:"Opened"}],Ff=[],_o=e=>{let{modifiers:t,...o}=e,a={},n=Fl(Gf,{children:[Ht("div",{className:"k-list-filter",children:Ht($e,{})}),Ht(R,{style:{width:300},size:o.size,children:Fl(z,{children:[Ht(O,{children:"List item"}),Ht(O,{children:"List item"}),Ht(O,{children:"List item"})]})})]});return Object.keys(t\|\|{}).forEach(i=>{i==="opened"&&(a.opened=!!t?.[i],a.popup=t?.[i]?n:void 0)}),Ht("div",{children:Ht(ne,{placeholder:"Value",style:{width:300},...o,...a})})};_o.options=zf;_o.states=Df;_o.variants=Ff;_o.defaultOptions=Hf;_o.modifiers=Uf;_o.className=ne.className;import{Fragment as IK,jsx as yK}from"react/jsx-runtime";import{Fragment as RK,jsx as KK}from"react/jsx-runtime";import{jsx as HK}from"react/jsx-runtime";import{jsx as rr}from"react/jsx-runtime";var Vf=D.states,$f=D.defaultOptions,Xf=D.options,qf=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"spin-button",title:"`Spin` Button"}],Wf=[],wo=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(n=>{switch(n){case"prefix":a.prefix=t?.[n]?rr(ne,{size:o.size,fillMode:"flat",value:"mm"}):void 0;break;case"suffix":a.suffix=t?.[n]?rr(Cs,{children:"mm"}):void 0;break;case"clear-button":a.showClearButton=t?.[n];break;case"spin-button":a.showSpinButton=t?.[n];break;default:break}}),rr(yl,{value:"Value",style:{width:300},...o,...a})};wo.options=Xf;wo.states=Vf;wo.variants=Wf;wo.defaultOptions=$f;wo.modifiers=qf;wo.className=D.className;import{Fragment as Ka,jsx as P,jsxs as Z}from"react/jsx-runtime";var Gl="k-colorgradient-inputs",Jf=[],Yf={size:[d.undefined,d.small,d.medium,d.large]},Vl={mode:"rgba"},Do=e=>{let{mode:t=Vl.mode,size:o,...a}=e;return Z("div",{...a,className:s(Gl,"k-hstack"),children:[P("div",{className:"k-vstack",children:P(p,{fillMode:"flat",icon:"caret-alt-expand",className:"k-colorgradient-toggle-mode",size:o,"aria-label":"Toggle color input format"})}),t==="rgba"&&Z(Ka,{children:[Z("div",{className:"k-vstack",children:[P(D,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Red channel"}),P("label",{className:"k-colorgradient-input-label",children:"R"})]}),Z("div",{className:"k-vstack",children:[P(D,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Green channel"}),P("label",{className:"k-colorgradient-input-label",children:"G"})]}),Z("div",{className:"k-vstack",children:[P(D,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Blue channel"}),P("label",{className:"k-colorgradient-input-label",children:"B"})]}),Z("div",{className:"k-vstack",children:[P(D,{showSpinButton:!1,showClearButton:!1,value:"1.00",size:o,"aria-label":"Alpha channel"}),P("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="rgb"&&Z(Ka,{children:[Z("div",{className:"k-vstack",children:[P(D,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Red channel"}),P("label",{className:"k-colorgradient-input-label",children:"R"})]}),Z("div",{className:"k-vstack",children:[P(D,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Green channel"}),P("label",{className:"k-colorgradient-input-label",children:"G"})]}),Z("div",{className:"k-vstack",children:[P(D,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Blue channel"}),P("label",{className:"k-colorgradient-input-label",children:"B"})]})]}),t==="hsva"&&Z(Ka,{children:[Z("div",{className:"k-vstack",children:[P(D,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),P("label",{className:"k-colorgradient-input-label",children:"H"})]}),Z("div",{className:"k-vstack",children:[P(D,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),P("label",{className:"k-colorgradient-input-label",children:"S"})]}),Z("div",{className:"k-vstack",children:[P(D,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),P("label",{className:"k-colorgradient-input-label",children:"V"})]}),Z("div",{className:"k-vstack",children:[P(D,{showSpinButton:!1,showClearButton:!1,value:"1.00","aria-label":"Alpha channel"}),P("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="hsv"&&Z(Ka,{children:[Z("div",{className:"k-vstack",children:[P(D,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),P("label",{className:"k-colorgradient-input-label",children:"H"})]}),Z("div",{className:"k-vstack",children:[P(D,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),P("label",{className:"k-colorgradient-input-label",children:"S"})]}),Z("div",{className:"k-vstack",children:[P(D,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),P("label",{className:"k-colorgradient-input-label",children:"V"})]})]}),t==="hex"&&P(Ka,{children:Z("div",{className:"k-vstack k-flex-1",children:[P(de,{showClearButton:!1,value:"#b88484AA",className:"k-hex-value"}),P("label",{className:"k-colorgradient-input-label",children:"HEX"})]})})]})};Do.states=Jf;Do.options=Yf;Do.className=Gl;Do.defaultOptions=Vl;import{jsx as eo,jsxs as to}from"react/jsx-runtime";var $l="k-colorgradient-color-contrast",Zf=[],Qf={},jf={},Ho=()=>to("div",{className:s($l,"k-vbox"),children:[to("div",{className:"k-contrast-ratio",children:[eo("span",{className:"k-contrast-ratio-text",children:"Contrast ratio: 7.1"}),to("span",{className:"k-contrast-validation !k-text-success",children:[eo(v,{icon:"check"}),eo(v,{icon:"check"})]})]}),to("div",{children:[eo("span",{children:"AA: 4.5"}),to("span",{className:"k-contrast-validation !k-text-success",children:["Pass",eo(v,{icon:"check"})]})]}),to("div",{children:[eo("span",{children:"AAA: 7.0"}),to("span",{className:"k-contrast-validation !k-text-error",children:["Fail",eo(v,{icon:"x"})]})]})]});Ho.states=Zf;Ho.options=Qf;Ho.className=$l;Ho.defaultOptions=jf;var Xl="color-gradient",ql="colorgradient";import{jsx as Ye,jsxs as Ra}from"react/jsx-runtime";var Ln="k-colorgradient",eb=[r.hover,r.focus,r.readonly,r.disabled],tb={size:[d.undefined,d.small,d.medium,d.large]},xt={mode:"rgba",readonly:!1,disabled:!1,contrast:!1,gradientStyle:{background:"rgb(255, 0, 0 )"},dragHandleStyle:{top:"50px",left:"73px"},alphaStyle:{background:"linear-gradient(to top, transparent, rgb(255, 0, 0))"},alphaStyleHorizontal:{background:"linear-gradient(to right, transparent, rgb(255, 0, 0))"},canvasOrientation:"horizontal"},ie=e=>{let{size:t,mode:o=xt.mode,readonly:a=xt.readonly,disabled:n=xt.disabled,gradientStyle:i=xt.gradientStyle,dragHandleStyle:l=xt.dragHandleStyle,alphaStyle:m=xt.alphaStyle,alphaStyleHorizontal:u=xt.alphaStyleHorizontal,contrast:b=xt.contrast,dir:x,hover:g,focus:c,hoverHandle:L,focusHandle:M,canvasOrientation:S=xt.canvasOrientation,role:A,tabIndex:k,...y}=e;return Ra("div",{...y,role:A??"textbox","aria-label":A==="none"?void 0:"Color gradient",tabIndex:k??0,"aria-disabled":n?"true":void 0,className:s(e.className,Ln,E(Ln,{size:t}),C(Ln,{hover:g,focus:c,readonly:a,disabled:n})),dir:x,children:[!S\|\|S==="horizontal"&&Ra("div",{className:"k-colorgradient-canvas k-hstack",children:[Ye("div",{className:"k-hsv-rectangle",style:i,children:Ye("div",{className:"k-hsv-gradient",children:Ye("div",{className:s("k-hsv-draghandle","k-draghandle",{"k-hover":L,"k-focus":M}),style:l,role:"slider","aria-orientation":"undefined","aria-label":"Color well with two-dimensional slider for selecting saturation and lightness","aria-valuetext":"X: 73, Y: 50","aria-valuenow":50,"aria-valuemin":0,"aria-valuemax":100})})}),Ra("div",{className:"k-hsv-controls k-hstack",children:[Ye(qs,{className:"k-hue-slider",hover:L,focus:M}),o!=="rgb"&&o!=="hsv"&&Ye(qs,{className:"k-alpha-slider",hover:L,focus:M,trackStyle:m})]})]}),S==="vertical"&&Ra("div",{className:"k-colorgradient-canvas k-vstack",children:[Ye("div",{className:"k-hsv-rectangle",style:i,children:Ye("div",{className:"k-hsv-gradient",children:Ye("div",{className:s("k-hsv-draghandle","k-draghandle",{"k-hover":L,"k-focus":M}),style:l,role:"slider","aria-orientation":"undefined","aria-label":"Color well with two-dimensional slider for selecting saturation and lightness","aria-valuetext":"X: 73, Y: 50","aria-valuenow":50,"aria-valuemin":0,"aria-valuemax":100})})}),Ra("div",{className:"k-hsv-controls k-vstack",children:[Ye(Xs,{className:"k-hue-slider",hover:L,focus:M}),o!=="rgb"&&o!=="hsv"&&Ye(Xs,{className:"k-alpha-slider",hover:L,focus:M,trackStyle:u})]})]}),Ye(Do,{mode:e.mode,size:t}),b&&Ye(Ho,{})]})};ie.states=eb;ie.options=tb;ie.className=Ln;ie.defaultOptions=xt;ie.moduleName=Xl;ie.folderName=ql;import{jsx as ob}from"react/jsx-runtime";var Mn=e=>ob(ie,{...e});import{jsx as kR}from"react/jsx-runtime";import{jsx as yR}from"react/jsx-runtime";import{jsx as ir}from"react/jsx-runtime";var ab=ie.options,nb=ie.states,sb={...ie.defaultOptions,variant:"rgba"},rb=[{name:"rgba",title:"RGBA"},{name:"rgb",title:"RGB"},{name:"hex",title:"HEX"}],ib=[],zo=e=>{let{variant:t,...o}=e;switch(t){case"hex":return ir(Mn,{...o,mode:t});case"rgb":return ir(Mn,{...o,mode:t});default:return ir(Mn,{...o,mode:t})}};zo.options=ab;zo.states=nb;zo.variants=rb;zo.defaultOptions=sb;zo.modifiers=ib;zo.className=ie.className;import{jsx as lb}from"react/jsx-runtime";var lr=e=>lb("tr",{role:"row",children:e.children});import{jsx as mb}from"react/jsx-runtime";var pr="k-colorpalette-tile",pb=[r.hover,r.focus,r.selected],db={},zt=e=>{let{color:t,tileSize:o,hover:a,focus:n,selected:i,...l}=e,m={backgroundColor:t,width:o?o+"px":"",height:o?o+"px":""};return mb("td",{...l,role:"gridcell","aria-label":t,"aria-selected":i?"true":void 0,className:s(e.className,pr,C(pr,{hover:a,focus:n,selected:i})),style:m})};zt.states=pb;zt.options=db;zt.className=pr;zt.moduleName=null;zt.folderName=null;var Wl="color-palette",Jl="colorpalette";import{jsx as _a}from"react/jsx-runtime";var Sn="k-colorpalette",cb=[r.disabled],ub={size:[d.undefined,d.small,d.medium,d.large]},Yl={columns:10},ye=e=>{let{size:t,palette:o,columns:a=Yl.columns,tileSize:n,disabled:i,...l}=e,m=[];if(o){let u=a\|\|o.columns,b=o.colors?o.colors:o;Array.isArray(b)&&Array.from({length:Math.ceil(b.length/u)},(x,g)=>{let c=[];b.slice(gu,(g+1)*u).map((M,S)=>{c.push(_a(zt,{color:M,tileSize:n},S))});let L=_a(lr,{children:c},g);m.push(L)})}return _a("div",{...l,role:"grid","aria-label":"Color palette",tabIndex:0,"aria-disabled":i?"true":void 0,className:s(e.className,Sn,C(Sn,{disabled:i}),E(Sn,{size:t})),children:_a("table",{className:"k-colorpalette-table",role:"none",children:_a("tbody",{children:m.length>0?m:e.children})})})};ye.states=cb;ye.options=ub;ye.className=Sn;ye.defaultOptions=Yl;ye.moduleName=Wl;ye.folderName=Jl;var kn=ye;var wa={basic:{colors:["#000000","#7f7f7f","#880015","#ed1c24","#ff7f27","#fff200","#22b14c","#00a2e8","#3f48cc","#a349a4","#ffffff","#c3c3c3","#b97a57","#ffaec9","#ffc90e","#efe4b0","#b5e61d","#99d9ea","#7092be","#c8bfe7"],columns:10},office:{colors:["#ffffff","#000000","#e6e6e6","#435569","#4371c4","#ed7e32","#a5a4a5","#febf04","#5a9bd5","#71ae48","#f2f2f3","#7f7f7f","#d1cece","#d5dde3","#dae1f4","#fce5d4","#deeded","#fff2cc","#deeaf6","#e1efd9","#d7d8d8","#585959","#aeabab","#adbaca","#b4c5e7","#f6caac","#dbdbdb","#ffe498","#bcd6ee","#c5e0b2","#bfbfc0","#3f3f3f","#767070","#8595b1","#8fabdb","#f5b183","#c9c8c9","#fed965","#9bc4e5","#a8d08d","#a5a5a6","#262625","#393939","#334050","#2e5496","#c45a11","#7b7b7a","#bf9000","#2f75b5","#548235","#7f7f7f","#0b0c0c","#161616","#222a34","#203764","#843d0b","#525252","#7f6000","#1d4d79","#375623"],columns:10},apex:{colors:["#ffffff","#000000","#c9c2d1","#69676d","#ceb966","#9cb084","#6bb1c9","#6585cf","#7e6bc9","#a379bb","#f2f2f2","#7f7f7f","#f4f2f5","#e0e0e2","#f5f1e0","#ebefe6","#e1eff4","#e0e6f5","#e5e1f4","#ece4f1","#d8d8d8","#595959","#e9e6ec","#c2c1c5","#ebe3c1","#d7dfcd","#c3dfe9","#c1ceeb","#cbc3e9","#dac9e3","#bfbfbf","#3f3f3f","#dedae3","#a4a3a8","#e1d5a3","#c3cfb5","#a6d0de","#a2b5e2","#b1a6de","#c7aed6","#a5a5a5","#262626","#9688a5","#4e4d51","#ae9638","#758c5a","#3d8da9","#365bb0","#533da9","#7d4d99","#7f7f7f","#0c0c0c","#635672","#343336","#746425","#4e5d3c","#295e70","#243c75","#372970","#533366"],columns:10},austin:{colors:["#ffffff","#000000","#caf278","#3e3d2d","#94c600","#71685a","#ff6700","#909465","#956b43","#fea022","#f2f2f2","#7f7f7f","#f4fce4","#dddcd0","#efffc0","#e3e1dc","#ffe0cb","#e8e9df","#ece1d6","#feecd2","#d8d8d8","#595959","#e9f9c9","#bbb9a1","#dfff82","#c8c3ba","#ffc299","#d2d4c0","#dac3ad","#fed9a6","#bfbfbf","#3f3f3f","#dff7ae","#ada598","#cfff43","#ada598","#ffa365","#bcbfa1","#c8a585","#fec67a","#a5a5a5","#262626","#a9ea25","#2e2d21","#6f9400","#544e43","#bf4d00","#6c6f4b","#6f5032","#d77b00","#7f7f7f","#0c0c0c","#74a50f","#1f1e16","#4a6300","#38342d","#7f3300","#484a32","#4a3521","#8f5200"],columns:10},clarity:{colors:["#ffffff","#292934","#f3f2dc","#d2533c","#93a299","#ad8f67","#726056","#4c5a6a","#808da0","#79463d","#f2f2f2","#e7e7ec","#e7e5b9","#f6dcd8","#e9ecea","#eee8e0","#e4dedb","#d8dde3","#e5e8ec","#e9d6d3","#d8d8d8","#c4c4d1","#d5d185","#edbab1","#d3d9d6","#ded2c2","#c9beb8","#b2bcc8","#ccd1d9","#d3aea7","#bfbfbf","#8a8aa3","#aca73b","#e4978a","#bec7c1","#cdbba3","#af9e94","#8c9bac","#b2bac6","#bd857c","#a5a5a5","#56566e","#56531d","#a43925","#6b7c72","#866b48","#554840","#39434f","#5c697b","#5a342d","#7f7f7f","#3b3b4b","#22210b","#6d2619","#47534c","#594730","#39302b","#262d35","#3d4652","#3c231e"],columns:10},slipstream:{colors:["#ffffff","#000000","#b4dcfa","#212745","#4e67c8","#5eccf3","#a7ea52","#5dceaf","#ff8021","#f14124","#f2f2f2","#7f7f7f","#8bc9f7","#c7cce4","#dbe0f4","#def4fc","#edfadc","#def5ef","#ffe5d2","#fcd9d3","#d8d8d8","#595959","#4facf3","#909aca","#b8c2e9","#beeafa","#dbf6b9","#beebdf","#ffcca6","#f9b3a7","#bfbfbf","#3f3f3f","#0d78c9","#5967af","#94a3de","#9ee0f7","#caf297","#9de1cf","#ffb279","#f68d7b","#a5a5a5","#262626","#063c64","#181d33","#31479f","#11b2eb","#81d319","#34ac8b","#d85c00","#c3260c","#7f7f7f","#0c0c0c","#021828","#101322","#202f6a","#0b769c","#568c11","#22725c","#903d00","#821908"],columns:10},metro:{colors:["#ffffff","#000000","#d6ecff","#4e5b6f","#7fd13b","#ea157a","#feb80a","#00addc","#738ac8","#1ab39f","#f2f2f2","#7f7f7f","#a7d6ff","#d9dde4","#e5f5d7","#fad0e4","#fef0cd","#c5f2ff","#e2e7f4","#c9f7f1","#d8d8d8","#595959","#60b5ff","#b3bcca","#cbecb0","#f6a1c9","#fee29c","#8be6ff","#c7d0e9","#94efe3","#bfbfbf","#3f3f3f","#007dea","#8d9baf","#b2e389","#f272af","#fed46b","#51d9ff","#aab8de","#5fe7d5","#a5a5a5","#262626","#003e75","#3a4453","#5ea226","#af0f5b","#c58c00","#0081a5","#425ea9","#138677","#7f7f7f","#0c0c0c","#00192e","#272d37","#3f6c19","#750a3d","#835d00","#00566e","#2c3f71","#0c594f"],columns:10},flow:{colors:["#ffffff","#000000","#dbf5f9","#04617b","#0f6fc6","#009dd9","#0bd0d9","#10cf9b","#7cca62","#a5c249","#f2f2f2","#7f7f7f","#b2e9f2","#b4ecfc","#c7e2fa","#c4eeff","#c9fafc","#c9faed","#e4f4df","#edf2da","#d8d8d8","#595959","#76d9e8","#6adafa","#90c6f6","#89deff","#93f5f9","#94f6db","#cae9c0","#dbe6b6","#bfbfbf","#3f3f3f","#21b2c8","#20c8f7","#59a9f2","#4fceff","#5df0f6","#5ff2ca","#b0dfa0","#c9da91","#a5a5a5","#262626","#105964","#02485c","#0b5394","#0075a2","#089ca2","#0b9b74","#54a838","#7e9532","#7f7f7f","#0c0c0c","#062328","#01303d","#073763","#004e6c","#05686c","#07674d","#387025","#546321"],columns:10},hardcover:{colors:["#ffffff","#000000","#ece9c6","#895d1d","#873624","#d6862d","#d0be40","#877f6c","#972109","#aeb795","#f2f2f2","#7f7f7f","#e1dca5","#f2e0c6","#f0d0c9","#f6e6d5","#f5f2d8","#e7e5e1","#fbc7bc","#eef0e9","#d8d8d8","#595959","#d0c974","#e6c28d","#e2a293","#eeceaa","#ece5b2","#cfccc3","#f78f7a","#dee2d4","#bfbfbf","#3f3f3f","#a29a36","#daa454","#d4735e","#e6b681","#e2d88c","#b7b2a5","#f35838","#ced3bf","#a5a5a5","#262626","#514d1b","#664515","#65281a","#a2641f","#a39428","#655f50","#711806","#879464","#7f7f7f","#0c0c0c","#201e0a","#442e0e","#431b11","#6c4315","#6d621a","#433f35","#4b1004","#5a6243"],columns:10},trek:{colors:["#ffffff","#000000","#fbeec9","#4e3b30","#f0a22e","#a5644e","#b58b80","#c3986d","#a19574","#c17529","#f2f2f2","#7f7f7f","#f7e09e","#e1d6cf","#fcecd5","#eddfda","#f0e7e5","#f3eae1","#ece9e3","#f5e3d1","#d8d8d8","#595959","#f3cc5f","#c4ad9f","#f9d9ab","#dcc0b6","#e1d0cc","#e7d5c4","#d9d4c7","#ebc7a3","#bfbfbf","#3f3f3f","#d29f0f","#a78470","#f6c781","#cba092","#d2b9b2","#dbc1a7","#c6bfab","#e1ac76","#a5a5a5","#262626","#694f07","#3a2c24","#c87d0e","#7b4b3a","#926255","#a17242","#7b7153","#90571e","#7f7f7f","#0c0c0c","#2a1f03","#271d18","#855309","#523226","#614138","#6b4c2c","#524b37","#603a14"],columns:10},verve:{colors:["#ffffff","#000000","#d2d2d2","#666666","#ff388c","#e40059","#9c007f","#68007f","#005bd3","#00349e","#f2f2f2","#7f7f7f","#bdbdbd","#e0e0e0","#ffd7e8","#ffc6dc","#ffb8f1","#f1b2ff","#c3dcff","#b8cfff","#d8d8d8","#595959","#9d9d9d","#c1c1c1","#ffafd1","#ff8eba","#ff71e4","#e365ff","#87baff","#72a0ff","#bfbfbf","#3f3f3f","#696969","#a3a3a3","#ff87ba","#ff5597","#ff2ad7","#d519ff","#4b98ff","#2b71ff","#a5a5a5","#262626","#343434","#4c4c4c","#e90062","#ab0042","#75005f","#4e005f","#00449e","#002676","#7f7f7f","#0c0c0c","#151515","#333333","#9b0041","#72002c","#4e003f","#34003f","#002d69","#00194f"],columns:10},monochrome:{colors:["#000000","#1a1a1a","#333333","#4d4d4d","#666666","#808080","#999999","#b3b3b3","#cccccc","#e6e6e6","#f2f2f2","#ffffff"],columns:12}};import{jsx as fb}from"react/jsx-runtime";var Zl=e=>fb(kn,{palette:wa.basic,...e});import{jsx as p_}from"react/jsx-runtime";import{jsx as b_,jsxs as x_}from"react/jsx-runtime";import{jsx as Lb}from"react/jsx-runtime";var bb=ye.options,xb=ye.states,Nb={...ye.defaultOptions,variant:"basic"},hb=[{name:"basic",title:"Basic"},{name:"monochrome",title:"Monochrome"}],vb={basic:{colors:["#000000","#7f7f7f","#880015","#ed1c24","#ff7f27","#fff200","#22b14c","#00a2e8","#3f48cc","#a349a4","#ffffff","#c3c3c3","#b97a57","#ffaec9","#ffc90e","#efe4b0","#b5e61d","#99d9ea","#7092be","#c8bfe7"],columns:10},monochrome:{colors:["#000000","#1a1a1a","#333333","#4d4d4d","#666666","#808080","#999999","#b3b3b3","#cccccc","#e6e6e6","#f2f2f2","#ffffff"],columns:12}},gb=[],Uo=e=>{let{variant:t="basic",...o}=e,a=vb[t];return Lb(Zl,{columns:a.columns,palette:a,...o})};Uo.options=bb;Uo.states=xb;Uo.variants=hb;Uo.defaultOptions=Nb;Uo.modifiers=gb;Uo.className=ye.className;var Ql="color-editor",jl="coloreditor";import{jsx as Ze,jsxs as Fo}from"react/jsx-runtime";var Cn="k-coloreditor",Mb=[r.focus],Sb={size:[d.undefined,d.small,d.medium,d.large]},Da={view:"gradient",palette:wa.office,actionButtons:!0,canvasOrientation:"horizontal"},Q=e=>{let{size:t,view:o=Da.view,palette:a=Da.palette,color:n,currentColor:i,focus:l,focusView:m,dir:u,group:b,actionButtons:x=Da.actionButtons,canvasOrientation:g=Da.canvasOrientation,...c}=e;return Fo("div",{...c,role:"textbox","aria-label":"Color editor",tabIndex:0,className:s(e.className,"k-flatcolorpicker",Cn,E(Cn,{size:t}),C(Cn,{focus:l})),dir:u,children:[Fo("div",{className:"k-coloreditor-header k-hstack",children:[Ze("div",{className:"k-coloreditor-header-actions k-hstack",children:b&&Fo(T,{fillMode:"flat",children:[Ze(p,{className:"k-group-start",size:t,fillMode:"flat",icon:"droplet-slider",selected:o==="gradient","aria-label":"Color gradient view"}),Ze(p,{className:"k-group-end",size:t,fillMode:"flat",icon:"palette",selected:o==="palette","aria-label":"Color palette view"})]})}),Ze("div",{className:"k-spacer"}),Fo("div",{className:"k-coloreditor-header-actions k-hstack",children:[Ze(p,{fillMode:"flat",icon:"droplet-slash",size:t,"aria-label":"Reset color"}),Fo("div",{className:"k-coloreditor-preview k-vstack",children:[Ze(Ot,{className:"k-coloreditor-preview-color",color:n}),Ze(Ot,{className:"k-coloreditor-current-color",color:i})]})]})]}),Ze("div",{className:"k-coloreditor-views k-vstack",children:o==="gradient"?Ze(ie,{focus:m,size:t,canvasOrientation:g,role:"none",tabIndex:-1}):Ze(ye,{palette:a,size:t})}),x&&Fo(Ke,{className:"k-coloreditor-footer",alignment:"start",children:[Ze(p,{themeColor:"primary",size:t,className:"k-coloreditor-apply",children:"Apply"}),Ze(p,{className:"k-coloreditor-cancel",size:t,children:"Cancel"})]})]})};Q.states=Mb;Q.options=Sb;Q.className=Cn;Q.defaultOptions=Da;Q.moduleName=Ql;Q.folderName=jl;var Go=Q;import{jsx as $_}from"react/jsx-runtime";import{jsx as J_}from"react/jsx-runtime";import{jsx as kb}from"react/jsx-runtime";var ep=e=>kb(Go,{group:!0,currentColor:"fuchsia",...e});import{jsx as Cb}from"react/jsx-runtime";var tp=e=>Cb(Go,{view:"palette",group:!0,currentColor:"fuchsia",...e});import{jsx as op}from"react/jsx-runtime";var Ab=Q.options,Eb=Q.states,yb={...Q.defaultOptions,variant:"gradient"},Ib=[{name:"gradient",title:"Gradient"},{name:"palette",title:"Palette"}],Tb=[],Vo=e=>{let{variant:t,...o}=e;return t==="palette"?op(tp,{...o,color:"white"}):op(ep,{...o,color:"rgba(183, 118 , 118, 1.00)"})};Vo.options=Ab;Vo.states=Eb;Vo.variants=Ib;Vo.defaultOptions=yb;Vo.modifiers=Tb;Vo.className=Q.className;var ap="color-picker",np="colorpicker";import{Fragment as Pb,jsx as Qe,jsxs as dr}from"react/jsx-runtime";var sp="k-colorpicker",Ob=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled],Bb={size:[d.undefined,d.small,d.medium,d.large],rounded:[f.undefined,f.none,f.small,f.medium,f.large,f.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},rp={arrowIconName:"chevron-down"},je=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:n=rp.arrowIconName,prefix:i,suffix:l,value:m,placeholder:u,hover:b,focus:x,valid:g,invalid:c,required:L,disabled:M,valueIconName:S,popup:A,opened:k,adaptive:y,adaptiveSettings:w,adaptiveTitle:se,adaptiveSubtitle:Ae,...pe}=e,ue="colorpicker-popup";return dr(Pb,{children:[dr(mt,{...pe,size:t,rounded:o,fillMode:a,hover:b,focus:x,valid:g,invalid:c,required:L,disabled:M,role:"combobox","aria-haspopup":"dialog","aria-expanded":k?"true":"false","aria-controls":k\|\|y?ue:void 0,"aria-label":"Color picker",tabIndex:0,"aria-disabled":M?"true":void 0,className:s(e.className,sp,"k-icon-picker"),children:[Qe(Fe,{children:i}),Qe(Zt,{placeholder:u,value:m,showValue:!1,valueIcon:Qe(Ot,{className:"k-value-icon",color:m,iconName:S}),valueIconName:S}),Qe(Ge,{children:l}),Qe(p,{className:"k-input-button",icon:n,size:t,fillMode:a,tabIndex:-1,"aria-label":"Open color picker",disabled:M})]}),k&&A&&Qe(q,{id:ue,className:"k-colorpicker-popup",children:A}),y&&Qe(Y,{adaptive:!0,id:ue,...w,header:Qe(Ne,{actionsEnd:Qe(p,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply"}),title:se,subtitle:Ae}),footer:dr(Bt,{children:[Qe(p,{text:"Cancel",size:"large"}),Qe(p,{text:"Set",size:"large",themeColor:"primary"})]}),children:Qe(Q,{canvasOrientation:"vertical",size:"large",actionButtons:!1,group:!0})})]})};je.states=Ob;je.options=Bb;je.className=sp;je.defaultOptions=rp;je.moduleName=ap;je.folderName=np;var kt=je;import{jsx as Kb}from"react/jsx-runtime";var An=e=>Kb(kt,{...e});import{jsx as B0}from"react/jsx-runtime";import{jsx as w0}from"react/jsx-runtime";import{jsx as U0}from"react/jsx-runtime";import{jsx as $0}from"react/jsx-runtime";import{jsx as J0}from"react/jsx-runtime";import{jsx as j0}from"react/jsx-runtime";import{jsx as oo}from"react/jsx-runtime";var Rb=kt.options,_b=kt.states,ip={...kt.defaultOptions,variant:"color"},wb=[{name:"color",title:"Color",default:!0},{name:"no color",title:"No color"},{name:"icon",title:"Icon"}],Db=[{name:"opened",title:"Opened"}],$o=e=>{let{variant:t,modifiers:o,...a}={...ip,...e},n={};Object.keys(o\|\|{}).forEach(l=>{l==="opened"&&(n.opened=!!o?.[l],n.popup=o?.[l]?oo(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 oo("div",{style:i,children:oo(An,{...a,...n})});case"icon":return oo("div",{style:i,children:oo(An,{value:"rgba(183, 118 , 118, 1.00)",valueIconName:"edit-tools",...a,...n})});default:return oo("div",{style:i,children:oo(An,{value:"rgba(183, 118 , 118, 1.00)",...a,...n})})}};$o.options=Rb;$o.states=_b;$o.variants=wb;$o.defaultOptions=ip;$o.modifiers=Db;$o.className=kt.className;var mr="combobox",lp=mr;import{Fragment as cr,jsx as oe,jsxs as Ha}from"react/jsx-runtime";var pp="k-combobox",Hb=[r.hover,r.focus,r.valid,r.invalid,r.loading,r.required,r.disabled,r.readonly],zb={size:[d.undefined,d.small,d.medium,d.large],rounded:[f.undefined,f.none,f.small,f.medium,f.large,f.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},ur={separators:!0,showClearButton:!0},Le=e=>{let{size:t,rounded:o,fillMode:a,separators:n=ur.separators,showClearButton:i=ur.showClearButton,prefix:l,suffix:m,value:u,placeholder:b,hover:x,focus:g,valid:c,invalid:L,required:M,loading:S,disabled:A,popup:k,opened:y,readonly:w,adaptive:se,adaptiveSettings:Ae,adaptiveTitle:pe,adaptiveSubtitle:ue,adaptiveCustomValue:ba,id:qt,autocomplete:Wt,activeDescendant:xa,"aria-label":jn,...es}=e,ts=qt?`${qt}-listbox`:void 0;return Ha(cr,{children:[Ha(J,{...es,size:t,rounded:o,fillMode:a,hover:x,focus:g,valid:c,invalid:L,required:M,loading:S,disabled:A,readonly:w,className:s(e.className,pp),children:[l&&Ha(cr,{children:[oe(Fe,{children:l}),n&&oe(Ve,{})]}),oe(fe,{id:qt,placeholder:b,value:u,role:"combobox","aria-haspopup":"listbox","aria-expanded":y?"true":"false","aria-controls":y?ts:void 0,"aria-activedescendant":y&&xa?xa:void 0,"aria-autocomplete":Wt,"aria-invalid":L?"true":void 0,"aria-busy":S?"true":void 0,"aria-label":jn,disabled:A,readOnly:w}),oe(xe,{valid:c,invalid:L,loading:S,disabled:A}),oe(Ee,{loading:S,disabled:A}),i&&oe(Pe,{loading:S,disabled:A,readonly:w,value:u}),m&&Ha(cr,{children:[n&&oe(Ve,{}),oe(Ge,{children:m})]}),oe(p,{className:"k-input-button",icon:"chevron-down",size:t,fillMode:a,"aria-label":"Open popup",tabIndex:-1,disabled:A})]}),y&&k&&oe(q,{className:"k-list-container k-combobox-popup",containerRole:"region",containerAriaLabel:"Combobox suggestions",children:k}),se&&oe(Y,{adaptive:!0,id:qt?`${qt}-adaptive`:void 0,...Ae,header:oe(Ne,{actionsEnd:oe(p,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),input:!0,inputValue:u,inputPlaceholder:b,title:pe,subtitle:ue}),children:oe("div",{className:"k-list-container",children:oe(R,{customValue:ba?oe(Dt,{text:`Use "${u}"`}):void 0,size:"large",children:Ha(z,{"aria-label":pe\|\|"Options",children:[oe(O,{text:"List item"}),oe(O,{text:"List item"}),oe(O,{text:"List item"})]})})})})]})};Le.states=Hb;Le.options=zb;Le.className=pp;Le.defaultOptions=ur;Le.moduleName=mr;Le.folderName=lp;var _e=Le;import{jsx as Ub}from"react/jsx-runtime";var dp=e=>Ub(_e,{...e});import{jsx as Rw,jsxs as _w}from"react/jsx-runtime";import{jsx as Fw,jsxs as Gw}from"react/jsx-runtime";import{jsx as Jw,jsxs as Yw}from"react/jsx-runtime";import{Fragment as oD,jsx as tD}from"react/jsx-runtime";import{Fragment as lD,jsx as iD}from"react/jsx-runtime";import{jsx as fD,jsxs as bD}from"react/jsx-runtime";import{Fragment as SD,jsx as LD,jsxs as MD}from"react/jsx-runtime";import{jsx as ED}from"react/jsx-runtime";import{jsx as OD}from"react/jsx-runtime";import{jsx as wD,jsxs as DD}from"react/jsx-runtime";import{jsx as VD,jsxs as $D}from"react/jsx-runtime";import{jsx as Ut,jsxs as qb}from"react/jsx-runtime";var Fb=Le.states,Gb=Le.defaultOptions,Vb=Le.options,$b=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"opened",title:"Opened"}],Xb=[],Xo=e=>{let{modifiers:t,...o}=e,a={},n=Ut(R,{style:{width:300},size:o.size,children:qb(z,{children:[Ut(O,{children:"List item"}),Ut(O,{children:"List item"}),Ut(O,{children:"List item"})]})});return Object.keys(t\|\|{}).forEach(i=>{switch(i){case"prefix":a.prefix=t?.[i]?Ut(v,{icon:"map-marker-target"}):void 0;break;case"suffix":a.suffix=t?.[i]?Ut(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}}),Ut("div",{children:Ut(dp,{value:"Value",style:{width:300},...o,...a})})};Xo.options=Vb;Xo.states=Fb;Xo.variants=Xb;Xo.defaultOptions=Gb;Xo.modifiers=$b;Xo.className=Le.className;var fr="menu-button",mp=fr;import{jsx as Yb}from"react/jsx-runtime";var cp="k-menu-button",Wb=[r.hover,r.focus,r.active,r.selected,r.disabled],Jb={size:[d.undefined,d.xsmall,d.small,d.medium,d.large],rounded:[f.undefined,f.none,f.small,f.medium,f.large,f.full],fillMode:[N.undefined,N.solid,N.flat,N.outline,N.clear,N.link],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary,h.success,h.warning,h.error,h.info,h.inverse]},br={showArrow:!0,arrowIconName:"chevron-down"},H=e=>{let{size:t,rounded:o,fillMode:a,themeColor:n,hover:i,focus:l,active:m,selected:u,disabled:b,icon:x,endIcon:g,text:c,showArrow:L=br.showArrow,arrowIconName:M=br.arrowIconName,expanded:S,...A}=e;return Yb(p,{...A,className:s(e.className,cp),text:c,size:t,rounded:o,fillMode:a,themeColor:n,hover:i,focus:l,active:m,selected:u,disabled:b,ariaDisabled:b\|\|void 0,icon:x,endIcon:g,showArrow:L,arrowIconName:M,"aria-expanded":S?"true":"false",...!c&&x&&!e["aria-label"]&&{"aria-label":"Menu"}})};H.states=Wb;H.options=Jb;H.className=cp;H.defaultOptions=br;H.moduleName=fr;H.folderName=mp;import{jsx as kH}from"react/jsx-runtime";import{jsx as yH}from"react/jsx-runtime";import{jsx as BH}from"react/jsx-runtime";import{jsx as _H}from"react/jsx-runtime";var we="menu",et=we;import{jsx as Ua,jsxs as up}from"react/jsx-runtime";var xr="k-menu-item",Zb=[r.hover,r.focus,r.active,r.selected,r.disabled],Qb={},fp={iconPosition:"before"},me=e=>{let{hover:t,focus:o,active:a,selected:n,disabled:i,icon:l,text:m,showArrow:u,arrowIconName:b,iconPosition:x=fp.iconPosition,dir:g,children:c,expanded:L,...M}=e,S=b;return S\|\|(S=g==="rtl"?"chevron-left":"chevron-right"),up("li",{...M,className:s(e.className,xr,"k-item",C(xr,{focus:o,disabled:i,hover:t,active:a,selected:n})),role:"menuitem",...u&&{"aria-haspopup":"menu"},...u&&{"aria-expanded":L?"true":"false"},...i&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[up("span",{className:s("k-link k-menu-link"),children:[l&&x==="before"&&Ua(v,{className:"k-menu-link-icon",icon:l}),Ua("span",{className:"k-menu-link-text",children:m}),l&&x==="after"&&Ua(v,{className:"k-menu-link-icon",icon:l}),u&&Ua("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:Ua(v,{icon:S})})]}),c]})};me.states=Zb;me.options=Qb;me.className=xr;me.defaultOptions=fp;me.moduleName=we;me.folderName=et;import{jsx as ao,jsxs as bp}from"react/jsx-runtime";var Nr="k-menu-item",jb=[r.hover,r.focus,r.active,r.selected,r.disabled],ex={},hr={dir:"ltr",iconPosition:"before"},W=e=>{let{hover:t,focus:o,active:a,selected:n,disabled:i,icon:l,text:m,showArrow:u,arrowIconName:b,iconPosition:x=hr.iconPosition,dir:g=hr.dir,children:c,popup:L,expanded:M,actions:S,description:A,...k}=e,y=b;return y\|\|(y=g==="rtl"?"chevron-left":"chevron-right"),bp("li",{role:"menuitem",...k,className:s(e.className,Nr,"k-item",C(Nr,{focus:o,disabled:i})),...u&&{"aria-haspopup":"menu"},...u&&{"aria-expanded":M?"true":"false"},...i&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[bp("span",{className:s("k-link k-menu-link",C("k-menu-link",{hover:t,active:a,selected:n,disabled:i})),children:[l&&x==="before"&&ao(v,{className:"k-menu-link-icon",icon:l}),ao("span",{className:"k-menu-link-text",children:m}),l&&x==="after"&&ao(v,{className:"k-menu-link-icon",icon:l}),S&&ao("span",{className:"k-menu-link-actions",children:S}),u&&ao("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:ao(v,{icon:y})}),A&&ao("span",{className:"k-menu-link-description",children:A})]}),c,L]})};W.states=jb;W.options=ex;W.className=Nr;W.defaultOptions=hr;W.moduleName=we;W.folderName=et;import{jsx as nx}from"react/jsx-runtime";var xp="k-menu-scroll-wrapper",tx=[],ox={},ax={},no=e=>{let{className:t,children:o,orientation:a,...n}=e;return nx("div",{...n,className:s(t,xp,{"k-menu-scroll-wrapper-vertical":a==="vertical"}),children:o})};no.states=tx;no.options=ox;no.className=xp;no.defaultOptions=ax;no.moduleName=we;no.folderName=et;var Np=no;import{Fragment as vr,jsx as so,jsxs as En}from"react/jsx-runtime";var yn="k-menu",sx=[],rx={size:[d.undefined,d.small,d.medium,d.large]},In={orientation:"horizontal",header:!0,scrollButtonsPosition:"around"},le=e=>{let{children:t,orientation:o=In.orientation,header:a=In.header,scrollable:n,scrollButtonsPosition:i=In.scrollButtonsPosition,wrapperStyles:l,dir:m,size:u,popup:b,contextMenu:x,...g}=e,c={horizontal:{prev:m!=="rtl"?"left":"right",next:m!=="rtl"?"right":"left"},vertical:{prev:"up",next:"down"}},L=so("ul",{dir:m,...g,className:s(e.className,"k-reset",yn,{[`${yn}-${o}`]:o,"k-header":a},E(yn,{size:u})),role:x?"menu":"menubar",...o==="vertical"&&{"aria-orientation":"vertical"},children:t});return En(vr,{children:[n?En(Np,{orientation:o,style:l,dir:e.dir,children:[i==="start"&&En(vr,{children:[so(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"}),so(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"&&so(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"&&En(vr,{children:[so(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"}),so(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"&&so(p,{fillMode:"flat",size:"xsmall",icon:`chevron-${c[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}):L,b]})};le.states=sx;le.options=rx;le.className=yn;le.defaultOptions=In;le.moduleName=we;le.folderName=et;import{jsx as ix}from"react/jsx-runtime";var gr="k-separator",hp={orientation:"horizontal"},qo=e=>{let{orientation:t=hp.orientation,...o}=e;return ix("li",{...o,className:s(e.className,"k-item",gr,{[`${gr}-${t}`]:t}),role:"separator"})};qo.className=gr;qo.defaultOptions=hp;qo.moduleName=we;qo.folderName=et;import{Fragment as mz,jsx as cz}from"react/jsx-runtime";import{jsx as mx}from"react/jsx-runtime";var Lr="k-menu-group",lx=[],px={size:[d.undefined,d.small,d.medium,d.large]},dx={},ce=e=>{let{children:t,size:o,...a}=e;return mx("ul",{role:"menu",...a,className:s(e.className,Lr,E(Lr,{size:o})),children:t})};ce.states=lx;ce.options=px;ce.className=Lr;ce.defaultOptions=dx;ce.moduleName=we;ce.folderName=et;import{jsx as Lz,jsxs as Mz}from"react/jsx-runtime";import{Fragment as cx,jsx as Wo,jsxs as ux}from"react/jsx-runtime";var Mr=e=>Wo(le,{children:ux(cx,{children:[Wo(me,{text:"Item 1"}),Wo(me,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 2"}),Wo(me,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 3"}),Wo(me,{text:"Item 4"}),Wo(me,{text:"Item 5"})]}),...e});import{Fragment as Bz,jsx as Tz,jsxs as Oz}from"react/jsx-runtime";import{Fragment as wz,jsx as _z,jsxs as Dz}from"react/jsx-runtime";import{Fragment as Gz,jsx as Fz,jsxs as Vz}from"react/jsx-runtime";import{Fragment as Jz,jsx as Wz,jsxs as Yz}from"react/jsx-runtime";import{jsx as ro,jsxs as hx}from"react/jsx-runtime";var fx={...le.options,scrollable:{type:"boolean"}},bx=le.states,vp={...le.defaultOptions,variant:"horizontal"},xx=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],Nx=[{name:"opened",title:"Opened"}],Jo=e=>{let{variant:t,modifiers:o,...a}={...vp,...e},n={},i=t==="vertical"?{left:"200px",top:"30px"}:{left:"90px",top:"auto"};return Object.keys(o\|\|{}).forEach(l=>{l==="opened"&&(n.opened=!!o?.[l],n.popup=o?.[l]?ro(q,{className:"k-menu-popup",offset:i,children:hx(ce,{children:[ro(W,{text:"Item 1"}),ro(W,{text:"Item 2"}),ro(qo,{}),ro(W,{text:"Item 3"})]})}):null)}),t==="vertical"?ro(Mr,{...a,...n,orientation:"vertical",style:{width:"200px"}}):ro(Mr,{...a,...n})};Jo.options=fx;Jo.states=bx;Jo.variants=xx;Jo.defaultOptions=vp;Jo.modifiers=Nx;Jo.className=le.className;import{Fragment as I1,jsx as E1,jsxs as y1}from"react/jsx-runtime";import{jsx as P1}from"react/jsx-runtime";import{Fragment as Sx,jsx as Nt,jsxs as gp}from"react/jsx-runtime";var vx=p.states,Lp={...p.defaultOptions,variant:"text"},gx=p.options,Lx=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Mx=[{name:"opened",title:"Opened"}],Yo=e=>{let{variant:t,modifiers:o,...a}={...Lp,...e},n={},i=Nt(q,{className:"k-menu-popup",children:gp(ce,{size:a.size,children:[Nt(W,{text:"Menu Item"}),Nt(W,{text:"Menu Item"}),Nt(W,{text:"Menu Item"})]})}),l;switch(t){case"icon-only":l=Nt("div",{children:Nt(H,{...a,...n,icon:"star"})});break;case"icon-and-text":l=Nt("div",{children:Nt(H,{...a,...n,icon:"star",children:"Dropdown Button"})});break;default:l=Nt("div",{children:Nt(H,{...a,...n,children:"Dropdown Button"})});break}return gp(Sx,{children:[l,o?.opened&&i]})};Yo.options=gx;Yo.states=vx;Yo.variants=Lx;Yo.defaultOptions=Lp;Yo.modifiers=Mx;Yo.className=H.className;var Sr="split-button",Mp=Sr;import{Fragment as Ax,jsx as kr,jsxs as Sp}from"react/jsx-runtime";var Cr="k-split-button",kx=[r.hover,r.focus,r.active,r.selected,r.disabled],Cx={size:[d.undefined,d.small,d.medium,d.large],rounded:[f.undefined,f.none,f.small,f.medium,f.large,f.full],fillMode:[N.undefined,N.solid,N.flat,N.outline,N.clear,N.link],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary,h.success,h.warning,h.error,h.info,h.inverse]},kp={arrowIconName:"chevron-down"},K=e=>{let{size:t,rounded:o,fillMode:a,themeColor:n,hover:i,focus:l,active:m,selected:u,disabled:b,icon:x,endIcon:g,text:c,arrowIconName:L=kp.arrowIconName,popup:M,opened:S,popupId:A,...k}=e;return Sp(Ax,{children:[Sp("div",{...k,className:s(e.className,Cr,"k-button-group",E(Cr,{rounded:o})),children:[kr(p,{text:c,icon:x,endIcon:g,size:t,rounded:o,fillMode:a,themeColor:n,hover:i,focus:l,active:m,selected:u,disabled:b,...!c&&!e.children&&x&&{"aria-label":"Action"},children:e.children}),kr(p,{className:"k-split-button-arrow",icon:L,size:t,rounded:o,fillMode:a,disabled:b,ariaDisabled:b\|\|void 0,"aria-label":"Toggle dropdown","aria-expanded":S?"true":"false","aria-controls":S?A:void 0,tabIndex:-1})]}),S&&M&&kr(q,{className:"k-menu-popup",children:M})]})};K.states=kx;K.options=Cx;K.className=Cr;K.defaultOptions=kp;K.moduleName=Sr;K.folderName=Mp;var Ar=K;import{jsx as yx}from"react/jsx-runtime";var Ex="k-toolbar-separator",it=e=>yx("div",{className:s(Ex,e.className,"k-separator")});var io="toolbar",Zo=io;import{Fragment as Er,jsx as _,jsxs as Qo}from"react/jsx-runtime";var Ct="k-toolbar",Ix=[r.focus],Tx={size:[d.undefined,d.small,d.medium,d.large],fillMode:[N.undefined,N.solid,N.outline,N.flat]},Ox={scrollButtons:"around"},F=e=>{let{size:t,fillMode:o,focus:a,resizable:n,scrollable:i,scrollButtons:l,scrollingPosition:m,section:u,...b}=e,x=[],g=(c,L)=>{let M=[];if(c.type===p&&c.props.className&&c.props.className.includes("k-toolbar-overflow-button"))M.push(_(p,{...c.props,className:`${c.props.className?c.props.className:""}`},`${L}-${new Date().getTime()}`));else if(c.type===p)M.push(_(p,{...c.props,className:`k-toolbar-button ${c.props.className?c.props.className:""}`},`${L}-${new Date().getTime()}`));else if(c.type===La)M.push(_(La,{...c.props,className:`k-toolbar-button ${c.props.className?c.props.className:""}`},`${L}-${new Date().getTime()}`));else if(c.type===X)M.push(_(X,{...c.props,className:`k-toolbar-button ${c.props.className?c.props.className:""}`},`${L}-${new Date().getTime()}`));else if(c.type===H)M.push(_(H,{...c.props,className:`k-toolbar-menu-button ${c.props.className?c.props.className:""}`},`${L}-${new Date().getTime()}`));else if(c.type===Ar)M.push(_(Ar,{...c.props,className:`k-toolbar-split-button ${c.props.className?c.props.className:""}`},`${L}-${new Date().getTime()}`));else if(c.type===T\|\|c.props.className&&c.props.className.includes("k-button-group")){let S=[];(Array.isArray(c.props.children)?c.props.children:[c.props.children]).forEach((k,y)=>{S.push(_(p,{...k.props,className:`${k.props.className?k.props.className:""}`},`${y}-${new Date().getTime()}`))}),M.push(_(T,{...c.props,className:`k-toolbar-button-group ${c.props.className?c.props.className:""}`,children:S},`${L}-${new Date().getTime()}`))}else c.type===Le?M.push(_(Le,{...c.props,className:`k-toolbar-combobox ${c.props.className?c.props.className:""}`},`${L}-${new Date().getTime()}`)):c.type===ne?M.push(_(ne,{...c.props,className:`k-toolbar-dropdownlist ${c.props.className?c.props.className:""}`},`${L}-${new Date().getTime()}`)):c.type===je?M.push(_(je,{...c.props,className:`k-toolbar-colorpicker ${c.props.className?c.props.className:""}`},`${L}-${new Date().getTime()}`)):M.push(c);M.forEach(S=>{x.push(S)})};return e.children&&(Array.isArray(e.children)?e.children:[e.children]).forEach((L,M)=>{g(L,M)}),Qo("div",{...b,className:s(e.className,Ct,E(Ct,{size:t,fillMode:o}),C(Ct,{focus:a}),{[`${Ct}-resizable`]:n,[`${Ct}-scrollable`]:i,[`${Ct}-scrollable-overlay`]:i&&l==="hidden",[`${Ct}-scrollable-${m}`]:m&&m!=="both",[`${Ct}-section`]:u}),role:"toolbar","aria-label":"Toolbar",children:[!i&&x,i&&l==="hidden"&&_("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:x}),i&&l==="start"&&Qo(Er,{children:[Qo(T,{children:[_("span",{className:s("k-toolbar-prev","k-button",E("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:_(v,{className:"k-button-icon",icon:"chevron-left"})}),_("span",{className:s("k-toolbar-next","k-button",E("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:_(v,{className:"k-button-icon",icon:"chevron-right"})})]}),_(it,{className:"k-toolbar-button-separator"}),_("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:x})]}),i&&l==="end"&&Qo(Er,{children:[_("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:x}),_(it,{className:"k-toolbar-button-separator"}),Qo(T,{children:[_("span",{className:s("k-toolbar-prev","k-button",E("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:_(v,{className:"k-button-icon",icon:"chevron-left"})}),_("span",{className:s("k-toolbar-next","k-button",E("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:_(v,{className:"k-button-icon",icon:"chevron-right"})})]})]}),i&&(l==="around"\|\|!l)&&Qo(Er,{children:[_("span",{className:s("k-toolbar-prev","k-button",E("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:_(v,{className:"k-button-icon",icon:"chevron-left"})}),_(it,{className:"k-toolbar-button-separator"}),_("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:x}),_(it,{className:"k-toolbar-button-separator"}),_("span",{className:s("k-toolbar-next","k-button",E("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:_(v,{className:"k-button-icon",icon:"chevron-right"})})]})]})};F.states=Ix;F.options=Tx;F.className=Ct;F.defaultOptions=Ox;F.moduleName=io;F.folderName=Zo;import{jsx as Rx}from"react/jsx-runtime";var yr="k-toolbar-item",Bx=[r.focus],Px={},Kx={},jo=e=>{let{focus:t,...o}=e;return Rx("div",{...o,className:s(e.className,yr,C(yr,{focus:t})),children:e.children})};jo.states=Bx;jo.options=Px;jo.className=yr;jo.defaultOptions=Kx;jo.moduleName=io;jo.folderName=Zo;import{jsx as Cp}from"react/jsx-runtime";var Ap="k-toolbar-popup",_x=[],wx={size:[d.undefined,d.small,d.medium,d.large],fillMode:[N.undefined,N.solid,N.outline,N.flat]},Dx={},lo=e=>{let{size:t,fillMode:o,section:a,...n}=e;return Cp(q,{...n,className:s(e.className,Ap),children:a?Cp("span",{className:s("k-toolbar-items-list",E("k-toolbar-items-list",{size:t,fillMode:o})),role:"toolbar",children:e.children}):e.children})};lo.states=_x;lo.options=wx;lo.className=Ap;lo.defaultOptions=Dx;lo.moduleName=io;lo.folderName=Zo;var Tn=lo;import{jsx as P2}from"react/jsx-runtime";import{jsx as w2}from"react/jsx-runtime";import{jsx as U2}from"react/jsx-runtime";import{jsx as $2}from"react/jsx-runtime";import{jsx as Z2,jsxs as Q2}from"react/jsx-runtime";import{jsx as oU}from"react/jsx-runtime";import{jsx as At,jsxs as Gx}from"react/jsx-runtime";var Hx=K.states,Ep={...K.defaultOptions,variant:"text"},zx=K.options,Ux=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Fx=[{name:"opened",title:"Opened"}],ea=e=>{let{variant:t,modifiers:o,...a}={...Ep,...e},n={},i=Gx(ce,{size:a.size,children:[At(W,{text:"Menu Item"}),At(W,{text:"Menu Item"}),At(W,{text:"Menu Item"})]});switch(Object.keys(o\|\|{}).forEach(l=>{l==="opened"&&(n.opened=!!o?.[l],n.popup=o?.[l]?i:"")}),t){case"icon-only":return At("div",{children:At(K,{...a,...n,icon:"star"})});case"icon-and-text":return At("div",{children:At(K,{...a,...n,icon:"star",children:"Split Button"})});default:return At("div",{children:At(K,{...a,...n,children:"Split Button"})})}};ea.options=zx;ea.states=Hx;ea.variants=Ux;ea.defaultOptions=Ep;ea.modifiers=Fx;ea.className=K.className;import{jsx as po,jsxs as Vx}from"react/jsx-runtime";var yp=e=>po(F,{children:[po(p,{children:"Button"},"toolbar-button"),po(H,{text:"Menu button"},"toolbar-menu-button"),po(K,{children:"Split button"},"toolbar-split-button"),Vx(T,{children:[po(p,{className:"k-group-start",icon:"align-left",children:"Left"}),po(p,{icon:"align-center",children:"Center"}),po(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});import{jsx as BU,jsxs as PU}from"react/jsx-runtime";import{jsx as De,jsxs as Ip}from"react/jsx-runtime";var Tp=e=>De(F,{scrollable:!0,...e,children:[De(p,{children:"Button"},"toolbar-button"),De(H,{text:"Menu button"},"toolbar-menu-button"),De(K,{children:"Split button"},"toolbar-split-button"),Ip(T,{children:[De(p,{className:"k-group-start",icon:"align-left",children:"Left"}),De(p,{icon:"align-center",children:"Center"}),De(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),De(p,{children:"Button"},"toolbar-button"),De(H,{text:"Menu button"},"toolbar-menu-button"),De(K,{children:"Split button"},"toolbar-split-button"),Ip(T,{children:[De(p,{className:"k-group-start",icon:"align-left",children:"Left"}),De(p,{icon:"align-center",children:"Center"}),De(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});import{jsx as He,jsxs as Op}from"react/jsx-runtime";var Bp=({scrollingPosition:e="start",...t})=>He(F,{scrollable:!0,scrollButtons:"hidden",scrollingPosition:e,...t,children:[He(p,{children:"Button"},"toolbar-button"),He(H,{text:"Menu button"},"toolbar-menu-button"),He(K,{children:"Split button"},"toolbar-split-button"),Op(T,{children:[He(p,{className:"k-group-start",icon:"align-left",children:"Left"}),He(p,{icon:"align-center",children:"Center"}),He(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),He(p,{children:"Button"},"toolbar-button"),He(H,{text:"Menu button"},"toolbar-menu-button"),He(K,{children:"Split button"},"toolbar-split-button"),Op(T,{children:[He(p,{className:"k-group-start",icon:"align-left",children:"Left"}),He(p,{icon:"align-center",children:"Center"}),He(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...t});import{Fragment as $x,jsx as Ie,jsxs as On}from"react/jsx-runtime";var Pp=({fillMode:e,size:t,...o})=>On($x,{children:[Ie(F,{section:!0,fillMode:e,size:t,children:[Ie(p,{fillMode:e,size:t,children:"Button"},"toolbar-button"),On(T,{fillMode:e,children:[Ie(p,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),Ie(p,{icon:"align-center",fillMode:e,size:t,children:"Center"}),Ie(p,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group"),Ie(it,{className:"k-toolbar-button-separator"}),Ie(p,{icon:"more-horizontal",className:"k-toolbar-overflow-button",fillMode:"flat",size:t,"aria-label":"More options","aria-expanded":"false"})],...o}),On(Tn,{size:t,fillMode:e,section:!0,...o,children:[Ie(K,{fillMode:e,size:t,children:"Split button"},"toolbar-split-button"),Ie(p,{fillMode:e,size:t,children:"Button"},"toolbar-button"),Ie(it,{}),Ie(H,{text:"Menu button",fillMode:e,size:t},"toolbar-menu-button"),On(T,{fillMode:e,children:[Ie(p,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),Ie(p,{icon:"align-center",fillMode:e,size:t,children:"Center"}),Ie(p,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group")]})]});import{Fragment as c3,jsx as d3,jsxs as m3}from"react/jsx-runtime";import{Fragment as S3,jsx as L3,jsxs as M3}from"react/jsx-runtime";import{jsx as Ft}from"react/jsx-runtime";var Xx=F.options,qx=F.states,Kp={...F.defaultOptions,variant:"default"},Wx=[{name:"default",title:"Default"},{name:"scrollable",title:"Scrollable"},{name:"overlay",title:"Overlay"},{name:"responsive",title:"Responsive"}],Jx=[],ta=e=>{let{variant:t,...o}={...Kp,...e};switch(t){case"responsive":return Ft("div",{children:Ft(Pp,{style:{width:"583px"},...o})});case"overlay":return Ft("div",{children:Ft(Bp,{style:{width:"583px"},...o,scrollingPosition:"start",scrollButtons:"hidden"})});case"scrollable":return Ft("div",{children:Ft(Tp,{style:{width:"583px"},...o})});default:return Ft("div",{children:Ft(yp,{style:{width:"583px"},...o})})}};ta.options=Xx;ta.states=qx;ta.variants=Wx;ta.defaultOptions=Kp;ta.modifiers=Jx;ta.className=F.className;import{Fragment as jx,jsx as lt,jsxs as Fa}from"react/jsx-runtime";var Rp="k-message",Yx=[r.hover,r.selected,r.active,r.focus],Zx={},Qx=[lt(p,{icon:"copy",fillMode:"flat","aria-label":"Copy"}),lt(p,{icon:"arrow-rotate-cw",fillMode:"flat","aria-label":"Retry"}),lt(p,{icon:"download",fillMode:"flat","aria-label":"Download"})],oa={time:"Thu Feb 08 2018",text:"How can I help you?",status:"Seen",toolbarItems:Qx,failed:"Failed to send"},U=e=>{let{time:t=oa.time,text:o=oa.text,content:a,status:n=oa.status,statusIcon:i,toolbarItems:l=oa.toolbarItems,hover:m,selected:u,active:b,focus:x,toolbar:g,typing:c,expandable:L,expanded:M,removed:S,files:A,failed:k,...y}=e,w=k===!0?oa.failed:k;return Fa("div",{...y,className:s(Rp,e.className,{"k-message-removed":S,"k-message-failed":k}),children:[k&&lt(X,{className:"k-resend-button",icon:"arrow-rotate-cw",size:"xsmall",fillMode:"clear","aria-label":"Resend"}),lt(_p,{typing:c,selected:u,hover:m,active:b,focus:x,content:Fa(jx,{children:[a,o&&lt("span",{className:"k-chat-bubble-text",children:o})]}),expandable:L,expanded:M,files:A}),Fa("div",{className:"k-message-info",children:[n&&Fa("span",{className:"k-message-status",children:[i&&lt(v,{icon:i,size:"xsmall"}),n]}),t&&lt("time",{className:"k-message-time",children:t}),k&&Fa("span",{className:"k-message-failed-content",children:[k&&lt(v,{icon:"warning-triangle",size:"xsmall"}),k&&lt("span",{className:"k-message-failed-text",children:w})]})]}),g&&lt(F,{className:"k-chat-message-toolbar",fillMode:"flat",children:l})]})};U.states=Yx;U.options=Zx;U.className=Rp;U.moduleName=null;U.folderName=null;U.defaultOptions=oa;var Ir="avatar",wp=Ir;import{jsx as Dp}from"react/jsx-runtime";var Ga="k-avatar";var eN=[r.hover,r.focus,r.active,r.selected,r.disabled],tN={size:[d.undefined,d.small,d.medium,d.large],rounded:[f.undefined,f.none,f.small,f.medium,f.large,f.full],fillMode:[N.undefined,N.solid,N.outline],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary]},Tr={type:"text",border:!1},Me=e=>{let{size:t,rounded:o,fillMode:a,themeColor:n,type:i=Tr.type,border:l=Tr.border,...m}=e;return Dp("div",{...m,className:s(e.className,Ga,E(Ga,{size:t,rounded:o,fillMode:a,themeColor:n}),{[`${Ga}-bordered`]:l}),children:Dp("span",{className:`${Ga}-${i}`,children:e.children})})};Me.states=eN;Me.options=tN;Me.className=Ga;Me.defaultOptions=Tr;Me.moduleName=Ir;Me.folderName=wp;var mo=Me;import{jsx as oN}from"react/jsx-runtime";var Hp=e=>oN(mo,{type:"icon",...e});import{jsx as aN}from"react/jsx-runtime";var zp=e=>aN(mo,{type:"text",...e});import{jsx as nN}from"react/jsx-runtime";var Bn=e=>nN(mo,{type:"image",...e});import{jsx as b5}from"react/jsx-runtime";import{jsx as Va}from"react/jsx-runtime";var sN=Me.options,rN=Me.states,iN={...Me.defaultOptions,variant:"image"},lN=[{name:"image",title:"Image"},{name:"icon",title:"Icon Avatar"},{name:"text",title:"Text Avatar"}],pN=[],aa=e=>{let{variant:t,...o}=e;switch(t){case"icon":return Va(Hp,{...o,children:Va(v,{icon:"star"})});case"text":return Va(zp,{...o,children:"JO"});default:return Va(Bn,{...o,children:Va("img",{src:"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg"})})}};aa.options=sN;aa.states=rN;aa.variants=lN;aa.defaultOptions=iN;aa.modifiers=pN;aa.className=Me.className;import{jsx as na,jsxs as Or}from"react/jsx-runtime";var $a="k-message-group",dN=[r.selected],mN={},Pn={author:"Bruv",avatar:"/packages/html/assets/avatar.jpg",type:"receiver"},V=e=>{let{type:t=Pn.type,author:o=Pn.author,avatar:a=Pn.avatar,status:n,selected:i,fullWidth:l,...m}=e;return Or("div",{...m,className:s($a,e.className,C($a,{selected:i}),{[`${$a}-${t}`]:t,"k-no-avatar":!a,[`${$a}-full-width`]:l}),children:[a&&!n&&na(Me,{type:"image",children:na("img",{src:a,alt:o\|\|""})}),n&&a&&Or("div",{className:"k-chat-user-status-wrapper",children:[na(Me,{type:"image",children:na("img",{src:a,alt:o\|\|""})}),na("div",{className:"k-chat-user-status"})]}),Or("div",{className:"k-message-group-content",children:[o&&na("span",{className:"k-message-author",children:o}),e.children]})]})};V.states=dN;V.options=mN;V.className=$a;V.defaultOptions=Pn;import{Fragment as uN,jsx as Kn,jsxs as Up}from"react/jsx-runtime";var Br="k-message-reference",cN={},Fp={type:"receiver"},Gt=e=>{let{content:t,closeable:o,pinned:a,type:n=Fp.type,...i}=e;return Up("div",{...i,className:s(Br,e.className,{[`${Br}-${n}`]:n,"k-message-pinned":a}),children:[a&&Kn(v,{icon:"pin"}),Kn("div",{className:"k-message-reference-content",children:t}),o&&Up(uN,{children:[Kn("span",{className:"k-spacer"}),Kn(p,{icon:"x-circle",fillMode:"flat",size:"xsmall","aria-label":"Close"})]})]})};Gt.options=cN;Gt.className=Br;Gt.moduleName=null;Gt.folderName=null;Gt.defaultOptions=Fp;var Pr="bubble",Gp=Pr;import{jsx as Rn,jsxs as bN}from"react/jsx-runtime";var Kr="k-bubble",fN=[r.hover,r.active,r.selected,r.focus],Rr={expandable:!1,expanded:!1},co=e=>{let{content:t,hover:o,active:a,focus:n,selected:i,expandable:l=Rr.expandable,expanded:m=Rr.expanded,...u}=e;return bN("div",{...u,className:s(e.className,Kr,C(Kr,{hover:o,active:a,focus:n,selected:i}),{"k-bubble-expandable":l},{"k-expanded":m}),tabIndex:0,children:[Rn("div",{className:"k-bubble-content",children:t??e.children}),l&&Rn("span",{className:"k-bubble-expandable-indicator",role:"button","aria-label":m?"Show less":"Show more",tabIndex:0,children:m?Rn(v,{icon:"chevron-up"}):Rn(v,{icon:"chevron-down"})})]})};co.states=fN;co.className=Kr;co.defaultOptions=Rr;co.moduleName=Pr;co.folderName=Gp;import{jsx as J5}from"react/jsx-runtime";import{jsx as j5}from"react/jsx-runtime";import{jsx as aF}from"react/jsx-runtime";import{jsx as _r,jsxs as $p}from"react/jsx-runtime";var xN="k-chat-bubble",_p=e=>{let{typing:t,content:o,files:a,...n}=e;return $p(co,{...n,className:s(e.className,xN),children:[t?$p("div",{className:"k-typing-indicator",tabIndex:-1,children:[_r("span",{}),_r("span",{}),_r("span",{})]}):o,a]})};import{jsx as hF}from"react/jsx-runtime";import{jsx as Xp,jsxs as NN}from"react/jsx-runtime";var qp="k-chat-event",wr={icon:"trash",text:"You deleted Chat history."},Wp=e=>{let{icon:t=wr.icon,text:o=wr.text,...a}=e;return NN("div",{...a,className:s(e.className,qp),children:[t&&Xp(v,{className:"k-chat-event-icon",icon:t,size:"xsmall"}),o&&Xp("span",{className:"k-chat-event-text",children:o})]})};Wp.className=qp;Wp.defaultOptions=wr;import{jsx as yF}from"react/jsx-runtime";import{Fragment as hN,jsx as ht,jsxs as vN}from"react/jsx-runtime";var Jp=e=>ht(G,{children:vN(hN,{children:[ht("div",{className:"k-timestamp",children:"Day, Month 7, 2023"}),ht(V,{children:ht(U,{})}),ht(V,{type:"sender",children:ht(U,{})}),ht(V,{children:ht(U,{text:"Very long message text that tests message overflowing behavior. Very long message text that tests message overflowing behavior."})}),ht(V,{type:"sender",children:ht(U,{text:"Unusually_long_word_that_tests_word_break_behavior__unusually_long_word_that_tests_word_break_behavior"})})]}),...e});import{jsx as Yp}from"react/jsx-runtime";var _n="k-file-box-wrapper",Zp={layout:"horizontal"},vt=e=>{let{layout:t=Zp.layout,scrollingPosition:o,...a}=e;return Yp("ul",{role:"list","aria-label":"Attached files",...a,className:s(e.className,_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"?Yp("div",{className:"k-files-scroll",role:"presentation",children:e.children}):e.children})};vt.className=_n;vt.defaultOptions=Zp;var Dr="file-box",Qp=Dr;import{jsx as sa,jsxs as jp}from"react/jsx-runtime";var ed="k-file-box",gN=[r.selected],LN={},Xa={icon:"file-pdf",name:"FileName.pdf",size:"2MB",showButton:"true"},Te=e=>{let{icon:t=Xa.icon,name:o=Xa.name,size:a=Xa.size,status:n,deleted:i,removeButton:l,showButton:m=Xa.showButton,...u}=e,b=[o,a].filter(Boolean).join(" ");return jp("li",{role:"listitem",tabIndex:0,"aria-label":b\|\|void 0,...u,className:s(ed,e.className,{"k-file-deleted":i}),children:[sa(v,{icon:t,size:"xlarge","aria-hidden":"true"}),jp("div",{className:"k-file-info",children:[o&&sa("span",{className:"k-file-name",children:o}),a&&sa("span",{className:"k-file-size",children:a}),n&&sa("span",{className:"k-file-status",children:n})]}),m&&(l?sa(p,{as:"span",icon:"x-circle",fillMode:"flat",size:"xsmall","aria-hidden":"true"}):sa(H,{icon:"more-vertical",fillMode:"flat",size:"xsmall",showArrow:!1,"aria-label":"File actions"}))]})};Te.states=gN;Te.options=LN;Te.className=ed;Te.defaultOptions=Xa;Te.moduleName=Dr;Te.folderName=Qp;import{jsx as qF}from"react/jsx-runtime";import{jsx as QF}from"react/jsx-runtime";import{jsx as aG,jsxs as nG}from"react/jsx-runtime";import{jsx as pG,jsxs as dG}from"react/jsx-runtime";import{jsx as bG}from"react/jsx-runtime";import{Fragment as IG,jsx as yG,jsxs as TG}from"react/jsx-runtime";import{Fragment as RG,jsx as KG,jsxs as _G}from"react/jsx-runtime";import{Fragment as UG,jsx as zG,jsxs as FG}from"react/jsx-runtime";var Hr="window",td=Hr;import{jsx as CN}from"react/jsx-runtime";var od="k-window-content",MN=[],SN={},kN={},Vt=e=>{let{children:t,...o}=e;return CN("div",{...o,className:s(od,e.className),children:t})};Vt.states=MN;Vt.options=SN;Vt.className=od;Vt.defaultOptions=kN;Vt.moduleName=Hr;Vt.folderName=td;var qa="dialog",wn=qa;import{Fragment as yN,jsx as uo,jsxs as zr}from"react/jsx-runtime";var ad="k-dialog",AN=[],EN={},Ur={actionButtonsAlign:"stretched",modal:!0},ze=e=>{let{title:t,actions:o,actionButtons:a,actionButtonsAlign:n=Ur.actionButtonsAlign,modal:i=Ur.modal,...l}=e,m=t!==void 0?B("dialog-titlebar"):void 0,u=B("dialog-content");return zr("div",{className:"k-dialog-wrapper",children:[i&&uo(ft,{}),zr("div",{...l,className:s(e.className,ad,"k-window"),role:"dialog","aria-labelledby":m,"aria-describedby":u,...i&&{"aria-modal":"true"},children:[(t!==void 0\|\|o)&&zr("div",{className:"k-window-titlebar k-dialog-titlebar",id:m,children:[t!==void 0&&uo("span",{className:"k-window-title k-dialog-title",children:t}),o&&uo(yN,{children:uo("div",{className:"k-window-titlebar-actions k-dialog-titlebar-actions",children:o.map(b=>uo(p,{icon:b,fillMode:"flat",size:"xsmall",className:"k-window-titlebar-action k-dialog-titlebar-action","aria-label":b},b))})})]}),uo(Vt,{className:"k-dialog-content",id:u,children:e.children}),a&&uo(Ke,{alignment:n,className:"k-window-actions k-dialog-actions",children:a})]})]})};ze.states=AN;ze.options=EN;ze.className=ad;ze.defaultOptions=Ur;ze.moduleName=qa;ze.folderName=wn;var Fr=ze;import{jsx as BN}from"react/jsx-runtime";var nd="k-dialog-wrapper",IN=[],TN={},ON={},ra=e=>{let{...t}=e;return BN("div",{...t,className:s(e.className,nd),children:e.children})};ra.states=IN;ra.options=TN;ra.className=nd;ra.defaultOptions=ON;ra.moduleName=qa;ra.folderName=wn;import{Fragment as sd,jsx as Dn,jsxs as PN}from"react/jsx-runtime";var rd=e=>Dn(Fr,{title:"Title",children:Dn(sd,{children:"Dialog content"}),actionButtons:PN(sd,{children:[Dn(p,{children:"Action"}),Dn(p,{themeColor:"primary",children:"Primary"})]}),actions:["x"],...e});import{Fragment as b6,jsx as x6,jsxs as N6}from"react/jsx-runtime";import{Fragment as HN,jsx as Hn,jsxs as zN}from"react/jsx-runtime";var KN=ze.options,RN=[],_N=ze.states,wN=ze.defaultOptions,DN=[],ia=e=>Hn(rd,{style:{width:"350px",height:"215px"},...e,title:"Please confirm",actions:["x"],actionButtonsAlign:"stretched",actionButtons:zN(HN,{children:[Hn(p,{children:"No"}),Hn(p,{themeColor:"primary",children:"Yes"})]}),children:Hn("p",{style:{margin:"36px",textAlign:"center"},children:"Are you sure you want to continue?"})});ia.options=KN;ia.states=_N;ia.variants=RN;ia.defaultOptions=wN;ia.modifiers=DN;ia.className=ze.className;var Gr="dropzone",id=Gr;import{jsx as zn,jsxs as GN}from"react/jsx-runtime";var Vr="k-external-dropzone",UN=[r.disabled,r.hover],FN={},$r={icon:"upload",hint:"Drag and drop files here to upload"},Se=e=>{let{hover:t,disabled:o,icon:a=$r.icon,hint:n=$r.hint,note:i,...l}=e;return zn("div",{...l,className:s(e.className,Vr,C(Vr,{disabled:o}),{"k-external-dropzone-hover":t}),children:GN("div",{className:"k-dropzone-inner",children:[a&&zn(v,{icon:a,className:"k-dropzone-icon",size:"xxxlarge"}),n&&zn("span",{className:"k-dropzone-hint",children:n}),i&&zn("span",{className:"k-dropzone-note",children:i})]})})};Se.states=UN;Se.options=FN;Se.className=Vr;Se.defaultOptions=$r;Se.moduleName=Gr;Se.folderName=id;import{jsx as VN}from"react/jsx-runtime";var ld=e=>VN(Se,{...e});import{jsx as F6}from"react/jsx-runtime";import{jsx as YN}from"react/jsx-runtime";var $N=Se.options,XN=Se.states,qN=Se.defaultOptions,WN=[{name:"note",title:"Note"}],JN=[],la=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(n=>{n==="note"&&(a.note=t?.[n]?"Only JPEG, PNG and SVG files are allowed.":void 0)}),YN(ld,{style:{width:"500px"},...o,...a})};la.options=$N;la.states=XN;la.variants=JN;la.defaultOptions=qN;la.modifiers=WN;la.className=Se.className;import{Fragment as Un,jsx as $t,jsxs as Wa}from"react/jsx-runtime";var Xr="k-upload-dropzone",ZN=[r.hover],Fn=e=>{let{hover:t,status:o,disabled:a,hasFiles:n,filesId:i,buttonText:l="Select files...",...m}=e,u;switch(o){case"uploading":u=Wa(Un,{children:[$t(v,{icon:"upload"}),"Uploading..."]});break;case"done":u=Wa(Un,{children:[$t(v,{icon:"check"}),"Done"]});break;case"failed":u=Wa(Un,{children:[$t(v,{icon:"exclamation-circle"}),"Done"]});break;default:u=$t(Un,{});break}return Wa("div",{...m,className:s(e.className,Xr,"k-dropzone",C(Xr,{hover:t})),children:[Wa("div",{className:"k-upload-button-wrap",children:[$t(p,{className:"k-upload-button","aria-disabled":a?"true":"false",...n&&i?{"aria-controls":i}:{},children:l}),$t("input",{id:"upload-input",className:"k-hidden",tabIndex:-1,"aria-hidden":"true"})]}),$t("span",{className:s("k-dropzone-hint",{"k-hidden":o!=="upload"}),children:"Drop files here to upload"}),o!=="upload"&&$t("span",{className:"k-upload-status",children:u})]})};Fn.states=ZN;Fn.className=Xr;var qr="upload",pd=qr;import{jsx as Gn,jsxs as md}from"react/jsx-runtime";var Wr="k-upload",QN=[r.hover,r.disabled],jN={},cd={actionsLayout:"end"},dd="upload-files-list",ae=e=>{let{async:t,empty:o,actions:a,actionsLayout:n=cd.actionsLayout,hover:i,status:l,disabled:m,buttonText:u,...b}=e,x=!!e.children;return md("div",{...b,className:s(e.className,Wr,C(Wr,{disabled:m}),{"k-upload-async":t,"k-upload-empty":o}),children:[Gn(Fn,{status:l,hover:i,disabled:m,hasFiles:x,filesId:dd,buttonText:u}),x&&Gn("ul",{className:"k-upload-files",role:"list",id:dd,children:e.children}),a&&x&&md(el,{alignment:n,orientation:"horizontal",children:[Gn(p,{className:"k-clear-selected",children:"Clear"}),Gn(p,{themeColor:"primary",className:"k-upload-selected",children:"Upload"})]})]})};ae.states=QN;ae.options=jN;ae.className=Wr;ae.defaultOptions=cd;ae.moduleName=qr;ae.folderName=pd;var Ja="progressbar",Vn=Ja;import{jsx as Yr,jsxs as Jr}from"react/jsx-runtime";var tt="k-progressbar",eh=[r.disabled,r.indeterminate],th={orientation:["horizontal","vertical"]},fo={indeterminate:!1,label:!0,labelPosition:"start",orientation:"horizontal",reverse:!1,value:"0"},ke=e=>{let{disabled:t,height:o,indeterminate:a=fo.indeterminate,label:n=fo.label,labelPosition:i=fo.labelPosition,orientation:l=fo.orientation,reverse:m=fo.reverse,value:u=fo.value,width:b,style:x,ariaLabel:g,...c}=e;return Jr("div",{...c,className:s(e.className,tt,C(tt,{disabled:t}),{[`${tt}-${l}`]:l,[`${tt}-indeterminate`]:a,[`${tt}-reverse`]:m}),style:{...x,"--kendo-progressbar-value":u,[l==="horizontal"?"height":"width"]:l==="horizontal"?o:b},role:"progressbar","aria-label":g\|\|"progress","aria-valuenow":a?void 0:Number(u),"aria-valuemin":0,"aria-valuemax":100,children:[Yr("span",{className:s("k-progress-status-wrap",{[`k-progress-${i}`]:i&&!a}),children:n&&Jr("span",{className:"k-progress-status",children:[u,"%"]})}),!a&&Yr("div",{className:"k-progressbar-value k-selected",children:Yr("span",{className:s("k-progress-status-wrap",{[`k-progress-${i}`]:i}),children:n&&Jr("span",{className:"k-progress-status",children:[e.value,"%"]})})})]})};ke.states=eh;ke.options=th;ke.className=tt;ke.defaultOptions=fo;ke.moduleName=Ja;ke.folderName=Vn;var ud=ke;import{jsx as Zr}from"react/jsx-runtime";var fd="k-chunk-progressbar",oh=(e,t)=>t<=e-1,ah=[r.disabled,r.indeterminate],nh={},$n={chunkCount:5,orientation:"horizontal",progress:0},pa=e=>{let{disabled:t,chunkCount:o=$n.chunkCount,indeterminate:a,orientation:n=$n.orientation,progress:i=$n.progress,reverse:l,ariaLabel:m,...u}=e;return Zr("div",{...u,className:s(e.className,tt,fd,C(tt,{disabled:t}),{[`${tt}-${n}`]:n,[`${tt}-indeterminate`]:a,[`${tt}-reverse`]:l}),role:"progressbar","aria-label":m\|\|"progress","aria-valuenow":a?void 0:i,"aria-valuemin":0,"aria-valuemax":o,children:Zr("ul",{className:"k-progressbar-chunks k-reset",children:[...Array(o)].map((b,x)=>Zr("li",{className:s("k-progressbar-chunk",{"k-first":x===0,"k-last":x===[...Array(o)].length-1,"k-selected":oh(i,x)})},x))})})};pa.states=ah;pa.options=nh;pa.className=fd;pa.defaultOptions=$n;pa.moduleName=Ja;pa.folderName=Vn;import{jsx as sh}from"react/jsx-runtime";var Ya=e=>sh(ud,{...e});import{jsx as I7}from"react/jsx-runtime";import{jsx as Xt}from"react/jsx-runtime";var rh=ke.options,ih=ke.states,bd={...ke.defaultOptions,variant:"start"},lh=[{name:"start",title:"Label start"},{name:"center",title:"Label center"},{name:"end",title:"Label end"},{name:"empty",title:"No label"}],ph=[],da=e=>{let{variant:t,modifiers:o,...a}={...bd,...e},n={},i={style:{width:"324px"}};switch(Object.keys(o\|\|{}).forEach(l=>{switch(l){case"reverse":n.reverse=!!o?.[l];break;case"vertical":n.orientation=o?.[l]?"vertical":void 0,i.style=o?.[l]?void 0:{width:"324px"};break}}),t){case"end":return Xt("div",{...i,children:Xt(Ya,{...a,...n,labelPosition:"end",value:"50"})});case"center":return Xt("div",{...i,children:Xt(Ya,{...a,...n,labelPosition:"center",value:"50"})});case"empty":return Xt("div",{...i,children:Xt(Ya,{...a,...n,label:!1,value:"50"})});default:return Xt("div",{...i,children:Xt(Ya,{...a,...n,labelPosition:"start",value:"50"})})}};da.options=rh;da.states=ih;da.variants=lh;da.defaultOptions=bd;da.modifiers=ph;da.className=ke.className;import{jsx as Qr,jsxs as mh}from"react/jsx-runtime";var dh="k-file-info",jr=e=>{let{name:t,size:o,validationMsg:a,...n}=e;return mh("div",{...n,className:s(e.className,dh),children:[t&&Qr("span",{className:"k-file-name",children:t}),o&&Qr("span",{className:"k-file-size",children:o}),a&&Qr("span",{className:"k-file-validation-message","aria-live":"polite",children:a})]})};import{Fragment as uh,jsx as Et,jsxs as Xn}from"react/jsx-runtime";var ch="k-file",Oe=e=>{let{status:t,progress:o,name:a,icon:n,size:i,state:l,validationMsg:m,...u}=e;return Et("li",{...u,className:s(e.className,ch,{[`k-file-${t}`]:t}),role:"listitem",tabIndex:0,children:Xn("div",{className:"k-file-single",children:[Et(ke,{className:s({"k-hidden":t!=="progress"}),value:o,label:!1}),Xn("span",{className:"k-file-icon-wrapper",children:[Et(v,{className:"k-file-icon",icon:n,size:"xxlarge"}),l&&Et("span",{className:"k-file-state",children:l})]}),Et(jr,{name:a,size:i,validationMsg:m}),Et("div",{className:"k-upload-actions",children:t==="progress"?Xn(uh,{children:[Xn("span",{className:"k-upload-pct",children:[o,"%"]}),Et(p,{icon:"pause",fillMode:"flat",size:"xsmall",className:"k-upload-action","aria-label":"Pause upload",tabIndex:-1}),Et(p,{icon:"cancel",fillMode:"flat",size:"xsmall",className:"k-upload-action","aria-label":"Cancel upload",tabIndex:-1})]}):Et(p,{icon:"x",fillMode:"flat",size:"xsmall",className:"k-upload-action","aria-label":"Remove file",tabIndex:-1})})]})})};import{Fragment as s9,jsx as a9,jsxs as n9}from"react/jsx-runtime";import{Fragment as fh,jsx as ei,jsxs as bh}from"react/jsx-runtime";var Za=e=>ei(ae,{async:!0,children:bh(fh,{children:[ei(Oe,{name:"Image_With_Very_Very_Very_Very_Very_Long_Name1.png",icon:"file-image",size:"51.23 KB"}),ei(Oe,{name:"Image2.jpg",icon:"file-image",size:"106.43 KB"})]}),...e});import{Fragment as b9,jsx as u9,jsxs as f9}from"react/jsx-runtime";import{jsx as xh}from"react/jsx-runtime";var xd=e=>xh(ae,{async:!0,empty:!0,...e});import{Fragment as S9,jsx as M9,jsxs as k9}from"react/jsx-runtime";import{Fragment as I9,jsx as y9,jsxs as T9}from"react/jsx-runtime";import{jsx as yt,jsxs as qn}from"react/jsx-runtime";var Nh=ae.options,hh=ae.states,Nd={...ae.defaultOptions,variant:"empty"},vh=[{name:"empty",title:"Empty"},{name:"upload",title:"Upload"},{name:"uploading",title:"Uploading"},{name:"success",title:"Success"},{name:"failed",title:"Failed"}],gh=[],ma=e=>{let{variant:t,...o}={...Nd,...e};switch(t){case"success":return qn(Za,{status:"done",style:{width:"586px"},...o,children:[yt(Oe,{status:"success",validationMsg:"File(s) uploaded successfully.",name:"Image1.png",icon:"file-image"}),yt(Oe,{status:"success",validationMsg:"File(s) uploaded successfully.",name:"Image2.png",icon:"file-image"})]});case"failed":return qn(Za,{status:"failed",style:{width:"586px"},...o,children:[yt(Oe,{status:"error",validationMsg:"File type not allowed.",name:"Movie1.mkv",icon:"file-image"}),yt(Oe,{status:"error",validationMsg:"File type not allowed.",name:"Video2.mkv",icon:"file-image"})]});case"uploading":return qn(Za,{status:"uploading",style:{width:"586px"},...o,children:[yt(Oe,{progress:"50",status:"progress",name:"Document1.txt",icon:"file-pdf",size:"328.92 KB"}),yt(Oe,{progress:"70",status:"progress",name:"Document2.txt",icon:"file-pdf",size:"225.68 KB"})]});case"upload":return qn(Za,{actions:!0,status:"upload",style:{width:"586px"},...o,children:[yt(Oe,{name:"Image1.png",icon:"file-image",size:"51.23 KB"}),yt(Oe,{name:"Image2.jpg",icon:"file-image",size:"106.43 KB"})]});default:return yt(xd,{async:!0,status:"upload",style:{width:"586px"},...o})}};ma.options=Nh;ma.states=hh;ma.variants=vh;ma.defaultOptions=Nd;ma.modifiers=gh;ma.className=ae.className;import{Fragment as n4,jsx as a4,jsxs as s4}from"react/jsx-runtime";import{jsx as p4}from"react/jsx-runtime";import{Fragment as f4,jsx as u4,jsxs as b4}from"react/jsx-runtime";import{Fragment as g4,jsx as v4,jsxs as L4}from"react/jsx-runtime";import{Fragment as A4,jsx as C4,jsxs as E4}from"react/jsx-runtime";import{Fragment as B4,jsx as O4}from"react/jsx-runtime";var ti="appbar",hd=ti;import{jsx as kh}from"react/jsx-runtime";var oi="k-appbar",Lh=[],Mh={themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary,h.inverse]},Sh={},Ce=e=>{let{themeColor:t,positionMode:o,position:a,...n}=e;return kh("div",{...n,className:s(e.className,oi,E(oi,{themeColor:t}),{[`k-appbar-${o}`]:o,[`k-appbar-${a}`]:a}),children:e.children})};Ce.states=Lh;Ce.options=Mh;Ce.className=oi;Ce.defaultOptions=Sh;Ce.moduleName=ti;Ce.folderName=hd;import{jsx as Ah}from"react/jsx-runtime";var Ch="k-appbar-section",gt=e=>{let{...t}=e;return Ah("div",{...t,className:s(Ch,e.className),children:e.children})};import{Fragment as q4,jsx as $4,jsxs as X4}from"react/jsx-runtime";import{jsx as j,jsxs as ca}from"react/jsx-runtime";var ai={...Ce.options,positionMode:["static","sticky","fixed"]},Eh=Ce.states,vd={...Ce.defaultOptions,themeColor:"primary",variant:"top",positionMode:"sticky"};ai.themeColor=["primary",...ai.themeColor.filter(e=>e!=="primary")];var yh=[{name:"top",title:"Top"},{name:"bottom",title:"Bottom"}],ua=e=>{let{variant:t,...o}={...vd,...e},a=ca(Ce,{position:t,...o,children:[j(gt,{children:j(X,{fillMode:"flat",icon:"menu"})}),j("span",{className:"k-spacer k-spacer-sized",style:{width:"8px"}}),j(gt,{children:j("h3",{className:"k-m-0",children:"AppBar"})}),j("span",{className:"k-spacer"}),ca(gt,{children:[j(st,{fillMode:"flat",children:"Button"}),j(st,{fillMode:"flat",children:"Button"}),j(st,{fillMode:"flat",children:"Button"})]}),j("span",{className:"k-spacer k-spacer-sized",style:{width:"8px"}}),j(gt,{children:j(cn,{value:"Input value"})}),ca(gt,{children:[j(X,{className:"k-mx-sm",fillMode:"flat",icon:"bell"}),j("span",{className:"k-appbar-separator"}),j(Bn,{className:"k-mx-sm",children:j("img",{src:"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg"})})]})]}),n=ca("div",{style:{padding:"25px 10px"},children:[j("p",{children:"Lorem ipsum dolor sit amet consectetur adipisicing elit. Fugit, harum magnam? Possimus magnam non natus error consectetur voluptatum, unde quasi rerum ad facere, hic in! Qui ducimus ab sed consequuntur excepturi fugiat! Facilis fuga asperiores pariatur sed. Eligendi aliquid vel nemo, ipsum tempora minima consequatur culpa molestias maiores nihil eveniet accusantium porro. Inventore saepe ut ad in a. Quo itaque est expedita quidem consectetur enim quam minima, quisquam harum velit, earum adipisci provident, officia eveniet voluptas vero accusamus ad ducimus laudantium!"}),j("p",{children:"Consequatur incidunt sequi explicabo adipisci saepe, accusamus, numquam fuga quam ex, provident possimus ratione blanditiis ducimus quos nulla repellat error pariatur nemo nobis illo! Saepe deleniti dolore cumque, sequi similique eligendi consectetur corrupti iste reprehenderit adipisci enim laudantium inventore totam quos non impedit quibusdam et consequuntur blanditiis accusamus! Rerum, nostrum. Rerum, tempore earum officia alias suscipit ut minima recusandae dolorem reprehenderit ea?"}),j("p",{children:"Aliquam pariatur ut expedita, repellat architecto aut, consequatur iure recusandae tempora odit consequuntur, nihil nostrum totam accusantium at. Dignissimos repellendus culpa nesciunt. Officia repudiandae, laudantium error iure in minus ratione reprehenderit dolorum alias quo voluptatibus doloremque aliquid exercitationem quidem odit earum natus autem eaque tempore nulla esse sapiente? Dolore aliquid aliquam modi velit quaerat!"}),j("p",{children:"Sunt consequuntur, aliquam eius beatae ex odit quasi iusto, accusamus architecto corrupti reprehenderit dolores itaque aliquid veniam odio eaque vel doloremque? Corporis, tenetur delectus deleniti voluptatum autem necessitatibus esse nisi ad, optio cumque quas dignissimos reprehenderit. Optio dolores quam corporis ea, reiciendis eos sit. Voluptate vel esse necessitatibus eum, sunt fuga, quaerat, eos natus quod repellendus nulla voluptatem ut quo quas ipsa animi incidunt autem saepe perferendis. Sequi ratione in iste, quibusdam, neque facilis accusantium, eum rem error sunt a explicabo commodi impedit quam."})]});return t==="bottom"?ca("div",{style:{height:"250px",overflow:"auto"},children:[n,a]}):ca("div",{style:{height:"250px",overflow:"auto"},children:[a,n]})};ua.options=ai;ua.states=Eh;ua.variants=yh;ua.defaultOptions=vd;ua.modifiers=[];ua.className=Ce.className;var ni="suggestion",gd=ni;import{jsx as Wn,jsxs as Oh}from"react/jsx-runtime";var Jn="k-suggestion-group",Ih=[],Th={},Ld={layout:"scrollable",scrollingPosition:"start"},ot=e=>{let{layout:t=Ld.layout,scrollingPosition:o,...a}=e,n=Wn("div",{...a,className:s(Jn,{"k-suggestion-group-scrollable":t=="scrollable",[`${Jn}-scrollable-start`]:o==="start"\|\|o==="both",[`${Jn}-scrollable-end`]:o==="end"\|\|o==="both"},e.className),role:"group",children:t==="scrollable"\|\|t==="scrollButtons"?Wn("div",{className:"k-suggestions-scroll",children:e.children}):e.children});return t=="scrollButtons"?Oh("div",{className:"k-suggestion-scrollwrap",children:[Wn(p,{fillMode:"flat",icon:"chevron-left",size:"xsmall","aria-label":"Scroll left"}),n,Wn(p,{fillMode:"flat",icon:"chevron-right",size:"xsmall","aria-label":"Scroll right"})]}):n};ot.states=Ih;ot.options=Th;ot.className=Jn;ot.defaultOptions=Ld;ot.moduleName=ni;ot.folderName=gd;import{jsx as Rh}from"react/jsx-runtime";var Yn="k-suggestion",Bh=[r.active,r.hover,r.focus],Ph={themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary]},Kh={text:"Suggestion"},at=e=>{let{themeColor:t,active:o,hover:a,focus:n,text:i,children:l,...m}=e;return Rh("span",{...m,className:s(e.className,Yn,C(Yn,{hover:a,active:o,focus:n}),E(Yn,{themeColor:t})),role:"button",tabIndex:0,"aria-label":e["aria-label"]\|\|i,children:l\|\|i})};at.states=Bh;at.options=Ph;at.className=Yn;at.item=Kh;import{Fragment as g8,jsx as v8,jsxs as L8}from"react/jsx-runtime";import{Fragment as A8,jsx as C8,jsxs as E8}from"react/jsx-runtime";import{Fragment as B8,jsx as O8,jsxs as P8}from"react/jsx-runtime";import{Fragment as Uh,jsx as ee,jsxs as Zn}from"react/jsx-runtime";var _h=G.states,wh=G.defaultOptions,Dh=G.options,Hh=[{name:"header",title:"Header"},{name:"pinned",title:"Pinned"},{name:"suggested",title:"Suggested Actions"},{name:"author",title:"Author"},{name:"avatar",title:"Avatar"},{name:"quick",title:"Quick Replies"}],zh=[],fa=e=>{let{modifiers:t,...o}=e,a={author:null,avatar:null},n=Zn(Ce,{className:"k-chat-header",positionMode:"sticky",themeColor:"primary",children:[ee("span",{className:"k-spacer k-spacer-sized k-w-1"}),ee(gt,{children:ee("span",{children:"Chat with demo bot"})}),ee("span",{className:"k-spacer"}),ee(gt,{children:ee(p,{fillMode:"flat",icon:"more-vertical"})})]}),i=ee(Gt,{type:"sender",pinned:!0,content:"Hello! Generate a cover letter.",closeable:!0}),l=Zn(ot,{children:[ee(at,{text:"Provide a CV template"}),ee(at,{text:"Generate a cover letter"})]}),m=Zn(ot,{children:[ee(at,{themeColor:"primary",text:"Thank you!"}),ee(at,{themeColor:"primary",text:"Great!"})]}),u="https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg",b=null,x="User",g="Demo Bot";Object.keys(t\|\|{}).forEach(y=>{switch(y){case"header":a.header=t?.[y]?n:!1;break;case"pinned":a.pinned=t?.[y]?i:!1;break;case"suggested":a.suggestedActions=t?.[y]?l:!1;break;case"author":a.author=t?.[y]?!0:null;break;case"avatar":a.avatar=t?.[y]?u:null;break;case"quick":a.quickReplies=t?.[y]?m:ee(Uh,{});break;default:break}});let{header:c,pinned:L,suggestedActions:M,author:S,avatar:A,quickReplies:k}=a;return Zn(Jp,{value:"Thank you!",style:{minHeight:"100%"},...o,header:c,pinned:L,suggestedActions:M,children:[ee(V,{avatar:b,author:S?g:null,children:ee(U,{text:"Hello, this is a demo bot. How can I help you ?"})}),ee(V,{avatar:A?u:null,author:S?x:null,type:"sender",children:ee(U,{text:"Hello! Generate a cover letter."})}),ee(V,{avatar:b,author:S?g:null,children:ee(U,{text:"Sure. Here is a cover letter template",files:ee(vt,{children:ee(Te,{icon:"file-pdf",name:"cover_letter.pdf",size:"1.43MB"})})})}),k]})};fa.options=Dh;fa.states=_h;fa.variants=zh;fa.defaultOptions=wh;fa.modifiers=Hh;fa.className=G.className;var si="skeleton",Md=si;import{jsx as $h}from"react/jsx-runtime";var ri="k-skeleton",Fh=["circle","text","rect"],Gh=[],Vh={},ii={variant:"text",shape:"text",animation:"pulse"},nt=e=>{let{variant:t,shape:o,animation:a=ii.animation,...n}=e,i=`skeleton-${t\|\|o\|\|ii.variant}`;return $h("span",{...n,className:s(e.className,ri,Qa(ri,i),{[`k-skeleton-${a}`]:a}),style:e.style})};nt.states=Gh;nt.options=Vh;nt.variants=Fh;nt.className=ri;nt.defaultOptions=ii;nt.moduleName=si;nt.folderName=Md;import{jsx as Xh}from"react/jsx-runtime";var bo=e=>Xh(nt,{...e});import{jsx as qh}from"react/jsx-runtime";var Sd=e=>qh(nt,{shape:"rect",...e});import{jsx as PV}from"react/jsx-runtime";import{Fragment as Wh,jsx as Ue,jsxs as Qn}from"react/jsx-runtime";var FV=e=>Ue(G,{children:Qn(Wh,{children:[Ue("div",{className:"k-timestamp",children:"Day, Month 7, 2023"}),Ue(V,{fullWidth:!0,children:Ue(U,{text:null,content:Qn("div",{className:"k-skeleton-container",style:{width:"100%"},children:[Ue(bo,{style:{width:"100%"}}),Ue(bo,{style:{width:"100%"}}),Ue(bo,{style:{width:"100%"}}),Ue(bo,{style:{width:"75%"}})]})})}),Ue(V,{type:"sender",fullWidth:!0,avatar:null,children:Ue(U,{text:null,content:Qn("div",{className:"k-skeleton-container",style:{width:"100%",display:"flex",alignItems:"center",gap:"var( --kendo-spacing-1 )"},children:[Ue(Sd,{style:{width:"32px",height:"32px"}}),Qn("div",{style:{flex:"1 1 50%"},children:[Ue(bo,{style:{width:"100%"}}),Ue(bo,{style:{width:"50%"}})]})]})})})]}),...e});export{FV as ChatMessageSkeleton};