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

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

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

Files changed (103) hide show

package/dist/esm/chat/templates/chat-textarea-file.mjs CHANGED Viewed

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