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

@progress/kendo-themes-html 14.7.1-dev.5 → 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-upload.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 Za(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"},lt={undefined:void 0,outline:"outline",solid:"solid",duotone:"duotone"},h={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",inverse:"inverse"},r={open:"open",hover:"hover",focus:"focus",active:"active",selected:"selected",disabled:"disabled",valid:"valid",invalid:"invalid",loading:"loading",required:"required",empty:"empty",indeterminate:"indeterminate",checked:"checked",readonly:"readonly",highlighted:"highlighted",generating:"generating",expanded:"expanded"};var ts={};function B(e){return ts[e]=(ts[e]\|\|0)+1,`k-${e}-${ts[e]}`}import{Fragment as Ad,jsx as pi}from"react/jsx-runtime";var os="k-font-icon",Sd=[],kd={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]},Cd={},xa=e=>{let{size:t,themeColor:o,icon:a,rotate:n,flip:i,...l}=e;return a?pi("span",{...l,className:s(e.className,os,E(os,{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(Ad,{})};xa.states=Sd;xa.options=kd;xa.className=os;xa.defaultOptions=Cd;var di=xa;import{Fragment as Id,jsx as Qa}from"react/jsx-runtime";var as="k-svg-icon",Ed=[],yd={size:[d.undefined,d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary,h.success,h.warning,h.error,h.info],variant:[lt.outline,lt.solid,lt.duotone]},ns={viewBox:"0 0 24 24",variant:lt.outline},Na=e=>{let{size:t,themeColor:o,rotate:a,flip:n,viewBox:i=ns.viewBox,variant:l=ns.variant,icon:m,...u}=e;if(!m)return Qa(Id,{});if(m==="none")return Qa("span",{...u,className:s(e.className,as,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 Qa("span",{...u,className:s(e.className,as,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:Qa("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})})};Na.states=Ed;Na.options=yd;Na.className=as;Na.defaultOptions=ns;var ss=Na;importas rs from"@progress/kendo-svg-icons";var mi="icon",ci="icons";import{useContext as Od}from"react";import{createContext as Td}from"react";var ui=Td({iconsType:"svg"});import{Fragment as fi,jsx as ha}from"react/jsx-runtime";var ja="k-icon",Bd=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),Pd=[],Kd={size:[d.undefined,d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary,h.success,h.warning,h.error,h.info],variant:[lt.outline,lt.solid,lt.duotone]},en={viewBox:"0 0 24 24",type:"svg",variant:lt.outline},v=e=>{let{iconsType:t}=Od(ui),{size:o,themeColor:a,icon:n,type:i=t\|\|en.type,rotate:l,flip:m,viewBox:u=en.viewBox,variant:b=en.variant,...x}=e;if(!n)return ha(fi,{});if((t\|\|i)==="svg"){if(n==="none")return ha(ss,{...x,className:s(e.className,ja),icon:n,size:o,variant:b});let c=rs[n]?n:Bd(`${n}-icon`);return rs[c]?ha(ss,{...x,className:s(e.className,ja),icon:rs[c],size:o,themeColor:a,rotate:l,flip:m,viewBox:u,variant:b}):ha(fi,{})}return ha(di,{...x,className:s(e.className,ja),icon:n,size:o,themeColor:a,rotate:l,flip:m})};v.states=Pd;v.options=Kd;v.defaultOptions=en;v.className=ja;v.moduleName=mi;v.folderName=ci;var is="button",bi=is;import{Fragment as ls,jsx as It,jsxs as xi}from"react/jsx-runtime";var va="k-button",Rd=["icon-button"],_d=[r.hover,r.focus,r.active,r.selected,r.disabled,r.generating],wd={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]},ps={showArrow:!1,arrowIconName:"chevron-down"},p=e=>{let{as:t="button",size:o,rounded:a,fillMode:n,themeColor:i,showArrow:l=ps.showArrow,arrowIconName:m=ps.arrowIconName,variant:u,hover: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,fe=A!=null,fa=e.children!==void 0;return xi(t,{className:s(Ae,va,Za(va,u),E(va,{size:o,rounded:a,fillMode:n,themeColor:i}),C(va,{hover:b,focus:x,active:g,disabled:L\|\|S,selected:c}),{"k-icon-button":!w&&!fa&&fe}),"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(ls,{children:A}),w?xi(ls,{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(ls,{children:k}),l&&It("span",{className:"k-menu-button-arrow k-button-arrow",children:It(v,{icon:m})})]})};p.states=_d;p.options=wd;p.variants=Rd;p.className=va;p.defaultOptions=ps;p.moduleName=is;p.folderName=bi;import{jsx as Dd}from"react/jsx-runtime";var X=e=>Dd(p,{icon:"folder",...e,"aria-label":e["aria-label"]\|\|"Folder",children:void 0});import{jsx as Hd}from"react/jsx-runtime";var ga=e=>Hd(p,{icon:"folder",children:"Button",...e});import{jsx as _v}from"react/jsx-runtime";import{jsx as zd}from"react/jsx-runtime";var nt=e=>zd(p,{children:"Button",...e});import{jsx as ds}from"react/jsx-runtime";var Ud=p.options,Fd=p.states,Gd={...p.defaultOptions,variant:"text"},Vd=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],$d=[],bo=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return ds(X,{...o,icon:"star"});case"icon-and-text":return ds(ga,{...o,icon:"star",children:"Button"});default:return ds(nt,{...o,children:"Button"})}};bo.options=Ud;bo.states=Fd;bo.variants=Vd;bo.defaultOptions=Gd;bo.modifiers=$d;bo.className=p.className;import{jsx as Ni,jsxs as Yd}from"react/jsx-runtime";var tn="k-fab",Wd=[r.hover,r.focus,r.active,r.selected,r.disabled],Jd={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"},oe=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 Yd("button",{...L,type:l,className:s(e.className,tn,E(tn,{size:t,rounded:o,themeColor:a}),C(tn,{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})]})};oe.states=Wd;oe.options=Jd;oe.className=tn;oe.defaultOptions=hi;oe.moduleName="fab";oe.folderName="fab";import{jsx as Qd}from"react/jsx-runtime";var Zd="k-fab-items",vi=e=>{let{position:t,...o}=e;return Qd("ul",{...o,className:s(e.className,Zd,{[`k-fab-items-${t}`]:t}),children:e.children})};import{jsx as Li,jsxs as em}from"react/jsx-runtime";var gi="k-fab-item",jd=[r.hover,r.focus,r.active,r.disabled],ms=e=>{let{text:t,icon:o,align:a,hover:n,focus:i,active:l,disabled:m,...u}=e;return em("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})]})};ms.states=jd;import{jsx as xg}from"react/jsx-runtime";import{jsx as tm}from"react/jsx-runtime";var Mi=e=>tm(oe,{icon:"plus",...e});import{jsx as Sg}from"react/jsx-runtime";import{jsx as Eg}from"react/jsx-runtime";import{jsx as xo,jsxs as im}from"react/jsx-runtime";var om=oe.options,am=oe.states,nm={...oe.defaultOptions,variant:"text"},sm=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],rm=[{name:"opened",title:"Opened"}],No=e=>{let{variant:t,modifiers:o,...a}=e,{opened:n}=o\|\|{},i=n?xo("div",{className:"k-fab-popup k-popup k-popup-transparent",style:{position:"absolute",top:"calc(16px + 36px)",right:"calc(16px + calc(36px / 2) - calc(36px /2))"},children:xo(vi,{position:"bottom",children:xo(ms,{text:"Item",icon:"pencil",align:"right"})})}):null,l;switch(t){case"icon-only":l=xo(oe,{...a,icon:"star"});break;case"icon-and-text":l=xo(oe,{...a,icon:"star",text:"Action"});break;default:l=xo(oe,{...a,text:"Action"});break}return im("span",{style:{position:"relative"},children:[l,i]})};No.options=om;No.states=am;No.variants=sm;No.defaultOptions=nm;No.modifiers=rm;No.className=oe.className;import{jsx as dm}from"react/jsx-runtime";var cs="k-input-inner",lm=[],pm={},on={type:"text",autocomplete:"off",value:"",placeholder:""},be=e=>{let{value:t=on.value,type:o=on.type,placeholder:a=on.placeholder,autocomplete:n=on.autocomplete,disabled:i,readOnly:l,...m}=e;return dm("input",{...m,type:o,className:s(e.className,cs,E(cs,e)),placeholder:a,autoComplete:n,defaultValue:t,disabled:i\|\|void 0,readOnly:l\|\|void 0})};be.states=lm;be.options=pm;be.className=cs;import{jsx as um}from"react/jsx-runtime";var us="k-input-inner",mm=[],cm={},Si={value:"",placeholder:""},La=e=>{let{value:t=Si.value,placeholder:o=Si.placeholder,rows:a,disabled:n,...i}=e;return um("textarea",{...i,className:s(e.className,us,E(us,e)),placeholder:o,rows:a,defaultValue:t,disabled:n\|\|void 0})};La.states=mm;La.options=cm;La.className=us;var fs="prompt-box",ki=fs;var bs="speech-to-text-button",Ci=bs;import{jsx as fm}from"react/jsx-runtime";var Ai="k-speech-to-text-button",Ei={icon:"microphone"},Ke=e=>{let{listening:t=!1,icon:o=Ei.icon,...a}=e;return fm(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"})};Ke.states=p.states;Ke.options=p.options;Ke.className=Ai;Ke.defaultOptions=Ei;Ke.moduleName=bs;Ke.folderName=Ci;import{jsx as lL}from"react/jsx-runtime";import{jsx as cL}from"react/jsx-runtime";import{jsx as vm}from"react/jsx-runtime";var bm=p.states,yi={...p.defaultOptions,variant:"normal"},xm={...p.options,fillMode:p.options.fillMode.filter(e=>e!=="clear"&&e!=="link")},Nm=[],hm=[{name:"normal",title:"Normal"},{name:"listening",title:"Listening"}],ho=e=>{let{variant:t,...o}={...yi,...e},a={};return t==="listening"&&(a.listening=!0),vm(Ke,{...o,...a})};ho.options=xm;ho.states=bm;ho.variants=hm;ho.defaultOptions=yi;ho.modifiers=Nm;ho.className=Ke.className;import{jsx as Jt,jsxs as xs}from"react/jsx-runtime";var pt="k-prompt-box",gm=[r.hover,r.focus,r.disabled],Lm={fillMode:[N.undefined,N.solid,N.flat,N.outline]},Ns={lineMode:"auto",isExpanded:!1},xe=e=>{let{fillMode:t,lineMode:o=Ns.lineMode,startAffix:a,endAffix:n,header:i,isExpanded:l=Ns.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 xs("div",{...y,className:s(m,"k-input",pt,{[`${pt}-singleline`]:o==="single",[`${pt}-multiline`]:w,[`k-input-${t}`]:t,"k-hover":S,"k-focus":A,"k-disabled":k}),children:[i&&Jt("div",{className:`${pt}-header`,children:i}),xs("div",{className:`${pt}-content`,children:[a&&Jt("div",{className:`${pt}-affix`,children:a}),o==="single"?Jt(be,{value:b,placeholder:x,className:`${pt}-input`,type:"text","aria-label":"Prompt input"}):Jt(La,{value:b,placeholder:x,className:`${pt}-textarea`,rows:o==="multi"\|\|l?3:1,"aria-label":"Prompt input","aria-multiline":"true"}),xs("div",{className:`${pt}-affix`,children:[n,M&&Jt(X,{icon:"paperclip",size:"small",fillMode:"flat",rounded:"full","aria-label":"Attach files",...M}),L!==!1&&Jt(Ke,{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]})};xe.states=gm;xe.options=Lm;xe.className=pt;xe.defaultOptions=Ns;xe.moduleName=fs;xe.folderName=ki;import{jsx as _L}from"react/jsx-runtime";import{jsx as zL}from"react/jsx-runtime";import{jsx as VL}from"react/jsx-runtime";import{jsx as WL}from"react/jsx-runtime";import{jsx as QL}from"react/jsx-runtime";import{Fragment as hs,jsx as Tt,jsxs as Em}from"react/jsx-runtime";var Mm=xe.options,Sm=xe.states,km={...xe.defaultOptions,variant:"Single"},Cm=[{name:"Single",title:"Singleline"},{name:"Multi",title:"Multiline"}],Am=[{name:"header",title:"Header"},{name:"endAffix",title:"End Affix"},{name:"startAffix",title:"Start Affix"}],vo=e=>{let{variant:t,modifiers:o,...a}=e,n={},i=Tt(hs,{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=Em(hs,{children:[i,Tt(X,{icon:"paperclip",size:"small",fillMode:"flat"})]}));break;case"startAffix":n.startAffix=o?.[l]?Tt(hs,{children:Tt(X,{icon:"plus",size:"small",fillMode:"flat"})}):void 0;break;default:break}}),t==="Multi"?Tt(xe,{style:{width:300},lineMode:"multi",endAffix:i,placeholder:"Enter your prompt...",...a,...n}):Tt(xe,{style:{width:300},lineMode:"single",endAffix:i,placeholder:"Enter your prompt...",...a,...n})};vo.options=Mm;vo.states=Sm;vo.variants=Cm;vo.defaultOptions=km;vo.modifiers=Am;vo.className=xe.className;var vs="chat",Ii=vs;import{Fragment as Bi,jsx as Yt,jsxs as Ma}from"react/jsx-runtime";var Ti="k-chat",ym=[],Im={},Tm=Ma(Bi,{children:[Yt(X,{icon:"paperclip",fillMode:"clear",rounded:"full",size:"small","aria-label":"Attach file"},"paperclip"),Yt("div",{className:"k-spacer"})]}),Oi={tools:Tm},V=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 Ma("div",{...M,className:s(Ti,e.className),dir:o,children:[t,Ma("div",{className:"k-message-list",role:"log","aria-label":"Message list","aria-live":"polite",children:[i,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"}),Ma("div",{className:"k-message-box-wrapper",children:[a,Yt(xe,{lineMode:"multi",placeholder:"Type a message",generating:m,value:b,header:n\|\|l?Ma(Bi,{children:[l,n]}):void 0,endAffix:u,...L})]})]})};V.states=ym;V.options=Im;V.className=Ti;V.defaultOptions=Oi;V.moduleName=vs;V.folderName=Ii;var gs="button",Pi=gs;import{jsx as Km}from"react/jsx-runtime";var Sa="k-button-group",Om=[r.disabled],Bm={fillMode:[N.undefined,N.solid,N.flat,N.outline,N.clear,N.link]},Pm={},T=e=>{let{fillMode:t,disabled:o,stretched:a,...n}=e;return Km("div",{role:"group",...n,className:s(e.className,Sa,E(Sa,{fillMode:t}),C(Sa,{disabled:o}),{[`${Sa}-stretched`]:a}),...o&&{"aria-disabled":"true"},children:e.children})};T.states=Om;T.options=Bm;T.className=Sa;T.defaultOptions=Pm;T.moduleName=gs;T.folderName=Pi;import{Fragment as BM,jsx as OM,jsxs as PM}from"react/jsx-runtime";import{Fragment as HM,jsx as DM,jsxs as zM}from"react/jsx-runtime";import{Fragment as XM,jsx as $M,jsxs as qM}from"react/jsx-runtime";import{Fragment as jM,jsx as QM,jsxs as eS}from"react/jsx-runtime";import{Fragment as rS,jsx as sS,jsxs as iS}from"react/jsx-runtime";import{Fragment as uS,jsx as cS,jsxs as fS}from"react/jsx-runtime";import{Fragment as gS,jsx as vS,jsxs as LS}from"react/jsx-runtime";import{jsx as Lt,jsxs as Ls}from"react/jsx-runtime";var Rm={...p.options,...T.options},_m=p.states,wm={...p.defaultOptions,...T.defaultOptions,variant:"text-button"},Dm=[{name:"icon-button",title:"Icon Only"},{name:"text-button",title:"Text"},{name:"icon-text-button",title:"Icon Text"}],Hm=[],go=e=>{let{variant:t,className:o,...a}=e;return t==="icon-button"?Ls(T,{fillMode:a.fillMode,className:o,children:[Lt(p,{...a,icon:"star"}),Lt(p,{...a,icon:"star"}),Lt(p,{...a,icon:"star"})]}):t==="icon-text-button"?Ls(T,{fillMode:a.fillMode,className:o,children:[Lt(p,{...a,icon:"star",children:"First"}),Lt(p,{...a,icon:"star",children:"Middle"}),Lt(p,{...a,icon:"star",children:"Last"})]}):Ls(T,{fillMode:a.fillMode,className:o,children:[Lt(p,{...a,children:"First"}),Lt(p,{...a,children:"Middle"}),Lt(p,{...a,children:"Last"})]})};go.options=Rm;go.states=_m;go.variants=Dm;go.defaultOptions=wm;go.modifiers=Hm;go.className=T.className;var ka="input",nn=ka;import{jsx as Gm}from"react/jsx-runtime";var sn="k-input",zm=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading,r.readonly],Um={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]},Fm={},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 Gm("span",{...g,className:s(e.className,sn,E(sn,{size:u,rounded:b,fillMode:x}),C(sn,{hover:t,focus:o,disabled:a,invalid:n,valid:i,loading:l,readonly:m}))})};J.states=zm;J.options=Um;J.className=sn;J.defaultOptions=Fm;J.moduleName=ka;J.folderName=nn;import{jsx as qm}from"react/jsx-runtime";var rn="k-picker",Vm=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading,r.readonly],$m={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]},Xm={},dt=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 qm("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})),children:e.children})};dt.states=Vm;dt.options=$m;dt.className=rn;dt.defaultOptions=Xm;dt.moduleName=ka;dt.folderName=nn;import{Fragment as Ym,jsx as Ms}from"react/jsx-runtime";var Ki="k-clear-value",Wm=[r.disabled,r.loading,r.readonly],Jm={},Re=e=>{let{disabled:t,loading:o,readonly:a,value:n}=e;return t\|\|a\|\|o\|\|!n?Ms(Ym,{}):Ms("span",{className:s(e.className,Ki),children:Ms(v,{icon:"x"})})};Re.states=Wm;Re.options=Jm;Re.className=Ki;import{jsx as Ri,jsxs as jm}from"react/jsx-runtime";var Ss="k-input-inner",Zm=[],Qm={},Zt=e=>{let{value:t,placeholder:o,showValue:a,valueIcon:n,valueIconName:i,...l}=e;return jm("span",{...l,className:s(e.className,Ss,E(Ss,e)),children:[n,!n&&i&&Ri(v,{className:"k-input-value-icon",icon:i}),a&&!t&&o,a&&t&&Ri("span",{className:"k-input-value-text",children:t})]})};Zt.states=Zm;Zt.options=Qm;Zt.className=Ss;import{Fragment as tc,jsx as _i}from"react/jsx-runtime";var wi="k-input-loading-icon",ec=[r.disabled,r.loading],Ee=e=>{let{disabled:t,loading:o}=e;return t\|\|!o?_i(tc,{}):_i("span",{className:s(e.className,wi,"k-icon k-i-loading")})};Ee.states=ec;Ee.className=wi;import{Fragment as nc,jsx as Di}from"react/jsx-runtime";var Hi="k-input-validation-icon",oc=[r.valid,r.invalid,r.disabled,r.loading],ac={},Ne=e=>{let{valid:t,invalid:o,disabled:a,loading:n}=e,i=o?"warning-circle":"check-circle";return a\|\|n\|\|!!!(t\|\|o)?Di(nc,{}):Di(v,{className:s(Hi),icon:i})};Ne.states=oc;Ne.options=ac;Ne.className=Hi;import{Fragment as ic,jsx as zi}from"react/jsx-runtime";var sc="k-input-prefix",rc={direction:"horizontal"},Fe=e=>{let{direction:t=rc.direction,...o}=e;return e.children?zi("span",{...o,className:s(sc,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):zi(ic,{})};import{Fragment as dc,jsx as Ui}from"react/jsx-runtime";var lc="k-input-suffix",pc={direction:"horizontal"},Ge=e=>{let{direction:t=pc.direction,...o}=e;return e.children?Ui("span",{...o,className:s(lc,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):Ui(dc,{})};import{jsx as xk}from"react/jsx-runtime";import{jsx as cc}from"react/jsx-runtime";var mc="k-input-suffix-text",ks=e=>{let{children:t,...o}=e;return cc("span",{...o,className:s(mc,e.className),children:t})};import{jsx as fc}from"react/jsx-runtime";var Fi="k-input-separator",uc={direction:"vertical"},Ve=e=>{let{direction:t=uc.direction,...o}=e;return fc("span",{...o,className:s(Fi,e.className,{[`${Fi}-${t}`]:t})})};import{Fragment as Gi,jsx as mt,jsxs as Cs}from"react/jsx-runtime";var bc=J.states,xc=J.defaultOptions,Nc=J.options,hc=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],vc=[],Lo=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 Cs(J,{...m,valid:o,invalid:a,loading:n,disabled:i,readonly:l,style:{width:300},children:[u&&Cs(Gi,{children:[mt(Fe,{children:mt(v,{icon:"lock"})}),c&&mt(Ve,{})]}),mt(be,{placeholder:"Placeholder",value:"Value"}),g&&mt(Ne,{valid:o,invalid:a,loading:n,disabled:i}),mt(Ee,{loading:n,disabled:i}),x&&mt(Re,{loading:n,disabled:i,readonly:l,value:"Value"}),b&&Cs(Gi,{children:[c&&mt(Ve,{}),mt(Ge,{children:mt(nt,{size:m.size,fillMode:"clear",children:"Send"})})]})]})};Lo.options=Nc;Lo.states=bc;Lo.variants=vc;Lo.defaultOptions=xc;Lo.modifiers=hc;Lo.className=J.className;import{jsx as Vi,jsxs as Mc}from"react/jsx-runtime";var $i="k-color-preview",gc=[],Lc={},Ot=e=>{let{color:t,iconName:o,...a}=e;return Mc("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=gc;Ot.options=Lc;Ot.className=$i;var As="popup",Xi=As;import{jsx as qi}from"react/jsx-runtime";var Wi="k-animation-container",Sc=[],kc={},Es={positionMode:"absolute",shown:!0},ct=e=>{let{positionMode:t=Es.positionMode,shown:o=Es.shown,animationStyle:a,offset:n,...i}=e;return qi("div",{...i,style:{...n,...e.style},className:s(e.className,Wi,{"k-animation-container-shown":o,"k-animation-container-fixed":t==="fixed"}),children:qi("div",{className:"k-child-animation-container",style:a,children:e.children})})};ct.states=Sc;ct.options=kc;ct.className=Wi;ct.defaultOptions=Es;ct.moduleName=As;ct.folderName=Xi;var ys="popup",Ji=ys;import{jsx as Yi}from"react/jsx-runtime";var Zi="k-popup",Cc=[],Ac={},Qi={positionMode:"absolute"},q=e=>{let{offset:t,positionMode:o=Qi.positionMode,animationStyle:a,containerClassName:n,containerRole:i,containerAriaLabel:l,...m}=e;return Yi(ct,{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=Cc;q.options=Ac;q.className=Zi;q.defaultOptions=Qi;q.moduleName=ys;q.folderName=Ji;var Is="action-buttons",ji=Is;import{jsx as Ic}from"react/jsx-runtime";var ln="k-actions",Ec=[],yc={},Ts={alignment:"start",orientation:"horizontal"},_e=e=>{let{alignment:t=Ts.alignment,orientation:o=Ts.orientation,...a}=e;return Ic("div",{...a,className:s(ln,{[`${ln}-${t}`]:t,[`${ln}-${o}`]:o},e.className),children:e.children})};_e.states=Ec;_e.options=yc;_e.className=ln;_e.defaultOptions=Ts;_e.moduleName=Is;_e.folderName=ji;var el=_e;import{jsx as Oc}from"react/jsx-runtime";var Tc="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":_e,...i}=e;return Oc(n,{...i,...!a&&{alignment:t,orientation:o},className:s(e.className,Tc),children:e.children})};var Os="searchbox",ol=Os;import{jsx as Ca,jsxs as Kc}from"react/jsx-runtime";var al="k-searchbox",Bc=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading],Pc={size:[d.undefined,d.small,d.medium,d.large],rounded:[f.undefined,f.none,f.small,f.medium,f.large,f.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},pn={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=pn.showIcon,showClearButton:M=pn.showClearButton,icon:S=pn.icon,"aria-label":A,...k}=e;return Kc(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&&Ca(v,{className:"k-input-icon",icon:S}),Ca(be,{placeholder:o,value:t,"aria-label":A}),Ca(Ee,{...e}),Ca(Ne,{...e}),M&&Ca(Re,{...e})]})};$e.states=Bc;$e.options=Pc;$e.className=al;$e.defaultOptions=pn;$e.moduleName=Os;$e.folderName=ol;import{jsx as UC}from"react/jsx-runtime";var Bs="textbox",nl=Bs;import{Fragment as sl,jsx as Pt,jsxs as Ps}from"react/jsx-runtime";var rl="k-textbox",Rc=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading,r.readonly],_c={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={showClearButton:!0,showValidationIcon:!0,separators:!0},de=e=>{let{size:t,rounded:o,fillMode:a,separators:n=dn.separators,showClearButton:i=dn.showClearButton,showValidationIcon:l=dn.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,...fe}=e;return Ps(J,{...fe,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&&Ps(sl,{children:[Pt(Fe,{children:m}),n&&Pt(Ve,{})]}),Pt(be,{id:se,placeholder:g,value:x,type:b,disabled:y,"aria-label":Ae,"aria-describedby":pe,"aria-invalid":S?"true":void 0}),l&&Pt(Ne,{valid:M,invalid:S,loading:k,disabled:y}),Pt(Ee,{loading:k,disabled:y}),i&&Pt(Re,{loading:k,disabled:y,readonly:w,value:x}),u&&Ps(sl,{children:[n&&Pt(Ve,{}),Pt(Ge,{children:u})]})]})};de.states=Rc;de.options=_c;de.className=rl;de.defaultOptions=dn;de.moduleName=Bs;de.folderName=nl;var Aa=de;import{jsx as wc}from"react/jsx-runtime";var mn=e=>wc(Aa,{...e});import{Fragment as sA,jsx as nA}from"react/jsx-runtime";import{Fragment as mA,jsx as dA}from"react/jsx-runtime";import{jsx as bA}from"react/jsx-runtime";import{jsx as Ks}from"react/jsx-runtime";var Dc=de.states,Hc=de.defaultOptions,zc=de.options,Uc=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],Fc=[],Mo=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(n=>{switch(n){case"prefix":a.prefix=t?.[n]?Ks(v,{icon:"lock"}):void 0;break;case"suffix":a.suffix=t?.[n]?Ks(nt,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":a.showClearButton=t?.[n];break;default:break}}),Ks(mn,{value:"Value",style:{width:300},...o,...a})};Mo.options=zc;Mo.states=Dc;Mo.variants=Fc;Mo.defaultOptions=Hc;Mo.modifiers=Uc;Mo.className=de.className;import{jsx as Kt,jsxs as Rs}from"react/jsx-runtime";var il="k-actionsheet-titlebar",Gc={},he=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 Rs("div",{...c,className:s(e.className,il),children:[Rs("div",{className:"k-actionsheet-titlebar-group",children:[a&&Kt("div",{className:"k-actionsheet-actions",children:a}),!g&&Rs("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"})})]})};he.className=il;he.defaultOptions=Gc;import{jsx as _s,jsxs as qc}from"react/jsx-runtime";var ws="k-actionsheet-view",Vc=[],$c={},Xc={},So=e=>{let{adaptive:t,animated:o,children:a,header:n,footer:i,titleId:l,...m}=e,u=n?.type===he&&_s(he,{adaptive:t,titleId:l,...n?.props}),b=i?.type===Bt&&_s(Bt,{...i?.props});return qc("div",{...m,className:s(e.className,ws,{[`${ws}-animated`]:o}),children:[u,_s("div",{className:"k-actionsheet-content",children:a}),b]})};So.states=Vc;So.options=$c;So.className=ws;So.defaultOptions=Xc;var Ea="action-sheet",cn=Ea;var Ds="overlay",ll=Ds;import{jsx as Zc}from"react/jsx-runtime";var pl="k-overlay",Wc=[],Jc={},Yc={},ut=e=>{let{...t}=e;return Zc("div",{...t,className:s(e.className,pl),children:e.children})};ut.states=Wc;ut.options=Jc;ut.className=pl;ut.defaultOptions=Yc;ut.moduleName=Ds;ut.folderName=ll;import{jsx as un,jsxs as eu}from"react/jsx-runtime";var dl="k-actionsheet",Qc=[],jc={},ya={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},Y=e=>{let{side:t=ya.side,fullscreen:o=ya.fullscreen,adaptive:a=ya.adaptive,overlay:n=ya.overlay,template:i,children:l,header:m,footer:u,id:b,...x}=e,g=b&&!i&&m?`${b}-title`:void 0;return eu("div",{className:"k-actionsheet-container",children:[n&&un(ut,{}),un(ct,{animationStyle:{[`${o===!0?"top":t}`]:0,[`${o===!0?"width":null}`]:"100%",[`${o===!0?"height":null}`]:"100%",[`${t==="top"\|\|t==="bottom"?"width":null}`]:"100%",[`${t==="left"\|\|t==="right"?"height":null}`]:"100%"},children:un("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\|\|un(So,{header:m,footer:u,adaptive:a,titleId:g,...e,children:l})})})]})};Y.states=Qc;Y.options=jc;Y.className=dl;Y.defaultOptions=ya;Y.moduleName=Ea;Y.folderName=cn;import{jsx as nu}from"react/jsx-runtime";var ml="k-actionsheet-container",tu=[],ou={},au={},ko=e=>{let{children:t,...o}=e;return nu("div",{...o,className:ml,children:t})};ko.states=tu;ko.options=ou;ko.className=ml;ko.defaultOptions=au;ko.moduleName=Ea;ko.folderName=cn;import{jsx as su}from"react/jsx-runtime";var Hs=e=>{let{...t}=e;return su("div",{...t,className:s(e.className,"k-list-ul"),children:e.children})};import{Fragment as iu,jsx as Ia,jsxs as zs}from"react/jsx-runtime";var Us="k-actionsheet-item",ru=[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 zs("span",{...u,className:s(e.className,Us,C(Us,{hover:n,focus:i,selected:l,disabled:m})),children:[!e.children&&Ia(iu,{children:zs("span",{className:"k-actionsheet-action",children:[t&&Ia("span",{className:"k-icon-wrap",children:Ia(v,{className:"k-actionsheet-item-icon",icon:t})}),zs("span",{className:"k-actionsheet-item-text",children:[o&&Ia("span",{className:"k-actionsheet-item-title",children:o}),a&&Ia("span",{className:"k-actionsheet-item-description",children:a})]})]})}),e.children]})};Rt.states=ru;Rt.className=Us;import{jsx as fE,jsxs as bE}from"react/jsx-runtime";import{jsx 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 re,jsxs as Fs}from"react/jsx-runtime";var lu=Y.options,pu=Y.states,ul={...Y.defaultOptions,variant:"normal"},du=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],mu=[{name:"actions",title:"Titlebar Actions",type:"boolean"},{name:"subtitle",title:"Subtitle",type:"boolean"},{name:"footer",title:"Footer",type:"boolean"}],Co=e=>{let{variant:t,modifiers:o,...a}={...ul,...e},n={},i=Fs(Hs,{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(he,{actionsStart:n.actionsStart?re(p,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:n.actionsEnd?re(p,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:m,subtitle:n.subtitle}),footer:n.footer?Fs(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(he,{actionsStart:n.actionsStart?re(p,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:n.actionsEnd?re(p,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:n.subtitle}),footer:n.footer?Fs(Bt,{alignment:"stretched",children:[re(p,{text:"Apply",themeColor:"primary"}),re(p,{text:"Cancel",themeColor:"base"})]}):void 0,children:i})};Co.options=lu;Co.states=pu;Co.variants=du;Co.defaultOptions=ul;Co.modifiers=mu;Co.className=Y.className;var Gs="slider",fl=Gs;import{jsx as Ao,jsxs as Vs}from"react/jsx-runtime";var Ta="k-slider",cu=[r.hover,r.focus,r.active,r.disabled,r.readonly],uu={},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,fe;return o==="horizontal"?(pe=y==="rtl"?"chevron-left":"chevron-right",fe=y==="rtl"?"chevron-right":"chevron-left"):o==="vertical"&&(pe="chevron-up",fe="chevron-down"),Vs("div",{...w,className:s(Ta,e.className,C(Ta,{readonly:n,disabled:i}),{[`k-slider-${o}`]:o,"k-colorgradient-slider":t==="gradient"}),dir:y,children:[m&&Ao(p,{className:"k-button-decrease",rounded:"full",icon:fe,tabIndex:-1,title:"Decrease"}),Vs("div",{className:"k-slider-track-wrap",children:[u&&Ao("ul",{className:"k-reset k-slider-items","aria-hidden":"true",children:e.children}),Vs("div",{className:"k-slider-track",style:k,children:[Ao("div",{className:"k-slider-selection"}),t==="range"&&Ao("span",{className:s("k-draghandle","k-draghandle-start",C(Ta,{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"}),Ao("span",{className:s("k-draghandle",`k-draghandle-${l}`,C(Ta,{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&&Ao(p,{className:"k-button-increase",rounded:"full",icon:pe,tabIndex:-1,title:"Increase"})]})};$.states=cu;$.options=uu;$.className=Ta;$.defaultOptions=Xe;$.moduleName=Gs;$.folderName=fl;import{jsx as bl}from"react/jsx-runtime";var xl="k-tick",fu=[],bu={},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=fu;I.options=bu;I.className=xl;I.defaultOptions=Nl;import{Fragment as xu,jsx as qe,jsxs as Nu}from"react/jsx-runtime";var hl=e=>qe($,{"aria-label":e["aria-label"]\|\|"Slider",children:Nu(xu,{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 hu,jsx as We,jsxs as vu}from"react/jsx-runtime";var vl=e=>We($,{children:vu(hu,{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 by,jsx as fy,jsxs as xy}from"react/jsx-runtime";import{Fragment as Ly,jsx as gy,jsxs as My}from"react/jsx-runtime";import{jsx as gu}from"react/jsx-runtime";var $s=e=>gu($,{type:"gradient",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]\|\|"Color slider"});import{jsx as Lu}from"react/jsx-runtime";var Xs=e=>Lu($,{type:"gradient",orientation:"vertical",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]\|\|"Color slider"});import{Fragment as Py,jsx as By,jsxs as Ky}from"react/jsx-runtime";import{Fragment as Hy,jsx as Dy,jsxs as zy}from"react/jsx-runtime";import{jsx as ft,jsxs as gl}from"react/jsx-runtime";var Mu=$.options,Su=$.states,Ll={...$.defaultOptions,variant:"horizontal",label:!0},ku=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],Cu=[{name:"label",title:"Labels",default:!0},{name:"tick",title:"Ticks",default:!0},{name:"button",title:"Side Buttons",default:!0}],Eo=e=>{let{variant:t,modifiers:o,...a}=e,n=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:[ft(I,{label:n,large:!0,orientation:"vertical",text:"0",style:{position:"absolute",bottom:"0%"}}),ft(I,{label:n,large:!0,orientation:"vertical",text:"2",style:{position:"absolute",bottom:"25%"}}),ft(I,{label:n,large:!0,orientation:"vertical",text:"4",style:{position:"absolute",bottom:"50%"}}),ft(I,{label:n,large:!0,orientation:"vertical",text:"6",style:{position:"absolute",bottom:"75%"}}),ft(I,{label:n,large:!0,orientation:"vertical",text:"8",style:{position:"absolute",bottom:"100%"}})]}):gl(hl,{style:{width:"400px",...l},...a,...i,children:[ft(I,{label:n,large:!0,orientation:"horizontal",text:"0",style:{position:"absolute",left:"0%"}}),ft(I,{label:n,large:!0,orientation:"horizontal",text:"2",style:{position:"absolute",left:"25%"}}),ft(I,{label:n,large:!0,orientation:"horizontal",text:"4",style:{position:"absolute",left:"50%"}}),ft(I,{label:n,large:!0,orientation:"horizontal",text:"6",style:{position:"absolute",left:"75%"}}),ft(I,{label:n,large:!0,orientation:"horizontal",text:"8",style:{position:"absolute",left:"100%"}})]})};Eo.options=Mu;Eo.states=Su;Eo.variants=ku;Eo.defaultOptions=Ll;Eo.modifiers=Cu;Eo.className=$.className;import{jsx as Ml,jsxs as Tu}from"react/jsx-runtime";var Sl="k-spin-button",yu=[],Iu={size:[d.undefined,d.small,d.medium,d.large],fillMode:[N.undefined,N.solid,N.flat,N.outline,N.clear,N.link]},qs={increaseLabel:"Increase value",decreaseLabel:"Decrease value"},_t=e=>{let{size:t,fillMode:o,disabled:a,increaseLabel:n=qs.increaseLabel,decreaseLabel:i=qs.decreaseLabel,...l}=e;return Tu("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=yu;_t.options=Iu;_t.className=Sl;_t.defaultOptions=qs;_t.moduleName=null;_t.folderName=null;var kl="numeric-textbox",Cl="numerictextbox";import{Fragment as Al,jsx as Mt,jsxs as Ws}from"react/jsx-runtime";var El="k-numerictextbox",Ou=[r.hover,r.focus,r.valid,r.invalid,r.loading,r.required,r.disabled,r.readonly],Bu={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]},fn={showSpinButton:!0,showClearButton:!0,separators:!0},H=e=>{let{size:t,rounded:o,fillMode:a,separators:n=fn.separators,showClearButton:i=fn.showClearButton,showSpinButton:l=fn.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 Ws(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&&Ws(Al,{children:[Mt(Fe,{children:m}),n&&Mt(Ve,{})]}),Mt(be,{id:w,placeholder:x,value:b,role:"spinbutton",disabled:k,"aria-label":se,"aria-describedby":Ae,"aria-invalid":M?"true":void 0}),Mt(Ne,{valid:L,invalid:M,loading:A,disabled:k}),Mt(Ee,{loading:A,disabled:k}),i&&Mt(Re,{loading:A,disabled:k,readonly:y,value:b}),u&&Ws(Al,{children:[n&&Mt(Ve,{}),Mt(Ge,{children:u})]}),l&&Mt(_t,{className:"k-input-spinner",size:t,fillMode:a,disabled:k})]})};H.states=Ou;H.options=Bu;H.className=El;H.defaultOptions=fn;H.moduleName=kl;H.folderName=Cl;var Oa=H;import{jsx as Pu}from"react/jsx-runtime";var yl=e=>Pu(Oa,{...e});import Ys from"react";import{jsx as Il}from"react/jsx-runtime";var Ku="k-list-group-sticky-header",Js=e=>Il("div",{className:s(Ku,e.className),children:Il("div",{className:"k-list-header-text",children:e.children})});import{jsx as _u}from"react/jsx-runtime";var Ru="k-no-data",bn=e=>{let{live:t,...o}=e;return _u("span",{...o,className:s(Ru,e.className),"aria-live":t?"polite":void 0,children:e.children})};var Qt="list",yo=Qt;import{jsx as Tl,jsxs as Ol}from"react/jsx-runtime";var Zs="k-list",wu=[],Du={size:[d.undefined,d.small,d.medium,d.large]},Hu={},R=e=>{let{size:t,virtualization:o,children:a,header:n,selectAll:i,optionLabel:l,customValue:m,noData:u,screenReaders:b,...x}=e,c=Ys.Children.toArray(a)[0],L=c?.props?.children?Ys.Children.count(c.props.children):Ys.Children.count(a);return Ol("div",{...x,className:s(e.className,Zs,E(Zs,{size:t}),{"k-virtual-list":o}),children:[l,i,m,n&&Tl(Js,{children:n}),a\|\|(u!==void 0?u:Tl(bn,{live:!0,children:"No data found."})),b&&a&&Ol(bn,{className:"k-sr-only",live:!0,children:[L," items found."]})]})};R.states=wu;R.options=Du;R.className=Zs;R.defaultOptions=Hu;R.moduleName=Qt;R.folderName=yo;import{jsx as Gu}from"react/jsx-runtime";var Bl="k-list-container",zu=[],Uu={},Fu={},Io=e=>{let{...t}=e;return Gu("div",{...t,className:s(e.className,Bl),children:e.children})};Io.states=zu;Io.options=Uu;Io.className=Bl;Io.defaultOptions=Fu;Io.moduleName=Qt;Io.folderName=yo;var jt="checkbox",To=jt;import{jsx as Pl}from"react/jsx-runtime";var xn="k-checkbox",Vu=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.checked,r.indeterminate],$u={size:[d.undefined,d.small,d.medium,d.large],rounded:[f.undefined,f.none,f.small,f.medium,f.large,f.full]},Xu={},we=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,xn,E(xn,{size:x,rounded:g}),C(xn,{hover:n,focus:i,disabled:l,invalid:m,valid:u,indeterminate:a,checked:o}))})})};we.states=Vu;we.options=$u;we.className=xn;we.defaultOptions=Xu;we.moduleName=jt;we.folderName=To;var st=we;import{jsx as Ju}from"react/jsx-runtime";var Kl="k-checkbox-list",qu=[],Wu={},Rl={layout:"vertical"},ve=e=>{let{layout:t=Rl.layout,...o}=e;return Ju("ul",{...o,className:s(e.className,Kl,{[`k-list-${t}`]:t}),children:e.children})};ve.states=qu;ve.options=Wu;ve.className=Kl;ve.defaultOptions=Rl;ve.moduleName=jt;ve.folderName=To;import{jsx as ju}from"react/jsx-runtime";var _l="k-checkbox-list-item",Yu=[],Zu={},Qu={},ge=e=>{let{...t}=e;return ju("li",{...t,className:s(e.className,_l),children:e.children})};ge.states=Yu;ge.options=Zu;ge.className=_l;ge.defaultOptions=Qu;ge.moduleName=jt;ge.folderName=To;import{Fragment as ef,jsx as wl,jsxs as tf}from"react/jsx-runtime";var St=({children:e="Label",id:t="cb-label-after",...o})=>tf(ef,{children:[wl(st,{id:t,...o}),wl("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});import{Fragment as dT,jsx as pT,jsxs as mT}from"react/jsx-runtime";import{Fragment as xT,jsx as bT,jsxs as NT}from"react/jsx-runtime";import{Fragment as MT,jsx as LT,jsxs as ST}from"react/jsx-runtime";import{jsx 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 Je,jsxs as Dl}from"react/jsx-runtime";var of=ve.options,af=ve.states,nf={...ve.defaultOptions,variant:"vertical"},sf=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],rf=[],Oo=e=>{let{variant:t,...o}=e;return t==="horizontal"?Dl(ve,{layout:"horizontal",...o,children:[Je(ge,{children:Je(St,{id:B("cb"),defaultChecked:!0,children:"Label"})}),Je(ge,{children:Je(St,{id:B("cb"),children:"Label"})}),Je(ge,{children:Je(St,{id:B("cb"),children:"Label"})})]}):Dl(ve,{...o,children:[Je(ge,{children:Je(St,{id:B("cb"),defaultChecked:!0,children:"Label"})}),Je(ge,{children:Je(St,{id:B("cb"),children:"Label"})}),Je(ge,{children:Je(St,{id:B("cb"),children:"Label"})})]})};Oo.options=of;Oo.states=af;Oo.variants=sf;Oo.defaultOptions=nf;Oo.modifiers=rf;Oo.className=ve.className;import{jsx as uf}from"react/jsx-runtime";var lf=st.options,pf=st.states,df=st.defaultOptions,mf=[],cf=[],Bo=e=>uf(St,{id:B("checkbox"),...e,defaultChecked:!0,children:"Label"});Bo.options=lf;Bo.states=pf;Bo.variants=mf;Bo.defaultOptions=df;Bo.modifiers=cf;Bo.className=st.className;import{jsx as Po,jsxs as Nf}from"react/jsx-runtime";var Qs="k-list-item",ff=[r.hover,r.focus,r.selected,r.disabled],bf={},xf={},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 Nf("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,Qs,C(Qs,{hover:l,focus:m,disabled:b,selected:u})),children:[n&&Po(we,{checked:i,disabled:b,"aria-label":S,tabIndex:-1}),o&&Po("span",{className:"k-list-item-icon-wrapper",children:Po(v,{icon:o,className:s("k-list-item-icon",a)})}),Po("span",{className:"k-list-item-text",children:M}),x&&Po("div",{className:"k-list-item-actions",children:x}),g&&Po("span",{className:"k-list-item-description",children:g})]})};O.states=ff;O.options=bf;O.className=Qs;O.defaultOptions=xf;O.moduleName=Qt;O.folderName=yo;import{jsx as vf}from"react/jsx-runtime";var hf="k-list-ul",wt=e=>{let{children:t,role:o,id:a,...n}=e;return vf("ul",{...n,id:a,role:o,className:s(hf,e.className),children:t})};import{jsx as js,jsxs as Lf}from"react/jsx-runtime";var gf="k-list-content",U=e=>{let{virtualization:t,grouping:o,"aria-label":a,"aria-labelledby":n,listboxId:i,...l}=e;return Lf("div",{...l,className:s(gf,e.className),role:o?"listbox":void 0,id:o?i:void 0,"aria-label":o?a:void 0,"aria-labelledby":o?n:void 0,children:[o?e.children:js(wt,{role:"listbox",id:i,"aria-label":a,"aria-labelledby":n,children:e.children}),t&&js("div",{className:"k-height-container",children:js("div",{})})]})};import{jsx as er,jsxs as Cf}from"react/jsx-runtime";var Nn="k-list-sticky-header",Mf=[r.hover,r.focus,r.selected],Sf={},kf={},hn=e=>{let{label:t="Select all",showCheckbox:o=!0,checked:a,indeterminate:n,hover:i,focus:l,selected:m,...u}=e;return er("div",{...u,className:s(Nn,e.className),children:Cf("div",{className:s(`${Nn}-item`,C(`${Nn}-item`,{hover:i,focus:l,selected:m})),"aria-label":t,...!o&&{tabIndex:0,"aria-selected":m?"true":"false"},children:[o&&er(we,{checked:a,indeterminate:n,"aria-label":t}),er("span",{className:"k-list-item-text",children:t})]})})};hn.states=Mf;hn.options=Sf;hn.className=Nn;hn.defaultOptions=kf;import{Fragment as IO,jsx as yO,jsxs as TO}from"react/jsx-runtime";import{jsx as RO,jsxs as _O}from"react/jsx-runtime";import{jsx as If}from"react/jsx-runtime";var tr="k-list-optionlabel",Af=[r.hover,r.focus,r.selected,r.disabled],Ef={},yf={},vn=e=>{let{text:t,hover:o,focus:a,selected:n,disabled:i,...l}=e;return If("div",{...l,className:s(tr,C(tr,{hover:o,focus:a,selected:n,disabled:i})),children:t})};vn.states=Af;vn.options=Ef;vn.className=tr;vn.defaultOptions=yf;import{jsx as Pf}from"react/jsx-runtime";var or="k-list-custom-value",Tf=[r.hover,r.focus,r.selected,r.disabled],Of={},Bf={},Dt=e=>{let{text:t,hover:o,focus:a,selected:n,disabled:i,...l}=e;return Pf("div",{...l,className:s(or,C(or,{hover:o,focus:a,selected:n,disabled:i})),children:t})};Dt.states=Tf;Dt.options=Of;Dt.className=or;Dt.defaultOptions=Bf;import{Fragment as WO,jsx as qO,jsxs as JO}from"react/jsx-runtime";import{Fragment as tB,jsx as eB,jsxs as oB}from"react/jsx-runtime";import{Fragment as pB,jsx as iB,jsxs as lB}from"react/jsx-runtime";import{Fragment as xB,jsx as fB,jsxs as bB}from"react/jsx-runtime";import{jsx as gB}from"react/jsx-runtime";import{Fragment as AB,jsx as CB,jsxs as EB}from"react/jsx-runtime";import{Fragment as PB,jsx as BB,jsxs as KB}from"react/jsx-runtime";var Hl="dropdown-list",zl="dropdownlist";import{Fragment as _f,jsx as Le,jsxs as ar}from"react/jsx-runtime";var Ul="k-dropdownlist",Kf=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading,r.readonly],Rf={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]},nr={showValue:!0,arrowIconName:"chevron-down"},ne=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:n=nr.arrowIconName,showValue:i=nr.showValue,valueIconName:l,prefix:m,suffix:u,value: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:fe,adaptiveSubtitle:fa,adaptiveFilter:qt,id:Wt,activeDescendant:ba,"aria-label":Qn,...jn}=e,es=Wt?`${Wt}-listbox`:void 0,li=Wt?`${Wt}-value`:void 0;return ar(_f,{children:[ar(dt,{...jn,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?es:void 0,"aria-activedescendant":se&&ba?ba:void 0,"aria-describedby":se?li:void 0,"aria-disabled":k?"true":void 0,"aria-label":Qn,tabIndex:0,children:[Le(Fe,{children:m}),Le(Zt,{placeholder:x,value:b,showValue:i,valueIconName:l,id:li}),Le(Ne,{valid:L,invalid:M,loading:A,disabled:k}),Le(Ee,{loading:A,disabled:k}),Le(Ge,{children:u}),Le(p,{className:"k-input-button",icon:n,size:e.size,fillMode:e.fillMode,"aria-label":x\|\|"Toggle dropdown",tabIndex:-1})]}),se&&w&&Le(q,{className:"k-list-container k-dropdownlist-popup",containerRole:"region",containerAriaLabel:"Dropdown suggestions",children:w}),Ae&&Le(Y,{adaptive:!0,...pe,header:Le(he,{actionsEnd:Le(p,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),filter:qt,inputValue:b,inputPlaceholder:x,title:fe,subtitle:fa}),children:Le("div",{className:"k-list-container",children:Le(R,{size:"large",children:ar(U,{"aria-label":"Options",children:[Le(O,{text:"List item"}),Le(O,{text:"List item"}),Le(O,{text:"List item"})]})})})})]})};ne.states=Kf;ne.options=Rf;ne.className=Ul;ne.defaultOptions=nr;ne.moduleName=Hl;ne.folderName=zl;import{jsx as bP}from"react/jsx-runtime";import{jsx as LP,jsxs as MP}from"react/jsx-runtime";import{Fragment as OP,jsx as IP,jsxs as TP}from"react/jsx-runtime";import{jsx as _P}from"react/jsx-runtime";import{jsx as FP,jsxs as GP}from"react/jsx-runtime";import{Fragment as QP,jsx as YP,jsxs as ZP}from"react/jsx-runtime";import{jsx as aK}from"react/jsx-runtime";import{Fragment as Ff,jsx as Ht,jsxs as Fl}from"react/jsx-runtime";var wf=ne.states,Df=ne.defaultOptions,Hf=ne.options,zf=[{name:"opened",title:"Opened"}],Uf=[],Ro=e=>{let{modifiers:t,...o}=e,a={},n=Fl(Ff,{children:[Ht("div",{className:"k-list-filter",children:Ht($e,{})}),Ht(R,{style:{width:300},size:o.size,children:Fl(U,{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})})};Ro.options=Hf;Ro.states=wf;Ro.variants=Uf;Ro.defaultOptions=Df;Ro.modifiers=zf;Ro.className=ne.className;import{Fragment as CK,jsx as kK}from"react/jsx-runtime";import{Fragment as OK,jsx as TK}from"react/jsx-runtime";import{jsx as RK}from"react/jsx-runtime";import{jsx as sr}from"react/jsx-runtime";var Gf=H.states,Vf=H.defaultOptions,$f=H.options,Xf=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"spin-button",title:"`Spin` Button"}],qf=[],_o=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(n=>{switch(n){case"prefix":a.prefix=t?.[n]?sr(ne,{size:o.size,fillMode:"flat",value:"mm"}):void 0;break;case"suffix":a.suffix=t?.[n]?sr(ks,{children:"mm"}):void 0;break;case"clear-button":a.showClearButton=t?.[n];break;case"spin-button":a.showSpinButton=t?.[n];break;default:break}}),sr(yl,{value:"Value",style:{width:300},...o,...a})};_o.options=$f;_o.states=Gf;_o.variants=qf;_o.defaultOptions=Vf;_o.modifiers=Xf;_o.className=H.className;import{Fragment as Pa,jsx as P,jsxs as Z}from"react/jsx-runtime";var Gl="k-colorgradient-inputs",Wf=[],Jf={size:[d.undefined,d.small,d.medium,d.large]},Vl={mode:"rgba"},wo=e=>{let{mode:t=Vl.mode,size:o,...a}=e;return Z("div",{...a,className:s(Gl,"k-hstack"),children:[P("div",{className:"k-vstack",children:P(p,{fillMode:"flat",icon:"caret-alt-expand",className:"k-colorgradient-toggle-mode",size:o,"aria-label":"Toggle color input format"})}),t==="rgba"&&Z(Pa,{children:[Z("div",{className:"k-vstack",children:[P(H,{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(H,{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(H,{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(H,{showSpinButton:!1,showClearButton:!1,value:"1.00",size:o,"aria-label":"Alpha channel"}),P("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="rgb"&&Z(Pa,{children:[Z("div",{className:"k-vstack",children:[P(H,{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(H,{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(H,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Blue channel"}),P("label",{className:"k-colorgradient-input-label",children:"B"})]})]}),t==="hsva"&&Z(Pa,{children:[Z("div",{className:"k-vstack",children:[P(H,{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(H,{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(H,{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(H,{showSpinButton:!1,showClearButton:!1,value:"1.00","aria-label":"Alpha channel"}),P("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="hsv"&&Z(Pa,{children:[Z("div",{className:"k-vstack",children:[P(H,{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(H,{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(H,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),P("label",{className:"k-colorgradient-input-label",children:"V"})]})]}),t==="hex"&&P(Pa,{children:Z("div",{className:"k-vstack k-flex-1",children:[P(de,{showClearButton:!1,value:"#b88484AA",className:"k-hex-value"}),P("label",{className:"k-colorgradient-input-label",children:"HEX"})]})})]})};wo.states=Wf;wo.options=Jf;wo.className=Gl;wo.defaultOptions=Vl;import{jsx as eo,jsxs as to}from"react/jsx-runtime";var $l="k-colorgradient-color-contrast",Yf=[],Zf={},Qf={},Do=()=>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"})]})]})]});Do.states=Yf;Do.options=Zf;Do.className=$l;Do.defaultOptions=Qf;var Xl="color-gradient",ql="colorgradient";import{jsx as Ye,jsxs as Ka}from"react/jsx-runtime";var gn="k-colorgradient",jf=[r.hover,r.focus,r.readonly,r.disabled],eb={size:[d.undefined,d.small,d.medium,d.large]},bt={mode:"rgba",readonly:!1,disabled:!1,contrast:!1,gradientStyle:{background:"rgb(255, 0, 0 )"},dragHandleStyle:{top:"50px",left:"73px"},alphaStyle:{background:"linear-gradient(to top, transparent, rgb(255, 0, 0))"},alphaStyleHorizontal:{background:"linear-gradient(to right, transparent, rgb(255, 0, 0))"},canvasOrientation:"horizontal"},ie=e=>{let{size:t,mode:o=bt.mode,readonly:a=bt.readonly,disabled:n=bt.disabled,gradientStyle:i=bt.gradientStyle,dragHandleStyle:l=bt.dragHandleStyle,alphaStyle:m=bt.alphaStyle,alphaStyleHorizontal:u=bt.alphaStyleHorizontal,contrast:b=bt.contrast,dir:x,hover:g,focus:c,hoverHandle:L,focusHandle:M,canvasOrientation:S=bt.canvasOrientation,role:A,tabIndex:k,...y}=e;return Ka("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,gn,E(gn,{size:t}),C(gn,{hover:g,focus:c,readonly:a,disabled:n})),dir:x,children:[!S\|\|S==="horizontal"&&Ka("div",{className:"k-colorgradient-canvas k-hstack",children:[Ye("div",{className:"k-hsv-rectangle",style:i,children:Ye("div",{className:"k-hsv-gradient",children:Ye("div",{className:s("k-hsv-draghandle","k-draghandle",{"k-hover":L,"k-focus":M}),style:l,role:"slider","aria-orientation":"undefined","aria-label":"Color well with two-dimensional slider for selecting saturation and lightness","aria-valuetext":"X: 73, Y: 50","aria-valuenow":50,"aria-valuemin":0,"aria-valuemax":100})})}),Ka("div",{className:"k-hsv-controls k-hstack",children:[Ye(Xs,{className:"k-hue-slider",hover:L,focus:M}),o!=="rgb"&&o!=="hsv"&&Ye(Xs,{className:"k-alpha-slider",hover:L,focus:M,trackStyle:m})]})]}),S==="vertical"&&Ka("div",{className:"k-colorgradient-canvas k-vstack",children:[Ye("div",{className:"k-hsv-rectangle",style:i,children:Ye("div",{className:"k-hsv-gradient",children:Ye("div",{className:s("k-hsv-draghandle","k-draghandle",{"k-hover":L,"k-focus":M}),style:l,role:"slider","aria-orientation":"undefined","aria-label":"Color well with two-dimensional slider for selecting saturation and lightness","aria-valuetext":"X: 73, Y: 50","aria-valuenow":50,"aria-valuemin":0,"aria-valuemax":100})})}),Ka("div",{className:"k-hsv-controls k-vstack",children:[Ye($s,{className:"k-hue-slider",hover:L,focus:M}),o!=="rgb"&&o!=="hsv"&&Ye($s,{className:"k-alpha-slider",hover:L,focus:M,trackStyle:u})]})]}),Ye(wo,{mode:e.mode,size:t}),b&&Ye(Do,{})]})};ie.states=jf;ie.options=eb;ie.className=gn;ie.defaultOptions=bt;ie.moduleName=Xl;ie.folderName=ql;import{jsx as tb}from"react/jsx-runtime";var Ln=e=>tb(ie,{...e});import{jsx as gR}from"react/jsx-runtime";import{jsx as kR}from"react/jsx-runtime";import{jsx as rr}from"react/jsx-runtime";var ob=ie.options,ab=ie.states,nb={...ie.defaultOptions,variant:"rgba"},sb=[{name:"rgba",title:"RGBA"},{name:"rgb",title:"RGB"},{name:"hex",title:"HEX"}],rb=[],Ho=e=>{let{variant:t,...o}=e;switch(t){case"hex":return rr(Ln,{...o,mode:t});case"rgb":return rr(Ln,{...o,mode:t});default:return rr(Ln,{...o,mode:t})}};Ho.options=ob;Ho.states=ab;Ho.variants=sb;Ho.defaultOptions=nb;Ho.modifiers=rb;Ho.className=ie.className;import{jsx as ib}from"react/jsx-runtime";var ir=e=>ib("tr",{role:"row",children:e.children});import{jsx as db}from"react/jsx-runtime";var lr="k-colorpalette-tile",lb=[r.hover,r.focus,r.selected],pb={},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 db("td",{...l,role:"gridcell","aria-label":t,"aria-selected":i?"true":void 0,className:s(e.className,lr,C(lr,{hover:a,focus:n,selected:i})),style:m})};zt.states=lb;zt.options=pb;zt.className=lr;zt.moduleName=null;zt.folderName=null;var Wl="color-palette",Jl="colorpalette";import{jsx as Ra}from"react/jsx-runtime";var Mn="k-colorpalette",mb=[r.disabled],cb={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(Ra(zt,{color:M,tileSize:n},S))});let L=Ra(ir,{children:c},g);m.push(L)})}return Ra("div",{...l,role:"grid","aria-label":"Color palette",tabIndex:0,"aria-disabled":i?"true":void 0,className:s(e.className,Mn,C(Mn,{disabled:i}),E(Mn,{size:t})),children:Ra("table",{className:"k-colorpalette-table",role:"none",children:Ra("tbody",{children:m.length>0?m:e.children})})})};ye.states=mb;ye.options=cb;ye.className=Mn;ye.defaultOptions=Yl;ye.moduleName=Wl;ye.folderName=Jl;var Sn=ye;var _a={basic:{colors:["#000000","#7f7f7f","#880015","#ed1c24","#ff7f27","#fff200","#22b14c","#00a2e8","#3f48cc","#a349a4","#ffffff","#c3c3c3","#b97a57","#ffaec9","#ffc90e","#efe4b0","#b5e61d","#99d9ea","#7092be","#c8bfe7"],columns:10},office:{colors:["#ffffff","#000000","#e6e6e6","#435569","#4371c4","#ed7e32","#a5a4a5","#febf04","#5a9bd5","#71ae48","#f2f2f3","#7f7f7f","#d1cece","#d5dde3","#dae1f4","#fce5d4","#deeded","#fff2cc","#deeaf6","#e1efd9","#d7d8d8","#585959","#aeabab","#adbaca","#b4c5e7","#f6caac","#dbdbdb","#ffe498","#bcd6ee","#c5e0b2","#bfbfc0","#3f3f3f","#767070","#8595b1","#8fabdb","#f5b183","#c9c8c9","#fed965","#9bc4e5","#a8d08d","#a5a5a6","#262625","#393939","#334050","#2e5496","#c45a11","#7b7b7a","#bf9000","#2f75b5","#548235","#7f7f7f","#0b0c0c","#161616","#222a34","#203764","#843d0b","#525252","#7f6000","#1d4d79","#375623"],columns:10},apex:{colors:["#ffffff","#000000","#c9c2d1","#69676d","#ceb966","#9cb084","#6bb1c9","#6585cf","#7e6bc9","#a379bb","#f2f2f2","#7f7f7f","#f4f2f5","#e0e0e2","#f5f1e0","#ebefe6","#e1eff4","#e0e6f5","#e5e1f4","#ece4f1","#d8d8d8","#595959","#e9e6ec","#c2c1c5","#ebe3c1","#d7dfcd","#c3dfe9","#c1ceeb","#cbc3e9","#dac9e3","#bfbfbf","#3f3f3f","#dedae3","#a4a3a8","#e1d5a3","#c3cfb5","#a6d0de","#a2b5e2","#b1a6de","#c7aed6","#a5a5a5","#262626","#9688a5","#4e4d51","#ae9638","#758c5a","#3d8da9","#365bb0","#533da9","#7d4d99","#7f7f7f","#0c0c0c","#635672","#343336","#746425","#4e5d3c","#295e70","#243c75","#372970","#533366"],columns:10},austin:{colors:["#ffffff","#000000","#caf278","#3e3d2d","#94c600","#71685a","#ff6700","#909465","#956b43","#fea022","#f2f2f2","#7f7f7f","#f4fce4","#dddcd0","#efffc0","#e3e1dc","#ffe0cb","#e8e9df","#ece1d6","#feecd2","#d8d8d8","#595959","#e9f9c9","#bbb9a1","#dfff82","#c8c3ba","#ffc299","#d2d4c0","#dac3ad","#fed9a6","#bfbfbf","#3f3f3f","#dff7ae","#ada598","#cfff43","#ada598","#ffa365","#bcbfa1","#c8a585","#fec67a","#a5a5a5","#262626","#a9ea25","#2e2d21","#6f9400","#544e43","#bf4d00","#6c6f4b","#6f5032","#d77b00","#7f7f7f","#0c0c0c","#74a50f","#1f1e16","#4a6300","#38342d","#7f3300","#484a32","#4a3521","#8f5200"],columns:10},clarity:{colors:["#ffffff","#292934","#f3f2dc","#d2533c","#93a299","#ad8f67","#726056","#4c5a6a","#808da0","#79463d","#f2f2f2","#e7e7ec","#e7e5b9","#f6dcd8","#e9ecea","#eee8e0","#e4dedb","#d8dde3","#e5e8ec","#e9d6d3","#d8d8d8","#c4c4d1","#d5d185","#edbab1","#d3d9d6","#ded2c2","#c9beb8","#b2bcc8","#ccd1d9","#d3aea7","#bfbfbf","#8a8aa3","#aca73b","#e4978a","#bec7c1","#cdbba3","#af9e94","#8c9bac","#b2bac6","#bd857c","#a5a5a5","#56566e","#56531d","#a43925","#6b7c72","#866b48","#554840","#39434f","#5c697b","#5a342d","#7f7f7f","#3b3b4b","#22210b","#6d2619","#47534c","#594730","#39302b","#262d35","#3d4652","#3c231e"],columns:10},slipstream:{colors:["#ffffff","#000000","#b4dcfa","#212745","#4e67c8","#5eccf3","#a7ea52","#5dceaf","#ff8021","#f14124","#f2f2f2","#7f7f7f","#8bc9f7","#c7cce4","#dbe0f4","#def4fc","#edfadc","#def5ef","#ffe5d2","#fcd9d3","#d8d8d8","#595959","#4facf3","#909aca","#b8c2e9","#beeafa","#dbf6b9","#beebdf","#ffcca6","#f9b3a7","#bfbfbf","#3f3f3f","#0d78c9","#5967af","#94a3de","#9ee0f7","#caf297","#9de1cf","#ffb279","#f68d7b","#a5a5a5","#262626","#063c64","#181d33","#31479f","#11b2eb","#81d319","#34ac8b","#d85c00","#c3260c","#7f7f7f","#0c0c0c","#021828","#101322","#202f6a","#0b769c","#568c11","#22725c","#903d00","#821908"],columns:10},metro:{colors:["#ffffff","#000000","#d6ecff","#4e5b6f","#7fd13b","#ea157a","#feb80a","#00addc","#738ac8","#1ab39f","#f2f2f2","#7f7f7f","#a7d6ff","#d9dde4","#e5f5d7","#fad0e4","#fef0cd","#c5f2ff","#e2e7f4","#c9f7f1","#d8d8d8","#595959","#60b5ff","#b3bcca","#cbecb0","#f6a1c9","#fee29c","#8be6ff","#c7d0e9","#94efe3","#bfbfbf","#3f3f3f","#007dea","#8d9baf","#b2e389","#f272af","#fed46b","#51d9ff","#aab8de","#5fe7d5","#a5a5a5","#262626","#003e75","#3a4453","#5ea226","#af0f5b","#c58c00","#0081a5","#425ea9","#138677","#7f7f7f","#0c0c0c","#00192e","#272d37","#3f6c19","#750a3d","#835d00","#00566e","#2c3f71","#0c594f"],columns:10},flow:{colors:["#ffffff","#000000","#dbf5f9","#04617b","#0f6fc6","#009dd9","#0bd0d9","#10cf9b","#7cca62","#a5c249","#f2f2f2","#7f7f7f","#b2e9f2","#b4ecfc","#c7e2fa","#c4eeff","#c9fafc","#c9faed","#e4f4df","#edf2da","#d8d8d8","#595959","#76d9e8","#6adafa","#90c6f6","#89deff","#93f5f9","#94f6db","#cae9c0","#dbe6b6","#bfbfbf","#3f3f3f","#21b2c8","#20c8f7","#59a9f2","#4fceff","#5df0f6","#5ff2ca","#b0dfa0","#c9da91","#a5a5a5","#262626","#105964","#02485c","#0b5394","#0075a2","#089ca2","#0b9b74","#54a838","#7e9532","#7f7f7f","#0c0c0c","#062328","#01303d","#073763","#004e6c","#05686c","#07674d","#387025","#546321"],columns:10},hardcover:{colors:["#ffffff","#000000","#ece9c6","#895d1d","#873624","#d6862d","#d0be40","#877f6c","#972109","#aeb795","#f2f2f2","#7f7f7f","#e1dca5","#f2e0c6","#f0d0c9","#f6e6d5","#f5f2d8","#e7e5e1","#fbc7bc","#eef0e9","#d8d8d8","#595959","#d0c974","#e6c28d","#e2a293","#eeceaa","#ece5b2","#cfccc3","#f78f7a","#dee2d4","#bfbfbf","#3f3f3f","#a29a36","#daa454","#d4735e","#e6b681","#e2d88c","#b7b2a5","#f35838","#ced3bf","#a5a5a5","#262626","#514d1b","#664515","#65281a","#a2641f","#a39428","#655f50","#711806","#879464","#7f7f7f","#0c0c0c","#201e0a","#442e0e","#431b11","#6c4315","#6d621a","#433f35","#4b1004","#5a6243"],columns:10},trek:{colors:["#ffffff","#000000","#fbeec9","#4e3b30","#f0a22e","#a5644e","#b58b80","#c3986d","#a19574","#c17529","#f2f2f2","#7f7f7f","#f7e09e","#e1d6cf","#fcecd5","#eddfda","#f0e7e5","#f3eae1","#ece9e3","#f5e3d1","#d8d8d8","#595959","#f3cc5f","#c4ad9f","#f9d9ab","#dcc0b6","#e1d0cc","#e7d5c4","#d9d4c7","#ebc7a3","#bfbfbf","#3f3f3f","#d29f0f","#a78470","#f6c781","#cba092","#d2b9b2","#dbc1a7","#c6bfab","#e1ac76","#a5a5a5","#262626","#694f07","#3a2c24","#c87d0e","#7b4b3a","#926255","#a17242","#7b7153","#90571e","#7f7f7f","#0c0c0c","#2a1f03","#271d18","#855309","#523226","#614138","#6b4c2c","#524b37","#603a14"],columns:10},verve:{colors:["#ffffff","#000000","#d2d2d2","#666666","#ff388c","#e40059","#9c007f","#68007f","#005bd3","#00349e","#f2f2f2","#7f7f7f","#bdbdbd","#e0e0e0","#ffd7e8","#ffc6dc","#ffb8f1","#f1b2ff","#c3dcff","#b8cfff","#d8d8d8","#595959","#9d9d9d","#c1c1c1","#ffafd1","#ff8eba","#ff71e4","#e365ff","#87baff","#72a0ff","#bfbfbf","#3f3f3f","#696969","#a3a3a3","#ff87ba","#ff5597","#ff2ad7","#d519ff","#4b98ff","#2b71ff","#a5a5a5","#262626","#343434","#4c4c4c","#e90062","#ab0042","#75005f","#4e005f","#00449e","#002676","#7f7f7f","#0c0c0c","#151515","#333333","#9b0041","#72002c","#4e003f","#34003f","#002d69","#00194f"],columns:10},monochrome:{colors:["#000000","#1a1a1a","#333333","#4d4d4d","#666666","#808080","#999999","#b3b3b3","#cccccc","#e6e6e6","#f2f2f2","#ffffff"],columns:12}};import{jsx as ub}from"react/jsx-runtime";var Zl=e=>ub(Sn,{palette:_a.basic,...e});import{jsx as s_}from"react/jsx-runtime";import{jsx as m_,jsxs as c_}from"react/jsx-runtime";import{jsx as gb}from"react/jsx-runtime";var fb=ye.options,bb=ye.states,xb={...ye.defaultOptions,variant:"basic"},Nb=[{name:"basic",title:"Basic"},{name:"monochrome",title:"Monochrome"}],hb={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}},vb=[],zo=e=>{let{variant:t="basic",...o}=e,a=hb[t];return gb(Zl,{columns:a.columns,palette:a,...o})};zo.options=fb;zo.states=bb;zo.variants=Nb;zo.defaultOptions=xb;zo.modifiers=vb;zo.className=ye.className;var Ql="color-editor",jl="coloreditor";import{jsx as Ze,jsxs as Uo}from"react/jsx-runtime";var kn="k-coloreditor",Lb=[r.focus],Mb={size:[d.undefined,d.small,d.medium,d.large]},wa={view:"gradient",palette:_a.office,actionButtons:!0,canvasOrientation:"horizontal"},Q=e=>{let{size:t,view:o=wa.view,palette:a=wa.palette,color:n,currentColor:i,focus:l,focusView:m,dir:u,group:b,actionButtons:x=wa.actionButtons,canvasOrientation:g=wa.canvasOrientation,...c}=e;return Uo("div",{...c,role:"textbox","aria-label":"Color editor",tabIndex:0,className:s(e.className,"k-flatcolorpicker",kn,E(kn,{size:t}),C(kn,{focus:l})),dir:u,children:[Uo("div",{className:"k-coloreditor-header k-hstack",children:[Ze("div",{className:"k-coloreditor-header-actions k-hstack",children:b&&Uo(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"}),Uo("div",{className:"k-coloreditor-header-actions k-hstack",children:[Ze(p,{fillMode:"flat",icon:"droplet-slash",size:t,"aria-label":"Reset color"}),Uo("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&&Uo(_e,{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=Lb;Q.options=Mb;Q.className=kn;Q.defaultOptions=wa;Q.moduleName=Ql;Q.folderName=jl;var Fo=Q;import{jsx as U_}from"react/jsx-runtime";import{jsx as $_}from"react/jsx-runtime";import{jsx as Sb}from"react/jsx-runtime";var ep=e=>Sb(Fo,{group:!0,currentColor:"fuchsia",...e});import{jsx as kb}from"react/jsx-runtime";var tp=e=>kb(Fo,{view:"palette",group:!0,currentColor:"fuchsia",...e});import{jsx as op}from"react/jsx-runtime";var Cb=Q.options,Ab=Q.states,Eb={...Q.defaultOptions,variant:"gradient"},yb=[{name:"gradient",title:"Gradient"},{name:"palette",title:"Palette"}],Ib=[],Go=e=>{let{variant:t,...o}=e;return t==="palette"?op(tp,{...o,color:"white"}):op(ep,{...o,color:"rgba(183, 118 , 118, 1.00)"})};Go.options=Cb;Go.states=Ab;Go.variants=yb;Go.defaultOptions=Eb;Go.modifiers=Ib;Go.className=Q.className;var ap="color-picker",np="colorpicker";import{Fragment as Bb,jsx as Qe,jsxs as pr}from"react/jsx-runtime";var sp="k-colorpicker",Tb=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled],Ob={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,fe="colorpicker-popup";return pr(Bb,{children:[pr(dt,{...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?fe: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:fe,className:"k-colorpicker-popup",children:A}),y&&Qe(Y,{adaptive:!0,id:fe,...w,header:Qe(he,{actionsEnd:Qe(p,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply"}),title:se,subtitle:Ae}),footer:pr(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=Tb;je.options=Ob;je.className=sp;je.defaultOptions=rp;je.moduleName=ap;je.folderName=np;var kt=je;import{jsx as Pb}from"react/jsx-runtime";var Cn=e=>Pb(kt,{...e});import{jsx as y0}from"react/jsx-runtime";import{jsx as P0}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 oo}from"react/jsx-runtime";var Kb=kt.options,Rb=kt.states,ip={...kt.defaultOptions,variant:"color"},_b=[{name:"color",title:"Color",default:!0},{name:"no color",title:"No color"},{name:"icon",title:"Icon"}],wb=[{name:"opened",title:"Opened"}],Vo=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(Cn,{...a,...n})});case"icon":return oo("div",{style:i,children:oo(Cn,{value:"rgba(183, 118 , 118, 1.00)",valueIconName:"edit-tools",...a,...n})});default:return oo("div",{style:i,children:oo(Cn,{value:"rgba(183, 118 , 118, 1.00)",...a,...n})})}};Vo.options=Kb;Vo.states=Rb;Vo.variants=_b;Vo.defaultOptions=ip;Vo.modifiers=wb;Vo.className=kt.className;var dr="combobox",lp=dr;import{Fragment as mr,jsx as ae,jsxs as Da}from"react/jsx-runtime";var pp="k-combobox",Db=[r.hover,r.focus,r.valid,r.invalid,r.loading,r.required,r.disabled,r.readonly],Hb={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]},cr={separators:!0,showClearButton:!0},Me=e=>{let{size:t,rounded:o,fillMode:a,separators:n=cr.separators,showClearButton:i=cr.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:fe,adaptiveCustomValue:fa,id:qt,autocomplete:Wt,activeDescendant:ba,"aria-label":Qn,...jn}=e,es=qt?`${qt}-listbox`:void 0;return Da(mr,{children:[Da(J,{...jn,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&&Da(mr,{children:[ae(Fe,{children:l}),n&&ae(Ve,{})]}),ae(be,{id:qt,placeholder:b,value:u,role:"combobox","aria-haspopup":"listbox","aria-expanded":y?"true":"false","aria-controls":y?es:void 0,"aria-activedescendant":y&&ba?ba:void 0,"aria-autocomplete":Wt,"aria-invalid":L?"true":void 0,"aria-busy":S?"true":void 0,"aria-label":Qn,disabled:A,readOnly:w}),ae(Ne,{valid:c,invalid:L,loading:S,disabled:A}),ae(Ee,{loading:S,disabled:A}),i&&ae(Re,{loading:S,disabled:A,readonly:w,value:u}),m&&Da(mr,{children:[n&&ae(Ve,{}),ae(Ge,{children:m})]}),ae(p,{className:"k-input-button",icon:"chevron-down",size:t,fillMode:a,"aria-label":"Open popup",tabIndex:-1,disabled:A})]}),y&&k&&ae(q,{className:"k-list-container k-combobox-popup",containerRole:"region",containerAriaLabel:"Combobox suggestions",children:k}),se&&ae(Y,{adaptive:!0,id:qt?`${qt}-adaptive`:void 0,...Ae,header:ae(he,{actionsEnd:ae(p,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),input:!0,inputValue:u,inputPlaceholder:b,title:pe,subtitle:fe}),children:ae("div",{className:"k-list-container",children:ae(R,{customValue:fa?ae(Dt,{text:`Use "${u}"`}):void 0,size:"large",children:Da(U,{"aria-label":pe\|\|"Options",children:[ae(O,{text:"List item"}),ae(O,{text:"List item"}),ae(O,{text:"List item"})]})})})})]})};Me.states=Db;Me.options=Hb;Me.className=pp;Me.defaultOptions=cr;Me.moduleName=dr;Me.folderName=lp;var De=Me;import{jsx as zb}from"react/jsx-runtime";var dp=e=>zb(De,{...e});import{jsx as Ow,jsxs as Bw}from"react/jsx-runtime";import{jsx as Dw,jsxs as Hw}from"react/jsx-runtime";import{jsx as $w,jsxs as Xw}from"react/jsx-runtime";import{Fragment as Qw,jsx as Zw}from"react/jsx-runtime";import{Fragment as nD,jsx as aD}from"react/jsx-runtime";import{jsx as dD,jsxs as mD}from"react/jsx-runtime";import{Fragment as vD,jsx as ND,jsxs as hD}from"react/jsx-runtime";import{jsx as SD}from"react/jsx-runtime";import{jsx as ED}from"react/jsx-runtime";import{jsx as PD,jsxs as KD}from"react/jsx-runtime";import{jsx as zD,jsxs as UD}from"react/jsx-runtime";import{jsx as Ut,jsxs as Xb}from"react/jsx-runtime";var Ub=Me.states,Fb=Me.defaultOptions,Gb=Me.options,Vb=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"opened",title:"Opened"}],$b=[],$o=e=>{let{modifiers:t,...o}=e,a={},n=Ut(R,{style:{width:300},size:o.size,children:Xb(U,{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})})};$o.options=Gb;$o.states=Ub;$o.variants=$b;$o.defaultOptions=Fb;$o.modifiers=Vb;$o.className=Me.className;var ur="menu-button",mp=ur;import{jsx as Jb}from"react/jsx-runtime";var cp="k-menu-button",qb=[r.hover,r.focus,r.active,r.selected,r.disabled],Wb={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]},fr={showArrow:!0,arrowIconName:"chevron-down"},z=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=fr.showArrow,arrowIconName:M=fr.arrowIconName,expanded:S,...A}=e;return Jb(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"}})};z.states=qb;z.options=Wb;z.className=cp;z.defaultOptions=fr;z.moduleName=ur;z.folderName=mp;import{jsx as gH}from"react/jsx-runtime";import{jsx as kH}from"react/jsx-runtime";import{jsx as yH}from"react/jsx-runtime";import{jsx as BH}from"react/jsx-runtime";var He="menu",et=He;import{jsx as za,jsxs as up}from"react/jsx-runtime";var br="k-menu-item",Yb=[r.hover,r.focus,r.active,r.selected,r.disabled],Zb={},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,br,"k-item",C(br,{focus:o,disabled:i,hover:t,active:a,selected:n})),role:"menuitem",...u&&{"aria-haspopup":"menu"},...u&&{"aria-expanded":L?"true":"false"},...i&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[up("span",{className:s("k-link k-menu-link"),children:[l&&x==="before"&&za(v,{className:"k-menu-link-icon",icon:l}),za("span",{className:"k-menu-link-text",children:m}),l&&x==="after"&&za(v,{className:"k-menu-link-icon",icon:l}),u&&za("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:za(v,{icon:S})})]}),c]})};me.states=Yb;me.options=Zb;me.className=br;me.defaultOptions=fp;me.moduleName=He;me.folderName=et;import{jsx as ao,jsxs as bp}from"react/jsx-runtime";var xr="k-menu-item",Qb=[r.hover,r.focus,r.active,r.selected,r.disabled],jb={},Nr={dir:"ltr",iconPosition:"before"},W=e=>{let{hover:t,focus:o,active:a,selected:n,disabled:i,icon:l,text:m,showArrow:u,arrowIconName:b,iconPosition:x=Nr.iconPosition,dir:g=Nr.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,xr,"k-item",C(xr,{focus:o,disabled:i})),...u&&{"aria-haspopup":"menu"},...u&&{"aria-expanded":M?"true":"false"},...i&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[bp("span",{className:s("k-link k-menu-link",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=Qb;W.options=jb;W.className=xr;W.defaultOptions=Nr;W.moduleName=He;W.folderName=et;import{jsx as ax}from"react/jsx-runtime";var xp="k-menu-scroll-wrapper",ex=[],tx={},ox={},no=e=>{let{className:t,children:o,orientation:a,...n}=e;return ax("div",{...n,className:s(t,xp,{"k-menu-scroll-wrapper-vertical":a==="vertical"}),children:o})};no.states=ex;no.options=tx;no.className=xp;no.defaultOptions=ox;no.moduleName=He;no.folderName=et;var Np=no;import{Fragment as hr,jsx as so,jsxs as An}from"react/jsx-runtime";var En="k-menu",nx=[],sx={size:[d.undefined,d.small,d.medium,d.large]},yn={orientation:"horizontal",header:!0,scrollButtonsPosition:"around"},le=e=>{let{children:t,orientation:o=yn.orientation,header:a=yn.header,scrollable:n,scrollButtonsPosition:i=yn.scrollButtonsPosition,wrapperStyles:l,dir:m,size:u,popup: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",En,{[`${En}-${o}`]:o,"k-header":a},E(En,{size:u})),role:x?"menu":"menubar",...o==="vertical"&&{"aria-orientation":"vertical"},children:t});return An(hr,{children:[n?An(Np,{orientation:o,style:l,dir:e.dir,children:[i==="start"&&An(hr,{children:[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"&&An(hr,{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=nx;le.options=sx;le.className=En;le.defaultOptions=yn;le.moduleName=He;le.folderName=et;import{jsx as rx}from"react/jsx-runtime";var vr="k-separator",hp={orientation:"horizontal"},Xo=e=>{let{orientation:t=hp.orientation,...o}=e;return rx("li",{...o,className:s(e.className,"k-item",vr,{[`${vr}-${t}`]:t}),role:"separator"})};Xo.className=vr;Xo.defaultOptions=hp;Xo.moduleName=He;Xo.folderName=et;import{Fragment as iz,jsx as lz}from"react/jsx-runtime";import{jsx as dx}from"react/jsx-runtime";var gr="k-menu-group",ix=[],lx={size:[d.undefined,d.small,d.medium,d.large]},px={},ce=e=>{let{children:t,size:o,...a}=e;return dx("ul",{role:"menu",...a,className:s(e.className,gr,E(gr,{size:o})),children:t})};ce.states=ix;ce.options=lx;ce.className=gr;ce.defaultOptions=px;ce.moduleName=He;ce.folderName=et;import{jsx as Nz,jsxs as hz}from"react/jsx-runtime";import{Fragment as mx,jsx as qo,jsxs as cx}from"react/jsx-runtime";var Lr=e=>qo(le,{children:cx(mx,{children:[qo(me,{text:"Item 1"}),qo(me,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 2"}),qo(me,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 3"}),qo(me,{text:"Item 4"}),qo(me,{text:"Item 5"})]}),...e});import{Fragment as yz,jsx as Az,jsxs as Ez}from"react/jsx-runtime";import{Fragment as Pz,jsx as Bz,jsxs as Kz}from"react/jsx-runtime";import{Fragment as Hz,jsx as Dz,jsxs as zz}from"react/jsx-runtime";import{Fragment as $z,jsx as Vz,jsxs as Xz}from"react/jsx-runtime";import{jsx as ro,jsxs as Nx}from"react/jsx-runtime";var ux={...le.options,scrollable:{type:"boolean"}},fx=le.states,vp={...le.defaultOptions,variant:"horizontal"},bx=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],xx=[{name:"opened",title:"Opened"}],Wo=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:Nx(ce,{children:[ro(W,{text:"Item 1"}),ro(W,{text:"Item 2"}),ro(Xo,{}),ro(W,{text:"Item 3"})]})}):null)}),t==="vertical"?ro(Lr,{...a,...n,orientation:"vertical",style:{width:"200px"}}):ro(Lr,{...a,...n})};Wo.options=ux;Wo.states=fx;Wo.variants=bx;Wo.defaultOptions=vp;Wo.modifiers=xx;Wo.className=le.className;import{Fragment as C1,jsx as S1,jsxs as k1}from"react/jsx-runtime";import{jsx as I1}from"react/jsx-runtime";import{Fragment as Mx,jsx as xt,jsxs as gp}from"react/jsx-runtime";var hx=p.states,Lp={...p.defaultOptions,variant:"text"},vx=p.options,gx=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Lx=[{name:"opened",title:"Opened"}],Jo=e=>{let{variant:t,modifiers:o,...a}={...Lp,...e},n={},i=xt(q,{className:"k-menu-popup",children:gp(ce,{size:a.size,children:[xt(W,{text:"Menu Item"}),xt(W,{text:"Menu Item"}),xt(W,{text:"Menu Item"})]})}),l;switch(t){case"icon-only":l=xt("div",{children:xt(z,{...a,...n,icon:"star"})});break;case"icon-and-text":l=xt("div",{children:xt(z,{...a,...n,icon:"star",children:"Dropdown Button"})});break;default:l=xt("div",{children:xt(z,{...a,...n,children:"Dropdown Button"})});break}return gp(Mx,{children:[l,o?.opened&&i]})};Jo.options=vx;Jo.states=hx;Jo.variants=gx;Jo.defaultOptions=Lp;Jo.modifiers=Lx;Jo.className=z.className;var Mr="split-button",Mp=Mr;import{Fragment as Cx,jsx as Sr,jsxs as Sp}from"react/jsx-runtime";var kr="k-split-button",Sx=[r.hover,r.focus,r.active,r.selected,r.disabled],kx={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(Cx,{children:[Sp("div",{...k,className:s(e.className,kr,"k-button-group",E(kr,{rounded:o})),children:[Sr(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}),Sr(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&&Sr(q,{className:"k-menu-popup",children:M})]})};K.states=Sx;K.options=kx;K.className=kr;K.defaultOptions=kp;K.moduleName=Mr;K.folderName=Mp;var Cr=K;import{jsx as Ex}from"react/jsx-runtime";var Ax="k-toolbar-separator",rt=e=>Ex("div",{className:s(Ax,e.className,"k-separator")});var io="toolbar",Yo=io;import{Fragment as Ar,jsx as _,jsxs as Zo}from"react/jsx-runtime";var Ct="k-toolbar",yx=[r.focus],Ix={size:[d.undefined,d.small,d.medium,d.large],fillMode:[N.undefined,N.solid,N.outline,N.flat]},Tx={scrollButtons:"around"},G=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===ga)M.push(_(ga,{...c.props,className:`k-toolbar-button ${c.props.className?c.props.className:""}`},`${L}-${new Date().getTime()}`));else if(c.type===X)M.push(_(X,{...c.props,className:`k-toolbar-button ${c.props.className?c.props.className:""}`},`${L}-${new Date().getTime()}`));else if(c.type===z)M.push(_(z,{...c.props,className:`k-toolbar-menu-button ${c.props.className?c.props.className:""}`},`${L}-${new Date().getTime()}`));else if(c.type===Cr)M.push(_(Cr,{...c.props,className:`k-toolbar-split-button ${c.props.className?c.props.className:""}`},`${L}-${new Date().getTime()}`));else if(c.type===T\|\|c.props.className&&c.props.className.includes("k-button-group")){let 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===Me?M.push(_(Me,{...c.props,className:`k-toolbar-combobox ${c.props.className?c.props.className:""}`},`${L}-${new Date().getTime()}`)):c.type===ne?M.push(_(ne,{...c.props,className:`k-toolbar-dropdownlist ${c.props.className?c.props.className:""}`},`${L}-${new Date().getTime()}`)):c.type===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)}),Zo("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"&&Zo(Ar,{children:[Zo(T,{children:[_("span",{className:s("k-toolbar-prev","k-button",E("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:_(v,{className:"k-button-icon",icon:"chevron-left"})}),_("span",{className:s("k-toolbar-next","k-button",E("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:_(v,{className:"k-button-icon",icon:"chevron-right"})})]}),_(rt,{className:"k-toolbar-button-separator"}),_("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:x})]}),i&&l==="end"&&Zo(Ar,{children:[_("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:x}),_(rt,{className:"k-toolbar-button-separator"}),Zo(T,{children:[_("span",{className:s("k-toolbar-prev","k-button",E("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:_(v,{className:"k-button-icon",icon:"chevron-left"})}),_("span",{className:s("k-toolbar-next","k-button",E("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:_(v,{className:"k-button-icon",icon:"chevron-right"})})]})]}),i&&(l==="around"\|\|!l)&&Zo(Ar,{children:[_("span",{className:s("k-toolbar-prev","k-button",E("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:_(v,{className:"k-button-icon",icon:"chevron-left"})}),_(rt,{className:"k-toolbar-button-separator"}),_("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:x}),_(rt,{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"})})]})]})};G.states=yx;G.options=Ix;G.className=Ct;G.defaultOptions=Tx;G.moduleName=io;G.folderName=Yo;import{jsx as Kx}from"react/jsx-runtime";var Er="k-toolbar-item",Ox=[r.focus],Bx={},Px={},Qo=e=>{let{focus:t,...o}=e;return Kx("div",{...o,className:s(e.className,Er,C(Er,{focus:t})),children:e.children})};Qo.states=Ox;Qo.options=Bx;Qo.className=Er;Qo.defaultOptions=Px;Qo.moduleName=io;Qo.folderName=Yo;import{jsx as Cp}from"react/jsx-runtime";var Ap="k-toolbar-popup",Rx=[],_x={size:[d.undefined,d.small,d.medium,d.large],fillMode:[N.undefined,N.solid,N.outline,N.flat]},wx={},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=Rx;lo.options=_x;lo.className=Ap;lo.defaultOptions=wx;lo.moduleName=io;lo.folderName=Yo;var In=lo;import{jsx as I2}from"react/jsx-runtime";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 q2,jsxs as W2}from"react/jsx-runtime";import{jsx as Q2}from"react/jsx-runtime";import{jsx as At,jsxs as Fx}from"react/jsx-runtime";var Dx=K.states,Ep={...K.defaultOptions,variant:"text"},Hx=K.options,zx=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Ux=[{name:"opened",title:"Opened"}],jo=e=>{let{variant:t,modifiers:o,...a}={...Ep,...e},n={},i=Fx(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"})})}};jo.options=Hx;jo.states=Dx;jo.variants=zx;jo.defaultOptions=Ep;jo.modifiers=Ux;jo.className=K.className;import{jsx as po,jsxs as Gx}from"react/jsx-runtime";var yp=e=>po(G,{children:[po(p,{children:"Button"},"toolbar-button"),po(z,{text:"Menu button"},"toolbar-menu-button"),po(K,{children:"Split button"},"toolbar-split-button"),Gx(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 yU,jsxs as IU}from"react/jsx-runtime";import{jsx as ze,jsxs as Ip}from"react/jsx-runtime";var Tp=e=>ze(G,{scrollable:!0,...e,children:[ze(p,{children:"Button"},"toolbar-button"),ze(z,{text:"Menu button"},"toolbar-menu-button"),ze(K,{children:"Split button"},"toolbar-split-button"),Ip(T,{children:[ze(p,{className:"k-group-start",icon:"align-left",children:"Left"}),ze(p,{icon:"align-center",children:"Center"}),ze(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),ze(p,{children:"Button"},"toolbar-button"),ze(z,{text:"Menu button"},"toolbar-menu-button"),ze(K,{children:"Split button"},"toolbar-split-button"),Ip(T,{children:[ze(p,{className:"k-group-start",icon:"align-left",children:"Left"}),ze(p,{icon:"align-center",children:"Center"}),ze(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});import{jsx as Ue,jsxs as Op}from"react/jsx-runtime";var Bp=({scrollingPosition:e="start",...t})=>Ue(G,{scrollable:!0,scrollButtons:"hidden",scrollingPosition:e,...t,children:[Ue(p,{children:"Button"},"toolbar-button"),Ue(z,{text:"Menu button"},"toolbar-menu-button"),Ue(K,{children:"Split button"},"toolbar-split-button"),Op(T,{children:[Ue(p,{className:"k-group-start",icon:"align-left",children:"Left"}),Ue(p,{icon:"align-center",children:"Center"}),Ue(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),Ue(p,{children:"Button"},"toolbar-button"),Ue(z,{text:"Menu button"},"toolbar-menu-button"),Ue(K,{children:"Split button"},"toolbar-split-button"),Op(T,{children:[Ue(p,{className:"k-group-start",icon:"align-left",children:"Left"}),Ue(p,{icon:"align-center",children:"Center"}),Ue(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...t});import{Fragment as Vx,jsx as Ie,jsxs as Tn}from"react/jsx-runtime";var Pp=({fillMode:e,size:t,...o})=>Tn(Vx,{children:[Ie(G,{section:!0,fillMode:e,size:t,children:[Ie(p,{fillMode:e,size:t,children:"Button"},"toolbar-button"),Tn(T,{fillMode:e,children:[Ie(p,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),Ie(p,{icon:"align-center",fillMode:e,size:t,children:"Center"}),Ie(p,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group"),Ie(rt,{className:"k-toolbar-button-separator"}),Ie(p,{icon:"more-horizontal",className:"k-toolbar-overflow-button",fillMode:"flat",size:t,"aria-label":"More options","aria-expanded":"false"})],...o}),Tn(In,{size:t,fillMode:e,section:!0,...o,children:[Ie(K,{fillMode:e,size:t,children:"Split button"},"toolbar-split-button"),Ie(p,{fillMode:e,size:t,children:"Button"},"toolbar-button"),Ie(rt,{}),Ie(z,{text:"Menu button",fillMode:e,size:t},"toolbar-menu-button"),Tn(T,{fillMode:e,children:[Ie(p,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),Ie(p,{icon:"align-center",fillMode:e,size:t,children:"Center"}),Ie(p,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group")]})]});import{Fragment as l3,jsx as r3,jsxs as i3}from"react/jsx-runtime";import{Fragment as v3,jsx as N3,jsxs as h3}from"react/jsx-runtime";import{jsx as Ft}from"react/jsx-runtime";var $x=G.options,Xx=G.states,Kp={...G.defaultOptions,variant:"default"},qx=[{name:"default",title:"Default"},{name:"scrollable",title:"Scrollable"},{name:"overlay",title:"Overlay"},{name:"responsive",title:"Responsive"}],Wx=[],ea=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})})}};ea.options=$x;ea.states=Xx;ea.variants=qx;ea.defaultOptions=Kp;ea.modifiers=Wx;ea.className=G.className;import{Fragment as Qx,jsx as it,jsxs as Ua}from"react/jsx-runtime";var Rp="k-message",Jx=[r.hover,r.selected,r.active,r.focus],Yx={},Zx=[it(p,{icon:"copy",fillMode:"flat","aria-label":"Copy"}),it(p,{icon:"arrow-rotate-cw",fillMode:"flat","aria-label":"Retry"}),it(p,{icon:"download",fillMode:"flat","aria-label":"Download"})],ta={time:"Thu Feb 08 2018",text:"How can I help you?",status:"Seen",toolbarItems:Zx,failed:"Failed to send"},D=e=>{let{time:t=ta.time,text:o=ta.text,content:a,status:n=ta.status,statusIcon:i,toolbarItems:l=ta.toolbarItems,hover:m,selected:u,active:b,focus:x,toolbar:g,typing:c,expandable:L,expanded:M,removed:S,files:A,failed:k,...y}=e,w=k===!0?ta.failed:k;return Ua("div",{...y,className:s(Rp,e.className,{"k-message-removed":S,"k-message-failed":k}),children:[k&&it(X,{className:"k-resend-button",icon:"arrow-rotate-cw",size:"xsmall",fillMode:"clear","aria-label":"Resend"}),it(_p,{typing:c,selected:u,hover:m,active:b,focus:x,content:Ua(Qx,{children:[a,o&&it("span",{className:"k-chat-bubble-text",children:o})]}),expandable:L,expanded:M,files:A}),Ua("div",{className:"k-message-info",children:[n&&Ua("span",{className:"k-message-status",children:[i&&it(v,{icon:i,size:"xsmall"}),n]}),t&&it("time",{className:"k-message-time",children:t}),k&&Ua("span",{className:"k-message-failed-content",children:[k&&it(v,{icon:"warning-triangle",size:"xsmall"}),k&&it("span",{className:"k-message-failed-text",children:w})]})]}),g&&it(G,{className:"k-chat-message-toolbar",fillMode:"flat",children:l})]})};D.states=Jx;D.options=Yx;D.className=Rp;D.moduleName=null;D.folderName=null;D.defaultOptions=ta;var yr="avatar",wp=yr;import{jsx as Dp}from"react/jsx-runtime";var Fa="k-avatar";var jx=[r.hover,r.focus,r.active,r.selected,r.disabled],eN={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]},Ir={type:"text",border:!1},Se=e=>{let{size:t,rounded:o,fillMode:a,themeColor:n,type:i=Ir.type,border:l=Ir.border,...m}=e;return Dp("div",{...m,className:s(e.className,Fa,E(Fa,{size:t,rounded:o,fillMode:a,themeColor:n}),{[`${Fa}-bordered`]:l}),children:Dp("span",{className:`${Fa}-${i}`,children:e.children})})};Se.states=jx;Se.options=eN;Se.className=Fa;Se.defaultOptions=Ir;Se.moduleName=yr;Se.folderName=wp;var mo=Se;import{jsx as tN}from"react/jsx-runtime";var Hp=e=>tN(mo,{type:"icon",...e});import{jsx as oN}from"react/jsx-runtime";var zp=e=>oN(mo,{type:"text",...e});import{jsx as aN}from"react/jsx-runtime";var On=e=>aN(mo,{type:"image",...e});import{jsx as m5}from"react/jsx-runtime";import{jsx as Ga}from"react/jsx-runtime";var nN=Se.options,sN=Se.states,rN={...Se.defaultOptions,variant:"image"},iN=[{name:"image",title:"Image"},{name:"icon",title:"Icon Avatar"},{name:"text",title:"Text Avatar"}],lN=[],oa=e=>{let{variant:t,...o}=e;switch(t){case"icon":return Ga(Hp,{...o,children:Ga(v,{icon:"star"})});case"text":return Ga(zp,{...o,children:"JO"});default:return Ga(On,{...o,children:Ga("img",{src:"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg"})})}};oa.options=nN;oa.states=sN;oa.variants=iN;oa.defaultOptions=rN;oa.modifiers=lN;oa.className=Se.className;import{jsx as aa,jsxs as Tr}from"react/jsx-runtime";var Va="k-message-group",pN=[r.selected],dN={},Bn={author:"Bruv",avatar:"/packages/html/assets/avatar.jpg",type:"receiver"},F=e=>{let{type:t=Bn.type,author:o=Bn.author,avatar:a=Bn.avatar,status:n,selected:i,fullWidth:l,...m}=e;return Tr("div",{...m,className:s(Va,e.className,C(Va,{selected:i}),{[`${Va}-${t}`]:t,"k-no-avatar":!a,[`${Va}-full-width`]:l}),children:[a&&!n&&aa(Se,{type:"image",children:aa("img",{src:a,alt:o\|\|""})}),n&&a&&Tr("div",{className:"k-chat-user-status-wrapper",children:[aa(Se,{type:"image",children:aa("img",{src:a,alt:o\|\|""})}),aa("div",{className:"k-chat-user-status"})]}),Tr("div",{className:"k-message-group-content",children:[o&&aa("span",{className:"k-message-author",children:o}),e.children]})]})};F.states=pN;F.options=dN;F.className=Va;F.defaultOptions=Bn;import{Fragment as cN,jsx as Pn,jsxs as Up}from"react/jsx-runtime";var Or="k-message-reference",mN={},Fp={type:"receiver"},Gt=e=>{let{content:t,closeable:o,pinned:a,type:n=Fp.type,...i}=e;return Up("div",{...i,className:s(Or,e.className,{[`${Or}-${n}`]:n,"k-message-pinned":a}),children:[a&&Pn(v,{icon:"pin"}),Pn("div",{className:"k-message-reference-content",children:t}),o&&Up(cN,{children:[Pn("span",{className:"k-spacer"}),Pn(p,{icon:"x-circle",fillMode:"flat",size:"xsmall","aria-label":"Close"})]})]})};Gt.options=mN;Gt.className=Or;Gt.moduleName=null;Gt.folderName=null;Gt.defaultOptions=Fp;var Br="bubble",Gp=Br;import{jsx as Kn,jsxs as fN}from"react/jsx-runtime";var Pr="k-bubble",uN=[r.hover,r.active,r.selected,r.focus],Kr={expandable:!1,expanded:!1},co=e=>{let{content:t,hover:o,active:a,focus:n,selected:i,expandable:l=Kr.expandable,expanded:m=Kr.expanded,...u}=e;return fN("div",{...u,className:s(e.className,Pr,C(Pr,{hover:o,active:a,focus:n,selected:i}),{"k-bubble-expandable":l},{"k-expanded":m}),tabIndex:0,children:[Kn("div",{className:"k-bubble-content",children:t??e.children}),l&&Kn("span",{className:"k-bubble-expandable-indicator",role:"button","aria-label":m?"Show less":"Show more",tabIndex:0,children:m?Kn(v,{icon:"chevron-up"}):Kn(v,{icon:"chevron-down"})})]})};co.states=uN;co.className=Pr;co.defaultOptions=Kr;co.moduleName=Br;co.folderName=Gp;import{jsx as $5}from"react/jsx-runtime";import{jsx as J5}from"react/jsx-runtime";import{jsx as j5}from"react/jsx-runtime";import{jsx as Rr,jsxs as $p}from"react/jsx-runtime";var bN="k-chat-bubble",_p=e=>{let{typing:t,content:o,files:a,...n}=e;return $p(co,{...n,className:s(e.className,bN),children:[t?$p("div",{className:"k-typing-indicator",tabIndex:-1,children:[Rr("span",{}),Rr("span",{}),Rr("span",{})]}):o,a]})};import{jsx as fF}from"react/jsx-runtime";import{jsx as Xp,jsxs as xN}from"react/jsx-runtime";var qp="k-chat-event",_r={icon:"trash",text:"You deleted Chat history."},Wp=e=>{let{icon:t=_r.icon,text:o=_r.text,...a}=e;return xN("div",{...a,className:s(e.className,qp),children:[t&&Xp(v,{className:"k-chat-event-icon",icon:t,size:"xsmall"}),o&&Xp("span",{className:"k-chat-event-text",children:o})]})};Wp.className=qp;Wp.defaultOptions=_r;import{jsx as kF}from"react/jsx-runtime";import{Fragment as NN,jsx as Nt,jsxs as hN}from"react/jsx-runtime";var Jp=e=>Nt(V,{children:hN(NN,{children:[Nt("div",{className:"k-timestamp",children:"Day, Month 7, 2023"}),Nt(F,{children:Nt(D,{})}),Nt(F,{type:"sender",children:Nt(D,{})}),Nt(F,{children:Nt(D,{text:"Very long message text that tests message overflowing behavior. Very long message text that tests message overflowing behavior."})}),Nt(F,{type:"sender",children:Nt(D,{text:"Unusually_long_word_that_tests_word_break_behavior__unusually_long_word_that_tests_word_break_behavior"})})]}),...e});import{jsx as Yp}from"react/jsx-runtime";var Rn="k-file-box-wrapper",Zp={layout:"horizontal"},ht=e=>{let{layout:t=Zp.layout,scrollingPosition:o,...a}=e;return Yp("ul",{role:"list","aria-label":"Attached files",...a,className:s(e.className,Rn,{"k-files-vertical":t==="vertical","k-files-wrap":t==="wrap",[`${Rn}-scrollable-start`]:t==="horizontal"&&(o==="start"\|\|o==="both"),[`${Rn}-scrollable-end`]:t==="horizontal"&&(o==="end"\|\|o==="both")}),children:t==="horizontal"?Yp("div",{className:"k-files-scroll",role:"presentation",children:e.children}):e.children})};ht.className=Rn;ht.defaultOptions=Zp;var wr="file-box",Qp=wr;import{jsx as na,jsxs as jp}from"react/jsx-runtime";var ed="k-file-box",vN=[r.selected],gN={},$a={icon:"file-pdf",name:"FileName.pdf",size:"2MB",showButton:"true"},Te=e=>{let{icon:t=$a.icon,name:o=$a.name,size:a=$a.size,status:n,deleted:i,removeButton:l,showButton:m=$a.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:[na(v,{icon:t,size:"xlarge","aria-hidden":"true"}),jp("div",{className:"k-file-info",children:[o&&na("span",{className:"k-file-name",children:o}),a&&na("span",{className:"k-file-size",children:a}),n&&na("span",{className:"k-file-status",children:n})]}),m&&(l?na(p,{as:"span",icon:"x-circle",fillMode:"flat",size:"xsmall","aria-hidden":"true"}):na(z,{icon:"more-vertical",fillMode:"flat",size:"xsmall",showArrow:!1,"aria-label":"File actions"}))]})};Te.states=vN;Te.options=gN;Te.className=ed;Te.defaultOptions=$a;Te.moduleName=wr;Te.folderName=Qp;import{jsx as GF}from"react/jsx-runtime";import{jsx as WF}from"react/jsx-runtime";import{jsx as jF,jsxs as eG}from"react/jsx-runtime";import{jsx as sG,jsxs as rG}from"react/jsx-runtime";import{jsx as mG}from"react/jsx-runtime";import{Fragment as CG,jsx as kG,jsxs as AG}from"react/jsx-runtime";import{Fragment as OG,jsx as TG,jsxs as BG}from"react/jsx-runtime";var Dr="skeleton",td=Dr;import{jsx as kN}from"react/jsx-runtime";var Hr="k-skeleton",LN=["circle","text","rect"],MN=[],SN={},zr={variant:"text",shape:"text",animation:"pulse"},vt=e=>{let{variant:t,shape:o,animation:a=zr.animation,...n}=e,i=`skeleton-${t\|\|o\|\|zr.variant}`;return kN("span",{...n,className:s(e.className,Hr,Za(Hr,i),{[`k-skeleton-${a}`]:a}),style:e.style})};vt.states=MN;vt.options=SN;vt.variants=LN;vt.className=Hr;vt.defaultOptions=zr;vt.moduleName=Dr;vt.folderName=td;import{jsx as UG}from"react/jsx-runtime";import{jsx as $G}from"react/jsx-runtime";import{jsx as JG}from"react/jsx-runtime";import{Fragment as p6,jsx as i6,jsxs as l6}from"react/jsx-runtime";import{Fragment as f6,jsx as u6,jsxs as b6}from"react/jsx-runtime";import{jsx as v6}from"react/jsx-runtime";import{Fragment as k6,jsx as S6,jsxs as C6}from"react/jsx-runtime";import{Fragment as T6,jsx as I6,jsxs as O6}from"react/jsx-runtime";import{Fragment as _6,jsx as R6,jsxs as w6}from"react/jsx-runtime";import{Fragment as F6,jsx as U6}from"react/jsx-runtime";var Ur="appbar",od=Ur;import{jsx as yN}from"react/jsx-runtime";var Fr="k-appbar",CN=[],AN={themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary,h.inverse]},EN={},ke=e=>{let{themeColor:t,positionMode:o,position:a,...n}=e;return yN("div",{...n,className:s(e.className,Fr,E(Fr,{themeColor:t}),{[`k-appbar-${o}`]:o,[`k-appbar-${a}`]:a}),children:e.children})};ke.states=CN;ke.options=AN;ke.className=Fr;ke.defaultOptions=EN;ke.moduleName=Ur;ke.folderName=od;import{jsx as TN}from"react/jsx-runtime";var IN="k-appbar-section",gt=e=>{let{...t}=e;return TN("div",{...t,className:s(IN,e.className),children:e.children})};import{Fragment as a7,jsx as t7,jsxs as o7}from"react/jsx-runtime";import{jsx as j,jsxs as sa}from"react/jsx-runtime";var Gr={...ke.options,positionMode:["static","sticky","fixed"]},ON=ke.states,ad={...ke.defaultOptions,themeColor:"primary",variant:"top",positionMode:"sticky"};Gr.themeColor=["primary",...Gr.themeColor.filter(e=>e!=="primary")];var BN=[{name:"top",title:"Top"},{name:"bottom",title:"Bottom"}],ra=e=>{let{variant:t,...o}={...ad,...e},a=sa(ke,{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"}),sa(gt,{children:[j(nt,{fillMode:"flat",children:"Button"}),j(nt,{fillMode:"flat",children:"Button"}),j(nt,{fillMode:"flat",children:"Button"})]}),j("span",{className:"k-spacer k-spacer-sized",style:{width:"8px"}}),j(gt,{children:j(mn,{value:"Input value"})}),sa(gt,{children:[j(X,{className:"k-mx-sm",fillMode:"flat",icon:"bell"}),j("span",{className:"k-appbar-separator"}),j(On,{className:"k-mx-sm",children:j("img",{src:"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg"})})]})]}),n=sa("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"?sa("div",{style:{height:"250px",overflow:"auto"},children:[n,a]}):sa("div",{style:{height:"250px",overflow:"auto"},children:[a,n]})};ra.options=Gr;ra.states=ON;ra.variants=BN;ra.defaultOptions=ad;ra.modifiers=[];ra.className=ke.className;var Vr="suggestion",nd=Vr;import{jsx as _n,jsxs as RN}from"react/jsx-runtime";var wn="k-suggestion-group",PN=[],KN={},sd={layout:"scrollable",scrollingPosition:"start"},tt=e=>{let{layout:t=sd.layout,scrollingPosition:o,...a}=e,n=_n("div",{...a,className:s(wn,{"k-suggestion-group-scrollable":t=="scrollable",[`${wn}-scrollable-start`]:o==="start"\|\|o==="both",[`${wn}-scrollable-end`]:o==="end"\|\|o==="both"},e.className),role:"group",children:t==="scrollable"\|\|t==="scrollButtons"?_n("div",{className:"k-suggestions-scroll",children:e.children}):e.children});return t=="scrollButtons"?RN("div",{className:"k-suggestion-scrollwrap",children:[_n(p,{fillMode:"flat",icon:"chevron-left",size:"xsmall","aria-label":"Scroll left"}),n,_n(p,{fillMode:"flat",icon:"chevron-right",size:"xsmall","aria-label":"Scroll right"})]}):n};tt.states=PN;tt.options=KN;tt.className=wn;tt.defaultOptions=sd;tt.moduleName=Vr;tt.folderName=nd;import{jsx as HN}from"react/jsx-runtime";var Dn="k-suggestion",_N=[r.active,r.hover,r.focus],wN={themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary]},DN={text:"Suggestion"},ot=e=>{let{themeColor:t,active:o,hover:a,focus:n,text:i,...l}=e;return HN("span",{...l,className:s(e.className,Dn,C(Dn,{hover:a,active:o,focus:n}),E(Dn,{themeColor:t})),role:"button",tabIndex:0,"aria-label":i,children:i})};ot.states=_N;ot.options=wN;ot.className=Dn;ot.item=DN;import{Fragment as T7,jsx as I7,jsxs as O7}from"react/jsx-runtime";import{Fragment as _7,jsx as R7,jsxs as w7}from"react/jsx-runtime";import{Fragment as F7,jsx as U7,jsxs as G7}from"react/jsx-runtime";import{Fragment as $N,jsx as ee,jsxs as Hn}from"react/jsx-runtime";var zN=V.states,UN=V.defaultOptions,FN=V.options,GN=[{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"}],VN=[],ia=e=>{let{modifiers:t,...o}=e,a={author:null,avatar:null},n=Hn(ke,{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=Hn(tt,{children:[ee(ot,{text:"Provide a CV template"}),ee(ot,{text:"Generate a cover letter"})]}),m=Hn(tt,{children:[ee(ot,{themeColor:"primary",text:"Thank you!"}),ee(ot,{themeColor:"primary",text:"Great!"})]}),u="https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg",b=null,x="User",g="Demo Bot";Object.keys(t\|\|{}).forEach(y=>{switch(y){case"header":a.header=t?.[y]?n:!1;break;case"pinned":a.pinned=t?.[y]?i:!1;break;case"suggested":a.suggestedActions=t?.[y]?l:!1;break;case"author":a.author=t?.[y]?!0:null;break;case"avatar":a.avatar=t?.[y]?u:null;break;case"quick":a.quickReplies=t?.[y]?m:ee($N,{});break;default:break}});let{header:c,pinned:L,suggestedActions:M,author:S,avatar:A,quickReplies:k}=a;return Hn(Jp,{value:"Thank you!",style:{minHeight:"100%"},...o,header:c,pinned:L,suggestedActions:M,children:[ee(F,{avatar:b,author:S?g:null,children:ee(D,{text:"Hello, this is a demo bot. How can I help you ?"})}),ee(F,{avatar:A?u:null,author:S?x:null,type:"sender",children:ee(D,{text:"Hello! Generate a cover letter."})}),ee(F,{avatar:b,author:S?g:null,children:ee(D,{text:"Sure. Here is a cover letter template",files:ee(ht,{children:ee(Te,{icon:"file-pdf",name:"cover_letter.pdf",size:"1.43MB"})})})}),k]})};ia.options=FN;ia.states=zN;ia.variants=VN;ia.defaultOptions=UN;ia.modifiers=GN;ia.className=V.className;var $r="window",rd=$r;import{jsx as JN}from"react/jsx-runtime";var id="k-window-content",XN=[],qN={},WN={},Vt=e=>{let{children:t,...o}=e;return JN("div",{...o,className:s(id,e.className),children:t})};Vt.states=XN;Vt.options=qN;Vt.className=id;Vt.defaultOptions=WN;Vt.moduleName=$r;Vt.folderName=rd;var Xa="dialog",zn=Xa;import{Fragment as QN,jsx as uo,jsxs as Xr}from"react/jsx-runtime";var ld="k-dialog",YN=[],ZN={},qr={actionButtonsAlign:"stretched",modal:!0},Oe=e=>{let{title:t,actions:o,actionButtons:a,actionButtonsAlign:n=qr.actionButtonsAlign,modal:i=qr.modal,...l}=e,m=t!==void 0?B("dialog-titlebar"):void 0,u=B("dialog-content");return Xr("div",{className:"k-dialog-wrapper",children:[i&&uo(ut,{}),Xr("div",{...l,className:s(e.className,ld,"k-window"),role:"dialog","aria-labelledby":m,"aria-describedby":u,...i&&{"aria-modal":"true"},children:[(t!==void 0\|\|o)&&Xr("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(QN,{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(_e,{alignment:n,className:"k-window-actions k-dialog-actions",children:a})]})]})};Oe.states=YN;Oe.options=ZN;Oe.className=ld;Oe.defaultOptions=qr;Oe.moduleName=Xa;Oe.folderName=zn;var Wr=Oe;import{jsx as oh}from"react/jsx-runtime";var pd="k-dialog-wrapper",jN=[],eh={},th={},la=e=>{let{...t}=e;return oh("div",{...t,className:s(e.className,pd),children:e.children})};la.states=jN;la.options=eh;la.className=pd;la.defaultOptions=th;la.moduleName=Xa;la.folderName=zn;import{Fragment as dd,jsx as Un,jsxs as ah}from"react/jsx-runtime";var md=e=>Un(Wr,{title:"Title",children:Un(dd,{children:"Dialog content"}),actionButtons:ah(dd,{children:[Un(p,{children:"Action"}),Un(p,{themeColor:"primary",children:"Primary"})]}),actions:["x"],...e});import{Fragment as t4,jsx as o4,jsxs as a4}from"react/jsx-runtime";import{Fragment as ph,jsx as Fn,jsxs as dh}from"react/jsx-runtime";var nh=Oe.options,sh=[],rh=Oe.states,ih=Oe.defaultOptions,lh=[],pa=e=>Fn(md,{style:{width:"350px",height:"215px"},...e,title:"Please confirm",actions:["x"],actionButtonsAlign:"stretched",actionButtons:dh(ph,{children:[Fn(p,{children:"No"}),Fn(p,{themeColor:"primary",children:"Yes"})]}),children:Fn("p",{style:{margin:"36px",textAlign:"center"},children:"Are you sure you want to continue?"})});pa.options=nh;pa.states=rh;pa.variants=sh;pa.defaultOptions=ih;pa.modifiers=lh;pa.className=Oe.className;var Jr="dropzone",cd=Jr;import{jsx as Gn,jsxs as uh}from"react/jsx-runtime";var Yr="k-external-dropzone",mh=[r.disabled,r.hover],ch={},Zr={icon:"upload",hint:"Drag and drop files here to upload"},ue=e=>{let{hover:t,disabled:o,icon:a=Zr.icon,hint:n=Zr.hint,note:i,...l}=e;return Gn("div",{...l,className:s(e.className,Yr,C(Yr,{disabled:o}),{"k-external-dropzone-hover":t}),children:uh("div",{className:"k-dropzone-inner",children:[a&&Gn(v,{icon:a,className:"k-dropzone-icon",size:"xxxlarge"}),n&&Gn("span",{className:"k-dropzone-hint",children:n}),i&&Gn("span",{className:"k-dropzone-note",children:i})]})})};ue.states=mh;ue.options=ch;ue.className=Yr;ue.defaultOptions=Zr;ue.moduleName=Jr;ue.folderName=cd;import{jsx as fh}from"react/jsx-runtime";var ud=e=>fh(ue,{...e});import{jsx as y4}from"react/jsx-runtime";import{jsx as gh}from"react/jsx-runtime";var bh=ue.options,xh=ue.states,Nh=ue.defaultOptions,hh=[{name:"note",title:"Note"}],vh=[],da=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)}),gh(ud,{style:{width:"500px"},...o,...a})};da.options=bh;da.states=xh;da.variants=vh;da.defaultOptions=Nh;da.modifiers=hh;da.className=ue.className;import{Fragment as Vn,jsx as $t,jsxs as qa}from"react/jsx-runtime";var Qr="k-upload-dropzone",Lh=[r.hover],$n=e=>{let{hover:t,status:o,disabled:a,hasFiles:n,filesId:i,buttonText:l="Select files...",...m}=e,u;switch(o){case"uploading":u=qa(Vn,{children:[$t(v,{icon:"upload"}),"Uploading..."]});break;case"done":u=qa(Vn,{children:[$t(v,{icon:"check"}),"Done"]});break;case"failed":u=qa(Vn,{children:[$t(v,{icon:"exclamation-circle"}),"Done"]});break;default:u=$t(Vn,{});break}return qa("div",{...m,className:s(e.className,Qr,"k-dropzone",C(Qr,{hover:t})),children:[qa("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})]})};$n.states=Lh;$n.className=Qr;var jr="upload",fd=jr;import{jsx as Xn,jsxs as xd}from"react/jsx-runtime";var ei="k-upload",Mh=[r.hover,r.disabled],Sh={},Nd={actionsLayout:"end"},bd="upload-files-list",te=e=>{let{async:t,empty:o,actions:a,actionsLayout:n=Nd.actionsLayout,hover:i,status:l,disabled:m,buttonText:u,...b}=e,x=!!e.children;return xd("div",{...b,className:s(e.className,ei,C(ei,{disabled:m}),{"k-upload-async":t,"k-upload-empty":o}),children:[Xn($n,{status:l,hover:i,disabled:m,hasFiles:x,filesId:bd,buttonText:u}),x&&Xn("ul",{className:"k-upload-files",role:"list",id:bd,children:e.children}),a&&x&&xd(el,{alignment:n,orientation:"horizontal",children:[Xn(p,{className:"k-clear-selected",children:"Clear"}),Xn(p,{themeColor:"primary",className:"k-upload-selected",children:"Upload"})]})]})};te.states=Mh;te.options=Sh;te.className=ei;te.defaultOptions=Nd;te.moduleName=jr;te.folderName=fd;var Wa="progressbar",qn=Wa;import{jsx as oi,jsxs as ti}from"react/jsx-runtime";var at="k-progressbar",kh=[r.disabled,r.indeterminate],Ch={orientation:["horizontal","vertical"]},fo={indeterminate:!1,label:!0,labelPosition:"start",orientation:"horizontal",reverse:!1,value:"0"},Ce=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 ti("div",{...c,className:s(e.className,at,C(at,{disabled:t}),{[`${at}-${l}`]:l,[`${at}-indeterminate`]:a,[`${at}-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:[oi("span",{className:s("k-progress-status-wrap",{[`k-progress-${i}`]:i&&!a}),children:n&&ti("span",{className:"k-progress-status",children:[u,"%"]})}),!a&&oi("div",{className:"k-progressbar-value k-selected",children:oi("span",{className:s("k-progress-status-wrap",{[`k-progress-${i}`]:i}),children:n&&ti("span",{className:"k-progress-status",children:[e.value,"%"]})})})]})};Ce.states=kh;Ce.options=Ch;Ce.className=at;Ce.defaultOptions=fo;Ce.moduleName=Wa;Ce.folderName=qn;var hd=Ce;import{jsx as ai}from"react/jsx-runtime";var vd="k-chunk-progressbar",Ah=(e,t)=>t<=e-1,Eh=[r.disabled,r.indeterminate],yh={},Wn={chunkCount:5,orientation:"horizontal",progress:0},ma=e=>{let{disabled:t,chunkCount:o=Wn.chunkCount,indeterminate:a,orientation:n=Wn.orientation,progress:i=Wn.progress,reverse:l,ariaLabel:m,...u}=e;return ai("div",{...u,className:s(e.className,at,vd,C(at,{disabled:t}),{[`${at}-${n}`]:n,[`${at}-indeterminate`]:a,[`${at}-reverse`]:l}),role:"progressbar","aria-label":m\|\|"progress","aria-valuenow":a?void 0:i,"aria-valuemin":0,"aria-valuemax":o,children:ai("ul",{className:"k-progressbar-chunks k-reset",children:[...Array(o)].map((b,x)=>ai("li",{className:s("k-progressbar-chunk",{"k-first":x===0,"k-last":x===[...Array(o)].length-1,"k-selected":Ah(i,x)})},x))})})};ma.states=Eh;ma.options=yh;ma.className=vd;ma.defaultOptions=Wn;ma.moduleName=Wa;ma.folderName=qn;import{jsx as Ih}from"react/jsx-runtime";var Ja=e=>Ih(hd,{...e});import{jsx as b8}from"react/jsx-runtime";import{jsx as Xt}from"react/jsx-runtime";var Th=Ce.options,Oh=Ce.states,gd={...Ce.defaultOptions,variant:"start"},Bh=[{name:"start",title:"Label start"},{name:"center",title:"Label center"},{name:"end",title:"Label end"},{name:"empty",title:"No label"}],Ph=[],ca=e=>{let{variant:t,modifiers:o,...a}={...gd,...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(Ja,{...a,...n,labelPosition:"end",value:"50"})});case"center":return Xt("div",{...i,children:Xt(Ja,{...a,...n,labelPosition:"center",value:"50"})});case"empty":return Xt("div",{...i,children:Xt(Ja,{...a,...n,label:!1,value:"50"})});default:return Xt("div",{...i,children:Xt(Ja,{...a,...n,labelPosition:"start",value:"50"})})}};ca.options=Th;ca.states=Oh;ca.variants=Bh;ca.defaultOptions=gd;ca.modifiers=Ph;ca.className=Ce.className;import{jsx as ni,jsxs as Rh}from"react/jsx-runtime";var Kh="k-file-info",si=e=>{let{name:t,size:o,validationMsg:a,...n}=e;return Rh("div",{...n,className:s(e.className,Kh),children:[t&&ni("span",{className:"k-file-name",children:t}),o&&ni("span",{className:"k-file-size",children:o}),a&&ni("span",{className:"k-file-validation-message","aria-live":"polite",children:a})]})};import{Fragment as wh,jsx as Et,jsxs as Jn}from"react/jsx-runtime";var _h="k-file",Be=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,_h,{[`k-file-${t}`]:t}),role:"listitem",tabIndex:0,children:Jn("div",{className:"k-file-single",children:[Et(Ce,{className:s({"k-hidden":t!=="progress"}),value:o,label:!1}),Jn("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(si,{name:a,size:i,validationMsg:m}),Et("div",{className:"k-upload-actions",children:t==="progress"?Jn(wh,{children:[Jn("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 $8,jsx as G8,jsxs as V8}from"react/jsx-runtime";import{Fragment as Dh,jsx as ri,jsxs as Hh}from"react/jsx-runtime";var Ya=e=>ri(te,{async:!0,children:Hh(Dh,{children:[ri(Be,{name:"Image_With_Very_Very_Very_Very_Very_Long_Name1.png",icon:"file-image",size:"51.23 KB"}),ri(Be,{name:"Image2.jpg",icon:"file-image",size:"106.43 KB"})]}),...e});import{Fragment as tV,jsx as j8,jsxs as eV}from"react/jsx-runtime";import{jsx as zh}from"react/jsx-runtime";var Ld=e=>zh(te,{async:!0,empty:!0,...e});import{Fragment as pV,jsx as lV,jsxs as dV}from"react/jsx-runtime";import{Fragment as bV,jsx as fV,jsxs as xV}from"react/jsx-runtime";import{jsx as yt,jsxs as Yn}from"react/jsx-runtime";var Uh=te.options,Fh=te.states,Md={...te.defaultOptions,variant:"empty"},Gh=[{name:"empty",title:"Empty"},{name:"upload",title:"Upload"},{name:"uploading",title:"Uploading"},{name:"success",title:"Success"},{name:"failed",title:"Failed"}],Vh=[],ua=e=>{let{variant:t,...o}={...Md,...e};switch(t){case"success":return Yn(Ya,{status:"done",style:{width:"586px"},...o,children:[yt(Be,{status:"success",validationMsg:"File(s) uploaded successfully.",name:"Image1.png",icon:"file-image"}),yt(Be,{status:"success",validationMsg:"File(s) uploaded successfully.",name:"Image2.png",icon:"file-image"})]});case"failed":return Yn(Ya,{status:"failed",style:{width:"586px"},...o,children:[yt(Be,{status:"error",validationMsg:"File type not allowed.",name:"Movie1.mkv",icon:"file-image"}),yt(Be,{status:"error",validationMsg:"File type not allowed.",name:"Video2.mkv",icon:"file-image"})]});case"uploading":return Yn(Ya,{status:"uploading",style:{width:"586px"},...o,children:[yt(Be,{progress:"50",status:"progress",name:"Document1.txt",icon:"file-pdf",size:"328.92 KB"}),yt(Be,{progress:"70",status:"progress",name:"Document2.txt",icon:"file-pdf",size:"225.68 KB"})]});case"upload":return Yn(Ya,{actions:!0,status:"upload",style:{width:"586px"},...o,children:[yt(Be,{name:"Image1.png",icon:"file-image",size:"51.23 KB"}),yt(Be,{name:"Image2.jpg",icon:"file-image",size:"106.43 KB"})]});default:return yt(Ld,{async:!0,status:"upload",style:{width:"586px"},...o})}};ua.options=Uh;ua.states=Fh;ua.variants=Gh;ua.defaultOptions=Md;ua.modifiers=Vh;ua.className=te.className;import{Fragment as ii,jsx as Pe,jsxs as Zn}from"react/jsx-runtime";var FV=e=>Zn(ii,{children:[Pe(V,{children:Zn(ii,{children:[Pe("div",{className:"k-timestamp",children:"Day, Month 7, 2023"}),Pe(F,{children:Pe(D,{})}),Pe(F,{type:"sender",children:Pe(D,{})}),Pe(F,{children:Pe(D,{text:"Very long message text that tests message overflowing behavior. Very long message text that tests message overflowing behavior."})}),Pe(F,{type:"sender",children:Pe(D,{text:"Unusually_long_word_that_tests_word_break_behavior__unusually_long_word_that_tests_word_break_behavior"})})]}),...e}),Zn(Oe,{className:"k-chat-upload",title:"Upload file(s)",actions:["x"],actionButtons:Zn(ii,{children:[Pe(p,{themeColor:"primary",disabled:!0,children:"Upload"}),Pe(p,{children:"Cancel"})]}),children:[Pe(ue,{}),Pe(te,{empty:!0,status:"upload"})]})]});export{FV as ChatUpload};
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 Za(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"},lt={undefined:void 0,outline:"outline",solid:"solid",duotone:"duotone"},h={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",inverse:"inverse"},r={open:"open",hover:"hover",focus:"focus",active:"active",selected:"selected",disabled:"disabled",valid:"valid",invalid:"invalid",loading:"loading",required:"required",empty:"empty",indeterminate:"indeterminate",checked:"checked",readonly:"readonly",highlighted:"highlighted",generating:"generating",expanded:"expanded"};var ts={};function B(e){return ts[e]=(ts[e]\|\|0)+1,`k-${e}-${ts[e]}`}import{Fragment as Ad,jsx as pi}from"react/jsx-runtime";var os="k-font-icon",Sd=[],kd={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]},Cd={},xa=e=>{let{size:t,themeColor:o,icon:a,rotate:n,flip:i,...l}=e;return a?pi("span",{...l,className:s(e.className,os,E(os,{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(Ad,{})};xa.states=Sd;xa.options=kd;xa.className=os;xa.defaultOptions=Cd;var di=xa;import{Fragment as Id,jsx as Qa}from"react/jsx-runtime";var as="k-svg-icon",Ed=[],yd={size:[d.undefined,d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary,h.success,h.warning,h.error,h.info],variant:[lt.outline,lt.solid,lt.duotone]},ns={viewBox:"0 0 24 24",variant:lt.outline},Na=e=>{let{size:t,themeColor:o,rotate:a,flip:n,viewBox:i=ns.viewBox,variant:l=ns.variant,icon:m,...u}=e;if(!m)return Qa(Id,{});if(m==="none")return Qa("span",{...u,className:s(e.className,as,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 Qa("span",{...u,className:s(e.className,as,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:Qa("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})})};Na.states=Ed;Na.options=yd;Na.className=as;Na.defaultOptions=ns;var ss=Na;importas rs from"@progress/kendo-svg-icons";var mi="icon",ci="icons";import{useContext as Od}from"react";import{createContext as Td}from"react";var ui=Td({iconsType:"svg"});import{Fragment as fi,jsx as ha}from"react/jsx-runtime";var ja="k-icon",Bd=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),Pd=[],Kd={size:[d.undefined,d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary,h.success,h.warning,h.error,h.info],variant:[lt.outline,lt.solid,lt.duotone]},en={viewBox:"0 0 24 24",type:"svg",variant:lt.outline},v=e=>{let{iconsType:t}=Od(ui),{size:o,themeColor:a,icon:n,type:i=t\|\|en.type,rotate:l,flip:m,viewBox:u=en.viewBox,variant:b=en.variant,...x}=e;if(!n)return ha(fi,{});if((t\|\|i)==="svg"){if(n==="none")return ha(ss,{...x,className:s(e.className,ja),icon:n,size:o,variant:b});let c=rs[n]?n:Bd(`${n}-icon`);return rs[c]?ha(ss,{...x,className:s(e.className,ja),icon:rs[c],size:o,themeColor:a,rotate:l,flip:m,viewBox:u,variant:b}):ha(fi,{})}return ha(di,{...x,className:s(e.className,ja),icon:n,size:o,themeColor:a,rotate:l,flip:m})};v.states=Pd;v.options=Kd;v.defaultOptions=en;v.className=ja;v.moduleName=mi;v.folderName=ci;var is="button",bi=is;import{Fragment as ls,jsx as It,jsxs as xi}from"react/jsx-runtime";var va="k-button",Rd=["icon-button"],_d=[r.hover,r.focus,r.active,r.selected,r.disabled,r.generating],wd={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]},ps={showArrow:!1,arrowIconName:"chevron-down"},p=e=>{let{as:t="button",size:o,rounded:a,fillMode:n,themeColor:i,showArrow:l=ps.showArrow,arrowIconName:m=ps.arrowIconName,variant:u,hover: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,fe=A!=null,fa=e.children!==void 0;return xi(t,{className:s(Ae,va,Za(va,u),E(va,{size:o,rounded:a,fillMode:n,themeColor:i}),C(va,{hover:b,focus:x,active:g,disabled:L\|\|S,selected:c}),{"k-icon-button":!w&&!fa&&fe}),"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(ls,{children:A}),w?xi(ls,{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(ls,{children:k}),l&&It("span",{className:"k-menu-button-arrow k-button-arrow",children:It(v,{icon:m})})]})};p.states=_d;p.options=wd;p.variants=Rd;p.className=va;p.defaultOptions=ps;p.moduleName=is;p.folderName=bi;import{jsx as Dd}from"react/jsx-runtime";var X=e=>Dd(p,{icon:"folder",...e,"aria-label":e["aria-label"]\|\|"Folder",children:void 0});import{jsx as Hd}from"react/jsx-runtime";var ga=e=>Hd(p,{icon:"folder",children:"Button",...e});import{jsx as _v}from"react/jsx-runtime";import{jsx as zd}from"react/jsx-runtime";var nt=e=>zd(p,{children:"Button",...e});import{jsx as ds}from"react/jsx-runtime";var Ud=p.options,Fd=p.states,Gd={...p.defaultOptions,variant:"text"},Vd=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],$d=[],bo=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return ds(X,{...o,icon:"star"});case"icon-and-text":return ds(ga,{...o,icon:"star",children:"Button"});default:return ds(nt,{...o,children:"Button"})}};bo.options=Ud;bo.states=Fd;bo.variants=Vd;bo.defaultOptions=Gd;bo.modifiers=$d;bo.className=p.className;import{jsx as Ni,jsxs as Yd}from"react/jsx-runtime";var tn="k-fab",Wd=[r.hover,r.focus,r.active,r.selected,r.disabled],Jd={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"},oe=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 Yd("button",{...L,type:l,className:s(e.className,tn,E(tn,{size:t,rounded:o,themeColor:a}),C(tn,{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})]})};oe.states=Wd;oe.options=Jd;oe.className=tn;oe.defaultOptions=hi;oe.moduleName="fab";oe.folderName="fab";import{jsx as Qd}from"react/jsx-runtime";var Zd="k-fab-items",vi=e=>{let{position:t,...o}=e;return Qd("ul",{...o,className:s(e.className,Zd,{[`k-fab-items-${t}`]:t}),children:e.children})};import{jsx as Li,jsxs as em}from"react/jsx-runtime";var gi="k-fab-item",jd=[r.hover,r.focus,r.active,r.disabled],ms=e=>{let{text:t,icon:o,align:a,hover:n,focus:i,active:l,disabled:m,...u}=e;return em("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})]})};ms.states=jd;import{jsx as xg}from"react/jsx-runtime";import{jsx as tm}from"react/jsx-runtime";var Mi=e=>tm(oe,{icon:"plus",...e});import{jsx as Sg}from"react/jsx-runtime";import{jsx as Eg}from"react/jsx-runtime";import{jsx as xo,jsxs as im}from"react/jsx-runtime";var om=oe.options,am=oe.states,nm={...oe.defaultOptions,variant:"text"},sm=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],rm=[{name:"opened",title:"Opened"}],No=e=>{let{variant:t,modifiers:o,...a}=e,{opened:n}=o\|\|{},i=n?xo("div",{className:"k-fab-popup k-popup k-popup-transparent",style:{position:"absolute",top:"calc(16px + 36px)",right:"calc(16px + calc(36px / 2) - calc(36px /2))"},children:xo(vi,{position:"bottom",children:xo(ms,{text:"Item",icon:"pencil",align:"right"})})}):null,l;switch(t){case"icon-only":l=xo(oe,{...a,icon:"star"});break;case"icon-and-text":l=xo(oe,{...a,icon:"star",text:"Action"});break;default:l=xo(oe,{...a,text:"Action"});break}return im("span",{style:{position:"relative"},children:[l,i]})};No.options=om;No.states=am;No.variants=sm;No.defaultOptions=nm;No.modifiers=rm;No.className=oe.className;import{jsx as dm}from"react/jsx-runtime";var cs="k-input-inner",lm=[],pm={},on={type:"text",autocomplete:"off",value:"",placeholder:""},be=e=>{let{value:t=on.value,type:o=on.type,placeholder:a=on.placeholder,autocomplete:n=on.autocomplete,disabled:i,readOnly:l,...m}=e;return dm("input",{...m,type:o,className:s(e.className,cs,E(cs,e)),placeholder:a,autoComplete:n,defaultValue:t,disabled:i\|\|void 0,readOnly:l\|\|void 0})};be.states=lm;be.options=pm;be.className=cs;import{jsx as um}from"react/jsx-runtime";var us="k-input-inner",mm=[],cm={},Si={value:"",placeholder:""},La=e=>{let{value:t=Si.value,placeholder:o=Si.placeholder,rows:a,disabled:n,...i}=e;return um("textarea",{...i,className:s(e.className,us,E(us,e)),placeholder:o,rows:a,defaultValue:t,disabled:n\|\|void 0})};La.states=mm;La.options=cm;La.className=us;var fs="prompt-box",ki=fs;var bs="speech-to-text-button",Ci=bs;import{jsx as fm}from"react/jsx-runtime";var Ai="k-speech-to-text-button",Ei={icon:"microphone"},Ke=e=>{let{listening:t=!1,icon:o=Ei.icon,...a}=e;return fm(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"})};Ke.states=p.states;Ke.options=p.options;Ke.className=Ai;Ke.defaultOptions=Ei;Ke.moduleName=bs;Ke.folderName=Ci;import{jsx as lL}from"react/jsx-runtime";import{jsx as cL}from"react/jsx-runtime";import{jsx as vm}from"react/jsx-runtime";var bm=p.states,yi={...p.defaultOptions,variant:"normal"},xm={...p.options,fillMode:p.options.fillMode.filter(e=>e!=="clear"&&e!=="link")},Nm=[],hm=[{name:"normal",title:"Normal"},{name:"listening",title:"Listening"}],ho=e=>{let{variant:t,...o}={...yi,...e},a={};return t==="listening"&&(a.listening=!0),vm(Ke,{...o,...a})};ho.options=xm;ho.states=bm;ho.variants=hm;ho.defaultOptions=yi;ho.modifiers=Nm;ho.className=Ke.className;import{jsx as Jt,jsxs as xs}from"react/jsx-runtime";var pt="k-prompt-box",gm=[r.hover,r.focus,r.disabled],Lm={fillMode:[N.undefined,N.solid,N.flat,N.outline]},Ns={lineMode:"auto",isExpanded:!1},xe=e=>{let{fillMode:t,lineMode:o=Ns.lineMode,startAffix:a,endAffix:n,header:i,isExpanded:l=Ns.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 xs("div",{...y,className:s(m,"k-input",pt,{[`${pt}-singleline`]:o==="single",[`${pt}-multiline`]:w,[`k-input-${t}`]:t,"k-hover":S,"k-focus":A,"k-disabled":k}),children:[i&&Jt("div",{className:`${pt}-header`,children:i}),xs("div",{className:`${pt}-content`,children:[a&&Jt("div",{className:`${pt}-affix`,children:a}),o==="single"?Jt(be,{value:b,placeholder:x,className:`${pt}-input`,type:"text","aria-label":"Prompt input"}):Jt(La,{value:b,placeholder:x,className:`${pt}-textarea`,rows:o==="multi"\|\|l?3:1,"aria-label":"Prompt input","aria-multiline":"true"}),xs("div",{className:`${pt}-affix`,children:[n,M&&Jt(X,{icon:"paperclip",size:"small",fillMode:"flat",rounded:"full","aria-label":"Attach files",...M}),L!==!1&&Jt(Ke,{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]})};xe.states=gm;xe.options=Lm;xe.className=pt;xe.defaultOptions=Ns;xe.moduleName=fs;xe.folderName=ki;import{jsx as _L}from"react/jsx-runtime";import{jsx as zL}from"react/jsx-runtime";import{jsx as VL}from"react/jsx-runtime";import{jsx as WL}from"react/jsx-runtime";import{jsx as QL}from"react/jsx-runtime";import{Fragment as hs,jsx as Tt,jsxs as Em}from"react/jsx-runtime";var Mm=xe.options,Sm=xe.states,km={...xe.defaultOptions,variant:"Single"},Cm=[{name:"Single",title:"Singleline"},{name:"Multi",title:"Multiline"}],Am=[{name:"header",title:"Header"},{name:"endAffix",title:"End Affix"},{name:"startAffix",title:"Start Affix"}],vo=e=>{let{variant:t,modifiers:o,...a}=e,n={},i=Tt(hs,{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=Em(hs,{children:[i,Tt(X,{icon:"paperclip",size:"small",fillMode:"flat"})]}));break;case"startAffix":n.startAffix=o?.[l]?Tt(hs,{children:Tt(X,{icon:"plus",size:"small",fillMode:"flat"})}):void 0;break;default:break}}),t==="Multi"?Tt(xe,{style:{width:300},lineMode:"multi",endAffix:i,placeholder:"Enter your prompt...",...a,...n}):Tt(xe,{style:{width:300},lineMode:"single",endAffix:i,placeholder:"Enter your prompt...",...a,...n})};vo.options=Mm;vo.states=Sm;vo.variants=Cm;vo.defaultOptions=km;vo.modifiers=Am;vo.className=xe.className;var vs="chat",Ii=vs;import{Fragment as Bi,jsx as Yt,jsxs as Ma}from"react/jsx-runtime";var Ti="k-chat",ym=[],Im={},Tm=Ma(Bi,{children:[Yt(X,{icon:"paperclip",fillMode:"clear",rounded:"full",size:"small","aria-label":"Attach file"},"paperclip"),Yt("div",{className:"k-spacer"})]}),Oi={tools:Tm},V=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 Ma("div",{...M,className:s(Ti,e.className),dir:o,children:[t,Ma("div",{className:"k-message-list",role:"log","aria-label":"Message list","aria-live":"polite",children:[i,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"}),Ma("div",{className:"k-message-box-wrapper",children:[a,Yt(xe,{lineMode:"multi",placeholder:"Type a message",generating:m,value:b,header:n\|\|l?Ma(Bi,{children:[l,n]}):void 0,endAffix:u,...L})]})]})};V.states=ym;V.options=Im;V.className=Ti;V.defaultOptions=Oi;V.moduleName=vs;V.folderName=Ii;var gs="button",Pi=gs;import{jsx as Km}from"react/jsx-runtime";var Sa="k-button-group",Om=[r.disabled],Bm={fillMode:[N.undefined,N.solid,N.flat,N.outline,N.clear,N.link]},Pm={},T=e=>{let{fillMode:t,disabled:o,stretched:a,...n}=e;return Km("div",{role:"group",...n,className:s(e.className,Sa,E(Sa,{fillMode:t}),C(Sa,{disabled:o}),{[`${Sa}-stretched`]:a}),...o&&{"aria-disabled":"true"},children:e.children})};T.states=Om;T.options=Bm;T.className=Sa;T.defaultOptions=Pm;T.moduleName=gs;T.folderName=Pi;import{Fragment as BM,jsx as OM,jsxs as PM}from"react/jsx-runtime";import{Fragment as HM,jsx as DM,jsxs as zM}from"react/jsx-runtime";import{Fragment as XM,jsx as $M,jsxs as qM}from"react/jsx-runtime";import{Fragment as jM,jsx as QM,jsxs as eS}from"react/jsx-runtime";import{Fragment as rS,jsx as sS,jsxs as iS}from"react/jsx-runtime";import{Fragment as uS,jsx as cS,jsxs as fS}from"react/jsx-runtime";import{Fragment as gS,jsx as vS,jsxs as LS}from"react/jsx-runtime";import{jsx as Lt,jsxs as Ls}from"react/jsx-runtime";var Rm={...p.options,...T.options},_m=p.states,wm={...p.defaultOptions,...T.defaultOptions,variant:"text-button"},Dm=[{name:"icon-button",title:"Icon Only"},{name:"text-button",title:"Text"},{name:"icon-text-button",title:"Icon Text"}],Hm=[],go=e=>{let{variant:t,className:o,...a}=e;return t==="icon-button"?Ls(T,{fillMode:a.fillMode,className:o,children:[Lt(p,{...a,icon:"star"}),Lt(p,{...a,icon:"star"}),Lt(p,{...a,icon:"star"})]}):t==="icon-text-button"?Ls(T,{fillMode:a.fillMode,className:o,children:[Lt(p,{...a,icon:"star",children:"First"}),Lt(p,{...a,icon:"star",children:"Middle"}),Lt(p,{...a,icon:"star",children:"Last"})]}):Ls(T,{fillMode:a.fillMode,className:o,children:[Lt(p,{...a,children:"First"}),Lt(p,{...a,children:"Middle"}),Lt(p,{...a,children:"Last"})]})};go.options=Rm;go.states=_m;go.variants=Dm;go.defaultOptions=wm;go.modifiers=Hm;go.className=T.className;var ka="input",nn=ka;import{jsx as Gm}from"react/jsx-runtime";var sn="k-input",zm=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading,r.readonly],Um={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]},Fm={},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 Gm("span",{...g,className:s(e.className,sn,E(sn,{size:u,rounded:b,fillMode:x}),C(sn,{hover:t,focus:o,disabled:a,invalid:n,valid:i,loading:l,readonly:m}))})};J.states=zm;J.options=Um;J.className=sn;J.defaultOptions=Fm;J.moduleName=ka;J.folderName=nn;import{jsx as qm}from"react/jsx-runtime";var rn="k-picker",Vm=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading,r.readonly],$m={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]},Xm={},dt=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 qm("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})),children:e.children})};dt.states=Vm;dt.options=$m;dt.className=rn;dt.defaultOptions=Xm;dt.moduleName=ka;dt.folderName=nn;import{Fragment as Ym,jsx as Ms}from"react/jsx-runtime";var Ki="k-clear-value",Wm=[r.disabled,r.loading,r.readonly],Jm={},Re=e=>{let{disabled:t,loading:o,readonly:a,value:n}=e;return t\|\|a\|\|o\|\|!n?Ms(Ym,{}):Ms("span",{className:s(e.className,Ki),children:Ms(v,{icon:"x"})})};Re.states=Wm;Re.options=Jm;Re.className=Ki;import{jsx as Ri,jsxs as jm}from"react/jsx-runtime";var Ss="k-input-inner",Zm=[],Qm={},Zt=e=>{let{value:t,placeholder:o,showValue:a,valueIcon:n,valueIconName:i,...l}=e;return jm("span",{...l,className:s(e.className,Ss,E(Ss,e)),children:[n,!n&&i&&Ri(v,{className:"k-input-value-icon",icon:i}),a&&!t&&o,a&&t&&Ri("span",{className:"k-input-value-text",children:t})]})};Zt.states=Zm;Zt.options=Qm;Zt.className=Ss;import{Fragment as tc,jsx as _i}from"react/jsx-runtime";var wi="k-input-loading-icon",ec=[r.disabled,r.loading],Ee=e=>{let{disabled:t,loading:o}=e;return t\|\|!o?_i(tc,{}):_i("span",{className:s(e.className,wi,"k-icon k-i-loading")})};Ee.states=ec;Ee.className=wi;import{Fragment as nc,jsx as Di}from"react/jsx-runtime";var Hi="k-input-validation-icon",oc=[r.valid,r.invalid,r.disabled,r.loading],ac={},Ne=e=>{let{valid:t,invalid:o,disabled:a,loading:n}=e,i=o?"warning-circle":"check-circle";return a\|\|n\|\|!!!(t\|\|o)?Di(nc,{}):Di(v,{className:s(Hi),icon:i})};Ne.states=oc;Ne.options=ac;Ne.className=Hi;import{Fragment as ic,jsx as zi}from"react/jsx-runtime";var sc="k-input-prefix",rc={direction:"horizontal"},Fe=e=>{let{direction:t=rc.direction,...o}=e;return e.children?zi("span",{...o,className:s(sc,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):zi(ic,{})};import{Fragment as dc,jsx as Ui}from"react/jsx-runtime";var lc="k-input-suffix",pc={direction:"horizontal"},Ge=e=>{let{direction:t=pc.direction,...o}=e;return e.children?Ui("span",{...o,className:s(lc,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):Ui(dc,{})};import{jsx as xk}from"react/jsx-runtime";import{jsx as cc}from"react/jsx-runtime";var mc="k-input-suffix-text",ks=e=>{let{children:t,...o}=e;return cc("span",{...o,className:s(mc,e.className),children:t})};import{jsx as fc}from"react/jsx-runtime";var Fi="k-input-separator",uc={direction:"vertical"},Ve=e=>{let{direction:t=uc.direction,...o}=e;return fc("span",{...o,className:s(Fi,e.className,{[`${Fi}-${t}`]:t})})};import{Fragment as Gi,jsx as mt,jsxs as Cs}from"react/jsx-runtime";var bc=J.states,xc=J.defaultOptions,Nc=J.options,hc=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],vc=[],Lo=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 Cs(J,{...m,valid:o,invalid:a,loading:n,disabled:i,readonly:l,style:{width:300},children:[u&&Cs(Gi,{children:[mt(Fe,{children:mt(v,{icon:"lock"})}),c&&mt(Ve,{})]}),mt(be,{placeholder:"Placeholder",value:"Value"}),g&&mt(Ne,{valid:o,invalid:a,loading:n,disabled:i}),mt(Ee,{loading:n,disabled:i}),x&&mt(Re,{loading:n,disabled:i,readonly:l,value:"Value"}),b&&Cs(Gi,{children:[c&&mt(Ve,{}),mt(Ge,{children:mt(nt,{size:m.size,fillMode:"clear",children:"Send"})})]})]})};Lo.options=Nc;Lo.states=bc;Lo.variants=vc;Lo.defaultOptions=xc;Lo.modifiers=hc;Lo.className=J.className;import{jsx as Vi,jsxs as Mc}from"react/jsx-runtime";var $i="k-color-preview",gc=[],Lc={},Ot=e=>{let{color:t,iconName:o,...a}=e;return Mc("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=gc;Ot.options=Lc;Ot.className=$i;var As="popup",Xi=As;import{jsx as qi}from"react/jsx-runtime";var Wi="k-animation-container",Sc=[],kc={},Es={positionMode:"absolute",shown:!0},ct=e=>{let{positionMode:t=Es.positionMode,shown:o=Es.shown,animationStyle:a,offset:n,...i}=e;return qi("div",{...i,style:{...n,...e.style},className:s(e.className,Wi,{"k-animation-container-shown":o,"k-animation-container-fixed":t==="fixed"}),children:qi("div",{className:"k-child-animation-container",style:a,children:e.children})})};ct.states=Sc;ct.options=kc;ct.className=Wi;ct.defaultOptions=Es;ct.moduleName=As;ct.folderName=Xi;var ys="popup",Ji=ys;import{jsx as Yi}from"react/jsx-runtime";var Zi="k-popup",Cc=[],Ac={},Qi={positionMode:"absolute"},q=e=>{let{offset:t,positionMode:o=Qi.positionMode,animationStyle:a,containerClassName:n,containerRole:i,containerAriaLabel:l,...m}=e;return Yi(ct,{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=Cc;q.options=Ac;q.className=Zi;q.defaultOptions=Qi;q.moduleName=ys;q.folderName=Ji;var Is="action-buttons",ji=Is;import{jsx as Ic}from"react/jsx-runtime";var ln="k-actions",Ec=[],yc={},Ts={alignment:"start",orientation:"horizontal"},_e=e=>{let{alignment:t=Ts.alignment,orientation:o=Ts.orientation,...a}=e;return Ic("div",{...a,className:s(ln,{[`${ln}-${t}`]:t,[`${ln}-${o}`]:o},e.className),children:e.children})};_e.states=Ec;_e.options=yc;_e.className=ln;_e.defaultOptions=Ts;_e.moduleName=Is;_e.folderName=ji;var el=_e;import{jsx as Oc}from"react/jsx-runtime";var Tc="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":_e,...i}=e;return Oc(n,{...i,...!a&&{alignment:t,orientation:o},className:s(e.className,Tc),children:e.children})};var Os="searchbox",ol=Os;import{jsx as Ca,jsxs as Kc}from"react/jsx-runtime";var al="k-searchbox",Bc=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading],Pc={size:[d.undefined,d.small,d.medium,d.large],rounded:[f.undefined,f.none,f.small,f.medium,f.large,f.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},pn={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=pn.showIcon,showClearButton:M=pn.showClearButton,icon:S=pn.icon,"aria-label":A,...k}=e;return Kc(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&&Ca(v,{className:"k-input-icon",icon:S}),Ca(be,{placeholder:o,value:t,"aria-label":A}),Ca(Ee,{...e}),Ca(Ne,{...e}),M&&Ca(Re,{...e})]})};$e.states=Bc;$e.options=Pc;$e.className=al;$e.defaultOptions=pn;$e.moduleName=Os;$e.folderName=ol;import{jsx as UC}from"react/jsx-runtime";var Bs="textbox",nl=Bs;import{Fragment as sl,jsx as Pt,jsxs as Ps}from"react/jsx-runtime";var rl="k-textbox",Rc=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading,r.readonly],_c={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={showClearButton:!0,showValidationIcon:!0,separators:!0},de=e=>{let{size:t,rounded:o,fillMode:a,separators:n=dn.separators,showClearButton:i=dn.showClearButton,showValidationIcon:l=dn.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,...fe}=e;return Ps(J,{...fe,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&&Ps(sl,{children:[Pt(Fe,{children:m}),n&&Pt(Ve,{})]}),Pt(be,{id:se,placeholder:g,value:x,type:b,disabled:y,"aria-label":Ae,"aria-describedby":pe,"aria-invalid":S?"true":void 0}),l&&Pt(Ne,{valid:M,invalid:S,loading:k,disabled:y}),Pt(Ee,{loading:k,disabled:y}),i&&Pt(Re,{loading:k,disabled:y,readonly:w,value:x}),u&&Ps(sl,{children:[n&&Pt(Ve,{}),Pt(Ge,{children:u})]})]})};de.states=Rc;de.options=_c;de.className=rl;de.defaultOptions=dn;de.moduleName=Bs;de.folderName=nl;var Aa=de;import{jsx as wc}from"react/jsx-runtime";var mn=e=>wc(Aa,{...e});import{Fragment as sA,jsx as nA}from"react/jsx-runtime";import{Fragment as mA,jsx as dA}from"react/jsx-runtime";import{jsx as bA}from"react/jsx-runtime";import{jsx as Ks}from"react/jsx-runtime";var Dc=de.states,Hc=de.defaultOptions,zc=de.options,Uc=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],Fc=[],Mo=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(n=>{switch(n){case"prefix":a.prefix=t?.[n]?Ks(v,{icon:"lock"}):void 0;break;case"suffix":a.suffix=t?.[n]?Ks(nt,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":a.showClearButton=t?.[n];break;default:break}}),Ks(mn,{value:"Value",style:{width:300},...o,...a})};Mo.options=zc;Mo.states=Dc;Mo.variants=Fc;Mo.defaultOptions=Hc;Mo.modifiers=Uc;Mo.className=de.className;import{jsx as Kt,jsxs as Rs}from"react/jsx-runtime";var il="k-actionsheet-titlebar",Gc={},he=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 Rs("div",{...c,className:s(e.className,il),children:[Rs("div",{className:"k-actionsheet-titlebar-group",children:[a&&Kt("div",{className:"k-actionsheet-actions",children:a}),!g&&Rs("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"})})]})};he.className=il;he.defaultOptions=Gc;import{jsx as _s,jsxs as qc}from"react/jsx-runtime";var ws="k-actionsheet-view",Vc=[],$c={},Xc={},So=e=>{let{adaptive:t,animated:o,children:a,header:n,footer:i,titleId:l,...m}=e,u=n?.type===he&&_s(he,{adaptive:t,titleId:l,...n?.props}),b=i?.type===Bt&&_s(Bt,{...i?.props});return qc("div",{...m,className:s(e.className,ws,{[`${ws}-animated`]:o}),children:[u,_s("div",{className:"k-actionsheet-content",children:a}),b]})};So.states=Vc;So.options=$c;So.className=ws;So.defaultOptions=Xc;var Ea="action-sheet",cn=Ea;var Ds="overlay",ll=Ds;import{jsx as Zc}from"react/jsx-runtime";var pl="k-overlay",Wc=[],Jc={},Yc={},ut=e=>{let{...t}=e;return Zc("div",{...t,className:s(e.className,pl),children:e.children})};ut.states=Wc;ut.options=Jc;ut.className=pl;ut.defaultOptions=Yc;ut.moduleName=Ds;ut.folderName=ll;import{jsx as un,jsxs as eu}from"react/jsx-runtime";var dl="k-actionsheet",Qc=[],jc={},ya={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},Y=e=>{let{side:t=ya.side,fullscreen:o=ya.fullscreen,adaptive:a=ya.adaptive,overlay:n=ya.overlay,template:i,children:l,header:m,footer:u,id:b,...x}=e,g=b&&!i&&m?`${b}-title`:void 0;return eu("div",{className:"k-actionsheet-container",children:[n&&un(ut,{}),un(ct,{animationStyle:{[`${o===!0?"top":t}`]:0,[`${o===!0?"width":null}`]:"100%",[`${o===!0?"height":null}`]:"100%",[`${t==="top"\|\|t==="bottom"?"width":null}`]:"100%",[`${t==="left"\|\|t==="right"?"height":null}`]:"100%"},children:un("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\|\|un(So,{header:m,footer:u,adaptive:a,titleId:g,...e,children:l})})})]})};Y.states=Qc;Y.options=jc;Y.className=dl;Y.defaultOptions=ya;Y.moduleName=Ea;Y.folderName=cn;import{jsx as nu}from"react/jsx-runtime";var ml="k-actionsheet-container",tu=[],ou={},au={},ko=e=>{let{children:t,...o}=e;return nu("div",{...o,className:ml,children:t})};ko.states=tu;ko.options=ou;ko.className=ml;ko.defaultOptions=au;ko.moduleName=Ea;ko.folderName=cn;import{jsx as su}from"react/jsx-runtime";var Hs=e=>{let{...t}=e;return su("div",{...t,className:s(e.className,"k-list-ul"),children:e.children})};import{Fragment as iu,jsx as Ia,jsxs as zs}from"react/jsx-runtime";var Us="k-actionsheet-item",ru=[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 zs("span",{...u,className:s(e.className,Us,C(Us,{hover:n,focus:i,selected:l,disabled:m})),children:[!e.children&&Ia(iu,{children:zs("span",{className:"k-actionsheet-action",children:[t&&Ia("span",{className:"k-icon-wrap",children:Ia(v,{className:"k-actionsheet-item-icon",icon:t})}),zs("span",{className:"k-actionsheet-item-text",children:[o&&Ia("span",{className:"k-actionsheet-item-title",children:o}),a&&Ia("span",{className:"k-actionsheet-item-description",children:a})]})]})}),e.children]})};Rt.states=ru;Rt.className=Us;import{jsx as fE,jsxs as bE}from"react/jsx-runtime";import{jsx 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 re,jsxs as Fs}from"react/jsx-runtime";var lu=Y.options,pu=Y.states,ul={...Y.defaultOptions,variant:"normal"},du=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],mu=[{name:"actions",title:"Titlebar Actions",type:"boolean"},{name:"subtitle",title:"Subtitle",type:"boolean"},{name:"footer",title:"Footer",type:"boolean"}],Co=e=>{let{variant:t,modifiers:o,...a}={...ul,...e},n={},i=Fs(Hs,{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(he,{actionsStart:n.actionsStart?re(p,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:n.actionsEnd?re(p,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:m,subtitle:n.subtitle}),footer:n.footer?Fs(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(he,{actionsStart:n.actionsStart?re(p,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:n.actionsEnd?re(p,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:n.subtitle}),footer:n.footer?Fs(Bt,{alignment:"stretched",children:[re(p,{text:"Apply",themeColor:"primary"}),re(p,{text:"Cancel",themeColor:"base"})]}):void 0,children:i})};Co.options=lu;Co.states=pu;Co.variants=du;Co.defaultOptions=ul;Co.modifiers=mu;Co.className=Y.className;var Gs="slider",fl=Gs;import{jsx as Ao,jsxs as Vs}from"react/jsx-runtime";var Ta="k-slider",cu=[r.hover,r.focus,r.active,r.disabled,r.readonly],uu={},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,fe;return o==="horizontal"?(pe=y==="rtl"?"chevron-left":"chevron-right",fe=y==="rtl"?"chevron-right":"chevron-left"):o==="vertical"&&(pe="chevron-up",fe="chevron-down"),Vs("div",{...w,className:s(Ta,e.className,C(Ta,{readonly:n,disabled:i}),{[`k-slider-${o}`]:o,"k-colorgradient-slider":t==="gradient"}),dir:y,children:[m&&Ao(p,{className:"k-button-decrease",rounded:"full",icon:fe,tabIndex:-1,title:"Decrease"}),Vs("div",{className:"k-slider-track-wrap",children:[u&&Ao("ul",{className:"k-reset k-slider-items","aria-hidden":"true",children:e.children}),Vs("div",{className:"k-slider-track",style:k,children:[Ao("div",{className:"k-slider-selection"}),t==="range"&&Ao("span",{className:s("k-draghandle","k-draghandle-start",C(Ta,{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"}),Ao("span",{className:s("k-draghandle",`k-draghandle-${l}`,C(Ta,{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&&Ao(p,{className:"k-button-increase",rounded:"full",icon:pe,tabIndex:-1,title:"Increase"})]})};$.states=cu;$.options=uu;$.className=Ta;$.defaultOptions=Xe;$.moduleName=Gs;$.folderName=fl;import{jsx as bl}from"react/jsx-runtime";var xl="k-tick",fu=[],bu={},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=fu;I.options=bu;I.className=xl;I.defaultOptions=Nl;import{Fragment as xu,jsx as qe,jsxs as Nu}from"react/jsx-runtime";var hl=e=>qe($,{"aria-label":e["aria-label"]\|\|"Slider",children:Nu(xu,{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 hu,jsx as We,jsxs as vu}from"react/jsx-runtime";var vl=e=>We($,{children:vu(hu,{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 by,jsx as fy,jsxs as xy}from"react/jsx-runtime";import{Fragment as Ly,jsx as gy,jsxs as My}from"react/jsx-runtime";import{jsx as gu}from"react/jsx-runtime";var $s=e=>gu($,{type:"gradient",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]\|\|"Color slider"});import{jsx as Lu}from"react/jsx-runtime";var Xs=e=>Lu($,{type:"gradient",orientation:"vertical",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]\|\|"Color slider"});import{Fragment as Py,jsx as By,jsxs as Ky}from"react/jsx-runtime";import{Fragment as Hy,jsx as Dy,jsxs as zy}from"react/jsx-runtime";import{jsx as ft,jsxs as gl}from"react/jsx-runtime";var Mu=$.options,Su=$.states,Ll={...$.defaultOptions,variant:"horizontal",label:!0},ku=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],Cu=[{name:"label",title:"Labels",default:!0},{name:"tick",title:"Ticks",default:!0},{name:"button",title:"Side Buttons",default:!0}],Eo=e=>{let{variant:t,modifiers:o,...a}=e,n=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:[ft(I,{label:n,large:!0,orientation:"vertical",text:"0",style:{position:"absolute",bottom:"0%"}}),ft(I,{label:n,large:!0,orientation:"vertical",text:"2",style:{position:"absolute",bottom:"25%"}}),ft(I,{label:n,large:!0,orientation:"vertical",text:"4",style:{position:"absolute",bottom:"50%"}}),ft(I,{label:n,large:!0,orientation:"vertical",text:"6",style:{position:"absolute",bottom:"75%"}}),ft(I,{label:n,large:!0,orientation:"vertical",text:"8",style:{position:"absolute",bottom:"100%"}})]}):gl(hl,{style:{width:"400px",...l},...a,...i,children:[ft(I,{label:n,large:!0,orientation:"horizontal",text:"0",style:{position:"absolute",left:"0%"}}),ft(I,{label:n,large:!0,orientation:"horizontal",text:"2",style:{position:"absolute",left:"25%"}}),ft(I,{label:n,large:!0,orientation:"horizontal",text:"4",style:{position:"absolute",left:"50%"}}),ft(I,{label:n,large:!0,orientation:"horizontal",text:"6",style:{position:"absolute",left:"75%"}}),ft(I,{label:n,large:!0,orientation:"horizontal",text:"8",style:{position:"absolute",left:"100%"}})]})};Eo.options=Mu;Eo.states=Su;Eo.variants=ku;Eo.defaultOptions=Ll;Eo.modifiers=Cu;Eo.className=$.className;import{jsx as Ml,jsxs as Tu}from"react/jsx-runtime";var Sl="k-spin-button",yu=[],Iu={size:[d.undefined,d.small,d.medium,d.large],fillMode:[N.undefined,N.solid,N.flat,N.outline,N.clear,N.link]},qs={increaseLabel:"Increase value",decreaseLabel:"Decrease value"},_t=e=>{let{size:t,fillMode:o,disabled:a,increaseLabel:n=qs.increaseLabel,decreaseLabel:i=qs.decreaseLabel,...l}=e;return Tu("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=yu;_t.options=Iu;_t.className=Sl;_t.defaultOptions=qs;_t.moduleName=null;_t.folderName=null;var kl="numeric-textbox",Cl="numerictextbox";import{Fragment as Al,jsx as Mt,jsxs as Ws}from"react/jsx-runtime";var El="k-numerictextbox",Ou=[r.hover,r.focus,r.valid,r.invalid,r.loading,r.required,r.disabled,r.readonly],Bu={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]},fn={showSpinButton:!0,showClearButton:!0,separators:!0},H=e=>{let{size:t,rounded:o,fillMode:a,separators:n=fn.separators,showClearButton:i=fn.showClearButton,showSpinButton:l=fn.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 Ws(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&&Ws(Al,{children:[Mt(Fe,{children:m}),n&&Mt(Ve,{})]}),Mt(be,{id:w,placeholder:x,value:b,role:"spinbutton",disabled:k,"aria-label":se,"aria-describedby":Ae,"aria-invalid":M?"true":void 0}),Mt(Ne,{valid:L,invalid:M,loading:A,disabled:k}),Mt(Ee,{loading:A,disabled:k}),i&&Mt(Re,{loading:A,disabled:k,readonly:y,value:b}),u&&Ws(Al,{children:[n&&Mt(Ve,{}),Mt(Ge,{children:u})]}),l&&Mt(_t,{className:"k-input-spinner",size:t,fillMode:a,disabled:k})]})};H.states=Ou;H.options=Bu;H.className=El;H.defaultOptions=fn;H.moduleName=kl;H.folderName=Cl;var Oa=H;import{jsx as Pu}from"react/jsx-runtime";var yl=e=>Pu(Oa,{...e});import Ys from"react";import{jsx as Il}from"react/jsx-runtime";var Ku="k-list-group-sticky-header",Js=e=>Il("div",{className:s(Ku,e.className),children:Il("div",{className:"k-list-header-text",children:e.children})});import{jsx as _u}from"react/jsx-runtime";var Ru="k-no-data",bn=e=>{let{live:t,...o}=e;return _u("span",{...o,className:s(Ru,e.className),"aria-live":t?"polite":void 0,children:e.children})};var Qt="list",yo=Qt;import{jsx as Tl,jsxs as Ol}from"react/jsx-runtime";var Zs="k-list",wu=[],Du={size:[d.undefined,d.small,d.medium,d.large]},Hu={},R=e=>{let{size:t,virtualization:o,children:a,header:n,selectAll:i,optionLabel:l,customValue:m,noData:u,screenReaders:b,...x}=e,c=Ys.Children.toArray(a)[0],L=c?.props?.children?Ys.Children.count(c.props.children):Ys.Children.count(a);return Ol("div",{...x,className:s(e.className,Zs,E(Zs,{size:t}),{"k-virtual-list":o}),children:[l,i,m,n&&Tl(Js,{children:n}),a\|\|(u!==void 0?u:Tl(bn,{live:!0,children:"No data found."})),b&&a&&Ol(bn,{className:"k-sr-only",live:!0,children:[L," items found."]})]})};R.states=wu;R.options=Du;R.className=Zs;R.defaultOptions=Hu;R.moduleName=Qt;R.folderName=yo;import{jsx as Gu}from"react/jsx-runtime";var Bl="k-list-container",zu=[],Uu={},Fu={},Io=e=>{let{...t}=e;return Gu("div",{...t,className:s(e.className,Bl),children:e.children})};Io.states=zu;Io.options=Uu;Io.className=Bl;Io.defaultOptions=Fu;Io.moduleName=Qt;Io.folderName=yo;var jt="checkbox",To=jt;import{jsx as Pl}from"react/jsx-runtime";var xn="k-checkbox",Vu=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.checked,r.indeterminate],$u={size:[d.undefined,d.small,d.medium,d.large],rounded:[f.undefined,f.none,f.small,f.medium,f.large,f.full]},Xu={},we=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,xn,E(xn,{size:x,rounded:g}),C(xn,{hover:n,focus:i,disabled:l,invalid:m,valid:u,indeterminate:a,checked:o}))})})};we.states=Vu;we.options=$u;we.className=xn;we.defaultOptions=Xu;we.moduleName=jt;we.folderName=To;var st=we;import{jsx as Ju}from"react/jsx-runtime";var Kl="k-checkbox-list",qu=[],Wu={},Rl={layout:"vertical"},ve=e=>{let{layout:t=Rl.layout,...o}=e;return Ju("ul",{...o,className:s(e.className,Kl,{[`k-list-${t}`]:t}),children:e.children})};ve.states=qu;ve.options=Wu;ve.className=Kl;ve.defaultOptions=Rl;ve.moduleName=jt;ve.folderName=To;import{jsx as ju}from"react/jsx-runtime";var _l="k-checkbox-list-item",Yu=[],Zu={},Qu={},ge=e=>{let{...t}=e;return ju("li",{...t,className:s(e.className,_l),children:e.children})};ge.states=Yu;ge.options=Zu;ge.className=_l;ge.defaultOptions=Qu;ge.moduleName=jt;ge.folderName=To;import{Fragment as ef,jsx as wl,jsxs as tf}from"react/jsx-runtime";var St=({children:e="Label",id:t="cb-label-after",...o})=>tf(ef,{children:[wl(st,{id:t,...o}),wl("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});import{Fragment as dT,jsx as pT,jsxs as mT}from"react/jsx-runtime";import{Fragment as xT,jsx as bT,jsxs as NT}from"react/jsx-runtime";import{Fragment as MT,jsx as LT,jsxs as ST}from"react/jsx-runtime";import{jsx 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 Je,jsxs as Dl}from"react/jsx-runtime";var of=ve.options,af=ve.states,nf={...ve.defaultOptions,variant:"vertical"},sf=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],rf=[],Oo=e=>{let{variant:t,...o}=e;return t==="horizontal"?Dl(ve,{layout:"horizontal",...o,children:[Je(ge,{children:Je(St,{id:B("cb"),defaultChecked:!0,children:"Label"})}),Je(ge,{children:Je(St,{id:B("cb"),children:"Label"})}),Je(ge,{children:Je(St,{id:B("cb"),children:"Label"})})]}):Dl(ve,{...o,children:[Je(ge,{children:Je(St,{id:B("cb"),defaultChecked:!0,children:"Label"})}),Je(ge,{children:Je(St,{id:B("cb"),children:"Label"})}),Je(ge,{children:Je(St,{id:B("cb"),children:"Label"})})]})};Oo.options=of;Oo.states=af;Oo.variants=sf;Oo.defaultOptions=nf;Oo.modifiers=rf;Oo.className=ve.className;import{jsx as uf}from"react/jsx-runtime";var lf=st.options,pf=st.states,df=st.defaultOptions,mf=[],cf=[],Bo=e=>uf(St,{id:B("checkbox"),...e,defaultChecked:!0,children:"Label"});Bo.options=lf;Bo.states=pf;Bo.variants=mf;Bo.defaultOptions=df;Bo.modifiers=cf;Bo.className=st.className;import{jsx as Po,jsxs as Nf}from"react/jsx-runtime";var Qs="k-list-item",ff=[r.hover,r.focus,r.selected,r.disabled],bf={},xf={},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 Nf("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,Qs,C(Qs,{hover:l,focus:m,disabled:b,selected:u})),children:[n&&Po(we,{checked:i,disabled:b,"aria-label":S,tabIndex:-1}),o&&Po("span",{className:"k-list-item-icon-wrapper",children:Po(v,{icon:o,className:s("k-list-item-icon",a)})}),Po("span",{className:"k-list-item-text",children:M}),x&&Po("div",{className:"k-list-item-actions",children:x}),g&&Po("span",{className:"k-list-item-description",children:g})]})};O.states=ff;O.options=bf;O.className=Qs;O.defaultOptions=xf;O.moduleName=Qt;O.folderName=yo;import{jsx as vf}from"react/jsx-runtime";var hf="k-list-ul",wt=e=>{let{children:t,role:o,id:a,...n}=e;return vf("ul",{...n,id:a,role:o,className:s(hf,e.className),children:t})};import{jsx as js,jsxs as Lf}from"react/jsx-runtime";var gf="k-list-content",U=e=>{let{virtualization:t,grouping:o,"aria-label":a,"aria-labelledby":n,listboxId:i,...l}=e;return Lf("div",{...l,className:s(gf,e.className),role:o?"listbox":void 0,id:o?i:void 0,"aria-label":o?a:void 0,"aria-labelledby":o?n:void 0,children:[o?e.children:js(wt,{role:"listbox",id:i,"aria-label":a,"aria-labelledby":n,children:e.children}),t&&js("div",{className:"k-height-container",children:js("div",{})})]})};import{jsx as er,jsxs as Cf}from"react/jsx-runtime";var Nn="k-list-sticky-header",Mf=[r.hover,r.focus,r.selected],Sf={},kf={},hn=e=>{let{label:t="Select all",showCheckbox:o=!0,checked:a,indeterminate:n,hover:i,focus:l,selected:m,...u}=e;return er("div",{...u,className:s(Nn,e.className),children:Cf("div",{className:s(`${Nn}-item`,C(`${Nn}-item`,{hover:i,focus:l,selected:m})),"aria-label":t,...!o&&{tabIndex:0,"aria-selected":m?"true":"false"},children:[o&&er(we,{checked:a,indeterminate:n,"aria-label":t}),er("span",{className:"k-list-item-text",children:t})]})})};hn.states=Mf;hn.options=Sf;hn.className=Nn;hn.defaultOptions=kf;import{Fragment as IO,jsx as yO,jsxs as TO}from"react/jsx-runtime";import{jsx as RO,jsxs as _O}from"react/jsx-runtime";import{jsx as If}from"react/jsx-runtime";var tr="k-list-optionlabel",Af=[r.hover,r.focus,r.selected,r.disabled],Ef={},yf={},vn=e=>{let{text:t,hover:o,focus:a,selected:n,disabled:i,...l}=e;return If("div",{...l,className:s(tr,C(tr,{hover:o,focus:a,selected:n,disabled:i})),children:t})};vn.states=Af;vn.options=Ef;vn.className=tr;vn.defaultOptions=yf;import{jsx as Pf}from"react/jsx-runtime";var or="k-list-custom-value",Tf=[r.hover,r.focus,r.selected,r.disabled],Of={},Bf={},Dt=e=>{let{text:t,hover:o,focus:a,selected:n,disabled:i,...l}=e;return Pf("div",{...l,className:s(or,C(or,{hover:o,focus:a,selected:n,disabled:i})),children:t})};Dt.states=Tf;Dt.options=Of;Dt.className=or;Dt.defaultOptions=Bf;import{Fragment as WO,jsx as qO,jsxs as JO}from"react/jsx-runtime";import{Fragment as tB,jsx as eB,jsxs as oB}from"react/jsx-runtime";import{Fragment as pB,jsx as iB,jsxs as lB}from"react/jsx-runtime";import{Fragment as xB,jsx as fB,jsxs as bB}from"react/jsx-runtime";import{jsx as gB}from"react/jsx-runtime";import{Fragment as AB,jsx as CB,jsxs as EB}from"react/jsx-runtime";import{Fragment as PB,jsx as BB,jsxs as KB}from"react/jsx-runtime";var Hl="dropdown-list",zl="dropdownlist";import{Fragment as _f,jsx as Le,jsxs as ar}from"react/jsx-runtime";var Ul="k-dropdownlist",Kf=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading,r.readonly],Rf={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]},nr={showValue:!0,arrowIconName:"chevron-down"},ne=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:n=nr.arrowIconName,showValue:i=nr.showValue,valueIconName:l,prefix:m,suffix:u,value: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:fe,adaptiveSubtitle:fa,adaptiveFilter:qt,id:Wt,activeDescendant:ba,"aria-label":Qn,...jn}=e,es=Wt?`${Wt}-listbox`:void 0,li=Wt?`${Wt}-value`:void 0;return ar(_f,{children:[ar(dt,{...jn,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?es:void 0,"aria-activedescendant":se&&ba?ba:void 0,"aria-describedby":se?li:void 0,"aria-disabled":k?"true":void 0,"aria-label":Qn,tabIndex:0,children:[Le(Fe,{children:m}),Le(Zt,{placeholder:x,value:b,showValue:i,valueIconName:l,id:li}),Le(Ne,{valid:L,invalid:M,loading:A,disabled:k}),Le(Ee,{loading:A,disabled:k}),Le(Ge,{children:u}),Le(p,{className:"k-input-button",icon:n,size:e.size,fillMode:e.fillMode,"aria-label":x\|\|"Toggle dropdown",tabIndex:-1})]}),se&&w&&Le(q,{className:"k-list-container k-dropdownlist-popup",containerRole:"region",containerAriaLabel:"Dropdown suggestions",children:w}),Ae&&Le(Y,{adaptive:!0,...pe,header:Le(he,{actionsEnd:Le(p,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),filter:qt,inputValue:b,inputPlaceholder:x,title:fe,subtitle:fa}),children:Le("div",{className:"k-list-container",children:Le(R,{size:"large",children:ar(U,{"aria-label":"Options",children:[Le(O,{text:"List item"}),Le(O,{text:"List item"}),Le(O,{text:"List item"})]})})})})]})};ne.states=Kf;ne.options=Rf;ne.className=Ul;ne.defaultOptions=nr;ne.moduleName=Hl;ne.folderName=zl;import{jsx as bP}from"react/jsx-runtime";import{jsx as LP,jsxs as MP}from"react/jsx-runtime";import{Fragment as OP,jsx as IP,jsxs as TP}from"react/jsx-runtime";import{jsx as _P}from"react/jsx-runtime";import{jsx as FP,jsxs as GP}from"react/jsx-runtime";import{Fragment as QP,jsx as YP,jsxs as ZP}from"react/jsx-runtime";import{jsx as aK}from"react/jsx-runtime";import{Fragment as Ff,jsx as Ht,jsxs as Fl}from"react/jsx-runtime";var wf=ne.states,Df=ne.defaultOptions,Hf=ne.options,zf=[{name:"opened",title:"Opened"}],Uf=[],Ro=e=>{let{modifiers:t,...o}=e,a={},n=Fl(Ff,{children:[Ht("div",{className:"k-list-filter",children:Ht($e,{})}),Ht(R,{style:{width:300},size:o.size,children:Fl(U,{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})})};Ro.options=Hf;Ro.states=wf;Ro.variants=Uf;Ro.defaultOptions=Df;Ro.modifiers=zf;Ro.className=ne.className;import{Fragment as CK,jsx as kK}from"react/jsx-runtime";import{Fragment as OK,jsx as TK}from"react/jsx-runtime";import{jsx as RK}from"react/jsx-runtime";import{jsx as sr}from"react/jsx-runtime";var Gf=H.states,Vf=H.defaultOptions,$f=H.options,Xf=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"spin-button",title:"`Spin` Button"}],qf=[],_o=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(n=>{switch(n){case"prefix":a.prefix=t?.[n]?sr(ne,{size:o.size,fillMode:"flat",value:"mm"}):void 0;break;case"suffix":a.suffix=t?.[n]?sr(ks,{children:"mm"}):void 0;break;case"clear-button":a.showClearButton=t?.[n];break;case"spin-button":a.showSpinButton=t?.[n];break;default:break}}),sr(yl,{value:"Value",style:{width:300},...o,...a})};_o.options=$f;_o.states=Gf;_o.variants=qf;_o.defaultOptions=Vf;_o.modifiers=Xf;_o.className=H.className;import{Fragment as Pa,jsx as P,jsxs as Z}from"react/jsx-runtime";var Gl="k-colorgradient-inputs",Wf=[],Jf={size:[d.undefined,d.small,d.medium,d.large]},Vl={mode:"rgba"},wo=e=>{let{mode:t=Vl.mode,size:o,...a}=e;return Z("div",{...a,className:s(Gl,"k-hstack"),children:[P("div",{className:"k-vstack",children:P(p,{fillMode:"flat",icon:"caret-alt-expand",className:"k-colorgradient-toggle-mode",size:o,"aria-label":"Toggle color input format"})}),t==="rgba"&&Z(Pa,{children:[Z("div",{className:"k-vstack",children:[P(H,{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(H,{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(H,{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(H,{showSpinButton:!1,showClearButton:!1,value:"1.00",size:o,"aria-label":"Alpha channel"}),P("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="rgb"&&Z(Pa,{children:[Z("div",{className:"k-vstack",children:[P(H,{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(H,{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(H,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Blue channel"}),P("label",{className:"k-colorgradient-input-label",children:"B"})]})]}),t==="hsva"&&Z(Pa,{children:[Z("div",{className:"k-vstack",children:[P(H,{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(H,{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(H,{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(H,{showSpinButton:!1,showClearButton:!1,value:"1.00","aria-label":"Alpha channel"}),P("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="hsv"&&Z(Pa,{children:[Z("div",{className:"k-vstack",children:[P(H,{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(H,{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(H,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),P("label",{className:"k-colorgradient-input-label",children:"V"})]})]}),t==="hex"&&P(Pa,{children:Z("div",{className:"k-vstack k-flex-1",children:[P(de,{showClearButton:!1,value:"#b88484AA",className:"k-hex-value"}),P("label",{className:"k-colorgradient-input-label",children:"HEX"})]})})]})};wo.states=Wf;wo.options=Jf;wo.className=Gl;wo.defaultOptions=Vl;import{jsx as eo,jsxs as to}from"react/jsx-runtime";var $l="k-colorgradient-color-contrast",Yf=[],Zf={},Qf={},Do=()=>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"})]})]})]});Do.states=Yf;Do.options=Zf;Do.className=$l;Do.defaultOptions=Qf;var Xl="color-gradient",ql="colorgradient";import{jsx as Ye,jsxs as Ka}from"react/jsx-runtime";var gn="k-colorgradient",jf=[r.hover,r.focus,r.readonly,r.disabled],eb={size:[d.undefined,d.small,d.medium,d.large]},bt={mode:"rgba",readonly:!1,disabled:!1,contrast:!1,gradientStyle:{background:"rgb(255, 0, 0 )"},dragHandleStyle:{top:"50px",left:"73px"},alphaStyle:{background:"linear-gradient(to top, transparent, rgb(255, 0, 0))"},alphaStyleHorizontal:{background:"linear-gradient(to right, transparent, rgb(255, 0, 0))"},canvasOrientation:"horizontal"},ie=e=>{let{size:t,mode:o=bt.mode,readonly:a=bt.readonly,disabled:n=bt.disabled,gradientStyle:i=bt.gradientStyle,dragHandleStyle:l=bt.dragHandleStyle,alphaStyle:m=bt.alphaStyle,alphaStyleHorizontal:u=bt.alphaStyleHorizontal,contrast:b=bt.contrast,dir:x,hover:g,focus:c,hoverHandle:L,focusHandle:M,canvasOrientation:S=bt.canvasOrientation,role:A,tabIndex:k,...y}=e;return Ka("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,gn,E(gn,{size:t}),C(gn,{hover:g,focus:c,readonly:a,disabled:n})),dir:x,children:[!S\|\|S==="horizontal"&&Ka("div",{className:"k-colorgradient-canvas k-hstack",children:[Ye("div",{className:"k-hsv-rectangle",style:i,children:Ye("div",{className:"k-hsv-gradient",children:Ye("div",{className:s("k-hsv-draghandle","k-draghandle",{"k-hover":L,"k-focus":M}),style:l,role:"slider","aria-orientation":"undefined","aria-label":"Color well with two-dimensional slider for selecting saturation and lightness","aria-valuetext":"X: 73, Y: 50","aria-valuenow":50,"aria-valuemin":0,"aria-valuemax":100})})}),Ka("div",{className:"k-hsv-controls k-hstack",children:[Ye(Xs,{className:"k-hue-slider",hover:L,focus:M}),o!=="rgb"&&o!=="hsv"&&Ye(Xs,{className:"k-alpha-slider",hover:L,focus:M,trackStyle:m})]})]}),S==="vertical"&&Ka("div",{className:"k-colorgradient-canvas k-vstack",children:[Ye("div",{className:"k-hsv-rectangle",style:i,children:Ye("div",{className:"k-hsv-gradient",children:Ye("div",{className:s("k-hsv-draghandle","k-draghandle",{"k-hover":L,"k-focus":M}),style:l,role:"slider","aria-orientation":"undefined","aria-label":"Color well with two-dimensional slider for selecting saturation and lightness","aria-valuetext":"X: 73, Y: 50","aria-valuenow":50,"aria-valuemin":0,"aria-valuemax":100})})}),Ka("div",{className:"k-hsv-controls k-vstack",children:[Ye($s,{className:"k-hue-slider",hover:L,focus:M}),o!=="rgb"&&o!=="hsv"&&Ye($s,{className:"k-alpha-slider",hover:L,focus:M,trackStyle:u})]})]}),Ye(wo,{mode:e.mode,size:t}),b&&Ye(Do,{})]})};ie.states=jf;ie.options=eb;ie.className=gn;ie.defaultOptions=bt;ie.moduleName=Xl;ie.folderName=ql;import{jsx as tb}from"react/jsx-runtime";var Ln=e=>tb(ie,{...e});import{jsx as gR}from"react/jsx-runtime";import{jsx as kR}from"react/jsx-runtime";import{jsx as rr}from"react/jsx-runtime";var ob=ie.options,ab=ie.states,nb={...ie.defaultOptions,variant:"rgba"},sb=[{name:"rgba",title:"RGBA"},{name:"rgb",title:"RGB"},{name:"hex",title:"HEX"}],rb=[],Ho=e=>{let{variant:t,...o}=e;switch(t){case"hex":return rr(Ln,{...o,mode:t});case"rgb":return rr(Ln,{...o,mode:t});default:return rr(Ln,{...o,mode:t})}};Ho.options=ob;Ho.states=ab;Ho.variants=sb;Ho.defaultOptions=nb;Ho.modifiers=rb;Ho.className=ie.className;import{jsx as ib}from"react/jsx-runtime";var ir=e=>ib("tr",{role:"row",children:e.children});import{jsx as db}from"react/jsx-runtime";var lr="k-colorpalette-tile",lb=[r.hover,r.focus,r.selected],pb={},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 db("td",{...l,role:"gridcell","aria-label":t,"aria-selected":i?"true":void 0,className:s(e.className,lr,C(lr,{hover:a,focus:n,selected:i})),style:m})};zt.states=lb;zt.options=pb;zt.className=lr;zt.moduleName=null;zt.folderName=null;var Wl="color-palette",Jl="colorpalette";import{jsx as Ra}from"react/jsx-runtime";var Mn="k-colorpalette",mb=[r.disabled],cb={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(Ra(zt,{color:M,tileSize:n},S))});let L=Ra(ir,{children:c},g);m.push(L)})}return Ra("div",{...l,role:"grid","aria-label":"Color palette",tabIndex:0,"aria-disabled":i?"true":void 0,className:s(e.className,Mn,C(Mn,{disabled:i}),E(Mn,{size:t})),children:Ra("table",{className:"k-colorpalette-table",role:"none",children:Ra("tbody",{children:m.length>0?m:e.children})})})};ye.states=mb;ye.options=cb;ye.className=Mn;ye.defaultOptions=Yl;ye.moduleName=Wl;ye.folderName=Jl;var Sn=ye;var _a={basic:{colors:["#000000","#7f7f7f","#880015","#ed1c24","#ff7f27","#fff200","#22b14c","#00a2e8","#3f48cc","#a349a4","#ffffff","#c3c3c3","#b97a57","#ffaec9","#ffc90e","#efe4b0","#b5e61d","#99d9ea","#7092be","#c8bfe7"],columns:10},office:{colors:["#ffffff","#000000","#e6e6e6","#435569","#4371c4","#ed7e32","#a5a4a5","#febf04","#5a9bd5","#71ae48","#f2f2f3","#7f7f7f","#d1cece","#d5dde3","#dae1f4","#fce5d4","#deeded","#fff2cc","#deeaf6","#e1efd9","#d7d8d8","#585959","#aeabab","#adbaca","#b4c5e7","#f6caac","#dbdbdb","#ffe498","#bcd6ee","#c5e0b2","#bfbfc0","#3f3f3f","#767070","#8595b1","#8fabdb","#f5b183","#c9c8c9","#fed965","#9bc4e5","#a8d08d","#a5a5a6","#262625","#393939","#334050","#2e5496","#c45a11","#7b7b7a","#bf9000","#2f75b5","#548235","#7f7f7f","#0b0c0c","#161616","#222a34","#203764","#843d0b","#525252","#7f6000","#1d4d79","#375623"],columns:10},apex:{colors:["#ffffff","#000000","#c9c2d1","#69676d","#ceb966","#9cb084","#6bb1c9","#6585cf","#7e6bc9","#a379bb","#f2f2f2","#7f7f7f","#f4f2f5","#e0e0e2","#f5f1e0","#ebefe6","#e1eff4","#e0e6f5","#e5e1f4","#ece4f1","#d8d8d8","#595959","#e9e6ec","#c2c1c5","#ebe3c1","#d7dfcd","#c3dfe9","#c1ceeb","#cbc3e9","#dac9e3","#bfbfbf","#3f3f3f","#dedae3","#a4a3a8","#e1d5a3","#c3cfb5","#a6d0de","#a2b5e2","#b1a6de","#c7aed6","#a5a5a5","#262626","#9688a5","#4e4d51","#ae9638","#758c5a","#3d8da9","#365bb0","#533da9","#7d4d99","#7f7f7f","#0c0c0c","#635672","#343336","#746425","#4e5d3c","#295e70","#243c75","#372970","#533366"],columns:10},austin:{colors:["#ffffff","#000000","#caf278","#3e3d2d","#94c600","#71685a","#ff6700","#909465","#956b43","#fea022","#f2f2f2","#7f7f7f","#f4fce4","#dddcd0","#efffc0","#e3e1dc","#ffe0cb","#e8e9df","#ece1d6","#feecd2","#d8d8d8","#595959","#e9f9c9","#bbb9a1","#dfff82","#c8c3ba","#ffc299","#d2d4c0","#dac3ad","#fed9a6","#bfbfbf","#3f3f3f","#dff7ae","#ada598","#cfff43","#ada598","#ffa365","#bcbfa1","#c8a585","#fec67a","#a5a5a5","#262626","#a9ea25","#2e2d21","#6f9400","#544e43","#bf4d00","#6c6f4b","#6f5032","#d77b00","#7f7f7f","#0c0c0c","#74a50f","#1f1e16","#4a6300","#38342d","#7f3300","#484a32","#4a3521","#8f5200"],columns:10},clarity:{colors:["#ffffff","#292934","#f3f2dc","#d2533c","#93a299","#ad8f67","#726056","#4c5a6a","#808da0","#79463d","#f2f2f2","#e7e7ec","#e7e5b9","#f6dcd8","#e9ecea","#eee8e0","#e4dedb","#d8dde3","#e5e8ec","#e9d6d3","#d8d8d8","#c4c4d1","#d5d185","#edbab1","#d3d9d6","#ded2c2","#c9beb8","#b2bcc8","#ccd1d9","#d3aea7","#bfbfbf","#8a8aa3","#aca73b","#e4978a","#bec7c1","#cdbba3","#af9e94","#8c9bac","#b2bac6","#bd857c","#a5a5a5","#56566e","#56531d","#a43925","#6b7c72","#866b48","#554840","#39434f","#5c697b","#5a342d","#7f7f7f","#3b3b4b","#22210b","#6d2619","#47534c","#594730","#39302b","#262d35","#3d4652","#3c231e"],columns:10},slipstream:{colors:["#ffffff","#000000","#b4dcfa","#212745","#4e67c8","#5eccf3","#a7ea52","#5dceaf","#ff8021","#f14124","#f2f2f2","#7f7f7f","#8bc9f7","#c7cce4","#dbe0f4","#def4fc","#edfadc","#def5ef","#ffe5d2","#fcd9d3","#d8d8d8","#595959","#4facf3","#909aca","#b8c2e9","#beeafa","#dbf6b9","#beebdf","#ffcca6","#f9b3a7","#bfbfbf","#3f3f3f","#0d78c9","#5967af","#94a3de","#9ee0f7","#caf297","#9de1cf","#ffb279","#f68d7b","#a5a5a5","#262626","#063c64","#181d33","#31479f","#11b2eb","#81d319","#34ac8b","#d85c00","#c3260c","#7f7f7f","#0c0c0c","#021828","#101322","#202f6a","#0b769c","#568c11","#22725c","#903d00","#821908"],columns:10},metro:{colors:["#ffffff","#000000","#d6ecff","#4e5b6f","#7fd13b","#ea157a","#feb80a","#00addc","#738ac8","#1ab39f","#f2f2f2","#7f7f7f","#a7d6ff","#d9dde4","#e5f5d7","#fad0e4","#fef0cd","#c5f2ff","#e2e7f4","#c9f7f1","#d8d8d8","#595959","#60b5ff","#b3bcca","#cbecb0","#f6a1c9","#fee29c","#8be6ff","#c7d0e9","#94efe3","#bfbfbf","#3f3f3f","#007dea","#8d9baf","#b2e389","#f272af","#fed46b","#51d9ff","#aab8de","#5fe7d5","#a5a5a5","#262626","#003e75","#3a4453","#5ea226","#af0f5b","#c58c00","#0081a5","#425ea9","#138677","#7f7f7f","#0c0c0c","#00192e","#272d37","#3f6c19","#750a3d","#835d00","#00566e","#2c3f71","#0c594f"],columns:10},flow:{colors:["#ffffff","#000000","#dbf5f9","#04617b","#0f6fc6","#009dd9","#0bd0d9","#10cf9b","#7cca62","#a5c249","#f2f2f2","#7f7f7f","#b2e9f2","#b4ecfc","#c7e2fa","#c4eeff","#c9fafc","#c9faed","#e4f4df","#edf2da","#d8d8d8","#595959","#76d9e8","#6adafa","#90c6f6","#89deff","#93f5f9","#94f6db","#cae9c0","#dbe6b6","#bfbfbf","#3f3f3f","#21b2c8","#20c8f7","#59a9f2","#4fceff","#5df0f6","#5ff2ca","#b0dfa0","#c9da91","#a5a5a5","#262626","#105964","#02485c","#0b5394","#0075a2","#089ca2","#0b9b74","#54a838","#7e9532","#7f7f7f","#0c0c0c","#062328","#01303d","#073763","#004e6c","#05686c","#07674d","#387025","#546321"],columns:10},hardcover:{colors:["#ffffff","#000000","#ece9c6","#895d1d","#873624","#d6862d","#d0be40","#877f6c","#972109","#aeb795","#f2f2f2","#7f7f7f","#e1dca5","#f2e0c6","#f0d0c9","#f6e6d5","#f5f2d8","#e7e5e1","#fbc7bc","#eef0e9","#d8d8d8","#595959","#d0c974","#e6c28d","#e2a293","#eeceaa","#ece5b2","#cfccc3","#f78f7a","#dee2d4","#bfbfbf","#3f3f3f","#a29a36","#daa454","#d4735e","#e6b681","#e2d88c","#b7b2a5","#f35838","#ced3bf","#a5a5a5","#262626","#514d1b","#664515","#65281a","#a2641f","#a39428","#655f50","#711806","#879464","#7f7f7f","#0c0c0c","#201e0a","#442e0e","#431b11","#6c4315","#6d621a","#433f35","#4b1004","#5a6243"],columns:10},trek:{colors:["#ffffff","#000000","#fbeec9","#4e3b30","#f0a22e","#a5644e","#b58b80","#c3986d","#a19574","#c17529","#f2f2f2","#7f7f7f","#f7e09e","#e1d6cf","#fcecd5","#eddfda","#f0e7e5","#f3eae1","#ece9e3","#f5e3d1","#d8d8d8","#595959","#f3cc5f","#c4ad9f","#f9d9ab","#dcc0b6","#e1d0cc","#e7d5c4","#d9d4c7","#ebc7a3","#bfbfbf","#3f3f3f","#d29f0f","#a78470","#f6c781","#cba092","#d2b9b2","#dbc1a7","#c6bfab","#e1ac76","#a5a5a5","#262626","#694f07","#3a2c24","#c87d0e","#7b4b3a","#926255","#a17242","#7b7153","#90571e","#7f7f7f","#0c0c0c","#2a1f03","#271d18","#855309","#523226","#614138","#6b4c2c","#524b37","#603a14"],columns:10},verve:{colors:["#ffffff","#000000","#d2d2d2","#666666","#ff388c","#e40059","#9c007f","#68007f","#005bd3","#00349e","#f2f2f2","#7f7f7f","#bdbdbd","#e0e0e0","#ffd7e8","#ffc6dc","#ffb8f1","#f1b2ff","#c3dcff","#b8cfff","#d8d8d8","#595959","#9d9d9d","#c1c1c1","#ffafd1","#ff8eba","#ff71e4","#e365ff","#87baff","#72a0ff","#bfbfbf","#3f3f3f","#696969","#a3a3a3","#ff87ba","#ff5597","#ff2ad7","#d519ff","#4b98ff","#2b71ff","#a5a5a5","#262626","#343434","#4c4c4c","#e90062","#ab0042","#75005f","#4e005f","#00449e","#002676","#7f7f7f","#0c0c0c","#151515","#333333","#9b0041","#72002c","#4e003f","#34003f","#002d69","#00194f"],columns:10},monochrome:{colors:["#000000","#1a1a1a","#333333","#4d4d4d","#666666","#808080","#999999","#b3b3b3","#cccccc","#e6e6e6","#f2f2f2","#ffffff"],columns:12}};import{jsx as ub}from"react/jsx-runtime";var Zl=e=>ub(Sn,{palette:_a.basic,...e});import{jsx as s_}from"react/jsx-runtime";import{jsx as m_,jsxs as c_}from"react/jsx-runtime";import{jsx as gb}from"react/jsx-runtime";var fb=ye.options,bb=ye.states,xb={...ye.defaultOptions,variant:"basic"},Nb=[{name:"basic",title:"Basic"},{name:"monochrome",title:"Monochrome"}],hb={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}},vb=[],zo=e=>{let{variant:t="basic",...o}=e,a=hb[t];return gb(Zl,{columns:a.columns,palette:a,...o})};zo.options=fb;zo.states=bb;zo.variants=Nb;zo.defaultOptions=xb;zo.modifiers=vb;zo.className=ye.className;var Ql="color-editor",jl="coloreditor";import{jsx as Ze,jsxs as Uo}from"react/jsx-runtime";var kn="k-coloreditor",Lb=[r.focus],Mb={size:[d.undefined,d.small,d.medium,d.large]},wa={view:"gradient",palette:_a.office,actionButtons:!0,canvasOrientation:"horizontal"},Q=e=>{let{size:t,view:o=wa.view,palette:a=wa.palette,color:n,currentColor:i,focus:l,focusView:m,dir:u,group:b,actionButtons:x=wa.actionButtons,canvasOrientation:g=wa.canvasOrientation,...c}=e;return Uo("div",{...c,role:"textbox","aria-label":"Color editor",tabIndex:0,className:s(e.className,"k-flatcolorpicker",kn,E(kn,{size:t}),C(kn,{focus:l})),dir:u,children:[Uo("div",{className:"k-coloreditor-header k-hstack",children:[Ze("div",{className:"k-coloreditor-header-actions k-hstack",children:b&&Uo(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"}),Uo("div",{className:"k-coloreditor-header-actions k-hstack",children:[Ze(p,{fillMode:"flat",icon:"droplet-slash",size:t,"aria-label":"Reset color"}),Uo("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&&Uo(_e,{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=Lb;Q.options=Mb;Q.className=kn;Q.defaultOptions=wa;Q.moduleName=Ql;Q.folderName=jl;var Fo=Q;import{jsx as U_}from"react/jsx-runtime";import{jsx as $_}from"react/jsx-runtime";import{jsx as Sb}from"react/jsx-runtime";var ep=e=>Sb(Fo,{group:!0,currentColor:"fuchsia",...e});import{jsx as kb}from"react/jsx-runtime";var tp=e=>kb(Fo,{view:"palette",group:!0,currentColor:"fuchsia",...e});import{jsx as op}from"react/jsx-runtime";var Cb=Q.options,Ab=Q.states,Eb={...Q.defaultOptions,variant:"gradient"},yb=[{name:"gradient",title:"Gradient"},{name:"palette",title:"Palette"}],Ib=[],Go=e=>{let{variant:t,...o}=e;return t==="palette"?op(tp,{...o,color:"white"}):op(ep,{...o,color:"rgba(183, 118 , 118, 1.00)"})};Go.options=Cb;Go.states=Ab;Go.variants=yb;Go.defaultOptions=Eb;Go.modifiers=Ib;Go.className=Q.className;var ap="color-picker",np="colorpicker";import{Fragment as Bb,jsx as Qe,jsxs as pr}from"react/jsx-runtime";var sp="k-colorpicker",Tb=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled],Ob={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,fe="colorpicker-popup";return pr(Bb,{children:[pr(dt,{...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?fe: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:fe,className:"k-colorpicker-popup",children:A}),y&&Qe(Y,{adaptive:!0,id:fe,...w,header:Qe(he,{actionsEnd:Qe(p,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply"}),title:se,subtitle:Ae}),footer:pr(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=Tb;je.options=Ob;je.className=sp;je.defaultOptions=rp;je.moduleName=ap;je.folderName=np;var kt=je;import{jsx as Pb}from"react/jsx-runtime";var Cn=e=>Pb(kt,{...e});import{jsx as y0}from"react/jsx-runtime";import{jsx as P0}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 oo}from"react/jsx-runtime";var Kb=kt.options,Rb=kt.states,ip={...kt.defaultOptions,variant:"color"},_b=[{name:"color",title:"Color",default:!0},{name:"no color",title:"No color"},{name:"icon",title:"Icon"}],wb=[{name:"opened",title:"Opened"}],Vo=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(Cn,{...a,...n})});case"icon":return oo("div",{style:i,children:oo(Cn,{value:"rgba(183, 118 , 118, 1.00)",valueIconName:"edit-tools",...a,...n})});default:return oo("div",{style:i,children:oo(Cn,{value:"rgba(183, 118 , 118, 1.00)",...a,...n})})}};Vo.options=Kb;Vo.states=Rb;Vo.variants=_b;Vo.defaultOptions=ip;Vo.modifiers=wb;Vo.className=kt.className;var dr="combobox",lp=dr;import{Fragment as mr,jsx as ae,jsxs as Da}from"react/jsx-runtime";var pp="k-combobox",Db=[r.hover,r.focus,r.valid,r.invalid,r.loading,r.required,r.disabled,r.readonly],Hb={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]},cr={separators:!0,showClearButton:!0},Me=e=>{let{size:t,rounded:o,fillMode:a,separators:n=cr.separators,showClearButton:i=cr.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:fe,adaptiveCustomValue:fa,id:qt,autocomplete:Wt,activeDescendant:ba,"aria-label":Qn,...jn}=e,es=qt?`${qt}-listbox`:void 0;return Da(mr,{children:[Da(J,{...jn,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&&Da(mr,{children:[ae(Fe,{children:l}),n&&ae(Ve,{})]}),ae(be,{id:qt,placeholder:b,value:u,role:"combobox","aria-haspopup":"listbox","aria-expanded":y?"true":"false","aria-controls":y?es:void 0,"aria-activedescendant":y&&ba?ba:void 0,"aria-autocomplete":Wt,"aria-invalid":L?"true":void 0,"aria-busy":S?"true":void 0,"aria-label":Qn,disabled:A,readOnly:w}),ae(Ne,{valid:c,invalid:L,loading:S,disabled:A}),ae(Ee,{loading:S,disabled:A}),i&&ae(Re,{loading:S,disabled:A,readonly:w,value:u}),m&&Da(mr,{children:[n&&ae(Ve,{}),ae(Ge,{children:m})]}),ae(p,{className:"k-input-button",icon:"chevron-down",size:t,fillMode:a,"aria-label":"Open popup",tabIndex:-1,disabled:A})]}),y&&k&&ae(q,{className:"k-list-container k-combobox-popup",containerRole:"region",containerAriaLabel:"Combobox suggestions",children:k}),se&&ae(Y,{adaptive:!0,id:qt?`${qt}-adaptive`:void 0,...Ae,header:ae(he,{actionsEnd:ae(p,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),input:!0,inputValue:u,inputPlaceholder:b,title:pe,subtitle:fe}),children:ae("div",{className:"k-list-container",children:ae(R,{customValue:fa?ae(Dt,{text:`Use "${u}"`}):void 0,size:"large",children:Da(U,{"aria-label":pe\|\|"Options",children:[ae(O,{text:"List item"}),ae(O,{text:"List item"}),ae(O,{text:"List item"})]})})})})]})};Me.states=Db;Me.options=Hb;Me.className=pp;Me.defaultOptions=cr;Me.moduleName=dr;Me.folderName=lp;var De=Me;import{jsx as zb}from"react/jsx-runtime";var dp=e=>zb(De,{...e});import{jsx as Ow,jsxs as Bw}from"react/jsx-runtime";import{jsx as Dw,jsxs as Hw}from"react/jsx-runtime";import{jsx as $w,jsxs as Xw}from"react/jsx-runtime";import{Fragment as Qw,jsx as Zw}from"react/jsx-runtime";import{Fragment as nD,jsx as aD}from"react/jsx-runtime";import{jsx as dD,jsxs as mD}from"react/jsx-runtime";import{Fragment as vD,jsx as ND,jsxs as hD}from"react/jsx-runtime";import{jsx as SD}from"react/jsx-runtime";import{jsx as ED}from"react/jsx-runtime";import{jsx as PD,jsxs as KD}from"react/jsx-runtime";import{jsx as zD,jsxs as UD}from"react/jsx-runtime";import{jsx as Ut,jsxs as Xb}from"react/jsx-runtime";var Ub=Me.states,Fb=Me.defaultOptions,Gb=Me.options,Vb=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"opened",title:"Opened"}],$b=[],$o=e=>{let{modifiers:t,...o}=e,a={},n=Ut(R,{style:{width:300},size:o.size,children:Xb(U,{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})})};$o.options=Gb;$o.states=Ub;$o.variants=$b;$o.defaultOptions=Fb;$o.modifiers=Vb;$o.className=Me.className;var ur="menu-button",mp=ur;import{jsx as Jb}from"react/jsx-runtime";var cp="k-menu-button",qb=[r.hover,r.focus,r.active,r.selected,r.disabled],Wb={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]},fr={showArrow:!0,arrowIconName:"chevron-down"},z=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=fr.showArrow,arrowIconName:M=fr.arrowIconName,expanded:S,...A}=e;return Jb(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"}})};z.states=qb;z.options=Wb;z.className=cp;z.defaultOptions=fr;z.moduleName=ur;z.folderName=mp;import{jsx as gH}from"react/jsx-runtime";import{jsx as kH}from"react/jsx-runtime";import{jsx as yH}from"react/jsx-runtime";import{jsx as BH}from"react/jsx-runtime";var He="menu",et=He;import{jsx as za,jsxs as up}from"react/jsx-runtime";var br="k-menu-item",Yb=[r.hover,r.focus,r.active,r.selected,r.disabled],Zb={},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,br,"k-item",C(br,{focus:o,disabled:i,hover:t,active:a,selected:n})),role:"menuitem",...u&&{"aria-haspopup":"menu"},...u&&{"aria-expanded":L?"true":"false"},...i&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[up("span",{className:s("k-link k-menu-link"),children:[l&&x==="before"&&za(v,{className:"k-menu-link-icon",icon:l}),za("span",{className:"k-menu-link-text",children:m}),l&&x==="after"&&za(v,{className:"k-menu-link-icon",icon:l}),u&&za("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:za(v,{icon:S})})]}),c]})};me.states=Yb;me.options=Zb;me.className=br;me.defaultOptions=fp;me.moduleName=He;me.folderName=et;import{jsx as ao,jsxs as bp}from"react/jsx-runtime";var xr="k-menu-item",Qb=[r.hover,r.focus,r.active,r.selected,r.disabled],jb={},Nr={dir:"ltr",iconPosition:"before"},W=e=>{let{hover:t,focus:o,active:a,selected:n,disabled:i,icon:l,text:m,showArrow:u,arrowIconName:b,iconPosition:x=Nr.iconPosition,dir:g=Nr.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,xr,"k-item",C(xr,{focus:o,disabled:i})),...u&&{"aria-haspopup":"menu"},...u&&{"aria-expanded":M?"true":"false"},...i&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[bp("span",{className:s("k-link k-menu-link",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=Qb;W.options=jb;W.className=xr;W.defaultOptions=Nr;W.moduleName=He;W.folderName=et;import{jsx as ax}from"react/jsx-runtime";var xp="k-menu-scroll-wrapper",ex=[],tx={},ox={},no=e=>{let{className:t,children:o,orientation:a,...n}=e;return ax("div",{...n,className:s(t,xp,{"k-menu-scroll-wrapper-vertical":a==="vertical"}),children:o})};no.states=ex;no.options=tx;no.className=xp;no.defaultOptions=ox;no.moduleName=He;no.folderName=et;var Np=no;import{Fragment as hr,jsx as so,jsxs as An}from"react/jsx-runtime";var En="k-menu",nx=[],sx={size:[d.undefined,d.small,d.medium,d.large]},yn={orientation:"horizontal",header:!0,scrollButtonsPosition:"around"},le=e=>{let{children:t,orientation:o=yn.orientation,header:a=yn.header,scrollable:n,scrollButtonsPosition:i=yn.scrollButtonsPosition,wrapperStyles:l,dir:m,size:u,popup: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",En,{[`${En}-${o}`]:o,"k-header":a},E(En,{size:u})),role:x?"menu":"menubar",...o==="vertical"&&{"aria-orientation":"vertical"},children:t});return An(hr,{children:[n?An(Np,{orientation:o,style:l,dir:e.dir,children:[i==="start"&&An(hr,{children:[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"&&An(hr,{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=nx;le.options=sx;le.className=En;le.defaultOptions=yn;le.moduleName=He;le.folderName=et;import{jsx as rx}from"react/jsx-runtime";var vr="k-separator",hp={orientation:"horizontal"},Xo=e=>{let{orientation:t=hp.orientation,...o}=e;return rx("li",{...o,className:s(e.className,"k-item",vr,{[`${vr}-${t}`]:t}),role:"separator"})};Xo.className=vr;Xo.defaultOptions=hp;Xo.moduleName=He;Xo.folderName=et;import{Fragment as iz,jsx as lz}from"react/jsx-runtime";import{jsx as dx}from"react/jsx-runtime";var gr="k-menu-group",ix=[],lx={size:[d.undefined,d.small,d.medium,d.large]},px={},ce=e=>{let{children:t,size:o,...a}=e;return dx("ul",{role:"menu",...a,className:s(e.className,gr,E(gr,{size:o})),children:t})};ce.states=ix;ce.options=lx;ce.className=gr;ce.defaultOptions=px;ce.moduleName=He;ce.folderName=et;import{jsx as Nz,jsxs as hz}from"react/jsx-runtime";import{Fragment as mx,jsx as qo,jsxs as cx}from"react/jsx-runtime";var Lr=e=>qo(le,{children:cx(mx,{children:[qo(me,{text:"Item 1"}),qo(me,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 2"}),qo(me,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 3"}),qo(me,{text:"Item 4"}),qo(me,{text:"Item 5"})]}),...e});import{Fragment as yz,jsx as Az,jsxs as Ez}from"react/jsx-runtime";import{Fragment as Pz,jsx as Bz,jsxs as Kz}from"react/jsx-runtime";import{Fragment as Hz,jsx as Dz,jsxs as zz}from"react/jsx-runtime";import{Fragment as $z,jsx as Vz,jsxs as Xz}from"react/jsx-runtime";import{jsx as ro,jsxs as Nx}from"react/jsx-runtime";var ux={...le.options,scrollable:{type:"boolean"}},fx=le.states,vp={...le.defaultOptions,variant:"horizontal"},bx=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],xx=[{name:"opened",title:"Opened"}],Wo=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:Nx(ce,{children:[ro(W,{text:"Item 1"}),ro(W,{text:"Item 2"}),ro(Xo,{}),ro(W,{text:"Item 3"})]})}):null)}),t==="vertical"?ro(Lr,{...a,...n,orientation:"vertical",style:{width:"200px"}}):ro(Lr,{...a,...n})};Wo.options=ux;Wo.states=fx;Wo.variants=bx;Wo.defaultOptions=vp;Wo.modifiers=xx;Wo.className=le.className;import{Fragment as C1,jsx as S1,jsxs as k1}from"react/jsx-runtime";import{jsx as I1}from"react/jsx-runtime";import{Fragment as Mx,jsx as xt,jsxs as gp}from"react/jsx-runtime";var hx=p.states,Lp={...p.defaultOptions,variant:"text"},vx=p.options,gx=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Lx=[{name:"opened",title:"Opened"}],Jo=e=>{let{variant:t,modifiers:o,...a}={...Lp,...e},n={},i=xt(q,{className:"k-menu-popup",children:gp(ce,{size:a.size,children:[xt(W,{text:"Menu Item"}),xt(W,{text:"Menu Item"}),xt(W,{text:"Menu Item"})]})}),l;switch(t){case"icon-only":l=xt("div",{children:xt(z,{...a,...n,icon:"star"})});break;case"icon-and-text":l=xt("div",{children:xt(z,{...a,...n,icon:"star",children:"Dropdown Button"})});break;default:l=xt("div",{children:xt(z,{...a,...n,children:"Dropdown Button"})});break}return gp(Mx,{children:[l,o?.opened&&i]})};Jo.options=vx;Jo.states=hx;Jo.variants=gx;Jo.defaultOptions=Lp;Jo.modifiers=Lx;Jo.className=z.className;var Mr="split-button",Mp=Mr;import{Fragment as Cx,jsx as Sr,jsxs as Sp}from"react/jsx-runtime";var kr="k-split-button",Sx=[r.hover,r.focus,r.active,r.selected,r.disabled],kx={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(Cx,{children:[Sp("div",{...k,className:s(e.className,kr,"k-button-group",E(kr,{rounded:o})),children:[Sr(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}),Sr(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&&Sr(q,{className:"k-menu-popup",children:M})]})};K.states=Sx;K.options=kx;K.className=kr;K.defaultOptions=kp;K.moduleName=Mr;K.folderName=Mp;var Cr=K;import{jsx as Ex}from"react/jsx-runtime";var Ax="k-toolbar-separator",rt=e=>Ex("div",{className:s(Ax,e.className,"k-separator")});var io="toolbar",Yo=io;import{Fragment as Ar,jsx as _,jsxs as Zo}from"react/jsx-runtime";var Ct="k-toolbar",yx=[r.focus],Ix={size:[d.undefined,d.small,d.medium,d.large],fillMode:[N.undefined,N.solid,N.outline,N.flat]},Tx={scrollButtons:"around"},G=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===ga)M.push(_(ga,{...c.props,className:`k-toolbar-button ${c.props.className?c.props.className:""}`},`${L}-${new Date().getTime()}`));else if(c.type===X)M.push(_(X,{...c.props,className:`k-toolbar-button ${c.props.className?c.props.className:""}`},`${L}-${new Date().getTime()}`));else if(c.type===z)M.push(_(z,{...c.props,className:`k-toolbar-menu-button ${c.props.className?c.props.className:""}`},`${L}-${new Date().getTime()}`));else if(c.type===Cr)M.push(_(Cr,{...c.props,className:`k-toolbar-split-button ${c.props.className?c.props.className:""}`},`${L}-${new Date().getTime()}`));else if(c.type===T\|\|c.props.className&&c.props.className.includes("k-button-group")){let 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===Me?M.push(_(Me,{...c.props,className:`k-toolbar-combobox ${c.props.className?c.props.className:""}`},`${L}-${new Date().getTime()}`)):c.type===ne?M.push(_(ne,{...c.props,className:`k-toolbar-dropdownlist ${c.props.className?c.props.className:""}`},`${L}-${new Date().getTime()}`)):c.type===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)}),Zo("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"&&Zo(Ar,{children:[Zo(T,{children:[_("span",{className:s("k-toolbar-prev","k-button",E("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:_(v,{className:"k-button-icon",icon:"chevron-left"})}),_("span",{className:s("k-toolbar-next","k-button",E("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:_(v,{className:"k-button-icon",icon:"chevron-right"})})]}),_(rt,{className:"k-toolbar-button-separator"}),_("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:x})]}),i&&l==="end"&&Zo(Ar,{children:[_("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:x}),_(rt,{className:"k-toolbar-button-separator"}),Zo(T,{children:[_("span",{className:s("k-toolbar-prev","k-button",E("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:_(v,{className:"k-button-icon",icon:"chevron-left"})}),_("span",{className:s("k-toolbar-next","k-button",E("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:_(v,{className:"k-button-icon",icon:"chevron-right"})})]})]}),i&&(l==="around"\|\|!l)&&Zo(Ar,{children:[_("span",{className:s("k-toolbar-prev","k-button",E("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:_(v,{className:"k-button-icon",icon:"chevron-left"})}),_(rt,{className:"k-toolbar-button-separator"}),_("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:x}),_(rt,{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"})})]})]})};G.states=yx;G.options=Ix;G.className=Ct;G.defaultOptions=Tx;G.moduleName=io;G.folderName=Yo;import{jsx as Kx}from"react/jsx-runtime";var Er="k-toolbar-item",Ox=[r.focus],Bx={},Px={},Qo=e=>{let{focus:t,...o}=e;return Kx("div",{...o,className:s(e.className,Er,C(Er,{focus:t})),children:e.children})};Qo.states=Ox;Qo.options=Bx;Qo.className=Er;Qo.defaultOptions=Px;Qo.moduleName=io;Qo.folderName=Yo;import{jsx as Cp}from"react/jsx-runtime";var Ap="k-toolbar-popup",Rx=[],_x={size:[d.undefined,d.small,d.medium,d.large],fillMode:[N.undefined,N.solid,N.outline,N.flat]},wx={},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=Rx;lo.options=_x;lo.className=Ap;lo.defaultOptions=wx;lo.moduleName=io;lo.folderName=Yo;var In=lo;import{jsx as I2}from"react/jsx-runtime";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 q2,jsxs as W2}from"react/jsx-runtime";import{jsx as Q2}from"react/jsx-runtime";import{jsx as At,jsxs as Fx}from"react/jsx-runtime";var Dx=K.states,Ep={...K.defaultOptions,variant:"text"},Hx=K.options,zx=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Ux=[{name:"opened",title:"Opened"}],jo=e=>{let{variant:t,modifiers:o,...a}={...Ep,...e},n={},i=Fx(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"})})}};jo.options=Hx;jo.states=Dx;jo.variants=zx;jo.defaultOptions=Ep;jo.modifiers=Ux;jo.className=K.className;import{jsx as po,jsxs as Gx}from"react/jsx-runtime";var yp=e=>po(G,{children:[po(p,{children:"Button"},"toolbar-button"),po(z,{text:"Menu button"},"toolbar-menu-button"),po(K,{children:"Split button"},"toolbar-split-button"),Gx(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 yU,jsxs as IU}from"react/jsx-runtime";import{jsx as ze,jsxs as Ip}from"react/jsx-runtime";var Tp=e=>ze(G,{scrollable:!0,...e,children:[ze(p,{children:"Button"},"toolbar-button"),ze(z,{text:"Menu button"},"toolbar-menu-button"),ze(K,{children:"Split button"},"toolbar-split-button"),Ip(T,{children:[ze(p,{className:"k-group-start",icon:"align-left",children:"Left"}),ze(p,{icon:"align-center",children:"Center"}),ze(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),ze(p,{children:"Button"},"toolbar-button"),ze(z,{text:"Menu button"},"toolbar-menu-button"),ze(K,{children:"Split button"},"toolbar-split-button"),Ip(T,{children:[ze(p,{className:"k-group-start",icon:"align-left",children:"Left"}),ze(p,{icon:"align-center",children:"Center"}),ze(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});import{jsx as Ue,jsxs as Op}from"react/jsx-runtime";var Bp=({scrollingPosition:e="start",...t})=>Ue(G,{scrollable:!0,scrollButtons:"hidden",scrollingPosition:e,...t,children:[Ue(p,{children:"Button"},"toolbar-button"),Ue(z,{text:"Menu button"},"toolbar-menu-button"),Ue(K,{children:"Split button"},"toolbar-split-button"),Op(T,{children:[Ue(p,{className:"k-group-start",icon:"align-left",children:"Left"}),Ue(p,{icon:"align-center",children:"Center"}),Ue(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),Ue(p,{children:"Button"},"toolbar-button"),Ue(z,{text:"Menu button"},"toolbar-menu-button"),Ue(K,{children:"Split button"},"toolbar-split-button"),Op(T,{children:[Ue(p,{className:"k-group-start",icon:"align-left",children:"Left"}),Ue(p,{icon:"align-center",children:"Center"}),Ue(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...t});import{Fragment as Vx,jsx as Ie,jsxs as Tn}from"react/jsx-runtime";var Pp=({fillMode:e,size:t,...o})=>Tn(Vx,{children:[Ie(G,{section:!0,fillMode:e,size:t,children:[Ie(p,{fillMode:e,size:t,children:"Button"},"toolbar-button"),Tn(T,{fillMode:e,children:[Ie(p,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),Ie(p,{icon:"align-center",fillMode:e,size:t,children:"Center"}),Ie(p,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group"),Ie(rt,{className:"k-toolbar-button-separator"}),Ie(p,{icon:"more-horizontal",className:"k-toolbar-overflow-button",fillMode:"flat",size:t,"aria-label":"More options","aria-expanded":"false"})],...o}),Tn(In,{size:t,fillMode:e,section:!0,...o,children:[Ie(K,{fillMode:e,size:t,children:"Split button"},"toolbar-split-button"),Ie(p,{fillMode:e,size:t,children:"Button"},"toolbar-button"),Ie(rt,{}),Ie(z,{text:"Menu button",fillMode:e,size:t},"toolbar-menu-button"),Tn(T,{fillMode:e,children:[Ie(p,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),Ie(p,{icon:"align-center",fillMode:e,size:t,children:"Center"}),Ie(p,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group")]})]});import{Fragment as l3,jsx as r3,jsxs as i3}from"react/jsx-runtime";import{Fragment as v3,jsx as N3,jsxs as h3}from"react/jsx-runtime";import{jsx as Ft}from"react/jsx-runtime";var $x=G.options,Xx=G.states,Kp={...G.defaultOptions,variant:"default"},qx=[{name:"default",title:"Default"},{name:"scrollable",title:"Scrollable"},{name:"overlay",title:"Overlay"},{name:"responsive",title:"Responsive"}],Wx=[],ea=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})})}};ea.options=$x;ea.states=Xx;ea.variants=qx;ea.defaultOptions=Kp;ea.modifiers=Wx;ea.className=G.className;import{Fragment as Qx,jsx as it,jsxs as Ua}from"react/jsx-runtime";var Rp="k-message",Jx=[r.hover,r.selected,r.active,r.focus],Yx={},Zx=[it(p,{icon:"copy",fillMode:"flat","aria-label":"Copy"}),it(p,{icon:"arrow-rotate-cw",fillMode:"flat","aria-label":"Retry"}),it(p,{icon:"download",fillMode:"flat","aria-label":"Download"})],ta={time:"Thu Feb 08 2018",text:"How can I help you?",status:"Seen",toolbarItems:Zx,failed:"Failed to send"},D=e=>{let{time:t=ta.time,text:o=ta.text,content:a,status:n=ta.status,statusIcon:i,toolbarItems:l=ta.toolbarItems,hover:m,selected:u,active:b,focus:x,toolbar:g,typing:c,expandable:L,expanded:M,removed:S,files:A,failed:k,...y}=e,w=k===!0?ta.failed:k;return Ua("div",{...y,className:s(Rp,e.className,{"k-message-removed":S,"k-message-failed":k}),children:[k&&it(X,{className:"k-resend-button",icon:"arrow-rotate-cw",size:"xsmall",fillMode:"clear","aria-label":"Resend"}),it(_p,{typing:c,selected:u,hover:m,active:b,focus:x,content:Ua(Qx,{children:[a,o&&it("span",{className:"k-chat-bubble-text",children:o})]}),expandable:L,expanded:M,files:A}),Ua("div",{className:"k-message-info",children:[n&&Ua("span",{className:"k-message-status",children:[i&&it(v,{icon:i,size:"xsmall"}),n]}),t&&it("time",{className:"k-message-time",children:t}),k&&Ua("span",{className:"k-message-failed-content",children:[k&&it(v,{icon:"warning-triangle",size:"xsmall"}),k&&it("span",{className:"k-message-failed-text",children:w})]})]}),g&&it(G,{className:"k-chat-message-toolbar",fillMode:"flat",children:l})]})};D.states=Jx;D.options=Yx;D.className=Rp;D.moduleName=null;D.folderName=null;D.defaultOptions=ta;var yr="avatar",wp=yr;import{jsx as Dp}from"react/jsx-runtime";var Fa="k-avatar";var jx=[r.hover,r.focus,r.active,r.selected,r.disabled],eN={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]},Ir={type:"text",border:!1},Se=e=>{let{size:t,rounded:o,fillMode:a,themeColor:n,type:i=Ir.type,border:l=Ir.border,...m}=e;return Dp("div",{...m,className:s(e.className,Fa,E(Fa,{size:t,rounded:o,fillMode:a,themeColor:n}),{[`${Fa}-bordered`]:l}),children:Dp("span",{className:`${Fa}-${i}`,children:e.children})})};Se.states=jx;Se.options=eN;Se.className=Fa;Se.defaultOptions=Ir;Se.moduleName=yr;Se.folderName=wp;var mo=Se;import{jsx as tN}from"react/jsx-runtime";var Hp=e=>tN(mo,{type:"icon",...e});import{jsx as oN}from"react/jsx-runtime";var zp=e=>oN(mo,{type:"text",...e});import{jsx as aN}from"react/jsx-runtime";var On=e=>aN(mo,{type:"image",...e});import{jsx as m5}from"react/jsx-runtime";import{jsx as Ga}from"react/jsx-runtime";var nN=Se.options,sN=Se.states,rN={...Se.defaultOptions,variant:"image"},iN=[{name:"image",title:"Image"},{name:"icon",title:"Icon Avatar"},{name:"text",title:"Text Avatar"}],lN=[],oa=e=>{let{variant:t,...o}=e;switch(t){case"icon":return Ga(Hp,{...o,children:Ga(v,{icon:"star"})});case"text":return Ga(zp,{...o,children:"JO"});default:return Ga(On,{...o,children:Ga("img",{src:"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg"})})}};oa.options=nN;oa.states=sN;oa.variants=iN;oa.defaultOptions=rN;oa.modifiers=lN;oa.className=Se.className;import{jsx as aa,jsxs as Tr}from"react/jsx-runtime";var Va="k-message-group",pN=[r.selected],dN={},Bn={author:"Bruv",avatar:"/packages/html/assets/avatar.jpg",type:"receiver"},F=e=>{let{type:t=Bn.type,author:o=Bn.author,avatar:a=Bn.avatar,status:n,selected:i,fullWidth:l,...m}=e;return Tr("div",{...m,className:s(Va,e.className,C(Va,{selected:i}),{[`${Va}-${t}`]:t,"k-no-avatar":!a,[`${Va}-full-width`]:l}),children:[a&&!n&&aa(Se,{type:"image",children:aa("img",{src:a,alt:o\|\|""})}),n&&a&&Tr("div",{className:"k-chat-user-status-wrapper",children:[aa(Se,{type:"image",children:aa("img",{src:a,alt:o\|\|""})}),aa("div",{className:"k-chat-user-status"})]}),Tr("div",{className:"k-message-group-content",children:[o&&aa("span",{className:"k-message-author",children:o}),e.children]})]})};F.states=pN;F.options=dN;F.className=Va;F.defaultOptions=Bn;import{Fragment as cN,jsx as Pn,jsxs as Up}from"react/jsx-runtime";var Or="k-message-reference",mN={},Fp={type:"receiver"},Gt=e=>{let{content:t,closeable:o,pinned:a,type:n=Fp.type,...i}=e;return Up("div",{...i,className:s(Or,e.className,{[`${Or}-${n}`]:n,"k-message-pinned":a}),children:[a&&Pn(v,{icon:"pin"}),Pn("div",{className:"k-message-reference-content",children:t}),o&&Up(cN,{children:[Pn("span",{className:"k-spacer"}),Pn(p,{icon:"x-circle",fillMode:"flat",size:"xsmall","aria-label":"Close"})]})]})};Gt.options=mN;Gt.className=Or;Gt.moduleName=null;Gt.folderName=null;Gt.defaultOptions=Fp;var Br="bubble",Gp=Br;import{jsx as Kn,jsxs as fN}from"react/jsx-runtime";var Pr="k-bubble",uN=[r.hover,r.active,r.selected,r.focus],Kr={expandable:!1,expanded:!1},co=e=>{let{content:t,hover:o,active:a,focus:n,selected:i,expandable:l=Kr.expandable,expanded:m=Kr.expanded,...u}=e;return fN("div",{...u,className:s(e.className,Pr,C(Pr,{hover:o,active:a,focus:n,selected:i}),{"k-bubble-expandable":l},{"k-expanded":m}),tabIndex:0,children:[Kn("div",{className:"k-bubble-content",children:t??e.children}),l&&Kn("span",{className:"k-bubble-expandable-indicator",role:"button","aria-label":m?"Show less":"Show more",tabIndex:0,children:m?Kn(v,{icon:"chevron-up"}):Kn(v,{icon:"chevron-down"})})]})};co.states=uN;co.className=Pr;co.defaultOptions=Kr;co.moduleName=Br;co.folderName=Gp;import{jsx as $5}from"react/jsx-runtime";import{jsx as J5}from"react/jsx-runtime";import{jsx as j5}from"react/jsx-runtime";import{jsx as Rr,jsxs as $p}from"react/jsx-runtime";var bN="k-chat-bubble",_p=e=>{let{typing:t,content:o,files:a,...n}=e;return $p(co,{...n,className:s(e.className,bN),children:[t?$p("div",{className:"k-typing-indicator",tabIndex:-1,children:[Rr("span",{}),Rr("span",{}),Rr("span",{})]}):o,a]})};import{jsx as fF}from"react/jsx-runtime";import{jsx as Xp,jsxs as xN}from"react/jsx-runtime";var qp="k-chat-event",_r={icon:"trash",text:"You deleted Chat history."},Wp=e=>{let{icon:t=_r.icon,text:o=_r.text,...a}=e;return xN("div",{...a,className:s(e.className,qp),children:[t&&Xp(v,{className:"k-chat-event-icon",icon:t,size:"xsmall"}),o&&Xp("span",{className:"k-chat-event-text",children:o})]})};Wp.className=qp;Wp.defaultOptions=_r;import{jsx as kF}from"react/jsx-runtime";import{Fragment as NN,jsx as Nt,jsxs as hN}from"react/jsx-runtime";var Jp=e=>Nt(V,{children:hN(NN,{children:[Nt("div",{className:"k-timestamp",children:"Day, Month 7, 2023"}),Nt(F,{children:Nt(D,{})}),Nt(F,{type:"sender",children:Nt(D,{})}),Nt(F,{children:Nt(D,{text:"Very long message text that tests message overflowing behavior. Very long message text that tests message overflowing behavior."})}),Nt(F,{type:"sender",children:Nt(D,{text:"Unusually_long_word_that_tests_word_break_behavior__unusually_long_word_that_tests_word_break_behavior"})})]}),...e});import{jsx as Yp}from"react/jsx-runtime";var Rn="k-file-box-wrapper",Zp={layout:"horizontal"},ht=e=>{let{layout:t=Zp.layout,scrollingPosition:o,...a}=e;return Yp("ul",{role:"list","aria-label":"Attached files",...a,className:s(e.className,Rn,{"k-files-vertical":t==="vertical","k-files-wrap":t==="wrap",[`${Rn}-scrollable-start`]:t==="horizontal"&&(o==="start"\|\|o==="both"),[`${Rn}-scrollable-end`]:t==="horizontal"&&(o==="end"\|\|o==="both")}),children:t==="horizontal"?Yp("div",{className:"k-files-scroll",role:"presentation",children:e.children}):e.children})};ht.className=Rn;ht.defaultOptions=Zp;var wr="file-box",Qp=wr;import{jsx as na,jsxs as jp}from"react/jsx-runtime";var ed="k-file-box",vN=[r.selected],gN={},$a={icon:"file-pdf",name:"FileName.pdf",size:"2MB",showButton:"true"},Te=e=>{let{icon:t=$a.icon,name:o=$a.name,size:a=$a.size,status:n,deleted:i,removeButton:l,showButton:m=$a.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:[na(v,{icon:t,size:"xlarge","aria-hidden":"true"}),jp("div",{className:"k-file-info",children:[o&&na("span",{className:"k-file-name",children:o}),a&&na("span",{className:"k-file-size",children:a}),n&&na("span",{className:"k-file-status",children:n})]}),m&&(l?na(p,{as:"span",icon:"x-circle",fillMode:"flat",size:"xsmall","aria-hidden":"true"}):na(z,{icon:"more-vertical",fillMode:"flat",size:"xsmall",showArrow:!1,"aria-label":"File actions"}))]})};Te.states=vN;Te.options=gN;Te.className=ed;Te.defaultOptions=$a;Te.moduleName=wr;Te.folderName=Qp;import{jsx as GF}from"react/jsx-runtime";import{jsx as WF}from"react/jsx-runtime";import{jsx as jF,jsxs as eG}from"react/jsx-runtime";import{jsx as sG,jsxs as rG}from"react/jsx-runtime";import{jsx as mG}from"react/jsx-runtime";import{Fragment as CG,jsx as kG,jsxs as AG}from"react/jsx-runtime";import{Fragment as OG,jsx as TG,jsxs as BG}from"react/jsx-runtime";var Dr="skeleton",td=Dr;import{jsx as kN}from"react/jsx-runtime";var Hr="k-skeleton",LN=["circle","text","rect"],MN=[],SN={},zr={variant:"text",shape:"text",animation:"pulse"},vt=e=>{let{variant:t,shape:o,animation:a=zr.animation,...n}=e,i=`skeleton-${t\|\|o\|\|zr.variant}`;return kN("span",{...n,className:s(e.className,Hr,Za(Hr,i),{[`k-skeleton-${a}`]:a}),style:e.style})};vt.states=MN;vt.options=SN;vt.variants=LN;vt.className=Hr;vt.defaultOptions=zr;vt.moduleName=Dr;vt.folderName=td;import{jsx as UG}from"react/jsx-runtime";import{jsx as $G}from"react/jsx-runtime";import{jsx as JG}from"react/jsx-runtime";import{Fragment as p6,jsx as i6,jsxs as l6}from"react/jsx-runtime";import{Fragment as f6,jsx as u6,jsxs as b6}from"react/jsx-runtime";import{jsx as v6}from"react/jsx-runtime";import{Fragment as k6,jsx as S6,jsxs as C6}from"react/jsx-runtime";import{Fragment as T6,jsx as I6,jsxs as O6}from"react/jsx-runtime";import{Fragment as _6,jsx as R6,jsxs as w6}from"react/jsx-runtime";import{Fragment as F6,jsx as U6}from"react/jsx-runtime";var Ur="appbar",od=Ur;import{jsx as yN}from"react/jsx-runtime";var Fr="k-appbar",CN=[],AN={themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary,h.inverse]},EN={},ke=e=>{let{themeColor:t,positionMode:o,position:a,...n}=e;return yN("div",{...n,className:s(e.className,Fr,E(Fr,{themeColor:t}),{[`k-appbar-${o}`]:o,[`k-appbar-${a}`]:a}),children:e.children})};ke.states=CN;ke.options=AN;ke.className=Fr;ke.defaultOptions=EN;ke.moduleName=Ur;ke.folderName=od;import{jsx as TN}from"react/jsx-runtime";var IN="k-appbar-section",gt=e=>{let{...t}=e;return TN("div",{...t,className:s(IN,e.className),children:e.children})};import{Fragment as a7,jsx as t7,jsxs as o7}from"react/jsx-runtime";import{jsx as j,jsxs as sa}from"react/jsx-runtime";var Gr={...ke.options,positionMode:["static","sticky","fixed"]},ON=ke.states,ad={...ke.defaultOptions,themeColor:"primary",variant:"top",positionMode:"sticky"};Gr.themeColor=["primary",...Gr.themeColor.filter(e=>e!=="primary")];var BN=[{name:"top",title:"Top"},{name:"bottom",title:"Bottom"}],ra=e=>{let{variant:t,...o}={...ad,...e},a=sa(ke,{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"}),sa(gt,{children:[j(nt,{fillMode:"flat",children:"Button"}),j(nt,{fillMode:"flat",children:"Button"}),j(nt,{fillMode:"flat",children:"Button"})]}),j("span",{className:"k-spacer k-spacer-sized",style:{width:"8px"}}),j(gt,{children:j(mn,{value:"Input value"})}),sa(gt,{children:[j(X,{className:"k-mx-sm",fillMode:"flat",icon:"bell"}),j("span",{className:"k-appbar-separator"}),j(On,{className:"k-mx-sm",children:j("img",{src:"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg"})})]})]}),n=sa("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"?sa("div",{style:{height:"250px",overflow:"auto"},children:[n,a]}):sa("div",{style:{height:"250px",overflow:"auto"},children:[a,n]})};ra.options=Gr;ra.states=ON;ra.variants=BN;ra.defaultOptions=ad;ra.modifiers=[];ra.className=ke.className;var Vr="suggestion",nd=Vr;import{jsx as _n,jsxs as RN}from"react/jsx-runtime";var wn="k-suggestion-group",PN=[],KN={},sd={layout:"scrollable",scrollingPosition:"start"},tt=e=>{let{layout:t=sd.layout,scrollingPosition:o,...a}=e,n=_n("div",{...a,className:s(wn,{"k-suggestion-group-scrollable":t=="scrollable",[`${wn}-scrollable-start`]:o==="start"\|\|o==="both",[`${wn}-scrollable-end`]:o==="end"\|\|o==="both"},e.className),role:"group",children:t==="scrollable"\|\|t==="scrollButtons"?_n("div",{className:"k-suggestions-scroll",children:e.children}):e.children});return t=="scrollButtons"?RN("div",{className:"k-suggestion-scrollwrap",children:[_n(p,{fillMode:"flat",icon:"chevron-left",size:"xsmall","aria-label":"Scroll left"}),n,_n(p,{fillMode:"flat",icon:"chevron-right",size:"xsmall","aria-label":"Scroll right"})]}):n};tt.states=PN;tt.options=KN;tt.className=wn;tt.defaultOptions=sd;tt.moduleName=Vr;tt.folderName=nd;import{jsx as HN}from"react/jsx-runtime";var Dn="k-suggestion",_N=[r.active,r.hover,r.focus],wN={themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary]},DN={text:"Suggestion"},ot=e=>{let{themeColor:t,active:o,hover:a,focus:n,text:i,children:l,...m}=e;return HN("span",{...m,className:s(e.className,Dn,C(Dn,{hover:a,active:o,focus:n}),E(Dn,{themeColor:t})),role:"button",tabIndex:0,"aria-label":e["aria-label"]\|\|i,children:l\|\|i})};ot.states=_N;ot.options=wN;ot.className=Dn;ot.item=DN;import{Fragment as T7,jsx as I7,jsxs as O7}from"react/jsx-runtime";import{Fragment as _7,jsx as R7,jsxs as w7}from"react/jsx-runtime";import{Fragment as F7,jsx as U7,jsxs as G7}from"react/jsx-runtime";import{Fragment as $N,jsx as ee,jsxs as Hn}from"react/jsx-runtime";var zN=V.states,UN=V.defaultOptions,FN=V.options,GN=[{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"}],VN=[],ia=e=>{let{modifiers:t,...o}=e,a={author:null,avatar:null},n=Hn(ke,{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=Hn(tt,{children:[ee(ot,{text:"Provide a CV template"}),ee(ot,{text:"Generate a cover letter"})]}),m=Hn(tt,{children:[ee(ot,{themeColor:"primary",text:"Thank you!"}),ee(ot,{themeColor:"primary",text:"Great!"})]}),u="https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg",b=null,x="User",g="Demo Bot";Object.keys(t\|\|{}).forEach(y=>{switch(y){case"header":a.header=t?.[y]?n:!1;break;case"pinned":a.pinned=t?.[y]?i:!1;break;case"suggested":a.suggestedActions=t?.[y]?l:!1;break;case"author":a.author=t?.[y]?!0:null;break;case"avatar":a.avatar=t?.[y]?u:null;break;case"quick":a.quickReplies=t?.[y]?m:ee($N,{});break;default:break}});let{header:c,pinned:L,suggestedActions:M,author:S,avatar:A,quickReplies:k}=a;return Hn(Jp,{value:"Thank you!",style:{minHeight:"100%"},...o,header:c,pinned:L,suggestedActions:M,children:[ee(F,{avatar:b,author:S?g:null,children:ee(D,{text:"Hello, this is a demo bot. How can I help you ?"})}),ee(F,{avatar:A?u:null,author:S?x:null,type:"sender",children:ee(D,{text:"Hello! Generate a cover letter."})}),ee(F,{avatar:b,author:S?g:null,children:ee(D,{text:"Sure. Here is a cover letter template",files:ee(ht,{children:ee(Te,{icon:"file-pdf",name:"cover_letter.pdf",size:"1.43MB"})})})}),k]})};ia.options=FN;ia.states=zN;ia.variants=VN;ia.defaultOptions=UN;ia.modifiers=GN;ia.className=V.className;var $r="window",rd=$r;import{jsx as JN}from"react/jsx-runtime";var id="k-window-content",XN=[],qN={},WN={},Vt=e=>{let{children:t,...o}=e;return JN("div",{...o,className:s(id,e.className),children:t})};Vt.states=XN;Vt.options=qN;Vt.className=id;Vt.defaultOptions=WN;Vt.moduleName=$r;Vt.folderName=rd;var Xa="dialog",zn=Xa;import{Fragment as QN,jsx as uo,jsxs as Xr}from"react/jsx-runtime";var ld="k-dialog",YN=[],ZN={},qr={actionButtonsAlign:"stretched",modal:!0},Oe=e=>{let{title:t,actions:o,actionButtons:a,actionButtonsAlign:n=qr.actionButtonsAlign,modal:i=qr.modal,...l}=e,m=t!==void 0?B("dialog-titlebar"):void 0,u=B("dialog-content");return Xr("div",{className:"k-dialog-wrapper",children:[i&&uo(ut,{}),Xr("div",{...l,className:s(e.className,ld,"k-window"),role:"dialog","aria-labelledby":m,"aria-describedby":u,...i&&{"aria-modal":"true"},children:[(t!==void 0\|\|o)&&Xr("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(QN,{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(_e,{alignment:n,className:"k-window-actions k-dialog-actions",children:a})]})]})};Oe.states=YN;Oe.options=ZN;Oe.className=ld;Oe.defaultOptions=qr;Oe.moduleName=Xa;Oe.folderName=zn;var Wr=Oe;import{jsx as oh}from"react/jsx-runtime";var pd="k-dialog-wrapper",jN=[],eh={},th={},la=e=>{let{...t}=e;return oh("div",{...t,className:s(e.className,pd),children:e.children})};la.states=jN;la.options=eh;la.className=pd;la.defaultOptions=th;la.moduleName=Xa;la.folderName=zn;import{Fragment as dd,jsx as Un,jsxs as ah}from"react/jsx-runtime";var md=e=>Un(Wr,{title:"Title",children:Un(dd,{children:"Dialog content"}),actionButtons:ah(dd,{children:[Un(p,{children:"Action"}),Un(p,{themeColor:"primary",children:"Primary"})]}),actions:["x"],...e});import{Fragment as t4,jsx as o4,jsxs as a4}from"react/jsx-runtime";import{Fragment as ph,jsx as Fn,jsxs as dh}from"react/jsx-runtime";var nh=Oe.options,sh=[],rh=Oe.states,ih=Oe.defaultOptions,lh=[],pa=e=>Fn(md,{style:{width:"350px",height:"215px"},...e,title:"Please confirm",actions:["x"],actionButtonsAlign:"stretched",actionButtons:dh(ph,{children:[Fn(p,{children:"No"}),Fn(p,{themeColor:"primary",children:"Yes"})]}),children:Fn("p",{style:{margin:"36px",textAlign:"center"},children:"Are you sure you want to continue?"})});pa.options=nh;pa.states=rh;pa.variants=sh;pa.defaultOptions=ih;pa.modifiers=lh;pa.className=Oe.className;var Jr="dropzone",cd=Jr;import{jsx as Gn,jsxs as uh}from"react/jsx-runtime";var Yr="k-external-dropzone",mh=[r.disabled,r.hover],ch={},Zr={icon:"upload",hint:"Drag and drop files here to upload"},ue=e=>{let{hover:t,disabled:o,icon:a=Zr.icon,hint:n=Zr.hint,note:i,...l}=e;return Gn("div",{...l,className:s(e.className,Yr,C(Yr,{disabled:o}),{"k-external-dropzone-hover":t}),children:uh("div",{className:"k-dropzone-inner",children:[a&&Gn(v,{icon:a,className:"k-dropzone-icon",size:"xxxlarge"}),n&&Gn("span",{className:"k-dropzone-hint",children:n}),i&&Gn("span",{className:"k-dropzone-note",children:i})]})})};ue.states=mh;ue.options=ch;ue.className=Yr;ue.defaultOptions=Zr;ue.moduleName=Jr;ue.folderName=cd;import{jsx as fh}from"react/jsx-runtime";var ud=e=>fh(ue,{...e});import{jsx as y4}from"react/jsx-runtime";import{jsx as gh}from"react/jsx-runtime";var bh=ue.options,xh=ue.states,Nh=ue.defaultOptions,hh=[{name:"note",title:"Note"}],vh=[],da=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)}),gh(ud,{style:{width:"500px"},...o,...a})};da.options=bh;da.states=xh;da.variants=vh;da.defaultOptions=Nh;da.modifiers=hh;da.className=ue.className;import{Fragment as Vn,jsx as $t,jsxs as qa}from"react/jsx-runtime";var Qr="k-upload-dropzone",Lh=[r.hover],$n=e=>{let{hover:t,status:o,disabled:a,hasFiles:n,filesId:i,buttonText:l="Select files...",...m}=e,u;switch(o){case"uploading":u=qa(Vn,{children:[$t(v,{icon:"upload"}),"Uploading..."]});break;case"done":u=qa(Vn,{children:[$t(v,{icon:"check"}),"Done"]});break;case"failed":u=qa(Vn,{children:[$t(v,{icon:"exclamation-circle"}),"Done"]});break;default:u=$t(Vn,{});break}return qa("div",{...m,className:s(e.className,Qr,"k-dropzone",C(Qr,{hover:t})),children:[qa("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})]})};$n.states=Lh;$n.className=Qr;var jr="upload",fd=jr;import{jsx as Xn,jsxs as xd}from"react/jsx-runtime";var ei="k-upload",Mh=[r.hover,r.disabled],Sh={},Nd={actionsLayout:"end"},bd="upload-files-list",te=e=>{let{async:t,empty:o,actions:a,actionsLayout:n=Nd.actionsLayout,hover:i,status:l,disabled:m,buttonText:u,...b}=e,x=!!e.children;return xd("div",{...b,className:s(e.className,ei,C(ei,{disabled:m}),{"k-upload-async":t,"k-upload-empty":o}),children:[Xn($n,{status:l,hover:i,disabled:m,hasFiles:x,filesId:bd,buttonText:u}),x&&Xn("ul",{className:"k-upload-files",role:"list",id:bd,children:e.children}),a&&x&&xd(el,{alignment:n,orientation:"horizontal",children:[Xn(p,{className:"k-clear-selected",children:"Clear"}),Xn(p,{themeColor:"primary",className:"k-upload-selected",children:"Upload"})]})]})};te.states=Mh;te.options=Sh;te.className=ei;te.defaultOptions=Nd;te.moduleName=jr;te.folderName=fd;var Wa="progressbar",qn=Wa;import{jsx as oi,jsxs as ti}from"react/jsx-runtime";var at="k-progressbar",kh=[r.disabled,r.indeterminate],Ch={orientation:["horizontal","vertical"]},fo={indeterminate:!1,label:!0,labelPosition:"start",orientation:"horizontal",reverse:!1,value:"0"},Ce=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 ti("div",{...c,className:s(e.className,at,C(at,{disabled:t}),{[`${at}-${l}`]:l,[`${at}-indeterminate`]:a,[`${at}-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:[oi("span",{className:s("k-progress-status-wrap",{[`k-progress-${i}`]:i&&!a}),children:n&&ti("span",{className:"k-progress-status",children:[u,"%"]})}),!a&&oi("div",{className:"k-progressbar-value k-selected",children:oi("span",{className:s("k-progress-status-wrap",{[`k-progress-${i}`]:i}),children:n&&ti("span",{className:"k-progress-status",children:[e.value,"%"]})})})]})};Ce.states=kh;Ce.options=Ch;Ce.className=at;Ce.defaultOptions=fo;Ce.moduleName=Wa;Ce.folderName=qn;var hd=Ce;import{jsx as ai}from"react/jsx-runtime";var vd="k-chunk-progressbar",Ah=(e,t)=>t<=e-1,Eh=[r.disabled,r.indeterminate],yh={},Wn={chunkCount:5,orientation:"horizontal",progress:0},ma=e=>{let{disabled:t,chunkCount:o=Wn.chunkCount,indeterminate:a,orientation:n=Wn.orientation,progress:i=Wn.progress,reverse:l,ariaLabel:m,...u}=e;return ai("div",{...u,className:s(e.className,at,vd,C(at,{disabled:t}),{[`${at}-${n}`]:n,[`${at}-indeterminate`]:a,[`${at}-reverse`]:l}),role:"progressbar","aria-label":m\|\|"progress","aria-valuenow":a?void 0:i,"aria-valuemin":0,"aria-valuemax":o,children:ai("ul",{className:"k-progressbar-chunks k-reset",children:[...Array(o)].map((b,x)=>ai("li",{className:s("k-progressbar-chunk",{"k-first":x===0,"k-last":x===[...Array(o)].length-1,"k-selected":Ah(i,x)})},x))})})};ma.states=Eh;ma.options=yh;ma.className=vd;ma.defaultOptions=Wn;ma.moduleName=Wa;ma.folderName=qn;import{jsx as Ih}from"react/jsx-runtime";var Ja=e=>Ih(hd,{...e});import{jsx as b8}from"react/jsx-runtime";import{jsx as Xt}from"react/jsx-runtime";var Th=Ce.options,Oh=Ce.states,gd={...Ce.defaultOptions,variant:"start"},Bh=[{name:"start",title:"Label start"},{name:"center",title:"Label center"},{name:"end",title:"Label end"},{name:"empty",title:"No label"}],Ph=[],ca=e=>{let{variant:t,modifiers:o,...a}={...gd,...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(Ja,{...a,...n,labelPosition:"end",value:"50"})});case"center":return Xt("div",{...i,children:Xt(Ja,{...a,...n,labelPosition:"center",value:"50"})});case"empty":return Xt("div",{...i,children:Xt(Ja,{...a,...n,label:!1,value:"50"})});default:return Xt("div",{...i,children:Xt(Ja,{...a,...n,labelPosition:"start",value:"50"})})}};ca.options=Th;ca.states=Oh;ca.variants=Bh;ca.defaultOptions=gd;ca.modifiers=Ph;ca.className=Ce.className;import{jsx as ni,jsxs as Rh}from"react/jsx-runtime";var Kh="k-file-info",si=e=>{let{name:t,size:o,validationMsg:a,...n}=e;return Rh("div",{...n,className:s(e.className,Kh),children:[t&&ni("span",{className:"k-file-name",children:t}),o&&ni("span",{className:"k-file-size",children:o}),a&&ni("span",{className:"k-file-validation-message","aria-live":"polite",children:a})]})};import{Fragment as wh,jsx as Et,jsxs as Jn}from"react/jsx-runtime";var _h="k-file",Be=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,_h,{[`k-file-${t}`]:t}),role:"listitem",tabIndex:0,children:Jn("div",{className:"k-file-single",children:[Et(Ce,{className:s({"k-hidden":t!=="progress"}),value:o,label:!1}),Jn("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(si,{name:a,size:i,validationMsg:m}),Et("div",{className:"k-upload-actions",children:t==="progress"?Jn(wh,{children:[Jn("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 $8,jsx as G8,jsxs as V8}from"react/jsx-runtime";import{Fragment as Dh,jsx as ri,jsxs as Hh}from"react/jsx-runtime";var Ya=e=>ri(te,{async:!0,children:Hh(Dh,{children:[ri(Be,{name:"Image_With_Very_Very_Very_Very_Very_Long_Name1.png",icon:"file-image",size:"51.23 KB"}),ri(Be,{name:"Image2.jpg",icon:"file-image",size:"106.43 KB"})]}),...e});import{Fragment as tV,jsx as j8,jsxs as eV}from"react/jsx-runtime";import{jsx as zh}from"react/jsx-runtime";var Ld=e=>zh(te,{async:!0,empty:!0,...e});import{Fragment as pV,jsx as lV,jsxs as dV}from"react/jsx-runtime";import{Fragment as bV,jsx as fV,jsxs as xV}from"react/jsx-runtime";import{jsx as yt,jsxs as Yn}from"react/jsx-runtime";var Uh=te.options,Fh=te.states,Md={...te.defaultOptions,variant:"empty"},Gh=[{name:"empty",title:"Empty"},{name:"upload",title:"Upload"},{name:"uploading",title:"Uploading"},{name:"success",title:"Success"},{name:"failed",title:"Failed"}],Vh=[],ua=e=>{let{variant:t,...o}={...Md,...e};switch(t){case"success":return Yn(Ya,{status:"done",style:{width:"586px"},...o,children:[yt(Be,{status:"success",validationMsg:"File(s) uploaded successfully.",name:"Image1.png",icon:"file-image"}),yt(Be,{status:"success",validationMsg:"File(s) uploaded successfully.",name:"Image2.png",icon:"file-image"})]});case"failed":return Yn(Ya,{status:"failed",style:{width:"586px"},...o,children:[yt(Be,{status:"error",validationMsg:"File type not allowed.",name:"Movie1.mkv",icon:"file-image"}),yt(Be,{status:"error",validationMsg:"File type not allowed.",name:"Video2.mkv",icon:"file-image"})]});case"uploading":return Yn(Ya,{status:"uploading",style:{width:"586px"},...o,children:[yt(Be,{progress:"50",status:"progress",name:"Document1.txt",icon:"file-pdf",size:"328.92 KB"}),yt(Be,{progress:"70",status:"progress",name:"Document2.txt",icon:"file-pdf",size:"225.68 KB"})]});case"upload":return Yn(Ya,{actions:!0,status:"upload",style:{width:"586px"},...o,children:[yt(Be,{name:"Image1.png",icon:"file-image",size:"51.23 KB"}),yt(Be,{name:"Image2.jpg",icon:"file-image",size:"106.43 KB"})]});default:return yt(Ld,{async:!0,status:"upload",style:{width:"586px"},...o})}};ua.options=Uh;ua.states=Fh;ua.variants=Gh;ua.defaultOptions=Md;ua.modifiers=Vh;ua.className=te.className;import{Fragment as ii,jsx as Pe,jsxs as Zn}from"react/jsx-runtime";var FV=e=>Zn(ii,{children:[Pe(V,{children:Zn(ii,{children:[Pe("div",{className:"k-timestamp",children:"Day, Month 7, 2023"}),Pe(F,{children:Pe(D,{})}),Pe(F,{type:"sender",children:Pe(D,{})}),Pe(F,{children:Pe(D,{text:"Very long message text that tests message overflowing behavior. Very long message text that tests message overflowing behavior."})}),Pe(F,{type:"sender",children:Pe(D,{text:"Unusually_long_word_that_tests_word_break_behavior__unusually_long_word_that_tests_word_break_behavior"})})]}),...e}),Zn(Oe,{className:"k-chat-upload",title:"Upload file(s)",actions:["x"],actionButtons:Zn(ii,{children:[Pe(p,{themeColor:"primary",disabled:!0,children:"Upload"}),Pe(p,{children:"Cancel"})]}),children:[Pe(ue,{}),Pe(te,{empty:!0,status:"upload"})]})]});export{FV as ChatUpload};