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

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

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-stop-response.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 Ya(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(a=>[`k-${a}`,!0]))}var d={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},f={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},N={undefined:void 0,solid:"solid",tint:"tint",flat:"flat",outline:"outline",clear:"clear",link:"link"},it={undefined:void 0,outline:"outline",solid:"solid",duotone:"duotone"},h={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",inverse:"inverse"},r={open:"open",hover:"hover",focus:"focus",active:"active",selected:"selected",disabled:"disabled",valid:"valid",invalid:"invalid",loading:"loading",required:"required",empty:"empty",indeterminate:"indeterminate",checked:"checked",readonly:"readonly",highlighted:"highlighted",generating:"generating",expanded:"expanded"};var es={};function B(e){return es[e]=(es[e]\|\|0)+1,`k-${e}-${es[e]}`}import{Fragment as kd,jsx as ii}from"react/jsx-runtime";var ts="k-font-icon",Ld=[],Md={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]},Sd={},ba=e=>{let{size:t,themeColor:o,icon:a,rotate:n,flip:i,...l}=e;return a?ii("span",{...l,className:s(e.className,ts,E(ts,{size:t}),{[`k-i-${a}`]:a,[`k-color-${o}`]:o,[`k-rotate-${n}`]:n,"k-flip-h":i==="h"\|\|i==="both","k-flip-v":i==="v"\|\|i==="both"}),"aria-hidden":"true"}):ii(kd,{})};ba.states=Ld;ba.options=Md;ba.className=ts;ba.defaultOptions=Sd;var li=ba;import{Fragment as Ed,jsx as Za}from"react/jsx-runtime";var os="k-svg-icon",Cd=[],Ad={size:[d.undefined,d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary,h.success,h.warning,h.error,h.info],variant:[it.outline,it.solid,it.duotone]},as={viewBox:"0 0 24 24",variant:it.outline},xa=e=>{let{size:t,themeColor:o,rotate:a,flip:n,viewBox:i=as.viewBox,variant:l=as.variant,icon:m,...u}=e;if(!m)return Za(Ed,{});if(m==="none")return Za("span",{...u,className:s(e.className,os,E("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let b=typeof m=="object"&&m.name&&m.name,x=typeof m=="object"?l&&m.variants?.[l]\|\|m.variants?.outline\|\|m.content:void 0;return Za("span",{...u,className:s(e.className,os,E("k-icon",{size:t}),{[`k-svg-i-${b}`]:b,[`k-color-${o}`]:o,[`k-rotate-${a}`]:a,"k-flip-h":n==="h"\|\|n==="both","k-flip-v":n==="v"\|\|n==="both"}),"aria-hidden":"true",children:Za("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof m=="object"?m.viewBox:i,dangerouslySetInnerHTML:x!==void 0?{__html:x}:void 0,children:m?void 0:e.children})})};xa.states=Cd;xa.options=Ad;xa.className=os;xa.defaultOptions=as;var ns=xa;importas ss from"@progress/kendo-svg-icons";var pi="icon",di="icons";import{useContext as Id}from"react";import{createContext as yd}from"react";var mi=yd({iconsType:"svg"});import{Fragment as ci,jsx as Na}from"react/jsx-runtime";var Qa="k-icon",Td=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),Od=[],Bd={size:[d.undefined,d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary,h.success,h.warning,h.error,h.info],variant:[it.outline,it.solid,it.duotone]},ja={viewBox:"0 0 24 24",type:"svg",variant:it.outline},v=e=>{let{iconsType:t}=Id(mi),{size:o,themeColor:a,icon:n,type:i=t\|\|ja.type,rotate:l,flip:m,viewBox:u=ja.viewBox,variant:b=ja.variant,...x}=e;if(!n)return Na(ci,{});if((t\|\|i)==="svg"){if(n==="none")return Na(ns,{...x,className:s(e.className,Qa),icon:n,size:o,variant:b});let c=ss[n]?n:Td(`${n}-icon`);return ss[c]?Na(ns,{...x,className:s(e.className,Qa),icon:ss[c],size:o,themeColor:a,rotate:l,flip:m,viewBox:u,variant:b}):Na(ci,{})}return Na(li,{...x,className:s(e.className,Qa),icon:n,size:o,themeColor:a,rotate:l,flip:m})};v.states=Od;v.options=Bd;v.defaultOptions=ja;v.className=Qa;v.moduleName=pi;v.folderName=di;var rs="button",ui=rs;import{Fragment as is,jsx as yt,jsxs as fi}from"react/jsx-runtime";var ha="k-button",Pd=["icon-button"],Kd=[r.hover,r.focus,r.active,r.selected,r.disabled,r.generating],Rd={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]},ls={showArrow:!1,arrowIconName:"chevron-down"},p=e=>{let{as:t="button",size:o,rounded:a,fillMode:n,themeColor:i,showArrow:l=ls.showArrow,arrowIconName:m=ls.arrowIconName,variant:u,hover:b,focus:x,active:g,selected:c,disabled:L,togglable:M,ariaDisabled:S,icon:A,endIcon:k,iconSize:y,text:w,iconClassName:se,className:Ae,...pe}=e,ue=A!=null,ua=e.children!==void 0;return fi(t,{className:s(Ae,ha,Ya(ha,u),E(ha,{size:o,rounded:a,fillMode:n,themeColor:i}),C(ha,{hover:b,focus:x,active:g,disabled:L\|\|S,selected:c}),{"k-icon-button":!w&&!ua&&ue}),"aria-pressed":M?c?"true":"false":void 0,...pe,"aria-disabled":S?"true":void 0,disabled:L\|\|void 0,children:[typeof A=="string"&&A&&yt(v,{className:s(se,"k-button-icon"),icon:A,size:y}),A&&typeof A!="string"&&yt(is,{children:A}),w?fi(is,{children:[w&&yt("span",{className:"k-button-text",children:w}),e.children]}):e.children&&yt("span",{className:"k-button-text",children:e.children}),typeof k=="string"&&k&&yt(v,{className:s(se,"k-button-icon"),icon:k,size:y}),k&&typeof k!="string"&&yt(is,{children:k}),l&&yt("span",{className:"k-menu-button-arrow k-button-arrow",children:yt(v,{icon:m})})]})};p.states=Kd;p.options=Rd;p.variants=Pd;p.className=ha;p.defaultOptions=ls;p.moduleName=rs;p.folderName=ui;import{jsx as _d}from"react/jsx-runtime";var X=e=>_d(p,{icon:"folder",...e,"aria-label":e["aria-label"]\|\|"Folder",children:void 0});import{jsx as wd}from"react/jsx-runtime";var va=e=>wd(p,{icon:"folder",children:"Button",...e});import{jsx as _v}from"react/jsx-runtime";import{jsx as Dd}from"react/jsx-runtime";var at=e=>Dd(p,{children:"Button",...e});import{jsx as ps}from"react/jsx-runtime";var Hd=p.options,zd=p.states,Ud={...p.defaultOptions,variant:"text"},Fd=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Gd=[],fo=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return ps(X,{...o,icon:"star"});case"icon-and-text":return ps(va,{...o,icon:"star",children:"Button"});default:return ps(at,{...o,children:"Button"})}};fo.options=Hd;fo.states=zd;fo.variants=Fd;fo.defaultOptions=Ud;fo.modifiers=Gd;fo.className=p.className;import{jsx as bi,jsxs as Wd}from"react/jsx-runtime";var en="k-fab",Xd=[r.hover,r.focus,r.active,r.selected,r.disabled],qd={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]},xi={type:"button"},te=e=>{let{size:t,rounded:o,themeColor:a,text:n,icon:i,type:l=xi.type,position:m,hover:u,focus:b,active:x,selected:g,disabled:c,...L}=e;return Wd("button",{...L,type:l,className:s(e.className,en,E(en,{size:t,rounded:o,themeColor:a}),C(en,{hover:u,focus:b,active:x,disabled:c,selected:g}),{[`!k-pos-absolute k-${m}`]:m}),...!n&&i&&!e["aria-label"]&&{"aria-label":"Action"},...c&&{"aria-disabled":"true"},disabled:c\|\|void 0,children:[i&&bi(v,{className:"k-fab-icon",icon:i}),n&&bi("span",{className:"k-fab-text",children:n})]})};te.states=Xd;te.options=qd;te.className=en;te.defaultOptions=xi;te.moduleName="fab";te.folderName="fab";import{jsx as Yd}from"react/jsx-runtime";var Jd="k-fab-items",Ni=e=>{let{position:t,...o}=e;return Yd("ul",{...o,className:s(e.className,Jd,{[`k-fab-items-${t}`]:t}),children:e.children})};import{jsx as vi,jsxs as Qd}from"react/jsx-runtime";var hi="k-fab-item",Zd=[r.hover,r.focus,r.active,r.disabled],ds=e=>{let{text:t,icon:o,align:a,hover:n,focus:i,active:l,disabled:m,...u}=e;return Qd("li",{...u,className:s(e.className,hi,{[`k-text-${a}`]:a},C(hi,{hover:n,focus:i,active:l,disabled:m})),children:[vi("span",{className:"k-fab-item-text",children:t}),vi(v,{className:"k-fab-item-icon",icon:o})]})};ds.states=Zd;import{jsx as xg}from"react/jsx-runtime";import{jsx as jd}from"react/jsx-runtime";var gi=e=>jd(te,{icon:"plus",...e});import{jsx as Sg}from"react/jsx-runtime";import{jsx as Eg}from"react/jsx-runtime";import{jsx as bo,jsxs as sm}from"react/jsx-runtime";var em=te.options,tm=te.states,om={...te.defaultOptions,variant:"text"},am=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],nm=[{name:"opened",title:"Opened"}],xo=e=>{let{variant:t,modifiers:o,...a}=e,{opened:n}=o\|\|{},i=n?bo("div",{className:"k-fab-popup k-popup k-popup-transparent",style:{position:"absolute",top:"calc(16px + 36px)",right:"calc(16px + calc(36px / 2) - calc(36px /2))"},children:bo(Ni,{position:"bottom",children:bo(ds,{text:"Item",icon:"pencil",align:"right"})})}):null,l;switch(t){case"icon-only":l=bo(te,{...a,icon:"star"});break;case"icon-and-text":l=bo(te,{...a,icon:"star",text:"Action"});break;default:l=bo(te,{...a,text:"Action"});break}return sm("span",{style:{position:"relative"},children:[l,i]})};xo.options=em;xo.states=tm;xo.variants=am;xo.defaultOptions=om;xo.modifiers=nm;xo.className=te.className;import{jsx as lm}from"react/jsx-runtime";var ms="k-input-inner",rm=[],im={},tn={type:"text",autocomplete:"off",value:"",placeholder:""},fe=e=>{let{value:t=tn.value,type:o=tn.type,placeholder:a=tn.placeholder,autocomplete:n=tn.autocomplete,disabled:i,readOnly:l,...m}=e;return lm("input",{...m,type:o,className:s(e.className,ms,E(ms,e)),placeholder:a,autoComplete:n,defaultValue:t,disabled:i\|\|void 0,readOnly:l\|\|void 0})};fe.states=rm;fe.options=im;fe.className=ms;import{jsx as mm}from"react/jsx-runtime";var cs="k-input-inner",pm=[],dm={},Li={value:"",placeholder:""},ga=e=>{let{value:t=Li.value,placeholder:o=Li.placeholder,rows:a,disabled:n,...i}=e;return mm("textarea",{...i,className:s(e.className,cs,E(cs,e)),placeholder:o,rows:a,defaultValue:t,disabled:n\|\|void 0})};ga.states=pm;ga.options=dm;ga.className=cs;var us="prompt-box",Mi=us;var fs="speech-to-text-button",Si=fs;import{jsx as cm}from"react/jsx-runtime";var ki="k-speech-to-text-button",Ci={icon:"microphone"},Be=e=>{let{listening:t=!1,icon:o=Ci.icon,...a}=e;return cm(p,{...a,icon:t?"stop":o,className:s(e.className,ki,{"k-listening":t}),"aria-pressed":t?"true":"false","aria-label":t?"Stop listening":"Start listening"})};Be.states=p.states;Be.options=p.options;Be.className=ki;Be.defaultOptions=Ci;Be.moduleName=fs;Be.folderName=Si;import{jsx as lL}from"react/jsx-runtime";import{jsx as cL}from"react/jsx-runtime";import{jsx as Nm}from"react/jsx-runtime";var um=p.states,Ai={...p.defaultOptions,variant:"normal"},fm={...p.options,fillMode:p.options.fillMode.filter(e=>e!=="clear"&&e!=="link")},bm=[],xm=[{name:"normal",title:"Normal"},{name:"listening",title:"Listening"}],No=e=>{let{variant:t,...o}={...Ai,...e},a={};return t==="listening"&&(a.listening=!0),Nm(Be,{...o,...a})};No.options=fm;No.states=um;No.variants=xm;No.defaultOptions=Ai;No.modifiers=bm;No.className=Be.className;import{jsx as Wt,jsxs as bs}from"react/jsx-runtime";var lt="k-prompt-box",hm=[r.hover,r.focus,r.disabled],vm={fillMode:[N.undefined,N.solid,N.flat,N.outline]},xs={lineMode:"auto",isExpanded:!1},be=e=>{let{fillMode:t,lineMode:o=xs.lineMode,startAffix:a,endAffix:n,header:i,isExpanded:l=xs.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 bs("div",{...y,className:s(m,"k-input",lt,{[`${lt}-singleline`]:o==="single",[`${lt}-multiline`]:w,[`k-input-${t}`]:t,"k-hover":S,"k-focus":A,"k-disabled":k}),children:[i&&Wt("div",{className:`${lt}-header`,children:i}),bs("div",{className:`${lt}-content`,children:[a&&Wt("div",{className:`${lt}-affix`,children:a}),o==="single"?Wt(fe,{value:b,placeholder:x,className:`${lt}-input`,type:"text","aria-label":"Prompt input"}):Wt(ga,{value:b,placeholder:x,className:`${lt}-textarea`,rows:o==="multi"\|\|l?3:1,"aria-label":"Prompt input","aria-multiline":"true"}),bs("div",{className:`${lt}-affix`,children:[n,M&&Wt(X,{icon:"paperclip",size:"small",fillMode:"flat",rounded:"full","aria-label":"Attach files",...M}),L!==!1&&Wt(Be,{size:"small",fillMode:"flat",rounded:"full",...L}),Wt(X,{icon:g?"stop":"arrow-up",size:"small",rounded:"full",active:g,disabled:!b&&!g,"aria-label":g?"Stop generating":"Send prompt","aria-live":"polite",...c,className:s({"k-generating":g},c?.className)})]})]}),u]})};be.states=hm;be.options=vm;be.className=lt;be.defaultOptions=xs;be.moduleName=us;be.folderName=Mi;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 Ns,jsx as It,jsxs as Cm}from"react/jsx-runtime";var gm=be.options,Lm=be.states,Mm={...be.defaultOptions,variant:"Single"},Sm=[{name:"Single",title:"Singleline"},{name:"Multi",title:"Multiline"}],km=[{name:"header",title:"Header"},{name:"endAffix",title:"End Affix"},{name:"startAffix",title:"Start Affix"}],ho=e=>{let{variant:t,modifiers:o,...a}=e,n={},i=It(Ns,{children:It(X,{size:"small",icon:"send",fillMode:"flat"})});return Object.keys(o\|\|{}).forEach(l=>{switch(l){case"header":n.header=o?.[l]?It(p,{children:"Button in header"}):void 0;break;case"endAffix":o?.[l]&&(n.endAffix=Cm(Ns,{children:[i,It(X,{icon:"paperclip",size:"small",fillMode:"flat"})]}));break;case"startAffix":n.startAffix=o?.[l]?It(Ns,{children:It(X,{icon:"plus",size:"small",fillMode:"flat"})}):void 0;break;default:break}}),t==="Multi"?It(be,{style:{width:300},lineMode:"multi",endAffix:i,placeholder:"Enter your prompt...",...a,...n}):It(be,{style:{width:300},lineMode:"single",endAffix:i,placeholder:"Enter your prompt...",...a,...n})};ho.options=gm;ho.states=Lm;ho.variants=Sm;ho.defaultOptions=Mm;ho.modifiers=km;ho.className=be.className;var hs="chat",Ei=hs;import{Fragment as Ti,jsx as Jt,jsxs as La}from"react/jsx-runtime";var yi="k-chat",Am=[],Em={},ym=La(Ti,{children:[Jt(X,{icon:"paperclip",fillMode:"clear",rounded:"full",size:"small","aria-label":"Attach file"},"paperclip"),Jt("div",{className:"k-spacer"})]}),Ii={tools:ym},G=e=>{let{header:t,dir:o,suggestedActions:a,files:n,pinned:i,replied:l,generating:m,tools:u=Ii.tools,value:b,empty:x,scrollToBottom:g,scrollbar:c,promptBoxProps:L,...M}=e;return La("div",{...M,className:s(yi,e.className),dir:o,children:[t,La("div",{className:"k-message-list",role:"log","aria-label":"Message list","aria-live":"polite",children:[i,Jt("div",{className:s("k-message-list-content",x&&"k-message-list-content-empty"),children:e.children}),g&&Jt("div",{className:"k-chat-scroll-to-bottom-container",children:Jt(gi,{themeColor:"base",icon:"arrow-down",size:"small"})})]}),c&&Jt("div",{className:"k-separator"}),La("div",{className:"k-message-box-wrapper",children:[a,Jt(be,{lineMode:"multi",placeholder:"Type a message",generating:m,value:b,header:n\|\|l?La(Ti,{children:[l,n]}):void 0,endAffix:u,...L})]})]})};G.states=Am;G.options=Em;G.className=yi;G.defaultOptions=Ii;G.moduleName=hs;G.folderName=Ei;var vs="button",Oi=vs;import{jsx as Bm}from"react/jsx-runtime";var Ma="k-button-group",Im=[r.disabled],Tm={fillMode:[N.undefined,N.solid,N.flat,N.outline,N.clear,N.link]},Om={},T=e=>{let{fillMode:t,disabled:o,stretched:a,...n}=e;return Bm("div",{role:"group",...n,className:s(e.className,Ma,E(Ma,{fillMode:t}),C(Ma,{disabled:o}),{[`${Ma}-stretched`]:a}),...o&&{"aria-disabled":"true"},children:e.children})};T.states=Im;T.options=Tm;T.className=Ma;T.defaultOptions=Om;T.moduleName=vs;T.folderName=Oi;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 gt,jsxs as gs}from"react/jsx-runtime";var Pm={...p.options,...T.options},Km=p.states,Rm={...p.defaultOptions,...T.defaultOptions,variant:"text-button"},_m=[{name:"icon-button",title:"Icon Only"},{name:"text-button",title:"Text"},{name:"icon-text-button",title:"Icon Text"}],wm=[],vo=e=>{let{variant:t,className:o,...a}=e;return t==="icon-button"?gs(T,{fillMode:a.fillMode,className:o,children:[gt(p,{...a,icon:"star"}),gt(p,{...a,icon:"star"}),gt(p,{...a,icon:"star"})]}):t==="icon-text-button"?gs(T,{fillMode:a.fillMode,className:o,children:[gt(p,{...a,icon:"star",children:"First"}),gt(p,{...a,icon:"star",children:"Middle"}),gt(p,{...a,icon:"star",children:"Last"})]}):gs(T,{fillMode:a.fillMode,className:o,children:[gt(p,{...a,children:"First"}),gt(p,{...a,children:"Middle"}),gt(p,{...a,children:"Last"})]})};vo.options=Pm;vo.states=Km;vo.variants=_m;vo.defaultOptions=Rm;vo.modifiers=wm;vo.className=T.className;var Sa="input",an=Sa;import{jsx as Um}from"react/jsx-runtime";var nn="k-input",Dm=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading,r.readonly],Hm={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]},zm={},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 Um("span",{...g,className:s(e.className,nn,E(nn,{size:u,rounded:b,fillMode:x}),C(nn,{hover:t,focus:o,disabled:a,invalid:n,valid:i,loading:l,readonly:m}))})};J.states=Dm;J.options=Hm;J.className=nn;J.defaultOptions=zm;J.moduleName=Sa;J.folderName=an;import{jsx as $m}from"react/jsx-runtime";var sn="k-picker",Fm=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading,r.readonly],Gm={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]},Vm={},pt=e=>{let{hover:t,focus:o,disabled:a,invalid:n,valid:i,loading:l,readonly:m,size:u,rounded:b,fillMode:x,...g}=e;return $m("span",{...g,className:s(e.className,sn,E(sn,{size:u,rounded:b,fillMode:x}),C(sn,{hover:t,focus:o,disabled:a,invalid:n,valid:i,loading:l,readonly:m})),children:e.children})};pt.states=Fm;pt.options=Gm;pt.className=sn;pt.defaultOptions=Vm;pt.moduleName=Sa;pt.folderName=an;import{Fragment as Wm,jsx as Ls}from"react/jsx-runtime";var Bi="k-clear-value",Xm=[r.disabled,r.loading,r.readonly],qm={},Pe=e=>{let{disabled:t,loading:o,readonly:a,value:n}=e;return t\|\|a\|\|o\|\|!n?Ls(Wm,{}):Ls("span",{className:s(e.className,Bi),children:Ls(v,{icon:"x"})})};Pe.states=Xm;Pe.options=qm;Pe.className=Bi;import{jsx as Pi,jsxs as Zm}from"react/jsx-runtime";var Ms="k-input-inner",Jm=[],Ym={},Yt=e=>{let{value:t,placeholder:o,showValue:a,valueIcon:n,valueIconName:i,...l}=e;return Zm("span",{...l,className:s(e.className,Ms,E(Ms,e)),children:[n,!n&&i&&Pi(v,{className:"k-input-value-icon",icon:i}),a&&!t&&o,a&&t&&Pi("span",{className:"k-input-value-text",children:t})]})};Yt.states=Jm;Yt.options=Ym;Yt.className=Ms;import{Fragment as jm,jsx as Ki}from"react/jsx-runtime";var Ri="k-input-loading-icon",Qm=[r.disabled,r.loading],Ee=e=>{let{disabled:t,loading:o}=e;return t\|\|!o?Ki(jm,{}):Ki("span",{className:s(e.className,Ri,"k-icon k-i-loading")})};Ee.states=Qm;Ee.className=Ri;import{Fragment as oc,jsx as _i}from"react/jsx-runtime";var wi="k-input-validation-icon",ec=[r.valid,r.invalid,r.disabled,r.loading],tc={},xe=e=>{let{valid:t,invalid:o,disabled:a,loading:n}=e,i=o?"warning-circle":"check-circle";return a\|\|n\|\|!!!(t\|\|o)?_i(oc,{}):_i(v,{className:s(wi),icon:i})};xe.states=ec;xe.options=tc;xe.className=wi;import{Fragment as sc,jsx as Di}from"react/jsx-runtime";var ac="k-input-prefix",nc={direction:"horizontal"},Ue=e=>{let{direction:t=nc.direction,...o}=e;return e.children?Di("span",{...o,className:s(ac,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):Di(sc,{})};import{Fragment as lc,jsx as Hi}from"react/jsx-runtime";var rc="k-input-suffix",ic={direction:"horizontal"},Fe=e=>{let{direction:t=ic.direction,...o}=e;return e.children?Hi("span",{...o,className:s(rc,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):Hi(lc,{})};import{jsx as xk}from"react/jsx-runtime";import{jsx as dc}from"react/jsx-runtime";var pc="k-input-suffix-text",Ss=e=>{let{children:t,...o}=e;return dc("span",{...o,className:s(pc,e.className),children:t})};import{jsx as cc}from"react/jsx-runtime";var zi="k-input-separator",mc={direction:"vertical"},Ge=e=>{let{direction:t=mc.direction,...o}=e;return cc("span",{...o,className:s(zi,e.className,{[`${zi}-${t}`]:t})})};import{Fragment as Ui,jsx as dt,jsxs as ks}from"react/jsx-runtime";var uc=J.states,fc=J.defaultOptions,bc=J.options,xc=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],Nc=[],go=e=>{let{modifiers:t,valid:o,invalid:a,loading:n,disabled:i,readonly:l,...m}=e,u=t?.prefix,b=t?.suffix,x=t?.["clear-button"],g=t?.["validation-icon"],c=t?.separators;return ks(J,{...m,valid:o,invalid:a,loading:n,disabled:i,readonly:l,style:{width:300},children:[u&&ks(Ui,{children:[dt(Ue,{children:dt(v,{icon:"lock"})}),c&&dt(Ge,{})]}),dt(fe,{placeholder:"Placeholder",value:"Value"}),g&&dt(xe,{valid:o,invalid:a,loading:n,disabled:i}),dt(Ee,{loading:n,disabled:i}),x&&dt(Pe,{loading:n,disabled:i,readonly:l,value:"Value"}),b&&ks(Ui,{children:[c&&dt(Ge,{}),dt(Fe,{children:dt(at,{size:m.size,fillMode:"clear",children:"Send"})})]})]})};go.options=bc;go.states=uc;go.variants=Nc;go.defaultOptions=fc;go.modifiers=xc;go.className=J.className;import{jsx as Fi,jsxs as gc}from"react/jsx-runtime";var Gi="k-color-preview",hc=[],vc={},Tt=e=>{let{color:t,iconName:o,...a}=e;return gc("span",{...a,className:s(e.className,Gi,{"k-icon-color-preview":o,"k-no-color":!t}),children:[o&&Fi(v,{icon:o,className:"k-color-preview-icon"}),Fi("span",{className:"k-color-preview-mask",style:{backgroundColor:t}})]})};Tt.states=hc;Tt.options=vc;Tt.className=Gi;var Cs="popup",Vi=Cs;import{jsx as $i}from"react/jsx-runtime";var Xi="k-animation-container",Lc=[],Mc={},As={positionMode:"absolute",shown:!0},mt=e=>{let{positionMode:t=As.positionMode,shown:o=As.shown,animationStyle:a,offset:n,...i}=e;return $i("div",{...i,style:{...n,...e.style},className:s(e.className,Xi,{"k-animation-container-shown":o,"k-animation-container-fixed":t==="fixed"}),children:$i("div",{className:"k-child-animation-container",style:a,children:e.children})})};mt.states=Lc;mt.options=Mc;mt.className=Xi;mt.defaultOptions=As;mt.moduleName=Cs;mt.folderName=Vi;var Es="popup",qi=Es;import{jsx as Wi}from"react/jsx-runtime";var Ji="k-popup",Sc=[],kc={},Yi={positionMode:"absolute"},q=e=>{let{offset:t,positionMode:o=Yi.positionMode,animationStyle:a,containerClassName:n,containerRole:i,containerAriaLabel:l,...m}=e;return Wi(mt,{positionMode:o,offset:t,animationStyle:a,className:n,role:i,"aria-label":l,children:Wi("div",{...m,className:s(e.className,Ji),children:e.children})})};q.states=Sc;q.options=kc;q.className=Ji;q.defaultOptions=Yi;q.moduleName=Es;q.folderName=qi;var ys="action-buttons",Zi=ys;import{jsx as Ec}from"react/jsx-runtime";var rn="k-actions",Cc=[],Ac={},Is={alignment:"start",orientation:"horizontal"},Ke=e=>{let{alignment:t=Is.alignment,orientation:o=Is.orientation,...a}=e;return Ec("div",{...a,className:s(rn,{[`${rn}-${t}`]:t,[`${rn}-${o}`]:o},e.className),children:e.children})};Ke.states=Cc;Ke.options=Ac;Ke.className=rn;Ke.defaultOptions=Is;Ke.moduleName=ys;Ke.folderName=Zi;var Qi=Ke;import{jsx as Ic}from"react/jsx-runtime";var yc="k-actionsheet-footer",ji={alignment:"stretched",orientation:"horizontal"},Ot=e=>{let{alignment:t=ji.alignment,orientation:o=ji.orientation,template:a,as:n=a?"div":Ke,...i}=e;return Ic(n,{...i,...!a&&{alignment:t,orientation:o},className:s(e.className,yc),children:e.children})};var Ts="searchbox",el=Ts;import{jsx as ka,jsxs as Bc}from"react/jsx-runtime";var tl="k-searchbox",Tc=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading],Oc={size:[d.undefined,d.small,d.medium,d.large],rounded:[f.undefined,f.none,f.small,f.medium,f.large,f.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},ln={showIcon:!0,showClearButton:!0,icon:"search"},Ve=e=>{let{value:t,placeholder:o,size:a,rounded:n,fillMode:i,hover:l,focus:m,valid:u,invalid:b,required:x,loading:g,disabled:c,showIcon:L=ln.showIcon,showClearButton:M=ln.showClearButton,icon:S=ln.icon,"aria-label":A,...k}=e;return Bc(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,tl),children:[L&&ka(v,{className:"k-input-icon",icon:S}),ka(fe,{placeholder:o,value:t,"aria-label":A}),ka(Ee,{...e}),ka(xe,{...e}),M&&ka(Pe,{...e})]})};Ve.states=Tc;Ve.options=Oc;Ve.className=tl;Ve.defaultOptions=ln;Ve.moduleName=Ts;Ve.folderName=el;import{jsx as UC}from"react/jsx-runtime";var Os="textbox",ol=Os;import{Fragment as al,jsx as Bt,jsxs as Bs}from"react/jsx-runtime";var nl="k-textbox",Pc=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading,r.readonly],Kc={size:[d.undefined,d.small,d.medium,d.large],rounded:[f.undefined,f.none,f.small,f.medium,f.large,f.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},pn={showClearButton:!0,showValidationIcon:!0,separators:!0},de=e=>{let{size:t,rounded:o,fillMode:a,separators:n=pn.separators,showClearButton:i=pn.showClearButton,showValidationIcon:l=pn.showValidationIcon,prefix:m,suffix:u,type:b,value:x,placeholder:g,hover:c,focus:L,valid:M,invalid:S,required:A,loading:k,disabled:y,readonly:w,id:se,"aria-label":Ae,"aria-describedby":pe,...ue}=e;return Bs(J,{...ue,size:t,rounded:o,fillMode:a,hover:c,focus:L,valid:M,invalid:S,required:A,loading:k,disabled:y,readonly:w,className:s(e.className,nl),children:[m&&Bs(al,{children:[Bt(Ue,{children:m}),n&&Bt(Ge,{})]}),Bt(fe,{id:se,placeholder:g,value:x,type:b,disabled:y,"aria-label":Ae,"aria-describedby":pe,"aria-invalid":S?"true":void 0}),l&&Bt(xe,{valid:M,invalid:S,loading:k,disabled:y}),Bt(Ee,{loading:k,disabled:y}),i&&Bt(Pe,{loading:k,disabled:y,readonly:w,value:x}),u&&Bs(al,{children:[n&&Bt(Ge,{}),Bt(Fe,{children:u})]})]})};de.states=Pc;de.options=Kc;de.className=nl;de.defaultOptions=pn;de.moduleName=Os;de.folderName=ol;var Ca=de;import{jsx as Rc}from"react/jsx-runtime";var dn=e=>Rc(Ca,{...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 Ps}from"react/jsx-runtime";var _c=de.states,wc=de.defaultOptions,Dc=de.options,Hc=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],zc=[],Lo=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(n=>{switch(n){case"prefix":a.prefix=t?.[n]?Ps(v,{icon:"lock"}):void 0;break;case"suffix":a.suffix=t?.[n]?Ps(at,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":a.showClearButton=t?.[n];break;default:break}}),Ps(dn,{value:"Value",style:{width:300},...o,...a})};Lo.options=Dc;Lo.states=_c;Lo.variants=zc;Lo.defaultOptions=wc;Lo.modifiers=Hc;Lo.className=de.className;import{jsx as Pt,jsxs as Ks}from"react/jsx-runtime";var sl="k-actionsheet-titlebar",Uc={},Ne=e=>{let{title:t,subtitle:o,actionsStart:a,actionsEnd:n,filter:i,input:l,inputValue:m,inputPlaceholder:u,adaptive:b,titleId:x,children:g,...c}=e;return Ks("div",{...c,className:s(e.className,sl),children:[Ks("div",{className:"k-actionsheet-titlebar-group",children:[a&&Pt("div",{className:"k-actionsheet-actions",children:a}),!g&&Ks("div",{className:"k-actionsheet-title",id:x,children:[t&&Pt("div",{className:"k-text-center",children:t}),o&&Pt("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),g&&Pt("div",{className:"k-actionsheet-title",id:x,children:g}),n&&Pt("div",{className:"k-actionsheet-actions",children:n})]}),(l\|\|i)&&Pt("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:l?Pt(de,{value:m,placeholder:u,size:b?"large":"medium","aria-label":t\|\|u\|\|"Input"}):Pt(Ve,{placeholder:"Filter",size:b?"large":"medium","aria-label":"Filter options"})})]})};Ne.className=sl;Ne.defaultOptions=Uc;import{jsx as Rs,jsxs as $c}from"react/jsx-runtime";var _s="k-actionsheet-view",Fc=[],Gc={},Vc={},Mo=e=>{let{adaptive:t,animated:o,children:a,header:n,footer:i,titleId:l,...m}=e,u=n?.type===Ne&&Rs(Ne,{adaptive:t,titleId:l,...n?.props}),b=i?.type===Ot&&Rs(Ot,{...i?.props});return $c("div",{...m,className:s(e.className,_s,{[`${_s}-animated`]:o}),children:[u,Rs("div",{className:"k-actionsheet-content",children:a}),b]})};Mo.states=Fc;Mo.options=Gc;Mo.className=_s;Mo.defaultOptions=Vc;var Aa="action-sheet",mn=Aa;var ws="overlay",rl=ws;import{jsx as Jc}from"react/jsx-runtime";var il="k-overlay",Xc=[],qc={},Wc={},ct=e=>{let{...t}=e;return Jc("div",{...t,className:s(e.className,il),children:e.children})};ct.states=Xc;ct.options=qc;ct.className=il;ct.defaultOptions=Wc;ct.moduleName=ws;ct.folderName=rl;import{jsx as cn,jsxs as Qc}from"react/jsx-runtime";var ll="k-actionsheet",Yc=[],Zc={},Ea={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},Y=e=>{let{side:t=Ea.side,fullscreen:o=Ea.fullscreen,adaptive:a=Ea.adaptive,overlay:n=Ea.overlay,template:i,children:l,header:m,footer:u,id:b,...x}=e,g=b&&!i&&m?`${b}-title`:void 0;return Qc("div",{className:"k-actionsheet-container",children:[n&&cn(ct,{}),cn(mt,{animationStyle:{[`${o===!0?"top":t}`]:0,[`${o===!0?"width":null}`]:"100%",[`${o===!0?"height":null}`]:"100%",[`${t==="top"\|\|t==="bottom"?"width":null}`]:"100%",[`${t==="left"\|\|t==="right"?"height":null}`]:"100%"},children:cn("div",{...x,id:b,role:"dialog","aria-modal":n?"true":void 0,"aria-labelledby":g,className:s(e.className,ll,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":a}),children:i\|\|cn(Mo,{header:m,footer:u,adaptive:a,titleId:g,...e,children:l})})})]})};Y.states=Yc;Y.options=Zc;Y.className=ll;Y.defaultOptions=Ea;Y.moduleName=Aa;Y.folderName=mn;import{jsx as ou}from"react/jsx-runtime";var pl="k-actionsheet-container",jc=[],eu={},tu={},So=e=>{let{children:t,...o}=e;return ou("div",{...o,className:pl,children:t})};So.states=jc;So.options=eu;So.className=pl;So.defaultOptions=tu;So.moduleName=Aa;So.folderName=mn;import{jsx as au}from"react/jsx-runtime";var Ds=e=>{let{...t}=e;return au("div",{...t,className:s(e.className,"k-list-ul"),children:e.children})};import{Fragment as su,jsx as ya,jsxs as Hs}from"react/jsx-runtime";var zs="k-actionsheet-item",nu=[r.hover,r.focus,r.selected,r.disabled],Kt=e=>{let{iconName:t,text:o,description:a,hover:n,focus:i,selected:l,disabled:m,...u}=e;return Hs("span",{...u,className:s(e.className,zs,C(zs,{hover:n,focus:i,selected:l,disabled:m})),children:[!e.children&&ya(su,{children:Hs("span",{className:"k-actionsheet-action",children:[t&&ya("span",{className:"k-icon-wrap",children:ya(v,{className:"k-actionsheet-item-icon",icon:t})}),Hs("span",{className:"k-actionsheet-item-text",children:[o&&ya("span",{className:"k-actionsheet-item-title",children:o}),a&&ya("span",{className:"k-actionsheet-item-description",children:a})]})]})}),e.children]})};Kt.states=nu;Kt.className=zs;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 Us}from"react/jsx-runtime";var ru=Y.options,iu=Y.states,ml={...Y.defaultOptions,variant:"normal"},lu=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],pu=[{name:"actions",title:"Titlebar Actions",type:"boolean"},{name:"subtitle",title:"Subtitle",type:"boolean"},{name:"footer",title:"Footer",type:"boolean"}],ko=e=>{let{variant:t,modifiers:o,...a}={...ml,...e},n={},i=Us(Ds,{children:[re(Kt,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),re(Kt,{text:"Add to Favorites",iconName:"heart"}),re(Kt,{text:"Upload New",iconName:"upload",disabled:!0}),re("hr",{className:"k-hr"}),re(Kt,{text:"Cancel",iconName:"cancel"})]}),l="Choose from the items below",m="Select Item";return t==="fullScreen"&&(n.fullScreen=!0),Object.keys(o\|\|{}).forEach(u=>{switch(u){case"actions":n.actionsStart=!!o?.[u],n.actionsEnd=!!o?.[u];break;case"subtitle":n.subtitle=o?.[u]?l:void 0;break;case"footer":n.footer=!!o?.[u];break;default:break}}),t==="adaptive"?re(Y,{...a,adaptive:!0,fullscreen:n.fullScreen,header:re(Ne,{actionsStart:n.actionsStart?re(p,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:n.actionsEnd?re(p,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:m,subtitle:n.subtitle}),footer:n.footer?Us(Ot,{alignment:"stretched",children:[re(p,{text:"Cancel",size:"large",themeColor:"base"}),re(p,{text:"Apply",size:"large",themeColor:"primary"})]}):void 0,children:i}):re(Y,{...a,fullscreen:n.fullScreen,header:re(Ne,{actionsStart:n.actionsStart?re(p,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:n.actionsEnd?re(p,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:n.subtitle}),footer:n.footer?Us(Ot,{alignment:"stretched",children:[re(p,{text:"Apply",themeColor:"primary"}),re(p,{text:"Cancel",themeColor:"base"})]}):void 0,children:i})};ko.options=ru;ko.states=iu;ko.variants=lu;ko.defaultOptions=ml;ko.modifiers=pu;ko.className=Y.className;var Fs="slider",cl=Fs;import{jsx as Co,jsxs as Gs}from"react/jsx-runtime";var Ia="k-slider",du=[r.hover,r.focus,r.active,r.disabled,r.readonly],mu={},$e={type:"single",orientation:"horizontal",gradientType:"1d",readonly:!1,disabled:!1,handlePosition:"end",showButtons:!0,showTicks:!0,value:50,min:0,max:100},V=e=>{let{type:t=$e.type,orientation:o=$e.orientation,gradientType:a=$e.gradientType,readonly:n=$e.readonly,disabled:i=$e.disabled,handlePosition:l=$e.handlePosition,showButtons:m=$e.showButtons,showTicks:u=$e.showTicks,value:b=$e.value,min:x=$e.min,max:g=$e.max,startValue:c,endValue:L,hover:M,focus:S,active:A,trackStyle:k,dir:y,...w}=e,Ae=(()=>{if(t==="gradient"&&a==="2d")return"undefined";if(o==="vertical")return"vertical"})(),pe,ue;return o==="horizontal"?(pe=y==="rtl"?"chevron-left":"chevron-right",ue=y==="rtl"?"chevron-right":"chevron-left"):o==="vertical"&&(pe="chevron-up",ue="chevron-down"),Gs("div",{...w,className:s(Ia,e.className,C(Ia,{readonly:n,disabled:i}),{[`k-slider-${o}`]:o,"k-colorgradient-slider":t==="gradient"}),dir:y,children:[m&&Co(p,{className:"k-button-decrease",rounded:"full",icon:ue,tabIndex:-1,title:"Decrease"}),Gs("div",{className:"k-slider-track-wrap",children:[u&&Co("ul",{className:"k-reset k-slider-items","aria-hidden":"true",children:e.children}),Gs("div",{className:"k-slider-track",style:k,children:[Co("div",{className:"k-slider-selection"}),t==="range"&&Co("span",{className:s("k-draghandle","k-draghandle-start",C(Ia,{hover:M,focus:S,active:A})),role:"slider",tabIndex:i?void 0:0,"aria-valuenow":c??x,"aria-valuemin":x,"aria-valuemax":L??g,"aria-orientation":Ae,"aria-disabled":i?"true":void 0,"aria-readonly":n?"true":void 0,"aria-label":w["aria-label"]?`${w["aria-label"]} start`:"Range start"}),Co("span",{className:s("k-draghandle",`k-draghandle-${l}`,C(Ia,{hover:M,focus:S,active:A})),role:"slider",tabIndex:i?void 0:0,"aria-valuenow":t==="range"?L??g:b,"aria-valuemin":t==="range"?c??x:x,"aria-valuemax":g,"aria-orientation":Ae,"aria-disabled":i?"true":void 0,"aria-readonly":n?"true":void 0,"aria-label":t==="range"?w["aria-label"]?`${w["aria-label"]} end`:"Range end":w["aria-label"]})]})]}),m&&Co(p,{className:"k-button-increase",rounded:"full",icon:pe,tabIndex:-1,title:"Increase"})]})};V.states=du;V.options=mu;V.className=Ia;V.defaultOptions=$e;V.moduleName=Fs;V.folderName=cl;import{jsx as ul}from"react/jsx-runtime";var fl="k-tick",cu=[],uu={},bl={label:!1},I=e=>{let{style:t,label:o=bl.label,orientation:a,large:n,text:i,...l}=e;return ul("li",{...l,role:"presentation",title:i\|\|"Tick",className:s(e.className,fl,{[`k-tick-${a}`]:a,"k-tick-large":n}),style:t,children:o&&ul("span",{className:"k-label",children:i})})};I.states=cu;I.options=uu;I.className=fl;I.defaultOptions=bl;import{Fragment as fu,jsx as Xe,jsxs as bu}from"react/jsx-runtime";var xl=e=>Xe(V,{"aria-label":e["aria-label"]\|\|"Slider",children:bu(fu,{children:[Xe(I,{className:"k-first",label:!0,large:!0,text:"0"}),Xe(I,{}),Xe(I,{}),Xe(I,{}),Xe(I,{}),Xe(I,{label:!0,large:!0,text:"5"}),Xe(I,{}),Xe(I,{}),Xe(I,{}),Xe(I,{}),Xe(I,{className:"k-last",label:!0,large:!0,text:"10"})]}),...e});import{Fragment as xu,jsx as qe,jsxs as Nu}from"react/jsx-runtime";var Nl=e=>qe(V,{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"})]}),"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 hu}from"react/jsx-runtime";var Vs=e=>hu(V,{type:"gradient",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]\|\|"Color slider"});import{jsx as vu}from"react/jsx-runtime";var $s=e=>vu(V,{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 ut,jsxs as hl}from"react/jsx-runtime";var gu=V.options,Lu=V.states,vl={...V.defaultOptions,variant:"horizontal",label:!0},Mu=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],Su=[{name:"label",title:"Labels",default:!0},{name:"tick",title:"Ticks",default:!0},{name:"button",title:"Side Buttons",default:!0}],Ao=e=>{let{variant:t,modifiers:o,...a}=e,n=vl.label,i={};Object.keys(o\|\|{}).forEach(m=>{switch(m){case"button":{i.showButtons=!!o?.[m];break}case"label":{n=!!o?.[m];break}case"tick":{i.showTicks=!!o?.[m];break}}});let l={"--kendo-slider-start":0,"--kendo-slider-end":60};return t==="vertical"?hl(Nl,{style:{height:"300px",...l},...a,...i,children:[ut(I,{label:n,large:!0,orientation:"vertical",text:"0",style:{position:"absolute",bottom:"0%"}}),ut(I,{label:n,large:!0,orientation:"vertical",text:"2",style:{position:"absolute",bottom:"25%"}}),ut(I,{label:n,large:!0,orientation:"vertical",text:"4",style:{position:"absolute",bottom:"50%"}}),ut(I,{label:n,large:!0,orientation:"vertical",text:"6",style:{position:"absolute",bottom:"75%"}}),ut(I,{label:n,large:!0,orientation:"vertical",text:"8",style:{position:"absolute",bottom:"100%"}})]}):hl(xl,{style:{width:"400px",...l},...a,...i,children:[ut(I,{label:n,large:!0,orientation:"horizontal",text:"0",style:{position:"absolute",left:"0%"}}),ut(I,{label:n,large:!0,orientation:"horizontal",text:"2",style:{position:"absolute",left:"25%"}}),ut(I,{label:n,large:!0,orientation:"horizontal",text:"4",style:{position:"absolute",left:"50%"}}),ut(I,{label:n,large:!0,orientation:"horizontal",text:"6",style:{position:"absolute",left:"75%"}}),ut(I,{label:n,large:!0,orientation:"horizontal",text:"8",style:{position:"absolute",left:"100%"}})]})};Ao.options=gu;Ao.states=Lu;Ao.variants=Mu;Ao.defaultOptions=vl;Ao.modifiers=Su;Ao.className=V.className;import{jsx as gl,jsxs as yu}from"react/jsx-runtime";var Ll="k-spin-button",Au=[],Eu={size:[d.undefined,d.small,d.medium,d.large],fillMode:[N.undefined,N.solid,N.flat,N.outline,N.clear,N.link]},Xs={increaseLabel:"Increase value",decreaseLabel:"Decrease value"},Rt=e=>{let{size:t,fillMode:o,disabled:a,increaseLabel:n=Xs.increaseLabel,decreaseLabel:i=Xs.decreaseLabel,...l}=e;return yu("span",{...l,className:s(Ll,e.className),children:[gl(p,{className:"k-spinner-increase",icon:"chevron-up",size:t,fillMode:o,disabled:a,"aria-label":n}),gl(p,{className:"k-spinner-decrease",icon:"chevron-down",size:t,fillMode:o,disabled:a,"aria-label":i})]})};Rt.states=Au;Rt.options=Eu;Rt.className=Ll;Rt.defaultOptions=Xs;Rt.moduleName=null;Rt.folderName=null;var Ml="numeric-textbox",Sl="numerictextbox";import{Fragment as kl,jsx as Lt,jsxs as qs}from"react/jsx-runtime";var Cl="k-numerictextbox",Iu=[r.hover,r.focus,r.valid,r.invalid,r.loading,r.required,r.disabled,r.readonly],Tu={size:[d.undefined,d.small,d.medium,d.large],rounded:[f.undefined,f.none,f.small,f.medium,f.large,f.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},un={showSpinButton:!0,showClearButton:!0,separators:!0},D=e=>{let{size:t,rounded:o,fillMode:a,separators:n=un.separators,showClearButton:i=un.showClearButton,showSpinButton:l=un.showSpinButton,prefix:m,suffix:u,value:b,placeholder:x,hover:g,focus:c,valid:L,invalid:M,required:S,loading:A,disabled:k,readonly:y,id:w,"aria-label":se,"aria-describedby":Ae,...pe}=e;return qs(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,Cl),children:[m&&qs(kl,{children:[Lt(Ue,{children:m}),n&&Lt(Ge,{})]}),Lt(fe,{id:w,placeholder:x,value:b,role:"spinbutton",disabled:k,"aria-label":se,"aria-describedby":Ae,"aria-invalid":M?"true":void 0}),Lt(xe,{valid:L,invalid:M,loading:A,disabled:k}),Lt(Ee,{loading:A,disabled:k}),i&&Lt(Pe,{loading:A,disabled:k,readonly:y,value:b}),u&&qs(kl,{children:[n&&Lt(Ge,{}),Lt(Fe,{children:u})]}),l&&Lt(Rt,{className:"k-input-spinner",size:t,fillMode:a,disabled:k})]})};D.states=Iu;D.options=Tu;D.className=Cl;D.defaultOptions=un;D.moduleName=Ml;D.folderName=Sl;var Ta=D;import{jsx as Ou}from"react/jsx-runtime";var Al=e=>Ou(Ta,{...e});import Js from"react";import{jsx as El}from"react/jsx-runtime";var Bu="k-list-group-sticky-header",Ws=e=>El("div",{className:s(Bu,e.className),children:El("div",{className:"k-list-header-text",children:e.children})});import{jsx as Ku}from"react/jsx-runtime";var Pu="k-no-data",fn=e=>{let{live:t,...o}=e;return Ku("span",{...o,className:s(Pu,e.className),"aria-live":t?"polite":void 0,children:e.children})};var Zt="list",Eo=Zt;import{jsx as yl,jsxs as Il}from"react/jsx-runtime";var Ys="k-list",Ru=[],_u={size:[d.undefined,d.small,d.medium,d.large]},wu={},R=e=>{let{size:t,virtualization:o,children:a,header:n,selectAll:i,optionLabel:l,customValue:m,noData:u,screenReaders:b,...x}=e,c=Js.Children.toArray(a)[0],L=c?.props?.children?Js.Children.count(c.props.children):Js.Children.count(a);return Il("div",{...x,className:s(e.className,Ys,E(Ys,{size:t}),{"k-virtual-list":o}),children:[l,i,m,n&&yl(Ws,{children:n}),a\|\|(u!==void 0?u:yl(fn,{live:!0,children:"No data found."})),b&&a&&Il(fn,{className:"k-sr-only",live:!0,children:[L," items found."]})]})};R.states=Ru;R.options=_u;R.className=Ys;R.defaultOptions=wu;R.moduleName=Zt;R.folderName=Eo;import{jsx as Uu}from"react/jsx-runtime";var Tl="k-list-container",Du=[],Hu={},zu={},yo=e=>{let{...t}=e;return Uu("div",{...t,className:s(e.className,Tl),children:e.children})};yo.states=Du;yo.options=Hu;yo.className=Tl;yo.defaultOptions=zu;yo.moduleName=Zt;yo.folderName=Eo;var Qt="checkbox",Io=Qt;import{jsx as Ol}from"react/jsx-runtime";var bn="k-checkbox",Fu=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.checked,r.indeterminate],Gu={size:[d.undefined,d.small,d.medium,d.large],rounded:[f.undefined,f.none,f.small,f.medium,f.large,f.full]},Vu={},Re=e=>{let{id:t,checked:o,indeterminate:a,hover:n,focus:i,disabled:l,invalid:m,valid:u,required:b,size:x,rounded:g,wrapperRole:c,...L}=e;return Ol("span",{className:"k-checkbox-wrap",role:c,children:Ol("input",{...L,id:t,type:"checkbox",defaultChecked:o,required:b,disabled:l\|\|void 0,"aria-invalid":m?"true":void 0,className:s(e.className,bn,E(bn,{size:x,rounded:g}),C(bn,{hover:n,focus:i,disabled:l,invalid:m,valid:u,indeterminate:a,checked:o}))})})};Re.states=Fu;Re.options=Gu;Re.className=bn;Re.defaultOptions=Vu;Re.moduleName=Qt;Re.folderName=Io;var nt=Re;import{jsx as qu}from"react/jsx-runtime";var Bl="k-checkbox-list",$u=[],Xu={},Pl={layout:"vertical"},he=e=>{let{layout:t=Pl.layout,...o}=e;return qu("ul",{...o,className:s(e.className,Bl,{[`k-list-${t}`]:t}),children:e.children})};he.states=$u;he.options=Xu;he.className=Bl;he.defaultOptions=Pl;he.moduleName=Qt;he.folderName=Io;import{jsx as Zu}from"react/jsx-runtime";var Kl="k-checkbox-list-item",Wu=[],Ju={},Yu={},ve=e=>{let{...t}=e;return Zu("li",{...t,className:s(e.className,Kl),children:e.children})};ve.states=Wu;ve.options=Ju;ve.className=Kl;ve.defaultOptions=Yu;ve.moduleName=Qt;ve.folderName=Io;import{Fragment as Qu,jsx as Rl,jsxs as ju}from"react/jsx-runtime";var Mt=({children:e="Label",id:t="cb-label-after",...o})=>ju(Qu,{children:[Rl(nt,{id:t,...o}),Rl("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 We,jsxs as _l}from"react/jsx-runtime";var ef=he.options,tf=he.states,of={...he.defaultOptions,variant:"vertical"},af=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],nf=[],To=e=>{let{variant:t,...o}=e;return t==="horizontal"?_l(he,{layout:"horizontal",...o,children:[We(ve,{children:We(Mt,{id:B("cb"),defaultChecked:!0,children:"Label"})}),We(ve,{children:We(Mt,{id:B("cb"),children:"Label"})}),We(ve,{children:We(Mt,{id:B("cb"),children:"Label"})})]}):_l(he,{...o,children:[We(ve,{children:We(Mt,{id:B("cb"),defaultChecked:!0,children:"Label"})}),We(ve,{children:We(Mt,{id:B("cb"),children:"Label"})}),We(ve,{children:We(Mt,{id:B("cb"),children:"Label"})})]})};To.options=ef;To.states=tf;To.variants=af;To.defaultOptions=of;To.modifiers=nf;To.className=he.className;import{jsx as mf}from"react/jsx-runtime";var sf=nt.options,rf=nt.states,lf=nt.defaultOptions,pf=[],df=[],Oo=e=>mf(Mt,{id:B("checkbox"),...e,defaultChecked:!0,children:"Label"});Oo.options=sf;Oo.states=rf;Oo.variants=pf;Oo.defaultOptions=lf;Oo.modifiers=df;Oo.className=nt.className;import{jsx as Bo,jsxs as bf}from"react/jsx-runtime";var Zs="k-list-item",cf=[r.hover,r.focus,r.selected,r.disabled],uf={},ff={},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 bf("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,Zs,C(Zs,{hover:l,focus:m,disabled:b,selected:u})),children:[n&&Bo(Re,{checked:i,disabled:b,"aria-label":S,tabIndex:-1}),o&&Bo("span",{className:"k-list-item-icon-wrapper",children:Bo(v,{icon:o,className:s("k-list-item-icon",a)})}),Bo("span",{className:"k-list-item-text",children:M}),x&&Bo("div",{className:"k-list-item-actions",children:x}),g&&Bo("span",{className:"k-list-item-description",children:g})]})};O.states=cf;O.options=uf;O.className=Zs;O.defaultOptions=ff;O.moduleName=Zt;O.folderName=Eo;import{jsx as Nf}from"react/jsx-runtime";var xf="k-list-ul",_t=e=>{let{children:t,role:o,id:a,...n}=e;return Nf("ul",{...n,id:a,role:o,className:s(xf,e.className),children:t})};import{jsx as Qs,jsxs as vf}from"react/jsx-runtime";var hf="k-list-content",z=e=>{let{virtualization:t,grouping:o,"aria-label":a,"aria-labelledby":n,listboxId:i,...l}=e;return vf("div",{...l,className:s(hf,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:Qs(_t,{role:"listbox",id:i,"aria-label":a,"aria-labelledby":n,children:e.children}),t&&Qs("div",{className:"k-height-container",children:Qs("div",{})})]})};import{jsx as js,jsxs as Sf}from"react/jsx-runtime";var xn="k-list-sticky-header",gf=[r.hover,r.focus,r.selected],Lf={},Mf={},Nn=e=>{let{label:t="Select all",showCheckbox:o=!0,checked:a,indeterminate:n,hover:i,focus:l,selected:m,...u}=e;return js("div",{...u,className:s(xn,e.className),children:Sf("div",{className:s(`${xn}-item`,C(`${xn}-item`,{hover:i,focus:l,selected:m})),"aria-label":t,...!o&&{tabIndex:0,"aria-selected":m?"true":"false"},children:[o&&js(Re,{checked:a,indeterminate:n,"aria-label":t}),js("span",{className:"k-list-item-text",children:t})]})})};Nn.states=gf;Nn.options=Lf;Nn.className=xn;Nn.defaultOptions=Mf;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 Ef}from"react/jsx-runtime";var er="k-list-optionlabel",kf=[r.hover,r.focus,r.selected,r.disabled],Cf={},Af={},hn=e=>{let{text:t,hover:o,focus:a,selected:n,disabled:i,...l}=e;return Ef("div",{...l,className:s(er,C(er,{hover:o,focus:a,selected:n,disabled:i})),children:t})};hn.states=kf;hn.options=Cf;hn.className=er;hn.defaultOptions=Af;import{jsx as Of}from"react/jsx-runtime";var tr="k-list-custom-value",yf=[r.hover,r.focus,r.selected,r.disabled],If={},Tf={},wt=e=>{let{text:t,hover:o,focus:a,selected:n,disabled:i,...l}=e;return Of("div",{...l,className:s(tr,C(tr,{hover:o,focus:a,selected:n,disabled:i})),children:t})};wt.states=yf;wt.options=If;wt.className=tr;wt.defaultOptions=Tf;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 wl="dropdown-list",Dl="dropdownlist";import{Fragment as Kf,jsx as ge,jsxs as or}from"react/jsx-runtime";var Hl="k-dropdownlist",Bf=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading,r.readonly],Pf={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]},ar={showValue:!0,arrowIconName:"chevron-down"},ne=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:n=ar.arrowIconName,showValue:i=ar.showValue,valueIconName:l,prefix:m,suffix:u,value:b,placeholder:x,hover:g,focus:c,valid:L,invalid:M,required:S,loading:A,disabled:k,readonly:y,popup:w,opened:se,adaptive:Ae,adaptiveSettings:pe,adaptiveTitle:ue,adaptiveSubtitle:ua,adaptiveFilter:Xt,id:qt,activeDescendant:fa,"aria-label":Zn,...Qn}=e,jn=qt?`${qt}-listbox`:void 0,ri=qt?`${qt}-value`:void 0;return or(Kf,{children:[or(pt,{...Qn,id:qt,size:t,rounded:o,fillMode:a,hover:g,focus:c,valid:L,invalid:M,required:S,loading:A,disabled:k,readonly:y,className:s(e.className,Hl,{"k-icon-picker":!i&&l}),role:"combobox","aria-haspopup":"listbox","aria-expanded":se?"true":"false","aria-controls":se?jn:void 0,"aria-activedescendant":se&&fa?fa:void 0,"aria-describedby":se?ri:void 0,"aria-disabled":k?"true":void 0,"aria-label":Zn,tabIndex:0,children:[ge(Ue,{children:m}),ge(Yt,{placeholder:x,value:b,showValue:i,valueIconName:l,id:ri}),ge(xe,{valid:L,invalid:M,loading:A,disabled:k}),ge(Ee,{loading:A,disabled:k}),ge(Fe,{children:u}),ge(p,{className:"k-input-button",icon:n,size:e.size,fillMode:e.fillMode,"aria-label":x\|\|"Toggle dropdown",tabIndex:-1})]}),se&&w&&ge(q,{className:"k-list-container k-dropdownlist-popup",containerRole:"region",containerAriaLabel:"Dropdown suggestions",children:w}),Ae&&ge(Y,{adaptive:!0,...pe,header:ge(Ne,{actionsEnd:ge(p,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),filter:Xt,inputValue:b,inputPlaceholder:x,title:ue,subtitle:ua}),children:ge("div",{className:"k-list-container",children:ge(R,{size:"large",children:or(z,{"aria-label":"Options",children:[ge(O,{text:"List item"}),ge(O,{text:"List item"}),ge(O,{text:"List item"})]})})})})]})};ne.states=Bf;ne.options=Pf;ne.className=Hl;ne.defaultOptions=ar;ne.moduleName=wl;ne.folderName=Dl;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 zf,jsx as Dt,jsxs as zl}from"react/jsx-runtime";var Rf=ne.states,_f=ne.defaultOptions,wf=ne.options,Df=[{name:"opened",title:"Opened"}],Hf=[],Ko=e=>{let{modifiers:t,...o}=e,a={},n=zl(zf,{children:[Dt("div",{className:"k-list-filter",children:Dt(Ve,{})}),Dt(R,{style:{width:300},size:o.size,children:zl(z,{children:[Dt(O,{children:"List item"}),Dt(O,{children:"List item"}),Dt(O,{children:"List item"})]})})]});return Object.keys(t\|\|{}).forEach(i=>{i==="opened"&&(a.opened=!!t?.[i],a.popup=t?.[i]?n:void 0)}),Dt("div",{children:Dt(ne,{placeholder:"Value",style:{width:300},...o,...a})})};Ko.options=wf;Ko.states=Rf;Ko.variants=Hf;Ko.defaultOptions=_f;Ko.modifiers=Df;Ko.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 nr}from"react/jsx-runtime";var Uf=D.states,Ff=D.defaultOptions,Gf=D.options,Vf=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"spin-button",title:"`Spin` Button"}],$f=[],Ro=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(n=>{switch(n){case"prefix":a.prefix=t?.[n]?nr(ne,{size:o.size,fillMode:"flat",value:"mm"}):void 0;break;case"suffix":a.suffix=t?.[n]?nr(Ss,{children:"mm"}):void 0;break;case"clear-button":a.showClearButton=t?.[n];break;case"spin-button":a.showSpinButton=t?.[n];break;default:break}}),nr(Al,{value:"Value",style:{width:300},...o,...a})};Ro.options=Gf;Ro.states=Uf;Ro.variants=$f;Ro.defaultOptions=Ff;Ro.modifiers=Vf;Ro.className=D.className;import{Fragment as Ba,jsx as P,jsxs as Z}from"react/jsx-runtime";var Ul="k-colorgradient-inputs",Xf=[],qf={size:[d.undefined,d.small,d.medium,d.large]},Fl={mode:"rgba"},_o=e=>{let{mode:t=Fl.mode,size:o,...a}=e;return Z("div",{...a,className:s(Ul,"k-hstack"),children:[P("div",{className:"k-vstack",children:P(p,{fillMode:"flat",icon:"caret-alt-expand",className:"k-colorgradient-toggle-mode",size:o,"aria-label":"Toggle color input format"})}),t==="rgba"&&Z(Ba,{children:[Z("div",{className:"k-vstack",children:[P(D,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Red channel"}),P("label",{className:"k-colorgradient-input-label",children:"R"})]}),Z("div",{className:"k-vstack",children:[P(D,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Green channel"}),P("label",{className:"k-colorgradient-input-label",children:"G"})]}),Z("div",{className:"k-vstack",children:[P(D,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Blue channel"}),P("label",{className:"k-colorgradient-input-label",children:"B"})]}),Z("div",{className:"k-vstack",children:[P(D,{showSpinButton:!1,showClearButton:!1,value:"1.00",size:o,"aria-label":"Alpha channel"}),P("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="rgb"&&Z(Ba,{children:[Z("div",{className:"k-vstack",children:[P(D,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Red channel"}),P("label",{className:"k-colorgradient-input-label",children:"R"})]}),Z("div",{className:"k-vstack",children:[P(D,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Green channel"}),P("label",{className:"k-colorgradient-input-label",children:"G"})]}),Z("div",{className:"k-vstack",children:[P(D,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Blue channel"}),P("label",{className:"k-colorgradient-input-label",children:"B"})]})]}),t==="hsva"&&Z(Ba,{children:[Z("div",{className:"k-vstack",children:[P(D,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),P("label",{className:"k-colorgradient-input-label",children:"H"})]}),Z("div",{className:"k-vstack",children:[P(D,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),P("label",{className:"k-colorgradient-input-label",children:"S"})]}),Z("div",{className:"k-vstack",children:[P(D,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),P("label",{className:"k-colorgradient-input-label",children:"V"})]}),Z("div",{className:"k-vstack",children:[P(D,{showSpinButton:!1,showClearButton:!1,value:"1.00","aria-label":"Alpha channel"}),P("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="hsv"&&Z(Ba,{children:[Z("div",{className:"k-vstack",children:[P(D,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),P("label",{className:"k-colorgradient-input-label",children:"H"})]}),Z("div",{className:"k-vstack",children:[P(D,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),P("label",{className:"k-colorgradient-input-label",children:"S"})]}),Z("div",{className:"k-vstack",children:[P(D,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),P("label",{className:"k-colorgradient-input-label",children:"V"})]})]}),t==="hex"&&P(Ba,{children:Z("div",{className:"k-vstack k-flex-1",children:[P(de,{showClearButton:!1,value:"#b88484AA",className:"k-hex-value"}),P("label",{className:"k-colorgradient-input-label",children:"HEX"})]})})]})};_o.states=Xf;_o.options=qf;_o.className=Ul;_o.defaultOptions=Fl;import{jsx as jt,jsxs as eo}from"react/jsx-runtime";var Gl="k-colorgradient-color-contrast",Wf=[],Jf={},Yf={},wo=()=>eo("div",{className:s(Gl,"k-vbox"),children:[eo("div",{className:"k-contrast-ratio",children:[jt("span",{className:"k-contrast-ratio-text",children:"Contrast ratio: 7.1"}),eo("span",{className:"k-contrast-validation !k-text-success",children:[jt(v,{icon:"check"}),jt(v,{icon:"check"})]})]}),eo("div",{children:[jt("span",{children:"AA: 4.5"}),eo("span",{className:"k-contrast-validation !k-text-success",children:["Pass",jt(v,{icon:"check"})]})]}),eo("div",{children:[jt("span",{children:"AAA: 7.0"}),eo("span",{className:"k-contrast-validation !k-text-error",children:["Fail",jt(v,{icon:"x"})]})]})]});wo.states=Wf;wo.options=Jf;wo.className=Gl;wo.defaultOptions=Yf;var Vl="color-gradient",$l="colorgradient";import{jsx as Je,jsxs as Pa}from"react/jsx-runtime";var vn="k-colorgradient",Zf=[r.hover,r.focus,r.readonly,r.disabled],Qf={size:[d.undefined,d.small,d.medium,d.large]},ft={mode:"rgba",readonly:!1,disabled:!1,contrast:!1,gradientStyle:{background:"rgb(255, 0, 0 )"},dragHandleStyle:{top:"50px",left:"73px"},alphaStyle:{background:"linear-gradient(to top, transparent, rgb(255, 0, 0))"},alphaStyleHorizontal:{background:"linear-gradient(to right, transparent, rgb(255, 0, 0))"},canvasOrientation:"horizontal"},ie=e=>{let{size:t,mode:o=ft.mode,readonly:a=ft.readonly,disabled:n=ft.disabled,gradientStyle:i=ft.gradientStyle,dragHandleStyle:l=ft.dragHandleStyle,alphaStyle:m=ft.alphaStyle,alphaStyleHorizontal:u=ft.alphaStyleHorizontal,contrast:b=ft.contrast,dir:x,hover:g,focus:c,hoverHandle:L,focusHandle:M,canvasOrientation:S=ft.canvasOrientation,role:A,tabIndex:k,...y}=e;return Pa("div",{...y,role:A??"textbox","aria-label":A==="none"?void 0:"Color gradient",tabIndex:k??0,"aria-disabled":n?"true":void 0,className:s(e.className,vn,E(vn,{size:t}),C(vn,{hover:g,focus:c,readonly:a,disabled:n})),dir:x,children:[!S\|\|S==="horizontal"&&Pa("div",{className:"k-colorgradient-canvas k-hstack",children:[Je("div",{className:"k-hsv-rectangle",style:i,children:Je("div",{className:"k-hsv-gradient",children:Je("div",{className:s("k-hsv-draghandle","k-draghandle",{"k-hover":L,"k-focus":M}),style:l,role:"slider","aria-orientation":"undefined","aria-label":"Color well with two-dimensional slider for selecting saturation and lightness","aria-valuetext":"X: 73, Y: 50","aria-valuenow":50,"aria-valuemin":0,"aria-valuemax":100})})}),Pa("div",{className:"k-hsv-controls k-hstack",children:[Je($s,{className:"k-hue-slider",hover:L,focus:M}),o!=="rgb"&&o!=="hsv"&&Je($s,{className:"k-alpha-slider",hover:L,focus:M,trackStyle:m})]})]}),S==="vertical"&&Pa("div",{className:"k-colorgradient-canvas k-vstack",children:[Je("div",{className:"k-hsv-rectangle",style:i,children:Je("div",{className:"k-hsv-gradient",children:Je("div",{className:s("k-hsv-draghandle","k-draghandle",{"k-hover":L,"k-focus":M}),style:l,role:"slider","aria-orientation":"undefined","aria-label":"Color well with two-dimensional slider for selecting saturation and lightness","aria-valuetext":"X: 73, Y: 50","aria-valuenow":50,"aria-valuemin":0,"aria-valuemax":100})})}),Pa("div",{className:"k-hsv-controls k-vstack",children:[Je(Vs,{className:"k-hue-slider",hover:L,focus:M}),o!=="rgb"&&o!=="hsv"&&Je(Vs,{className:"k-alpha-slider",hover:L,focus:M,trackStyle:u})]})]}),Je(_o,{mode:e.mode,size:t}),b&&Je(wo,{})]})};ie.states=Zf;ie.options=Qf;ie.className=vn;ie.defaultOptions=ft;ie.moduleName=Vl;ie.folderName=$l;import{jsx as jf}from"react/jsx-runtime";var gn=e=>jf(ie,{...e});import{jsx as gR}from"react/jsx-runtime";import{jsx as kR}from"react/jsx-runtime";import{jsx as sr}from"react/jsx-runtime";var eb=ie.options,tb=ie.states,ob={...ie.defaultOptions,variant:"rgba"},ab=[{name:"rgba",title:"RGBA"},{name:"rgb",title:"RGB"},{name:"hex",title:"HEX"}],nb=[],Do=e=>{let{variant:t,...o}=e;switch(t){case"hex":return sr(gn,{...o,mode:t});case"rgb":return sr(gn,{...o,mode:t});default:return sr(gn,{...o,mode:t})}};Do.options=eb;Do.states=tb;Do.variants=ab;Do.defaultOptions=ob;Do.modifiers=nb;Do.className=ie.className;import{jsx as sb}from"react/jsx-runtime";var rr=e=>sb("tr",{role:"row",children:e.children});import{jsx as lb}from"react/jsx-runtime";var ir="k-colorpalette-tile",rb=[r.hover,r.focus,r.selected],ib={},Ht=e=>{let{color:t,tileSize:o,hover:a,focus:n,selected:i,...l}=e,m={backgroundColor:t,width:o?o+"px":"",height:o?o+"px":""};return lb("td",{...l,role:"gridcell","aria-label":t,"aria-selected":i?"true":void 0,className:s(e.className,ir,C(ir,{hover:a,focus:n,selected:i})),style:m})};Ht.states=rb;Ht.options=ib;Ht.className=ir;Ht.moduleName=null;Ht.folderName=null;var Xl="color-palette",ql="colorpalette";import{jsx as Ka}from"react/jsx-runtime";var Ln="k-colorpalette",pb=[r.disabled],db={size:[d.undefined,d.small,d.medium,d.large]},Wl={columns:10},ye=e=>{let{size:t,palette:o,columns:a=Wl.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(Ka(Ht,{color:M,tileSize:n},S))});let L=Ka(rr,{children:c},g);m.push(L)})}return Ka("div",{...l,role:"grid","aria-label":"Color palette",tabIndex:0,"aria-disabled":i?"true":void 0,className:s(e.className,Ln,C(Ln,{disabled:i}),E(Ln,{size:t})),children:Ka("table",{className:"k-colorpalette-table",role:"none",children:Ka("tbody",{children:m.length>0?m:e.children})})})};ye.states=pb;ye.options=db;ye.className=Ln;ye.defaultOptions=Wl;ye.moduleName=Xl;ye.folderName=ql;var Mn=ye;var Ra={basic:{colors:["#000000","#7f7f7f","#880015","#ed1c24","#ff7f27","#fff200","#22b14c","#00a2e8","#3f48cc","#a349a4","#ffffff","#c3c3c3","#b97a57","#ffaec9","#ffc90e","#efe4b0","#b5e61d","#99d9ea","#7092be","#c8bfe7"],columns:10},office:{colors:["#ffffff","#000000","#e6e6e6","#435569","#4371c4","#ed7e32","#a5a4a5","#febf04","#5a9bd5","#71ae48","#f2f2f3","#7f7f7f","#d1cece","#d5dde3","#dae1f4","#fce5d4","#deeded","#fff2cc","#deeaf6","#e1efd9","#d7d8d8","#585959","#aeabab","#adbaca","#b4c5e7","#f6caac","#dbdbdb","#ffe498","#bcd6ee","#c5e0b2","#bfbfc0","#3f3f3f","#767070","#8595b1","#8fabdb","#f5b183","#c9c8c9","#fed965","#9bc4e5","#a8d08d","#a5a5a6","#262625","#393939","#334050","#2e5496","#c45a11","#7b7b7a","#bf9000","#2f75b5","#548235","#7f7f7f","#0b0c0c","#161616","#222a34","#203764","#843d0b","#525252","#7f6000","#1d4d79","#375623"],columns:10},apex:{colors:["#ffffff","#000000","#c9c2d1","#69676d","#ceb966","#9cb084","#6bb1c9","#6585cf","#7e6bc9","#a379bb","#f2f2f2","#7f7f7f","#f4f2f5","#e0e0e2","#f5f1e0","#ebefe6","#e1eff4","#e0e6f5","#e5e1f4","#ece4f1","#d8d8d8","#595959","#e9e6ec","#c2c1c5","#ebe3c1","#d7dfcd","#c3dfe9","#c1ceeb","#cbc3e9","#dac9e3","#bfbfbf","#3f3f3f","#dedae3","#a4a3a8","#e1d5a3","#c3cfb5","#a6d0de","#a2b5e2","#b1a6de","#c7aed6","#a5a5a5","#262626","#9688a5","#4e4d51","#ae9638","#758c5a","#3d8da9","#365bb0","#533da9","#7d4d99","#7f7f7f","#0c0c0c","#635672","#343336","#746425","#4e5d3c","#295e70","#243c75","#372970","#533366"],columns:10},austin:{colors:["#ffffff","#000000","#caf278","#3e3d2d","#94c600","#71685a","#ff6700","#909465","#956b43","#fea022","#f2f2f2","#7f7f7f","#f4fce4","#dddcd0","#efffc0","#e3e1dc","#ffe0cb","#e8e9df","#ece1d6","#feecd2","#d8d8d8","#595959","#e9f9c9","#bbb9a1","#dfff82","#c8c3ba","#ffc299","#d2d4c0","#dac3ad","#fed9a6","#bfbfbf","#3f3f3f","#dff7ae","#ada598","#cfff43","#ada598","#ffa365","#bcbfa1","#c8a585","#fec67a","#a5a5a5","#262626","#a9ea25","#2e2d21","#6f9400","#544e43","#bf4d00","#6c6f4b","#6f5032","#d77b00","#7f7f7f","#0c0c0c","#74a50f","#1f1e16","#4a6300","#38342d","#7f3300","#484a32","#4a3521","#8f5200"],columns:10},clarity:{colors:["#ffffff","#292934","#f3f2dc","#d2533c","#93a299","#ad8f67","#726056","#4c5a6a","#808da0","#79463d","#f2f2f2","#e7e7ec","#e7e5b9","#f6dcd8","#e9ecea","#eee8e0","#e4dedb","#d8dde3","#e5e8ec","#e9d6d3","#d8d8d8","#c4c4d1","#d5d185","#edbab1","#d3d9d6","#ded2c2","#c9beb8","#b2bcc8","#ccd1d9","#d3aea7","#bfbfbf","#8a8aa3","#aca73b","#e4978a","#bec7c1","#cdbba3","#af9e94","#8c9bac","#b2bac6","#bd857c","#a5a5a5","#56566e","#56531d","#a43925","#6b7c72","#866b48","#554840","#39434f","#5c697b","#5a342d","#7f7f7f","#3b3b4b","#22210b","#6d2619","#47534c","#594730","#39302b","#262d35","#3d4652","#3c231e"],columns:10},slipstream:{colors:["#ffffff","#000000","#b4dcfa","#212745","#4e67c8","#5eccf3","#a7ea52","#5dceaf","#ff8021","#f14124","#f2f2f2","#7f7f7f","#8bc9f7","#c7cce4","#dbe0f4","#def4fc","#edfadc","#def5ef","#ffe5d2","#fcd9d3","#d8d8d8","#595959","#4facf3","#909aca","#b8c2e9","#beeafa","#dbf6b9","#beebdf","#ffcca6","#f9b3a7","#bfbfbf","#3f3f3f","#0d78c9","#5967af","#94a3de","#9ee0f7","#caf297","#9de1cf","#ffb279","#f68d7b","#a5a5a5","#262626","#063c64","#181d33","#31479f","#11b2eb","#81d319","#34ac8b","#d85c00","#c3260c","#7f7f7f","#0c0c0c","#021828","#101322","#202f6a","#0b769c","#568c11","#22725c","#903d00","#821908"],columns:10},metro:{colors:["#ffffff","#000000","#d6ecff","#4e5b6f","#7fd13b","#ea157a","#feb80a","#00addc","#738ac8","#1ab39f","#f2f2f2","#7f7f7f","#a7d6ff","#d9dde4","#e5f5d7","#fad0e4","#fef0cd","#c5f2ff","#e2e7f4","#c9f7f1","#d8d8d8","#595959","#60b5ff","#b3bcca","#cbecb0","#f6a1c9","#fee29c","#8be6ff","#c7d0e9","#94efe3","#bfbfbf","#3f3f3f","#007dea","#8d9baf","#b2e389","#f272af","#fed46b","#51d9ff","#aab8de","#5fe7d5","#a5a5a5","#262626","#003e75","#3a4453","#5ea226","#af0f5b","#c58c00","#0081a5","#425ea9","#138677","#7f7f7f","#0c0c0c","#00192e","#272d37","#3f6c19","#750a3d","#835d00","#00566e","#2c3f71","#0c594f"],columns:10},flow:{colors:["#ffffff","#000000","#dbf5f9","#04617b","#0f6fc6","#009dd9","#0bd0d9","#10cf9b","#7cca62","#a5c249","#f2f2f2","#7f7f7f","#b2e9f2","#b4ecfc","#c7e2fa","#c4eeff","#c9fafc","#c9faed","#e4f4df","#edf2da","#d8d8d8","#595959","#76d9e8","#6adafa","#90c6f6","#89deff","#93f5f9","#94f6db","#cae9c0","#dbe6b6","#bfbfbf","#3f3f3f","#21b2c8","#20c8f7","#59a9f2","#4fceff","#5df0f6","#5ff2ca","#b0dfa0","#c9da91","#a5a5a5","#262626","#105964","#02485c","#0b5394","#0075a2","#089ca2","#0b9b74","#54a838","#7e9532","#7f7f7f","#0c0c0c","#062328","#01303d","#073763","#004e6c","#05686c","#07674d","#387025","#546321"],columns:10},hardcover:{colors:["#ffffff","#000000","#ece9c6","#895d1d","#873624","#d6862d","#d0be40","#877f6c","#972109","#aeb795","#f2f2f2","#7f7f7f","#e1dca5","#f2e0c6","#f0d0c9","#f6e6d5","#f5f2d8","#e7e5e1","#fbc7bc","#eef0e9","#d8d8d8","#595959","#d0c974","#e6c28d","#e2a293","#eeceaa","#ece5b2","#cfccc3","#f78f7a","#dee2d4","#bfbfbf","#3f3f3f","#a29a36","#daa454","#d4735e","#e6b681","#e2d88c","#b7b2a5","#f35838","#ced3bf","#a5a5a5","#262626","#514d1b","#664515","#65281a","#a2641f","#a39428","#655f50","#711806","#879464","#7f7f7f","#0c0c0c","#201e0a","#442e0e","#431b11","#6c4315","#6d621a","#433f35","#4b1004","#5a6243"],columns:10},trek:{colors:["#ffffff","#000000","#fbeec9","#4e3b30","#f0a22e","#a5644e","#b58b80","#c3986d","#a19574","#c17529","#f2f2f2","#7f7f7f","#f7e09e","#e1d6cf","#fcecd5","#eddfda","#f0e7e5","#f3eae1","#ece9e3","#f5e3d1","#d8d8d8","#595959","#f3cc5f","#c4ad9f","#f9d9ab","#dcc0b6","#e1d0cc","#e7d5c4","#d9d4c7","#ebc7a3","#bfbfbf","#3f3f3f","#d29f0f","#a78470","#f6c781","#cba092","#d2b9b2","#dbc1a7","#c6bfab","#e1ac76","#a5a5a5","#262626","#694f07","#3a2c24","#c87d0e","#7b4b3a","#926255","#a17242","#7b7153","#90571e","#7f7f7f","#0c0c0c","#2a1f03","#271d18","#855309","#523226","#614138","#6b4c2c","#524b37","#603a14"],columns:10},verve:{colors:["#ffffff","#000000","#d2d2d2","#666666","#ff388c","#e40059","#9c007f","#68007f","#005bd3","#00349e","#f2f2f2","#7f7f7f","#bdbdbd","#e0e0e0","#ffd7e8","#ffc6dc","#ffb8f1","#f1b2ff","#c3dcff","#b8cfff","#d8d8d8","#595959","#9d9d9d","#c1c1c1","#ffafd1","#ff8eba","#ff71e4","#e365ff","#87baff","#72a0ff","#bfbfbf","#3f3f3f","#696969","#a3a3a3","#ff87ba","#ff5597","#ff2ad7","#d519ff","#4b98ff","#2b71ff","#a5a5a5","#262626","#343434","#4c4c4c","#e90062","#ab0042","#75005f","#4e005f","#00449e","#002676","#7f7f7f","#0c0c0c","#151515","#333333","#9b0041","#72002c","#4e003f","#34003f","#002d69","#00194f"],columns:10},monochrome:{colors:["#000000","#1a1a1a","#333333","#4d4d4d","#666666","#808080","#999999","#b3b3b3","#cccccc","#e6e6e6","#f2f2f2","#ffffff"],columns:12}};import{jsx as mb}from"react/jsx-runtime";var Jl=e=>mb(Mn,{palette:Ra.basic,...e});import{jsx as s_}from"react/jsx-runtime";import{jsx as m_,jsxs as c_}from"react/jsx-runtime";import{jsx as hb}from"react/jsx-runtime";var cb=ye.options,ub=ye.states,fb={...ye.defaultOptions,variant:"basic"},bb=[{name:"basic",title:"Basic"},{name:"monochrome",title:"Monochrome"}],xb={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}},Nb=[],Ho=e=>{let{variant:t="basic",...o}=e,a=xb[t];return hb(Jl,{columns:a.columns,palette:a,...o})};Ho.options=cb;Ho.states=ub;Ho.variants=bb;Ho.defaultOptions=fb;Ho.modifiers=Nb;Ho.className=ye.className;var Yl="color-editor",Zl="coloreditor";import{jsx as Ye,jsxs as zo}from"react/jsx-runtime";var Sn="k-coloreditor",vb=[r.focus],gb={size:[d.undefined,d.small,d.medium,d.large]},_a={view:"gradient",palette:Ra.office,actionButtons:!0,canvasOrientation:"horizontal"},Q=e=>{let{size:t,view:o=_a.view,palette:a=_a.palette,color:n,currentColor:i,focus:l,focusView:m,dir:u,group:b,actionButtons:x=_a.actionButtons,canvasOrientation:g=_a.canvasOrientation,...c}=e;return zo("div",{...c,role:"textbox","aria-label":"Color editor",tabIndex:0,className:s(e.className,"k-flatcolorpicker",Sn,E(Sn,{size:t}),C(Sn,{focus:l})),dir:u,children:[zo("div",{className:"k-coloreditor-header k-hstack",children:[Ye("div",{className:"k-coloreditor-header-actions k-hstack",children:b&&zo(T,{fillMode:"flat",children:[Ye(p,{className:"k-group-start",size:t,fillMode:"flat",icon:"droplet-slider",selected:o==="gradient","aria-label":"Color gradient view"}),Ye(p,{className:"k-group-end",size:t,fillMode:"flat",icon:"palette",selected:o==="palette","aria-label":"Color palette view"})]})}),Ye("div",{className:"k-spacer"}),zo("div",{className:"k-coloreditor-header-actions k-hstack",children:[Ye(p,{fillMode:"flat",icon:"droplet-slash",size:t,"aria-label":"Reset color"}),zo("div",{className:"k-coloreditor-preview k-vstack",children:[Ye(Tt,{className:"k-coloreditor-preview-color",color:n}),Ye(Tt,{className:"k-coloreditor-current-color",color:i})]})]})]}),Ye("div",{className:"k-coloreditor-views k-vstack",children:o==="gradient"?Ye(ie,{focus:m,size:t,canvasOrientation:g,role:"none",tabIndex:-1}):Ye(ye,{palette:a,size:t})}),x&&zo(Ke,{className:"k-coloreditor-footer",alignment:"start",children:[Ye(p,{themeColor:"primary",size:t,className:"k-coloreditor-apply",children:"Apply"}),Ye(p,{className:"k-coloreditor-cancel",size:t,children:"Cancel"})]})]})};Q.states=vb;Q.options=gb;Q.className=Sn;Q.defaultOptions=_a;Q.moduleName=Yl;Q.folderName=Zl;var Uo=Q;import{jsx as U_}from"react/jsx-runtime";import{jsx as $_}from"react/jsx-runtime";import{jsx as Lb}from"react/jsx-runtime";var Ql=e=>Lb(Uo,{group:!0,currentColor:"fuchsia",...e});import{jsx as Mb}from"react/jsx-runtime";var jl=e=>Mb(Uo,{view:"palette",group:!0,currentColor:"fuchsia",...e});import{jsx as ep}from"react/jsx-runtime";var Sb=Q.options,kb=Q.states,Cb={...Q.defaultOptions,variant:"gradient"},Ab=[{name:"gradient",title:"Gradient"},{name:"palette",title:"Palette"}],Eb=[],Fo=e=>{let{variant:t,...o}=e;return t==="palette"?ep(jl,{...o,color:"white"}):ep(Ql,{...o,color:"rgba(183, 118 , 118, 1.00)"})};Fo.options=Sb;Fo.states=kb;Fo.variants=Ab;Fo.defaultOptions=Cb;Fo.modifiers=Eb;Fo.className=Q.className;var tp="color-picker",op="colorpicker";import{Fragment as Tb,jsx as Ze,jsxs as lr}from"react/jsx-runtime";var ap="k-colorpicker",yb=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled],Ib={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]},np={arrowIconName:"chevron-down"},Qe=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:n=np.arrowIconName,prefix:i,suffix:l,value:m,placeholder:u,hover:b,focus:x,valid:g,invalid:c,required:L,disabled:M,valueIconName:S,popup:A,opened:k,adaptive:y,adaptiveSettings:w,adaptiveTitle:se,adaptiveSubtitle:Ae,...pe}=e,ue="colorpicker-popup";return lr(Tb,{children:[lr(pt,{...pe,size:t,rounded:o,fillMode:a,hover:b,focus:x,valid:g,invalid:c,required:L,disabled:M,role:"combobox","aria-haspopup":"dialog","aria-expanded":k?"true":"false","aria-controls":k\|\|y?ue:void 0,"aria-label":"Color picker",tabIndex:0,"aria-disabled":M?"true":void 0,className:s(e.className,ap,"k-icon-picker"),children:[Ze(Ue,{children:i}),Ze(Yt,{placeholder:u,value:m,showValue:!1,valueIcon:Ze(Tt,{className:"k-value-icon",color:m,iconName:S}),valueIconName:S}),Ze(Fe,{children:l}),Ze(p,{className:"k-input-button",icon:n,size:t,fillMode:a,tabIndex:-1,"aria-label":"Open color picker",disabled:M})]}),k&&A&&Ze(q,{id:ue,className:"k-colorpicker-popup",children:A}),y&&Ze(Y,{adaptive:!0,id:ue,...w,header:Ze(Ne,{actionsEnd:Ze(p,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply"}),title:se,subtitle:Ae}),footer:lr(Ot,{children:[Ze(p,{text:"Cancel",size:"large"}),Ze(p,{text:"Set",size:"large",themeColor:"primary"})]}),children:Ze(Q,{canvasOrientation:"vertical",size:"large",actionButtons:!1,group:!0})})]})};Qe.states=yb;Qe.options=Ib;Qe.className=ap;Qe.defaultOptions=np;Qe.moduleName=tp;Qe.folderName=op;var St=Qe;import{jsx as Ob}from"react/jsx-runtime";var kn=e=>Ob(St,{...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 to}from"react/jsx-runtime";var Bb=St.options,Pb=St.states,sp={...St.defaultOptions,variant:"color"},Kb=[{name:"color",title:"Color",default:!0},{name:"no color",title:"No color"},{name:"icon",title:"Icon"}],Rb=[{name:"opened",title:"Opened"}],Go=e=>{let{variant:t,modifiers:o,...a}={...sp,...e},n={};Object.keys(o\|\|{}).forEach(l=>{l==="opened"&&(n.opened=!!o?.[l],n.popup=o?.[l]?to(Q,{size:a.size,color:"rgba(183, 118 , 118, 1.00)",group:!0}):"")});let i=n.opened?{width:"272px",height:"390px"}:{};switch(t){case"no color":return to("div",{style:i,children:to(kn,{...a,...n})});case"icon":return to("div",{style:i,children:to(kn,{value:"rgba(183, 118 , 118, 1.00)",valueIconName:"edit-tools",...a,...n})});default:return to("div",{style:i,children:to(kn,{value:"rgba(183, 118 , 118, 1.00)",...a,...n})})}};Go.options=Bb;Go.states=Pb;Go.variants=Kb;Go.defaultOptions=sp;Go.modifiers=Rb;Go.className=St.className;var pr="combobox",rp=pr;import{Fragment as dr,jsx as oe,jsxs as wa}from"react/jsx-runtime";var ip="k-combobox",_b=[r.hover,r.focus,r.valid,r.invalid,r.loading,r.required,r.disabled,r.readonly],wb={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]},mr={separators:!0,showClearButton:!0},Le=e=>{let{size:t,rounded:o,fillMode:a,separators:n=mr.separators,showClearButton:i=mr.showClearButton,prefix:l,suffix:m,value:u,placeholder:b,hover:x,focus:g,valid:c,invalid:L,required:M,loading:S,disabled:A,popup:k,opened:y,readonly:w,adaptive:se,adaptiveSettings:Ae,adaptiveTitle:pe,adaptiveSubtitle:ue,adaptiveCustomValue:ua,id:Xt,autocomplete:qt,activeDescendant:fa,"aria-label":Zn,...Qn}=e,jn=Xt?`${Xt}-listbox`:void 0;return wa(dr,{children:[wa(J,{...Qn,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,ip),children:[l&&wa(dr,{children:[oe(Ue,{children:l}),n&&oe(Ge,{})]}),oe(fe,{id:Xt,placeholder:b,value:u,role:"combobox","aria-haspopup":"listbox","aria-expanded":y?"true":"false","aria-controls":y?jn:void 0,"aria-activedescendant":y&&fa?fa:void 0,"aria-autocomplete":qt,"aria-invalid":L?"true":void 0,"aria-busy":S?"true":void 0,"aria-label":Zn,disabled:A,readOnly:w}),oe(xe,{valid:c,invalid:L,loading:S,disabled:A}),oe(Ee,{loading:S,disabled:A}),i&&oe(Pe,{loading:S,disabled:A,readonly:w,value:u}),m&&wa(dr,{children:[n&&oe(Ge,{}),oe(Fe,{children:m})]}),oe(p,{className:"k-input-button",icon:"chevron-down",size:t,fillMode:a,"aria-label":"Open popup",tabIndex:-1,disabled:A})]}),y&&k&&oe(q,{className:"k-list-container k-combobox-popup",containerRole:"region",containerAriaLabel:"Combobox suggestions",children:k}),se&&oe(Y,{adaptive:!0,id:Xt?`${Xt}-adaptive`:void 0,...Ae,header:oe(Ne,{actionsEnd:oe(p,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),input:!0,inputValue:u,inputPlaceholder:b,title:pe,subtitle:ue}),children:oe("div",{className:"k-list-container",children:oe(R,{customValue:ua?oe(wt,{text:`Use "${u}"`}):void 0,size:"large",children:wa(z,{"aria-label":pe\|\|"Options",children:[oe(O,{text:"List item"}),oe(O,{text:"List item"}),oe(O,{text:"List item"})]})})})})]})};Le.states=_b;Le.options=wb;Le.className=ip;Le.defaultOptions=mr;Le.moduleName=pr;Le.folderName=rp;var _e=Le;import{jsx as Db}from"react/jsx-runtime";var lp=e=>Db(_e,{...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 zt,jsxs as Vb}from"react/jsx-runtime";var Hb=Le.states,zb=Le.defaultOptions,Ub=Le.options,Fb=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"opened",title:"Opened"}],Gb=[],Vo=e=>{let{modifiers:t,...o}=e,a={},n=zt(R,{style:{width:300},size:o.size,children:Vb(z,{children:[zt(O,{children:"List item"}),zt(O,{children:"List item"}),zt(O,{children:"List item"})]})});return Object.keys(t\|\|{}).forEach(i=>{switch(i){case"prefix":a.prefix=t?.[i]?zt(v,{icon:"map-marker-target"}):void 0;break;case"suffix":a.suffix=t?.[i]?zt(X,{size:o.size,icon:"copy",fillMode:"clear"}):void 0;break;case"opened":a.opened=!!t?.[i],a.popup=t?.[i]?n:void 0;break;default:break}}),zt("div",{children:zt(lp,{value:"Value",style:{width:300},...o,...a})})};Vo.options=Ub;Vo.states=Hb;Vo.variants=Gb;Vo.defaultOptions=zb;Vo.modifiers=Fb;Vo.className=Le.className;var cr="menu-button",pp=cr;import{jsx as qb}from"react/jsx-runtime";var dp="k-menu-button",$b=[r.hover,r.focus,r.active,r.selected,r.disabled],Xb={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]},ur={showArrow:!0,arrowIconName:"chevron-down"},H=e=>{let{size:t,rounded:o,fillMode:a,themeColor:n,hover:i,focus:l,active:m,selected:u,disabled:b,icon:x,endIcon:g,text:c,showArrow:L=ur.showArrow,arrowIconName:M=ur.arrowIconName,expanded:S,...A}=e;return qb(p,{...A,className:s(e.className,dp),text:c,size:t,rounded:o,fillMode:a,themeColor:n,hover:i,focus:l,active:m,selected:u,disabled:b,ariaDisabled:b\|\|void 0,icon:x,endIcon:g,showArrow:L,arrowIconName:M,"aria-expanded":S?"true":"false",...!c&&x&&!e["aria-label"]&&{"aria-label":"Menu"}})};H.states=$b;H.options=Xb;H.className=dp;H.defaultOptions=ur;H.moduleName=cr;H.folderName=pp;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 we="menu",je=we;import{jsx as Ha,jsxs as mp}from"react/jsx-runtime";var fr="k-menu-item",Wb=[r.hover,r.focus,r.active,r.selected,r.disabled],Jb={},cp={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=cp.iconPosition,dir:g,children:c,expanded:L,...M}=e,S=b;return S\|\|(S=g==="rtl"?"chevron-left":"chevron-right"),mp("li",{...M,className:s(e.className,fr,"k-item",C(fr,{focus:o,disabled:i,hover:t,active:a,selected:n})),role:"menuitem",...u&&{"aria-haspopup":"menu"},...u&&{"aria-expanded":L?"true":"false"},...i&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[mp("span",{className:s("k-link k-menu-link"),children:[l&&x==="before"&&Ha(v,{className:"k-menu-link-icon",icon:l}),Ha("span",{className:"k-menu-link-text",children:m}),l&&x==="after"&&Ha(v,{className:"k-menu-link-icon",icon:l}),u&&Ha("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:Ha(v,{icon:S})})]}),c]})};me.states=Wb;me.options=Jb;me.className=fr;me.defaultOptions=cp;me.moduleName=we;me.folderName=je;import{jsx as oo,jsxs as up}from"react/jsx-runtime";var br="k-menu-item",Yb=[r.hover,r.focus,r.active,r.selected,r.disabled],Zb={},xr={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=xr.iconPosition,dir:g=xr.dir,children:c,popup:L,expanded:M,actions:S,description:A,...k}=e,y=b;return y\|\|(y=g==="rtl"?"chevron-left":"chevron-right"),up("li",{role:"menuitem",...k,className:s(e.className,br,"k-item",C(br,{focus:o,disabled:i})),...u&&{"aria-haspopup":"menu"},...u&&{"aria-expanded":M?"true":"false"},...i&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[up("span",{className:s("k-link k-menu-link",C("k-menu-link",{hover:t,active:a,selected:n,disabled:i})),children:[l&&x==="before"&&oo(v,{className:"k-menu-link-icon",icon:l}),oo("span",{className:"k-menu-link-text",children:m}),l&&x==="after"&&oo(v,{className:"k-menu-link-icon",icon:l}),S&&oo("span",{className:"k-menu-link-actions",children:S}),u&&oo("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:oo(v,{icon:y})}),A&&oo("span",{className:"k-menu-link-description",children:A})]}),c,L]})};W.states=Yb;W.options=Zb;W.className=br;W.defaultOptions=xr;W.moduleName=we;W.folderName=je;import{jsx as tx}from"react/jsx-runtime";var fp="k-menu-scroll-wrapper",Qb=[],jb={},ex={},ao=e=>{let{className:t,children:o,orientation:a,...n}=e;return tx("div",{...n,className:s(t,fp,{"k-menu-scroll-wrapper-vertical":a==="vertical"}),children:o})};ao.states=Qb;ao.options=jb;ao.className=fp;ao.defaultOptions=ex;ao.moduleName=we;ao.folderName=je;var bp=ao;import{Fragment as Nr,jsx as no,jsxs as Cn}from"react/jsx-runtime";var An="k-menu",ox=[],ax={size:[d.undefined,d.small,d.medium,d.large]},En={orientation:"horizontal",header:!0,scrollButtonsPosition:"around"},le=e=>{let{children:t,orientation:o=En.orientation,header:a=En.header,scrollable:n,scrollButtonsPosition:i=En.scrollButtonsPosition,wrapperStyles:l,dir:m,size:u,popup:b,contextMenu:x,...g}=e,c={horizontal:{prev:m!=="rtl"?"left":"right",next:m!=="rtl"?"right":"left"},vertical:{prev:"up",next:"down"}},L=no("ul",{dir:m,...g,className:s(e.className,"k-reset",An,{[`${An}-${o}`]:o,"k-header":a},E(An,{size:u})),role:x?"menu":"menubar",...o==="vertical"&&{"aria-orientation":"vertical"},children:t});return Cn(Nr,{children:[n?Cn(bp,{orientation:o,style:l,dir:e.dir,children:[i==="start"&&Cn(Nr,{children:[no(p,{fillMode:"flat",size:"xsmall",icon:`chevron-${c[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),no(p,{fillMode:"flat",size:"xsmall",icon:`chevron-${c[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),i==="around"&&no(p,{fillMode:"flat",size:"xsmall",icon:`chevron-${c[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),L,i==="end"&&Cn(Nr,{children:[no(p,{fillMode:"flat",size:"xsmall",icon:`chevron-${c[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),no(p,{fillMode:"flat",size:"xsmall",icon:`chevron-${c[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),i==="around"&&no(p,{fillMode:"flat",size:"xsmall",icon:`chevron-${c[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}):L,b]})};le.states=ox;le.options=ax;le.className=An;le.defaultOptions=En;le.moduleName=we;le.folderName=je;import{jsx as nx}from"react/jsx-runtime";var hr="k-separator",xp={orientation:"horizontal"},$o=e=>{let{orientation:t=xp.orientation,...o}=e;return nx("li",{...o,className:s(e.className,"k-item",hr,{[`${hr}-${t}`]:t}),role:"separator"})};$o.className=hr;$o.defaultOptions=xp;$o.moduleName=we;$o.folderName=je;import{Fragment as iz,jsx as lz}from"react/jsx-runtime";import{jsx as lx}from"react/jsx-runtime";var vr="k-menu-group",sx=[],rx={size:[d.undefined,d.small,d.medium,d.large]},ix={},ce=e=>{let{children:t,size:o,...a}=e;return lx("ul",{role:"menu",...a,className:s(e.className,vr,E(vr,{size:o})),children:t})};ce.states=sx;ce.options=rx;ce.className=vr;ce.defaultOptions=ix;ce.moduleName=we;ce.folderName=je;import{jsx as Nz,jsxs as hz}from"react/jsx-runtime";import{Fragment as px,jsx as Xo,jsxs as dx}from"react/jsx-runtime";var gr=e=>Xo(le,{children:dx(px,{children:[Xo(me,{text:"Item 1"}),Xo(me,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 2"}),Xo(me,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 3"}),Xo(me,{text:"Item 4"}),Xo(me,{text:"Item 5"})]}),...e});import{Fragment as 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 so,jsxs as bx}from"react/jsx-runtime";var mx={...le.options,scrollable:{type:"boolean"}},cx=le.states,Np={...le.defaultOptions,variant:"horizontal"},ux=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],fx=[{name:"opened",title:"Opened"}],qo=e=>{let{variant:t,modifiers:o,...a}={...Np,...e},n={},i=t==="vertical"?{left:"200px",top:"30px"}:{left:"90px",top:"auto"};return Object.keys(o\|\|{}).forEach(l=>{l==="opened"&&(n.opened=!!o?.[l],n.popup=o?.[l]?so(q,{className:"k-menu-popup",offset:i,children:bx(ce,{children:[so(W,{text:"Item 1"}),so(W,{text:"Item 2"}),so($o,{}),so(W,{text:"Item 3"})]})}):null)}),t==="vertical"?so(gr,{...a,...n,orientation:"vertical",style:{width:"200px"}}):so(gr,{...a,...n})};qo.options=mx;qo.states=cx;qo.variants=ux;qo.defaultOptions=Np;qo.modifiers=fx;qo.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 gx,jsx as bt,jsxs as hp}from"react/jsx-runtime";var xx=p.states,vp={...p.defaultOptions,variant:"text"},Nx=p.options,hx=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],vx=[{name:"opened",title:"Opened"}],Wo=e=>{let{variant:t,modifiers:o,...a}={...vp,...e},n={},i=bt(q,{className:"k-menu-popup",children:hp(ce,{size:a.size,children:[bt(W,{text:"Menu Item"}),bt(W,{text:"Menu Item"}),bt(W,{text:"Menu Item"})]})}),l;switch(t){case"icon-only":l=bt("div",{children:bt(H,{...a,...n,icon:"star"})});break;case"icon-and-text":l=bt("div",{children:bt(H,{...a,...n,icon:"star",children:"Dropdown Button"})});break;default:l=bt("div",{children:bt(H,{...a,...n,children:"Dropdown Button"})});break}return hp(gx,{children:[l,o?.opened&&i]})};Wo.options=Nx;Wo.states=xx;Wo.variants=hx;Wo.defaultOptions=vp;Wo.modifiers=vx;Wo.className=H.className;var Lr="split-button",gp=Lr;import{Fragment as Sx,jsx as Mr,jsxs as Lp}from"react/jsx-runtime";var Sr="k-split-button",Lx=[r.hover,r.focus,r.active,r.selected,r.disabled],Mx={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]},Mp={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=Mp.arrowIconName,popup:M,opened:S,popupId:A,...k}=e;return Lp(Sx,{children:[Lp("div",{...k,className:s(e.className,Sr,"k-button-group",E(Sr,{rounded:o})),children:[Mr(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}),Mr(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&&Mr(q,{className:"k-menu-popup",children:M})]})};K.states=Lx;K.options=Mx;K.className=Sr;K.defaultOptions=Mp;K.moduleName=Lr;K.folderName=gp;var kr=K;import{jsx as Cx}from"react/jsx-runtime";var kx="k-toolbar-separator",st=e=>Cx("div",{className:s(kx,e.className,"k-separator")});var ro="toolbar",Jo=ro;import{Fragment as Cr,jsx as _,jsxs as Yo}from"react/jsx-runtime";var kt="k-toolbar",Ax=[r.focus],Ex={size:[d.undefined,d.small,d.medium,d.large],fillMode:[N.undefined,N.solid,N.outline,N.flat]},yx={scrollButtons:"around"},U=e=>{let{size:t,fillMode:o,focus:a,resizable:n,scrollable:i,scrollButtons:l,scrollingPosition:m,section:u,...b}=e,x=[],g=(c,L)=>{let M=[];if(c.type===p&&c.props.className&&c.props.className.includes("k-toolbar-overflow-button"))M.push(_(p,{...c.props,className:`${c.props.className?c.props.className:""}`},`${L}-${new Date().getTime()}`));else if(c.type===p)M.push(_(p,{...c.props,className:`k-toolbar-button ${c.props.className?c.props.className:""}`},`${L}-${new Date().getTime()}`));else if(c.type===va)M.push(_(va,{...c.props,className:`k-toolbar-button ${c.props.className?c.props.className:""}`},`${L}-${new Date().getTime()}`));else if(c.type===X)M.push(_(X,{...c.props,className:`k-toolbar-button ${c.props.className?c.props.className:""}`},`${L}-${new Date().getTime()}`));else if(c.type===H)M.push(_(H,{...c.props,className:`k-toolbar-menu-button ${c.props.className?c.props.className:""}`},`${L}-${new Date().getTime()}`));else if(c.type===kr)M.push(_(kr,{...c.props,className:`k-toolbar-split-button ${c.props.className?c.props.className:""}`},`${L}-${new Date().getTime()}`));else if(c.type===T\|\|c.props.className&&c.props.className.includes("k-button-group")){let S=[];(Array.isArray(c.props.children)?c.props.children:[c.props.children]).forEach((k,y)=>{S.push(_(p,{...k.props,className:`${k.props.className?k.props.className:""}`},`${y}-${new Date().getTime()}`))}),M.push(_(T,{...c.props,className:`k-toolbar-button-group ${c.props.className?c.props.className:""}`,children:S},`${L}-${new Date().getTime()}`))}else c.type===Le?M.push(_(Le,{...c.props,className:`k-toolbar-combobox ${c.props.className?c.props.className:""}`},`${L}-${new Date().getTime()}`)):c.type===ne?M.push(_(ne,{...c.props,className:`k-toolbar-dropdownlist ${c.props.className?c.props.className:""}`},`${L}-${new Date().getTime()}`)):c.type===Qe?M.push(_(Qe,{...c.props,className:`k-toolbar-colorpicker ${c.props.className?c.props.className:""}`},`${L}-${new Date().getTime()}`)):M.push(c);M.forEach(S=>{x.push(S)})};return e.children&&(Array.isArray(e.children)?e.children:[e.children]).forEach((L,M)=>{g(L,M)}),Yo("div",{...b,className:s(e.className,kt,E(kt,{size:t,fillMode:o}),C(kt,{focus:a}),{[`${kt}-resizable`]:n,[`${kt}-scrollable`]:i,[`${kt}-scrollable-overlay`]:i&&l==="hidden",[`${kt}-scrollable-${m}`]:m&&m!=="both",[`${kt}-section`]:u}),role:"toolbar","aria-label":"Toolbar",children:[!i&&x,i&&l==="hidden"&&_("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:x}),i&&l==="start"&&Yo(Cr,{children:[Yo(T,{children:[_("span",{className:s("k-toolbar-prev","k-button",E("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:_(v,{className:"k-button-icon",icon:"chevron-left"})}),_("span",{className:s("k-toolbar-next","k-button",E("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:_(v,{className:"k-button-icon",icon:"chevron-right"})})]}),_(st,{className:"k-toolbar-button-separator"}),_("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:x})]}),i&&l==="end"&&Yo(Cr,{children:[_("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:x}),_(st,{className:"k-toolbar-button-separator"}),Yo(T,{children:[_("span",{className:s("k-toolbar-prev","k-button",E("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:_(v,{className:"k-button-icon",icon:"chevron-left"})}),_("span",{className:s("k-toolbar-next","k-button",E("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:_(v,{className:"k-button-icon",icon:"chevron-right"})})]})]}),i&&(l==="around"\|\|!l)&&Yo(Cr,{children:[_("span",{className:s("k-toolbar-prev","k-button",E("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:_(v,{className:"k-button-icon",icon:"chevron-left"})}),_(st,{className:"k-toolbar-button-separator"}),_("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:x}),_(st,{className:"k-toolbar-button-separator"}),_("span",{className:s("k-toolbar-next","k-button",E("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:_(v,{className:"k-button-icon",icon:"chevron-right"})})]})]})};U.states=Ax;U.options=Ex;U.className=kt;U.defaultOptions=yx;U.moduleName=ro;U.folderName=Jo;import{jsx as Bx}from"react/jsx-runtime";var Ar="k-toolbar-item",Ix=[r.focus],Tx={},Ox={},Zo=e=>{let{focus:t,...o}=e;return Bx("div",{...o,className:s(e.className,Ar,C(Ar,{focus:t})),children:e.children})};Zo.states=Ix;Zo.options=Tx;Zo.className=Ar;Zo.defaultOptions=Ox;Zo.moduleName=ro;Zo.folderName=Jo;import{jsx as Sp}from"react/jsx-runtime";var kp="k-toolbar-popup",Px=[],Kx={size:[d.undefined,d.small,d.medium,d.large],fillMode:[N.undefined,N.solid,N.outline,N.flat]},Rx={},io=e=>{let{size:t,fillMode:o,section:a,...n}=e;return Sp(q,{...n,className:s(e.className,kp),children:a?Sp("span",{className:s("k-toolbar-items-list",E("k-toolbar-items-list",{size:t,fillMode:o})),role:"toolbar",children:e.children}):e.children})};io.states=Px;io.options=Kx;io.className=kp;io.defaultOptions=Rx;io.moduleName=ro;io.folderName=Jo;var yn=io;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 Ct,jsxs as zx}from"react/jsx-runtime";var _x=K.states,Cp={...K.defaultOptions,variant:"text"},wx=K.options,Dx=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Hx=[{name:"opened",title:"Opened"}],Qo=e=>{let{variant:t,modifiers:o,...a}={...Cp,...e},n={},i=zx(ce,{size:a.size,children:[Ct(W,{text:"Menu Item"}),Ct(W,{text:"Menu Item"}),Ct(W,{text:"Menu Item"})]});switch(Object.keys(o\|\|{}).forEach(l=>{l==="opened"&&(n.opened=!!o?.[l],n.popup=o?.[l]?i:"")}),t){case"icon-only":return Ct("div",{children:Ct(K,{...a,...n,icon:"star"})});case"icon-and-text":return Ct("div",{children:Ct(K,{...a,...n,icon:"star",children:"Split Button"})});default:return Ct("div",{children:Ct(K,{...a,...n,children:"Split Button"})})}};Qo.options=wx;Qo.states=_x;Qo.variants=Dx;Qo.defaultOptions=Cp;Qo.modifiers=Hx;Qo.className=K.className;import{jsx as lo,jsxs as Ux}from"react/jsx-runtime";var Ap=e=>lo(U,{children:[lo(p,{children:"Button"},"toolbar-button"),lo(H,{text:"Menu button"},"toolbar-menu-button"),lo(K,{children:"Split button"},"toolbar-split-button"),Ux(T,{children:[lo(p,{className:"k-group-start",icon:"align-left",children:"Left"}),lo(p,{icon:"align-center",children:"Center"}),lo(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});import{jsx as yU,jsxs as IU}from"react/jsx-runtime";import{jsx as De,jsxs as Ep}from"react/jsx-runtime";var yp=e=>De(U,{scrollable:!0,...e,children:[De(p,{children:"Button"},"toolbar-button"),De(H,{text:"Menu button"},"toolbar-menu-button"),De(K,{children:"Split button"},"toolbar-split-button"),Ep(T,{children:[De(p,{className:"k-group-start",icon:"align-left",children:"Left"}),De(p,{icon:"align-center",children:"Center"}),De(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),De(p,{children:"Button"},"toolbar-button"),De(H,{text:"Menu button"},"toolbar-menu-button"),De(K,{children:"Split button"},"toolbar-split-button"),Ep(T,{children:[De(p,{className:"k-group-start",icon:"align-left",children:"Left"}),De(p,{icon:"align-center",children:"Center"}),De(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});import{jsx as He,jsxs as Ip}from"react/jsx-runtime";var Tp=({scrollingPosition:e="start",...t})=>He(U,{scrollable:!0,scrollButtons:"hidden",scrollingPosition:e,...t,children:[He(p,{children:"Button"},"toolbar-button"),He(H,{text:"Menu button"},"toolbar-menu-button"),He(K,{children:"Split button"},"toolbar-split-button"),Ip(T,{children:[He(p,{className:"k-group-start",icon:"align-left",children:"Left"}),He(p,{icon:"align-center",children:"Center"}),He(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),He(p,{children:"Button"},"toolbar-button"),He(H,{text:"Menu button"},"toolbar-menu-button"),He(K,{children:"Split button"},"toolbar-split-button"),Ip(T,{children:[He(p,{className:"k-group-start",icon:"align-left",children:"Left"}),He(p,{icon:"align-center",children:"Center"}),He(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...t});import{Fragment as Fx,jsx as Ie,jsxs as In}from"react/jsx-runtime";var Op=({fillMode:e,size:t,...o})=>In(Fx,{children:[Ie(U,{section:!0,fillMode:e,size:t,children:[Ie(p,{fillMode:e,size:t,children:"Button"},"toolbar-button"),In(T,{fillMode:e,children:[Ie(p,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),Ie(p,{icon:"align-center",fillMode:e,size:t,children:"Center"}),Ie(p,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group"),Ie(st,{className:"k-toolbar-button-separator"}),Ie(p,{icon:"more-horizontal",className:"k-toolbar-overflow-button",fillMode:"flat",size:t,"aria-label":"More options","aria-expanded":"false"})],...o}),In(yn,{size:t,fillMode:e,section:!0,...o,children:[Ie(K,{fillMode:e,size:t,children:"Split button"},"toolbar-split-button"),Ie(p,{fillMode:e,size:t,children:"Button"},"toolbar-button"),Ie(st,{}),Ie(H,{text:"Menu button",fillMode:e,size:t},"toolbar-menu-button"),In(T,{fillMode:e,children:[Ie(p,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),Ie(p,{icon:"align-center",fillMode:e,size:t,children:"Center"}),Ie(p,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group")]})]});import{Fragment as 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 Ut}from"react/jsx-runtime";var Gx=U.options,Vx=U.states,Bp={...U.defaultOptions,variant:"default"},$x=[{name:"default",title:"Default"},{name:"scrollable",title:"Scrollable"},{name:"overlay",title:"Overlay"},{name:"responsive",title:"Responsive"}],Xx=[],jo=e=>{let{variant:t,...o}={...Bp,...e};switch(t){case"responsive":return Ut("div",{children:Ut(Op,{style:{width:"583px"},...o})});case"overlay":return Ut("div",{children:Ut(Tp,{style:{width:"583px"},...o,scrollingPosition:"start",scrollButtons:"hidden"})});case"scrollable":return Ut("div",{children:Ut(yp,{style:{width:"583px"},...o})});default:return Ut("div",{children:Ut(Ap,{style:{width:"583px"},...o})})}};jo.options=Gx;jo.states=Vx;jo.variants=$x;jo.defaultOptions=Bp;jo.modifiers=Xx;jo.className=U.className;import{Fragment as Yx,jsx as rt,jsxs as za}from"react/jsx-runtime";var Pp="k-message",qx=[r.hover,r.selected,r.active,r.focus],Wx={},Jx=[rt(p,{icon:"copy",fillMode:"flat","aria-label":"Copy"}),rt(p,{icon:"arrow-rotate-cw",fillMode:"flat","aria-label":"Retry"}),rt(p,{icon:"download",fillMode:"flat","aria-label":"Download"})],ea={time:"Thu Feb 08 2018",text:"How can I help you?",status:"Seen",toolbarItems:Jx,failed:"Failed to send"},F=e=>{let{time:t=ea.time,text:o=ea.text,content:a,status:n=ea.status,statusIcon:i,toolbarItems:l=ea.toolbarItems,hover:m,selected:u,active:b,focus:x,toolbar:g,typing:c,expandable:L,expanded:M,removed:S,files:A,failed:k,...y}=e,w=k===!0?ea.failed:k;return za("div",{...y,className:s(Pp,e.className,{"k-message-removed":S,"k-message-failed":k}),children:[k&&rt(X,{className:"k-resend-button",icon:"arrow-rotate-cw",size:"xsmall",fillMode:"clear","aria-label":"Resend"}),rt(Kp,{typing:c,selected:u,hover:m,active:b,focus:x,content:za(Yx,{children:[a,o&&rt("span",{className:"k-chat-bubble-text",children:o})]}),expandable:L,expanded:M,files:A}),za("div",{className:"k-message-info",children:[n&&za("span",{className:"k-message-status",children:[i&&rt(v,{icon:i,size:"xsmall"}),n]}),t&&rt("time",{className:"k-message-time",children:t}),k&&za("span",{className:"k-message-failed-content",children:[k&&rt(v,{icon:"warning-triangle",size:"xsmall"}),k&&rt("span",{className:"k-message-failed-text",children:w})]})]}),g&&rt(U,{className:"k-chat-message-toolbar",fillMode:"flat",children:l})]})};F.states=qx;F.options=Wx;F.className=Pp;F.moduleName=null;F.folderName=null;F.defaultOptions=ea;var Er="avatar",Rp=Er;import{jsx as _p}from"react/jsx-runtime";var Ua="k-avatar";var Zx=[r.hover,r.focus,r.active,r.selected,r.disabled],Qx={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]},yr={type:"text",border:!1},Me=e=>{let{size:t,rounded:o,fillMode:a,themeColor:n,type:i=yr.type,border:l=yr.border,...m}=e;return _p("div",{...m,className:s(e.className,Ua,E(Ua,{size:t,rounded:o,fillMode:a,themeColor:n}),{[`${Ua}-bordered`]:l}),children:_p("span",{className:`${Ua}-${i}`,children:e.children})})};Me.states=Zx;Me.options=Qx;Me.className=Ua;Me.defaultOptions=yr;Me.moduleName=Er;Me.folderName=Rp;var po=Me;import{jsx as jx}from"react/jsx-runtime";var wp=e=>jx(po,{type:"icon",...e});import{jsx as eN}from"react/jsx-runtime";var Dp=e=>eN(po,{type:"text",...e});import{jsx as tN}from"react/jsx-runtime";var Tn=e=>tN(po,{type:"image",...e});import{jsx as m5}from"react/jsx-runtime";import{jsx as Fa}from"react/jsx-runtime";var oN=Me.options,aN=Me.states,nN={...Me.defaultOptions,variant:"image"},sN=[{name:"image",title:"Image"},{name:"icon",title:"Icon Avatar"},{name:"text",title:"Text Avatar"}],rN=[],ta=e=>{let{variant:t,...o}=e;switch(t){case"icon":return Fa(wp,{...o,children:Fa(v,{icon:"star"})});case"text":return Fa(Dp,{...o,children:"JO"});default:return Fa(Tn,{...o,children:Fa("img",{src:"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg"})})}};ta.options=oN;ta.states=aN;ta.variants=sN;ta.defaultOptions=nN;ta.modifiers=rN;ta.className=Me.className;import{jsx as oa,jsxs as Ir}from"react/jsx-runtime";var Ga="k-message-group",iN=[r.selected],lN={},On={author:"Bruv",avatar:"/packages/html/assets/avatar.jpg",type:"receiver"},$=e=>{let{type:t=On.type,author:o=On.author,avatar:a=On.avatar,status:n,selected:i,fullWidth:l,...m}=e;return Ir("div",{...m,className:s(Ga,e.className,C(Ga,{selected:i}),{[`${Ga}-${t}`]:t,"k-no-avatar":!a,[`${Ga}-full-width`]:l}),children:[a&&!n&&oa(Me,{type:"image",children:oa("img",{src:a,alt:o\|\|""})}),n&&a&&Ir("div",{className:"k-chat-user-status-wrapper",children:[oa(Me,{type:"image",children:oa("img",{src:a,alt:o\|\|""})}),oa("div",{className:"k-chat-user-status"})]}),Ir("div",{className:"k-message-group-content",children:[o&&oa("span",{className:"k-message-author",children:o}),e.children]})]})};$.states=iN;$.options=lN;$.className=Ga;$.defaultOptions=On;import{Fragment as dN,jsx as Bn,jsxs as Hp}from"react/jsx-runtime";var Tr="k-message-reference",pN={},zp={type:"receiver"},Ft=e=>{let{content:t,closeable:o,pinned:a,type:n=zp.type,...i}=e;return Hp("div",{...i,className:s(Tr,e.className,{[`${Tr}-${n}`]:n,"k-message-pinned":a}),children:[a&&Bn(v,{icon:"pin"}),Bn("div",{className:"k-message-reference-content",children:t}),o&&Hp(dN,{children:[Bn("span",{className:"k-spacer"}),Bn(p,{icon:"x-circle",fillMode:"flat",size:"xsmall","aria-label":"Close"})]})]})};Ft.options=pN;Ft.className=Tr;Ft.moduleName=null;Ft.folderName=null;Ft.defaultOptions=zp;var Or="bubble",Up=Or;import{jsx as Pn,jsxs as cN}from"react/jsx-runtime";var Br="k-bubble",mN=[r.hover,r.active,r.selected,r.focus],Pr={expandable:!1,expanded:!1},mo=e=>{let{content:t,hover:o,active:a,focus:n,selected:i,expandable:l=Pr.expandable,expanded:m=Pr.expanded,...u}=e;return cN("div",{...u,className:s(e.className,Br,C(Br,{hover:o,active:a,focus:n,selected:i}),{"k-bubble-expandable":l},{"k-expanded":m}),tabIndex:0,children:[Pn("div",{className:"k-bubble-content",children:t??e.children}),l&&Pn("span",{className:"k-bubble-expandable-indicator",role:"button","aria-label":m?"Show less":"Show more",tabIndex:0,children:m?Pn(v,{icon:"chevron-up"}):Pn(v,{icon:"chevron-down"})})]})};mo.states=mN;mo.className=Br;mo.defaultOptions=Pr;mo.moduleName=Or;mo.folderName=Up;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 Kr,jsxs as Gp}from"react/jsx-runtime";var uN="k-chat-bubble",Kp=e=>{let{typing:t,content:o,files:a,...n}=e;return Gp(mo,{...n,className:s(e.className,uN),children:[t?Gp("div",{className:"k-typing-indicator",tabIndex:-1,children:[Kr("span",{}),Kr("span",{}),Kr("span",{})]}):o,a]})};import{jsx as fF}from"react/jsx-runtime";import{jsx as Vp,jsxs as fN}from"react/jsx-runtime";var $p="k-chat-event",Rr={icon:"trash",text:"You deleted Chat history."},Xp=e=>{let{icon:t=Rr.icon,text:o=Rr.text,...a}=e;return fN("div",{...a,className:s(e.className,$p),children:[t&&Vp(v,{className:"k-chat-event-icon",icon:t,size:"xsmall"}),o&&Vp("span",{className:"k-chat-event-text",children:o})]})};Xp.className=$p;Xp.defaultOptions=Rr;import{jsx as kF}from"react/jsx-runtime";import{Fragment as bN,jsx as xt,jsxs as xN}from"react/jsx-runtime";var qp=e=>xt(G,{children:xN(bN,{children:[xt("div",{className:"k-timestamp",children:"Day, Month 7, 2023"}),xt($,{children:xt(F,{})}),xt($,{type:"sender",children:xt(F,{})}),xt($,{children:xt(F,{text:"Very long message text that tests message overflowing behavior. Very long message text that tests message overflowing behavior."})}),xt($,{type:"sender",children:xt(F,{text:"Unusually_long_word_that_tests_word_break_behavior__unusually_long_word_that_tests_word_break_behavior"})})]}),...e});import{jsx as Wp}from"react/jsx-runtime";var Kn="k-file-box-wrapper",Jp={layout:"horizontal"},Nt=e=>{let{layout:t=Jp.layout,scrollingPosition:o,...a}=e;return Wp("ul",{role:"list","aria-label":"Attached files",...a,className:s(e.className,Kn,{"k-files-vertical":t==="vertical","k-files-wrap":t==="wrap",[`${Kn}-scrollable-start`]:t==="horizontal"&&(o==="start"\|\|o==="both"),[`${Kn}-scrollable-end`]:t==="horizontal"&&(o==="end"\|\|o==="both")}),children:t==="horizontal"?Wp("div",{className:"k-files-scroll",role:"presentation",children:e.children}):e.children})};Nt.className=Kn;Nt.defaultOptions=Jp;var _r="file-box",Yp=_r;import{jsx as aa,jsxs as Zp}from"react/jsx-runtime";var Qp="k-file-box",NN=[r.selected],hN={},Va={icon:"file-pdf",name:"FileName.pdf",size:"2MB",showButton:"true"},Te=e=>{let{icon:t=Va.icon,name:o=Va.name,size:a=Va.size,status:n,deleted:i,removeButton:l,showButton:m=Va.showButton,...u}=e,b=[o,a].filter(Boolean).join(" ");return Zp("li",{role:"listitem",tabIndex:0,"aria-label":b\|\|void 0,...u,className:s(Qp,e.className,{"k-file-deleted":i}),children:[aa(v,{icon:t,size:"xlarge","aria-hidden":"true"}),Zp("div",{className:"k-file-info",children:[o&&aa("span",{className:"k-file-name",children:o}),a&&aa("span",{className:"k-file-size",children:a}),n&&aa("span",{className:"k-file-status",children:n})]}),m&&(l?aa(p,{as:"span",icon:"x-circle",fillMode:"flat",size:"xsmall","aria-hidden":"true"}):aa(H,{icon:"more-vertical",fillMode:"flat",size:"xsmall",showArrow:!1,"aria-label":"File actions"}))]})};Te.states=NN;Te.options=hN;Te.className=Qp;Te.defaultOptions=Va;Te.moduleName=_r;Te.folderName=Yp;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 wr="skeleton",jp=wr;import{jsx as MN}from"react/jsx-runtime";var Dr="k-skeleton",vN=["circle","text","rect"],gN=[],LN={},Hr={variant:"text",shape:"text",animation:"pulse"},ht=e=>{let{variant:t,shape:o,animation:a=Hr.animation,...n}=e,i=`skeleton-${t\|\|o\|\|Hr.variant}`;return MN("span",{...n,className:s(e.className,Dr,Ya(Dr,i),{[`k-skeleton-${a}`]:a}),style:e.style})};ht.states=gN;ht.options=LN;ht.variants=vN;ht.className=Dr;ht.defaultOptions=Hr;ht.moduleName=wr;ht.folderName=jp;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";var zr="window",ed=zr;import{jsx as AN}from"react/jsx-runtime";var td="k-window-content",SN=[],kN={},CN={},Gt=e=>{let{children:t,...o}=e;return AN("div",{...o,className:s(td,e.className),children:t})};Gt.states=SN;Gt.options=kN;Gt.className=td;Gt.defaultOptions=CN;Gt.moduleName=zr;Gt.folderName=ed;var $a="dialog",Rn=$a;import{Fragment as IN,jsx as co,jsxs as Ur}from"react/jsx-runtime";var od="k-dialog",EN=[],yN={},Fr={actionButtonsAlign:"stretched",modal:!0},ze=e=>{let{title:t,actions:o,actionButtons:a,actionButtonsAlign:n=Fr.actionButtonsAlign,modal:i=Fr.modal,...l}=e,m=t!==void 0?B("dialog-titlebar"):void 0,u=B("dialog-content");return Ur("div",{className:"k-dialog-wrapper",children:[i&&co(ct,{}),Ur("div",{...l,className:s(e.className,od,"k-window"),role:"dialog","aria-labelledby":m,"aria-describedby":u,...i&&{"aria-modal":"true"},children:[(t!==void 0\|\|o)&&Ur("div",{className:"k-window-titlebar k-dialog-titlebar",id:m,children:[t!==void 0&&co("span",{className:"k-window-title k-dialog-title",children:t}),o&&co(IN,{children:co("div",{className:"k-window-titlebar-actions k-dialog-titlebar-actions",children:o.map(b=>co(p,{icon:b,fillMode:"flat",size:"xsmall",className:"k-window-titlebar-action k-dialog-titlebar-action","aria-label":b},b))})})]}),co(Gt,{className:"k-dialog-content",id:u,children:e.children}),a&&co(Ke,{alignment:n,className:"k-window-actions k-dialog-actions",children:a})]})]})};ze.states=EN;ze.options=yN;ze.className=od;ze.defaultOptions=Fr;ze.moduleName=$a;ze.folderName=Rn;var Gr=ze;import{jsx as PN}from"react/jsx-runtime";var ad="k-dialog-wrapper",TN=[],ON={},BN={},na=e=>{let{...t}=e;return PN("div",{...t,className:s(e.className,ad),children:e.children})};na.states=TN;na.options=ON;na.className=ad;na.defaultOptions=BN;na.moduleName=$a;na.folderName=Rn;import{Fragment as nd,jsx as _n,jsxs as KN}from"react/jsx-runtime";var sd=e=>_n(Gr,{title:"Title",children:_n(nd,{children:"Dialog content"}),actionButtons:KN(nd,{children:[_n(p,{children:"Action"}),_n(p,{themeColor:"primary",children:"Primary"})]}),actions:["x"],...e});import{Fragment as _6,jsx as w6,jsxs as D6}from"react/jsx-runtime";import{Fragment as zN,jsx as wn,jsxs as UN}from"react/jsx-runtime";var RN=ze.options,_N=[],wN=ze.states,DN=ze.defaultOptions,HN=[],sa=e=>wn(sd,{style:{width:"350px",height:"215px"},...e,title:"Please confirm",actions:["x"],actionButtonsAlign:"stretched",actionButtons:UN(zN,{children:[wn(p,{children:"No"}),wn(p,{themeColor:"primary",children:"Yes"})]}),children:wn("p",{style:{margin:"36px",textAlign:"center"},children:"Are you sure you want to continue?"})});sa.options=RN;sa.states=wN;sa.variants=_N;sa.defaultOptions=DN;sa.modifiers=HN;sa.className=ze.className;var Vr="dropzone",rd=Vr;import{jsx as Dn,jsxs as VN}from"react/jsx-runtime";var $r="k-external-dropzone",FN=[r.disabled,r.hover],GN={},Xr={icon:"upload",hint:"Drag and drop files here to upload"},Se=e=>{let{hover:t,disabled:o,icon:a=Xr.icon,hint:n=Xr.hint,note:i,...l}=e;return Dn("div",{...l,className:s(e.className,$r,C($r,{disabled:o}),{"k-external-dropzone-hover":t}),children:VN("div",{className:"k-dropzone-inner",children:[a&&Dn(v,{icon:a,className:"k-dropzone-icon",size:"xxxlarge"}),n&&Dn("span",{className:"k-dropzone-hint",children:n}),i&&Dn("span",{className:"k-dropzone-note",children:i})]})})};Se.states=FN;Se.options=GN;Se.className=$r;Se.defaultOptions=Xr;Se.moduleName=Vr;Se.folderName=rd;import{jsx as $N}from"react/jsx-runtime";var id=e=>$N(Se,{...e});import{jsx as p7}from"react/jsx-runtime";import{jsx as ZN}from"react/jsx-runtime";var XN=Se.options,qN=Se.states,WN=Se.defaultOptions,JN=[{name:"note",title:"Note"}],YN=[],ra=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(n=>{n==="note"&&(a.note=t?.[n]?"Only JPEG, PNG and SVG files are allowed.":void 0)}),ZN(id,{style:{width:"500px"},...o,...a})};ra.options=XN;ra.states=qN;ra.variants=YN;ra.defaultOptions=WN;ra.modifiers=JN;ra.className=Se.className;import{Fragment as Hn,jsx as Vt,jsxs as Xa}from"react/jsx-runtime";var qr="k-upload-dropzone",QN=[r.hover],zn=e=>{let{hover:t,status:o,disabled:a,hasFiles:n,filesId:i,buttonText:l="Select files...",...m}=e,u;switch(o){case"uploading":u=Xa(Hn,{children:[Vt(v,{icon:"upload"}),"Uploading..."]});break;case"done":u=Xa(Hn,{children:[Vt(v,{icon:"check"}),"Done"]});break;case"failed":u=Xa(Hn,{children:[Vt(v,{icon:"exclamation-circle"}),"Done"]});break;default:u=Vt(Hn,{});break}return Xa("div",{...m,className:s(e.className,qr,"k-dropzone",C(qr,{hover:t})),children:[Xa("div",{className:"k-upload-button-wrap",children:[Vt(p,{className:"k-upload-button","aria-disabled":a?"true":"false",...n&&i?{"aria-controls":i}:{},children:l}),Vt("input",{id:"upload-input",className:"k-hidden",tabIndex:-1,"aria-hidden":"true"})]}),Vt("span",{className:s("k-dropzone-hint",{"k-hidden":o!=="upload"}),children:"Drop files here to upload"}),o!=="upload"&&Vt("span",{className:"k-upload-status",children:u})]})};zn.states=QN;zn.className=qr;var Wr="upload",ld=Wr;import{jsx as Un,jsxs as dd}from"react/jsx-runtime";var Jr="k-upload",jN=[r.hover,r.disabled],eh={},md={actionsLayout:"end"},pd="upload-files-list",ae=e=>{let{async:t,empty:o,actions:a,actionsLayout:n=md.actionsLayout,hover:i,status:l,disabled:m,buttonText:u,...b}=e,x=!!e.children;return dd("div",{...b,className:s(e.className,Jr,C(Jr,{disabled:m}),{"k-upload-async":t,"k-upload-empty":o}),children:[Un(zn,{status:l,hover:i,disabled:m,hasFiles:x,filesId:pd,buttonText:u}),x&&Un("ul",{className:"k-upload-files",role:"list",id:pd,children:e.children}),a&&x&&dd(Qi,{alignment:n,orientation:"horizontal",children:[Un(p,{className:"k-clear-selected",children:"Clear"}),Un(p,{themeColor:"primary",className:"k-upload-selected",children:"Upload"})]})]})};ae.states=jN;ae.options=eh;ae.className=Jr;ae.defaultOptions=md;ae.moduleName=Wr;ae.folderName=ld;var qa="progressbar",Fn=qa;import{jsx as Zr,jsxs as Yr}from"react/jsx-runtime";var et="k-progressbar",th=[r.disabled,r.indeterminate],oh={orientation:["horizontal","vertical"]},uo={indeterminate:!1,label:!0,labelPosition:"start",orientation:"horizontal",reverse:!1,value:"0"},ke=e=>{let{disabled:t,height:o,indeterminate:a=uo.indeterminate,label:n=uo.label,labelPosition:i=uo.labelPosition,orientation:l=uo.orientation,reverse:m=uo.reverse,value:u=uo.value,width:b,style:x,ariaLabel:g,...c}=e;return Yr("div",{...c,className:s(e.className,et,C(et,{disabled:t}),{[`${et}-${l}`]:l,[`${et}-indeterminate`]:a,[`${et}-reverse`]:m}),style:{...x,"--kendo-progressbar-value":u,[l==="horizontal"?"height":"width"]:l==="horizontal"?o:b},role:"progressbar","aria-label":g\|\|"progress","aria-valuenow":a?void 0:Number(u),"aria-valuemin":0,"aria-valuemax":100,children:[Zr("span",{className:s("k-progress-status-wrap",{[`k-progress-${i}`]:i&&!a}),children:n&&Yr("span",{className:"k-progress-status",children:[u,"%"]})}),!a&&Zr("div",{className:"k-progressbar-value k-selected",children:Zr("span",{className:s("k-progress-status-wrap",{[`k-progress-${i}`]:i}),children:n&&Yr("span",{className:"k-progress-status",children:[e.value,"%"]})})})]})};ke.states=th;ke.options=oh;ke.className=et;ke.defaultOptions=uo;ke.moduleName=qa;ke.folderName=Fn;var cd=ke;import{jsx as Qr}from"react/jsx-runtime";var ud="k-chunk-progressbar",ah=(e,t)=>t<=e-1,nh=[r.disabled,r.indeterminate],sh={},Gn={chunkCount:5,orientation:"horizontal",progress:0},ia=e=>{let{disabled:t,chunkCount:o=Gn.chunkCount,indeterminate:a,orientation:n=Gn.orientation,progress:i=Gn.progress,reverse:l,ariaLabel:m,...u}=e;return Qr("div",{...u,className:s(e.className,et,ud,C(et,{disabled:t}),{[`${et}-${n}`]:n,[`${et}-indeterminate`]:a,[`${et}-reverse`]:l}),role:"progressbar","aria-label":m\|\|"progress","aria-valuenow":a?void 0:i,"aria-valuemin":0,"aria-valuemax":o,children:Qr("ul",{className:"k-progressbar-chunks k-reset",children:[...Array(o)].map((b,x)=>Qr("li",{className:s("k-progressbar-chunk",{"k-first":x===0,"k-last":x===[...Array(o)].length-1,"k-selected":ah(i,x)})},x))})})};ia.states=nh;ia.options=sh;ia.className=ud;ia.defaultOptions=Gn;ia.moduleName=qa;ia.folderName=Fn;import{jsx as rh}from"react/jsx-runtime";var Wa=e=>rh(cd,{...e});import{jsx as Y7}from"react/jsx-runtime";import{jsx as $t}from"react/jsx-runtime";var ih=ke.options,lh=ke.states,fd={...ke.defaultOptions,variant:"start"},ph=[{name:"start",title:"Label start"},{name:"center",title:"Label center"},{name:"end",title:"Label end"},{name:"empty",title:"No label"}],dh=[],la=e=>{let{variant:t,modifiers:o,...a}={...fd,...e},n={},i={style:{width:"324px"}};switch(Object.keys(o\|\|{}).forEach(l=>{switch(l){case"reverse":n.reverse=!!o?.[l];break;case"vertical":n.orientation=o?.[l]?"vertical":void 0,i.style=o?.[l]?void 0:{width:"324px"};break}}),t){case"end":return $t("div",{...i,children:$t(Wa,{...a,...n,labelPosition:"end",value:"50"})});case"center":return $t("div",{...i,children:$t(Wa,{...a,...n,labelPosition:"center",value:"50"})});case"empty":return $t("div",{...i,children:$t(Wa,{...a,...n,label:!1,value:"50"})});default:return $t("div",{...i,children:$t(Wa,{...a,...n,labelPosition:"start",value:"50"})})}};la.options=ih;la.states=lh;la.variants=ph;la.defaultOptions=fd;la.modifiers=dh;la.className=ke.className;import{jsx as jr,jsxs as ch}from"react/jsx-runtime";var mh="k-file-info",ei=e=>{let{name:t,size:o,validationMsg:a,...n}=e;return ch("div",{...n,className:s(e.className,mh),children:[t&&jr("span",{className:"k-file-name",children:t}),o&&jr("span",{className:"k-file-size",children:o}),a&&jr("span",{className:"k-file-validation-message","aria-live":"polite",children:a})]})};import{Fragment as fh,jsx as At,jsxs as Vn}from"react/jsx-runtime";var uh="k-file",Oe=e=>{let{status:t,progress:o,name:a,icon:n,size:i,state:l,validationMsg:m,...u}=e;return At("li",{...u,className:s(e.className,uh,{[`k-file-${t}`]:t}),role:"listitem",tabIndex:0,children:Vn("div",{className:"k-file-single",children:[At(ke,{className:s({"k-hidden":t!=="progress"}),value:o,label:!1}),Vn("span",{className:"k-file-icon-wrapper",children:[At(v,{className:"k-file-icon",icon:n,size:"xxlarge"}),l&&At("span",{className:"k-file-state",children:l})]}),At(ei,{name:a,size:i,validationMsg:m}),At("div",{className:"k-upload-actions",children:t==="progress"?Vn(fh,{children:[Vn("span",{className:"k-upload-pct",children:[o,"%"]}),At(p,{icon:"pause",fillMode:"flat",size:"xsmall",className:"k-upload-action","aria-label":"Pause upload",tabIndex:-1}),At(p,{icon:"cancel",fillMode:"flat",size:"xsmall",className:"k-upload-action","aria-label":"Cancel upload",tabIndex:-1})]}):At(p,{icon:"x",fillMode:"flat",size:"xsmall",className:"k-upload-action","aria-label":"Remove file",tabIndex:-1})})]})})};import{Fragment as A9,jsx as k9,jsxs as C9}from"react/jsx-runtime";import{Fragment as bh,jsx as ti,jsxs as xh}from"react/jsx-runtime";var Ja=e=>ti(ae,{async:!0,children:xh(bh,{children:[ti(Oe,{name:"Image_With_Very_Very_Very_Very_Very_Long_Name1.png",icon:"file-image",size:"51.23 KB"}),ti(Oe,{name:"Image2.jpg",icon:"file-image",size:"106.43 KB"})]}),...e});import{Fragment as _9,jsx as K9,jsxs as R9}from"react/jsx-runtime";import{jsx as Nh}from"react/jsx-runtime";var bd=e=>Nh(ae,{async:!0,empty:!0,...e});import{Fragment as V9,jsx as G9,jsxs as $9}from"react/jsx-runtime";import{Fragment as Y9,jsx as J9,jsxs as Z9}from"react/jsx-runtime";import{jsx as Et,jsxs as $n}from"react/jsx-runtime";var hh=ae.options,vh=ae.states,xd={...ae.defaultOptions,variant:"empty"},gh=[{name:"empty",title:"Empty"},{name:"upload",title:"Upload"},{name:"uploading",title:"Uploading"},{name:"success",title:"Success"},{name:"failed",title:"Failed"}],Lh=[],pa=e=>{let{variant:t,...o}={...xd,...e};switch(t){case"success":return $n(Ja,{status:"done",style:{width:"586px"},...o,children:[Et(Oe,{status:"success",validationMsg:"File(s) uploaded successfully.",name:"Image1.png",icon:"file-image"}),Et(Oe,{status:"success",validationMsg:"File(s) uploaded successfully.",name:"Image2.png",icon:"file-image"})]});case"failed":return $n(Ja,{status:"failed",style:{width:"586px"},...o,children:[Et(Oe,{status:"error",validationMsg:"File type not allowed.",name:"Movie1.mkv",icon:"file-image"}),Et(Oe,{status:"error",validationMsg:"File type not allowed.",name:"Video2.mkv",icon:"file-image"})]});case"uploading":return $n(Ja,{status:"uploading",style:{width:"586px"},...o,children:[Et(Oe,{progress:"50",status:"progress",name:"Document1.txt",icon:"file-pdf",size:"328.92 KB"}),Et(Oe,{progress:"70",status:"progress",name:"Document2.txt",icon:"file-pdf",size:"225.68 KB"})]});case"upload":return $n(Ja,{actions:!0,status:"upload",style:{width:"586px"},...o,children:[Et(Oe,{name:"Image1.png",icon:"file-image",size:"51.23 KB"}),Et(Oe,{name:"Image2.jpg",icon:"file-image",size:"106.43 KB"})]});default:return Et(bd,{async:!0,status:"upload",style:{width:"586px"},...o})}};pa.options=hh;pa.states=vh;pa.variants=gh;pa.defaultOptions=xd;pa.modifiers=Lh;pa.className=ae.className;import{Fragment as C4,jsx as k4,jsxs as A4}from"react/jsx-runtime";import{jsx as T4}from"react/jsx-runtime";import{Fragment as R4,jsx as K4,jsxs as _4}from"react/jsx-runtime";import{Fragment as U4,jsx as z4,jsxs as F4}from"react/jsx-runtime";import{Fragment as q4,jsx as X4,jsxs as W4}from"react/jsx-runtime";import{Fragment as j4,jsx as Q4}from"react/jsx-runtime";var oi="appbar",Nd=oi;import{jsx as Ch}from"react/jsx-runtime";var ai="k-appbar",Mh=[],Sh={themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary,h.inverse]},kh={},Ce=e=>{let{themeColor:t,positionMode:o,position:a,...n}=e;return Ch("div",{...n,className:s(e.className,ai,E(ai,{themeColor:t}),{[`k-appbar-${o}`]:o,[`k-appbar-${a}`]:a}),children:e.children})};Ce.states=Mh;Ce.options=Sh;Ce.className=ai;Ce.defaultOptions=kh;Ce.moduleName=oi;Ce.folderName=Nd;import{jsx as Eh}from"react/jsx-runtime";var Ah="k-appbar-section",vt=e=>{let{...t}=e;return Eh("div",{...t,className:s(Ah,e.className),children:e.children})};import{Fragment as f8,jsx as c8,jsxs as u8}from"react/jsx-runtime";import{jsx as j,jsxs as da}from"react/jsx-runtime";var ni={...Ce.options,positionMode:["static","sticky","fixed"]},yh=Ce.states,hd={...Ce.defaultOptions,themeColor:"primary",variant:"top",positionMode:"sticky"};ni.themeColor=["primary",...ni.themeColor.filter(e=>e!=="primary")];var Ih=[{name:"top",title:"Top"},{name:"bottom",title:"Bottom"}],ma=e=>{let{variant:t,...o}={...hd,...e},a=da(Ce,{position:t,...o,children:[j(vt,{children:j(X,{fillMode:"flat",icon:"menu"})}),j("span",{className:"k-spacer k-spacer-sized",style:{width:"8px"}}),j(vt,{children:j("h3",{className:"k-m-0",children:"AppBar"})}),j("span",{className:"k-spacer"}),da(vt,{children:[j(at,{fillMode:"flat",children:"Button"}),j(at,{fillMode:"flat",children:"Button"}),j(at,{fillMode:"flat",children:"Button"})]}),j("span",{className:"k-spacer k-spacer-sized",style:{width:"8px"}}),j(vt,{children:j(dn,{value:"Input value"})}),da(vt,{children:[j(X,{className:"k-mx-sm",fillMode:"flat",icon:"bell"}),j("span",{className:"k-appbar-separator"}),j(Tn,{className:"k-mx-sm",children:j("img",{src:"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg"})})]})]}),n=da("div",{style:{padding:"25px 10px"},children:[j("p",{children:"Lorem ipsum dolor sit amet consectetur adipisicing elit. Fugit, harum magnam? Possimus magnam non natus error consectetur voluptatum, unde quasi rerum ad facere, hic in! Qui ducimus ab sed consequuntur excepturi fugiat! Facilis fuga asperiores pariatur sed. Eligendi aliquid vel nemo, ipsum tempora minima consequatur culpa molestias maiores nihil eveniet accusantium porro. Inventore saepe ut ad in a. Quo itaque est expedita quidem consectetur enim quam minima, quisquam harum velit, earum adipisci provident, officia eveniet voluptas vero accusamus ad ducimus laudantium!"}),j("p",{children:"Consequatur incidunt sequi explicabo adipisci saepe, accusamus, numquam fuga quam ex, provident possimus ratione blanditiis ducimus quos nulla repellat error pariatur nemo nobis illo! Saepe deleniti dolore cumque, sequi similique eligendi consectetur corrupti iste reprehenderit adipisci enim laudantium inventore totam quos non impedit quibusdam et consequuntur blanditiis accusamus! Rerum, nostrum. Rerum, tempore earum officia alias suscipit ut minima recusandae dolorem reprehenderit ea?"}),j("p",{children:"Aliquam pariatur ut expedita, repellat architecto aut, consequatur iure recusandae tempora odit consequuntur, nihil nostrum totam accusantium at. Dignissimos repellendus culpa nesciunt. Officia repudiandae, laudantium error iure in minus ratione reprehenderit dolorum alias quo voluptatibus doloremque aliquid exercitationem quidem odit earum natus autem eaque tempore nulla esse sapiente? Dolore aliquid aliquam modi velit quaerat!"}),j("p",{children:"Sunt consequuntur, aliquam eius beatae ex odit quasi iusto, accusamus architecto corrupti reprehenderit dolores itaque aliquid veniam odio eaque vel doloremque? Corporis, tenetur delectus deleniti voluptatum autem necessitatibus esse nisi ad, optio cumque quas dignissimos reprehenderit. Optio dolores quam corporis ea, reiciendis eos sit. Voluptate vel esse necessitatibus eum, sunt fuga, quaerat, eos natus quod repellendus nulla voluptatem ut quo quas ipsa animi incidunt autem saepe perferendis. Sequi ratione in iste, quibusdam, neque facilis accusantium, eum rem error sunt a explicabo commodi impedit quam."})]});return t==="bottom"?da("div",{style:{height:"250px",overflow:"auto"},children:[n,a]}):da("div",{style:{height:"250px",overflow:"auto"},children:[a,n]})};ma.options=ni;ma.states=yh;ma.variants=Ih;ma.defaultOptions=hd;ma.modifiers=[];ma.className=Ce.className;var si="suggestion",vd=si;import{jsx as Xn,jsxs as Bh}from"react/jsx-runtime";var qn="k-suggestion-group",Th=[],Oh={},gd={layout:"scrollable",scrollingPosition:"start"},tt=e=>{let{layout:t=gd.layout,scrollingPosition:o,...a}=e,n=Xn("div",{...a,className:s(qn,{"k-suggestion-group-scrollable":t=="scrollable",[`${qn}-scrollable-start`]:o==="start"\|\|o==="both",[`${qn}-scrollable-end`]:o==="end"\|\|o==="both"},e.className),role:"group",children:t==="scrollable"\|\|t==="scrollButtons"?Xn("div",{className:"k-suggestions-scroll",children:e.children}):e.children});return t=="scrollButtons"?Bh("div",{className:"k-suggestion-scrollwrap",children:[Xn(p,{fillMode:"flat",icon:"chevron-left",size:"xsmall","aria-label":"Scroll left"}),n,Xn(p,{fillMode:"flat",icon:"chevron-right",size:"xsmall","aria-label":"Scroll right"})]}):n};tt.states=Th;tt.options=Oh;tt.className=qn;tt.defaultOptions=gd;tt.moduleName=si;tt.folderName=vd;import{jsx as _h}from"react/jsx-runtime";var Wn="k-suggestion",Ph=[r.active,r.hover,r.focus],Kh={themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary]},Rh={text:"Suggestion"},ot=e=>{let{themeColor:t,active:o,hover:a,focus:n,text:i,...l}=e;return _h("span",{...l,className:s(e.className,Wn,C(Wn,{hover:a,active:o,focus:n}),E(Wn,{themeColor:t})),role:"button",tabIndex:0,"aria-label":i,children:i})};ot.states=Ph;ot.options=Kh;ot.className=Wn;ot.item=Rh;import{Fragment as U8,jsx as z8,jsxs as F8}from"react/jsx-runtime";import{Fragment as q8,jsx as X8,jsxs as W8}from"react/jsx-runtime";import{Fragment as j8,jsx as Q8,jsxs as eV}from"react/jsx-runtime";import{Fragment as Fh,jsx as ee,jsxs as Jn}from"react/jsx-runtime";var wh=G.states,Dh=G.defaultOptions,Hh=G.options,zh=[{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"}],Uh=[],ca=e=>{let{modifiers:t,...o}=e,a={author:null,avatar:null},n=Jn(Ce,{className:"k-chat-header",positionMode:"sticky",themeColor:"primary",children:[ee("span",{className:"k-spacer k-spacer-sized k-w-1"}),ee(vt,{children:ee("span",{children:"Chat with demo bot"})}),ee("span",{className:"k-spacer"}),ee(vt,{children:ee(p,{fillMode:"flat",icon:"more-vertical"})})]}),i=ee(Ft,{type:"sender",pinned:!0,content:"Hello! Generate a cover letter.",closeable:!0}),l=Jn(tt,{children:[ee(ot,{text:"Provide a CV template"}),ee(ot,{text:"Generate a cover letter"})]}),m=Jn(tt,{children:[ee(ot,{themeColor:"primary",text:"Thank you!"}),ee(ot,{themeColor:"primary",text:"Great!"})]}),u="https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg",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(Fh,{});break;default:break}});let{header:c,pinned:L,suggestedActions:M,author:S,avatar:A,quickReplies:k}=a;return Jn(qp,{value:"Thank you!",style:{minHeight:"100%"},...o,header:c,pinned:L,suggestedActions:M,children:[ee($,{avatar:b,author:S?g:null,children:ee(F,{text:"Hello, this is a demo bot. How can I help you ?"})}),ee($,{avatar:A?u:null,author:S?x:null,type:"sender",children:ee(F,{text:"Hello! Generate a cover letter."})}),ee($,{avatar:b,author:S?g:null,children:ee(F,{text:"Sure. Here is a cover letter template",files:ee(Nt,{children:ee(Te,{icon:"file-pdf",name:"cover_letter.pdf",size:"1.43MB"})})})}),k]})};ca.options=Hh;ca.states=wh;ca.variants=Uh;ca.defaultOptions=Dh;ca.modifiers=zh;ca.className=G.className;import{Fragment as Gh,jsx as Yn,jsxs as Vh}from"react/jsx-runtime";var FV=e=>Yn(G,{generating:!0,children:Vh(Gh,{children:[Yn("div",{className:"k-timestamp",children:"Day, Month 7, 2023"}),Yn($,{fullWidth:!0,avatar:null,children:Yn(F,{})})]}),...e});export{FV as ChatStopResponse};
1	+ var s=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?s(...t):typeof t=="object"?Object.keys(t).map((o,a)=>t[a]\|\|t[o]&&o\|\|null).filter(o=>o!==null).join(" "):t).filter(t=>!!t).join(" ");var E=(e,t)=>s({[`${e}-xs`]:t.size==="xsmall",[`${e}-sm`]:t.size==="small",[`${e}-md`]:t.size==="medium",[`${e}-lg`]:t.size==="large",[`${e}-xl`]:t.size==="xlarge",[`${e}-xxl`]:t.size==="xxlarge",[`${e}-xxxl`]:t.size==="xxxlarge"},{[`${e}-${t.fillMode}`]:t.fillMode},{[`${e}-${t.themeColor}`]:t.themeColor},{"k-rounded-sm":t.rounded==="small","k-rounded-md":t.rounded==="medium","k-rounded-lg":t.rounded==="large","k-rounded-full":t.rounded==="full","k-rounded-none":t.rounded==="none"}),C=(e,t)=>{let{valid:o,invalid:a,hover:n,focus:i,checked:l,active:m,selected:u,disabled:b,indeterminate:x,loading:g,empty:c,readonly:L,highlighted:M,...S}=t;return s({"k-valid":o,"k-invalid":a,"k-hover":n,"k-focus":i,"k-checked":l,"k-active":m,"k-selected":u,"k-disabled":b,"k-indeterminate":x&&!l,"k-loading":g,"k-empty":c,"k-readonly":L,"k-highlighted":M},Object.keys(S).reduce((A,k)=>(k.startsWith("k-")?A[k]=S[k]:A[`k-${k}`]=S[k],A),{}))};function Ya(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(a=>[`k-${a}`,!0]))}var d={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},f={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},N={undefined:void 0,solid:"solid",tint:"tint",flat:"flat",outline:"outline",clear:"clear",link:"link"},it={undefined:void 0,outline:"outline",solid:"solid",duotone:"duotone"},h={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",inverse:"inverse"},r={open:"open",hover:"hover",focus:"focus",active:"active",selected:"selected",disabled:"disabled",valid:"valid",invalid:"invalid",loading:"loading",required:"required",empty:"empty",indeterminate:"indeterminate",checked:"checked",readonly:"readonly",highlighted:"highlighted",generating:"generating",expanded:"expanded"};var es={};function B(e){return es[e]=(es[e]\|\|0)+1,`k-${e}-${es[e]}`}import{Fragment as kd,jsx as ii}from"react/jsx-runtime";var ts="k-font-icon",Ld=[],Md={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]},Sd={},ba=e=>{let{size:t,themeColor:o,icon:a,rotate:n,flip:i,...l}=e;return a?ii("span",{...l,className:s(e.className,ts,E(ts,{size:t}),{[`k-i-${a}`]:a,[`k-color-${o}`]:o,[`k-rotate-${n}`]:n,"k-flip-h":i==="h"\|\|i==="both","k-flip-v":i==="v"\|\|i==="both"}),"aria-hidden":"true"}):ii(kd,{})};ba.states=Ld;ba.options=Md;ba.className=ts;ba.defaultOptions=Sd;var li=ba;import{Fragment as Ed,jsx as Za}from"react/jsx-runtime";var os="k-svg-icon",Cd=[],Ad={size:[d.undefined,d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary,h.success,h.warning,h.error,h.info],variant:[it.outline,it.solid,it.duotone]},as={viewBox:"0 0 24 24",variant:it.outline},xa=e=>{let{size:t,themeColor:o,rotate:a,flip:n,viewBox:i=as.viewBox,variant:l=as.variant,icon:m,...u}=e;if(!m)return Za(Ed,{});if(m==="none")return Za("span",{...u,className:s(e.className,os,E("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let b=typeof m=="object"&&m.name&&m.name,x=typeof m=="object"?l&&m.variants?.[l]\|\|m.variants?.outline\|\|m.content:void 0;return Za("span",{...u,className:s(e.className,os,E("k-icon",{size:t}),{[`k-svg-i-${b}`]:b,[`k-color-${o}`]:o,[`k-rotate-${a}`]:a,"k-flip-h":n==="h"\|\|n==="both","k-flip-v":n==="v"\|\|n==="both"}),"aria-hidden":"true",children:Za("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof m=="object"?m.viewBox:i,dangerouslySetInnerHTML:x!==void 0?{__html:x}:void 0,children:m?void 0:e.children})})};xa.states=Cd;xa.options=Ad;xa.className=os;xa.defaultOptions=as;var ns=xa;importas ss from"@progress/kendo-svg-icons";var pi="icon",di="icons";import{useContext as Id}from"react";import{createContext as yd}from"react";var mi=yd({iconsType:"svg"});import{Fragment as ci,jsx as Na}from"react/jsx-runtime";var Qa="k-icon",Td=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),Od=[],Bd={size:[d.undefined,d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary,h.success,h.warning,h.error,h.info],variant:[it.outline,it.solid,it.duotone]},ja={viewBox:"0 0 24 24",type:"svg",variant:it.outline},v=e=>{let{iconsType:t}=Id(mi),{size:o,themeColor:a,icon:n,type:i=t\|\|ja.type,rotate:l,flip:m,viewBox:u=ja.viewBox,variant:b=ja.variant,...x}=e;if(!n)return Na(ci,{});if((t\|\|i)==="svg"){if(n==="none")return Na(ns,{...x,className:s(e.className,Qa),icon:n,size:o,variant:b});let c=ss[n]?n:Td(`${n}-icon`);return ss[c]?Na(ns,{...x,className:s(e.className,Qa),icon:ss[c],size:o,themeColor:a,rotate:l,flip:m,viewBox:u,variant:b}):Na(ci,{})}return Na(li,{...x,className:s(e.className,Qa),icon:n,size:o,themeColor:a,rotate:l,flip:m})};v.states=Od;v.options=Bd;v.defaultOptions=ja;v.className=Qa;v.moduleName=pi;v.folderName=di;var rs="button",ui=rs;import{Fragment as is,jsx as yt,jsxs as fi}from"react/jsx-runtime";var ha="k-button",Pd=["icon-button"],Kd=[r.hover,r.focus,r.active,r.selected,r.disabled,r.generating],Rd={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]},ls={showArrow:!1,arrowIconName:"chevron-down"},p=e=>{let{as:t="button",size:o,rounded:a,fillMode:n,themeColor:i,showArrow:l=ls.showArrow,arrowIconName:m=ls.arrowIconName,variant:u,hover:b,focus:x,active:g,selected:c,disabled:L,togglable:M,ariaDisabled:S,icon:A,endIcon:k,iconSize:y,text:w,iconClassName:se,className:Ae,...pe}=e,ue=A!=null,ua=e.children!==void 0;return fi(t,{className:s(Ae,ha,Ya(ha,u),E(ha,{size:o,rounded:a,fillMode:n,themeColor:i}),C(ha,{hover:b,focus:x,active:g,disabled:L\|\|S,selected:c}),{"k-icon-button":!w&&!ua&&ue}),"aria-pressed":M?c?"true":"false":void 0,...pe,"aria-disabled":S?"true":void 0,disabled:L\|\|void 0,children:[typeof A=="string"&&A&&yt(v,{className:s(se,"k-button-icon"),icon:A,size:y}),A&&typeof A!="string"&&yt(is,{children:A}),w?fi(is,{children:[w&&yt("span",{className:"k-button-text",children:w}),e.children]}):e.children&&yt("span",{className:"k-button-text",children:e.children}),typeof k=="string"&&k&&yt(v,{className:s(se,"k-button-icon"),icon:k,size:y}),k&&typeof k!="string"&&yt(is,{children:k}),l&&yt("span",{className:"k-menu-button-arrow k-button-arrow",children:yt(v,{icon:m})})]})};p.states=Kd;p.options=Rd;p.variants=Pd;p.className=ha;p.defaultOptions=ls;p.moduleName=rs;p.folderName=ui;import{jsx as _d}from"react/jsx-runtime";var X=e=>_d(p,{icon:"folder",...e,"aria-label":e["aria-label"]\|\|"Folder",children:void 0});import{jsx as wd}from"react/jsx-runtime";var va=e=>wd(p,{icon:"folder",children:"Button",...e});import{jsx as _v}from"react/jsx-runtime";import{jsx as Dd}from"react/jsx-runtime";var at=e=>Dd(p,{children:"Button",...e});import{jsx as ps}from"react/jsx-runtime";var Hd=p.options,zd=p.states,Ud={...p.defaultOptions,variant:"text"},Fd=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Gd=[],fo=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return ps(X,{...o,icon:"star"});case"icon-and-text":return ps(va,{...o,icon:"star",children:"Button"});default:return ps(at,{...o,children:"Button"})}};fo.options=Hd;fo.states=zd;fo.variants=Fd;fo.defaultOptions=Ud;fo.modifiers=Gd;fo.className=p.className;import{jsx as bi,jsxs as Wd}from"react/jsx-runtime";var en="k-fab",Xd=[r.hover,r.focus,r.active,r.selected,r.disabled],qd={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]},xi={type:"button"},te=e=>{let{size:t,rounded:o,themeColor:a,text:n,icon:i,type:l=xi.type,position:m,hover:u,focus:b,active:x,selected:g,disabled:c,...L}=e;return Wd("button",{...L,type:l,className:s(e.className,en,E(en,{size:t,rounded:o,themeColor:a}),C(en,{hover:u,focus:b,active:x,disabled:c,selected:g}),{[`!k-pos-absolute k-${m}`]:m}),...!n&&i&&!e["aria-label"]&&{"aria-label":"Action"},...c&&{"aria-disabled":"true"},disabled:c\|\|void 0,children:[i&&bi(v,{className:"k-fab-icon",icon:i}),n&&bi("span",{className:"k-fab-text",children:n})]})};te.states=Xd;te.options=qd;te.className=en;te.defaultOptions=xi;te.moduleName="fab";te.folderName="fab";import{jsx as Yd}from"react/jsx-runtime";var Jd="k-fab-items",Ni=e=>{let{position:t,...o}=e;return Yd("ul",{...o,className:s(e.className,Jd,{[`k-fab-items-${t}`]:t}),children:e.children})};import{jsx as vi,jsxs as Qd}from"react/jsx-runtime";var hi="k-fab-item",Zd=[r.hover,r.focus,r.active,r.disabled],ds=e=>{let{text:t,icon:o,align:a,hover:n,focus:i,active:l,disabled:m,...u}=e;return Qd("li",{...u,className:s(e.className,hi,{[`k-text-${a}`]:a},C(hi,{hover:n,focus:i,active:l,disabled:m})),children:[vi("span",{className:"k-fab-item-text",children:t}),vi(v,{className:"k-fab-item-icon",icon:o})]})};ds.states=Zd;import{jsx as xg}from"react/jsx-runtime";import{jsx as jd}from"react/jsx-runtime";var gi=e=>jd(te,{icon:"plus",...e});import{jsx as Sg}from"react/jsx-runtime";import{jsx as Eg}from"react/jsx-runtime";import{jsx as bo,jsxs as sm}from"react/jsx-runtime";var em=te.options,tm=te.states,om={...te.defaultOptions,variant:"text"},am=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],nm=[{name:"opened",title:"Opened"}],xo=e=>{let{variant:t,modifiers:o,...a}=e,{opened:n}=o\|\|{},i=n?bo("div",{className:"k-fab-popup k-popup k-popup-transparent",style:{position:"absolute",top:"calc(16px + 36px)",right:"calc(16px + calc(36px / 2) - calc(36px /2))"},children:bo(Ni,{position:"bottom",children:bo(ds,{text:"Item",icon:"pencil",align:"right"})})}):null,l;switch(t){case"icon-only":l=bo(te,{...a,icon:"star"});break;case"icon-and-text":l=bo(te,{...a,icon:"star",text:"Action"});break;default:l=bo(te,{...a,text:"Action"});break}return sm("span",{style:{position:"relative"},children:[l,i]})};xo.options=em;xo.states=tm;xo.variants=am;xo.defaultOptions=om;xo.modifiers=nm;xo.className=te.className;import{jsx as lm}from"react/jsx-runtime";var ms="k-input-inner",rm=[],im={},tn={type:"text",autocomplete:"off",value:"",placeholder:""},fe=e=>{let{value:t=tn.value,type:o=tn.type,placeholder:a=tn.placeholder,autocomplete:n=tn.autocomplete,disabled:i,readOnly:l,...m}=e;return lm("input",{...m,type:o,className:s(e.className,ms,E(ms,e)),placeholder:a,autoComplete:n,defaultValue:t,disabled:i\|\|void 0,readOnly:l\|\|void 0})};fe.states=rm;fe.options=im;fe.className=ms;import{jsx as mm}from"react/jsx-runtime";var cs="k-input-inner",pm=[],dm={},Li={value:"",placeholder:""},ga=e=>{let{value:t=Li.value,placeholder:o=Li.placeholder,rows:a,disabled:n,...i}=e;return mm("textarea",{...i,className:s(e.className,cs,E(cs,e)),placeholder:o,rows:a,defaultValue:t,disabled:n\|\|void 0})};ga.states=pm;ga.options=dm;ga.className=cs;var us="prompt-box",Mi=us;var fs="speech-to-text-button",Si=fs;import{jsx as cm}from"react/jsx-runtime";var ki="k-speech-to-text-button",Ci={icon:"microphone"},Be=e=>{let{listening:t=!1,icon:o=Ci.icon,...a}=e;return cm(p,{...a,icon:t?"stop":o,className:s(e.className,ki,{"k-listening":t}),"aria-pressed":t?"true":"false","aria-label":t?"Stop listening":"Start listening"})};Be.states=p.states;Be.options=p.options;Be.className=ki;Be.defaultOptions=Ci;Be.moduleName=fs;Be.folderName=Si;import{jsx as lL}from"react/jsx-runtime";import{jsx as cL}from"react/jsx-runtime";import{jsx as Nm}from"react/jsx-runtime";var um=p.states,Ai={...p.defaultOptions,variant:"normal"},fm={...p.options,fillMode:p.options.fillMode.filter(e=>e!=="clear"&&e!=="link")},bm=[],xm=[{name:"normal",title:"Normal"},{name:"listening",title:"Listening"}],No=e=>{let{variant:t,...o}={...Ai,...e},a={};return t==="listening"&&(a.listening=!0),Nm(Be,{...o,...a})};No.options=fm;No.states=um;No.variants=xm;No.defaultOptions=Ai;No.modifiers=bm;No.className=Be.className;import{jsx as Wt,jsxs as bs}from"react/jsx-runtime";var lt="k-prompt-box",hm=[r.hover,r.focus,r.disabled],vm={fillMode:[N.undefined,N.solid,N.flat,N.outline]},xs={lineMode:"auto",isExpanded:!1},be=e=>{let{fillMode:t,lineMode:o=xs.lineMode,startAffix:a,endAffix:n,header:i,isExpanded:l=xs.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 bs("div",{...y,className:s(m,"k-input",lt,{[`${lt}-singleline`]:o==="single",[`${lt}-multiline`]:w,[`k-input-${t}`]:t,"k-hover":S,"k-focus":A,"k-disabled":k}),children:[i&&Wt("div",{className:`${lt}-header`,children:i}),bs("div",{className:`${lt}-content`,children:[a&&Wt("div",{className:`${lt}-affix`,children:a}),o==="single"?Wt(fe,{value:b,placeholder:x,className:`${lt}-input`,type:"text","aria-label":"Prompt input"}):Wt(ga,{value:b,placeholder:x,className:`${lt}-textarea`,rows:o==="multi"\|\|l?3:1,"aria-label":"Prompt input","aria-multiline":"true"}),bs("div",{className:`${lt}-affix`,children:[n,M&&Wt(X,{icon:"paperclip",size:"small",fillMode:"flat",rounded:"full","aria-label":"Attach files",...M}),L!==!1&&Wt(Be,{size:"small",fillMode:"flat",rounded:"full",...L}),Wt(X,{icon:g?"stop":"arrow-up",size:"small",rounded:"full",active:g,disabled:!b&&!g,"aria-label":g?"Stop generating":"Send prompt","aria-live":"polite",...c,className:s({"k-generating":g},c?.className)})]})]}),u]})};be.states=hm;be.options=vm;be.className=lt;be.defaultOptions=xs;be.moduleName=us;be.folderName=Mi;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 Ns,jsx as It,jsxs as Cm}from"react/jsx-runtime";var gm=be.options,Lm=be.states,Mm={...be.defaultOptions,variant:"Single"},Sm=[{name:"Single",title:"Singleline"},{name:"Multi",title:"Multiline"}],km=[{name:"header",title:"Header"},{name:"endAffix",title:"End Affix"},{name:"startAffix",title:"Start Affix"}],ho=e=>{let{variant:t,modifiers:o,...a}=e,n={},i=It(Ns,{children:It(X,{size:"small",icon:"send",fillMode:"flat"})});return Object.keys(o\|\|{}).forEach(l=>{switch(l){case"header":n.header=o?.[l]?It(p,{children:"Button in header"}):void 0;break;case"endAffix":o?.[l]&&(n.endAffix=Cm(Ns,{children:[i,It(X,{icon:"paperclip",size:"small",fillMode:"flat"})]}));break;case"startAffix":n.startAffix=o?.[l]?It(Ns,{children:It(X,{icon:"plus",size:"small",fillMode:"flat"})}):void 0;break;default:break}}),t==="Multi"?It(be,{style:{width:300},lineMode:"multi",endAffix:i,placeholder:"Enter your prompt...",...a,...n}):It(be,{style:{width:300},lineMode:"single",endAffix:i,placeholder:"Enter your prompt...",...a,...n})};ho.options=gm;ho.states=Lm;ho.variants=Sm;ho.defaultOptions=Mm;ho.modifiers=km;ho.className=be.className;var hs="chat",Ei=hs;import{Fragment as Ti,jsx as Jt,jsxs as La}from"react/jsx-runtime";var yi="k-chat",Am=[],Em={},ym=La(Ti,{children:[Jt(X,{icon:"paperclip",fillMode:"clear",rounded:"full",size:"small","aria-label":"Attach file"},"paperclip"),Jt("div",{className:"k-spacer"})]}),Ii={tools:ym},G=e=>{let{header:t,dir:o,suggestedActions:a,files:n,pinned:i,replied:l,generating:m,tools:u=Ii.tools,value:b,empty:x,scrollToBottom:g,scrollbar:c,promptBoxProps:L,...M}=e;return La("div",{...M,className:s(yi,e.className),dir:o,children:[t,La("div",{className:"k-message-list",role:"log","aria-label":"Message list","aria-live":"polite",children:[i,Jt("div",{className:s("k-message-list-content",x&&"k-message-list-content-empty"),children:e.children}),g&&Jt("div",{className:"k-chat-scroll-to-bottom-container",children:Jt(gi,{themeColor:"base",icon:"arrow-down",size:"small"})})]}),c&&Jt("div",{className:"k-separator"}),La("div",{className:"k-message-box-wrapper",children:[a,Jt(be,{lineMode:"multi",placeholder:"Type a message",generating:m,value:b,header:n\|\|l?La(Ti,{children:[l,n]}):void 0,endAffix:u,...L})]})]})};G.states=Am;G.options=Em;G.className=yi;G.defaultOptions=Ii;G.moduleName=hs;G.folderName=Ei;var vs="button",Oi=vs;import{jsx as Bm}from"react/jsx-runtime";var Ma="k-button-group",Im=[r.disabled],Tm={fillMode:[N.undefined,N.solid,N.flat,N.outline,N.clear,N.link]},Om={},T=e=>{let{fillMode:t,disabled:o,stretched:a,...n}=e;return Bm("div",{role:"group",...n,className:s(e.className,Ma,E(Ma,{fillMode:t}),C(Ma,{disabled:o}),{[`${Ma}-stretched`]:a}),...o&&{"aria-disabled":"true"},children:e.children})};T.states=Im;T.options=Tm;T.className=Ma;T.defaultOptions=Om;T.moduleName=vs;T.folderName=Oi;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 gt,jsxs as gs}from"react/jsx-runtime";var Pm={...p.options,...T.options},Km=p.states,Rm={...p.defaultOptions,...T.defaultOptions,variant:"text-button"},_m=[{name:"icon-button",title:"Icon Only"},{name:"text-button",title:"Text"},{name:"icon-text-button",title:"Icon Text"}],wm=[],vo=e=>{let{variant:t,className:o,...a}=e;return t==="icon-button"?gs(T,{fillMode:a.fillMode,className:o,children:[gt(p,{...a,icon:"star"}),gt(p,{...a,icon:"star"}),gt(p,{...a,icon:"star"})]}):t==="icon-text-button"?gs(T,{fillMode:a.fillMode,className:o,children:[gt(p,{...a,icon:"star",children:"First"}),gt(p,{...a,icon:"star",children:"Middle"}),gt(p,{...a,icon:"star",children:"Last"})]}):gs(T,{fillMode:a.fillMode,className:o,children:[gt(p,{...a,children:"First"}),gt(p,{...a,children:"Middle"}),gt(p,{...a,children:"Last"})]})};vo.options=Pm;vo.states=Km;vo.variants=_m;vo.defaultOptions=Rm;vo.modifiers=wm;vo.className=T.className;var Sa="input",an=Sa;import{jsx as Um}from"react/jsx-runtime";var nn="k-input",Dm=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading,r.readonly],Hm={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]},zm={},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 Um("span",{...g,className:s(e.className,nn,E(nn,{size:u,rounded:b,fillMode:x}),C(nn,{hover:t,focus:o,disabled:a,invalid:n,valid:i,loading:l,readonly:m}))})};J.states=Dm;J.options=Hm;J.className=nn;J.defaultOptions=zm;J.moduleName=Sa;J.folderName=an;import{jsx as $m}from"react/jsx-runtime";var sn="k-picker",Fm=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading,r.readonly],Gm={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]},Vm={},pt=e=>{let{hover:t,focus:o,disabled:a,invalid:n,valid:i,loading:l,readonly:m,size:u,rounded:b,fillMode:x,...g}=e;return $m("span",{...g,className:s(e.className,sn,E(sn,{size:u,rounded:b,fillMode:x}),C(sn,{hover:t,focus:o,disabled:a,invalid:n,valid:i,loading:l,readonly:m})),children:e.children})};pt.states=Fm;pt.options=Gm;pt.className=sn;pt.defaultOptions=Vm;pt.moduleName=Sa;pt.folderName=an;import{Fragment as Wm,jsx as Ls}from"react/jsx-runtime";var Bi="k-clear-value",Xm=[r.disabled,r.loading,r.readonly],qm={},Pe=e=>{let{disabled:t,loading:o,readonly:a,value:n}=e;return t\|\|a\|\|o\|\|!n?Ls(Wm,{}):Ls("span",{className:s(e.className,Bi),children:Ls(v,{icon:"x"})})};Pe.states=Xm;Pe.options=qm;Pe.className=Bi;import{jsx as Pi,jsxs as Zm}from"react/jsx-runtime";var Ms="k-input-inner",Jm=[],Ym={},Yt=e=>{let{value:t,placeholder:o,showValue:a,valueIcon:n,valueIconName:i,...l}=e;return Zm("span",{...l,className:s(e.className,Ms,E(Ms,e)),children:[n,!n&&i&&Pi(v,{className:"k-input-value-icon",icon:i}),a&&!t&&o,a&&t&&Pi("span",{className:"k-input-value-text",children:t})]})};Yt.states=Jm;Yt.options=Ym;Yt.className=Ms;import{Fragment as jm,jsx as Ki}from"react/jsx-runtime";var Ri="k-input-loading-icon",Qm=[r.disabled,r.loading],Ee=e=>{let{disabled:t,loading:o}=e;return t\|\|!o?Ki(jm,{}):Ki("span",{className:s(e.className,Ri,"k-icon k-i-loading")})};Ee.states=Qm;Ee.className=Ri;import{Fragment as oc,jsx as _i}from"react/jsx-runtime";var wi="k-input-validation-icon",ec=[r.valid,r.invalid,r.disabled,r.loading],tc={},xe=e=>{let{valid:t,invalid:o,disabled:a,loading:n}=e,i=o?"warning-circle":"check-circle";return a\|\|n\|\|!!!(t\|\|o)?_i(oc,{}):_i(v,{className:s(wi),icon:i})};xe.states=ec;xe.options=tc;xe.className=wi;import{Fragment as sc,jsx as Di}from"react/jsx-runtime";var ac="k-input-prefix",nc={direction:"horizontal"},Ue=e=>{let{direction:t=nc.direction,...o}=e;return e.children?Di("span",{...o,className:s(ac,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):Di(sc,{})};import{Fragment as lc,jsx as Hi}from"react/jsx-runtime";var rc="k-input-suffix",ic={direction:"horizontal"},Fe=e=>{let{direction:t=ic.direction,...o}=e;return e.children?Hi("span",{...o,className:s(rc,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):Hi(lc,{})};import{jsx as xk}from"react/jsx-runtime";import{jsx as dc}from"react/jsx-runtime";var pc="k-input-suffix-text",Ss=e=>{let{children:t,...o}=e;return dc("span",{...o,className:s(pc,e.className),children:t})};import{jsx as cc}from"react/jsx-runtime";var zi="k-input-separator",mc={direction:"vertical"},Ge=e=>{let{direction:t=mc.direction,...o}=e;return cc("span",{...o,className:s(zi,e.className,{[`${zi}-${t}`]:t})})};import{Fragment as Ui,jsx as dt,jsxs as ks}from"react/jsx-runtime";var uc=J.states,fc=J.defaultOptions,bc=J.options,xc=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],Nc=[],go=e=>{let{modifiers:t,valid:o,invalid:a,loading:n,disabled:i,readonly:l,...m}=e,u=t?.prefix,b=t?.suffix,x=t?.["clear-button"],g=t?.["validation-icon"],c=t?.separators;return ks(J,{...m,valid:o,invalid:a,loading:n,disabled:i,readonly:l,style:{width:300},children:[u&&ks(Ui,{children:[dt(Ue,{children:dt(v,{icon:"lock"})}),c&&dt(Ge,{})]}),dt(fe,{placeholder:"Placeholder",value:"Value"}),g&&dt(xe,{valid:o,invalid:a,loading:n,disabled:i}),dt(Ee,{loading:n,disabled:i}),x&&dt(Pe,{loading:n,disabled:i,readonly:l,value:"Value"}),b&&ks(Ui,{children:[c&&dt(Ge,{}),dt(Fe,{children:dt(at,{size:m.size,fillMode:"clear",children:"Send"})})]})]})};go.options=bc;go.states=uc;go.variants=Nc;go.defaultOptions=fc;go.modifiers=xc;go.className=J.className;import{jsx as Fi,jsxs as gc}from"react/jsx-runtime";var Gi="k-color-preview",hc=[],vc={},Tt=e=>{let{color:t,iconName:o,...a}=e;return gc("span",{...a,className:s(e.className,Gi,{"k-icon-color-preview":o,"k-no-color":!t}),children:[o&&Fi(v,{icon:o,className:"k-color-preview-icon"}),Fi("span",{className:"k-color-preview-mask",style:{backgroundColor:t}})]})};Tt.states=hc;Tt.options=vc;Tt.className=Gi;var Cs="popup",Vi=Cs;import{jsx as $i}from"react/jsx-runtime";var Xi="k-animation-container",Lc=[],Mc={},As={positionMode:"absolute",shown:!0},mt=e=>{let{positionMode:t=As.positionMode,shown:o=As.shown,animationStyle:a,offset:n,...i}=e;return $i("div",{...i,style:{...n,...e.style},className:s(e.className,Xi,{"k-animation-container-shown":o,"k-animation-container-fixed":t==="fixed"}),children:$i("div",{className:"k-child-animation-container",style:a,children:e.children})})};mt.states=Lc;mt.options=Mc;mt.className=Xi;mt.defaultOptions=As;mt.moduleName=Cs;mt.folderName=Vi;var Es="popup",qi=Es;import{jsx as Wi}from"react/jsx-runtime";var Ji="k-popup",Sc=[],kc={},Yi={positionMode:"absolute"},q=e=>{let{offset:t,positionMode:o=Yi.positionMode,animationStyle:a,containerClassName:n,containerRole:i,containerAriaLabel:l,...m}=e;return Wi(mt,{positionMode:o,offset:t,animationStyle:a,className:n,role:i,"aria-label":l,children:Wi("div",{...m,className:s(e.className,Ji),children:e.children})})};q.states=Sc;q.options=kc;q.className=Ji;q.defaultOptions=Yi;q.moduleName=Es;q.folderName=qi;var ys="action-buttons",Zi=ys;import{jsx as Ec}from"react/jsx-runtime";var rn="k-actions",Cc=[],Ac={},Is={alignment:"start",orientation:"horizontal"},Ke=e=>{let{alignment:t=Is.alignment,orientation:o=Is.orientation,...a}=e;return Ec("div",{...a,className:s(rn,{[`${rn}-${t}`]:t,[`${rn}-${o}`]:o},e.className),children:e.children})};Ke.states=Cc;Ke.options=Ac;Ke.className=rn;Ke.defaultOptions=Is;Ke.moduleName=ys;Ke.folderName=Zi;var Qi=Ke;import{jsx as Ic}from"react/jsx-runtime";var yc="k-actionsheet-footer",ji={alignment:"stretched",orientation:"horizontal"},Ot=e=>{let{alignment:t=ji.alignment,orientation:o=ji.orientation,template:a,as:n=a?"div":Ke,...i}=e;return Ic(n,{...i,...!a&&{alignment:t,orientation:o},className:s(e.className,yc),children:e.children})};var Ts="searchbox",el=Ts;import{jsx as ka,jsxs as Bc}from"react/jsx-runtime";var tl="k-searchbox",Tc=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading],Oc={size:[d.undefined,d.small,d.medium,d.large],rounded:[f.undefined,f.none,f.small,f.medium,f.large,f.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},ln={showIcon:!0,showClearButton:!0,icon:"search"},Ve=e=>{let{value:t,placeholder:o,size:a,rounded:n,fillMode:i,hover:l,focus:m,valid:u,invalid:b,required:x,loading:g,disabled:c,showIcon:L=ln.showIcon,showClearButton:M=ln.showClearButton,icon:S=ln.icon,"aria-label":A,...k}=e;return Bc(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,tl),children:[L&&ka(v,{className:"k-input-icon",icon:S}),ka(fe,{placeholder:o,value:t,"aria-label":A}),ka(Ee,{...e}),ka(xe,{...e}),M&&ka(Pe,{...e})]})};Ve.states=Tc;Ve.options=Oc;Ve.className=tl;Ve.defaultOptions=ln;Ve.moduleName=Ts;Ve.folderName=el;import{jsx as UC}from"react/jsx-runtime";var Os="textbox",ol=Os;import{Fragment as al,jsx as Bt,jsxs as Bs}from"react/jsx-runtime";var nl="k-textbox",Pc=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading,r.readonly],Kc={size:[d.undefined,d.small,d.medium,d.large],rounded:[f.undefined,f.none,f.small,f.medium,f.large,f.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},pn={showClearButton:!0,showValidationIcon:!0,separators:!0},de=e=>{let{size:t,rounded:o,fillMode:a,separators:n=pn.separators,showClearButton:i=pn.showClearButton,showValidationIcon:l=pn.showValidationIcon,prefix:m,suffix:u,type:b,value:x,placeholder:g,hover:c,focus:L,valid:M,invalid:S,required:A,loading:k,disabled:y,readonly:w,id:se,"aria-label":Ae,"aria-describedby":pe,...ue}=e;return Bs(J,{...ue,size:t,rounded:o,fillMode:a,hover:c,focus:L,valid:M,invalid:S,required:A,loading:k,disabled:y,readonly:w,className:s(e.className,nl),children:[m&&Bs(al,{children:[Bt(Ue,{children:m}),n&&Bt(Ge,{})]}),Bt(fe,{id:se,placeholder:g,value:x,type:b,disabled:y,"aria-label":Ae,"aria-describedby":pe,"aria-invalid":S?"true":void 0}),l&&Bt(xe,{valid:M,invalid:S,loading:k,disabled:y}),Bt(Ee,{loading:k,disabled:y}),i&&Bt(Pe,{loading:k,disabled:y,readonly:w,value:x}),u&&Bs(al,{children:[n&&Bt(Ge,{}),Bt(Fe,{children:u})]})]})};de.states=Pc;de.options=Kc;de.className=nl;de.defaultOptions=pn;de.moduleName=Os;de.folderName=ol;var Ca=de;import{jsx as Rc}from"react/jsx-runtime";var dn=e=>Rc(Ca,{...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 Ps}from"react/jsx-runtime";var _c=de.states,wc=de.defaultOptions,Dc=de.options,Hc=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],zc=[],Lo=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(n=>{switch(n){case"prefix":a.prefix=t?.[n]?Ps(v,{icon:"lock"}):void 0;break;case"suffix":a.suffix=t?.[n]?Ps(at,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":a.showClearButton=t?.[n];break;default:break}}),Ps(dn,{value:"Value",style:{width:300},...o,...a})};Lo.options=Dc;Lo.states=_c;Lo.variants=zc;Lo.defaultOptions=wc;Lo.modifiers=Hc;Lo.className=de.className;import{jsx as Pt,jsxs as Ks}from"react/jsx-runtime";var sl="k-actionsheet-titlebar",Uc={},Ne=e=>{let{title:t,subtitle:o,actionsStart:a,actionsEnd:n,filter:i,input:l,inputValue:m,inputPlaceholder:u,adaptive:b,titleId:x,children:g,...c}=e;return Ks("div",{...c,className:s(e.className,sl),children:[Ks("div",{className:"k-actionsheet-titlebar-group",children:[a&&Pt("div",{className:"k-actionsheet-actions",children:a}),!g&&Ks("div",{className:"k-actionsheet-title",id:x,children:[t&&Pt("div",{className:"k-text-center",children:t}),o&&Pt("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),g&&Pt("div",{className:"k-actionsheet-title",id:x,children:g}),n&&Pt("div",{className:"k-actionsheet-actions",children:n})]}),(l\|\|i)&&Pt("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:l?Pt(de,{value:m,placeholder:u,size:b?"large":"medium","aria-label":t\|\|u\|\|"Input"}):Pt(Ve,{placeholder:"Filter",size:b?"large":"medium","aria-label":"Filter options"})})]})};Ne.className=sl;Ne.defaultOptions=Uc;import{jsx as Rs,jsxs as $c}from"react/jsx-runtime";var _s="k-actionsheet-view",Fc=[],Gc={},Vc={},Mo=e=>{let{adaptive:t,animated:o,children:a,header:n,footer:i,titleId:l,...m}=e,u=n?.type===Ne&&Rs(Ne,{adaptive:t,titleId:l,...n?.props}),b=i?.type===Ot&&Rs(Ot,{...i?.props});return $c("div",{...m,className:s(e.className,_s,{[`${_s}-animated`]:o}),children:[u,Rs("div",{className:"k-actionsheet-content",children:a}),b]})};Mo.states=Fc;Mo.options=Gc;Mo.className=_s;Mo.defaultOptions=Vc;var Aa="action-sheet",mn=Aa;var ws="overlay",rl=ws;import{jsx as Jc}from"react/jsx-runtime";var il="k-overlay",Xc=[],qc={},Wc={},ct=e=>{let{...t}=e;return Jc("div",{...t,className:s(e.className,il),children:e.children})};ct.states=Xc;ct.options=qc;ct.className=il;ct.defaultOptions=Wc;ct.moduleName=ws;ct.folderName=rl;import{jsx as cn,jsxs as Qc}from"react/jsx-runtime";var ll="k-actionsheet",Yc=[],Zc={},Ea={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},Y=e=>{let{side:t=Ea.side,fullscreen:o=Ea.fullscreen,adaptive:a=Ea.adaptive,overlay:n=Ea.overlay,template:i,children:l,header:m,footer:u,id:b,...x}=e,g=b&&!i&&m?`${b}-title`:void 0;return Qc("div",{className:"k-actionsheet-container",children:[n&&cn(ct,{}),cn(mt,{animationStyle:{[`${o===!0?"top":t}`]:0,[`${o===!0?"width":null}`]:"100%",[`${o===!0?"height":null}`]:"100%",[`${t==="top"\|\|t==="bottom"?"width":null}`]:"100%",[`${t==="left"\|\|t==="right"?"height":null}`]:"100%"},children:cn("div",{...x,id:b,role:"dialog","aria-modal":n?"true":void 0,"aria-labelledby":g,className:s(e.className,ll,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":a}),children:i\|\|cn(Mo,{header:m,footer:u,adaptive:a,titleId:g,...e,children:l})})})]})};Y.states=Yc;Y.options=Zc;Y.className=ll;Y.defaultOptions=Ea;Y.moduleName=Aa;Y.folderName=mn;import{jsx as ou}from"react/jsx-runtime";var pl="k-actionsheet-container",jc=[],eu={},tu={},So=e=>{let{children:t,...o}=e;return ou("div",{...o,className:pl,children:t})};So.states=jc;So.options=eu;So.className=pl;So.defaultOptions=tu;So.moduleName=Aa;So.folderName=mn;import{jsx as au}from"react/jsx-runtime";var Ds=e=>{let{...t}=e;return au("div",{...t,className:s(e.className,"k-list-ul"),children:e.children})};import{Fragment as su,jsx as ya,jsxs as Hs}from"react/jsx-runtime";var zs="k-actionsheet-item",nu=[r.hover,r.focus,r.selected,r.disabled],Kt=e=>{let{iconName:t,text:o,description:a,hover:n,focus:i,selected:l,disabled:m,...u}=e;return Hs("span",{...u,className:s(e.className,zs,C(zs,{hover:n,focus:i,selected:l,disabled:m})),children:[!e.children&&ya(su,{children:Hs("span",{className:"k-actionsheet-action",children:[t&&ya("span",{className:"k-icon-wrap",children:ya(v,{className:"k-actionsheet-item-icon",icon:t})}),Hs("span",{className:"k-actionsheet-item-text",children:[o&&ya("span",{className:"k-actionsheet-item-title",children:o}),a&&ya("span",{className:"k-actionsheet-item-description",children:a})]})]})}),e.children]})};Kt.states=nu;Kt.className=zs;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 Us}from"react/jsx-runtime";var ru=Y.options,iu=Y.states,ml={...Y.defaultOptions,variant:"normal"},lu=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],pu=[{name:"actions",title:"Titlebar Actions",type:"boolean"},{name:"subtitle",title:"Subtitle",type:"boolean"},{name:"footer",title:"Footer",type:"boolean"}],ko=e=>{let{variant:t,modifiers:o,...a}={...ml,...e},n={},i=Us(Ds,{children:[re(Kt,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),re(Kt,{text:"Add to Favorites",iconName:"heart"}),re(Kt,{text:"Upload New",iconName:"upload",disabled:!0}),re("hr",{className:"k-hr"}),re(Kt,{text:"Cancel",iconName:"cancel"})]}),l="Choose from the items below",m="Select Item";return t==="fullScreen"&&(n.fullScreen=!0),Object.keys(o\|\|{}).forEach(u=>{switch(u){case"actions":n.actionsStart=!!o?.[u],n.actionsEnd=!!o?.[u];break;case"subtitle":n.subtitle=o?.[u]?l:void 0;break;case"footer":n.footer=!!o?.[u];break;default:break}}),t==="adaptive"?re(Y,{...a,adaptive:!0,fullscreen:n.fullScreen,header:re(Ne,{actionsStart:n.actionsStart?re(p,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:n.actionsEnd?re(p,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:m,subtitle:n.subtitle}),footer:n.footer?Us(Ot,{alignment:"stretched",children:[re(p,{text:"Cancel",size:"large",themeColor:"base"}),re(p,{text:"Apply",size:"large",themeColor:"primary"})]}):void 0,children:i}):re(Y,{...a,fullscreen:n.fullScreen,header:re(Ne,{actionsStart:n.actionsStart?re(p,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:n.actionsEnd?re(p,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:n.subtitle}),footer:n.footer?Us(Ot,{alignment:"stretched",children:[re(p,{text:"Apply",themeColor:"primary"}),re(p,{text:"Cancel",themeColor:"base"})]}):void 0,children:i})};ko.options=ru;ko.states=iu;ko.variants=lu;ko.defaultOptions=ml;ko.modifiers=pu;ko.className=Y.className;var Fs="slider",cl=Fs;import{jsx as Co,jsxs as Gs}from"react/jsx-runtime";var Ia="k-slider",du=[r.hover,r.focus,r.active,r.disabled,r.readonly],mu={},$e={type:"single",orientation:"horizontal",gradientType:"1d",readonly:!1,disabled:!1,handlePosition:"end",showButtons:!0,showTicks:!0,value:50,min:0,max:100},V=e=>{let{type:t=$e.type,orientation:o=$e.orientation,gradientType:a=$e.gradientType,readonly:n=$e.readonly,disabled:i=$e.disabled,handlePosition:l=$e.handlePosition,showButtons:m=$e.showButtons,showTicks:u=$e.showTicks,value:b=$e.value,min:x=$e.min,max:g=$e.max,startValue:c,endValue:L,hover:M,focus:S,active:A,trackStyle:k,dir:y,...w}=e,Ae=(()=>{if(t==="gradient"&&a==="2d")return"undefined";if(o==="vertical")return"vertical"})(),pe,ue;return o==="horizontal"?(pe=y==="rtl"?"chevron-left":"chevron-right",ue=y==="rtl"?"chevron-right":"chevron-left"):o==="vertical"&&(pe="chevron-up",ue="chevron-down"),Gs("div",{...w,className:s(Ia,e.className,C(Ia,{readonly:n,disabled:i}),{[`k-slider-${o}`]:o,"k-colorgradient-slider":t==="gradient"}),dir:y,children:[m&&Co(p,{className:"k-button-decrease",rounded:"full",icon:ue,tabIndex:-1,title:"Decrease"}),Gs("div",{className:"k-slider-track-wrap",children:[u&&Co("ul",{className:"k-reset k-slider-items","aria-hidden":"true",children:e.children}),Gs("div",{className:"k-slider-track",style:k,children:[Co("div",{className:"k-slider-selection"}),t==="range"&&Co("span",{className:s("k-draghandle","k-draghandle-start",C(Ia,{hover:M,focus:S,active:A})),role:"slider",tabIndex:i?void 0:0,"aria-valuenow":c??x,"aria-valuemin":x,"aria-valuemax":L??g,"aria-orientation":Ae,"aria-disabled":i?"true":void 0,"aria-readonly":n?"true":void 0,"aria-label":w["aria-label"]?`${w["aria-label"]} start`:"Range start"}),Co("span",{className:s("k-draghandle",`k-draghandle-${l}`,C(Ia,{hover:M,focus:S,active:A})),role:"slider",tabIndex:i?void 0:0,"aria-valuenow":t==="range"?L??g:b,"aria-valuemin":t==="range"?c??x:x,"aria-valuemax":g,"aria-orientation":Ae,"aria-disabled":i?"true":void 0,"aria-readonly":n?"true":void 0,"aria-label":t==="range"?w["aria-label"]?`${w["aria-label"]} end`:"Range end":w["aria-label"]})]})]}),m&&Co(p,{className:"k-button-increase",rounded:"full",icon:pe,tabIndex:-1,title:"Increase"})]})};V.states=du;V.options=mu;V.className=Ia;V.defaultOptions=$e;V.moduleName=Fs;V.folderName=cl;import{jsx as ul}from"react/jsx-runtime";var fl="k-tick",cu=[],uu={},bl={label:!1},I=e=>{let{style:t,label:o=bl.label,orientation:a,large:n,text:i,...l}=e;return ul("li",{...l,role:"presentation",title:i\|\|"Tick",className:s(e.className,fl,{[`k-tick-${a}`]:a,"k-tick-large":n}),style:t,children:o&&ul("span",{className:"k-label",children:i})})};I.states=cu;I.options=uu;I.className=fl;I.defaultOptions=bl;import{Fragment as fu,jsx as Xe,jsxs as bu}from"react/jsx-runtime";var xl=e=>Xe(V,{"aria-label":e["aria-label"]\|\|"Slider",children:bu(fu,{children:[Xe(I,{className:"k-first",label:!0,large:!0,text:"0"}),Xe(I,{}),Xe(I,{}),Xe(I,{}),Xe(I,{}),Xe(I,{label:!0,large:!0,text:"5"}),Xe(I,{}),Xe(I,{}),Xe(I,{}),Xe(I,{}),Xe(I,{className:"k-last",label:!0,large:!0,text:"10"})]}),...e});import{Fragment as xu,jsx as qe,jsxs as Nu}from"react/jsx-runtime";var Nl=e=>qe(V,{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"})]}),"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 hu}from"react/jsx-runtime";var Vs=e=>hu(V,{type:"gradient",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]\|\|"Color slider"});import{jsx as vu}from"react/jsx-runtime";var $s=e=>vu(V,{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 ut,jsxs as hl}from"react/jsx-runtime";var gu=V.options,Lu=V.states,vl={...V.defaultOptions,variant:"horizontal",label:!0},Mu=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],Su=[{name:"label",title:"Labels",default:!0},{name:"tick",title:"Ticks",default:!0},{name:"button",title:"Side Buttons",default:!0}],Ao=e=>{let{variant:t,modifiers:o,...a}=e,n=vl.label,i={};Object.keys(o\|\|{}).forEach(m=>{switch(m){case"button":{i.showButtons=!!o?.[m];break}case"label":{n=!!o?.[m];break}case"tick":{i.showTicks=!!o?.[m];break}}});let l={"--kendo-slider-start":0,"--kendo-slider-end":60};return t==="vertical"?hl(Nl,{style:{height:"300px",...l},...a,...i,children:[ut(I,{label:n,large:!0,orientation:"vertical",text:"0",style:{position:"absolute",bottom:"0%"}}),ut(I,{label:n,large:!0,orientation:"vertical",text:"2",style:{position:"absolute",bottom:"25%"}}),ut(I,{label:n,large:!0,orientation:"vertical",text:"4",style:{position:"absolute",bottom:"50%"}}),ut(I,{label:n,large:!0,orientation:"vertical",text:"6",style:{position:"absolute",bottom:"75%"}}),ut(I,{label:n,large:!0,orientation:"vertical",text:"8",style:{position:"absolute",bottom:"100%"}})]}):hl(xl,{style:{width:"400px",...l},...a,...i,children:[ut(I,{label:n,large:!0,orientation:"horizontal",text:"0",style:{position:"absolute",left:"0%"}}),ut(I,{label:n,large:!0,orientation:"horizontal",text:"2",style:{position:"absolute",left:"25%"}}),ut(I,{label:n,large:!0,orientation:"horizontal",text:"4",style:{position:"absolute",left:"50%"}}),ut(I,{label:n,large:!0,orientation:"horizontal",text:"6",style:{position:"absolute",left:"75%"}}),ut(I,{label:n,large:!0,orientation:"horizontal",text:"8",style:{position:"absolute",left:"100%"}})]})};Ao.options=gu;Ao.states=Lu;Ao.variants=Mu;Ao.defaultOptions=vl;Ao.modifiers=Su;Ao.className=V.className;import{jsx as gl,jsxs as yu}from"react/jsx-runtime";var Ll="k-spin-button",Au=[],Eu={size:[d.undefined,d.small,d.medium,d.large],fillMode:[N.undefined,N.solid,N.flat,N.outline,N.clear,N.link]},Xs={increaseLabel:"Increase value",decreaseLabel:"Decrease value"},Rt=e=>{let{size:t,fillMode:o,disabled:a,increaseLabel:n=Xs.increaseLabel,decreaseLabel:i=Xs.decreaseLabel,...l}=e;return yu("span",{...l,className:s(Ll,e.className),children:[gl(p,{className:"k-spinner-increase",icon:"chevron-up",size:t,fillMode:o,disabled:a,"aria-label":n}),gl(p,{className:"k-spinner-decrease",icon:"chevron-down",size:t,fillMode:o,disabled:a,"aria-label":i})]})};Rt.states=Au;Rt.options=Eu;Rt.className=Ll;Rt.defaultOptions=Xs;Rt.moduleName=null;Rt.folderName=null;var Ml="numeric-textbox",Sl="numerictextbox";import{Fragment as kl,jsx as Lt,jsxs as qs}from"react/jsx-runtime";var Cl="k-numerictextbox",Iu=[r.hover,r.focus,r.valid,r.invalid,r.loading,r.required,r.disabled,r.readonly],Tu={size:[d.undefined,d.small,d.medium,d.large],rounded:[f.undefined,f.none,f.small,f.medium,f.large,f.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},un={showSpinButton:!0,showClearButton:!0,separators:!0},D=e=>{let{size:t,rounded:o,fillMode:a,separators:n=un.separators,showClearButton:i=un.showClearButton,showSpinButton:l=un.showSpinButton,prefix:m,suffix:u,value:b,placeholder:x,hover:g,focus:c,valid:L,invalid:M,required:S,loading:A,disabled:k,readonly:y,id:w,"aria-label":se,"aria-describedby":Ae,...pe}=e;return qs(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,Cl),children:[m&&qs(kl,{children:[Lt(Ue,{children:m}),n&&Lt(Ge,{})]}),Lt(fe,{id:w,placeholder:x,value:b,role:"spinbutton",disabled:k,"aria-label":se,"aria-describedby":Ae,"aria-invalid":M?"true":void 0}),Lt(xe,{valid:L,invalid:M,loading:A,disabled:k}),Lt(Ee,{loading:A,disabled:k}),i&&Lt(Pe,{loading:A,disabled:k,readonly:y,value:b}),u&&qs(kl,{children:[n&&Lt(Ge,{}),Lt(Fe,{children:u})]}),l&&Lt(Rt,{className:"k-input-spinner",size:t,fillMode:a,disabled:k})]})};D.states=Iu;D.options=Tu;D.className=Cl;D.defaultOptions=un;D.moduleName=Ml;D.folderName=Sl;var Ta=D;import{jsx as Ou}from"react/jsx-runtime";var Al=e=>Ou(Ta,{...e});import Js from"react";import{jsx as El}from"react/jsx-runtime";var Bu="k-list-group-sticky-header",Ws=e=>El("div",{className:s(Bu,e.className),children:El("div",{className:"k-list-header-text",children:e.children})});import{jsx as Ku}from"react/jsx-runtime";var Pu="k-no-data",fn=e=>{let{live:t,...o}=e;return Ku("span",{...o,className:s(Pu,e.className),"aria-live":t?"polite":void 0,children:e.children})};var Zt="list",Eo=Zt;import{jsx as yl,jsxs as Il}from"react/jsx-runtime";var Ys="k-list",Ru=[],_u={size:[d.undefined,d.small,d.medium,d.large]},wu={},R=e=>{let{size:t,virtualization:o,children:a,header:n,selectAll:i,optionLabel:l,customValue:m,noData:u,screenReaders:b,...x}=e,c=Js.Children.toArray(a)[0],L=c?.props?.children?Js.Children.count(c.props.children):Js.Children.count(a);return Il("div",{...x,className:s(e.className,Ys,E(Ys,{size:t}),{"k-virtual-list":o}),children:[l,i,m,n&&yl(Ws,{children:n}),a\|\|(u!==void 0?u:yl(fn,{live:!0,children:"No data found."})),b&&a&&Il(fn,{className:"k-sr-only",live:!0,children:[L," items found."]})]})};R.states=Ru;R.options=_u;R.className=Ys;R.defaultOptions=wu;R.moduleName=Zt;R.folderName=Eo;import{jsx as Uu}from"react/jsx-runtime";var Tl="k-list-container",Du=[],Hu={},zu={},yo=e=>{let{...t}=e;return Uu("div",{...t,className:s(e.className,Tl),children:e.children})};yo.states=Du;yo.options=Hu;yo.className=Tl;yo.defaultOptions=zu;yo.moduleName=Zt;yo.folderName=Eo;var Qt="checkbox",Io=Qt;import{jsx as Ol}from"react/jsx-runtime";var bn="k-checkbox",Fu=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.checked,r.indeterminate],Gu={size:[d.undefined,d.small,d.medium,d.large],rounded:[f.undefined,f.none,f.small,f.medium,f.large,f.full]},Vu={},Re=e=>{let{id:t,checked:o,indeterminate:a,hover:n,focus:i,disabled:l,invalid:m,valid:u,required:b,size:x,rounded:g,wrapperRole:c,...L}=e;return Ol("span",{className:"k-checkbox-wrap",role:c,children:Ol("input",{...L,id:t,type:"checkbox",defaultChecked:o,required:b,disabled:l\|\|void 0,"aria-invalid":m?"true":void 0,className:s(e.className,bn,E(bn,{size:x,rounded:g}),C(bn,{hover:n,focus:i,disabled:l,invalid:m,valid:u,indeterminate:a,checked:o}))})})};Re.states=Fu;Re.options=Gu;Re.className=bn;Re.defaultOptions=Vu;Re.moduleName=Qt;Re.folderName=Io;var nt=Re;import{jsx as qu}from"react/jsx-runtime";var Bl="k-checkbox-list",$u=[],Xu={},Pl={layout:"vertical"},he=e=>{let{layout:t=Pl.layout,...o}=e;return qu("ul",{...o,className:s(e.className,Bl,{[`k-list-${t}`]:t}),children:e.children})};he.states=$u;he.options=Xu;he.className=Bl;he.defaultOptions=Pl;he.moduleName=Qt;he.folderName=Io;import{jsx as Zu}from"react/jsx-runtime";var Kl="k-checkbox-list-item",Wu=[],Ju={},Yu={},ve=e=>{let{...t}=e;return Zu("li",{...t,className:s(e.className,Kl),children:e.children})};ve.states=Wu;ve.options=Ju;ve.className=Kl;ve.defaultOptions=Yu;ve.moduleName=Qt;ve.folderName=Io;import{Fragment as Qu,jsx as Rl,jsxs as ju}from"react/jsx-runtime";var Mt=({children:e="Label",id:t="cb-label-after",...o})=>ju(Qu,{children:[Rl(nt,{id:t,...o}),Rl("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 We,jsxs as _l}from"react/jsx-runtime";var ef=he.options,tf=he.states,of={...he.defaultOptions,variant:"vertical"},af=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],nf=[],To=e=>{let{variant:t,...o}=e;return t==="horizontal"?_l(he,{layout:"horizontal",...o,children:[We(ve,{children:We(Mt,{id:B("cb"),defaultChecked:!0,children:"Label"})}),We(ve,{children:We(Mt,{id:B("cb"),children:"Label"})}),We(ve,{children:We(Mt,{id:B("cb"),children:"Label"})})]}):_l(he,{...o,children:[We(ve,{children:We(Mt,{id:B("cb"),defaultChecked:!0,children:"Label"})}),We(ve,{children:We(Mt,{id:B("cb"),children:"Label"})}),We(ve,{children:We(Mt,{id:B("cb"),children:"Label"})})]})};To.options=ef;To.states=tf;To.variants=af;To.defaultOptions=of;To.modifiers=nf;To.className=he.className;import{jsx as mf}from"react/jsx-runtime";var sf=nt.options,rf=nt.states,lf=nt.defaultOptions,pf=[],df=[],Oo=e=>mf(Mt,{id:B("checkbox"),...e,defaultChecked:!0,children:"Label"});Oo.options=sf;Oo.states=rf;Oo.variants=pf;Oo.defaultOptions=lf;Oo.modifiers=df;Oo.className=nt.className;import{jsx as Bo,jsxs as bf}from"react/jsx-runtime";var Zs="k-list-item",cf=[r.hover,r.focus,r.selected,r.disabled],uf={},ff={},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 bf("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,Zs,C(Zs,{hover:l,focus:m,disabled:b,selected:u})),children:[n&&Bo(Re,{checked:i,disabled:b,"aria-label":S,tabIndex:-1}),o&&Bo("span",{className:"k-list-item-icon-wrapper",children:Bo(v,{icon:o,className:s("k-list-item-icon",a)})}),Bo("span",{className:"k-list-item-text",children:M}),x&&Bo("div",{className:"k-list-item-actions",children:x}),g&&Bo("span",{className:"k-list-item-description",children:g})]})};O.states=cf;O.options=uf;O.className=Zs;O.defaultOptions=ff;O.moduleName=Zt;O.folderName=Eo;import{jsx as Nf}from"react/jsx-runtime";var xf="k-list-ul",_t=e=>{let{children:t,role:o,id:a,...n}=e;return Nf("ul",{...n,id:a,role:o,className:s(xf,e.className),children:t})};import{jsx as Qs,jsxs as vf}from"react/jsx-runtime";var hf="k-list-content",z=e=>{let{virtualization:t,grouping:o,"aria-label":a,"aria-labelledby":n,listboxId:i,...l}=e;return vf("div",{...l,className:s(hf,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:Qs(_t,{role:"listbox",id:i,"aria-label":a,"aria-labelledby":n,children:e.children}),t&&Qs("div",{className:"k-height-container",children:Qs("div",{})})]})};import{jsx as js,jsxs as Sf}from"react/jsx-runtime";var xn="k-list-sticky-header",gf=[r.hover,r.focus,r.selected],Lf={},Mf={},Nn=e=>{let{label:t="Select all",showCheckbox:o=!0,checked:a,indeterminate:n,hover:i,focus:l,selected:m,...u}=e;return js("div",{...u,className:s(xn,e.className),children:Sf("div",{className:s(`${xn}-item`,C(`${xn}-item`,{hover:i,focus:l,selected:m})),"aria-label":t,...!o&&{tabIndex:0,"aria-selected":m?"true":"false"},children:[o&&js(Re,{checked:a,indeterminate:n,"aria-label":t}),js("span",{className:"k-list-item-text",children:t})]})})};Nn.states=gf;Nn.options=Lf;Nn.className=xn;Nn.defaultOptions=Mf;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 Ef}from"react/jsx-runtime";var er="k-list-optionlabel",kf=[r.hover,r.focus,r.selected,r.disabled],Cf={},Af={},hn=e=>{let{text:t,hover:o,focus:a,selected:n,disabled:i,...l}=e;return Ef("div",{...l,className:s(er,C(er,{hover:o,focus:a,selected:n,disabled:i})),children:t})};hn.states=kf;hn.options=Cf;hn.className=er;hn.defaultOptions=Af;import{jsx as Of}from"react/jsx-runtime";var tr="k-list-custom-value",yf=[r.hover,r.focus,r.selected,r.disabled],If={},Tf={},wt=e=>{let{text:t,hover:o,focus:a,selected:n,disabled:i,...l}=e;return Of("div",{...l,className:s(tr,C(tr,{hover:o,focus:a,selected:n,disabled:i})),children:t})};wt.states=yf;wt.options=If;wt.className=tr;wt.defaultOptions=Tf;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 wl="dropdown-list",Dl="dropdownlist";import{Fragment as Kf,jsx as ge,jsxs as or}from"react/jsx-runtime";var Hl="k-dropdownlist",Bf=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading,r.readonly],Pf={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]},ar={showValue:!0,arrowIconName:"chevron-down"},ne=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:n=ar.arrowIconName,showValue:i=ar.showValue,valueIconName:l,prefix:m,suffix:u,value:b,placeholder:x,hover:g,focus:c,valid:L,invalid:M,required:S,loading:A,disabled:k,readonly:y,popup:w,opened:se,adaptive:Ae,adaptiveSettings:pe,adaptiveTitle:ue,adaptiveSubtitle:ua,adaptiveFilter:Xt,id:qt,activeDescendant:fa,"aria-label":Zn,...Qn}=e,jn=qt?`${qt}-listbox`:void 0,ri=qt?`${qt}-value`:void 0;return or(Kf,{children:[or(pt,{...Qn,id:qt,size:t,rounded:o,fillMode:a,hover:g,focus:c,valid:L,invalid:M,required:S,loading:A,disabled:k,readonly:y,className:s(e.className,Hl,{"k-icon-picker":!i&&l}),role:"combobox","aria-haspopup":"listbox","aria-expanded":se?"true":"false","aria-controls":se?jn:void 0,"aria-activedescendant":se&&fa?fa:void 0,"aria-describedby":se?ri:void 0,"aria-disabled":k?"true":void 0,"aria-label":Zn,tabIndex:0,children:[ge(Ue,{children:m}),ge(Yt,{placeholder:x,value:b,showValue:i,valueIconName:l,id:ri}),ge(xe,{valid:L,invalid:M,loading:A,disabled:k}),ge(Ee,{loading:A,disabled:k}),ge(Fe,{children:u}),ge(p,{className:"k-input-button",icon:n,size:e.size,fillMode:e.fillMode,"aria-label":x\|\|"Toggle dropdown",tabIndex:-1})]}),se&&w&&ge(q,{className:"k-list-container k-dropdownlist-popup",containerRole:"region",containerAriaLabel:"Dropdown suggestions",children:w}),Ae&&ge(Y,{adaptive:!0,...pe,header:ge(Ne,{actionsEnd:ge(p,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),filter:Xt,inputValue:b,inputPlaceholder:x,title:ue,subtitle:ua}),children:ge("div",{className:"k-list-container",children:ge(R,{size:"large",children:or(z,{"aria-label":"Options",children:[ge(O,{text:"List item"}),ge(O,{text:"List item"}),ge(O,{text:"List item"})]})})})})]})};ne.states=Bf;ne.options=Pf;ne.className=Hl;ne.defaultOptions=ar;ne.moduleName=wl;ne.folderName=Dl;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 zf,jsx as Dt,jsxs as zl}from"react/jsx-runtime";var Rf=ne.states,_f=ne.defaultOptions,wf=ne.options,Df=[{name:"opened",title:"Opened"}],Hf=[],Ko=e=>{let{modifiers:t,...o}=e,a={},n=zl(zf,{children:[Dt("div",{className:"k-list-filter",children:Dt(Ve,{})}),Dt(R,{style:{width:300},size:o.size,children:zl(z,{children:[Dt(O,{children:"List item"}),Dt(O,{children:"List item"}),Dt(O,{children:"List item"})]})})]});return Object.keys(t\|\|{}).forEach(i=>{i==="opened"&&(a.opened=!!t?.[i],a.popup=t?.[i]?n:void 0)}),Dt("div",{children:Dt(ne,{placeholder:"Value",style:{width:300},...o,...a})})};Ko.options=wf;Ko.states=Rf;Ko.variants=Hf;Ko.defaultOptions=_f;Ko.modifiers=Df;Ko.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 nr}from"react/jsx-runtime";var Uf=D.states,Ff=D.defaultOptions,Gf=D.options,Vf=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"spin-button",title:"`Spin` Button"}],$f=[],Ro=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(n=>{switch(n){case"prefix":a.prefix=t?.[n]?nr(ne,{size:o.size,fillMode:"flat",value:"mm"}):void 0;break;case"suffix":a.suffix=t?.[n]?nr(Ss,{children:"mm"}):void 0;break;case"clear-button":a.showClearButton=t?.[n];break;case"spin-button":a.showSpinButton=t?.[n];break;default:break}}),nr(Al,{value:"Value",style:{width:300},...o,...a})};Ro.options=Gf;Ro.states=Uf;Ro.variants=$f;Ro.defaultOptions=Ff;Ro.modifiers=Vf;Ro.className=D.className;import{Fragment as Ba,jsx as P,jsxs as Z}from"react/jsx-runtime";var Ul="k-colorgradient-inputs",Xf=[],qf={size:[d.undefined,d.small,d.medium,d.large]},Fl={mode:"rgba"},_o=e=>{let{mode:t=Fl.mode,size:o,...a}=e;return Z("div",{...a,className:s(Ul,"k-hstack"),children:[P("div",{className:"k-vstack",children:P(p,{fillMode:"flat",icon:"caret-alt-expand",className:"k-colorgradient-toggle-mode",size:o,"aria-label":"Toggle color input format"})}),t==="rgba"&&Z(Ba,{children:[Z("div",{className:"k-vstack",children:[P(D,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Red channel"}),P("label",{className:"k-colorgradient-input-label",children:"R"})]}),Z("div",{className:"k-vstack",children:[P(D,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Green channel"}),P("label",{className:"k-colorgradient-input-label",children:"G"})]}),Z("div",{className:"k-vstack",children:[P(D,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Blue channel"}),P("label",{className:"k-colorgradient-input-label",children:"B"})]}),Z("div",{className:"k-vstack",children:[P(D,{showSpinButton:!1,showClearButton:!1,value:"1.00",size:o,"aria-label":"Alpha channel"}),P("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="rgb"&&Z(Ba,{children:[Z("div",{className:"k-vstack",children:[P(D,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Red channel"}),P("label",{className:"k-colorgradient-input-label",children:"R"})]}),Z("div",{className:"k-vstack",children:[P(D,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Green channel"}),P("label",{className:"k-colorgradient-input-label",children:"G"})]}),Z("div",{className:"k-vstack",children:[P(D,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Blue channel"}),P("label",{className:"k-colorgradient-input-label",children:"B"})]})]}),t==="hsva"&&Z(Ba,{children:[Z("div",{className:"k-vstack",children:[P(D,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),P("label",{className:"k-colorgradient-input-label",children:"H"})]}),Z("div",{className:"k-vstack",children:[P(D,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),P("label",{className:"k-colorgradient-input-label",children:"S"})]}),Z("div",{className:"k-vstack",children:[P(D,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),P("label",{className:"k-colorgradient-input-label",children:"V"})]}),Z("div",{className:"k-vstack",children:[P(D,{showSpinButton:!1,showClearButton:!1,value:"1.00","aria-label":"Alpha channel"}),P("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="hsv"&&Z(Ba,{children:[Z("div",{className:"k-vstack",children:[P(D,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),P("label",{className:"k-colorgradient-input-label",children:"H"})]}),Z("div",{className:"k-vstack",children:[P(D,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),P("label",{className:"k-colorgradient-input-label",children:"S"})]}),Z("div",{className:"k-vstack",children:[P(D,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),P("label",{className:"k-colorgradient-input-label",children:"V"})]})]}),t==="hex"&&P(Ba,{children:Z("div",{className:"k-vstack k-flex-1",children:[P(de,{showClearButton:!1,value:"#b88484AA",className:"k-hex-value"}),P("label",{className:"k-colorgradient-input-label",children:"HEX"})]})})]})};_o.states=Xf;_o.options=qf;_o.className=Ul;_o.defaultOptions=Fl;import{jsx as jt,jsxs as eo}from"react/jsx-runtime";var Gl="k-colorgradient-color-contrast",Wf=[],Jf={},Yf={},wo=()=>eo("div",{className:s(Gl,"k-vbox"),children:[eo("div",{className:"k-contrast-ratio",children:[jt("span",{className:"k-contrast-ratio-text",children:"Contrast ratio: 7.1"}),eo("span",{className:"k-contrast-validation !k-text-success",children:[jt(v,{icon:"check"}),jt(v,{icon:"check"})]})]}),eo("div",{children:[jt("span",{children:"AA: 4.5"}),eo("span",{className:"k-contrast-validation !k-text-success",children:["Pass",jt(v,{icon:"check"})]})]}),eo("div",{children:[jt("span",{children:"AAA: 7.0"}),eo("span",{className:"k-contrast-validation !k-text-error",children:["Fail",jt(v,{icon:"x"})]})]})]});wo.states=Wf;wo.options=Jf;wo.className=Gl;wo.defaultOptions=Yf;var Vl="color-gradient",$l="colorgradient";import{jsx as Je,jsxs as Pa}from"react/jsx-runtime";var vn="k-colorgradient",Zf=[r.hover,r.focus,r.readonly,r.disabled],Qf={size:[d.undefined,d.small,d.medium,d.large]},ft={mode:"rgba",readonly:!1,disabled:!1,contrast:!1,gradientStyle:{background:"rgb(255, 0, 0 )"},dragHandleStyle:{top:"50px",left:"73px"},alphaStyle:{background:"linear-gradient(to top, transparent, rgb(255, 0, 0))"},alphaStyleHorizontal:{background:"linear-gradient(to right, transparent, rgb(255, 0, 0))"},canvasOrientation:"horizontal"},ie=e=>{let{size:t,mode:o=ft.mode,readonly:a=ft.readonly,disabled:n=ft.disabled,gradientStyle:i=ft.gradientStyle,dragHandleStyle:l=ft.dragHandleStyle,alphaStyle:m=ft.alphaStyle,alphaStyleHorizontal:u=ft.alphaStyleHorizontal,contrast:b=ft.contrast,dir:x,hover:g,focus:c,hoverHandle:L,focusHandle:M,canvasOrientation:S=ft.canvasOrientation,role:A,tabIndex:k,...y}=e;return Pa("div",{...y,role:A??"textbox","aria-label":A==="none"?void 0:"Color gradient",tabIndex:k??0,"aria-disabled":n?"true":void 0,className:s(e.className,vn,E(vn,{size:t}),C(vn,{hover:g,focus:c,readonly:a,disabled:n})),dir:x,children:[!S\|\|S==="horizontal"&&Pa("div",{className:"k-colorgradient-canvas k-hstack",children:[Je("div",{className:"k-hsv-rectangle",style:i,children:Je("div",{className:"k-hsv-gradient",children:Je("div",{className:s("k-hsv-draghandle","k-draghandle",{"k-hover":L,"k-focus":M}),style:l,role:"slider","aria-orientation":"undefined","aria-label":"Color well with two-dimensional slider for selecting saturation and lightness","aria-valuetext":"X: 73, Y: 50","aria-valuenow":50,"aria-valuemin":0,"aria-valuemax":100})})}),Pa("div",{className:"k-hsv-controls k-hstack",children:[Je($s,{className:"k-hue-slider",hover:L,focus:M}),o!=="rgb"&&o!=="hsv"&&Je($s,{className:"k-alpha-slider",hover:L,focus:M,trackStyle:m})]})]}),S==="vertical"&&Pa("div",{className:"k-colorgradient-canvas k-vstack",children:[Je("div",{className:"k-hsv-rectangle",style:i,children:Je("div",{className:"k-hsv-gradient",children:Je("div",{className:s("k-hsv-draghandle","k-draghandle",{"k-hover":L,"k-focus":M}),style:l,role:"slider","aria-orientation":"undefined","aria-label":"Color well with two-dimensional slider for selecting saturation and lightness","aria-valuetext":"X: 73, Y: 50","aria-valuenow":50,"aria-valuemin":0,"aria-valuemax":100})})}),Pa("div",{className:"k-hsv-controls k-vstack",children:[Je(Vs,{className:"k-hue-slider",hover:L,focus:M}),o!=="rgb"&&o!=="hsv"&&Je(Vs,{className:"k-alpha-slider",hover:L,focus:M,trackStyle:u})]})]}),Je(_o,{mode:e.mode,size:t}),b&&Je(wo,{})]})};ie.states=Zf;ie.options=Qf;ie.className=vn;ie.defaultOptions=ft;ie.moduleName=Vl;ie.folderName=$l;import{jsx as jf}from"react/jsx-runtime";var gn=e=>jf(ie,{...e});import{jsx as gR}from"react/jsx-runtime";import{jsx as kR}from"react/jsx-runtime";import{jsx as sr}from"react/jsx-runtime";var eb=ie.options,tb=ie.states,ob={...ie.defaultOptions,variant:"rgba"},ab=[{name:"rgba",title:"RGBA"},{name:"rgb",title:"RGB"},{name:"hex",title:"HEX"}],nb=[],Do=e=>{let{variant:t,...o}=e;switch(t){case"hex":return sr(gn,{...o,mode:t});case"rgb":return sr(gn,{...o,mode:t});default:return sr(gn,{...o,mode:t})}};Do.options=eb;Do.states=tb;Do.variants=ab;Do.defaultOptions=ob;Do.modifiers=nb;Do.className=ie.className;import{jsx as sb}from"react/jsx-runtime";var rr=e=>sb("tr",{role:"row",children:e.children});import{jsx as lb}from"react/jsx-runtime";var ir="k-colorpalette-tile",rb=[r.hover,r.focus,r.selected],ib={},Ht=e=>{let{color:t,tileSize:o,hover:a,focus:n,selected:i,...l}=e,m={backgroundColor:t,width:o?o+"px":"",height:o?o+"px":""};return lb("td",{...l,role:"gridcell","aria-label":t,"aria-selected":i?"true":void 0,className:s(e.className,ir,C(ir,{hover:a,focus:n,selected:i})),style:m})};Ht.states=rb;Ht.options=ib;Ht.className=ir;Ht.moduleName=null;Ht.folderName=null;var Xl="color-palette",ql="colorpalette";import{jsx as Ka}from"react/jsx-runtime";var Ln="k-colorpalette",pb=[r.disabled],db={size:[d.undefined,d.small,d.medium,d.large]},Wl={columns:10},ye=e=>{let{size:t,palette:o,columns:a=Wl.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(Ka(Ht,{color:M,tileSize:n},S))});let L=Ka(rr,{children:c},g);m.push(L)})}return Ka("div",{...l,role:"grid","aria-label":"Color palette",tabIndex:0,"aria-disabled":i?"true":void 0,className:s(e.className,Ln,C(Ln,{disabled:i}),E(Ln,{size:t})),children:Ka("table",{className:"k-colorpalette-table",role:"none",children:Ka("tbody",{children:m.length>0?m:e.children})})})};ye.states=pb;ye.options=db;ye.className=Ln;ye.defaultOptions=Wl;ye.moduleName=Xl;ye.folderName=ql;var Mn=ye;var Ra={basic:{colors:["#000000","#7f7f7f","#880015","#ed1c24","#ff7f27","#fff200","#22b14c","#00a2e8","#3f48cc","#a349a4","#ffffff","#c3c3c3","#b97a57","#ffaec9","#ffc90e","#efe4b0","#b5e61d","#99d9ea","#7092be","#c8bfe7"],columns:10},office:{colors:["#ffffff","#000000","#e6e6e6","#435569","#4371c4","#ed7e32","#a5a4a5","#febf04","#5a9bd5","#71ae48","#f2f2f3","#7f7f7f","#d1cece","#d5dde3","#dae1f4","#fce5d4","#deeded","#fff2cc","#deeaf6","#e1efd9","#d7d8d8","#585959","#aeabab","#adbaca","#b4c5e7","#f6caac","#dbdbdb","#ffe498","#bcd6ee","#c5e0b2","#bfbfc0","#3f3f3f","#767070","#8595b1","#8fabdb","#f5b183","#c9c8c9","#fed965","#9bc4e5","#a8d08d","#a5a5a6","#262625","#393939","#334050","#2e5496","#c45a11","#7b7b7a","#bf9000","#2f75b5","#548235","#7f7f7f","#0b0c0c","#161616","#222a34","#203764","#843d0b","#525252","#7f6000","#1d4d79","#375623"],columns:10},apex:{colors:["#ffffff","#000000","#c9c2d1","#69676d","#ceb966","#9cb084","#6bb1c9","#6585cf","#7e6bc9","#a379bb","#f2f2f2","#7f7f7f","#f4f2f5","#e0e0e2","#f5f1e0","#ebefe6","#e1eff4","#e0e6f5","#e5e1f4","#ece4f1","#d8d8d8","#595959","#e9e6ec","#c2c1c5","#ebe3c1","#d7dfcd","#c3dfe9","#c1ceeb","#cbc3e9","#dac9e3","#bfbfbf","#3f3f3f","#dedae3","#a4a3a8","#e1d5a3","#c3cfb5","#a6d0de","#a2b5e2","#b1a6de","#c7aed6","#a5a5a5","#262626","#9688a5","#4e4d51","#ae9638","#758c5a","#3d8da9","#365bb0","#533da9","#7d4d99","#7f7f7f","#0c0c0c","#635672","#343336","#746425","#4e5d3c","#295e70","#243c75","#372970","#533366"],columns:10},austin:{colors:["#ffffff","#000000","#caf278","#3e3d2d","#94c600","#71685a","#ff6700","#909465","#956b43","#fea022","#f2f2f2","#7f7f7f","#f4fce4","#dddcd0","#efffc0","#e3e1dc","#ffe0cb","#e8e9df","#ece1d6","#feecd2","#d8d8d8","#595959","#e9f9c9","#bbb9a1","#dfff82","#c8c3ba","#ffc299","#d2d4c0","#dac3ad","#fed9a6","#bfbfbf","#3f3f3f","#dff7ae","#ada598","#cfff43","#ada598","#ffa365","#bcbfa1","#c8a585","#fec67a","#a5a5a5","#262626","#a9ea25","#2e2d21","#6f9400","#544e43","#bf4d00","#6c6f4b","#6f5032","#d77b00","#7f7f7f","#0c0c0c","#74a50f","#1f1e16","#4a6300","#38342d","#7f3300","#484a32","#4a3521","#8f5200"],columns:10},clarity:{colors:["#ffffff","#292934","#f3f2dc","#d2533c","#93a299","#ad8f67","#726056","#4c5a6a","#808da0","#79463d","#f2f2f2","#e7e7ec","#e7e5b9","#f6dcd8","#e9ecea","#eee8e0","#e4dedb","#d8dde3","#e5e8ec","#e9d6d3","#d8d8d8","#c4c4d1","#d5d185","#edbab1","#d3d9d6","#ded2c2","#c9beb8","#b2bcc8","#ccd1d9","#d3aea7","#bfbfbf","#8a8aa3","#aca73b","#e4978a","#bec7c1","#cdbba3","#af9e94","#8c9bac","#b2bac6","#bd857c","#a5a5a5","#56566e","#56531d","#a43925","#6b7c72","#866b48","#554840","#39434f","#5c697b","#5a342d","#7f7f7f","#3b3b4b","#22210b","#6d2619","#47534c","#594730","#39302b","#262d35","#3d4652","#3c231e"],columns:10},slipstream:{colors:["#ffffff","#000000","#b4dcfa","#212745","#4e67c8","#5eccf3","#a7ea52","#5dceaf","#ff8021","#f14124","#f2f2f2","#7f7f7f","#8bc9f7","#c7cce4","#dbe0f4","#def4fc","#edfadc","#def5ef","#ffe5d2","#fcd9d3","#d8d8d8","#595959","#4facf3","#909aca","#b8c2e9","#beeafa","#dbf6b9","#beebdf","#ffcca6","#f9b3a7","#bfbfbf","#3f3f3f","#0d78c9","#5967af","#94a3de","#9ee0f7","#caf297","#9de1cf","#ffb279","#f68d7b","#a5a5a5","#262626","#063c64","#181d33","#31479f","#11b2eb","#81d319","#34ac8b","#d85c00","#c3260c","#7f7f7f","#0c0c0c","#021828","#101322","#202f6a","#0b769c","#568c11","#22725c","#903d00","#821908"],columns:10},metro:{colors:["#ffffff","#000000","#d6ecff","#4e5b6f","#7fd13b","#ea157a","#feb80a","#00addc","#738ac8","#1ab39f","#f2f2f2","#7f7f7f","#a7d6ff","#d9dde4","#e5f5d7","#fad0e4","#fef0cd","#c5f2ff","#e2e7f4","#c9f7f1","#d8d8d8","#595959","#60b5ff","#b3bcca","#cbecb0","#f6a1c9","#fee29c","#8be6ff","#c7d0e9","#94efe3","#bfbfbf","#3f3f3f","#007dea","#8d9baf","#b2e389","#f272af","#fed46b","#51d9ff","#aab8de","#5fe7d5","#a5a5a5","#262626","#003e75","#3a4453","#5ea226","#af0f5b","#c58c00","#0081a5","#425ea9","#138677","#7f7f7f","#0c0c0c","#00192e","#272d37","#3f6c19","#750a3d","#835d00","#00566e","#2c3f71","#0c594f"],columns:10},flow:{colors:["#ffffff","#000000","#dbf5f9","#04617b","#0f6fc6","#009dd9","#0bd0d9","#10cf9b","#7cca62","#a5c249","#f2f2f2","#7f7f7f","#b2e9f2","#b4ecfc","#c7e2fa","#c4eeff","#c9fafc","#c9faed","#e4f4df","#edf2da","#d8d8d8","#595959","#76d9e8","#6adafa","#90c6f6","#89deff","#93f5f9","#94f6db","#cae9c0","#dbe6b6","#bfbfbf","#3f3f3f","#21b2c8","#20c8f7","#59a9f2","#4fceff","#5df0f6","#5ff2ca","#b0dfa0","#c9da91","#a5a5a5","#262626","#105964","#02485c","#0b5394","#0075a2","#089ca2","#0b9b74","#54a838","#7e9532","#7f7f7f","#0c0c0c","#062328","#01303d","#073763","#004e6c","#05686c","#07674d","#387025","#546321"],columns:10},hardcover:{colors:["#ffffff","#000000","#ece9c6","#895d1d","#873624","#d6862d","#d0be40","#877f6c","#972109","#aeb795","#f2f2f2","#7f7f7f","#e1dca5","#f2e0c6","#f0d0c9","#f6e6d5","#f5f2d8","#e7e5e1","#fbc7bc","#eef0e9","#d8d8d8","#595959","#d0c974","#e6c28d","#e2a293","#eeceaa","#ece5b2","#cfccc3","#f78f7a","#dee2d4","#bfbfbf","#3f3f3f","#a29a36","#daa454","#d4735e","#e6b681","#e2d88c","#b7b2a5","#f35838","#ced3bf","#a5a5a5","#262626","#514d1b","#664515","#65281a","#a2641f","#a39428","#655f50","#711806","#879464","#7f7f7f","#0c0c0c","#201e0a","#442e0e","#431b11","#6c4315","#6d621a","#433f35","#4b1004","#5a6243"],columns:10},trek:{colors:["#ffffff","#000000","#fbeec9","#4e3b30","#f0a22e","#a5644e","#b58b80","#c3986d","#a19574","#c17529","#f2f2f2","#7f7f7f","#f7e09e","#e1d6cf","#fcecd5","#eddfda","#f0e7e5","#f3eae1","#ece9e3","#f5e3d1","#d8d8d8","#595959","#f3cc5f","#c4ad9f","#f9d9ab","#dcc0b6","#e1d0cc","#e7d5c4","#d9d4c7","#ebc7a3","#bfbfbf","#3f3f3f","#d29f0f","#a78470","#f6c781","#cba092","#d2b9b2","#dbc1a7","#c6bfab","#e1ac76","#a5a5a5","#262626","#694f07","#3a2c24","#c87d0e","#7b4b3a","#926255","#a17242","#7b7153","#90571e","#7f7f7f","#0c0c0c","#2a1f03","#271d18","#855309","#523226","#614138","#6b4c2c","#524b37","#603a14"],columns:10},verve:{colors:["#ffffff","#000000","#d2d2d2","#666666","#ff388c","#e40059","#9c007f","#68007f","#005bd3","#00349e","#f2f2f2","#7f7f7f","#bdbdbd","#e0e0e0","#ffd7e8","#ffc6dc","#ffb8f1","#f1b2ff","#c3dcff","#b8cfff","#d8d8d8","#595959","#9d9d9d","#c1c1c1","#ffafd1","#ff8eba","#ff71e4","#e365ff","#87baff","#72a0ff","#bfbfbf","#3f3f3f","#696969","#a3a3a3","#ff87ba","#ff5597","#ff2ad7","#d519ff","#4b98ff","#2b71ff","#a5a5a5","#262626","#343434","#4c4c4c","#e90062","#ab0042","#75005f","#4e005f","#00449e","#002676","#7f7f7f","#0c0c0c","#151515","#333333","#9b0041","#72002c","#4e003f","#34003f","#002d69","#00194f"],columns:10},monochrome:{colors:["#000000","#1a1a1a","#333333","#4d4d4d","#666666","#808080","#999999","#b3b3b3","#cccccc","#e6e6e6","#f2f2f2","#ffffff"],columns:12}};import{jsx as mb}from"react/jsx-runtime";var Jl=e=>mb(Mn,{palette:Ra.basic,...e});import{jsx as s_}from"react/jsx-runtime";import{jsx as m_,jsxs as c_}from"react/jsx-runtime";import{jsx as hb}from"react/jsx-runtime";var cb=ye.options,ub=ye.states,fb={...ye.defaultOptions,variant:"basic"},bb=[{name:"basic",title:"Basic"},{name:"monochrome",title:"Monochrome"}],xb={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}},Nb=[],Ho=e=>{let{variant:t="basic",...o}=e,a=xb[t];return hb(Jl,{columns:a.columns,palette:a,...o})};Ho.options=cb;Ho.states=ub;Ho.variants=bb;Ho.defaultOptions=fb;Ho.modifiers=Nb;Ho.className=ye.className;var Yl="color-editor",Zl="coloreditor";import{jsx as Ye,jsxs as zo}from"react/jsx-runtime";var Sn="k-coloreditor",vb=[r.focus],gb={size:[d.undefined,d.small,d.medium,d.large]},_a={view:"gradient",palette:Ra.office,actionButtons:!0,canvasOrientation:"horizontal"},Q=e=>{let{size:t,view:o=_a.view,palette:a=_a.palette,color:n,currentColor:i,focus:l,focusView:m,dir:u,group:b,actionButtons:x=_a.actionButtons,canvasOrientation:g=_a.canvasOrientation,...c}=e;return zo("div",{...c,role:"textbox","aria-label":"Color editor",tabIndex:0,className:s(e.className,"k-flatcolorpicker",Sn,E(Sn,{size:t}),C(Sn,{focus:l})),dir:u,children:[zo("div",{className:"k-coloreditor-header k-hstack",children:[Ye("div",{className:"k-coloreditor-header-actions k-hstack",children:b&&zo(T,{fillMode:"flat",children:[Ye(p,{className:"k-group-start",size:t,fillMode:"flat",icon:"droplet-slider",selected:o==="gradient","aria-label":"Color gradient view"}),Ye(p,{className:"k-group-end",size:t,fillMode:"flat",icon:"palette",selected:o==="palette","aria-label":"Color palette view"})]})}),Ye("div",{className:"k-spacer"}),zo("div",{className:"k-coloreditor-header-actions k-hstack",children:[Ye(p,{fillMode:"flat",icon:"droplet-slash",size:t,"aria-label":"Reset color"}),zo("div",{className:"k-coloreditor-preview k-vstack",children:[Ye(Tt,{className:"k-coloreditor-preview-color",color:n}),Ye(Tt,{className:"k-coloreditor-current-color",color:i})]})]})]}),Ye("div",{className:"k-coloreditor-views k-vstack",children:o==="gradient"?Ye(ie,{focus:m,size:t,canvasOrientation:g,role:"none",tabIndex:-1}):Ye(ye,{palette:a,size:t})}),x&&zo(Ke,{className:"k-coloreditor-footer",alignment:"start",children:[Ye(p,{themeColor:"primary",size:t,className:"k-coloreditor-apply",children:"Apply"}),Ye(p,{className:"k-coloreditor-cancel",size:t,children:"Cancel"})]})]})};Q.states=vb;Q.options=gb;Q.className=Sn;Q.defaultOptions=_a;Q.moduleName=Yl;Q.folderName=Zl;var Uo=Q;import{jsx as U_}from"react/jsx-runtime";import{jsx as $_}from"react/jsx-runtime";import{jsx as Lb}from"react/jsx-runtime";var Ql=e=>Lb(Uo,{group:!0,currentColor:"fuchsia",...e});import{jsx as Mb}from"react/jsx-runtime";var jl=e=>Mb(Uo,{view:"palette",group:!0,currentColor:"fuchsia",...e});import{jsx as ep}from"react/jsx-runtime";var Sb=Q.options,kb=Q.states,Cb={...Q.defaultOptions,variant:"gradient"},Ab=[{name:"gradient",title:"Gradient"},{name:"palette",title:"Palette"}],Eb=[],Fo=e=>{let{variant:t,...o}=e;return t==="palette"?ep(jl,{...o,color:"white"}):ep(Ql,{...o,color:"rgba(183, 118 , 118, 1.00)"})};Fo.options=Sb;Fo.states=kb;Fo.variants=Ab;Fo.defaultOptions=Cb;Fo.modifiers=Eb;Fo.className=Q.className;var tp="color-picker",op="colorpicker";import{Fragment as Tb,jsx as Ze,jsxs as lr}from"react/jsx-runtime";var ap="k-colorpicker",yb=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled],Ib={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]},np={arrowIconName:"chevron-down"},Qe=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:n=np.arrowIconName,prefix:i,suffix:l,value:m,placeholder:u,hover:b,focus:x,valid:g,invalid:c,required:L,disabled:M,valueIconName:S,popup:A,opened:k,adaptive:y,adaptiveSettings:w,adaptiveTitle:se,adaptiveSubtitle:Ae,...pe}=e,ue="colorpicker-popup";return lr(Tb,{children:[lr(pt,{...pe,size:t,rounded:o,fillMode:a,hover:b,focus:x,valid:g,invalid:c,required:L,disabled:M,role:"combobox","aria-haspopup":"dialog","aria-expanded":k?"true":"false","aria-controls":k\|\|y?ue:void 0,"aria-label":"Color picker",tabIndex:0,"aria-disabled":M?"true":void 0,className:s(e.className,ap,"k-icon-picker"),children:[Ze(Ue,{children:i}),Ze(Yt,{placeholder:u,value:m,showValue:!1,valueIcon:Ze(Tt,{className:"k-value-icon",color:m,iconName:S}),valueIconName:S}),Ze(Fe,{children:l}),Ze(p,{className:"k-input-button",icon:n,size:t,fillMode:a,tabIndex:-1,"aria-label":"Open color picker",disabled:M})]}),k&&A&&Ze(q,{id:ue,className:"k-colorpicker-popup",children:A}),y&&Ze(Y,{adaptive:!0,id:ue,...w,header:Ze(Ne,{actionsEnd:Ze(p,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply"}),title:se,subtitle:Ae}),footer:lr(Ot,{children:[Ze(p,{text:"Cancel",size:"large"}),Ze(p,{text:"Set",size:"large",themeColor:"primary"})]}),children:Ze(Q,{canvasOrientation:"vertical",size:"large",actionButtons:!1,group:!0})})]})};Qe.states=yb;Qe.options=Ib;Qe.className=ap;Qe.defaultOptions=np;Qe.moduleName=tp;Qe.folderName=op;var St=Qe;import{jsx as Ob}from"react/jsx-runtime";var kn=e=>Ob(St,{...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 to}from"react/jsx-runtime";var Bb=St.options,Pb=St.states,sp={...St.defaultOptions,variant:"color"},Kb=[{name:"color",title:"Color",default:!0},{name:"no color",title:"No color"},{name:"icon",title:"Icon"}],Rb=[{name:"opened",title:"Opened"}],Go=e=>{let{variant:t,modifiers:o,...a}={...sp,...e},n={};Object.keys(o\|\|{}).forEach(l=>{l==="opened"&&(n.opened=!!o?.[l],n.popup=o?.[l]?to(Q,{size:a.size,color:"rgba(183, 118 , 118, 1.00)",group:!0}):"")});let i=n.opened?{width:"272px",height:"390px"}:{};switch(t){case"no color":return to("div",{style:i,children:to(kn,{...a,...n})});case"icon":return to("div",{style:i,children:to(kn,{value:"rgba(183, 118 , 118, 1.00)",valueIconName:"edit-tools",...a,...n})});default:return to("div",{style:i,children:to(kn,{value:"rgba(183, 118 , 118, 1.00)",...a,...n})})}};Go.options=Bb;Go.states=Pb;Go.variants=Kb;Go.defaultOptions=sp;Go.modifiers=Rb;Go.className=St.className;var pr="combobox",rp=pr;import{Fragment as dr,jsx as oe,jsxs as wa}from"react/jsx-runtime";var ip="k-combobox",_b=[r.hover,r.focus,r.valid,r.invalid,r.loading,r.required,r.disabled,r.readonly],wb={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]},mr={separators:!0,showClearButton:!0},Le=e=>{let{size:t,rounded:o,fillMode:a,separators:n=mr.separators,showClearButton:i=mr.showClearButton,prefix:l,suffix:m,value:u,placeholder:b,hover:x,focus:g,valid:c,invalid:L,required:M,loading:S,disabled:A,popup:k,opened:y,readonly:w,adaptive:se,adaptiveSettings:Ae,adaptiveTitle:pe,adaptiveSubtitle:ue,adaptiveCustomValue:ua,id:Xt,autocomplete:qt,activeDescendant:fa,"aria-label":Zn,...Qn}=e,jn=Xt?`${Xt}-listbox`:void 0;return wa(dr,{children:[wa(J,{...Qn,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,ip),children:[l&&wa(dr,{children:[oe(Ue,{children:l}),n&&oe(Ge,{})]}),oe(fe,{id:Xt,placeholder:b,value:u,role:"combobox","aria-haspopup":"listbox","aria-expanded":y?"true":"false","aria-controls":y?jn:void 0,"aria-activedescendant":y&&fa?fa:void 0,"aria-autocomplete":qt,"aria-invalid":L?"true":void 0,"aria-busy":S?"true":void 0,"aria-label":Zn,disabled:A,readOnly:w}),oe(xe,{valid:c,invalid:L,loading:S,disabled:A}),oe(Ee,{loading:S,disabled:A}),i&&oe(Pe,{loading:S,disabled:A,readonly:w,value:u}),m&&wa(dr,{children:[n&&oe(Ge,{}),oe(Fe,{children:m})]}),oe(p,{className:"k-input-button",icon:"chevron-down",size:t,fillMode:a,"aria-label":"Open popup",tabIndex:-1,disabled:A})]}),y&&k&&oe(q,{className:"k-list-container k-combobox-popup",containerRole:"region",containerAriaLabel:"Combobox suggestions",children:k}),se&&oe(Y,{adaptive:!0,id:Xt?`${Xt}-adaptive`:void 0,...Ae,header:oe(Ne,{actionsEnd:oe(p,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),input:!0,inputValue:u,inputPlaceholder:b,title:pe,subtitle:ue}),children:oe("div",{className:"k-list-container",children:oe(R,{customValue:ua?oe(wt,{text:`Use "${u}"`}):void 0,size:"large",children:wa(z,{"aria-label":pe\|\|"Options",children:[oe(O,{text:"List item"}),oe(O,{text:"List item"}),oe(O,{text:"List item"})]})})})})]})};Le.states=_b;Le.options=wb;Le.className=ip;Le.defaultOptions=mr;Le.moduleName=pr;Le.folderName=rp;var _e=Le;import{jsx as Db}from"react/jsx-runtime";var lp=e=>Db(_e,{...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 zt,jsxs as Vb}from"react/jsx-runtime";var Hb=Le.states,zb=Le.defaultOptions,Ub=Le.options,Fb=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"opened",title:"Opened"}],Gb=[],Vo=e=>{let{modifiers:t,...o}=e,a={},n=zt(R,{style:{width:300},size:o.size,children:Vb(z,{children:[zt(O,{children:"List item"}),zt(O,{children:"List item"}),zt(O,{children:"List item"})]})});return Object.keys(t\|\|{}).forEach(i=>{switch(i){case"prefix":a.prefix=t?.[i]?zt(v,{icon:"map-marker-target"}):void 0;break;case"suffix":a.suffix=t?.[i]?zt(X,{size:o.size,icon:"copy",fillMode:"clear"}):void 0;break;case"opened":a.opened=!!t?.[i],a.popup=t?.[i]?n:void 0;break;default:break}}),zt("div",{children:zt(lp,{value:"Value",style:{width:300},...o,...a})})};Vo.options=Ub;Vo.states=Hb;Vo.variants=Gb;Vo.defaultOptions=zb;Vo.modifiers=Fb;Vo.className=Le.className;var cr="menu-button",pp=cr;import{jsx as qb}from"react/jsx-runtime";var dp="k-menu-button",$b=[r.hover,r.focus,r.active,r.selected,r.disabled],Xb={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]},ur={showArrow:!0,arrowIconName:"chevron-down"},H=e=>{let{size:t,rounded:o,fillMode:a,themeColor:n,hover:i,focus:l,active:m,selected:u,disabled:b,icon:x,endIcon:g,text:c,showArrow:L=ur.showArrow,arrowIconName:M=ur.arrowIconName,expanded:S,...A}=e;return qb(p,{...A,className:s(e.className,dp),text:c,size:t,rounded:o,fillMode:a,themeColor:n,hover:i,focus:l,active:m,selected:u,disabled:b,ariaDisabled:b\|\|void 0,icon:x,endIcon:g,showArrow:L,arrowIconName:M,"aria-expanded":S?"true":"false",...!c&&x&&!e["aria-label"]&&{"aria-label":"Menu"}})};H.states=$b;H.options=Xb;H.className=dp;H.defaultOptions=ur;H.moduleName=cr;H.folderName=pp;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 we="menu",je=we;import{jsx as Ha,jsxs as mp}from"react/jsx-runtime";var fr="k-menu-item",Wb=[r.hover,r.focus,r.active,r.selected,r.disabled],Jb={},cp={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=cp.iconPosition,dir:g,children:c,expanded:L,...M}=e,S=b;return S\|\|(S=g==="rtl"?"chevron-left":"chevron-right"),mp("li",{...M,className:s(e.className,fr,"k-item",C(fr,{focus:o,disabled:i,hover:t,active:a,selected:n})),role:"menuitem",...u&&{"aria-haspopup":"menu"},...u&&{"aria-expanded":L?"true":"false"},...i&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[mp("span",{className:s("k-link k-menu-link"),children:[l&&x==="before"&&Ha(v,{className:"k-menu-link-icon",icon:l}),Ha("span",{className:"k-menu-link-text",children:m}),l&&x==="after"&&Ha(v,{className:"k-menu-link-icon",icon:l}),u&&Ha("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:Ha(v,{icon:S})})]}),c]})};me.states=Wb;me.options=Jb;me.className=fr;me.defaultOptions=cp;me.moduleName=we;me.folderName=je;import{jsx as oo,jsxs as up}from"react/jsx-runtime";var br="k-menu-item",Yb=[r.hover,r.focus,r.active,r.selected,r.disabled],Zb={},xr={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=xr.iconPosition,dir:g=xr.dir,children:c,popup:L,expanded:M,actions:S,description:A,...k}=e,y=b;return y\|\|(y=g==="rtl"?"chevron-left":"chevron-right"),up("li",{role:"menuitem",...k,className:s(e.className,br,"k-item",C(br,{focus:o,disabled:i})),...u&&{"aria-haspopup":"menu"},...u&&{"aria-expanded":M?"true":"false"},...i&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[up("span",{className:s("k-link k-menu-link",C("k-menu-link",{hover:t,active:a,selected:n,disabled:i})),children:[l&&x==="before"&&oo(v,{className:"k-menu-link-icon",icon:l}),oo("span",{className:"k-menu-link-text",children:m}),l&&x==="after"&&oo(v,{className:"k-menu-link-icon",icon:l}),S&&oo("span",{className:"k-menu-link-actions",children:S}),u&&oo("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:oo(v,{icon:y})}),A&&oo("span",{className:"k-menu-link-description",children:A})]}),c,L]})};W.states=Yb;W.options=Zb;W.className=br;W.defaultOptions=xr;W.moduleName=we;W.folderName=je;import{jsx as tx}from"react/jsx-runtime";var fp="k-menu-scroll-wrapper",Qb=[],jb={},ex={},ao=e=>{let{className:t,children:o,orientation:a,...n}=e;return tx("div",{...n,className:s(t,fp,{"k-menu-scroll-wrapper-vertical":a==="vertical"}),children:o})};ao.states=Qb;ao.options=jb;ao.className=fp;ao.defaultOptions=ex;ao.moduleName=we;ao.folderName=je;var bp=ao;import{Fragment as Nr,jsx as no,jsxs as Cn}from"react/jsx-runtime";var An="k-menu",ox=[],ax={size:[d.undefined,d.small,d.medium,d.large]},En={orientation:"horizontal",header:!0,scrollButtonsPosition:"around"},le=e=>{let{children:t,orientation:o=En.orientation,header:a=En.header,scrollable:n,scrollButtonsPosition:i=En.scrollButtonsPosition,wrapperStyles:l,dir:m,size:u,popup:b,contextMenu:x,...g}=e,c={horizontal:{prev:m!=="rtl"?"left":"right",next:m!=="rtl"?"right":"left"},vertical:{prev:"up",next:"down"}},L=no("ul",{dir:m,...g,className:s(e.className,"k-reset",An,{[`${An}-${o}`]:o,"k-header":a},E(An,{size:u})),role:x?"menu":"menubar",...o==="vertical"&&{"aria-orientation":"vertical"},children:t});return Cn(Nr,{children:[n?Cn(bp,{orientation:o,style:l,dir:e.dir,children:[i==="start"&&Cn(Nr,{children:[no(p,{fillMode:"flat",size:"xsmall",icon:`chevron-${c[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),no(p,{fillMode:"flat",size:"xsmall",icon:`chevron-${c[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),i==="around"&&no(p,{fillMode:"flat",size:"xsmall",icon:`chevron-${c[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),L,i==="end"&&Cn(Nr,{children:[no(p,{fillMode:"flat",size:"xsmall",icon:`chevron-${c[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),no(p,{fillMode:"flat",size:"xsmall",icon:`chevron-${c[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),i==="around"&&no(p,{fillMode:"flat",size:"xsmall",icon:`chevron-${c[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}):L,b]})};le.states=ox;le.options=ax;le.className=An;le.defaultOptions=En;le.moduleName=we;le.folderName=je;import{jsx as nx}from"react/jsx-runtime";var hr="k-separator",xp={orientation:"horizontal"},$o=e=>{let{orientation:t=xp.orientation,...o}=e;return nx("li",{...o,className:s(e.className,"k-item",hr,{[`${hr}-${t}`]:t}),role:"separator"})};$o.className=hr;$o.defaultOptions=xp;$o.moduleName=we;$o.folderName=je;import{Fragment as iz,jsx as lz}from"react/jsx-runtime";import{jsx as lx}from"react/jsx-runtime";var vr="k-menu-group",sx=[],rx={size:[d.undefined,d.small,d.medium,d.large]},ix={},ce=e=>{let{children:t,size:o,...a}=e;return lx("ul",{role:"menu",...a,className:s(e.className,vr,E(vr,{size:o})),children:t})};ce.states=sx;ce.options=rx;ce.className=vr;ce.defaultOptions=ix;ce.moduleName=we;ce.folderName=je;import{jsx as Nz,jsxs as hz}from"react/jsx-runtime";import{Fragment as px,jsx as Xo,jsxs as dx}from"react/jsx-runtime";var gr=e=>Xo(le,{children:dx(px,{children:[Xo(me,{text:"Item 1"}),Xo(me,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 2"}),Xo(me,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 3"}),Xo(me,{text:"Item 4"}),Xo(me,{text:"Item 5"})]}),...e});import{Fragment as 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 so,jsxs as bx}from"react/jsx-runtime";var mx={...le.options,scrollable:{type:"boolean"}},cx=le.states,Np={...le.defaultOptions,variant:"horizontal"},ux=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],fx=[{name:"opened",title:"Opened"}],qo=e=>{let{variant:t,modifiers:o,...a}={...Np,...e},n={},i=t==="vertical"?{left:"200px",top:"30px"}:{left:"90px",top:"auto"};return Object.keys(o\|\|{}).forEach(l=>{l==="opened"&&(n.opened=!!o?.[l],n.popup=o?.[l]?so(q,{className:"k-menu-popup",offset:i,children:bx(ce,{children:[so(W,{text:"Item 1"}),so(W,{text:"Item 2"}),so($o,{}),so(W,{text:"Item 3"})]})}):null)}),t==="vertical"?so(gr,{...a,...n,orientation:"vertical",style:{width:"200px"}}):so(gr,{...a,...n})};qo.options=mx;qo.states=cx;qo.variants=ux;qo.defaultOptions=Np;qo.modifiers=fx;qo.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 gx,jsx as bt,jsxs as hp}from"react/jsx-runtime";var xx=p.states,vp={...p.defaultOptions,variant:"text"},Nx=p.options,hx=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],vx=[{name:"opened",title:"Opened"}],Wo=e=>{let{variant:t,modifiers:o,...a}={...vp,...e},n={},i=bt(q,{className:"k-menu-popup",children:hp(ce,{size:a.size,children:[bt(W,{text:"Menu Item"}),bt(W,{text:"Menu Item"}),bt(W,{text:"Menu Item"})]})}),l;switch(t){case"icon-only":l=bt("div",{children:bt(H,{...a,...n,icon:"star"})});break;case"icon-and-text":l=bt("div",{children:bt(H,{...a,...n,icon:"star",children:"Dropdown Button"})});break;default:l=bt("div",{children:bt(H,{...a,...n,children:"Dropdown Button"})});break}return hp(gx,{children:[l,o?.opened&&i]})};Wo.options=Nx;Wo.states=xx;Wo.variants=hx;Wo.defaultOptions=vp;Wo.modifiers=vx;Wo.className=H.className;var Lr="split-button",gp=Lr;import{Fragment as Sx,jsx as Mr,jsxs as Lp}from"react/jsx-runtime";var Sr="k-split-button",Lx=[r.hover,r.focus,r.active,r.selected,r.disabled],Mx={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]},Mp={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=Mp.arrowIconName,popup:M,opened:S,popupId:A,...k}=e;return Lp(Sx,{children:[Lp("div",{...k,className:s(e.className,Sr,"k-button-group",E(Sr,{rounded:o})),children:[Mr(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}),Mr(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&&Mr(q,{className:"k-menu-popup",children:M})]})};K.states=Lx;K.options=Mx;K.className=Sr;K.defaultOptions=Mp;K.moduleName=Lr;K.folderName=gp;var kr=K;import{jsx as Cx}from"react/jsx-runtime";var kx="k-toolbar-separator",st=e=>Cx("div",{className:s(kx,e.className,"k-separator")});var ro="toolbar",Jo=ro;import{Fragment as Cr,jsx as _,jsxs as Yo}from"react/jsx-runtime";var kt="k-toolbar",Ax=[r.focus],Ex={size:[d.undefined,d.small,d.medium,d.large],fillMode:[N.undefined,N.solid,N.outline,N.flat]},yx={scrollButtons:"around"},U=e=>{let{size:t,fillMode:o,focus:a,resizable:n,scrollable:i,scrollButtons:l,scrollingPosition:m,section:u,...b}=e,x=[],g=(c,L)=>{let M=[];if(c.type===p&&c.props.className&&c.props.className.includes("k-toolbar-overflow-button"))M.push(_(p,{...c.props,className:`${c.props.className?c.props.className:""}`},`${L}-${new Date().getTime()}`));else if(c.type===p)M.push(_(p,{...c.props,className:`k-toolbar-button ${c.props.className?c.props.className:""}`},`${L}-${new Date().getTime()}`));else if(c.type===va)M.push(_(va,{...c.props,className:`k-toolbar-button ${c.props.className?c.props.className:""}`},`${L}-${new Date().getTime()}`));else if(c.type===X)M.push(_(X,{...c.props,className:`k-toolbar-button ${c.props.className?c.props.className:""}`},`${L}-${new Date().getTime()}`));else if(c.type===H)M.push(_(H,{...c.props,className:`k-toolbar-menu-button ${c.props.className?c.props.className:""}`},`${L}-${new Date().getTime()}`));else if(c.type===kr)M.push(_(kr,{...c.props,className:`k-toolbar-split-button ${c.props.className?c.props.className:""}`},`${L}-${new Date().getTime()}`));else if(c.type===T\|\|c.props.className&&c.props.className.includes("k-button-group")){let S=[];(Array.isArray(c.props.children)?c.props.children:[c.props.children]).forEach((k,y)=>{S.push(_(p,{...k.props,className:`${k.props.className?k.props.className:""}`},`${y}-${new Date().getTime()}`))}),M.push(_(T,{...c.props,className:`k-toolbar-button-group ${c.props.className?c.props.className:""}`,children:S},`${L}-${new Date().getTime()}`))}else c.type===Le?M.push(_(Le,{...c.props,className:`k-toolbar-combobox ${c.props.className?c.props.className:""}`},`${L}-${new Date().getTime()}`)):c.type===ne?M.push(_(ne,{...c.props,className:`k-toolbar-dropdownlist ${c.props.className?c.props.className:""}`},`${L}-${new Date().getTime()}`)):c.type===Qe?M.push(_(Qe,{...c.props,className:`k-toolbar-colorpicker ${c.props.className?c.props.className:""}`},`${L}-${new Date().getTime()}`)):M.push(c);M.forEach(S=>{x.push(S)})};return e.children&&(Array.isArray(e.children)?e.children:[e.children]).forEach((L,M)=>{g(L,M)}),Yo("div",{...b,className:s(e.className,kt,E(kt,{size:t,fillMode:o}),C(kt,{focus:a}),{[`${kt}-resizable`]:n,[`${kt}-scrollable`]:i,[`${kt}-scrollable-overlay`]:i&&l==="hidden",[`${kt}-scrollable-${m}`]:m&&m!=="both",[`${kt}-section`]:u}),role:"toolbar","aria-label":"Toolbar",children:[!i&&x,i&&l==="hidden"&&_("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:x}),i&&l==="start"&&Yo(Cr,{children:[Yo(T,{children:[_("span",{className:s("k-toolbar-prev","k-button",E("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:_(v,{className:"k-button-icon",icon:"chevron-left"})}),_("span",{className:s("k-toolbar-next","k-button",E("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:_(v,{className:"k-button-icon",icon:"chevron-right"})})]}),_(st,{className:"k-toolbar-button-separator"}),_("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:x})]}),i&&l==="end"&&Yo(Cr,{children:[_("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:x}),_(st,{className:"k-toolbar-button-separator"}),Yo(T,{children:[_("span",{className:s("k-toolbar-prev","k-button",E("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:_(v,{className:"k-button-icon",icon:"chevron-left"})}),_("span",{className:s("k-toolbar-next","k-button",E("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:_(v,{className:"k-button-icon",icon:"chevron-right"})})]})]}),i&&(l==="around"\|\|!l)&&Yo(Cr,{children:[_("span",{className:s("k-toolbar-prev","k-button",E("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:_(v,{className:"k-button-icon",icon:"chevron-left"})}),_(st,{className:"k-toolbar-button-separator"}),_("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:x}),_(st,{className:"k-toolbar-button-separator"}),_("span",{className:s("k-toolbar-next","k-button",E("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:_(v,{className:"k-button-icon",icon:"chevron-right"})})]})]})};U.states=Ax;U.options=Ex;U.className=kt;U.defaultOptions=yx;U.moduleName=ro;U.folderName=Jo;import{jsx as Bx}from"react/jsx-runtime";var Ar="k-toolbar-item",Ix=[r.focus],Tx={},Ox={},Zo=e=>{let{focus:t,...o}=e;return Bx("div",{...o,className:s(e.className,Ar,C(Ar,{focus:t})),children:e.children})};Zo.states=Ix;Zo.options=Tx;Zo.className=Ar;Zo.defaultOptions=Ox;Zo.moduleName=ro;Zo.folderName=Jo;import{jsx as Sp}from"react/jsx-runtime";var kp="k-toolbar-popup",Px=[],Kx={size:[d.undefined,d.small,d.medium,d.large],fillMode:[N.undefined,N.solid,N.outline,N.flat]},Rx={},io=e=>{let{size:t,fillMode:o,section:a,...n}=e;return Sp(q,{...n,className:s(e.className,kp),children:a?Sp("span",{className:s("k-toolbar-items-list",E("k-toolbar-items-list",{size:t,fillMode:o})),role:"toolbar",children:e.children}):e.children})};io.states=Px;io.options=Kx;io.className=kp;io.defaultOptions=Rx;io.moduleName=ro;io.folderName=Jo;var yn=io;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 Ct,jsxs as zx}from"react/jsx-runtime";var _x=K.states,Cp={...K.defaultOptions,variant:"text"},wx=K.options,Dx=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Hx=[{name:"opened",title:"Opened"}],Qo=e=>{let{variant:t,modifiers:o,...a}={...Cp,...e},n={},i=zx(ce,{size:a.size,children:[Ct(W,{text:"Menu Item"}),Ct(W,{text:"Menu Item"}),Ct(W,{text:"Menu Item"})]});switch(Object.keys(o\|\|{}).forEach(l=>{l==="opened"&&(n.opened=!!o?.[l],n.popup=o?.[l]?i:"")}),t){case"icon-only":return Ct("div",{children:Ct(K,{...a,...n,icon:"star"})});case"icon-and-text":return Ct("div",{children:Ct(K,{...a,...n,icon:"star",children:"Split Button"})});default:return Ct("div",{children:Ct(K,{...a,...n,children:"Split Button"})})}};Qo.options=wx;Qo.states=_x;Qo.variants=Dx;Qo.defaultOptions=Cp;Qo.modifiers=Hx;Qo.className=K.className;import{jsx as lo,jsxs as Ux}from"react/jsx-runtime";var Ap=e=>lo(U,{children:[lo(p,{children:"Button"},"toolbar-button"),lo(H,{text:"Menu button"},"toolbar-menu-button"),lo(K,{children:"Split button"},"toolbar-split-button"),Ux(T,{children:[lo(p,{className:"k-group-start",icon:"align-left",children:"Left"}),lo(p,{icon:"align-center",children:"Center"}),lo(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});import{jsx as yU,jsxs as IU}from"react/jsx-runtime";import{jsx as De,jsxs as Ep}from"react/jsx-runtime";var yp=e=>De(U,{scrollable:!0,...e,children:[De(p,{children:"Button"},"toolbar-button"),De(H,{text:"Menu button"},"toolbar-menu-button"),De(K,{children:"Split button"},"toolbar-split-button"),Ep(T,{children:[De(p,{className:"k-group-start",icon:"align-left",children:"Left"}),De(p,{icon:"align-center",children:"Center"}),De(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),De(p,{children:"Button"},"toolbar-button"),De(H,{text:"Menu button"},"toolbar-menu-button"),De(K,{children:"Split button"},"toolbar-split-button"),Ep(T,{children:[De(p,{className:"k-group-start",icon:"align-left",children:"Left"}),De(p,{icon:"align-center",children:"Center"}),De(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});import{jsx as He,jsxs as Ip}from"react/jsx-runtime";var Tp=({scrollingPosition:e="start",...t})=>He(U,{scrollable:!0,scrollButtons:"hidden",scrollingPosition:e,...t,children:[He(p,{children:"Button"},"toolbar-button"),He(H,{text:"Menu button"},"toolbar-menu-button"),He(K,{children:"Split button"},"toolbar-split-button"),Ip(T,{children:[He(p,{className:"k-group-start",icon:"align-left",children:"Left"}),He(p,{icon:"align-center",children:"Center"}),He(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),He(p,{children:"Button"},"toolbar-button"),He(H,{text:"Menu button"},"toolbar-menu-button"),He(K,{children:"Split button"},"toolbar-split-button"),Ip(T,{children:[He(p,{className:"k-group-start",icon:"align-left",children:"Left"}),He(p,{icon:"align-center",children:"Center"}),He(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...t});import{Fragment as Fx,jsx as Ie,jsxs as In}from"react/jsx-runtime";var Op=({fillMode:e,size:t,...o})=>In(Fx,{children:[Ie(U,{section:!0,fillMode:e,size:t,children:[Ie(p,{fillMode:e,size:t,children:"Button"},"toolbar-button"),In(T,{fillMode:e,children:[Ie(p,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),Ie(p,{icon:"align-center",fillMode:e,size:t,children:"Center"}),Ie(p,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group"),Ie(st,{className:"k-toolbar-button-separator"}),Ie(p,{icon:"more-horizontal",className:"k-toolbar-overflow-button",fillMode:"flat",size:t,"aria-label":"More options","aria-expanded":"false"})],...o}),In(yn,{size:t,fillMode:e,section:!0,...o,children:[Ie(K,{fillMode:e,size:t,children:"Split button"},"toolbar-split-button"),Ie(p,{fillMode:e,size:t,children:"Button"},"toolbar-button"),Ie(st,{}),Ie(H,{text:"Menu button",fillMode:e,size:t},"toolbar-menu-button"),In(T,{fillMode:e,children:[Ie(p,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),Ie(p,{icon:"align-center",fillMode:e,size:t,children:"Center"}),Ie(p,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group")]})]});import{Fragment as 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 Ut}from"react/jsx-runtime";var Gx=U.options,Vx=U.states,Bp={...U.defaultOptions,variant:"default"},$x=[{name:"default",title:"Default"},{name:"scrollable",title:"Scrollable"},{name:"overlay",title:"Overlay"},{name:"responsive",title:"Responsive"}],Xx=[],jo=e=>{let{variant:t,...o}={...Bp,...e};switch(t){case"responsive":return Ut("div",{children:Ut(Op,{style:{width:"583px"},...o})});case"overlay":return Ut("div",{children:Ut(Tp,{style:{width:"583px"},...o,scrollingPosition:"start",scrollButtons:"hidden"})});case"scrollable":return Ut("div",{children:Ut(yp,{style:{width:"583px"},...o})});default:return Ut("div",{children:Ut(Ap,{style:{width:"583px"},...o})})}};jo.options=Gx;jo.states=Vx;jo.variants=$x;jo.defaultOptions=Bp;jo.modifiers=Xx;jo.className=U.className;import{Fragment as Yx,jsx as rt,jsxs as za}from"react/jsx-runtime";var Pp="k-message",qx=[r.hover,r.selected,r.active,r.focus],Wx={},Jx=[rt(p,{icon:"copy",fillMode:"flat","aria-label":"Copy"}),rt(p,{icon:"arrow-rotate-cw",fillMode:"flat","aria-label":"Retry"}),rt(p,{icon:"download",fillMode:"flat","aria-label":"Download"})],ea={time:"Thu Feb 08 2018",text:"How can I help you?",status:"Seen",toolbarItems:Jx,failed:"Failed to send"},F=e=>{let{time:t=ea.time,text:o=ea.text,content:a,status:n=ea.status,statusIcon:i,toolbarItems:l=ea.toolbarItems,hover:m,selected:u,active:b,focus:x,toolbar:g,typing:c,expandable:L,expanded:M,removed:S,files:A,failed:k,...y}=e,w=k===!0?ea.failed:k;return za("div",{...y,className:s(Pp,e.className,{"k-message-removed":S,"k-message-failed":k}),children:[k&&rt(X,{className:"k-resend-button",icon:"arrow-rotate-cw",size:"xsmall",fillMode:"clear","aria-label":"Resend"}),rt(Kp,{typing:c,selected:u,hover:m,active:b,focus:x,content:za(Yx,{children:[a,o&&rt("span",{className:"k-chat-bubble-text",children:o})]}),expandable:L,expanded:M,files:A}),za("div",{className:"k-message-info",children:[n&&za("span",{className:"k-message-status",children:[i&&rt(v,{icon:i,size:"xsmall"}),n]}),t&&rt("time",{className:"k-message-time",children:t}),k&&za("span",{className:"k-message-failed-content",children:[k&&rt(v,{icon:"warning-triangle",size:"xsmall"}),k&&rt("span",{className:"k-message-failed-text",children:w})]})]}),g&&rt(U,{className:"k-chat-message-toolbar",fillMode:"flat",children:l})]})};F.states=qx;F.options=Wx;F.className=Pp;F.moduleName=null;F.folderName=null;F.defaultOptions=ea;var Er="avatar",Rp=Er;import{jsx as _p}from"react/jsx-runtime";var Ua="k-avatar";var Zx=[r.hover,r.focus,r.active,r.selected,r.disabled],Qx={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]},yr={type:"text",border:!1},Me=e=>{let{size:t,rounded:o,fillMode:a,themeColor:n,type:i=yr.type,border:l=yr.border,...m}=e;return _p("div",{...m,className:s(e.className,Ua,E(Ua,{size:t,rounded:o,fillMode:a,themeColor:n}),{[`${Ua}-bordered`]:l}),children:_p("span",{className:`${Ua}-${i}`,children:e.children})})};Me.states=Zx;Me.options=Qx;Me.className=Ua;Me.defaultOptions=yr;Me.moduleName=Er;Me.folderName=Rp;var po=Me;import{jsx as jx}from"react/jsx-runtime";var wp=e=>jx(po,{type:"icon",...e});import{jsx as eN}from"react/jsx-runtime";var Dp=e=>eN(po,{type:"text",...e});import{jsx as tN}from"react/jsx-runtime";var Tn=e=>tN(po,{type:"image",...e});import{jsx as m5}from"react/jsx-runtime";import{jsx as Fa}from"react/jsx-runtime";var oN=Me.options,aN=Me.states,nN={...Me.defaultOptions,variant:"image"},sN=[{name:"image",title:"Image"},{name:"icon",title:"Icon Avatar"},{name:"text",title:"Text Avatar"}],rN=[],ta=e=>{let{variant:t,...o}=e;switch(t){case"icon":return Fa(wp,{...o,children:Fa(v,{icon:"star"})});case"text":return Fa(Dp,{...o,children:"JO"});default:return Fa(Tn,{...o,children:Fa("img",{src:"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg"})})}};ta.options=oN;ta.states=aN;ta.variants=sN;ta.defaultOptions=nN;ta.modifiers=rN;ta.className=Me.className;import{jsx as oa,jsxs as Ir}from"react/jsx-runtime";var Ga="k-message-group",iN=[r.selected],lN={},On={author:"Bruv",avatar:"/packages/html/assets/avatar.jpg",type:"receiver"},$=e=>{let{type:t=On.type,author:o=On.author,avatar:a=On.avatar,status:n,selected:i,fullWidth:l,...m}=e;return Ir("div",{...m,className:s(Ga,e.className,C(Ga,{selected:i}),{[`${Ga}-${t}`]:t,"k-no-avatar":!a,[`${Ga}-full-width`]:l}),children:[a&&!n&&oa(Me,{type:"image",children:oa("img",{src:a,alt:o\|\|""})}),n&&a&&Ir("div",{className:"k-chat-user-status-wrapper",children:[oa(Me,{type:"image",children:oa("img",{src:a,alt:o\|\|""})}),oa("div",{className:"k-chat-user-status"})]}),Ir("div",{className:"k-message-group-content",children:[o&&oa("span",{className:"k-message-author",children:o}),e.children]})]})};$.states=iN;$.options=lN;$.className=Ga;$.defaultOptions=On;import{Fragment as dN,jsx as Bn,jsxs as Hp}from"react/jsx-runtime";var Tr="k-message-reference",pN={},zp={type:"receiver"},Ft=e=>{let{content:t,closeable:o,pinned:a,type:n=zp.type,...i}=e;return Hp("div",{...i,className:s(Tr,e.className,{[`${Tr}-${n}`]:n,"k-message-pinned":a}),children:[a&&Bn(v,{icon:"pin"}),Bn("div",{className:"k-message-reference-content",children:t}),o&&Hp(dN,{children:[Bn("span",{className:"k-spacer"}),Bn(p,{icon:"x-circle",fillMode:"flat",size:"xsmall","aria-label":"Close"})]})]})};Ft.options=pN;Ft.className=Tr;Ft.moduleName=null;Ft.folderName=null;Ft.defaultOptions=zp;var Or="bubble",Up=Or;import{jsx as Pn,jsxs as cN}from"react/jsx-runtime";var Br="k-bubble",mN=[r.hover,r.active,r.selected,r.focus],Pr={expandable:!1,expanded:!1},mo=e=>{let{content:t,hover:o,active:a,focus:n,selected:i,expandable:l=Pr.expandable,expanded:m=Pr.expanded,...u}=e;return cN("div",{...u,className:s(e.className,Br,C(Br,{hover:o,active:a,focus:n,selected:i}),{"k-bubble-expandable":l},{"k-expanded":m}),tabIndex:0,children:[Pn("div",{className:"k-bubble-content",children:t??e.children}),l&&Pn("span",{className:"k-bubble-expandable-indicator",role:"button","aria-label":m?"Show less":"Show more",tabIndex:0,children:m?Pn(v,{icon:"chevron-up"}):Pn(v,{icon:"chevron-down"})})]})};mo.states=mN;mo.className=Br;mo.defaultOptions=Pr;mo.moduleName=Or;mo.folderName=Up;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 Kr,jsxs as Gp}from"react/jsx-runtime";var uN="k-chat-bubble",Kp=e=>{let{typing:t,content:o,files:a,...n}=e;return Gp(mo,{...n,className:s(e.className,uN),children:[t?Gp("div",{className:"k-typing-indicator",tabIndex:-1,children:[Kr("span",{}),Kr("span",{}),Kr("span",{})]}):o,a]})};import{jsx as fF}from"react/jsx-runtime";import{jsx as Vp,jsxs as fN}from"react/jsx-runtime";var $p="k-chat-event",Rr={icon:"trash",text:"You deleted Chat history."},Xp=e=>{let{icon:t=Rr.icon,text:o=Rr.text,...a}=e;return fN("div",{...a,className:s(e.className,$p),children:[t&&Vp(v,{className:"k-chat-event-icon",icon:t,size:"xsmall"}),o&&Vp("span",{className:"k-chat-event-text",children:o})]})};Xp.className=$p;Xp.defaultOptions=Rr;import{jsx as kF}from"react/jsx-runtime";import{Fragment as bN,jsx as xt,jsxs as xN}from"react/jsx-runtime";var qp=e=>xt(G,{children:xN(bN,{children:[xt("div",{className:"k-timestamp",children:"Day, Month 7, 2023"}),xt($,{children:xt(F,{})}),xt($,{type:"sender",children:xt(F,{})}),xt($,{children:xt(F,{text:"Very long message text that tests message overflowing behavior. Very long message text that tests message overflowing behavior."})}),xt($,{type:"sender",children:xt(F,{text:"Unusually_long_word_that_tests_word_break_behavior__unusually_long_word_that_tests_word_break_behavior"})})]}),...e});import{jsx as Wp}from"react/jsx-runtime";var Kn="k-file-box-wrapper",Jp={layout:"horizontal"},Nt=e=>{let{layout:t=Jp.layout,scrollingPosition:o,...a}=e;return Wp("ul",{role:"list","aria-label":"Attached files",...a,className:s(e.className,Kn,{"k-files-vertical":t==="vertical","k-files-wrap":t==="wrap",[`${Kn}-scrollable-start`]:t==="horizontal"&&(o==="start"\|\|o==="both"),[`${Kn}-scrollable-end`]:t==="horizontal"&&(o==="end"\|\|o==="both")}),children:t==="horizontal"?Wp("div",{className:"k-files-scroll",role:"presentation",children:e.children}):e.children})};Nt.className=Kn;Nt.defaultOptions=Jp;var _r="file-box",Yp=_r;import{jsx as aa,jsxs as Zp}from"react/jsx-runtime";var Qp="k-file-box",NN=[r.selected],hN={},Va={icon:"file-pdf",name:"FileName.pdf",size:"2MB",showButton:"true"},Te=e=>{let{icon:t=Va.icon,name:o=Va.name,size:a=Va.size,status:n,deleted:i,removeButton:l,showButton:m=Va.showButton,...u}=e,b=[o,a].filter(Boolean).join(" ");return Zp("li",{role:"listitem",tabIndex:0,"aria-label":b\|\|void 0,...u,className:s(Qp,e.className,{"k-file-deleted":i}),children:[aa(v,{icon:t,size:"xlarge","aria-hidden":"true"}),Zp("div",{className:"k-file-info",children:[o&&aa("span",{className:"k-file-name",children:o}),a&&aa("span",{className:"k-file-size",children:a}),n&&aa("span",{className:"k-file-status",children:n})]}),m&&(l?aa(p,{as:"span",icon:"x-circle",fillMode:"flat",size:"xsmall","aria-hidden":"true"}):aa(H,{icon:"more-vertical",fillMode:"flat",size:"xsmall",showArrow:!1,"aria-label":"File actions"}))]})};Te.states=NN;Te.options=hN;Te.className=Qp;Te.defaultOptions=Va;Te.moduleName=_r;Te.folderName=Yp;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 wr="skeleton",jp=wr;import{jsx as MN}from"react/jsx-runtime";var Dr="k-skeleton",vN=["circle","text","rect"],gN=[],LN={},Hr={variant:"text",shape:"text",animation:"pulse"},ht=e=>{let{variant:t,shape:o,animation:a=Hr.animation,...n}=e,i=`skeleton-${t\|\|o\|\|Hr.variant}`;return MN("span",{...n,className:s(e.className,Dr,Ya(Dr,i),{[`k-skeleton-${a}`]:a}),style:e.style})};ht.states=gN;ht.options=LN;ht.variants=vN;ht.className=Dr;ht.defaultOptions=Hr;ht.moduleName=wr;ht.folderName=jp;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";var zr="window",ed=zr;import{jsx as AN}from"react/jsx-runtime";var td="k-window-content",SN=[],kN={},CN={},Gt=e=>{let{children:t,...o}=e;return AN("div",{...o,className:s(td,e.className),children:t})};Gt.states=SN;Gt.options=kN;Gt.className=td;Gt.defaultOptions=CN;Gt.moduleName=zr;Gt.folderName=ed;var $a="dialog",Rn=$a;import{Fragment as IN,jsx as co,jsxs as Ur}from"react/jsx-runtime";var od="k-dialog",EN=[],yN={},Fr={actionButtonsAlign:"stretched",modal:!0},ze=e=>{let{title:t,actions:o,actionButtons:a,actionButtonsAlign:n=Fr.actionButtonsAlign,modal:i=Fr.modal,...l}=e,m=t!==void 0?B("dialog-titlebar"):void 0,u=B("dialog-content");return Ur("div",{className:"k-dialog-wrapper",children:[i&&co(ct,{}),Ur("div",{...l,className:s(e.className,od,"k-window"),role:"dialog","aria-labelledby":m,"aria-describedby":u,...i&&{"aria-modal":"true"},children:[(t!==void 0\|\|o)&&Ur("div",{className:"k-window-titlebar k-dialog-titlebar",id:m,children:[t!==void 0&&co("span",{className:"k-window-title k-dialog-title",children:t}),o&&co(IN,{children:co("div",{className:"k-window-titlebar-actions k-dialog-titlebar-actions",children:o.map(b=>co(p,{icon:b,fillMode:"flat",size:"xsmall",className:"k-window-titlebar-action k-dialog-titlebar-action","aria-label":b},b))})})]}),co(Gt,{className:"k-dialog-content",id:u,children:e.children}),a&&co(Ke,{alignment:n,className:"k-window-actions k-dialog-actions",children:a})]})]})};ze.states=EN;ze.options=yN;ze.className=od;ze.defaultOptions=Fr;ze.moduleName=$a;ze.folderName=Rn;var Gr=ze;import{jsx as PN}from"react/jsx-runtime";var ad="k-dialog-wrapper",TN=[],ON={},BN={},na=e=>{let{...t}=e;return PN("div",{...t,className:s(e.className,ad),children:e.children})};na.states=TN;na.options=ON;na.className=ad;na.defaultOptions=BN;na.moduleName=$a;na.folderName=Rn;import{Fragment as nd,jsx as _n,jsxs as KN}from"react/jsx-runtime";var sd=e=>_n(Gr,{title:"Title",children:_n(nd,{children:"Dialog content"}),actionButtons:KN(nd,{children:[_n(p,{children:"Action"}),_n(p,{themeColor:"primary",children:"Primary"})]}),actions:["x"],...e});import{Fragment as _6,jsx as w6,jsxs as D6}from"react/jsx-runtime";import{Fragment as zN,jsx as wn,jsxs as UN}from"react/jsx-runtime";var RN=ze.options,_N=[],wN=ze.states,DN=ze.defaultOptions,HN=[],sa=e=>wn(sd,{style:{width:"350px",height:"215px"},...e,title:"Please confirm",actions:["x"],actionButtonsAlign:"stretched",actionButtons:UN(zN,{children:[wn(p,{children:"No"}),wn(p,{themeColor:"primary",children:"Yes"})]}),children:wn("p",{style:{margin:"36px",textAlign:"center"},children:"Are you sure you want to continue?"})});sa.options=RN;sa.states=wN;sa.variants=_N;sa.defaultOptions=DN;sa.modifiers=HN;sa.className=ze.className;var Vr="dropzone",rd=Vr;import{jsx as Dn,jsxs as VN}from"react/jsx-runtime";var $r="k-external-dropzone",FN=[r.disabled,r.hover],GN={},Xr={icon:"upload",hint:"Drag and drop files here to upload"},Se=e=>{let{hover:t,disabled:o,icon:a=Xr.icon,hint:n=Xr.hint,note:i,...l}=e;return Dn("div",{...l,className:s(e.className,$r,C($r,{disabled:o}),{"k-external-dropzone-hover":t}),children:VN("div",{className:"k-dropzone-inner",children:[a&&Dn(v,{icon:a,className:"k-dropzone-icon",size:"xxxlarge"}),n&&Dn("span",{className:"k-dropzone-hint",children:n}),i&&Dn("span",{className:"k-dropzone-note",children:i})]})})};Se.states=FN;Se.options=GN;Se.className=$r;Se.defaultOptions=Xr;Se.moduleName=Vr;Se.folderName=rd;import{jsx as $N}from"react/jsx-runtime";var id=e=>$N(Se,{...e});import{jsx as p7}from"react/jsx-runtime";import{jsx as ZN}from"react/jsx-runtime";var XN=Se.options,qN=Se.states,WN=Se.defaultOptions,JN=[{name:"note",title:"Note"}],YN=[],ra=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(n=>{n==="note"&&(a.note=t?.[n]?"Only JPEG, PNG and SVG files are allowed.":void 0)}),ZN(id,{style:{width:"500px"},...o,...a})};ra.options=XN;ra.states=qN;ra.variants=YN;ra.defaultOptions=WN;ra.modifiers=JN;ra.className=Se.className;import{Fragment as Hn,jsx as Vt,jsxs as Xa}from"react/jsx-runtime";var qr="k-upload-dropzone",QN=[r.hover],zn=e=>{let{hover:t,status:o,disabled:a,hasFiles:n,filesId:i,buttonText:l="Select files...",...m}=e,u;switch(o){case"uploading":u=Xa(Hn,{children:[Vt(v,{icon:"upload"}),"Uploading..."]});break;case"done":u=Xa(Hn,{children:[Vt(v,{icon:"check"}),"Done"]});break;case"failed":u=Xa(Hn,{children:[Vt(v,{icon:"exclamation-circle"}),"Done"]});break;default:u=Vt(Hn,{});break}return Xa("div",{...m,className:s(e.className,qr,"k-dropzone",C(qr,{hover:t})),children:[Xa("div",{className:"k-upload-button-wrap",children:[Vt(p,{className:"k-upload-button","aria-disabled":a?"true":"false",...n&&i?{"aria-controls":i}:{},children:l}),Vt("input",{id:"upload-input",className:"k-hidden",tabIndex:-1,"aria-hidden":"true"})]}),Vt("span",{className:s("k-dropzone-hint",{"k-hidden":o!=="upload"}),children:"Drop files here to upload"}),o!=="upload"&&Vt("span",{className:"k-upload-status",children:u})]})};zn.states=QN;zn.className=qr;var Wr="upload",ld=Wr;import{jsx as Un,jsxs as dd}from"react/jsx-runtime";var Jr="k-upload",jN=[r.hover,r.disabled],eh={},md={actionsLayout:"end"},pd="upload-files-list",ae=e=>{let{async:t,empty:o,actions:a,actionsLayout:n=md.actionsLayout,hover:i,status:l,disabled:m,buttonText:u,...b}=e,x=!!e.children;return dd("div",{...b,className:s(e.className,Jr,C(Jr,{disabled:m}),{"k-upload-async":t,"k-upload-empty":o}),children:[Un(zn,{status:l,hover:i,disabled:m,hasFiles:x,filesId:pd,buttonText:u}),x&&Un("ul",{className:"k-upload-files",role:"list",id:pd,children:e.children}),a&&x&&dd(Qi,{alignment:n,orientation:"horizontal",children:[Un(p,{className:"k-clear-selected",children:"Clear"}),Un(p,{themeColor:"primary",className:"k-upload-selected",children:"Upload"})]})]})};ae.states=jN;ae.options=eh;ae.className=Jr;ae.defaultOptions=md;ae.moduleName=Wr;ae.folderName=ld;var qa="progressbar",Fn=qa;import{jsx as Zr,jsxs as Yr}from"react/jsx-runtime";var et="k-progressbar",th=[r.disabled,r.indeterminate],oh={orientation:["horizontal","vertical"]},uo={indeterminate:!1,label:!0,labelPosition:"start",orientation:"horizontal",reverse:!1,value:"0"},ke=e=>{let{disabled:t,height:o,indeterminate:a=uo.indeterminate,label:n=uo.label,labelPosition:i=uo.labelPosition,orientation:l=uo.orientation,reverse:m=uo.reverse,value:u=uo.value,width:b,style:x,ariaLabel:g,...c}=e;return Yr("div",{...c,className:s(e.className,et,C(et,{disabled:t}),{[`${et}-${l}`]:l,[`${et}-indeterminate`]:a,[`${et}-reverse`]:m}),style:{...x,"--kendo-progressbar-value":u,[l==="horizontal"?"height":"width"]:l==="horizontal"?o:b},role:"progressbar","aria-label":g\|\|"progress","aria-valuenow":a?void 0:Number(u),"aria-valuemin":0,"aria-valuemax":100,children:[Zr("span",{className:s("k-progress-status-wrap",{[`k-progress-${i}`]:i&&!a}),children:n&&Yr("span",{className:"k-progress-status",children:[u,"%"]})}),!a&&Zr("div",{className:"k-progressbar-value k-selected",children:Zr("span",{className:s("k-progress-status-wrap",{[`k-progress-${i}`]:i}),children:n&&Yr("span",{className:"k-progress-status",children:[e.value,"%"]})})})]})};ke.states=th;ke.options=oh;ke.className=et;ke.defaultOptions=uo;ke.moduleName=qa;ke.folderName=Fn;var cd=ke;import{jsx as Qr}from"react/jsx-runtime";var ud="k-chunk-progressbar",ah=(e,t)=>t<=e-1,nh=[r.disabled,r.indeterminate],sh={},Gn={chunkCount:5,orientation:"horizontal",progress:0},ia=e=>{let{disabled:t,chunkCount:o=Gn.chunkCount,indeterminate:a,orientation:n=Gn.orientation,progress:i=Gn.progress,reverse:l,ariaLabel:m,...u}=e;return Qr("div",{...u,className:s(e.className,et,ud,C(et,{disabled:t}),{[`${et}-${n}`]:n,[`${et}-indeterminate`]:a,[`${et}-reverse`]:l}),role:"progressbar","aria-label":m\|\|"progress","aria-valuenow":a?void 0:i,"aria-valuemin":0,"aria-valuemax":o,children:Qr("ul",{className:"k-progressbar-chunks k-reset",children:[...Array(o)].map((b,x)=>Qr("li",{className:s("k-progressbar-chunk",{"k-first":x===0,"k-last":x===[...Array(o)].length-1,"k-selected":ah(i,x)})},x))})})};ia.states=nh;ia.options=sh;ia.className=ud;ia.defaultOptions=Gn;ia.moduleName=qa;ia.folderName=Fn;import{jsx as rh}from"react/jsx-runtime";var Wa=e=>rh(cd,{...e});import{jsx as Y7}from"react/jsx-runtime";import{jsx as $t}from"react/jsx-runtime";var ih=ke.options,lh=ke.states,fd={...ke.defaultOptions,variant:"start"},ph=[{name:"start",title:"Label start"},{name:"center",title:"Label center"},{name:"end",title:"Label end"},{name:"empty",title:"No label"}],dh=[],la=e=>{let{variant:t,modifiers:o,...a}={...fd,...e},n={},i={style:{width:"324px"}};switch(Object.keys(o\|\|{}).forEach(l=>{switch(l){case"reverse":n.reverse=!!o?.[l];break;case"vertical":n.orientation=o?.[l]?"vertical":void 0,i.style=o?.[l]?void 0:{width:"324px"};break}}),t){case"end":return $t("div",{...i,children:$t(Wa,{...a,...n,labelPosition:"end",value:"50"})});case"center":return $t("div",{...i,children:$t(Wa,{...a,...n,labelPosition:"center",value:"50"})});case"empty":return $t("div",{...i,children:$t(Wa,{...a,...n,label:!1,value:"50"})});default:return $t("div",{...i,children:$t(Wa,{...a,...n,labelPosition:"start",value:"50"})})}};la.options=ih;la.states=lh;la.variants=ph;la.defaultOptions=fd;la.modifiers=dh;la.className=ke.className;import{jsx as jr,jsxs as ch}from"react/jsx-runtime";var mh="k-file-info",ei=e=>{let{name:t,size:o,validationMsg:a,...n}=e;return ch("div",{...n,className:s(e.className,mh),children:[t&&jr("span",{className:"k-file-name",children:t}),o&&jr("span",{className:"k-file-size",children:o}),a&&jr("span",{className:"k-file-validation-message","aria-live":"polite",children:a})]})};import{Fragment as fh,jsx as At,jsxs as Vn}from"react/jsx-runtime";var uh="k-file",Oe=e=>{let{status:t,progress:o,name:a,icon:n,size:i,state:l,validationMsg:m,...u}=e;return At("li",{...u,className:s(e.className,uh,{[`k-file-${t}`]:t}),role:"listitem",tabIndex:0,children:Vn("div",{className:"k-file-single",children:[At(ke,{className:s({"k-hidden":t!=="progress"}),value:o,label:!1}),Vn("span",{className:"k-file-icon-wrapper",children:[At(v,{className:"k-file-icon",icon:n,size:"xxlarge"}),l&&At("span",{className:"k-file-state",children:l})]}),At(ei,{name:a,size:i,validationMsg:m}),At("div",{className:"k-upload-actions",children:t==="progress"?Vn(fh,{children:[Vn("span",{className:"k-upload-pct",children:[o,"%"]}),At(p,{icon:"pause",fillMode:"flat",size:"xsmall",className:"k-upload-action","aria-label":"Pause upload",tabIndex:-1}),At(p,{icon:"cancel",fillMode:"flat",size:"xsmall",className:"k-upload-action","aria-label":"Cancel upload",tabIndex:-1})]}):At(p,{icon:"x",fillMode:"flat",size:"xsmall",className:"k-upload-action","aria-label":"Remove file",tabIndex:-1})})]})})};import{Fragment as A9,jsx as k9,jsxs as C9}from"react/jsx-runtime";import{Fragment as bh,jsx as ti,jsxs as xh}from"react/jsx-runtime";var Ja=e=>ti(ae,{async:!0,children:xh(bh,{children:[ti(Oe,{name:"Image_With_Very_Very_Very_Very_Very_Long_Name1.png",icon:"file-image",size:"51.23 KB"}),ti(Oe,{name:"Image2.jpg",icon:"file-image",size:"106.43 KB"})]}),...e});import{Fragment as _9,jsx as K9,jsxs as R9}from"react/jsx-runtime";import{jsx as Nh}from"react/jsx-runtime";var bd=e=>Nh(ae,{async:!0,empty:!0,...e});import{Fragment as V9,jsx as G9,jsxs as $9}from"react/jsx-runtime";import{Fragment as Y9,jsx as J9,jsxs as Z9}from"react/jsx-runtime";import{jsx as Et,jsxs as $n}from"react/jsx-runtime";var hh=ae.options,vh=ae.states,xd={...ae.defaultOptions,variant:"empty"},gh=[{name:"empty",title:"Empty"},{name:"upload",title:"Upload"},{name:"uploading",title:"Uploading"},{name:"success",title:"Success"},{name:"failed",title:"Failed"}],Lh=[],pa=e=>{let{variant:t,...o}={...xd,...e};switch(t){case"success":return $n(Ja,{status:"done",style:{width:"586px"},...o,children:[Et(Oe,{status:"success",validationMsg:"File(s) uploaded successfully.",name:"Image1.png",icon:"file-image"}),Et(Oe,{status:"success",validationMsg:"File(s) uploaded successfully.",name:"Image2.png",icon:"file-image"})]});case"failed":return $n(Ja,{status:"failed",style:{width:"586px"},...o,children:[Et(Oe,{status:"error",validationMsg:"File type not allowed.",name:"Movie1.mkv",icon:"file-image"}),Et(Oe,{status:"error",validationMsg:"File type not allowed.",name:"Video2.mkv",icon:"file-image"})]});case"uploading":return $n(Ja,{status:"uploading",style:{width:"586px"},...o,children:[Et(Oe,{progress:"50",status:"progress",name:"Document1.txt",icon:"file-pdf",size:"328.92 KB"}),Et(Oe,{progress:"70",status:"progress",name:"Document2.txt",icon:"file-pdf",size:"225.68 KB"})]});case"upload":return $n(Ja,{actions:!0,status:"upload",style:{width:"586px"},...o,children:[Et(Oe,{name:"Image1.png",icon:"file-image",size:"51.23 KB"}),Et(Oe,{name:"Image2.jpg",icon:"file-image",size:"106.43 KB"})]});default:return Et(bd,{async:!0,status:"upload",style:{width:"586px"},...o})}};pa.options=hh;pa.states=vh;pa.variants=gh;pa.defaultOptions=xd;pa.modifiers=Lh;pa.className=ae.className;import{Fragment as C4,jsx as k4,jsxs as A4}from"react/jsx-runtime";import{jsx as T4}from"react/jsx-runtime";import{Fragment as R4,jsx as K4,jsxs as _4}from"react/jsx-runtime";import{Fragment as U4,jsx as z4,jsxs as F4}from"react/jsx-runtime";import{Fragment as q4,jsx as X4,jsxs as W4}from"react/jsx-runtime";import{Fragment as j4,jsx as Q4}from"react/jsx-runtime";var oi="appbar",Nd=oi;import{jsx as Ch}from"react/jsx-runtime";var ai="k-appbar",Mh=[],Sh={themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary,h.inverse]},kh={},Ce=e=>{let{themeColor:t,positionMode:o,position:a,...n}=e;return Ch("div",{...n,className:s(e.className,ai,E(ai,{themeColor:t}),{[`k-appbar-${o}`]:o,[`k-appbar-${a}`]:a}),children:e.children})};Ce.states=Mh;Ce.options=Sh;Ce.className=ai;Ce.defaultOptions=kh;Ce.moduleName=oi;Ce.folderName=Nd;import{jsx as Eh}from"react/jsx-runtime";var Ah="k-appbar-section",vt=e=>{let{...t}=e;return Eh("div",{...t,className:s(Ah,e.className),children:e.children})};import{Fragment as f8,jsx as c8,jsxs as u8}from"react/jsx-runtime";import{jsx as j,jsxs as da}from"react/jsx-runtime";var ni={...Ce.options,positionMode:["static","sticky","fixed"]},yh=Ce.states,hd={...Ce.defaultOptions,themeColor:"primary",variant:"top",positionMode:"sticky"};ni.themeColor=["primary",...ni.themeColor.filter(e=>e!=="primary")];var Ih=[{name:"top",title:"Top"},{name:"bottom",title:"Bottom"}],ma=e=>{let{variant:t,...o}={...hd,...e},a=da(Ce,{position:t,...o,children:[j(vt,{children:j(X,{fillMode:"flat",icon:"menu"})}),j("span",{className:"k-spacer k-spacer-sized",style:{width:"8px"}}),j(vt,{children:j("h3",{className:"k-m-0",children:"AppBar"})}),j("span",{className:"k-spacer"}),da(vt,{children:[j(at,{fillMode:"flat",children:"Button"}),j(at,{fillMode:"flat",children:"Button"}),j(at,{fillMode:"flat",children:"Button"})]}),j("span",{className:"k-spacer k-spacer-sized",style:{width:"8px"}}),j(vt,{children:j(dn,{value:"Input value"})}),da(vt,{children:[j(X,{className:"k-mx-sm",fillMode:"flat",icon:"bell"}),j("span",{className:"k-appbar-separator"}),j(Tn,{className:"k-mx-sm",children:j("img",{src:"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg"})})]})]}),n=da("div",{style:{padding:"25px 10px"},children:[j("p",{children:"Lorem ipsum dolor sit amet consectetur adipisicing elit. Fugit, harum magnam? Possimus magnam non natus error consectetur voluptatum, unde quasi rerum ad facere, hic in! Qui ducimus ab sed consequuntur excepturi fugiat! Facilis fuga asperiores pariatur sed. Eligendi aliquid vel nemo, ipsum tempora minima consequatur culpa molestias maiores nihil eveniet accusantium porro. Inventore saepe ut ad in a. Quo itaque est expedita quidem consectetur enim quam minima, quisquam harum velit, earum adipisci provident, officia eveniet voluptas vero accusamus ad ducimus laudantium!"}),j("p",{children:"Consequatur incidunt sequi explicabo adipisci saepe, accusamus, numquam fuga quam ex, provident possimus ratione blanditiis ducimus quos nulla repellat error pariatur nemo nobis illo! Saepe deleniti dolore cumque, sequi similique eligendi consectetur corrupti iste reprehenderit adipisci enim laudantium inventore totam quos non impedit quibusdam et consequuntur blanditiis accusamus! Rerum, nostrum. Rerum, tempore earum officia alias suscipit ut minima recusandae dolorem reprehenderit ea?"}),j("p",{children:"Aliquam pariatur ut expedita, repellat architecto aut, consequatur iure recusandae tempora odit consequuntur, nihil nostrum totam accusantium at. Dignissimos repellendus culpa nesciunt. Officia repudiandae, laudantium error iure in minus ratione reprehenderit dolorum alias quo voluptatibus doloremque aliquid exercitationem quidem odit earum natus autem eaque tempore nulla esse sapiente? Dolore aliquid aliquam modi velit quaerat!"}),j("p",{children:"Sunt consequuntur, aliquam eius beatae ex odit quasi iusto, accusamus architecto corrupti reprehenderit dolores itaque aliquid veniam odio eaque vel doloremque? Corporis, tenetur delectus deleniti voluptatum autem necessitatibus esse nisi ad, optio cumque quas dignissimos reprehenderit. Optio dolores quam corporis ea, reiciendis eos sit. Voluptate vel esse necessitatibus eum, sunt fuga, quaerat, eos natus quod repellendus nulla voluptatem ut quo quas ipsa animi incidunt autem saepe perferendis. Sequi ratione in iste, quibusdam, neque facilis accusantium, eum rem error sunt a explicabo commodi impedit quam."})]});return t==="bottom"?da("div",{style:{height:"250px",overflow:"auto"},children:[n,a]}):da("div",{style:{height:"250px",overflow:"auto"},children:[a,n]})};ma.options=ni;ma.states=yh;ma.variants=Ih;ma.defaultOptions=hd;ma.modifiers=[];ma.className=Ce.className;var si="suggestion",vd=si;import{jsx as Xn,jsxs as Bh}from"react/jsx-runtime";var qn="k-suggestion-group",Th=[],Oh={},gd={layout:"scrollable",scrollingPosition:"start"},tt=e=>{let{layout:t=gd.layout,scrollingPosition:o,...a}=e,n=Xn("div",{...a,className:s(qn,{"k-suggestion-group-scrollable":t=="scrollable",[`${qn}-scrollable-start`]:o==="start"\|\|o==="both",[`${qn}-scrollable-end`]:o==="end"\|\|o==="both"},e.className),role:"group",children:t==="scrollable"\|\|t==="scrollButtons"?Xn("div",{className:"k-suggestions-scroll",children:e.children}):e.children});return t=="scrollButtons"?Bh("div",{className:"k-suggestion-scrollwrap",children:[Xn(p,{fillMode:"flat",icon:"chevron-left",size:"xsmall","aria-label":"Scroll left"}),n,Xn(p,{fillMode:"flat",icon:"chevron-right",size:"xsmall","aria-label":"Scroll right"})]}):n};tt.states=Th;tt.options=Oh;tt.className=qn;tt.defaultOptions=gd;tt.moduleName=si;tt.folderName=vd;import{jsx as _h}from"react/jsx-runtime";var Wn="k-suggestion",Ph=[r.active,r.hover,r.focus],Kh={themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary]},Rh={text:"Suggestion"},ot=e=>{let{themeColor:t,active:o,hover:a,focus:n,text:i,children:l,...m}=e;return _h("span",{...m,className:s(e.className,Wn,C(Wn,{hover:a,active:o,focus:n}),E(Wn,{themeColor:t})),role:"button",tabIndex:0,"aria-label":e["aria-label"]\|\|i,children:l\|\|i})};ot.states=Ph;ot.options=Kh;ot.className=Wn;ot.item=Rh;import{Fragment as U8,jsx as z8,jsxs as F8}from"react/jsx-runtime";import{Fragment as q8,jsx as X8,jsxs as W8}from"react/jsx-runtime";import{Fragment as j8,jsx as Q8,jsxs as eV}from"react/jsx-runtime";import{Fragment as Fh,jsx as ee,jsxs as Jn}from"react/jsx-runtime";var wh=G.states,Dh=G.defaultOptions,Hh=G.options,zh=[{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"}],Uh=[],ca=e=>{let{modifiers:t,...o}=e,a={author:null,avatar:null},n=Jn(Ce,{className:"k-chat-header",positionMode:"sticky",themeColor:"primary",children:[ee("span",{className:"k-spacer k-spacer-sized k-w-1"}),ee(vt,{children:ee("span",{children:"Chat with demo bot"})}),ee("span",{className:"k-spacer"}),ee(vt,{children:ee(p,{fillMode:"flat",icon:"more-vertical"})})]}),i=ee(Ft,{type:"sender",pinned:!0,content:"Hello! Generate a cover letter.",closeable:!0}),l=Jn(tt,{children:[ee(ot,{text:"Provide a CV template"}),ee(ot,{text:"Generate a cover letter"})]}),m=Jn(tt,{children:[ee(ot,{themeColor:"primary",text:"Thank you!"}),ee(ot,{themeColor:"primary",text:"Great!"})]}),u="https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg",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(Fh,{});break;default:break}});let{header:c,pinned:L,suggestedActions:M,author:S,avatar:A,quickReplies:k}=a;return Jn(qp,{value:"Thank you!",style:{minHeight:"100%"},...o,header:c,pinned:L,suggestedActions:M,children:[ee($,{avatar:b,author:S?g:null,children:ee(F,{text:"Hello, this is a demo bot. How can I help you ?"})}),ee($,{avatar:A?u:null,author:S?x:null,type:"sender",children:ee(F,{text:"Hello! Generate a cover letter."})}),ee($,{avatar:b,author:S?g:null,children:ee(F,{text:"Sure. Here is a cover letter template",files:ee(Nt,{children:ee(Te,{icon:"file-pdf",name:"cover_letter.pdf",size:"1.43MB"})})})}),k]})};ca.options=Hh;ca.states=wh;ca.variants=Uh;ca.defaultOptions=Dh;ca.modifiers=zh;ca.className=G.className;import{Fragment as Gh,jsx as Yn,jsxs as Vh}from"react/jsx-runtime";var FV=e=>Yn(G,{generating:!0,children:Vh(Gh,{children:[Yn("div",{className:"k-timestamp",children:"Day, Month 7, 2023"}),Yn($,{fullWidth:!0,avatar:null,children:Yn(F,{})})]}),...e});export{FV as ChatStopResponse};