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

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

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

Files changed (103) hide show

package/dist/cjs/chat/templates/chat-message-toolbar.js CHANGED Viewed

	@@ -1 +1 @@
1	- var $c=Object.create;var hn=Object.defineProperty;var Xc=Object.getOwnPropertyDescriptor;var qc=Object.getOwnPropertyNames;var Wc=Object.getPrototypeOf,Jc=Object.prototype.hasOwnProperty;var Yc=(e,t)=>{for(var o in t)hn(e,o,{get:t[o],enumerable:!0})},Ui=(e,t,o,a)=>{if(t&&typeof t=="object"\|\|typeof t=="function")for(let n of qc(t))!Jc.call(e,n)&&n!==o&&hn(e,n,{get:()=>t[n],enumerable:!(a=Xc(t,n))\|\|a.enumerable});return e};var Fi=(e,t,o)=>(o=e!=null?$c(Wc(e)):{},Ui(t\|\|!e\|\|!e.__esModule?hn(o,"default",{value:e,enumerable:!0}):o,e)),Zc=e=>Ui(hn({},"__esModule",{value:!0}),e);var Lv={};Yc(Lv,{ChatMessageToolbar:()=>gv});module.exports=Zc(Lv);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 y=(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:c,selected:u,disabled:b,indeterminate:x,loading:g,empty:m,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":c,"k-selected":u,"k-disabled":b,"k-indeterminate":x&&!l,"k-loading":g,"k-empty":m,"k-readonly":L,"k-highlighted":M},Object.keys(S).reduce((E,k)=>(k.startsWith("k-")?E[k]=S[k]:E[`k-${k}`]=S[k],E),{}))};function vn(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(a=>[`k-${a}`,!0]))}var d={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},f={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},N={undefined:void 0,solid:"solid",tint:"tint",flat:"flat",outline:"outline",clear:"clear",link:"link"},Pt={undefined:void 0,outline:"outline",solid:"solid",duotone:"duotone"},h={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",inverse:"inverse"},r={open:"open",hover:"hover",focus:"focus",active:"active",selected:"selected",disabled:"disabled",valid:"valid",invalid:"invalid",loading:"loading",required:"required",empty:"empty",indeterminate:"indeterminate",checked:"checked",readonly:"readonly",highlighted:"highlighted",generating:"generating",expanded:"expanded"};var ms={};function K(e){return ms[e]=(ms[e]\|\|0)+1,`k-${e}-${ms[e]}`}var wa=require("react/jsx-runtime"),us="k-font-icon",Qc=[],jc={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]},em={},Da=e=>{let{size:t,themeColor:o,icon:a,rotate:n,flip:i,...l}=e;return a?(0,wa.jsx)("span",{...l,className:s(e.className,us,y(us,{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"}):(0,wa.jsx)(wa.Fragment,{})};Da.states=Qc;Da.options=jc;Da.className=us;Da.defaultOptions=em;var Gi=Da;var Lo=require("react/jsx-runtime"),fs="k-svg-icon",tm=[],om={size:[d.undefined,d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary,h.success,h.warning,h.error,h.info],variant:[Pt.outline,Pt.solid,Pt.duotone]},bs={viewBox:"0 0 24 24",variant:Pt.outline},Ha=e=>{var g,m;let{size:t,themeColor:o,rotate:a,flip:n,viewBox:i=bs.viewBox,variant:l=bs.variant,icon:c,...u}=e;if(!c)return(0,Lo.jsx)(Lo.Fragment,{});if(c==="none")return(0,Lo.jsx)("span",{...u,className:s(e.className,fs,y("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let b=typeof c=="object"&&c.name&&c.name,x=typeof c=="object"?l&&((g=c.variants)==null?void 0:g[l])\|\|((m=c.variants)==null?void 0:m.outline)\|\|c.content:void 0;return(0,Lo.jsx)("span",{...u,className:s(e.className,fs,y("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:(0,Lo.jsx)("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof c=="object"?c.viewBox:i,dangerouslySetInnerHTML:x!==void 0?{__html:x}:void 0,children:c?void 0:e.children})})};Ha.states=tm;Ha.options=om;Ha.className=fs;Ha.defaultOptions=bs;var xs=Ha;var Ns=Fi(require("@progress/kendo-svg-icons"));var Vi="icon",$i="icons";var Wi=require("react");var Xi=require("react"),qi=(0,Xi.createContext)({iconsType:"svg"});var qt=require("react/jsx-runtime"),gn="k-icon",am=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),nm=[],sm={size:[d.undefined,d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary,h.success,h.warning,h.error,h.info],variant:[Pt.outline,Pt.solid,Pt.duotone]},Ln={viewBox:"0 0 24 24",type:"svg",variant:Pt.outline},v=e=>{let{iconsType:t}=(0,Wi.useContext)(qi),{size:o,themeColor:a,icon:n,type:i=t\|\|Ln.type,rotate:l,flip:c,viewBox:u=Ln.viewBox,variant:b=Ln.variant,...x}=e;if(!n)return(0,qt.jsx)(qt.Fragment,{});if((t\|\|i)==="svg"){if(n==="none")return(0,qt.jsx)(xs,{...x,className:s(e.className,gn),icon:n,size:o,variant:b});let m=Ns[n]?n:am(`${n}-icon`);return Ns[m]?(0,qt.jsx)(xs,{...x,className:s(e.className,gn),icon:Ns[m],size:o,themeColor:a,rotate:l,flip:c,viewBox:u,variant:b}):(0,qt.jsx)(qt.Fragment,{})}return(0,qt.jsx)(Gi,{...x,className:s(e.className,gn),icon:n,size:o,themeColor:a,rotate:l,flip:c})};v.states=nm;v.options=sm;v.defaultOptions=Ln;v.className=gn;v.moduleName=Vi;v.folderName=$i;var hs="button",Ji=hs;var Ce=require("react/jsx-runtime"),za="k-button",rm=["icon-button"],im=[r.hover,r.focus,r.active,r.selected,r.disabled,r.generating],lm={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]},vs={showArrow:!1,arrowIconName:"chevron-down"},p=e=>{let{as:t="button",size:o,rounded:a,fillMode:n,themeColor:i,showArrow:l=vs.showArrow,arrowIconName:c=vs.arrowIconName,variant:u,hover:b,focus:x,active:g,selected:m,disabled:L,togglable:M,ariaDisabled:S,icon:E,endIcon:k,iconSize:I,text:D,iconClassName:ue,className:We,...ke}=e,Pe=E!=null,Ra=e.children!==void 0;return(0,Ce.jsxs)(t,{className:s(We,za,vn(za,u),y(za,{size:o,rounded:a,fillMode:n,themeColor:i}),C(za,{hover:b,focus:x,active:g,disabled:L\|\|S,selected:m}),{"k-icon-button":!D&&!Ra&&Pe}),"aria-pressed":M?m?"true":"false":void 0,...ke,"aria-disabled":S?"true":void 0,disabled:L\|\|void 0,children:[typeof E=="string"&&E&&(0,Ce.jsx)(v,{className:s(ue,"k-button-icon"),icon:E,size:I}),E&&typeof E!="string"&&(0,Ce.jsx)(Ce.Fragment,{children:E}),D?(0,Ce.jsxs)(Ce.Fragment,{children:[D&&(0,Ce.jsx)("span",{className:"k-button-text",children:D}),e.children]}):e.children&&(0,Ce.jsx)("span",{className:"k-button-text",children:e.children}),typeof k=="string"&&k&&(0,Ce.jsx)(v,{className:s(ue,"k-button-icon"),icon:k,size:I}),k&&typeof k!="string"&&(0,Ce.jsx)(Ce.Fragment,{children:k}),l&&(0,Ce.jsx)("span",{className:"k-menu-button-arrow k-button-arrow",children:(0,Ce.jsx)(v,{icon:c})})]})};p.states=im;p.options=lm;p.variants=rm;p.className=za;p.defaultOptions=vs;p.moduleName=hs;p.folderName=Ji;var Yi=require("react/jsx-runtime"),J=e=>(0,Yi.jsx)(p,{icon:"folder",...e,"aria-label":e["aria-label"]\|\|"Folder",children:void 0});var Zi=require("react/jsx-runtime"),Ua=e=>(0,Zi.jsx)(p,{icon:"folder",children:"Button",...e});var pm=require("react/jsx-runtime");var Qi=require("react/jsx-runtime"),kt=e=>(0,Qi.jsx)(p,{children:"Button",...e});var Mn=require("react/jsx-runtime"),dm=p.options,cm=p.states,mm={...p.defaultOptions,variant:"text"},um=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],fm=[],wo=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return(0,Mn.jsx)(J,{...o,icon:"star"});case"icon-and-text":return(0,Mn.jsx)(Ua,{...o,icon:"star",children:"Button"});default:return(0,Mn.jsx)(kt,{...o,children:"Button"})}};wo.options=dm;wo.states=cm;wo.variants=um;wo.defaultOptions=mm;wo.modifiers=fm;wo.className=p.className;var Fa=require("react/jsx-runtime"),Sn="k-fab",Nm=[r.hover,r.focus,r.active,r.selected,r.disabled],hm={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]},ji={type:"button"},ie=e=>{let{size:t,rounded:o,themeColor:a,text:n,icon:i,type:l=ji.type,position:c,hover:u,focus:b,active:x,selected:g,disabled:m,...L}=e;return(0,Fa.jsxs)("button",{...L,type:l,className:s(e.className,Sn,y(Sn,{size:t,rounded:o,themeColor:a}),C(Sn,{hover:u,focus:b,active:x,disabled:m,selected:g}),{[`!k-pos-absolute k-${c}`]:c}),...!n&&i&&!e["aria-label"]&&{"aria-label":"Action"},...m&&{"aria-disabled":"true"},disabled:m\|\|void 0,children:[i&&(0,Fa.jsx)(v,{className:"k-fab-icon",icon:i}),n&&(0,Fa.jsx)("span",{className:"k-fab-text",children:n})]})};ie.states=Nm;ie.options=hm;ie.className=Sn;ie.defaultOptions=ji;ie.moduleName="fab";ie.folderName="fab";var tl=require("react/jsx-runtime"),vm="k-fab-items",el=e=>{let{position:t,...o}=e;return(0,tl.jsx)("ul",{...o,className:s(e.className,vm,{[`k-fab-items-${t}`]:t}),children:e.children})};var Ga=require("react/jsx-runtime"),ol="k-fab-item",gm=[r.hover,r.focus,r.active,r.disabled],gs=e=>{let{text:t,icon:o,align:a,hover:n,focus:i,active:l,disabled:c,...u}=e;return(0,Ga.jsxs)("li",{...u,className:s(e.className,ol,{[`k-text-${a}`]:a},C(ol,{hover:n,focus:i,active:l,disabled:c})),children:[(0,Ga.jsx)("span",{className:"k-fab-item-text",children:t}),(0,Ga.jsx)(v,{className:"k-fab-item-icon",icon:o})]})};gs.states=gm;var Lm=require("react/jsx-runtime");var nl=require("react/jsx-runtime"),al=e=>(0,nl.jsx)(ie,{icon:"plus",...e});var Mm=require("react/jsx-runtime");var Sm=require("react/jsx-runtime");var Wt=require("react/jsx-runtime"),km=ie.options,Cm=ie.states,Am={...ie.defaultOptions,variant:"text"},Em=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],ym=[{name:"opened",title:"Opened"}],Do=e=>{let{variant:t,modifiers:o,...a}=e,{opened:n}=o\|\|{},i=n?(0,Wt.jsx)("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:(0,Wt.jsx)(el,{position:"bottom",children:(0,Wt.jsx)(gs,{text:"Item",icon:"pencil",align:"right"})})}):null,l;switch(t){case"icon-only":l=(0,Wt.jsx)(ie,{...a,icon:"star"});break;case"icon-and-text":l=(0,Wt.jsx)(ie,{...a,icon:"star",text:"Action"});break;default:l=(0,Wt.jsx)(ie,{...a,text:"Action"});break}return(0,Wt.jsxs)("span",{style:{position:"relative"},children:[l,i]})};Do.options=km;Do.states=Cm;Do.variants=Em;Do.defaultOptions=Am;Do.modifiers=ym;Do.className=ie.className;var sl=require("react/jsx-runtime"),Ls="k-input-inner",Im=[],Tm={},kn={type:"text",autocomplete:"off",value:"",placeholder:""},Ke=e=>{let{value:t=kn.value,type:o=kn.type,placeholder:a=kn.placeholder,autocomplete:n=kn.autocomplete,disabled:i,readOnly:l,...c}=e;return(0,sl.jsx)("input",{...c,type:o,className:s(e.className,Ls,y(Ls,e)),placeholder:a,autoComplete:n,defaultValue:t,disabled:i\|\|void 0,readOnly:l\|\|void 0})};Ke.states=Im;Ke.options=Tm;Ke.className=Ls;var il=require("react/jsx-runtime"),Ms="k-input-inner",Om=[],Bm={},rl={value:"",placeholder:""},Va=e=>{let{value:t=rl.value,placeholder:o=rl.placeholder,rows:a,disabled:n,...i}=e;return(0,il.jsx)("textarea",{...i,className:s(e.className,Ms,y(Ms,e)),placeholder:o,rows:a,defaultValue:t,disabled:n\|\|void 0})};Va.states=Om;Va.options=Bm;Va.className=Ms;var Ss="prompt-box",ll=Ss;var ks="speech-to-text-button",pl=ks;var ml=require("react/jsx-runtime"),dl="k-speech-to-text-button",cl={icon:"microphone"},at=e=>{let{listening:t=!1,icon:o=cl.icon,...a}=e;return(0,ml.jsx)(p,{...a,icon:t?"stop":o,className:s(e.className,dl,{"k-listening":t}),"aria-pressed":t?"true":"false","aria-label":t?"Stop listening":"Start listening"})};at.states=p.states;at.options=p.options;at.className=dl;at.defaultOptions=cl;at.moduleName=ks;at.folderName=pl;var Pm=require("react/jsx-runtime");var Km=require("react/jsx-runtime");var fl=require("react/jsx-runtime"),Rm=p.states,ul={...p.defaultOptions,variant:"normal"},_m={...p.options,fillMode:p.options.fillMode.filter(e=>e!=="clear"&&e!=="link")},wm=[],Dm=[{name:"normal",title:"Normal"},{name:"listening",title:"Listening"}],Ho=e=>{let{variant:t,...o}={...ul,...e},a={};return t==="listening"&&(a.listening=!0),(0,fl.jsx)(at,{...o,...a})};Ho.options=_m;Ho.states=Rm;Ho.variants=Dm;Ho.defaultOptions=ul;Ho.modifiers=wm;Ho.className=at.className;var ct=require("react/jsx-runtime"),Kt="k-prompt-box",Hm=[r.hover,r.focus,r.disabled],zm={fillMode:[N.undefined,N.solid,N.flat,N.outline]},Cs={lineMode:"auto",isExpanded:!1},Re=e=>{let{fillMode:t,lineMode:o=Cs.lineMode,startAffix:a,endAffix:n,header:i,isExpanded:l=Cs.isExpanded,className:c,children:u,value:b,placeholder:x,generating:g,actionButtonConfig:m,speechToTextButtonConfig:L,uploadButtonConfig:M,hover:S,focus:E,disabled:k,...I}=e,D=o==="multi"\|\|o==="auto"&&l;return(0,ct.jsxs)("div",{...I,className:s(c,"k-input",Kt,{[`${Kt}-singleline`]:o==="single",[`${Kt}-multiline`]:D,[`k-input-${t}`]:t,"k-hover":S,"k-focus":E,"k-disabled":k}),children:[i&&(0,ct.jsx)("div",{className:`${Kt}-header`,children:i}),(0,ct.jsxs)("div",{className:`${Kt}-content`,children:[a&&(0,ct.jsx)("div",{className:`${Kt}-affix`,children:a}),o==="single"?(0,ct.jsx)(Ke,{value:b,placeholder:x,className:`${Kt}-input`,type:"text","aria-label":"Prompt input"}):(0,ct.jsx)(Va,{value:b,placeholder:x,className:`${Kt}-textarea`,rows:o==="multi"\|\|l?3:1,"aria-label":"Prompt input","aria-multiline":"true"}),(0,ct.jsxs)("div",{className:`${Kt}-affix`,children:[n,M&&(0,ct.jsx)(J,{icon:"paperclip",size:"small",fillMode:"flat",rounded:"full","aria-label":"Attach files",...M}),L!==!1&&(0,ct.jsx)(at,{size:"small",fillMode:"flat",rounded:"full",...L}),(0,ct.jsx)(J,{icon:g?"stop":"arrow-up",size:"small",rounded:"full",active:g,disabled:!b&&!g,"aria-label":g?"Stop generating":"Send prompt","aria-live":"polite",...m,className:s({"k-generating":g},m==null?void 0:m.className)})]})]}),u]})};Re.states=Hm;Re.options=zm;Re.className=Kt;Re.defaultOptions=Cs;Re.moduleName=Ss;Re.folderName=ll;var Um=require("react/jsx-runtime");var Fm=require("react/jsx-runtime");var Gm=require("react/jsx-runtime");var Vm=require("react/jsx-runtime");var $m=require("react/jsx-runtime");var _e=require("react/jsx-runtime"),Xm=Re.options,qm=Re.states,Wm={...Re.defaultOptions,variant:"Single"},Jm=[{name:"Single",title:"Singleline"},{name:"Multi",title:"Multiline"}],Ym=[{name:"header",title:"Header"},{name:"endAffix",title:"End Affix"},{name:"startAffix",title:"Start Affix"}],zo=e=>{let{variant:t,modifiers:o,...a}=e,n={},i=(0,_e.jsx)(_e.Fragment,{children:(0,_e.jsx)(J,{size:"small",icon:"send",fillMode:"flat"})});return Object.keys(o\|\|{}).forEach(l=>{switch(l){case"header":n.header=o!=null&&o[l]?(0,_e.jsx)(p,{children:"Button in header"}):void 0;break;case"endAffix":o!=null&&o[l]&&(n.endAffix=(0,_e.jsxs)(_e.Fragment,{children:[i,(0,_e.jsx)(J,{icon:"paperclip",size:"small",fillMode:"flat"})]}));break;case"startAffix":n.startAffix=o!=null&&o[l]?(0,_e.jsx)(_e.Fragment,{children:(0,_e.jsx)(J,{icon:"plus",size:"small",fillMode:"flat"})}):void 0;break;default:break}}),t==="Multi"?(0,_e.jsx)(Re,{style:{width:300},lineMode:"multi",endAffix:i,placeholder:"Enter your prompt...",...a,...n}):(0,_e.jsx)(Re,{style:{width:300},lineMode:"single",endAffix:i,placeholder:"Enter your prompt...",...a,...n})};zo.options=Xm;zo.states=qm;zo.variants=Jm;zo.defaultOptions=Wm;zo.modifiers=Ym;zo.className=Re.className;var As="chat",bl=As;var fe=require("react/jsx-runtime"),xl="k-chat",Zm=[],Qm={},jm=(0,fe.jsxs)(fe.Fragment,{children:[(0,fe.jsx)(J,{icon:"paperclip",fillMode:"clear",rounded:"full",size:"small","aria-label":"Attach file"},"paperclip"),(0,fe.jsx)("div",{className:"k-spacer"})]}),Nl={tools:jm},X=e=>{let{header:t,dir:o,suggestedActions:a,files:n,pinned:i,replied:l,generating:c,tools:u=Nl.tools,value:b,empty:x,scrollToBottom:g,scrollbar:m,promptBoxProps:L,...M}=e;return(0,fe.jsxs)("div",{...M,className:s(xl,e.className),dir:o,children:[t,(0,fe.jsxs)("div",{className:"k-message-list",role:"log","aria-label":"Message list","aria-live":"polite",children:[i,(0,fe.jsx)("div",{className:s("k-message-list-content",x&&"k-message-list-content-empty"),children:e.children}),g&&(0,fe.jsx)("div",{className:"k-chat-scroll-to-bottom-container",children:(0,fe.jsx)(al,{themeColor:"base",icon:"arrow-down",size:"small"})})]}),m&&(0,fe.jsx)("div",{className:"k-separator"}),(0,fe.jsxs)("div",{className:"k-message-box-wrapper",children:[a,(0,fe.jsx)(Re,{lineMode:"multi",placeholder:"Type a message",generating:c,value:b,header:n\|\|l?(0,fe.jsxs)(fe.Fragment,{children:[l,n]}):void 0,endAffix:u,...L})]})]})};X.states=Zm;X.options=Qm;X.className=xl;X.defaultOptions=Nl;X.moduleName=As;X.folderName=bl;var Es="button",hl=Es;var vl=require("react/jsx-runtime"),$a="k-button-group",eu=[r.disabled],tu={fillMode:[N.undefined,N.solid,N.flat,N.outline,N.clear,N.link]},ou={},B=e=>{let{fillMode:t,disabled:o,stretched:a,...n}=e;return(0,vl.jsx)("div",{role:"group",...n,className:s(e.className,$a,y($a,{fillMode:t}),C($a,{disabled:o}),{[`${$a}-stretched`]:a}),...o&&{"aria-disabled":"true"},children:e.children})};B.states=eu;B.options=tu;B.className=$a;B.defaultOptions=ou;B.moduleName=Es;B.folderName=hl;var ys=require("react/jsx-runtime");var Is=require("react/jsx-runtime");var Ts=require("react/jsx-runtime");var Os=require("react/jsx-runtime");var Bs=require("react/jsx-runtime");var Ps=require("react/jsx-runtime");var Ks=require("react/jsx-runtime");var Je=require("react/jsx-runtime"),au={...p.options,...B.options},nu=p.states,su={...p.defaultOptions,...B.defaultOptions,variant:"text-button"},ru=[{name:"icon-button",title:"Icon Only"},{name:"text-button",title:"Text"},{name:"icon-text-button",title:"Icon Text"}],iu=[],Uo=e=>{let{variant:t,className:o,...a}=e;return t==="icon-button"?(0,Je.jsxs)(B,{fillMode:a.fillMode,className:o,children:[(0,Je.jsx)(p,{...a,icon:"star"}),(0,Je.jsx)(p,{...a,icon:"star"}),(0,Je.jsx)(p,{...a,icon:"star"})]}):t==="icon-text-button"?(0,Je.jsxs)(B,{fillMode:a.fillMode,className:o,children:[(0,Je.jsx)(p,{...a,icon:"star",children:"First"}),(0,Je.jsx)(p,{...a,icon:"star",children:"Middle"}),(0,Je.jsx)(p,{...a,icon:"star",children:"Last"})]}):(0,Je.jsxs)(B,{fillMode:a.fillMode,className:o,children:[(0,Je.jsx)(p,{...a,children:"First"}),(0,Je.jsx)(p,{...a,children:"Middle"}),(0,Je.jsx)(p,{...a,children:"Last"})]})};Uo.options=au;Uo.states=nu;Uo.variants=ru;Uo.defaultOptions=su;Uo.modifiers=iu;Uo.className=B.className;var Xa="input",An=Xa;var gl=require("react/jsx-runtime"),En="k-input",lu=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading,r.readonly],pu={size:[d.undefined,d.small,d.medium,d.large],rounded:[f.undefined,f.none,f.small,f.medium,f.large,f.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},du={},te=e=>{let{hover:t,focus:o,disabled:a,invalid:n,valid:i,loading:l,readonly:c,size:u,rounded:b,fillMode:x,...g}=e;return(0,gl.jsx)("span",{...g,className:s(e.className,En,y(En,{size:u,rounded:b,fillMode:x}),C(En,{hover:t,focus:o,disabled:a,invalid:n,valid:i,loading:l,readonly:c}))})};te.states=lu;te.options=pu;te.className=En;te.defaultOptions=du;te.moduleName=Xa;te.folderName=An;var Ll=require("react/jsx-runtime"),yn="k-picker",cu=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading,r.readonly],mu={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]},uu={},Rt=e=>{let{hover:t,focus:o,disabled:a,invalid:n,valid:i,loading:l,readonly:c,size:u,rounded:b,fillMode:x,...g}=e;return(0,Ll.jsx)("span",{...g,className:s(e.className,yn,y(yn,{size:u,rounded:b,fillMode:x}),C(yn,{hover:t,focus:o,disabled:a,invalid:n,valid:i,loading:l,readonly:c})),children:e.children})};Rt.states=cu;Rt.options=mu;Rt.className=yn;Rt.defaultOptions=uu;Rt.moduleName=Xa;Rt.folderName=An;var Fo=require("react/jsx-runtime"),Ml="k-clear-value",fu=[r.disabled,r.loading,r.readonly],bu={},nt=e=>{let{disabled:t,loading:o,readonly:a,value:n}=e;return t\|\|a\|\|o\|\|!n?(0,Fo.jsx)(Fo.Fragment,{}):(0,Fo.jsx)("span",{className:s(e.className,Ml),children:(0,Fo.jsx)(v,{icon:"x"})})};nt.states=fu;nt.options=bu;nt.className=Ml;var qa=require("react/jsx-runtime"),Rs="k-input-inner",xu=[],Nu={},Mo=e=>{let{value:t,placeholder:o,showValue:a,valueIcon:n,valueIconName:i,...l}=e;return(0,qa.jsxs)("span",{...l,className:s(e.className,Rs,y(Rs,e)),children:[n,!n&&i&&(0,qa.jsx)(v,{className:"k-input-value-icon",icon:i}),a&&!t&&o,a&&t&&(0,qa.jsx)("span",{className:"k-input-value-text",children:t})]})};Mo.states=xu;Mo.options=Nu;Mo.className=Rs;var Wa=require("react/jsx-runtime"),Sl="k-input-loading-icon",hu=[r.disabled,r.loading],Ye=e=>{let{disabled:t,loading:o}=e;return t\|\|!o?(0,Wa.jsx)(Wa.Fragment,{}):(0,Wa.jsx)("span",{className:s(e.className,Sl,"k-icon k-i-loading")})};Ye.states=hu;Ye.className=Sl;var Ja=require("react/jsx-runtime"),kl="k-input-validation-icon",vu=[r.valid,r.invalid,r.disabled,r.loading],gu={},we=e=>{let{valid:t,invalid:o,disabled:a,loading:n}=e,i=o?"warning-circle":"check-circle";return a\|\|n\|\|!!!(t\|\|o)?(0,Ja.jsx)(Ja.Fragment,{}):(0,Ja.jsx)(v,{className:s(kl),icon:i})};we.states=vu;we.options=gu;we.className=kl;var Ya=require("react/jsx-runtime"),Lu="k-input-prefix",Mu={direction:"horizontal"},mt=e=>{let{direction:t=Mu.direction,...o}=e;return e.children?(0,Ya.jsx)("span",{...o,className:s(Lu,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):(0,Ya.jsx)(Ya.Fragment,{})};var Za=require("react/jsx-runtime"),Su="k-input-suffix",ku={direction:"horizontal"},ut=e=>{let{direction:t=ku.direction,...o}=e;return e.children?(0,Za.jsx)("span",{...o,className:s(Su,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):(0,Za.jsx)(Za.Fragment,{})};var Cu=require("react/jsx-runtime");var Cl=require("react/jsx-runtime"),Au="k-input-suffix-text",_s=e=>{let{children:t,...o}=e;return(0,Cl.jsx)("span",{...o,className:s(Au,e.className),children:t})};var El=require("react/jsx-runtime"),Al="k-input-separator",Eu={direction:"vertical"},ft=e=>{let{direction:t=Eu.direction,...o}=e;return(0,El.jsx)("span",{...o,className:s(Al,e.className,{[`${Al}-${t}`]:t})})};var ce=require("react/jsx-runtime"),yu=te.states,Iu=te.defaultOptions,Tu=te.options,Ou=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],Bu=[],Go=e=>{let{modifiers:t,valid:o,invalid:a,loading:n,disabled:i,readonly:l,...c}=e,u=t==null?void 0:t.prefix,b=t==null?void 0:t.suffix,x=t==null?void 0:t["clear-button"],g=t==null?void 0:t["validation-icon"],m=t==null?void 0:t.separators;return(0,ce.jsxs)(te,{...c,valid:o,invalid:a,loading:n,disabled:i,readonly:l,style:{width:300},children:[u&&(0,ce.jsxs)(ce.Fragment,{children:[(0,ce.jsx)(mt,{children:(0,ce.jsx)(v,{icon:"lock"})}),m&&(0,ce.jsx)(ft,{})]}),(0,ce.jsx)(Ke,{placeholder:"Placeholder",value:"Value"}),g&&(0,ce.jsx)(we,{valid:o,invalid:a,loading:n,disabled:i}),(0,ce.jsx)(Ye,{loading:n,disabled:i}),x&&(0,ce.jsx)(nt,{loading:n,disabled:i,readonly:l,value:"Value"}),b&&(0,ce.jsxs)(ce.Fragment,{children:[m&&(0,ce.jsx)(ft,{}),(0,ce.jsx)(ut,{children:(0,ce.jsx)(kt,{size:c.size,fillMode:"clear",children:"Send"})})]})]})};Go.options=Tu;Go.states=yu;Go.variants=Bu;Go.defaultOptions=Iu;Go.modifiers=Ou;Go.className=te.className;var Qa=require("react/jsx-runtime"),yl="k-color-preview",Pu=[],Ku={},no=e=>{let{color:t,iconName:o,...a}=e;return(0,Qa.jsxs)("span",{...a,className:s(e.className,yl,{"k-icon-color-preview":o,"k-no-color":!t}),children:[o&&(0,Qa.jsx)(v,{icon:o,className:"k-color-preview-icon"}),(0,Qa.jsx)("span",{className:"k-color-preview-mask",style:{backgroundColor:t}})]})};no.states=Pu;no.options=Ku;no.className=yl;var ws="popup",Il=ws;var Hs=require("react/jsx-runtime"),Tl="k-animation-container",Ru=[],_u={},Ds={positionMode:"absolute",shown:!0},_t=e=>{let{positionMode:t=Ds.positionMode,shown:o=Ds.shown,animationStyle:a,offset:n,...i}=e;return(0,Hs.jsx)("div",{...i,style:{...n,...e.style},className:s(e.className,Tl,{"k-animation-container-shown":o,"k-animation-container-fixed":t==="fixed"}),children:(0,Hs.jsx)("div",{className:"k-child-animation-container",style:a,children:e.children})})};_t.states=Ru;_t.options=_u;_t.className=Tl;_t.defaultOptions=Ds;_t.moduleName=ws;_t.folderName=Il;var zs="popup",Ol=zs;var Us=require("react/jsx-runtime"),Bl="k-popup",wu=[],Du={},Pl={positionMode:"absolute"},Y=e=>{let{offset:t,positionMode:o=Pl.positionMode,animationStyle:a,containerClassName:n,containerRole:i,containerAriaLabel:l,...c}=e;return(0,Us.jsx)(_t,{positionMode:o,offset:t,animationStyle:a,className:n,role:i,"aria-label":l,children:(0,Us.jsx)("div",{...c,className:s(e.className,Bl),children:e.children})})};Y.states=wu;Y.options=Du;Y.className=Bl;Y.defaultOptions=Pl;Y.moduleName=zs;Y.folderName=Ol;var Fs="action-buttons",Kl=Fs;var _l=require("react/jsx-runtime"),In="k-actions",Hu=[],zu={},Gs={alignment:"start",orientation:"horizontal"},st=e=>{let{alignment:t=Gs.alignment,orientation:o=Gs.orientation,...a}=e;return(0,_l.jsx)("div",{...a,className:s(In,{[`${In}-${t}`]:t,[`${In}-${o}`]:o},e.className),children:e.children})};st.states=Hu;st.options=zu;st.className=In;st.defaultOptions=Gs;st.moduleName=Fs;st.folderName=Kl;var Rl=st;var Dl=require("react/jsx-runtime"),Uu="k-actionsheet-footer",wl={alignment:"stretched",orientation:"horizontal"},so=e=>{let{alignment:t=wl.alignment,orientation:o=wl.orientation,template:a,as:n=a?"div":st,...i}=e;return(0,Dl.jsx)(n,{...i,...!a&&{alignment:t,orientation:o},className:s(e.className,Uu),children:e.children})};var Vs="searchbox",Hl=Vs;var ro=require("react/jsx-runtime"),zl="k-searchbox",Fu=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading],Gu={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]},Tn={showIcon:!0,showClearButton:!0,icon:"search"},bt=e=>{let{value:t,placeholder:o,size:a,rounded:n,fillMode:i,hover:l,focus:c,valid:u,invalid:b,required:x,loading:g,disabled:m,showIcon:L=Tn.showIcon,showClearButton:M=Tn.showClearButton,icon:S=Tn.icon,"aria-label":E,...k}=e;return(0,ro.jsxs)(te,{...k,size:a,rounded:n,fillMode:i,hover:l,focus:c,valid:u,invalid:b,required:x,loading:g,disabled:m,className:s(e.className,zl),children:[L&&(0,ro.jsx)(v,{className:"k-input-icon",icon:S}),(0,ro.jsx)(Ke,{placeholder:o,value:t,"aria-label":E}),(0,ro.jsx)(Ye,{...e}),(0,ro.jsx)(we,{...e}),M&&(0,ro.jsx)(nt,{...e})]})};bt.states=Fu;bt.options=Gu;bt.className=zl;bt.defaultOptions=Tn;bt.moduleName=Vs;bt.folderName=Hl;var Vu=require("react/jsx-runtime");var $s="textbox",Ul=$s;var Ae=require("react/jsx-runtime"),Fl="k-textbox",$u=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading,r.readonly],Xu={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]},On={showClearButton:!0,showValidationIcon:!0,separators:!0},Ee=e=>{let{size:t,rounded:o,fillMode:a,separators:n=On.separators,showClearButton:i=On.showClearButton,showValidationIcon:l=On.showValidationIcon,prefix:c,suffix:u,type:b,value:x,placeholder:g,hover:m,focus:L,valid:M,invalid:S,required:E,loading:k,disabled:I,readonly:D,id:ue,"aria-label":We,"aria-describedby":ke,...Pe}=e;return(0,Ae.jsxs)(te,{...Pe,size:t,rounded:o,fillMode:a,hover:m,focus:L,valid:M,invalid:S,required:E,loading:k,disabled:I,readonly:D,className:s(e.className,Fl),children:[c&&(0,Ae.jsxs)(Ae.Fragment,{children:[(0,Ae.jsx)(mt,{children:c}),n&&(0,Ae.jsx)(ft,{})]}),(0,Ae.jsx)(Ke,{id:ue,placeholder:g,value:x,type:b,disabled:I,"aria-label":We,"aria-describedby":ke,"aria-invalid":S?"true":void 0}),l&&(0,Ae.jsx)(we,{valid:M,invalid:S,loading:k,disabled:I}),(0,Ae.jsx)(Ye,{loading:k,disabled:I}),i&&(0,Ae.jsx)(nt,{loading:k,disabled:I,readonly:D,value:x}),u&&(0,Ae.jsxs)(Ae.Fragment,{children:[n&&(0,Ae.jsx)(ft,{}),(0,Ae.jsx)(ut,{children:u})]})]})};Ee.states=$u;Ee.options=Xu;Ee.className=Fl;Ee.defaultOptions=On;Ee.moduleName=$s;Ee.folderName=Ul;var ja=Ee;var Gl=require("react/jsx-runtime"),Bn=e=>(0,Gl.jsx)(ja,{...e});var Vl=require("react/jsx-runtime");var $l=require("react/jsx-runtime");var qu=require("react/jsx-runtime");var Pn=require("react/jsx-runtime"),Wu=Ee.states,Ju=Ee.defaultOptions,Yu=Ee.options,Zu=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],Qu=[],Vo=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(n=>{switch(n){case"prefix":a.prefix=t!=null&&t[n]?(0,Pn.jsx)(v,{icon:"lock"}):void 0;break;case"suffix":a.suffix=t!=null&&t[n]?(0,Pn.jsx)(kt,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":a.showClearButton=t==null?void 0:t[n];break;default:break}}),(0,Pn.jsx)(Bn,{value:"Value",style:{width:300},...o,...a})};Vo.options=Yu;Vo.states=Wu;Vo.variants=Qu;Vo.defaultOptions=Ju;Vo.modifiers=Zu;Vo.className=Ee.className;var rt=require("react/jsx-runtime"),Xl="k-actionsheet-titlebar",ju={},De=e=>{let{title:t,subtitle:o,actionsStart:a,actionsEnd:n,filter:i,input:l,inputValue:c,inputPlaceholder:u,adaptive:b,titleId:x,children:g,...m}=e;return(0,rt.jsxs)("div",{...m,className:s(e.className,Xl),children:[(0,rt.jsxs)("div",{className:"k-actionsheet-titlebar-group",children:[a&&(0,rt.jsx)("div",{className:"k-actionsheet-actions",children:a}),!g&&(0,rt.jsxs)("div",{className:"k-actionsheet-title",id:x,children:[t&&(0,rt.jsx)("div",{className:"k-text-center",children:t}),o&&(0,rt.jsx)("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),g&&(0,rt.jsx)("div",{className:"k-actionsheet-title",id:x,children:g}),n&&(0,rt.jsx)("div",{className:"k-actionsheet-actions",children:n})]}),(l\|\|i)&&(0,rt.jsx)("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:l?(0,rt.jsx)(Ee,{value:c,placeholder:u,size:b?"large":"medium","aria-label":t\|\|u\|\|"Input"}):(0,rt.jsx)(bt,{placeholder:"Filter",size:b?"large":"medium","aria-label":"Filter options"})})]})};De.className=Xl;De.defaultOptions=ju;var $o=require("react/jsx-runtime"),Xs="k-actionsheet-view",ef=[],tf={},of={},Xo=e=>{let{adaptive:t,animated:o,children:a,header:n,footer:i,titleId:l,...c}=e,u=(n==null?void 0:n.type)===De&&(0,$o.jsx)(De,{adaptive:t,titleId:l,...n==null?void 0:n.props}),b=(i==null?void 0:i.type)===so&&(0,$o.jsx)(so,{...i==null?void 0:i.props});return(0,$o.jsxs)("div",{...c,className:s(e.className,Xs,{[`${Xs}-animated`]:o}),children:[u,(0,$o.jsx)("div",{className:"k-actionsheet-content",children:a}),b]})};Xo.states=ef;Xo.options=tf;Xo.className=Xs;Xo.defaultOptions=of;var en="action-sheet",Kn=en;var qs="overlay",ql=qs;var Jl=require("react/jsx-runtime"),Wl="k-overlay",af=[],nf={},sf={},wt=e=>{let{...t}=e;return(0,Jl.jsx)("div",{...t,className:s(e.className,Wl),children:e.children})};wt.states=af;wt.options=nf;wt.className=Wl;wt.defaultOptions=sf;wt.moduleName=qs;wt.folderName=ql;var So=require("react/jsx-runtime"),Yl="k-actionsheet",rf=[],lf={},tn={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},oe=e=>{let{side:t=tn.side,fullscreen:o=tn.fullscreen,adaptive:a=tn.adaptive,overlay:n=tn.overlay,template:i,children:l,header:c,footer:u,id:b,...x}=e,g=b&&!i&&c?`${b}-title`:void 0;return(0,So.jsxs)("div",{className:"k-actionsheet-container",children:[n&&(0,So.jsx)(wt,{}),(0,So.jsx)(_t,{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:(0,So.jsx)("div",{...x,id:b,role:"dialog","aria-modal":n?"true":void 0,"aria-labelledby":g,className:s(e.className,Yl,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":a}),children:i\|\|(0,So.jsx)(Xo,{header:c,footer:u,adaptive:a,titleId:g,...e,children:l})})})]})};oe.states=rf;oe.options=lf;oe.className=Yl;oe.defaultOptions=tn;oe.moduleName=en;oe.folderName=Kn;var Ql=require("react/jsx-runtime"),Zl="k-actionsheet-container",pf=[],df={},cf={},qo=e=>{let{children:t,...o}=e;return(0,Ql.jsx)("div",{...o,className:Zl,children:t})};qo.states=pf;qo.options=df;qo.className=Zl;qo.defaultOptions=cf;qo.moduleName=en;qo.folderName=Kn;var jl=require("react/jsx-runtime"),Ws=e=>{let{...t}=e;return(0,jl.jsx)("div",{...t,className:s(e.className,"k-list-ul"),children:e.children})};var xt=require("react/jsx-runtime"),Js="k-actionsheet-item",mf=[r.hover,r.focus,r.selected,r.disabled],io=e=>{let{iconName:t,text:o,description:a,hover:n,focus:i,selected:l,disabled:c,...u}=e;return(0,xt.jsxs)("span",{...u,className:s(e.className,Js,C(Js,{hover:n,focus:i,selected:l,disabled:c})),children:[!e.children&&(0,xt.jsx)(xt.Fragment,{children:(0,xt.jsxs)("span",{className:"k-actionsheet-action",children:[t&&(0,xt.jsx)("span",{className:"k-icon-wrap",children:(0,xt.jsx)(v,{className:"k-actionsheet-item-icon",icon:t})}),(0,xt.jsxs)("span",{className:"k-actionsheet-item-text",children:[o&&(0,xt.jsx)("span",{className:"k-actionsheet-item-title",children:o}),a&&(0,xt.jsx)("span",{className:"k-actionsheet-item-description",children:a})]})]})}),e.children]})};io.states=mf;io.className=Js;var ep=require("react/jsx-runtime");var uf=require("react/jsx-runtime");var ff=require("react/jsx-runtime");var bf=require("react/jsx-runtime");var Z=require("react/jsx-runtime"),xf=oe.options,Nf=oe.states,op={...oe.defaultOptions,variant:"normal"},hf=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],vf=[{name:"actions",title:"Titlebar Actions",type:"boolean"},{name:"subtitle",title:"Subtitle",type:"boolean"},{name:"footer",title:"Footer",type:"boolean"}],Wo=e=>{let{variant:t,modifiers:o,...a}={...op,...e},n={},i=(0,Z.jsxs)(Ws,{children:[(0,Z.jsx)(io,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),(0,Z.jsx)(io,{text:"Add to Favorites",iconName:"heart"}),(0,Z.jsx)(io,{text:"Upload New",iconName:"upload",disabled:!0}),(0,Z.jsx)("hr",{className:"k-hr"}),(0,Z.jsx)(io,{text:"Cancel",iconName:"cancel"})]}),l="Choose from the items below",c="Select Item";return t==="fullScreen"&&(n.fullScreen=!0),Object.keys(o\|\|{}).forEach(u=>{switch(u){case"actions":n.actionsStart=!!(o!=null&&o[u]),n.actionsEnd=!!(o!=null&&o[u]);break;case"subtitle":n.subtitle=o!=null&&o[u]?l:void 0;break;case"footer":n.footer=!!(o!=null&&o[u]);break;default:break}}),t==="adaptive"?(0,Z.jsx)(oe,{...a,adaptive:!0,fullscreen:n.fullScreen,header:(0,Z.jsx)(De,{actionsStart:n.actionsStart?(0,Z.jsx)(p,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:n.actionsEnd?(0,Z.jsx)(p,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:c,subtitle:n.subtitle}),footer:n.footer?(0,Z.jsxs)(so,{alignment:"stretched",children:[(0,Z.jsx)(p,{text:"Cancel",size:"large",themeColor:"base"}),(0,Z.jsx)(p,{text:"Apply",size:"large",themeColor:"primary"})]}):void 0,children:i}):(0,Z.jsx)(oe,{...a,fullscreen:n.fullScreen,header:(0,Z.jsx)(De,{actionsStart:n.actionsStart?(0,Z.jsx)(p,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:n.actionsEnd?(0,Z.jsx)(p,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:n.subtitle}),footer:n.footer?(0,Z.jsxs)(so,{alignment:"stretched",children:[(0,Z.jsx)(p,{text:"Apply",themeColor:"primary"}),(0,Z.jsx)(p,{text:"Cancel",themeColor:"base"})]}):void 0,children:i})};Wo.options=xf;Wo.states=Nf;Wo.variants=hf;Wo.defaultOptions=op;Wo.modifiers=vf;Wo.className=oe.className;var Ys="slider",ap=Ys;var Ct=require("react/jsx-runtime"),on="k-slider",gf=[r.hover,r.focus,r.active,r.disabled,r.readonly],Lf={},Nt={type:"single",orientation:"horizontal",gradientType:"1d",readonly:!1,disabled:!1,handlePosition:"end",showButtons:!0,showTicks:!0,value:50,min:0,max:100},W=e=>{let{type:t=Nt.type,orientation:o=Nt.orientation,gradientType:a=Nt.gradientType,readonly:n=Nt.readonly,disabled:i=Nt.disabled,handlePosition:l=Nt.handlePosition,showButtons:c=Nt.showButtons,showTicks:u=Nt.showTicks,value:b=Nt.value,min:x=Nt.min,max:g=Nt.max,startValue:m,endValue:L,hover:M,focus:S,active:E,trackStyle:k,dir:I,...D}=e,We=(()=>{if(t==="gradient"&&a==="2d")return"undefined";if(o==="vertical")return"vertical"})(),ke,Pe;return o==="horizontal"?(ke=I==="rtl"?"chevron-left":"chevron-right",Pe=I==="rtl"?"chevron-right":"chevron-left"):o==="vertical"&&(ke="chevron-up",Pe="chevron-down"),(0,Ct.jsxs)("div",{...D,className:s(on,e.className,C(on,{readonly:n,disabled:i}),{[`k-slider-${o}`]:o,"k-colorgradient-slider":t==="gradient"}),dir:I,children:[c&&(0,Ct.jsx)(p,{className:"k-button-decrease",rounded:"full",icon:Pe,tabIndex:-1,title:"Decrease"}),(0,Ct.jsxs)("div",{className:"k-slider-track-wrap",children:[u&&(0,Ct.jsx)("ul",{className:"k-reset k-slider-items","aria-hidden":"true",children:e.children}),(0,Ct.jsxs)("div",{className:"k-slider-track",style:k,children:[(0,Ct.jsx)("div",{className:"k-slider-selection"}),t==="range"&&(0,Ct.jsx)("span",{className:s("k-draghandle","k-draghandle-start",C(on,{hover:M,focus:S,active:E})),role:"slider",tabIndex:i?void 0:0,"aria-valuenow":m??x,"aria-valuemin":x,"aria-valuemax":L??g,"aria-orientation":We,"aria-disabled":i?"true":void 0,"aria-readonly":n?"true":void 0,"aria-label":D["aria-label"]?`${D["aria-label"]} start`:"Range start"}),(0,Ct.jsx)("span",{className:s("k-draghandle",`k-draghandle-${l}`,C(on,{hover:M,focus:S,active:E})),role:"slider",tabIndex:i?void 0:0,"aria-valuenow":t==="range"?L??g:b,"aria-valuemin":t==="range"?m??x:x,"aria-valuemax":g,"aria-orientation":We,"aria-disabled":i?"true":void 0,"aria-readonly":n?"true":void 0,"aria-label":t==="range"?D["aria-label"]?`${D["aria-label"]} end`:"Range end":D["aria-label"]})]})]}),c&&(0,Ct.jsx)(p,{className:"k-button-increase",rounded:"full",icon:ke,tabIndex:-1,title:"Increase"})]})};W.states=gf;W.options=Lf;W.className=on;W.defaultOptions=Nt;W.moduleName=Ys;W.folderName=ap;var Zs=require("react/jsx-runtime"),np="k-tick",Mf=[],Sf={},sp={label:!1},T=e=>{let{style:t,label:o=sp.label,orientation:a,large:n,text:i,...l}=e;return(0,Zs.jsx)("li",{...l,role:"presentation",title:i\|\|"Tick",className:s(e.className,np,{[`k-tick-${a}`]:a,"k-tick-large":n}),style:t,children:o&&(0,Zs.jsx)("span",{className:"k-label",children:i})})};T.states=Mf;T.options=Sf;T.className=np;T.defaultOptions=sp;var be=require("react/jsx-runtime"),rp=e=>(0,be.jsx)(W,{"aria-label":e["aria-label"]\|\|"Slider",children:(0,be.jsxs)(be.Fragment,{children:[(0,be.jsx)(T,{className:"k-first",label:!0,large:!0,text:"0"}),(0,be.jsx)(T,{}),(0,be.jsx)(T,{}),(0,be.jsx)(T,{}),(0,be.jsx)(T,{}),(0,be.jsx)(T,{label:!0,large:!0,text:"5"}),(0,be.jsx)(T,{}),(0,be.jsx)(T,{}),(0,be.jsx)(T,{}),(0,be.jsx)(T,{}),(0,be.jsx)(T,{className:"k-last",label:!0,large:!0,text:"10"})]}),...e});var xe=require("react/jsx-runtime"),ip=e=>(0,xe.jsx)(W,{children:(0,xe.jsxs)(xe.Fragment,{children:[(0,xe.jsx)(T,{className:"k-first",label:!0,large:!0,text:"0"}),(0,xe.jsx)(T,{}),(0,xe.jsx)(T,{}),(0,xe.jsx)(T,{}),(0,xe.jsx)(T,{}),(0,xe.jsx)(T,{label:!0,large:!0,text:"5"}),(0,xe.jsx)(T,{}),(0,xe.jsx)(T,{}),(0,xe.jsx)(T,{}),(0,xe.jsx)(T,{}),(0,xe.jsx)(T,{className:"k-last",label:!0,large:!0,text:"10"})]}),"aria-label":e["aria-label"]\|\|"Vertical slider",...e,orientation:"vertical"});var Qs=require("react/jsx-runtime");var js=require("react/jsx-runtime");var lp=require("react/jsx-runtime"),er=e=>(0,lp.jsx)(W,{type:"gradient",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]\|\|"Color slider"});var pp=require("react/jsx-runtime"),tr=e=>(0,pp.jsx)(W,{type:"gradient",orientation:"vertical",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]\|\|"Color slider"});var or=require("react/jsx-runtime");var ar=require("react/jsx-runtime");var Ze=require("react/jsx-runtime"),kf=W.options,Cf=W.states,dp={...W.defaultOptions,variant:"horizontal",label:!0},Af=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],Ef=[{name:"label",title:"Labels",default:!0},{name:"tick",title:"Ticks",default:!0},{name:"button",title:"Side Buttons",default:!0}],Jo=e=>{let{variant:t,modifiers:o,...a}=e,n=dp.label,i={};Object.keys(o\|\|{}).forEach(c=>{switch(c){case"button":{i.showButtons=!!(o!=null&&o[c]);break}case"label":{n=!!(o!=null&&o[c]);break}case"tick":{i.showTicks=!!(o!=null&&o[c]);break}}});let l={"--kendo-slider-start":0,"--kendo-slider-end":60};return t==="vertical"?(0,Ze.jsxs)(ip,{style:{height:"300px",...l},...a,...i,children:[(0,Ze.jsx)(T,{label:n,large:!0,orientation:"vertical",text:"0",style:{position:"absolute",bottom:"0%"}}),(0,Ze.jsx)(T,{label:n,large:!0,orientation:"vertical",text:"2",style:{position:"absolute",bottom:"25%"}}),(0,Ze.jsx)(T,{label:n,large:!0,orientation:"vertical",text:"4",style:{position:"absolute",bottom:"50%"}}),(0,Ze.jsx)(T,{label:n,large:!0,orientation:"vertical",text:"6",style:{position:"absolute",bottom:"75%"}}),(0,Ze.jsx)(T,{label:n,large:!0,orientation:"vertical",text:"8",style:{position:"absolute",bottom:"100%"}})]}):(0,Ze.jsxs)(rp,{style:{width:"400px",...l},...a,...i,children:[(0,Ze.jsx)(T,{label:n,large:!0,orientation:"horizontal",text:"0",style:{position:"absolute",left:"0%"}}),(0,Ze.jsx)(T,{label:n,large:!0,orientation:"horizontal",text:"2",style:{position:"absolute",left:"25%"}}),(0,Ze.jsx)(T,{label:n,large:!0,orientation:"horizontal",text:"4",style:{position:"absolute",left:"50%"}}),(0,Ze.jsx)(T,{label:n,large:!0,orientation:"horizontal",text:"6",style:{position:"absolute",left:"75%"}}),(0,Ze.jsx)(T,{label:n,large:!0,orientation:"horizontal",text:"8",style:{position:"absolute",left:"100%"}})]})};Jo.options=kf;Jo.states=Cf;Jo.variants=Af;Jo.defaultOptions=dp;Jo.modifiers=Ef;Jo.className=W.className;var an=require("react/jsx-runtime"),cp="k-spin-button",Tf=[],Of={size:[d.undefined,d.small,d.medium,d.large],fillMode:[N.undefined,N.solid,N.flat,N.outline,N.clear,N.link]},nr={increaseLabel:"Increase value",decreaseLabel:"Decrease value"},lo=e=>{let{size:t,fillMode:o,disabled:a,increaseLabel:n=nr.increaseLabel,decreaseLabel:i=nr.decreaseLabel,...l}=e;return(0,an.jsxs)("span",{...l,className:s(cp,e.className),children:[(0,an.jsx)(p,{className:"k-spinner-increase",icon:"chevron-up",size:t,fillMode:o,disabled:a,"aria-label":n}),(0,an.jsx)(p,{className:"k-spinner-decrease",icon:"chevron-down",size:t,fillMode:o,disabled:a,"aria-label":i})]})};lo.states=Tf;lo.options=Of;lo.className=cp;lo.defaultOptions=nr;lo.moduleName=null;lo.folderName=null;var mp="numeric-textbox",up="numerictextbox";var Ne=require("react/jsx-runtime"),fp="k-numerictextbox",Bf=[r.hover,r.focus,r.valid,r.invalid,r.loading,r.required,r.disabled,r.readonly],Pf={size:[d.undefined,d.small,d.medium,d.large],rounded:[f.undefined,f.none,f.small,f.medium,f.large,f.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},Rn={showSpinButton:!0,showClearButton:!0,separators:!0},U=e=>{let{size:t,rounded:o,fillMode:a,separators:n=Rn.separators,showClearButton:i=Rn.showClearButton,showSpinButton:l=Rn.showSpinButton,prefix:c,suffix:u,value:b,placeholder:x,hover:g,focus:m,valid:L,invalid:M,required:S,loading:E,disabled:k,readonly:I,id:D,"aria-label":ue,"aria-describedby":We,...ke}=e;return(0,Ne.jsxs)(te,{...ke,size:t,rounded:o,fillMode:a,hover:g,focus:m,valid:L,invalid:M,required:S,loading:E,disabled:k,readonly:I,className:s(e.className,fp),children:[c&&(0,Ne.jsxs)(Ne.Fragment,{children:[(0,Ne.jsx)(mt,{children:c}),n&&(0,Ne.jsx)(ft,{})]}),(0,Ne.jsx)(Ke,{id:D,placeholder:x,value:b,role:"spinbutton",disabled:k,"aria-label":ue,"aria-describedby":We,"aria-invalid":M?"true":void 0}),(0,Ne.jsx)(we,{valid:L,invalid:M,loading:E,disabled:k}),(0,Ne.jsx)(Ye,{loading:E,disabled:k}),i&&(0,Ne.jsx)(nt,{loading:E,disabled:k,readonly:I,value:b}),u&&(0,Ne.jsxs)(Ne.Fragment,{children:[n&&(0,Ne.jsx)(ft,{}),(0,Ne.jsx)(ut,{children:u})]}),l&&(0,Ne.jsx)(lo,{className:"k-input-spinner",size:t,fillMode:a,disabled:k})]})};U.states=Bf;U.options=Pf;U.className=fp;U.defaultOptions=Rn;U.moduleName=mp;U.folderName=up;var nn=U;var xp=require("react/jsx-runtime"),bp=e=>(0,xp.jsx)(nn,{...e});var wn=Fi(require("react"));var sr=require("react/jsx-runtime"),Kf="k-list-group-sticky-header",rr=e=>(0,sr.jsx)("div",{className:s(Kf,e.className),children:(0,sr.jsx)("div",{className:"k-list-header-text",children:e.children})});var Np=require("react/jsx-runtime"),Rf="k-no-data",_n=e=>{let{live:t,...o}=e;return(0,Np.jsx)("span",{...o,className:s(Rf,e.className),"aria-live":t?"polite":void 0,children:e.children})};var ko="list",Yo=ko;var Zo=require("react/jsx-runtime"),ir="k-list",_f=[],wf={size:[d.undefined,d.small,d.medium,d.large]},Df={},_=e=>{var M;let{size:t,virtualization:o,children:a,header:n,selectAll:i,optionLabel:l,customValue:c,noData:u,screenReaders:b,...x}=e,m=wn.default.Children.toArray(a)[0],L=(M=m==null?void 0:m.props)!=null&&M.children?wn.default.Children.count(m.props.children):wn.default.Children.count(a);return(0,Zo.jsxs)("div",{...x,className:s(e.className,ir,y(ir,{size:t}),{"k-virtual-list":o}),children:[l,i,c,n&&(0,Zo.jsx)(rr,{children:n}),a\|\|(u!==void 0?u:(0,Zo.jsx)(_n,{live:!0,children:"No data found."})),b&&a&&(0,Zo.jsxs)(_n,{className:"k-sr-only",live:!0,children:[L," items found."]})]})};_.states=_f;_.options=wf;_.className=ir;_.defaultOptions=Df;_.moduleName=ko;_.folderName=Yo;var vp=require("react/jsx-runtime"),hp="k-list-container",Hf=[],zf={},Uf={},Qo=e=>{let{...t}=e;return(0,vp.jsx)("div",{...t,className:s(e.className,hp),children:e.children})};Qo.states=Hf;Qo.options=zf;Qo.className=hp;Qo.defaultOptions=Uf;Qo.moduleName=ko;Qo.folderName=Yo;var Co="checkbox",jo=Co;var lr=require("react/jsx-runtime"),Dn="k-checkbox",Ff=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.checked,r.indeterminate],Gf={size:[d.undefined,d.small,d.medium,d.large],rounded:[f.undefined,f.none,f.small,f.medium,f.large,f.full]},Vf={},it=e=>{let{id:t,checked:o,indeterminate:a,hover:n,focus:i,disabled:l,invalid:c,valid:u,required:b,size:x,rounded:g,wrapperRole:m,...L}=e;return(0,lr.jsx)("span",{className:"k-checkbox-wrap",role:m,children:(0,lr.jsx)("input",{...L,id:t,type:"checkbox",defaultChecked:o,required:b,disabled:l\|\|void 0,"aria-invalid":c?"true":void 0,className:s(e.className,Dn,y(Dn,{size:x,rounded:g}),C(Dn,{hover:n,focus:i,disabled:l,invalid:c,valid:u,indeterminate:a,checked:o}))})})};it.states=Ff;it.options=Gf;it.className=Dn;it.defaultOptions=Vf;it.moduleName=Co;it.folderName=jo;var At=it;var Mp=require("react/jsx-runtime"),gp="k-checkbox-list",$f=[],Xf={},Lp={layout:"vertical"},He=e=>{let{layout:t=Lp.layout,...o}=e;return(0,Mp.jsx)("ul",{...o,className:s(e.className,gp,{[`k-list-${t}`]:t}),children:e.children})};He.states=$f;He.options=Xf;He.className=gp;He.defaultOptions=Lp;He.moduleName=Co;He.folderName=jo;var kp=require("react/jsx-runtime"),Sp="k-checkbox-list-item",qf=[],Wf={},Jf={},ze=e=>{let{...t}=e;return(0,kp.jsx)("li",{...t,className:s(e.className,Sp),children:e.children})};ze.states=qf;ze.options=Wf;ze.className=Sp;ze.defaultOptions=Jf;ze.moduleName=Co;ze.folderName=jo;var Ao=require("react/jsx-runtime"),Jt=({children:e="Label",id:t="cb-label-after",...o})=>(0,Ao.jsxs)(Ao.Fragment,{children:[(0,Ao.jsx)(At,{id:t,...o}),(0,Ao.jsx)("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});var pr=require("react/jsx-runtime");var dr=require("react/jsx-runtime");var cr=require("react/jsx-runtime");var Yf=require("react/jsx-runtime");var Zf=require("react/jsx-runtime");var Qf=require("react/jsx-runtime");var ye=require("react/jsx-runtime"),jf=He.options,eb=He.states,tb={...He.defaultOptions,variant:"vertical"},ob=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],ab=[],ea=e=>{let{variant:t,...o}=e;return t==="horizontal"?(0,ye.jsxs)(He,{layout:"horizontal",...o,children:[(0,ye.jsx)(ze,{children:(0,ye.jsx)(Jt,{id:K("cb"),defaultChecked:!0,children:"Label"})}),(0,ye.jsx)(ze,{children:(0,ye.jsx)(Jt,{id:K("cb"),children:"Label"})}),(0,ye.jsx)(ze,{children:(0,ye.jsx)(Jt,{id:K("cb"),children:"Label"})})]}):(0,ye.jsxs)(He,{...o,children:[(0,ye.jsx)(ze,{children:(0,ye.jsx)(Jt,{id:K("cb"),defaultChecked:!0,children:"Label"})}),(0,ye.jsx)(ze,{children:(0,ye.jsx)(Jt,{id:K("cb"),children:"Label"})}),(0,ye.jsx)(ze,{children:(0,ye.jsx)(Jt,{id:K("cb"),children:"Label"})})]})};ea.options=jf;ea.states=eb;ea.variants=ob;ea.defaultOptions=tb;ea.modifiers=ab;ea.className=He.className;var Cp=require("react/jsx-runtime"),nb=At.options,sb=At.states,rb=At.defaultOptions,ib=[],lb=[],ta=e=>(0,Cp.jsx)(Jt,{id:K("checkbox"),...e,defaultChecked:!0,children:"Label"});ta.options=nb;ta.states=sb;ta.variants=ib;ta.defaultOptions=rb;ta.modifiers=lb;ta.className=At.className;var Yt=require("react/jsx-runtime"),mr="k-list-item",pb=[r.hover,r.focus,r.selected,r.disabled],db={},cb={},P=e=>{let{text:t,iconName:o,iconClassName:a,showCheckbox:n,checked:i,hover:l,focus:c,selected:u,disabled:b,actions:x,description:g,id:m,...L}=e,M=t\|\|e.children,S=t\|\|(typeof M=="string"?M:void 0);return(0,Yt.jsxs)("li",{...L,id:m,role:"option",tabIndex:c?0:-1,"aria-selected":u?"true":"false","aria-disabled":b?"true":void 0,className:s(e.className,mr,C(mr,{hover:l,focus:c,disabled:b,selected:u})),children:[n&&(0,Yt.jsx)(it,{checked:i,disabled:b,"aria-label":S,tabIndex:-1}),o&&(0,Yt.jsx)("span",{className:"k-list-item-icon-wrapper",children:(0,Yt.jsx)(v,{icon:o,className:s("k-list-item-icon",a)})}),(0,Yt.jsx)("span",{className:"k-list-item-text",children:M}),x&&(0,Yt.jsx)("div",{className:"k-list-item-actions",children:x}),g&&(0,Yt.jsx)("span",{className:"k-list-item-description",children:g})]})};P.states=pb;P.options=db;P.className=mr;P.defaultOptions=cb;P.moduleName=ko;P.folderName=Yo;var Ap=require("react/jsx-runtime"),mb="k-list-ul",po=e=>{let{children:t,role:o,id:a,...n}=e;return(0,Ap.jsx)("ul",{...n,id:a,role:o,className:s(mb,e.className),children:t})};var oa=require("react/jsx-runtime"),ub="k-list-content",G=e=>{let{virtualization:t,grouping:o,"aria-label":a,"aria-labelledby":n,listboxId:i,...l}=e;return(0,oa.jsxs)("div",{...l,className:s(ub,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:(0,oa.jsx)(po,{role:"listbox",id:i,"aria-label":a,"aria-labelledby":n,children:e.children}),t&&(0,oa.jsx)("div",{className:"k-height-container",children:(0,oa.jsx)("div",{})})]})};var aa=require("react/jsx-runtime"),Hn="k-list-sticky-header",fb=[r.hover,r.focus,r.selected],bb={},xb={},zn=e=>{let{label:t="Select all",showCheckbox:o=!0,checked:a,indeterminate:n,hover:i,focus:l,selected:c,...u}=e;return(0,aa.jsx)("div",{...u,className:s(Hn,e.className),children:(0,aa.jsxs)("div",{className:s(`${Hn}-item`,C(`${Hn}-item`,{hover:i,focus:l,selected:c})),"aria-label":t,...!o&&{tabIndex:0,"aria-selected":c?"true":"false"},children:[o&&(0,aa.jsx)(it,{checked:a,indeterminate:n,"aria-label":t}),(0,aa.jsx)("span",{className:"k-list-item-text",children:t})]})})};zn.states=fb;zn.options=bb;zn.className=Hn;zn.defaultOptions=xb;var ur=require("react/jsx-runtime");var Ep=require("react/jsx-runtime");var yp=require("react/jsx-runtime"),fr="k-list-optionlabel",Nb=[r.hover,r.focus,r.selected,r.disabled],hb={},vb={},Un=e=>{let{text:t,hover:o,focus:a,selected:n,disabled:i,...l}=e;return(0,yp.jsx)("div",{...l,className:s(fr,C(fr,{hover:o,focus:a,selected:n,disabled:i})),children:t})};Un.states=Nb;Un.options=hb;Un.className=fr;Un.defaultOptions=vb;var Ip=require("react/jsx-runtime"),br="k-list-custom-value",gb=[r.hover,r.focus,r.selected,r.disabled],Lb={},Mb={},co=e=>{let{text:t,hover:o,focus:a,selected:n,disabled:i,...l}=e;return(0,Ip.jsx)("div",{...l,className:s(br,C(br,{hover:o,focus:a,selected:n,disabled:i})),children:t})};co.states=gb;co.options=Lb;co.className=br;co.defaultOptions=Mb;var xr=require("react/jsx-runtime");var Nr=require("react/jsx-runtime");var hr=require("react/jsx-runtime");var vr=require("react/jsx-runtime");var Sb=require("react/jsx-runtime");var gr=require("react/jsx-runtime");var Lr=require("react/jsx-runtime");var Tp="dropdown-list",Op="dropdownlist";var Q=require("react/jsx-runtime"),Bp="k-dropdownlist",kb=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading,r.readonly],Cb={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={showValue:!0,arrowIconName:"chevron-down"},me=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:n=Mr.arrowIconName,showValue:i=Mr.showValue,valueIconName:l,prefix:c,suffix:u,value:b,placeholder:x,hover:g,focus:m,valid:L,invalid:M,required:S,loading:E,disabled:k,readonly:I,popup:D,opened:ue,adaptive:We,adaptiveSettings:ke,adaptiveTitle:Pe,adaptiveSubtitle:Ra,adaptiveFilter:vo,id:go,activeDescendant:_a,"aria-label":ps,...ds}=e,cs=go?`${go}-listbox`:void 0,zi=go?`${go}-value`:void 0;return(0,Q.jsxs)(Q.Fragment,{children:[(0,Q.jsxs)(Rt,{...ds,id:go,size:t,rounded:o,fillMode:a,hover:g,focus:m,valid:L,invalid:M,required:S,loading:E,disabled:k,readonly:I,className:s(e.className,Bp,{"k-icon-picker":!i&&l}),role:"combobox","aria-haspopup":"listbox","aria-expanded":ue?"true":"false","aria-controls":ue?cs:void 0,"aria-activedescendant":ue&&_a?_a:void 0,"aria-describedby":ue?zi:void 0,"aria-disabled":k?"true":void 0,"aria-label":ps,tabIndex:0,children:[(0,Q.jsx)(mt,{children:c}),(0,Q.jsx)(Mo,{placeholder:x,value:b,showValue:i,valueIconName:l,id:zi}),(0,Q.jsx)(we,{valid:L,invalid:M,loading:E,disabled:k}),(0,Q.jsx)(Ye,{loading:E,disabled:k}),(0,Q.jsx)(ut,{children:u}),(0,Q.jsx)(p,{className:"k-input-button",icon:n,size:e.size,fillMode:e.fillMode,"aria-label":x\|\|"Toggle dropdown",tabIndex:-1})]}),ue&&D&&(0,Q.jsx)(Y,{className:"k-list-container k-dropdownlist-popup",containerRole:"region",containerAriaLabel:"Dropdown suggestions",children:D}),We&&(0,Q.jsx)(oe,{adaptive:!0,...ke,header:(0,Q.jsx)(De,{actionsEnd:(0,Q.jsx)(p,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),filter:vo,inputValue:b,inputPlaceholder:x,title:Pe,subtitle:Ra}),children:(0,Q.jsx)("div",{className:"k-list-container",children:(0,Q.jsx)(_,{size:"large",children:(0,Q.jsxs)(G,{"aria-label":"Options",children:[(0,Q.jsx)(P,{text:"List item"}),(0,Q.jsx)(P,{text:"List item"}),(0,Q.jsx)(P,{text:"List item"})]})})})})]})};me.states=kb;me.options=Cb;me.className=Bp;me.defaultOptions=Mr;me.moduleName=Tp;me.folderName=Op;var Ab=require("react/jsx-runtime");var Pp=require("react/jsx-runtime");var Sr=require("react/jsx-runtime");var Eb=require("react/jsx-runtime");var Kp=require("react/jsx-runtime");var kr=require("react/jsx-runtime");var yb=require("react/jsx-runtime");var Qe=require("react/jsx-runtime"),Ib=me.states,Tb=me.defaultOptions,Ob=me.options,Bb=[{name:"opened",title:"Opened"}],Pb=[],sa=e=>{let{modifiers:t,...o}=e,a={},n=(0,Qe.jsxs)(Qe.Fragment,{children:[(0,Qe.jsx)("div",{className:"k-list-filter",children:(0,Qe.jsx)(bt,{})}),(0,Qe.jsx)(_,{style:{width:300},size:o.size,children:(0,Qe.jsxs)(G,{children:[(0,Qe.jsx)(P,{children:"List item"}),(0,Qe.jsx)(P,{children:"List item"}),(0,Qe.jsx)(P,{children:"List item"})]})})]});return Object.keys(t\|\|{}).forEach(i=>{i==="opened"&&(a.opened=!!(t!=null&&t[i]),a.popup=t!=null&&t[i]?n:void 0)}),(0,Qe.jsx)("div",{children:(0,Qe.jsx)(me,{placeholder:"Value",style:{width:300},...o,...a})})};sa.options=Ob;sa.states=Ib;sa.variants=Pb;sa.defaultOptions=Tb;sa.modifiers=Bb;sa.className=me.className;var Rp=require("react/jsx-runtime");var _p=require("react/jsx-runtime");var Kb=require("react/jsx-runtime");var Fn=require("react/jsx-runtime"),Rb=U.states,_b=U.defaultOptions,wb=U.options,Db=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"spin-button",title:"`Spin` Button"}],Hb=[],ra=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(n=>{switch(n){case"prefix":a.prefix=t!=null&&t[n]?(0,Fn.jsx)(me,{size:o.size,fillMode:"flat",value:"mm"}):void 0;break;case"suffix":a.suffix=t!=null&&t[n]?(0,Fn.jsx)(_s,{children:"mm"}):void 0;break;case"clear-button":a.showClearButton=t==null?void 0:t[n];break;case"spin-button":a.showSpinButton=t==null?void 0:t[n];break;default:break}}),(0,Fn.jsx)(bp,{value:"Value",style:{width:300},...o,...a})};ra.options=wb;ra.states=Rb;ra.variants=Hb;ra.defaultOptions=_b;ra.modifiers=Db;ra.className=U.className;var A=require("react/jsx-runtime"),wp="k-colorgradient-inputs",zb=[],Ub={size:[d.undefined,d.small,d.medium,d.large]},Dp={mode:"rgba"},ia=e=>{let{mode:t=Dp.mode,size:o,...a}=e;return(0,A.jsxs)("div",{...a,className:s(wp,"k-hstack"),children:[(0,A.jsx)("div",{className:"k-vstack",children:(0,A.jsx)(p,{fillMode:"flat",icon:"caret-alt-expand",className:"k-colorgradient-toggle-mode",size:o,"aria-label":"Toggle color input format"})}),t==="rgba"&&(0,A.jsxs)(A.Fragment,{children:[(0,A.jsxs)("div",{className:"k-vstack",children:[(0,A.jsx)(U,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Red channel"}),(0,A.jsx)("label",{className:"k-colorgradient-input-label",children:"R"})]}),(0,A.jsxs)("div",{className:"k-vstack",children:[(0,A.jsx)(U,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Green channel"}),(0,A.jsx)("label",{className:"k-colorgradient-input-label",children:"G"})]}),(0,A.jsxs)("div",{className:"k-vstack",children:[(0,A.jsx)(U,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Blue channel"}),(0,A.jsx)("label",{className:"k-colorgradient-input-label",children:"B"})]}),(0,A.jsxs)("div",{className:"k-vstack",children:[(0,A.jsx)(U,{showSpinButton:!1,showClearButton:!1,value:"1.00",size:o,"aria-label":"Alpha channel"}),(0,A.jsx)("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="rgb"&&(0,A.jsxs)(A.Fragment,{children:[(0,A.jsxs)("div",{className:"k-vstack",children:[(0,A.jsx)(U,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Red channel"}),(0,A.jsx)("label",{className:"k-colorgradient-input-label",children:"R"})]}),(0,A.jsxs)("div",{className:"k-vstack",children:[(0,A.jsx)(U,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Green channel"}),(0,A.jsx)("label",{className:"k-colorgradient-input-label",children:"G"})]}),(0,A.jsxs)("div",{className:"k-vstack",children:[(0,A.jsx)(U,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Blue channel"}),(0,A.jsx)("label",{className:"k-colorgradient-input-label",children:"B"})]})]}),t==="hsva"&&(0,A.jsxs)(A.Fragment,{children:[(0,A.jsxs)("div",{className:"k-vstack",children:[(0,A.jsx)(U,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),(0,A.jsx)("label",{className:"k-colorgradient-input-label",children:"H"})]}),(0,A.jsxs)("div",{className:"k-vstack",children:[(0,A.jsx)(U,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),(0,A.jsx)("label",{className:"k-colorgradient-input-label",children:"S"})]}),(0,A.jsxs)("div",{className:"k-vstack",children:[(0,A.jsx)(U,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),(0,A.jsx)("label",{className:"k-colorgradient-input-label",children:"V"})]}),(0,A.jsxs)("div",{className:"k-vstack",children:[(0,A.jsx)(U,{showSpinButton:!1,showClearButton:!1,value:"1.00","aria-label":"Alpha channel"}),(0,A.jsx)("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="hsv"&&(0,A.jsxs)(A.Fragment,{children:[(0,A.jsxs)("div",{className:"k-vstack",children:[(0,A.jsx)(U,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),(0,A.jsx)("label",{className:"k-colorgradient-input-label",children:"H"})]}),(0,A.jsxs)("div",{className:"k-vstack",children:[(0,A.jsx)(U,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),(0,A.jsx)("label",{className:"k-colorgradient-input-label",children:"S"})]}),(0,A.jsxs)("div",{className:"k-vstack",children:[(0,A.jsx)(U,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),(0,A.jsx)("label",{className:"k-colorgradient-input-label",children:"V"})]})]}),t==="hex"&&(0,A.jsx)(A.Fragment,{children:(0,A.jsxs)("div",{className:"k-vstack k-flex-1",children:[(0,A.jsx)(Ee,{showClearButton:!1,value:"#b88484AA",className:"k-hex-value"}),(0,A.jsx)("label",{className:"k-colorgradient-input-label",children:"HEX"})]})})]})};ia.states=zb;ia.options=Ub;ia.className=wp;ia.defaultOptions=Dp;var Ie=require("react/jsx-runtime"),Hp="k-colorgradient-color-contrast",Fb=[],Gb={},Vb={},la=()=>(0,Ie.jsxs)("div",{className:s(Hp,"k-vbox"),children:[(0,Ie.jsxs)("div",{className:"k-contrast-ratio",children:[(0,Ie.jsx)("span",{className:"k-contrast-ratio-text",children:"Contrast ratio: 7.1"}),(0,Ie.jsxs)("span",{className:"k-contrast-validation !k-text-success",children:[(0,Ie.jsx)(v,{icon:"check"}),(0,Ie.jsx)(v,{icon:"check"})]})]}),(0,Ie.jsxs)("div",{children:[(0,Ie.jsx)("span",{children:"AA: 4.5"}),(0,Ie.jsxs)("span",{className:"k-contrast-validation !k-text-success",children:["Pass",(0,Ie.jsx)(v,{icon:"check"})]})]}),(0,Ie.jsxs)("div",{children:[(0,Ie.jsx)("span",{children:"AAA: 7.0"}),(0,Ie.jsxs)("span",{className:"k-contrast-validation !k-text-error",children:["Fail",(0,Ie.jsx)(v,{icon:"x"})]})]})]});la.states=Fb;la.options=Gb;la.className=Hp;la.defaultOptions=Vb;var zp="color-gradient",Up="colorgradient";var le=require("react/jsx-runtime"),Gn="k-colorgradient",$b=[r.hover,r.focus,r.readonly,r.disabled],Xb={size:[d.undefined,d.small,d.medium,d.large]},Dt={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"},he=e=>{let{size:t,mode:o=Dt.mode,readonly:a=Dt.readonly,disabled:n=Dt.disabled,gradientStyle:i=Dt.gradientStyle,dragHandleStyle:l=Dt.dragHandleStyle,alphaStyle:c=Dt.alphaStyle,alphaStyleHorizontal:u=Dt.alphaStyleHorizontal,contrast:b=Dt.contrast,dir:x,hover:g,focus:m,hoverHandle:L,focusHandle:M,canvasOrientation:S=Dt.canvasOrientation,role:E,tabIndex:k,...I}=e;return(0,le.jsxs)("div",{...I,role:E??"textbox","aria-label":E==="none"?void 0:"Color gradient",tabIndex:k??0,"aria-disabled":n?"true":void 0,className:s(e.className,Gn,y(Gn,{size:t}),C(Gn,{hover:g,focus:m,readonly:a,disabled:n})),dir:x,children:[!S\|\|S==="horizontal"&&(0,le.jsxs)("div",{className:"k-colorgradient-canvas k-hstack",children:[(0,le.jsx)("div",{className:"k-hsv-rectangle",style:i,children:(0,le.jsx)("div",{className:"k-hsv-gradient",children:(0,le.jsx)("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})})}),(0,le.jsxs)("div",{className:"k-hsv-controls k-hstack",children:[(0,le.jsx)(tr,{className:"k-hue-slider",hover:L,focus:M}),o!=="rgb"&&o!=="hsv"&&(0,le.jsx)(tr,{className:"k-alpha-slider",hover:L,focus:M,trackStyle:c})]})]}),S==="vertical"&&(0,le.jsxs)("div",{className:"k-colorgradient-canvas k-vstack",children:[(0,le.jsx)("div",{className:"k-hsv-rectangle",style:i,children:(0,le.jsx)("div",{className:"k-hsv-gradient",children:(0,le.jsx)("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})})}),(0,le.jsxs)("div",{className:"k-hsv-controls k-vstack",children:[(0,le.jsx)(er,{className:"k-hue-slider",hover:L,focus:M}),o!=="rgb"&&o!=="hsv"&&(0,le.jsx)(er,{className:"k-alpha-slider",hover:L,focus:M,trackStyle:u})]})]}),(0,le.jsx)(ia,{mode:e.mode,size:t}),b&&(0,le.jsx)(la,{})]})};he.states=$b;he.options=Xb;he.className=Gn;he.defaultOptions=Dt;he.moduleName=zp;he.folderName=Up;var Fp=require("react/jsx-runtime"),Vn=e=>(0,Fp.jsx)(he,{...e});var qb=require("react/jsx-runtime");var Wb=require("react/jsx-runtime");var $n=require("react/jsx-runtime"),Jb=he.options,Yb=he.states,Zb={...he.defaultOptions,variant:"rgba"},Qb=[{name:"rgba",title:"RGBA"},{name:"rgb",title:"RGB"},{name:"hex",title:"HEX"}],jb=[],pa=e=>{let{variant:t,...o}=e;switch(t){case"hex":return(0,$n.jsx)(Vn,{...o,mode:t});case"rgb":return(0,$n.jsx)(Vn,{...o,mode:t});default:return(0,$n.jsx)(Vn,{...o,mode:t})}};pa.options=Jb;pa.states=Yb;pa.variants=Qb;pa.defaultOptions=Zb;pa.modifiers=jb;pa.className=he.className;var Gp=require("react/jsx-runtime"),Cr=e=>(0,Gp.jsx)("tr",{role:"row",children:e.children});var Vp=require("react/jsx-runtime"),Ar="k-colorpalette-tile",ex=[r.hover,r.focus,r.selected],tx={},mo=e=>{let{color:t,tileSize:o,hover:a,focus:n,selected:i,...l}=e,c={backgroundColor:t,width:o?o+"px":"",height:o?o+"px":""};return(0,Vp.jsx)("td",{...l,role:"gridcell","aria-label":t,"aria-selected":i?"true":void 0,className:s(e.className,Ar,C(Ar,{hover:a,focus:n,selected:i})),style:c})};mo.states=ex;mo.options=tx;mo.className=Ar;mo.moduleName=null;mo.folderName=null;var $p="color-palette",Xp="colorpalette";var da=require("react/jsx-runtime"),Xn="k-colorpalette",ox=[r.disabled],ax={size:[d.undefined,d.small,d.medium,d.large]},qp={columns:10},je=e=>{let{size:t,palette:o,columns:a=qp.columns,tileSize:n,disabled:i,...l}=e,c=[];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 m=[];b.slice(gu,(g+1)u).map((M,S)=>{m.push((0,da.jsx)(mo,{color:M,tileSize:n},S))});let L=(0,da.jsx)(Cr,{children:m},g);c.push(L)})}return(0,da.jsx)("div",{...l,role:"grid","aria-label":"Color palette",tabIndex:0,"aria-disabled":i?"true":void 0,className:s(e.className,Xn,C(Xn,{disabled:i}),y(Xn,{size:t})),children:(0,da.jsx)("table",{className:"k-colorpalette-table",role:"none",children:(0,da.jsx)("tbody",{children:c.length>0?c:e.children})})})};je.states=ox;je.options=ax;je.className=Xn;je.defaultOptions=qp;je.moduleName=$p;je.folderName=Xp;var qn=je;var rn={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}};var Jp=require("react/jsx-runtime"),Wp=e=>(0,Jp.jsx)(qn,{palette:rn.basic,...e});var nx=require("react/jsx-runtime");var Yp=require("react/jsx-runtime");var Zp=require("react/jsx-runtime"),sx=je.options,rx=je.states,ix={...je.defaultOptions,variant:"basic"},lx=[{name:"basic",title:"Basic"},{name:"monochrome",title:"Monochrome"}],px={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}},dx=[],ca=e=>{let{variant:t="basic",...o}=e,a=px[t];return(0,Zp.jsx)(Wp,{columns:a.columns,palette:a,...o})};ca.options=sx;ca.states=rx;ca.variants=lx;ca.defaultOptions=ix;ca.modifiers=dx;ca.className=je.className;var Qp="color-editor",jp="coloreditor";var ae=require("react/jsx-runtime"),Wn="k-coloreditor",cx=[r.focus],mx={size:[d.undefined,d.small,d.medium,d.large]},ln={view:"gradient",palette:rn.office,actionButtons:!0,canvasOrientation:"horizontal"},ne=e=>{let{size:t,view:o=ln.view,palette:a=ln.palette,color:n,currentColor:i,focus:l,focusView:c,dir:u,group:b,actionButtons:x=ln.actionButtons,canvasOrientation:g=ln.canvasOrientation,...m}=e;return(0,ae.jsxs)("div",{...m,role:"textbox","aria-label":"Color editor",tabIndex:0,className:s(e.className,"k-flatcolorpicker",Wn,y(Wn,{size:t}),C(Wn,{focus:l})),dir:u,children:[(0,ae.jsxs)("div",{className:"k-coloreditor-header k-hstack",children:[(0,ae.jsx)("div",{className:"k-coloreditor-header-actions k-hstack",children:b&&(0,ae.jsxs)(B,{fillMode:"flat",children:[(0,ae.jsx)(p,{className:"k-group-start",size:t,fillMode:"flat",icon:"droplet-slider",selected:o==="gradient","aria-label":"Color gradient view"}),(0,ae.jsx)(p,{className:"k-group-end",size:t,fillMode:"flat",icon:"palette",selected:o==="palette","aria-label":"Color palette view"})]})}),(0,ae.jsx)("div",{className:"k-spacer"}),(0,ae.jsxs)("div",{className:"k-coloreditor-header-actions k-hstack",children:[(0,ae.jsx)(p,{fillMode:"flat",icon:"droplet-slash",size:t,"aria-label":"Reset color"}),(0,ae.jsxs)("div",{className:"k-coloreditor-preview k-vstack",children:[(0,ae.jsx)(no,{className:"k-coloreditor-preview-color",color:n}),(0,ae.jsx)(no,{className:"k-coloreditor-current-color",color:i})]})]})]}),(0,ae.jsx)("div",{className:"k-coloreditor-views k-vstack",children:o==="gradient"?(0,ae.jsx)(he,{focus:c,size:t,canvasOrientation:g,role:"none",tabIndex:-1}):(0,ae.jsx)(je,{palette:a,size:t})}),x&&(0,ae.jsxs)(st,{className:"k-coloreditor-footer",alignment:"start",children:[(0,ae.jsx)(p,{themeColor:"primary",size:t,className:"k-coloreditor-apply",children:"Apply"}),(0,ae.jsx)(p,{className:"k-coloreditor-cancel",size:t,children:"Cancel"})]})]})};ne.states=cx;ne.options=mx;ne.className=Wn;ne.defaultOptions=ln;ne.moduleName=Qp;ne.folderName=jp;var ma=ne;var ux=require("react/jsx-runtime");var fx=require("react/jsx-runtime");var td=require("react/jsx-runtime"),ed=e=>(0,td.jsx)(ma,{group:!0,currentColor:"fuchsia",...e});var ad=require("react/jsx-runtime"),od=e=>(0,ad.jsx)(ma,{view:"palette",group:!0,currentColor:"fuchsia",...e});var Er=require("react/jsx-runtime"),bx=ne.options,xx=ne.states,Nx={...ne.defaultOptions,variant:"gradient"},hx=[{name:"gradient",title:"Gradient"},{name:"palette",title:"Palette"}],vx=[],ua=e=>{let{variant:t,...o}=e;return t==="palette"?(0,Er.jsx)(od,{...o,color:"white"}):(0,Er.jsx)(ed,{...o,color:"rgba(183, 118 , 118, 1.00)"})};ua.options=bx;ua.states=xx;ua.variants=hx;ua.defaultOptions=Nx;ua.modifiers=vx;ua.className=ne.className;var nd="color-picker",sd="colorpicker";var pe=require("react/jsx-runtime"),rd="k-colorpicker",gx=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled],Lx={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]},id={arrowIconName:"chevron-down"},ht=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:n=id.arrowIconName,prefix:i,suffix:l,value:c,placeholder:u,hover:b,focus:x,valid:g,invalid:m,required:L,disabled:M,valueIconName:S,popup:E,opened:k,adaptive:I,adaptiveSettings:D,adaptiveTitle:ue,adaptiveSubtitle:We,...ke}=e,Pe="colorpicker-popup";return(0,pe.jsxs)(pe.Fragment,{children:[(0,pe.jsxs)(Rt,{...ke,size:t,rounded:o,fillMode:a,hover:b,focus:x,valid:g,invalid:m,required:L,disabled:M,role:"combobox","aria-haspopup":"dialog","aria-expanded":k?"true":"false","aria-controls":k\|\|I?Pe:void 0,"aria-label":"Color picker",tabIndex:0,"aria-disabled":M?"true":void 0,className:s(e.className,rd,"k-icon-picker"),children:[(0,pe.jsx)(mt,{children:i}),(0,pe.jsx)(Mo,{placeholder:u,value:c,showValue:!1,valueIcon:(0,pe.jsx)(no,{className:"k-value-icon",color:c,iconName:S}),valueIconName:S}),(0,pe.jsx)(ut,{children:l}),(0,pe.jsx)(p,{className:"k-input-button",icon:n,size:t,fillMode:a,tabIndex:-1,"aria-label":"Open color picker",disabled:M})]}),k&&E&&(0,pe.jsx)(Y,{id:Pe,className:"k-colorpicker-popup",children:E}),I&&(0,pe.jsx)(oe,{adaptive:!0,id:Pe,...D,header:(0,pe.jsx)(De,{actionsEnd:(0,pe.jsx)(p,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply"}),title:ue,subtitle:We}),footer:(0,pe.jsxs)(so,{children:[(0,pe.jsx)(p,{text:"Cancel",size:"large"}),(0,pe.jsx)(p,{text:"Set",size:"large",themeColor:"primary"})]}),children:(0,pe.jsx)(ne,{canvasOrientation:"vertical",size:"large",actionButtons:!1,group:!0})})]})};ht.states=gx;ht.options=Lx;ht.className=rd;ht.defaultOptions=id;ht.moduleName=nd;ht.folderName=sd;var Zt=ht;var ld=require("react/jsx-runtime"),Jn=e=>(0,ld.jsx)(Zt,{...e});var Mx=require("react/jsx-runtime");var Sx=require("react/jsx-runtime");var kx=require("react/jsx-runtime");var Cx=require("react/jsx-runtime");var Ax=require("react/jsx-runtime");var Ex=require("react/jsx-runtime");var uo=require("react/jsx-runtime"),yx=Zt.options,Ix=Zt.states,pd={...Zt.defaultOptions,variant:"color"},Tx=[{name:"color",title:"Color",default:!0},{name:"no color",title:"No color"},{name:"icon",title:"Icon"}],Ox=[{name:"opened",title:"Opened"}],fa=e=>{let{variant:t,modifiers:o,...a}={...pd,...e},n={};Object.keys(o\|\|{}).forEach(l=>{l==="opened"&&(n.opened=!!(o!=null&&o[l]),n.popup=o!=null&&o[l]?(0,uo.jsx)(ne,{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(0,uo.jsx)("div",{style:i,children:(0,uo.jsx)(Jn,{...a,...n})});case"icon":return(0,uo.jsx)("div",{style:i,children:(0,uo.jsx)(Jn,{value:"rgba(183, 118 , 118, 1.00)",valueIconName:"edit-tools",...a,...n})});default:return(0,uo.jsx)("div",{style:i,children:(0,uo.jsx)(Jn,{value:"rgba(183, 118 , 118, 1.00)",...a,...n})})}};fa.options=yx;fa.states=Ix;fa.variants=Tx;fa.defaultOptions=pd;fa.modifiers=Ox;fa.className=Zt.className;var yr="combobox",dd=yr;var w=require("react/jsx-runtime"),cd="k-combobox",Bx=[r.hover,r.focus,r.valid,r.invalid,r.loading,r.required,r.disabled,r.readonly],Px={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]},Ir={separators:!0,showClearButton:!0},Ue=e=>{let{size:t,rounded:o,fillMode:a,separators:n=Ir.separators,showClearButton:i=Ir.showClearButton,prefix:l,suffix:c,value:u,placeholder:b,hover:x,focus:g,valid:m,invalid:L,required:M,loading:S,disabled:E,popup:k,opened:I,readonly:D,adaptive:ue,adaptiveSettings:We,adaptiveTitle:ke,adaptiveSubtitle:Pe,adaptiveCustomValue:Ra,id:vo,autocomplete:go,activeDescendant:_a,"aria-label":ps,...ds}=e,cs=vo?`${vo}-listbox`:void 0;return(0,w.jsxs)(w.Fragment,{children:[(0,w.jsxs)(te,{...ds,size:t,rounded:o,fillMode:a,hover:x,focus:g,valid:m,invalid:L,required:M,loading:S,disabled:E,readonly:D,className:s(e.className,cd),children:[l&&(0,w.jsxs)(w.Fragment,{children:[(0,w.jsx)(mt,{children:l}),n&&(0,w.jsx)(ft,{})]}),(0,w.jsx)(Ke,{id:vo,placeholder:b,value:u,role:"combobox","aria-haspopup":"listbox","aria-expanded":I?"true":"false","aria-controls":I?cs:void 0,"aria-activedescendant":I&&_a?_a:void 0,"aria-autocomplete":go,"aria-invalid":L?"true":void 0,"aria-busy":S?"true":void 0,"aria-label":ps,disabled:E,readOnly:D}),(0,w.jsx)(we,{valid:m,invalid:L,loading:S,disabled:E}),(0,w.jsx)(Ye,{loading:S,disabled:E}),i&&(0,w.jsx)(nt,{loading:S,disabled:E,readonly:D,value:u}),c&&(0,w.jsxs)(w.Fragment,{children:[n&&(0,w.jsx)(ft,{}),(0,w.jsx)(ut,{children:c})]}),(0,w.jsx)(p,{className:"k-input-button",icon:"chevron-down",size:t,fillMode:a,"aria-label":"Open popup",tabIndex:-1,disabled:E})]}),I&&k&&(0,w.jsx)(Y,{className:"k-list-container k-combobox-popup",containerRole:"region",containerAriaLabel:"Combobox suggestions",children:k}),ue&&(0,w.jsx)(oe,{adaptive:!0,id:vo?`${vo}-adaptive`:void 0,...We,header:(0,w.jsx)(De,{actionsEnd:(0,w.jsx)(p,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),input:!0,inputValue:u,inputPlaceholder:b,title:ke,subtitle:Pe}),children:(0,w.jsx)("div",{className:"k-list-container",children:(0,w.jsx)(_,{customValue:Ra?(0,w.jsx)(co,{text:`Use "${u}"`}):void 0,size:"large",children:(0,w.jsxs)(G,{"aria-label":ke\|\|"Options",children:[(0,w.jsx)(P,{text:"List item"}),(0,w.jsx)(P,{text:"List item"}),(0,w.jsx)(P,{text:"List item"})]})})})})]})};Ue.states=Bx;Ue.options=Px;Ue.className=cd;Ue.defaultOptions=Ir;Ue.moduleName=yr;Ue.folderName=dd;var lt=Ue;var ud=require("react/jsx-runtime"),md=e=>(0,ud.jsx)(lt,{...e});var fd=require("react/jsx-runtime");var bd=require("react/jsx-runtime");var xd=require("react/jsx-runtime");var Nd=require("react/jsx-runtime");var hd=require("react/jsx-runtime");var vd=require("react/jsx-runtime");var Tr=require("react/jsx-runtime");var Kx=require("react/jsx-runtime");var Rx=require("react/jsx-runtime");var gd=require("react/jsx-runtime");var Ld=require("react/jsx-runtime");var Et=require("react/jsx-runtime"),_x=Ue.states,wx=Ue.defaultOptions,Dx=Ue.options,Hx=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"opened",title:"Opened"}],zx=[],ba=e=>{let{modifiers:t,...o}=e,a={},n=(0,Et.jsx)(_,{style:{width:300},size:o.size,children:(0,Et.jsxs)(G,{children:[(0,Et.jsx)(P,{children:"List item"}),(0,Et.jsx)(P,{children:"List item"}),(0,Et.jsx)(P,{children:"List item"})]})});return Object.keys(t\|\|{}).forEach(i=>{switch(i){case"prefix":a.prefix=t!=null&&t[i]?(0,Et.jsx)(v,{icon:"map-marker-target"}):void 0;break;case"suffix":a.suffix=t!=null&&t[i]?(0,Et.jsx)(J,{size:o.size,icon:"copy",fillMode:"clear"}):void 0;break;case"opened":a.opened=!!(t!=null&&t[i]),a.popup=t!=null&&t[i]?n:void 0;break;default:break}}),(0,Et.jsx)("div",{children:(0,Et.jsx)(md,{value:"Value",style:{width:300},...o,...a})})};ba.options=Dx;ba.states=_x;ba.variants=zx;ba.defaultOptions=wx;ba.modifiers=Hx;ba.className=Ue.className;var Or="menu-button",Md=Or;var kd=require("react/jsx-runtime"),Sd="k-menu-button",Ux=[r.hover,r.focus,r.active,r.selected,r.disabled],Fx={size:[d.undefined,d.xsmall,d.small,d.medium,d.large],rounded:[f.undefined,f.none,f.small,f.medium,f.large,f.full],fillMode:[N.undefined,N.solid,N.flat,N.outline,N.clear,N.link],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary,h.success,h.warning,h.error,h.info,h.inverse]},Br={showArrow:!0,arrowIconName:"chevron-down"},F=e=>{let{size:t,rounded:o,fillMode:a,themeColor:n,hover:i,focus:l,active:c,selected:u,disabled:b,icon:x,endIcon:g,text:m,showArrow:L=Br.showArrow,arrowIconName:M=Br.arrowIconName,expanded:S,...E}=e;return(0,kd.jsx)(p,{...E,className:s(e.className,Sd),text:m,size:t,rounded:o,fillMode:a,themeColor:n,hover:i,focus:l,active:c,selected:u,disabled:b,ariaDisabled:b\|\|void 0,icon:x,endIcon:g,showArrow:L,arrowIconName:M,"aria-expanded":S?"true":"false",...!m&&x&&!e["aria-label"]&&{"aria-label":"Menu"}})};F.states=Ux;F.options=Fx;F.className=Sd;F.defaultOptions=Br;F.moduleName=Or;F.folderName=Md;var Gx=require("react/jsx-runtime");var Vx=require("react/jsx-runtime");var $x=require("react/jsx-runtime");var Xx=require("react/jsx-runtime");var pt="menu",vt=pt;var Qt=require("react/jsx-runtime"),Pr="k-menu-item",qx=[r.hover,r.focus,r.active,r.selected,r.disabled],Wx={},Cd={iconPosition:"before"},Te=e=>{let{hover:t,focus:o,active:a,selected:n,disabled:i,icon:l,text:c,showArrow:u,arrowIconName:b,iconPosition:x=Cd.iconPosition,dir:g,children:m,expanded:L,...M}=e,S=b;return S\|\|(S=g==="rtl"?"chevron-left":"chevron-right"),(0,Qt.jsxs)("li",{...M,className:s(e.className,Pr,"k-item",C(Pr,{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:[(0,Qt.jsxs)("span",{className:s("k-link k-menu-link"),children:[l&&x==="before"&&(0,Qt.jsx)(v,{className:"k-menu-link-icon",icon:l}),(0,Qt.jsx)("span",{className:"k-menu-link-text",children:c}),l&&x==="after"&&(0,Qt.jsx)(v,{className:"k-menu-link-icon",icon:l}),u&&(0,Qt.jsx)("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:(0,Qt.jsx)(v,{icon:S})})]}),m]})};Te.states=qx;Te.options=Wx;Te.className=Pr;Te.defaultOptions=Cd;Te.moduleName=pt;Te.folderName=vt;var yt=require("react/jsx-runtime"),Kr="k-menu-item",Jx=[r.hover,r.focus,r.active,r.selected,r.disabled],Yx={},Rr={dir:"ltr",iconPosition:"before"},j=e=>{let{hover:t,focus:o,active:a,selected:n,disabled:i,icon:l,text:c,showArrow:u,arrowIconName:b,iconPosition:x=Rr.iconPosition,dir:g=Rr.dir,children:m,popup:L,expanded:M,actions:S,description:E,...k}=e,I=b;return I\|\|(I=g==="rtl"?"chevron-left":"chevron-right"),(0,yt.jsxs)("li",{role:"menuitem",...k,className:s(e.className,Kr,"k-item",C(Kr,{focus:o,disabled:i})),...u&&{"aria-haspopup":"menu"},...u&&{"aria-expanded":M?"true":"false"},...i&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[(0,yt.jsxs)("span",{className:s("k-link k-menu-link",C("k-menu-link",{hover:t,active:a,selected:n,disabled:i})),children:[l&&x==="before"&&(0,yt.jsx)(v,{className:"k-menu-link-icon",icon:l}),(0,yt.jsx)("span",{className:"k-menu-link-text",children:c}),l&&x==="after"&&(0,yt.jsx)(v,{className:"k-menu-link-icon",icon:l}),S&&(0,yt.jsx)("span",{className:"k-menu-link-actions",children:S}),u&&(0,yt.jsx)("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:(0,yt.jsx)(v,{icon:I})}),E&&(0,yt.jsx)("span",{className:"k-menu-link-description",children:E})]}),m,L]})};j.states=Jx;j.options=Yx;j.className=Kr;j.defaultOptions=Rr;j.moduleName=pt;j.folderName=vt;var yd=require("react/jsx-runtime"),Ad="k-menu-scroll-wrapper",Zx=[],Qx={},jx={},Eo=e=>{let{className:t,children:o,orientation:a,...n}=e;return(0,yd.jsx)("div",{...n,className:s(t,Ad,{"k-menu-scroll-wrapper-vertical":a==="vertical"}),children:o})};Eo.states=Zx;Eo.options=Qx;Eo.className=Ad;Eo.defaultOptions=jx;Eo.moduleName=pt;Eo.folderName=vt;var Ed=Eo;var ve=require("react/jsx-runtime"),Yn="k-menu",eN=[],tN={size:[d.undefined,d.small,d.medium,d.large]},Zn={orientation:"horizontal",header:!0,scrollButtonsPosition:"around"},ge=e=>{let{children:t,orientation:o=Zn.orientation,header:a=Zn.header,scrollable:n,scrollButtonsPosition:i=Zn.scrollButtonsPosition,wrapperStyles:l,dir:c,size:u,popup:b,contextMenu:x,...g}=e,m={horizontal:{prev:c!=="rtl"?"left":"right",next:c!=="rtl"?"right":"left"},vertical:{prev:"up",next:"down"}},L=(0,ve.jsx)("ul",{dir:c,...g,className:s(e.className,"k-reset",Yn,{[`${Yn}-${o}`]:o,"k-header":a},y(Yn,{size:u})),role:x?"menu":"menubar",...o==="vertical"&&{"aria-orientation":"vertical"},children:t});return(0,ve.jsxs)(ve.Fragment,{children:[n?(0,ve.jsxs)(Ed,{orientation:o,style:l,dir:e.dir,children:[i==="start"&&(0,ve.jsxs)(ve.Fragment,{children:[(0,ve.jsx)(p,{fillMode:"flat",size:"xsmall",icon:`chevron-${m[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),(0,ve.jsx)(p,{fillMode:"flat",size:"xsmall",icon:`chevron-${m[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),i==="around"&&(0,ve.jsx)(p,{fillMode:"flat",size:"xsmall",icon:`chevron-${m[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),L,i==="end"&&(0,ve.jsxs)(ve.Fragment,{children:[(0,ve.jsx)(p,{fillMode:"flat",size:"xsmall",icon:`chevron-${m[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),(0,ve.jsx)(p,{fillMode:"flat",size:"xsmall",icon:`chevron-${m[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),i==="around"&&(0,ve.jsx)(p,{fillMode:"flat",size:"xsmall",icon:`chevron-${m[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}):L,b]})};ge.states=eN;ge.options=tN;ge.className=Yn;ge.defaultOptions=Zn;ge.moduleName=pt;ge.folderName=vt;var Td=require("react/jsx-runtime"),_r="k-separator",Id={orientation:"horizontal"},xa=e=>{let{orientation:t=Id.orientation,...o}=e;return(0,Td.jsx)("li",{...o,className:s(e.className,"k-item",_r,{[`${_r}-${t}`]:t}),role:"separator"})};xa.className=_r;xa.defaultOptions=Id;xa.moduleName=pt;xa.folderName=vt;var Od=require("react/jsx-runtime");var Bd=require("react/jsx-runtime"),wr="k-menu-group",oN=[],aN={size:[d.undefined,d.small,d.medium,d.large]},nN={},Oe=e=>{let{children:t,size:o,...a}=e;return(0,Bd.jsx)("ul",{role:"menu",...a,className:s(e.className,wr,y(wr,{size:o})),children:t})};Oe.states=oN;Oe.options=aN;Oe.className=wr;Oe.defaultOptions=nN;Oe.moduleName=pt;Oe.folderName=vt;var Pd=require("react/jsx-runtime");var It=require("react/jsx-runtime"),Dr=e=>(0,It.jsx)(ge,{children:(0,It.jsxs)(It.Fragment,{children:[(0,It.jsx)(Te,{text:"Item 1"}),(0,It.jsx)(Te,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 2"}),(0,It.jsx)(Te,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 3"}),(0,It.jsx)(Te,{text:"Item 4"}),(0,It.jsx)(Te,{text:"Item 5"})]}),...e});var Hr=require("react/jsx-runtime");var zr=require("react/jsx-runtime");var Ur=require("react/jsx-runtime");var Fr=require("react/jsx-runtime");var Ht=require("react/jsx-runtime"),sN={...ge.options,scrollable:{type:"boolean"}},rN=ge.states,Kd={...ge.defaultOptions,variant:"horizontal"},iN=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],lN=[{name:"opened",title:"Opened"}],Na=e=>{let{variant:t,modifiers:o,...a}={...Kd,...e},n={},i=t==="vertical"?{left:"200px",top:"30px"}:{left:"90px",top:"auto"};return Object.keys(o\|\|{}).forEach(l=>{l==="opened"&&(n.opened=!!(o!=null&&o[l]),n.popup=o!=null&&o[l]?(0,Ht.jsx)(Y,{className:"k-menu-popup",offset:i,children:(0,Ht.jsxs)(Oe,{children:[(0,Ht.jsx)(j,{text:"Item 1"}),(0,Ht.jsx)(j,{text:"Item 2"}),(0,Ht.jsx)(xa,{}),(0,Ht.jsx)(j,{text:"Item 3"})]})}):null)}),t==="vertical"?(0,Ht.jsx)(Dr,{...a,...n,orientation:"vertical",style:{width:"200px"}}):(0,Ht.jsx)(Dr,{...a,...n})};Na.options=sN;Na.states=rN;Na.variants=iN;Na.defaultOptions=Kd;Na.modifiers=lN;Na.className=ge.className;var Gr=require("react/jsx-runtime");var pN=require("react/jsx-runtime");var Be=require("react/jsx-runtime"),dN=p.states,Rd={...p.defaultOptions,variant:"text"},cN=p.options,mN=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],uN=[{name:"opened",title:"Opened"}],ha=e=>{let{variant:t,modifiers:o,...a}={...Rd,...e},n={},i=(0,Be.jsx)(Y,{className:"k-menu-popup",children:(0,Be.jsxs)(Oe,{size:a.size,children:[(0,Be.jsx)(j,{text:"Menu Item"}),(0,Be.jsx)(j,{text:"Menu Item"}),(0,Be.jsx)(j,{text:"Menu Item"})]})}),l;switch(t){case"icon-only":l=(0,Be.jsx)("div",{children:(0,Be.jsx)(F,{...a,...n,icon:"star"})});break;case"icon-and-text":l=(0,Be.jsx)("div",{children:(0,Be.jsx)(F,{...a,...n,icon:"star",children:"Dropdown Button"})});break;default:l=(0,Be.jsx)("div",{children:(0,Be.jsx)(F,{...a,...n,children:"Dropdown Button"})});break}return(0,Be.jsxs)(Be.Fragment,{children:[l,(o==null?void 0:o.opened)&&i]})};ha.options=cN;ha.states=dN;ha.variants=mN;ha.defaultOptions=Rd;ha.modifiers=uN;ha.className=F.className;var Vr="split-button",_d=Vr;var jt=require("react/jsx-runtime"),$r="k-split-button",fN=[r.hover,r.focus,r.active,r.selected,r.disabled],bN={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]},wd={arrowIconName:"chevron-down"},R=e=>{let{size:t,rounded:o,fillMode:a,themeColor:n,hover:i,focus:l,active:c,selected:u,disabled:b,icon:x,endIcon:g,text:m,arrowIconName:L=wd.arrowIconName,popup:M,opened:S,popupId:E,...k}=e;return(0,jt.jsxs)(jt.Fragment,{children:[(0,jt.jsxs)("div",{...k,className:s(e.className,$r,"k-button-group",y($r,{rounded:o})),children:[(0,jt.jsx)(p,{text:m,icon:x,endIcon:g,size:t,rounded:o,fillMode:a,themeColor:n,hover:i,focus:l,active:c,selected:u,disabled:b,...!m&&!e.children&&x&&{"aria-label":"Action"},children:e.children}),(0,jt.jsx)(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?E:void 0,tabIndex:-1})]}),S&&M&&(0,jt.jsx)(Y,{className:"k-menu-popup",children:M})]})};R.states=fN;R.options=bN;R.className=$r;R.defaultOptions=wd;R.moduleName=Vr;R.folderName=_d;var Xr=R;var Dd=require("react/jsx-runtime"),xN="k-toolbar-separator",Tt=e=>(0,Dd.jsx)("div",{className:s(xN,e.className,"k-separator")});var yo="toolbar",va=yo;var O=require("react/jsx-runtime"),eo="k-toolbar",NN=[r.focus],hN={size:[d.undefined,d.small,d.medium,d.large],fillMode:[N.undefined,N.solid,N.outline,N.flat]},vN={scrollButtons:"around"},$=e=>{let{size:t,fillMode:o,focus:a,resizable:n,scrollable:i,scrollButtons:l,scrollingPosition:c,section:u,...b}=e,x=[],g=(m,L)=>{let M=[];if(m.type===p&&m.props.className&&m.props.className.includes("k-toolbar-overflow-button"))M.push((0,O.jsx)(p,{...m.props,className:`${m.props.className?m.props.className:""}`},`${L}-${new Date().getTime()}`));else if(m.type===p)M.push((0,O.jsx)(p,{...m.props,className:`k-toolbar-button ${m.props.className?m.props.className:""}`},`${L}-${new Date().getTime()}`));else if(m.type===Ua)M.push((0,O.jsx)(Ua,{...m.props,className:`k-toolbar-button ${m.props.className?m.props.className:""}`},`${L}-${new Date().getTime()}`));else if(m.type===J)M.push((0,O.jsx)(J,{...m.props,className:`k-toolbar-button ${m.props.className?m.props.className:""}`},`${L}-${new Date().getTime()}`));else if(m.type===F)M.push((0,O.jsx)(F,{...m.props,className:`k-toolbar-menu-button ${m.props.className?m.props.className:""}`},`${L}-${new Date().getTime()}`));else if(m.type===Xr)M.push((0,O.jsx)(Xr,{...m.props,className:`k-toolbar-split-button ${m.props.className?m.props.className:""}`},`${L}-${new Date().getTime()}`));else if(m.type===B\|\|m.props.className&&m.props.className.includes("k-button-group")){let S=[];(Array.isArray(m.props.children)?m.props.children:[m.props.children]).forEach((k,I)=>{S.push((0,O.jsx)(p,{...k.props,className:`${k.props.className?k.props.className:""}`},`${I}-${new Date().getTime()}`))}),M.push((0,O.jsx)(B,{...m.props,className:`k-toolbar-button-group ${m.props.className?m.props.className:""}`,children:S},`${L}-${new Date().getTime()}`))}else m.type===Ue?M.push((0,O.jsx)(Ue,{...m.props,className:`k-toolbar-combobox ${m.props.className?m.props.className:""}`},`${L}-${new Date().getTime()}`)):m.type===me?M.push((0,O.jsx)(me,{...m.props,className:`k-toolbar-dropdownlist ${m.props.className?m.props.className:""}`},`${L}-${new Date().getTime()}`)):m.type===ht?M.push((0,O.jsx)(ht,{...m.props,className:`k-toolbar-colorpicker ${m.props.className?m.props.className:""}`},`${L}-${new Date().getTime()}`)):M.push(m);M.forEach(S=>{x.push(S)})};return e.children&&(Array.isArray(e.children)?e.children:[e.children]).forEach((L,M)=>{g(L,M)}),(0,O.jsxs)("div",{...b,className:s(e.className,eo,y(eo,{size:t,fillMode:o}),C(eo,{focus:a}),{[`${eo}-resizable`]:n,[`${eo}-scrollable`]:i,[`${eo}-scrollable-overlay`]:i&&l==="hidden",[`${eo}-scrollable-${c}`]:c&&c!=="both",[`${eo}-section`]:u}),role:"toolbar","aria-label":"Toolbar",children:[!i&&x,i&&l==="hidden"&&(0,O.jsx)("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:x}),i&&l==="start"&&(0,O.jsxs)(O.Fragment,{children:[(0,O.jsxs)(B,{children:[(0,O.jsx)("span",{className:s("k-toolbar-prev","k-button",y("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,O.jsx)(v,{className:"k-button-icon",icon:"chevron-left"})}),(0,O.jsx)("span",{className:s("k-toolbar-next","k-button",y("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,O.jsx)(v,{className:"k-button-icon",icon:"chevron-right"})})]}),(0,O.jsx)(Tt,{className:"k-toolbar-button-separator"}),(0,O.jsx)("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:x})]}),i&&l==="end"&&(0,O.jsxs)(O.Fragment,{children:[(0,O.jsx)("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:x}),(0,O.jsx)(Tt,{className:"k-toolbar-button-separator"}),(0,O.jsxs)(B,{children:[(0,O.jsx)("span",{className:s("k-toolbar-prev","k-button",y("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,O.jsx)(v,{className:"k-button-icon",icon:"chevron-left"})}),(0,O.jsx)("span",{className:s("k-toolbar-next","k-button",y("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,O.jsx)(v,{className:"k-button-icon",icon:"chevron-right"})})]})]}),i&&(l==="around"\|\|!l)&&(0,O.jsxs)(O.Fragment,{children:[(0,O.jsx)("span",{className:s("k-toolbar-prev","k-button",y("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,O.jsx)(v,{className:"k-button-icon",icon:"chevron-left"})}),(0,O.jsx)(Tt,{className:"k-toolbar-button-separator"}),(0,O.jsx)("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:x}),(0,O.jsx)(Tt,{className:"k-toolbar-button-separator"}),(0,O.jsx)("span",{className:s("k-toolbar-next","k-button",y("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,O.jsx)(v,{className:"k-button-icon",icon:"chevron-right"})})]})]})};$.states=NN;$.options=hN;$.className=eo;$.defaultOptions=vN;$.moduleName=yo;$.folderName=va;var Hd=require("react/jsx-runtime"),qr="k-toolbar-item",gN=[r.focus],LN={},MN={},ga=e=>{let{focus:t,...o}=e;return(0,Hd.jsx)("div",{...o,className:s(e.className,qr,C(qr,{focus:t})),children:e.children})};ga.states=gN;ga.options=LN;ga.className=qr;ga.defaultOptions=MN;ga.moduleName=yo;ga.folderName=va;var Wr=require("react/jsx-runtime"),zd="k-toolbar-popup",SN=[],kN={size:[d.undefined,d.small,d.medium,d.large],fillMode:[N.undefined,N.solid,N.outline,N.flat]},CN={},Io=e=>{let{size:t,fillMode:o,section:a,...n}=e;return(0,Wr.jsx)(Y,{...n,className:s(e.className,zd),children:a?(0,Wr.jsx)("span",{className:s("k-toolbar-items-list",y("k-toolbar-items-list",{size:t,fillMode:o})),role:"toolbar",children:e.children}):e.children})};Io.states=SN;Io.options=kN;Io.className=zd;Io.defaultOptions=CN;Io.moduleName=yo;Io.folderName=va;var Qn=Io;var AN=require("react/jsx-runtime");var EN=require("react/jsx-runtime");var yN=require("react/jsx-runtime");var IN=require("react/jsx-runtime");var Ud=require("react/jsx-runtime");var TN=require("react/jsx-runtime");var gt=require("react/jsx-runtime"),ON=R.states,Fd={...R.defaultOptions,variant:"text"},BN=R.options,PN=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],KN=[{name:"opened",title:"Opened"}],La=e=>{let{variant:t,modifiers:o,...a}={...Fd,...e},n={},i=(0,gt.jsxs)(Oe,{size:a.size,children:[(0,gt.jsx)(j,{text:"Menu Item"}),(0,gt.jsx)(j,{text:"Menu Item"}),(0,gt.jsx)(j,{text:"Menu Item"})]});switch(Object.keys(o\|\|{}).forEach(l=>{l==="opened"&&(n.opened=!!(o!=null&&o[l]),n.popup=o!=null&&o[l]?i:"")}),t){case"icon-only":return(0,gt.jsx)("div",{children:(0,gt.jsx)(R,{...a,...n,icon:"star"})});case"icon-and-text":return(0,gt.jsx)("div",{children:(0,gt.jsx)(R,{...a,...n,icon:"star",children:"Split Button"})});default:return(0,gt.jsx)("div",{children:(0,gt.jsx)(R,{...a,...n,children:"Split Button"})})}};La.options=BN;La.states=ON;La.variants=PN;La.defaultOptions=Fd;La.modifiers=KN;La.className=R.className;var zt=require("react/jsx-runtime"),Gd=e=>(0,zt.jsx)($,{children:[(0,zt.jsx)(p,{children:"Button"},"toolbar-button"),(0,zt.jsx)(F,{text:"Menu button"},"toolbar-menu-button"),(0,zt.jsx)(R,{children:"Split button"},"toolbar-split-button"),(0,zt.jsxs)(B,{children:[(0,zt.jsx)(p,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,zt.jsx)(p,{icon:"align-center",children:"Center"}),(0,zt.jsx)(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});var Vd=require("react/jsx-runtime");var Le=require("react/jsx-runtime"),$d=e=>(0,Le.jsx)($,{scrollable:!0,...e,children:[(0,Le.jsx)(p,{children:"Button"},"toolbar-button"),(0,Le.jsx)(F,{text:"Menu button"},"toolbar-menu-button"),(0,Le.jsx)(R,{children:"Split button"},"toolbar-split-button"),(0,Le.jsxs)(B,{children:[(0,Le.jsx)(p,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,Le.jsx)(p,{icon:"align-center",children:"Center"}),(0,Le.jsx)(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),(0,Le.jsx)(p,{children:"Button"},"toolbar-button"),(0,Le.jsx)(F,{text:"Menu button"},"toolbar-menu-button"),(0,Le.jsx)(R,{children:"Split button"},"toolbar-split-button"),(0,Le.jsxs)(B,{children:[(0,Le.jsx)(p,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,Le.jsx)(p,{icon:"align-center",children:"Center"}),(0,Le.jsx)(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});var Me=require("react/jsx-runtime"),Xd=({scrollingPosition:e="start",...t})=>(0,Me.jsx)($,{scrollable:!0,scrollButtons:"hidden",scrollingPosition:e,...t,children:[(0,Me.jsx)(p,{children:"Button"},"toolbar-button"),(0,Me.jsx)(F,{text:"Menu button"},"toolbar-menu-button"),(0,Me.jsx)(R,{children:"Split button"},"toolbar-split-button"),(0,Me.jsxs)(B,{children:[(0,Me.jsx)(p,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,Me.jsx)(p,{icon:"align-center",children:"Center"}),(0,Me.jsx)(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),(0,Me.jsx)(p,{children:"Button"},"toolbar-button"),(0,Me.jsx)(F,{text:"Menu button"},"toolbar-menu-button"),(0,Me.jsx)(R,{children:"Split button"},"toolbar-split-button"),(0,Me.jsxs)(B,{children:[(0,Me.jsx)(p,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,Me.jsx)(p,{icon:"align-center",children:"Center"}),(0,Me.jsx)(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...t});var ee=require("react/jsx-runtime"),qd=({fillMode:e,size:t,...o})=>(0,ee.jsxs)(ee.Fragment,{children:[(0,ee.jsx)($,{section:!0,fillMode:e,size:t,children:[(0,ee.jsx)(p,{fillMode:e,size:t,children:"Button"},"toolbar-button"),(0,ee.jsxs)(B,{fillMode:e,children:[(0,ee.jsx)(p,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),(0,ee.jsx)(p,{icon:"align-center",fillMode:e,size:t,children:"Center"}),(0,ee.jsx)(p,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group"),(0,ee.jsx)(Tt,{className:"k-toolbar-button-separator"}),(0,ee.jsx)(p,{icon:"more-horizontal",className:"k-toolbar-overflow-button",fillMode:"flat",size:t,"aria-label":"More options","aria-expanded":"false"})],...o}),(0,ee.jsxs)(Qn,{size:t,fillMode:e,section:!0,...o,children:[(0,ee.jsx)(R,{fillMode:e,size:t,children:"Split button"},"toolbar-split-button"),(0,ee.jsx)(p,{fillMode:e,size:t,children:"Button"},"toolbar-button"),(0,ee.jsx)(Tt,{}),(0,ee.jsx)(F,{text:"Menu button",fillMode:e,size:t},"toolbar-menu-button"),(0,ee.jsxs)(B,{fillMode:e,children:[(0,ee.jsx)(p,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),(0,ee.jsx)(p,{icon:"align-center",fillMode:e,size:t,children:"Center"}),(0,ee.jsx)(p,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group")]})]});var Jr=require("react/jsx-runtime");var Yr=require("react/jsx-runtime");var to=require("react/jsx-runtime"),RN=$.options,_N=$.states,Wd={...$.defaultOptions,variant:"default"},wN=[{name:"default",title:"Default"},{name:"scrollable",title:"Scrollable"},{name:"overlay",title:"Overlay"},{name:"responsive",title:"Responsive"}],DN=[],Ma=e=>{let{variant:t,...o}={...Wd,...e};switch(t){case"responsive":return(0,to.jsx)("div",{children:(0,to.jsx)(qd,{style:{width:"583px"},...o})});case"overlay":return(0,to.jsx)("div",{children:(0,to.jsx)(Xd,{style:{width:"583px"},...o,scrollingPosition:"start",scrollButtons:"hidden"})});case"scrollable":return(0,to.jsx)("div",{children:(0,to.jsx)($d,{style:{width:"583px"},...o})});default:return(0,to.jsx)("div",{children:(0,to.jsx)(Gd,{style:{width:"583px"},...o})})}};Ma.options=RN;Ma.states=_N;Ma.variants=wN;Ma.defaultOptions=Wd;Ma.modifiers=DN;Ma.className=$.className;var se=require("react/jsx-runtime"),Jd="k-message",HN=[r.hover,r.selected,r.active,r.focus],zN={},UN=[(0,se.jsx)(p,{icon:"copy",fillMode:"flat","aria-label":"Copy"}),(0,se.jsx)(p,{icon:"arrow-rotate-cw",fillMode:"flat","aria-label":"Retry"}),(0,se.jsx)(p,{icon:"download",fillMode:"flat","aria-label":"Download"})],Sa={time:"Thu Feb 08 2018",text:"How can I help you?",status:"Seen",toolbarItems:UN,failed:"Failed to send"},V=e=>{let{time:t=Sa.time,text:o=Sa.text,content:a,status:n=Sa.status,statusIcon:i,toolbarItems:l=Sa.toolbarItems,hover:c,selected:u,active:b,focus:x,toolbar:g,typing:m,expandable:L,expanded:M,removed:S,files:E,failed:k,...I}=e,D=k===!0?Sa.failed:k;return(0,se.jsxs)("div",{...I,className:s(Jd,e.className,{"k-message-removed":S,"k-message-failed":k}),children:[k&&(0,se.jsx)(J,{className:"k-resend-button",icon:"arrow-rotate-cw",size:"xsmall",fillMode:"clear","aria-label":"Resend"}),(0,se.jsx)(Yd,{typing:m,selected:u,hover:c,active:b,focus:x,content:(0,se.jsxs)(se.Fragment,{children:[a,o&&(0,se.jsx)("span",{className:"k-chat-bubble-text",children:o})]}),expandable:L,expanded:M,files:E}),(0,se.jsxs)("div",{className:"k-message-info",children:[n&&(0,se.jsxs)("span",{className:"k-message-status",children:[i&&(0,se.jsx)(v,{icon:i,size:"xsmall"}),n]}),t&&(0,se.jsx)("time",{className:"k-message-time",children:t}),k&&(0,se.jsxs)("span",{className:"k-message-failed-content",children:[k&&(0,se.jsx)(v,{icon:"warning-triangle",size:"xsmall"}),k&&(0,se.jsx)("span",{className:"k-message-failed-text",children:D})]})]}),g&&(0,se.jsx)($,{className:"k-chat-message-toolbar",fillMode:"flat",children:l})]})};V.states=HN;V.options=zN;V.className=Jd;V.moduleName=null;V.folderName=null;V.defaultOptions=Sa;var Zr="avatar",Zd=Zr;var jr=require("react/jsx-runtime"),dn="k-avatar";var FN=[r.hover,r.focus,r.active,r.selected,r.disabled],GN={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]},Qr={type:"text",border:!1},Fe=e=>{let{size:t,rounded:o,fillMode:a,themeColor:n,type:i=Qr.type,border:l=Qr.border,...c}=e;return(0,jr.jsx)("div",{...c,className:s(e.className,dn,y(dn,{size:t,rounded:o,fillMode:a,themeColor:n}),{[`${dn}-bordered`]:l}),children:(0,jr.jsx)("span",{className:`${dn}-${i}`,children:e.children})})};Fe.states=FN;Fe.options=GN;Fe.className=dn;Fe.defaultOptions=Qr;Fe.moduleName=Zr;Fe.folderName=Zd;var To=Fe;var jd=require("react/jsx-runtime"),Qd=e=>(0,jd.jsx)(To,{type:"icon",...e});var tc=require("react/jsx-runtime"),ec=e=>(0,tc.jsx)(To,{type:"text",...e});var oc=require("react/jsx-runtime"),jn=e=>(0,oc.jsx)(To,{type:"image",...e});var VN=require("react/jsx-runtime");var ka=require("react/jsx-runtime"),$N=Fe.options,XN=Fe.states,qN={...Fe.defaultOptions,variant:"image"},WN=[{name:"image",title:"Image"},{name:"icon",title:"Icon Avatar"},{name:"text",title:"Text Avatar"}],JN=[],Ca=e=>{let{variant:t,...o}=e;switch(t){case"icon":return(0,ka.jsx)(Qd,{...o,children:(0,ka.jsx)(v,{icon:"star"})});case"text":return(0,ka.jsx)(ec,{...o,children:"JO"});default:return(0,ka.jsx)(jn,{...o,children:(0,ka.jsx)("img",{src:"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg"})})}};Ca.options=$N;Ca.states=XN;Ca.variants=WN;Ca.defaultOptions=qN;Ca.modifiers=JN;Ca.className=Fe.className;var Ot=require("react/jsx-runtime"),cn="k-message-group",YN=[r.selected],ZN={},es={author:"Bruv",avatar:"/packages/html/assets/avatar.jpg",type:"receiver"},q=e=>{let{type:t=es.type,author:o=es.author,avatar:a=es.avatar,status:n,selected:i,fullWidth:l,...c}=e;return(0,Ot.jsxs)("div",{...c,className:s(cn,e.className,C(cn,{selected:i}),{[`${cn}-${t}`]:t,"k-no-avatar":!a,[`${cn}-full-width`]:l}),children:[a&&!n&&(0,Ot.jsx)(Fe,{type:"image",children:(0,Ot.jsx)("img",{src:a,alt:o\|\|""})}),n&&a&&(0,Ot.jsxs)("div",{className:"k-chat-user-status-wrapper",children:[(0,Ot.jsx)(Fe,{type:"image",children:(0,Ot.jsx)("img",{src:a,alt:o\|\|""})}),(0,Ot.jsx)("div",{className:"k-chat-user-status"})]}),(0,Ot.jsxs)("div",{className:"k-message-group-content",children:[o&&(0,Ot.jsx)("span",{className:"k-message-author",children:o}),e.children]})]})};q.states=YN;q.options=ZN;q.className=cn;q.defaultOptions=es;var Ut=require("react/jsx-runtime"),ei="k-message-reference",QN={},ac={type:"receiver"},fo=e=>{let{content:t,closeable:o,pinned:a,type:n=ac.type,...i}=e;return(0,Ut.jsxs)("div",{...i,className:s(ei,e.className,{[`${ei}-${n}`]:n,"k-message-pinned":a}),children:[a&&(0,Ut.jsx)(v,{icon:"pin"}),(0,Ut.jsx)("div",{className:"k-message-reference-content",children:t}),o&&(0,Ut.jsxs)(Ut.Fragment,{children:[(0,Ut.jsx)("span",{className:"k-spacer"}),(0,Ut.jsx)(p,{icon:"x-circle",fillMode:"flat",size:"xsmall","aria-label":"Close"})]})]})};fo.options=QN;fo.className=ei;fo.moduleName=null;fo.folderName=null;fo.defaultOptions=ac;var ti="bubble",nc=ti;var Oo=require("react/jsx-runtime"),oi="k-bubble",jN=[r.hover,r.active,r.selected,r.focus],ai={expandable:!1,expanded:!1},Bo=e=>{let{content:t,hover:o,active:a,focus:n,selected:i,expandable:l=ai.expandable,expanded:c=ai.expanded,...u}=e;return(0,Oo.jsxs)("div",{...u,className:s(e.className,oi,C(oi,{hover:o,active:a,focus:n,selected:i}),{"k-bubble-expandable":l},{"k-expanded":c}),tabIndex:0,children:[(0,Oo.jsx)("div",{className:"k-bubble-content",children:t??e.children}),l&&(0,Oo.jsx)("span",{className:"k-bubble-expandable-indicator",role:"button","aria-label":c?"Show less":"Show more",tabIndex:0,children:c?(0,Oo.jsx)(v,{icon:"chevron-up"}):(0,Oo.jsx)(v,{icon:"chevron-down"})})]})};Bo.states=jN;Bo.className=oi;Bo.defaultOptions=ai;Bo.moduleName=ti;Bo.folderName=nc;var eh=require("react/jsx-runtime");var th=require("react/jsx-runtime");var oh=require("react/jsx-runtime");var Po=require("react/jsx-runtime"),ah="k-chat-bubble",Yd=e=>{let{typing:t,content:o,files:a,...n}=e;return(0,Po.jsxs)(Bo,{...n,className:s(e.className,ah),children:[t?(0,Po.jsxs)("div",{className:"k-typing-indicator",tabIndex:-1,children:[(0,Po.jsx)("span",{}),(0,Po.jsx)("span",{}),(0,Po.jsx)("span",{})]}):o,a]})};var nh=require("react/jsx-runtime");var mn=require("react/jsx-runtime"),rc="k-chat-event",ni={icon:"trash",text:"You deleted Chat history."},ic=e=>{let{icon:t=ni.icon,text:o=ni.text,...a}=e;return(0,mn.jsxs)("div",{...a,className:s(e.className,rc),children:[t&&(0,mn.jsx)(v,{className:"k-chat-event-icon",icon:t,size:"xsmall"}),o&&(0,mn.jsx)("span",{className:"k-chat-event-text",children:o})]})};ic.className=rc;ic.defaultOptions=ni;var sh=require("react/jsx-runtime");var Ge=require("react/jsx-runtime"),lc=e=>(0,Ge.jsx)(X,{children:(0,Ge.jsxs)(Ge.Fragment,{children:[(0,Ge.jsx)("div",{className:"k-timestamp",children:"Day, Month 7, 2023"}),(0,Ge.jsx)(q,{children:(0,Ge.jsx)(V,{})}),(0,Ge.jsx)(q,{type:"sender",children:(0,Ge.jsx)(V,{})}),(0,Ge.jsx)(q,{children:(0,Ge.jsx)(V,{text:"Very long message text that tests message overflowing behavior. Very long message text that tests message overflowing behavior."})}),(0,Ge.jsx)(q,{type:"sender",children:(0,Ge.jsx)(V,{text:"Unusually_long_word_that_tests_word_break_behavior__unusually_long_word_that_tests_word_break_behavior"})})]}),...e});var si=require("react/jsx-runtime"),ts="k-file-box-wrapper",pc={layout:"horizontal"},Ft=e=>{let{layout:t=pc.layout,scrollingPosition:o,...a}=e;return(0,si.jsx)("ul",{role:"list","aria-label":"Attached files",...a,className:s(e.className,ts,{"k-files-vertical":t==="vertical","k-files-wrap":t==="wrap",[`${ts}-scrollable-start`]:t==="horizontal"&&(o==="start"\|\|o==="both"),[`${ts}-scrollable-end`]:t==="horizontal"&&(o==="end"\|\|o==="both")}),children:t==="horizontal"?(0,si.jsx)("div",{className:"k-files-scroll",role:"presentation",children:e.children}):e.children})};Ft.className=ts;Ft.defaultOptions=pc;var ri="file-box",dc=ri;var Gt=require("react/jsx-runtime"),cc="k-file-box",rh=[r.selected],ih={},un={icon:"file-pdf",name:"FileName.pdf",size:"2MB",showButton:"true"},et=e=>{let{icon:t=un.icon,name:o=un.name,size:a=un.size,status:n,deleted:i,removeButton:l,showButton:c=un.showButton,...u}=e,b=[o,a].filter(Boolean).join(" ");return(0,Gt.jsxs)("li",{role:"listitem",tabIndex:0,"aria-label":b\|\|void 0,...u,className:s(cc,e.className,{"k-file-deleted":i}),children:[(0,Gt.jsx)(v,{icon:t,size:"xlarge","aria-hidden":"true"}),(0,Gt.jsxs)("div",{className:"k-file-info",children:[o&&(0,Gt.jsx)("span",{className:"k-file-name",children:o}),a&&(0,Gt.jsx)("span",{className:"k-file-size",children:a}),n&&(0,Gt.jsx)("span",{className:"k-file-status",children:n})]}),c&&(l?(0,Gt.jsx)(p,{as:"span",icon:"x-circle",fillMode:"flat",size:"xsmall","aria-hidden":"true"}):(0,Gt.jsx)(F,{icon:"more-vertical",fillMode:"flat",size:"xsmall",showArrow:!1,"aria-label":"File actions"}))]})};et.states=rh;et.options=ih;et.className=cc;et.defaultOptions=un;et.moduleName=ri;et.folderName=dc;var lh=require("react/jsx-runtime");var ph=require("react/jsx-runtime");var mc=require("react/jsx-runtime");var uc=require("react/jsx-runtime");var dh=require("react/jsx-runtime");var ii=require("react/jsx-runtime");var li="skeleton",fc=li;var bc=require("react/jsx-runtime"),pi="k-skeleton",ch=["circle","text","rect"],mh=[],uh={},di={variant:"text",shape:"text",animation:"pulse"},Vt=e=>{let{variant:t,shape:o,animation:a=di.animation,...n}=e,i=`skeleton-${t\|\|o\|\|di.variant}`;return(0,bc.jsx)("span",{...n,className:s(e.className,pi,vn(pi,i),{[`k-skeleton-${a}`]:a}),style:e.style})};Vt.states=mh;Vt.options=uh;Vt.variants=ch;Vt.className=pi;Vt.defaultOptions=di;Vt.moduleName=li;Vt.folderName=fc;var fh=require("react/jsx-runtime");var bh=require("react/jsx-runtime");var xh=require("react/jsx-runtime");var ci=require("react/jsx-runtime");var mi=require("react/jsx-runtime");var ui="window",xc=ui;var hc=require("react/jsx-runtime"),Nc="k-window-content",Nh=[],hh={},vh={},bo=e=>{let{children:t,...o}=e;return(0,hc.jsx)("div",{...o,className:s(Nc,e.className),children:t})};bo.states=Nh;bo.options=hh;bo.className=Nc;bo.defaultOptions=vh;bo.moduleName=ui;bo.folderName=xc;var fn="dialog",os=fn;var tt=require("react/jsx-runtime"),vc="k-dialog",gh=[],Lh={},fi={actionButtonsAlign:"stretched",modal:!0},dt=e=>{let{title:t,actions:o,actionButtons:a,actionButtonsAlign:n=fi.actionButtonsAlign,modal:i=fi.modal,...l}=e,c=t!==void 0?K("dialog-titlebar"):void 0,u=K("dialog-content");return(0,tt.jsxs)("div",{className:"k-dialog-wrapper",children:[i&&(0,tt.jsx)(wt,{}),(0,tt.jsxs)("div",{...l,className:s(e.className,vc,"k-window"),role:"dialog","aria-labelledby":c,"aria-describedby":u,...i&&{"aria-modal":"true"},children:[(t!==void 0\|\|o)&&(0,tt.jsxs)("div",{className:"k-window-titlebar k-dialog-titlebar",id:c,children:[t!==void 0&&(0,tt.jsx)("span",{className:"k-window-title k-dialog-title",children:t}),o&&(0,tt.jsx)(tt.Fragment,{children:(0,tt.jsx)("div",{className:"k-window-titlebar-actions k-dialog-titlebar-actions",children:o.map(b=>(0,tt.jsx)(p,{icon:b,fillMode:"flat",size:"xsmall",className:"k-window-titlebar-action k-dialog-titlebar-action","aria-label":b},b))})})]}),(0,tt.jsx)(bo,{className:"k-dialog-content",id:u,children:e.children}),a&&(0,tt.jsx)(st,{alignment:n,className:"k-window-actions k-dialog-actions",children:a})]})]})};dt.states=gh;dt.options=Lh;dt.className=vc;dt.defaultOptions=fi;dt.moduleName=fn;dt.folderName=os;var bi=dt;var Lc=require("react/jsx-runtime"),gc="k-dialog-wrapper",Mh=[],Sh={},kh={},Aa=e=>{let{...t}=e;return(0,Lc.jsx)("div",{...t,className:s(e.className,gc),children:e.children})};Aa.states=Mh;Aa.options=Sh;Aa.className=gc;Aa.defaultOptions=kh;Aa.moduleName=fn;Aa.folderName=os;var $t=require("react/jsx-runtime"),Mc=e=>(0,$t.jsx)(bi,{title:"Title",children:(0,$t.jsx)($t.Fragment,{children:"Dialog content"}),actionButtons:(0,$t.jsxs)($t.Fragment,{children:[(0,$t.jsx)(p,{children:"Action"}),(0,$t.jsx)(p,{themeColor:"primary",children:"Primary"})]}),actions:["x"],...e});var xi=require("react/jsx-runtime");var oo=require("react/jsx-runtime"),Ch=dt.options,Ah=[],Eh=dt.states,yh=dt.defaultOptions,Ih=[],Ea=e=>(0,oo.jsx)(Mc,{style:{width:"350px",height:"215px"},...e,title:"Please confirm",actions:["x"],actionButtonsAlign:"stretched",actionButtons:(0,oo.jsxs)(oo.Fragment,{children:[(0,oo.jsx)(p,{children:"No"}),(0,oo.jsx)(p,{themeColor:"primary",children:"Yes"})]}),children:(0,oo.jsx)("p",{style:{margin:"36px",textAlign:"center"},children:"Are you sure you want to continue?"})});Ea.options=Ch;Ea.states=Eh;Ea.variants=Ah;Ea.defaultOptions=yh;Ea.modifiers=Ih;Ea.className=dt.className;var Ni="dropzone",Sc=Ni;var Ko=require("react/jsx-runtime"),hi="k-external-dropzone",Th=[r.disabled,r.hover],Oh={},vi={icon:"upload",hint:"Drag and drop files here to upload"},Ve=e=>{let{hover:t,disabled:o,icon:a=vi.icon,hint:n=vi.hint,note:i,...l}=e;return(0,Ko.jsx)("div",{...l,className:s(e.className,hi,C(hi,{disabled:o}),{"k-external-dropzone-hover":t}),children:(0,Ko.jsxs)("div",{className:"k-dropzone-inner",children:[a&&(0,Ko.jsx)(v,{icon:a,className:"k-dropzone-icon",size:"xxxlarge"}),n&&(0,Ko.jsx)("span",{className:"k-dropzone-hint",children:n}),i&&(0,Ko.jsx)("span",{className:"k-dropzone-note",children:i})]})})};Ve.states=Th;Ve.options=Oh;Ve.className=hi;Ve.defaultOptions=vi;Ve.moduleName=Ni;Ve.folderName=Sc;var Cc=require("react/jsx-runtime"),kc=e=>(0,Cc.jsx)(Ve,{...e});var Bh=require("react/jsx-runtime");var Ac=require("react/jsx-runtime"),Ph=Ve.options,Kh=Ve.states,Rh=Ve.defaultOptions,_h=[{name:"note",title:"Note"}],wh=[],ya=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(n=>{n==="note"&&(a.note=t!=null&&t[n]?"Only JPEG, PNG and SVG files are allowed.":void 0)}),(0,Ac.jsx)(kc,{style:{width:"500px"},...o,...a})};ya.options=Ph;ya.states=Kh;ya.variants=wh;ya.defaultOptions=Rh;ya.modifiers=_h;ya.className=Ve.className;var re=require("react/jsx-runtime"),gi="k-upload-dropzone",Dh=[r.hover],as=e=>{let{hover:t,status:o,disabled:a,hasFiles:n,filesId:i,buttonText:l="Select files...",...c}=e,u;switch(o){case"uploading":u=(0,re.jsxs)(re.Fragment,{children:[(0,re.jsx)(v,{icon:"upload"}),"Uploading..."]});break;case"done":u=(0,re.jsxs)(re.Fragment,{children:[(0,re.jsx)(v,{icon:"check"}),"Done"]});break;case"failed":u=(0,re.jsxs)(re.Fragment,{children:[(0,re.jsx)(v,{icon:"exclamation-circle"}),"Done"]});break;default:u=(0,re.jsx)(re.Fragment,{});break}return(0,re.jsxs)("div",{...c,className:s(e.className,gi,"k-dropzone",C(gi,{hover:t})),children:[(0,re.jsxs)("div",{className:"k-upload-button-wrap",children:[(0,re.jsx)(p,{className:"k-upload-button","aria-disabled":a?"true":"false",...n&&i?{"aria-controls":i}:{},children:l}),(0,re.jsx)("input",{id:"upload-input",className:"k-hidden",tabIndex:-1,"aria-hidden":"true"})]}),(0,re.jsx)("span",{className:s("k-dropzone-hint",{"k-hidden":o!=="upload"}),children:"Drop files here to upload"}),o!=="upload"&&(0,re.jsx)("span",{className:"k-upload-status",children:u})]})};as.states=Dh;as.className=gi;var Li="upload",Ec=Li;var xo=require("react/jsx-runtime"),Mi="k-upload",Hh=[r.hover,r.disabled],zh={},Ic={actionsLayout:"end"},yc="upload-files-list",de=e=>{let{async:t,empty:o,actions:a,actionsLayout:n=Ic.actionsLayout,hover:i,status:l,disabled:c,buttonText:u,...b}=e,x=!!e.children;return(0,xo.jsxs)("div",{...b,className:s(e.className,Mi,C(Mi,{disabled:c}),{"k-upload-async":t,"k-upload-empty":o}),children:[(0,xo.jsx)(as,{status:l,hover:i,disabled:c,hasFiles:x,filesId:yc,buttonText:u}),x&&(0,xo.jsx)("ul",{className:"k-upload-files",role:"list",id:yc,children:e.children}),a&&x&&(0,xo.jsxs)(Rl,{alignment:n,orientation:"horizontal",children:[(0,xo.jsx)(p,{className:"k-clear-selected",children:"Clear"}),(0,xo.jsx)(p,{themeColor:"primary",className:"k-upload-selected",children:"Upload"})]})]})};de.states=Hh;de.options=zh;de.className=Mi;de.defaultOptions=Ic;de.moduleName=Li;de.folderName=Ec;var bn="progressbar",ns=bn;var No=require("react/jsx-runtime"),Lt="k-progressbar",Uh=[r.disabled,r.indeterminate],Fh={orientation:["horizontal","vertical"]},Ro={indeterminate:!1,label:!0,labelPosition:"start",orientation:"horizontal",reverse:!1,value:"0"},$e=e=>{let{disabled:t,height:o,indeterminate:a=Ro.indeterminate,label:n=Ro.label,labelPosition:i=Ro.labelPosition,orientation:l=Ro.orientation,reverse:c=Ro.reverse,value:u=Ro.value,width:b,style:x,ariaLabel:g,...m}=e;return(0,No.jsxs)("div",{...m,className:s(e.className,Lt,C(Lt,{disabled:t}),{[`${Lt}-${l}`]:l,[`${Lt}-indeterminate`]:a,[`${Lt}-reverse`]:c}),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:[(0,No.jsx)("span",{className:s("k-progress-status-wrap",{[`k-progress-${i}`]:i&&!a}),children:n&&(0,No.jsxs)("span",{className:"k-progress-status",children:[u,"%"]})}),!a&&(0,No.jsx)("div",{className:"k-progressbar-value k-selected",children:(0,No.jsx)("span",{className:s("k-progress-status-wrap",{[`k-progress-${i}`]:i}),children:n&&(0,No.jsxs)("span",{className:"k-progress-status",children:[e.value,"%"]})})})]})};$e.states=Uh;$e.options=Fh;$e.className=Lt;$e.defaultOptions=Ro;$e.moduleName=bn;$e.folderName=ns;var Tc=$e;var rs=require("react/jsx-runtime"),Oc="k-chunk-progressbar",Gh=(e,t)=>t<=e-1,Vh=[r.disabled,r.indeterminate],$h={},ss={chunkCount:5,orientation:"horizontal",progress:0},Ia=e=>{let{disabled:t,chunkCount:o=ss.chunkCount,indeterminate:a,orientation:n=ss.orientation,progress:i=ss.progress,reverse:l,ariaLabel:c,...u}=e;return(0,rs.jsx)("div",{...u,className:s(e.className,Lt,Oc,C(Lt,{disabled:t}),{[`${Lt}-${n}`]:n,[`${Lt}-indeterminate`]:a,[`${Lt}-reverse`]:l}),role:"progressbar","aria-label":c\|\|"progress","aria-valuenow":a?void 0:i,"aria-valuemin":0,"aria-valuemax":o,children:(0,rs.jsx)("ul",{className:"k-progressbar-chunks k-reset",children:[...Array(o)].map((b,x)=>(0,rs.jsx)("li",{className:s("k-progressbar-chunk",{"k-first":x===0,"k-last":x===[...Array(o)].length-1,"k-selected":Gh(i,x)})},x))})})};Ia.states=Vh;Ia.options=$h;Ia.className=Oc;Ia.defaultOptions=ss;Ia.moduleName=bn;Ia.folderName=ns;var Bc=require("react/jsx-runtime"),xn=e=>(0,Bc.jsx)(Tc,{...e});var Xh=require("react/jsx-runtime");var ao=require("react/jsx-runtime"),qh=$e.options,Wh=$e.states,Pc={...$e.defaultOptions,variant:"start"},Jh=[{name:"start",title:"Label start"},{name:"center",title:"Label center"},{name:"end",title:"Label end"},{name:"empty",title:"No label"}],Yh=[],Ta=e=>{let{variant:t,modifiers:o,...a}={...Pc,...e},n={},i={style:{width:"324px"}};switch(Object.keys(o\|\|{}).forEach(l=>{switch(l){case"reverse":n.reverse=!!(o!=null&&o[l]);break;case"vertical":n.orientation=o!=null&&o[l]?"vertical":void 0,i.style=o!=null&&o[l]?void 0:{width:"324px"};break}}),t){case"end":return(0,ao.jsx)("div",{...i,children:(0,ao.jsx)(xn,{...a,...n,labelPosition:"end",value:"50"})});case"center":return(0,ao.jsx)("div",{...i,children:(0,ao.jsx)(xn,{...a,...n,labelPosition:"center",value:"50"})});case"empty":return(0,ao.jsx)("div",{...i,children:(0,ao.jsx)(xn,{...a,...n,label:!1,value:"50"})});default:return(0,ao.jsx)("div",{...i,children:(0,ao.jsx)(xn,{...a,...n,labelPosition:"start",value:"50"})})}};Ta.options=qh;Ta.states=Wh;Ta.variants=Jh;Ta.defaultOptions=Pc;Ta.modifiers=Yh;Ta.className=$e.className;var Oa=require("react/jsx-runtime"),Zh="k-file-info",Si=e=>{let{name:t,size:o,validationMsg:a,...n}=e;return(0,Oa.jsxs)("div",{...n,className:s(e.className,Zh),children:[t&&(0,Oa.jsx)("span",{className:"k-file-name",children:t}),o&&(0,Oa.jsx)("span",{className:"k-file-size",children:o}),a&&(0,Oa.jsx)("span",{className:"k-file-validation-message","aria-live":"polite",children:a})]})};var Se=require("react/jsx-runtime"),Qh="k-file",ot=e=>{let{status:t,progress:o,name:a,icon:n,size:i,state:l,validationMsg:c,...u}=e;return(0,Se.jsx)("li",{...u,className:s(e.className,Qh,{[`k-file-${t}`]:t}),role:"listitem",tabIndex:0,children:(0,Se.jsxs)("div",{className:"k-file-single",children:[(0,Se.jsx)($e,{className:s({"k-hidden":t!=="progress"}),value:o,label:!1}),(0,Se.jsxs)("span",{className:"k-file-icon-wrapper",children:[(0,Se.jsx)(v,{className:"k-file-icon",icon:n,size:"xxlarge"}),l&&(0,Se.jsx)("span",{className:"k-file-state",children:l})]}),(0,Se.jsx)(Si,{name:a,size:i,validationMsg:c}),(0,Se.jsx)("div",{className:"k-upload-actions",children:t==="progress"?(0,Se.jsxs)(Se.Fragment,{children:[(0,Se.jsxs)("span",{className:"k-upload-pct",children:[o,"%"]}),(0,Se.jsx)(p,{icon:"pause",fillMode:"flat",size:"xsmall",className:"k-upload-action","aria-label":"Pause upload",tabIndex:-1}),(0,Se.jsx)(p,{icon:"cancel",fillMode:"flat",size:"xsmall",className:"k-upload-action","aria-label":"Cancel upload",tabIndex:-1})]}):(0,Se.jsx)(p,{icon:"x",fillMode:"flat",size:"xsmall",className:"k-upload-action","aria-label":"Remove file",tabIndex:-1})})]})})};var ki=require("react/jsx-runtime");var ho=require("react/jsx-runtime"),Nn=e=>(0,ho.jsx)(de,{async:!0,children:(0,ho.jsxs)(ho.Fragment,{children:[(0,ho.jsx)(ot,{name:"Image_With_Very_Very_Very_Very_Very_Long_Name1.png",icon:"file-image",size:"51.23 KB"}),(0,ho.jsx)(ot,{name:"Image2.jpg",icon:"file-image",size:"106.43 KB"})]}),...e});var Ci=require("react/jsx-runtime");var Rc=require("react/jsx-runtime"),Kc=e=>(0,Rc.jsx)(de,{async:!0,empty:!0,...e});var Ai=require("react/jsx-runtime");var Ei=require("react/jsx-runtime");var Xe=require("react/jsx-runtime"),jh=de.options,ev=de.states,_c={...de.defaultOptions,variant:"empty"},tv=[{name:"empty",title:"Empty"},{name:"upload",title:"Upload"},{name:"uploading",title:"Uploading"},{name:"success",title:"Success"},{name:"failed",title:"Failed"}],ov=[],Ba=e=>{let{variant:t,...o}={..._c,...e};switch(t){case"success":return(0,Xe.jsxs)(Nn,{status:"done",style:{width:"586px"},...o,children:[(0,Xe.jsx)(ot,{status:"success",validationMsg:"File(s) uploaded successfully.",name:"Image1.png",icon:"file-image"}),(0,Xe.jsx)(ot,{status:"success",validationMsg:"File(s) uploaded successfully.",name:"Image2.png",icon:"file-image"})]});case"failed":return(0,Xe.jsxs)(Nn,{status:"failed",style:{width:"586px"},...o,children:[(0,Xe.jsx)(ot,{status:"error",validationMsg:"File type not allowed.",name:"Movie1.mkv",icon:"file-image"}),(0,Xe.jsx)(ot,{status:"error",validationMsg:"File type not allowed.",name:"Video2.mkv",icon:"file-image"})]});case"uploading":return(0,Xe.jsxs)(Nn,{status:"uploading",style:{width:"586px"},...o,children:[(0,Xe.jsx)(ot,{progress:"50",status:"progress",name:"Document1.txt",icon:"file-pdf",size:"328.92 KB"}),(0,Xe.jsx)(ot,{progress:"70",status:"progress",name:"Document2.txt",icon:"file-pdf",size:"225.68 KB"})]});case"upload":return(0,Xe.jsxs)(Nn,{actions:!0,status:"upload",style:{width:"586px"},...o,children:[(0,Xe.jsx)(ot,{name:"Image1.png",icon:"file-image",size:"51.23 KB"}),(0,Xe.jsx)(ot,{name:"Image2.jpg",icon:"file-image",size:"106.43 KB"})]});default:return(0,Xe.jsx)(Kc,{async:!0,status:"upload",style:{width:"586px"},...o})}};Ba.options=jh;Ba.states=ev;Ba.variants=tv;Ba.defaultOptions=_c;Ba.modifiers=ov;Ba.className=de.className;var yi=require("react/jsx-runtime");var av=require("react/jsx-runtime");var Ii=require("react/jsx-runtime");var Ti=require("react/jsx-runtime");var Oi=require("react/jsx-runtime");var wc=require("react/jsx-runtime");var Bi="appbar",Dc=Bi;var Hc=require("react/jsx-runtime"),Pi="k-appbar",nv=[],sv={themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary,h.inverse]},rv={},qe=e=>{let{themeColor:t,positionMode:o,position:a,...n}=e;return(0,Hc.jsx)("div",{...n,className:s(e.className,Pi,y(Pi,{themeColor:t}),{[`k-appbar-${o}`]:o,[`k-appbar-${a}`]:a}),children:e.children})};qe.states=nv;qe.options=sv;qe.className=Pi;qe.defaultOptions=rv;qe.moduleName=Bi;qe.folderName=Dc;var zc=require("react/jsx-runtime"),iv="k-appbar-section",Xt=e=>{let{...t}=e;return(0,zc.jsx)("div",{...t,className:s(iv,e.className),children:e.children})};var Ki=require("react/jsx-runtime");var H=require("react/jsx-runtime"),Ri={...qe.options,positionMode:["static","sticky","fixed"]},lv=qe.states,Uc={...qe.defaultOptions,themeColor:"primary",variant:"top",positionMode:"sticky"};Ri.themeColor=["primary",...Ri.themeColor.filter(e=>e!=="primary")];var pv=[{name:"top",title:"Top"},{name:"bottom",title:"Bottom"}],Pa=e=>{let{variant:t,...o}={...Uc,...e},a=(0,H.jsxs)(qe,{position:t,...o,children:[(0,H.jsx)(Xt,{children:(0,H.jsx)(J,{fillMode:"flat",icon:"menu"})}),(0,H.jsx)("span",{className:"k-spacer k-spacer-sized",style:{width:"8px"}}),(0,H.jsx)(Xt,{children:(0,H.jsx)("h3",{className:"k-m-0",children:"AppBar"})}),(0,H.jsx)("span",{className:"k-spacer"}),(0,H.jsxs)(Xt,{children:[(0,H.jsx)(kt,{fillMode:"flat",children:"Button"}),(0,H.jsx)(kt,{fillMode:"flat",children:"Button"}),(0,H.jsx)(kt,{fillMode:"flat",children:"Button"})]}),(0,H.jsx)("span",{className:"k-spacer k-spacer-sized",style:{width:"8px"}}),(0,H.jsx)(Xt,{children:(0,H.jsx)(Bn,{value:"Input value"})}),(0,H.jsxs)(Xt,{children:[(0,H.jsx)(J,{className:"k-mx-sm",fillMode:"flat",icon:"bell"}),(0,H.jsx)("span",{className:"k-appbar-separator"}),(0,H.jsx)(jn,{className:"k-mx-sm",children:(0,H.jsx)("img",{src:"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg"})})]})]}),n=(0,H.jsxs)("div",{style:{padding:"25px 10px"},children:[(0,H.jsx)("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!"}),(0,H.jsx)("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?"}),(0,H.jsx)("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!"}),(0,H.jsx)("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"?(0,H.jsxs)("div",{style:{height:"250px",overflow:"auto"},children:[n,a]}):(0,H.jsxs)("div",{style:{height:"250px",overflow:"auto"},children:[a,n]})};Pa.options=Ri;Pa.states=lv;Pa.variants=pv;Pa.defaultOptions=Uc;Pa.modifiers=[];Pa.className=qe.className;var _i="suggestion",Fc=_i;var _o=require("react/jsx-runtime"),is="k-suggestion-group",dv=[],cv={},Gc={layout:"scrollable",scrollingPosition:"start"},Mt=e=>{let{layout:t=Gc.layout,scrollingPosition:o,...a}=e,n=(0,_o.jsx)("div",{...a,className:s(is,{"k-suggestion-group-scrollable":t=="scrollable",[`${is}-scrollable-start`]:o==="start"\|\|o==="both",[`${is}-scrollable-end`]:o==="end"\|\|o==="both"},e.className),role:"group",children:t==="scrollable"\|\|t==="scrollButtons"?(0,_o.jsx)("div",{className:"k-suggestions-scroll",children:e.children}):e.children});return t=="scrollButtons"?(0,_o.jsxs)("div",{className:"k-suggestion-scrollwrap",children:[(0,_o.jsx)(p,{fillMode:"flat",icon:"chevron-left",size:"xsmall","aria-label":"Scroll left"}),n,(0,_o.jsx)(p,{fillMode:"flat",icon:"chevron-right",size:"xsmall","aria-label":"Scroll right"})]}):n};Mt.states=dv;Mt.options=cv;Mt.className=is;Mt.defaultOptions=Gc;Mt.moduleName=_i;Mt.folderName=Fc;var Vc=require("react/jsx-runtime"),ls="k-suggestion",mv=[r.active,r.hover,r.focus],uv={themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary]},fv={text:"Suggestion"},St=e=>{let{themeColor:t,active:o,hover:a,focus:n,text:i,...l}=e;return(0,Vc.jsx)("span",{...l,className:s(e.className,ls,C(ls,{hover:a,active:o,focus:n}),y(ls,{themeColor:t})),role:"button",tabIndex:0,"aria-label":i,children:i})};St.states=mv;St.options=uv;St.className=ls;St.item=fv;var wi=require("react/jsx-runtime");var Di=require("react/jsx-runtime");var Hi=require("react/jsx-runtime");var z=require("react/jsx-runtime"),bv=X.states,xv=X.defaultOptions,Nv=X.options,hv=[{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"}],vv=[],Ka=e=>{let{modifiers:t,...o}=e,a={author:null,avatar:null},n=(0,z.jsxs)(qe,{className:"k-chat-header",positionMode:"sticky",themeColor:"primary",children:[(0,z.jsx)("span",{className:"k-spacer k-spacer-sized k-w-1"}),(0,z.jsx)(Xt,{children:(0,z.jsx)("span",{children:"Chat with demo bot"})}),(0,z.jsx)("span",{className:"k-spacer"}),(0,z.jsx)(Xt,{children:(0,z.jsx)(p,{fillMode:"flat",icon:"more-vertical"})})]}),i=(0,z.jsx)(fo,{type:"sender",pinned:!0,content:"Hello! Generate a cover letter.",closeable:!0}),l=(0,z.jsxs)(Mt,{children:[(0,z.jsx)(St,{text:"Provide a CV template"}),(0,z.jsx)(St,{text:"Generate a cover letter"})]}),c=(0,z.jsxs)(Mt,{children:[(0,z.jsx)(St,{themeColor:"primary",text:"Thank you!"}),(0,z.jsx)(St,{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(I=>{switch(I){case"header":a.header=t!=null&&t[I]?n:!1;break;case"pinned":a.pinned=t!=null&&t[I]?i:!1;break;case"suggested":a.suggestedActions=t!=null&&t[I]?l:!1;break;case"author":a.author=t!=null&&t[I]?!0:null;break;case"avatar":a.avatar=t!=null&&t[I]?u:null;break;case"quick":a.quickReplies=t!=null&&t[I]?c:(0,z.jsx)(z.Fragment,{});break;default:break}});let{header:m,pinned:L,suggestedActions:M,author:S,avatar:E,quickReplies:k}=a;return(0,z.jsxs)(lc,{value:"Thank you!",style:{minHeight:"100%"},...o,header:m,pinned:L,suggestedActions:M,children:[(0,z.jsx)(q,{avatar:b,author:S?g:null,children:(0,z.jsx)(V,{text:"Hello, this is a demo bot. How can I help you ?"})}),(0,z.jsx)(q,{avatar:E?u:null,author:S?x:null,type:"sender",children:(0,z.jsx)(V,{text:"Hello! Generate a cover letter."})}),(0,z.jsx)(q,{avatar:b,author:S?g:null,children:(0,z.jsx)(V,{text:"Sure. Here is a cover letter template",files:(0,z.jsx)(Ft,{children:(0,z.jsx)(et,{icon:"file-pdf",name:"cover_letter.pdf",size:"1.43MB"})})})}),k]})};Ka.options=Nv;Ka.states=bv;Ka.variants=vv;Ka.defaultOptions=xv;Ka.modifiers=hv;Ka.className=X.className;var Bt=require("react/jsx-runtime"),gv=e=>(0,Bt.jsx)(X,{children:(0,Bt.jsxs)(Bt.Fragment,{children:[(0,Bt.jsx)("div",{className:"k-timestamp",children:"Day, Month 7, 2023"}),(0,Bt.jsx)(q,{children:(0,Bt.jsx)(V,{toolbar:!0,text:"Message with toolbar."})}),(0,Bt.jsx)(q,{type:"sender",children:(0,Bt.jsx)(V,{})})]}),...e});
1	+ var $c=Object.create;var hn=Object.defineProperty;var Xc=Object.getOwnPropertyDescriptor;var qc=Object.getOwnPropertyNames;var Wc=Object.getPrototypeOf,Jc=Object.prototype.hasOwnProperty;var Yc=(e,t)=>{for(var o in t)hn(e,o,{get:t[o],enumerable:!0})},Ui=(e,t,o,a)=>{if(t&&typeof t=="object"\|\|typeof t=="function")for(let n of qc(t))!Jc.call(e,n)&&n!==o&&hn(e,n,{get:()=>t[n],enumerable:!(a=Xc(t,n))\|\|a.enumerable});return e};var Fi=(e,t,o)=>(o=e!=null?$c(Wc(e)):{},Ui(t\|\|!e\|\|!e.__esModule?hn(o,"default",{value:e,enumerable:!0}):o,e)),Zc=e=>Ui(hn({},"__esModule",{value:!0}),e);var Lv={};Yc(Lv,{ChatMessageToolbar:()=>gv});module.exports=Zc(Lv);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 y=(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:c,selected:u,disabled:b,indeterminate:x,loading:g,empty:m,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":c,"k-selected":u,"k-disabled":b,"k-indeterminate":x&&!l,"k-loading":g,"k-empty":m,"k-readonly":L,"k-highlighted":M},Object.keys(S).reduce((E,k)=>(k.startsWith("k-")?E[k]=S[k]:E[`k-${k}`]=S[k],E),{}))};function vn(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(a=>[`k-${a}`,!0]))}var d={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},f={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},N={undefined:void 0,solid:"solid",tint:"tint",flat:"flat",outline:"outline",clear:"clear",link:"link"},Pt={undefined:void 0,outline:"outline",solid:"solid",duotone:"duotone"},h={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",inverse:"inverse"},r={open:"open",hover:"hover",focus:"focus",active:"active",selected:"selected",disabled:"disabled",valid:"valid",invalid:"invalid",loading:"loading",required:"required",empty:"empty",indeterminate:"indeterminate",checked:"checked",readonly:"readonly",highlighted:"highlighted",generating:"generating",expanded:"expanded"};var ms={};function K(e){return ms[e]=(ms[e]\|\|0)+1,`k-${e}-${ms[e]}`}var wa=require("react/jsx-runtime"),us="k-font-icon",Qc=[],jc={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]},em={},Da=e=>{let{size:t,themeColor:o,icon:a,rotate:n,flip:i,...l}=e;return a?(0,wa.jsx)("span",{...l,className:s(e.className,us,y(us,{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"}):(0,wa.jsx)(wa.Fragment,{})};Da.states=Qc;Da.options=jc;Da.className=us;Da.defaultOptions=em;var Gi=Da;var Lo=require("react/jsx-runtime"),fs="k-svg-icon",tm=[],om={size:[d.undefined,d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary,h.success,h.warning,h.error,h.info],variant:[Pt.outline,Pt.solid,Pt.duotone]},bs={viewBox:"0 0 24 24",variant:Pt.outline},Ha=e=>{var g,m;let{size:t,themeColor:o,rotate:a,flip:n,viewBox:i=bs.viewBox,variant:l=bs.variant,icon:c,...u}=e;if(!c)return(0,Lo.jsx)(Lo.Fragment,{});if(c==="none")return(0,Lo.jsx)("span",{...u,className:s(e.className,fs,y("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let b=typeof c=="object"&&c.name&&c.name,x=typeof c=="object"?l&&((g=c.variants)==null?void 0:g[l])\|\|((m=c.variants)==null?void 0:m.outline)\|\|c.content:void 0;return(0,Lo.jsx)("span",{...u,className:s(e.className,fs,y("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:(0,Lo.jsx)("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof c=="object"?c.viewBox:i,dangerouslySetInnerHTML:x!==void 0?{__html:x}:void 0,children:c?void 0:e.children})})};Ha.states=tm;Ha.options=om;Ha.className=fs;Ha.defaultOptions=bs;var xs=Ha;var Ns=Fi(require("@progress/kendo-svg-icons"));var Vi="icon",$i="icons";var Wi=require("react");var Xi=require("react"),qi=(0,Xi.createContext)({iconsType:"svg"});var qt=require("react/jsx-runtime"),gn="k-icon",am=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),nm=[],sm={size:[d.undefined,d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary,h.success,h.warning,h.error,h.info],variant:[Pt.outline,Pt.solid,Pt.duotone]},Ln={viewBox:"0 0 24 24",type:"svg",variant:Pt.outline},v=e=>{let{iconsType:t}=(0,Wi.useContext)(qi),{size:o,themeColor:a,icon:n,type:i=t\|\|Ln.type,rotate:l,flip:c,viewBox:u=Ln.viewBox,variant:b=Ln.variant,...x}=e;if(!n)return(0,qt.jsx)(qt.Fragment,{});if((t\|\|i)==="svg"){if(n==="none")return(0,qt.jsx)(xs,{...x,className:s(e.className,gn),icon:n,size:o,variant:b});let m=Ns[n]?n:am(`${n}-icon`);return Ns[m]?(0,qt.jsx)(xs,{...x,className:s(e.className,gn),icon:Ns[m],size:o,themeColor:a,rotate:l,flip:c,viewBox:u,variant:b}):(0,qt.jsx)(qt.Fragment,{})}return(0,qt.jsx)(Gi,{...x,className:s(e.className,gn),icon:n,size:o,themeColor:a,rotate:l,flip:c})};v.states=nm;v.options=sm;v.defaultOptions=Ln;v.className=gn;v.moduleName=Vi;v.folderName=$i;var hs="button",Ji=hs;var Ce=require("react/jsx-runtime"),za="k-button",rm=["icon-button"],im=[r.hover,r.focus,r.active,r.selected,r.disabled,r.generating],lm={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]},vs={showArrow:!1,arrowIconName:"chevron-down"},p=e=>{let{as:t="button",size:o,rounded:a,fillMode:n,themeColor:i,showArrow:l=vs.showArrow,arrowIconName:c=vs.arrowIconName,variant:u,hover:b,focus:x,active:g,selected:m,disabled:L,togglable:M,ariaDisabled:S,icon:E,endIcon:k,iconSize:I,text:D,iconClassName:ue,className:We,...ke}=e,Pe=E!=null,Ra=e.children!==void 0;return(0,Ce.jsxs)(t,{className:s(We,za,vn(za,u),y(za,{size:o,rounded:a,fillMode:n,themeColor:i}),C(za,{hover:b,focus:x,active:g,disabled:L\|\|S,selected:m}),{"k-icon-button":!D&&!Ra&&Pe}),"aria-pressed":M?m?"true":"false":void 0,...ke,"aria-disabled":S?"true":void 0,disabled:L\|\|void 0,children:[typeof E=="string"&&E&&(0,Ce.jsx)(v,{className:s(ue,"k-button-icon"),icon:E,size:I}),E&&typeof E!="string"&&(0,Ce.jsx)(Ce.Fragment,{children:E}),D?(0,Ce.jsxs)(Ce.Fragment,{children:[D&&(0,Ce.jsx)("span",{className:"k-button-text",children:D}),e.children]}):e.children&&(0,Ce.jsx)("span",{className:"k-button-text",children:e.children}),typeof k=="string"&&k&&(0,Ce.jsx)(v,{className:s(ue,"k-button-icon"),icon:k,size:I}),k&&typeof k!="string"&&(0,Ce.jsx)(Ce.Fragment,{children:k}),l&&(0,Ce.jsx)("span",{className:"k-menu-button-arrow k-button-arrow",children:(0,Ce.jsx)(v,{icon:c})})]})};p.states=im;p.options=lm;p.variants=rm;p.className=za;p.defaultOptions=vs;p.moduleName=hs;p.folderName=Ji;var Yi=require("react/jsx-runtime"),J=e=>(0,Yi.jsx)(p,{icon:"folder",...e,"aria-label":e["aria-label"]\|\|"Folder",children:void 0});var Zi=require("react/jsx-runtime"),Ua=e=>(0,Zi.jsx)(p,{icon:"folder",children:"Button",...e});var pm=require("react/jsx-runtime");var Qi=require("react/jsx-runtime"),kt=e=>(0,Qi.jsx)(p,{children:"Button",...e});var Mn=require("react/jsx-runtime"),dm=p.options,cm=p.states,mm={...p.defaultOptions,variant:"text"},um=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],fm=[],wo=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return(0,Mn.jsx)(J,{...o,icon:"star"});case"icon-and-text":return(0,Mn.jsx)(Ua,{...o,icon:"star",children:"Button"});default:return(0,Mn.jsx)(kt,{...o,children:"Button"})}};wo.options=dm;wo.states=cm;wo.variants=um;wo.defaultOptions=mm;wo.modifiers=fm;wo.className=p.className;var Fa=require("react/jsx-runtime"),Sn="k-fab",Nm=[r.hover,r.focus,r.active,r.selected,r.disabled],hm={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]},ji={type:"button"},ie=e=>{let{size:t,rounded:o,themeColor:a,text:n,icon:i,type:l=ji.type,position:c,hover:u,focus:b,active:x,selected:g,disabled:m,...L}=e;return(0,Fa.jsxs)("button",{...L,type:l,className:s(e.className,Sn,y(Sn,{size:t,rounded:o,themeColor:a}),C(Sn,{hover:u,focus:b,active:x,disabled:m,selected:g}),{[`!k-pos-absolute k-${c}`]:c}),...!n&&i&&!e["aria-label"]&&{"aria-label":"Action"},...m&&{"aria-disabled":"true"},disabled:m\|\|void 0,children:[i&&(0,Fa.jsx)(v,{className:"k-fab-icon",icon:i}),n&&(0,Fa.jsx)("span",{className:"k-fab-text",children:n})]})};ie.states=Nm;ie.options=hm;ie.className=Sn;ie.defaultOptions=ji;ie.moduleName="fab";ie.folderName="fab";var tl=require("react/jsx-runtime"),vm="k-fab-items",el=e=>{let{position:t,...o}=e;return(0,tl.jsx)("ul",{...o,className:s(e.className,vm,{[`k-fab-items-${t}`]:t}),children:e.children})};var Ga=require("react/jsx-runtime"),ol="k-fab-item",gm=[r.hover,r.focus,r.active,r.disabled],gs=e=>{let{text:t,icon:o,align:a,hover:n,focus:i,active:l,disabled:c,...u}=e;return(0,Ga.jsxs)("li",{...u,className:s(e.className,ol,{[`k-text-${a}`]:a},C(ol,{hover:n,focus:i,active:l,disabled:c})),children:[(0,Ga.jsx)("span",{className:"k-fab-item-text",children:t}),(0,Ga.jsx)(v,{className:"k-fab-item-icon",icon:o})]})};gs.states=gm;var Lm=require("react/jsx-runtime");var nl=require("react/jsx-runtime"),al=e=>(0,nl.jsx)(ie,{icon:"plus",...e});var Mm=require("react/jsx-runtime");var Sm=require("react/jsx-runtime");var Wt=require("react/jsx-runtime"),km=ie.options,Cm=ie.states,Am={...ie.defaultOptions,variant:"text"},Em=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],ym=[{name:"opened",title:"Opened"}],Do=e=>{let{variant:t,modifiers:o,...a}=e,{opened:n}=o\|\|{},i=n?(0,Wt.jsx)("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:(0,Wt.jsx)(el,{position:"bottom",children:(0,Wt.jsx)(gs,{text:"Item",icon:"pencil",align:"right"})})}):null,l;switch(t){case"icon-only":l=(0,Wt.jsx)(ie,{...a,icon:"star"});break;case"icon-and-text":l=(0,Wt.jsx)(ie,{...a,icon:"star",text:"Action"});break;default:l=(0,Wt.jsx)(ie,{...a,text:"Action"});break}return(0,Wt.jsxs)("span",{style:{position:"relative"},children:[l,i]})};Do.options=km;Do.states=Cm;Do.variants=Em;Do.defaultOptions=Am;Do.modifiers=ym;Do.className=ie.className;var sl=require("react/jsx-runtime"),Ls="k-input-inner",Im=[],Tm={},kn={type:"text",autocomplete:"off",value:"",placeholder:""},Ke=e=>{let{value:t=kn.value,type:o=kn.type,placeholder:a=kn.placeholder,autocomplete:n=kn.autocomplete,disabled:i,readOnly:l,...c}=e;return(0,sl.jsx)("input",{...c,type:o,className:s(e.className,Ls,y(Ls,e)),placeholder:a,autoComplete:n,defaultValue:t,disabled:i\|\|void 0,readOnly:l\|\|void 0})};Ke.states=Im;Ke.options=Tm;Ke.className=Ls;var il=require("react/jsx-runtime"),Ms="k-input-inner",Om=[],Bm={},rl={value:"",placeholder:""},Va=e=>{let{value:t=rl.value,placeholder:o=rl.placeholder,rows:a,disabled:n,...i}=e;return(0,il.jsx)("textarea",{...i,className:s(e.className,Ms,y(Ms,e)),placeholder:o,rows:a,defaultValue:t,disabled:n\|\|void 0})};Va.states=Om;Va.options=Bm;Va.className=Ms;var Ss="prompt-box",ll=Ss;var ks="speech-to-text-button",pl=ks;var ml=require("react/jsx-runtime"),dl="k-speech-to-text-button",cl={icon:"microphone"},at=e=>{let{listening:t=!1,icon:o=cl.icon,...a}=e;return(0,ml.jsx)(p,{...a,icon:t?"stop":o,className:s(e.className,dl,{"k-listening":t}),"aria-pressed":t?"true":"false","aria-label":t?"Stop listening":"Start listening"})};at.states=p.states;at.options=p.options;at.className=dl;at.defaultOptions=cl;at.moduleName=ks;at.folderName=pl;var Pm=require("react/jsx-runtime");var Km=require("react/jsx-runtime");var fl=require("react/jsx-runtime"),Rm=p.states,ul={...p.defaultOptions,variant:"normal"},_m={...p.options,fillMode:p.options.fillMode.filter(e=>e!=="clear"&&e!=="link")},wm=[],Dm=[{name:"normal",title:"Normal"},{name:"listening",title:"Listening"}],Ho=e=>{let{variant:t,...o}={...ul,...e},a={};return t==="listening"&&(a.listening=!0),(0,fl.jsx)(at,{...o,...a})};Ho.options=_m;Ho.states=Rm;Ho.variants=Dm;Ho.defaultOptions=ul;Ho.modifiers=wm;Ho.className=at.className;var ct=require("react/jsx-runtime"),Kt="k-prompt-box",Hm=[r.hover,r.focus,r.disabled],zm={fillMode:[N.undefined,N.solid,N.flat,N.outline]},Cs={lineMode:"auto",isExpanded:!1},Re=e=>{let{fillMode:t,lineMode:o=Cs.lineMode,startAffix:a,endAffix:n,header:i,isExpanded:l=Cs.isExpanded,className:c,children:u,value:b,placeholder:x,generating:g,actionButtonConfig:m,speechToTextButtonConfig:L,uploadButtonConfig:M,hover:S,focus:E,disabled:k,...I}=e,D=o==="multi"\|\|o==="auto"&&l;return(0,ct.jsxs)("div",{...I,className:s(c,"k-input",Kt,{[`${Kt}-singleline`]:o==="single",[`${Kt}-multiline`]:D,[`k-input-${t}`]:t,"k-hover":S,"k-focus":E,"k-disabled":k}),children:[i&&(0,ct.jsx)("div",{className:`${Kt}-header`,children:i}),(0,ct.jsxs)("div",{className:`${Kt}-content`,children:[a&&(0,ct.jsx)("div",{className:`${Kt}-affix`,children:a}),o==="single"?(0,ct.jsx)(Ke,{value:b,placeholder:x,className:`${Kt}-input`,type:"text","aria-label":"Prompt input"}):(0,ct.jsx)(Va,{value:b,placeholder:x,className:`${Kt}-textarea`,rows:o==="multi"\|\|l?3:1,"aria-label":"Prompt input","aria-multiline":"true"}),(0,ct.jsxs)("div",{className:`${Kt}-affix`,children:[n,M&&(0,ct.jsx)(J,{icon:"paperclip",size:"small",fillMode:"flat",rounded:"full","aria-label":"Attach files",...M}),L!==!1&&(0,ct.jsx)(at,{size:"small",fillMode:"flat",rounded:"full",...L}),(0,ct.jsx)(J,{icon:g?"stop":"arrow-up",size:"small",rounded:"full",active:g,disabled:!b&&!g,"aria-label":g?"Stop generating":"Send prompt","aria-live":"polite",...m,className:s({"k-generating":g},m==null?void 0:m.className)})]})]}),u]})};Re.states=Hm;Re.options=zm;Re.className=Kt;Re.defaultOptions=Cs;Re.moduleName=Ss;Re.folderName=ll;var Um=require("react/jsx-runtime");var Fm=require("react/jsx-runtime");var Gm=require("react/jsx-runtime");var Vm=require("react/jsx-runtime");var $m=require("react/jsx-runtime");var _e=require("react/jsx-runtime"),Xm=Re.options,qm=Re.states,Wm={...Re.defaultOptions,variant:"Single"},Jm=[{name:"Single",title:"Singleline"},{name:"Multi",title:"Multiline"}],Ym=[{name:"header",title:"Header"},{name:"endAffix",title:"End Affix"},{name:"startAffix",title:"Start Affix"}],zo=e=>{let{variant:t,modifiers:o,...a}=e,n={},i=(0,_e.jsx)(_e.Fragment,{children:(0,_e.jsx)(J,{size:"small",icon:"send",fillMode:"flat"})});return Object.keys(o\|\|{}).forEach(l=>{switch(l){case"header":n.header=o!=null&&o[l]?(0,_e.jsx)(p,{children:"Button in header"}):void 0;break;case"endAffix":o!=null&&o[l]&&(n.endAffix=(0,_e.jsxs)(_e.Fragment,{children:[i,(0,_e.jsx)(J,{icon:"paperclip",size:"small",fillMode:"flat"})]}));break;case"startAffix":n.startAffix=o!=null&&o[l]?(0,_e.jsx)(_e.Fragment,{children:(0,_e.jsx)(J,{icon:"plus",size:"small",fillMode:"flat"})}):void 0;break;default:break}}),t==="Multi"?(0,_e.jsx)(Re,{style:{width:300},lineMode:"multi",endAffix:i,placeholder:"Enter your prompt...",...a,...n}):(0,_e.jsx)(Re,{style:{width:300},lineMode:"single",endAffix:i,placeholder:"Enter your prompt...",...a,...n})};zo.options=Xm;zo.states=qm;zo.variants=Jm;zo.defaultOptions=Wm;zo.modifiers=Ym;zo.className=Re.className;var As="chat",bl=As;var fe=require("react/jsx-runtime"),xl="k-chat",Zm=[],Qm={},jm=(0,fe.jsxs)(fe.Fragment,{children:[(0,fe.jsx)(J,{icon:"paperclip",fillMode:"clear",rounded:"full",size:"small","aria-label":"Attach file"},"paperclip"),(0,fe.jsx)("div",{className:"k-spacer"})]}),Nl={tools:jm},X=e=>{let{header:t,dir:o,suggestedActions:a,files:n,pinned:i,replied:l,generating:c,tools:u=Nl.tools,value:b,empty:x,scrollToBottom:g,scrollbar:m,promptBoxProps:L,...M}=e;return(0,fe.jsxs)("div",{...M,className:s(xl,e.className),dir:o,children:[t,(0,fe.jsxs)("div",{className:"k-message-list",role:"log","aria-label":"Message list","aria-live":"polite",children:[i,(0,fe.jsx)("div",{className:s("k-message-list-content",x&&"k-message-list-content-empty"),children:e.children}),g&&(0,fe.jsx)("div",{className:"k-chat-scroll-to-bottom-container",children:(0,fe.jsx)(al,{themeColor:"base",icon:"arrow-down",size:"small"})})]}),m&&(0,fe.jsx)("div",{className:"k-separator"}),(0,fe.jsxs)("div",{className:"k-message-box-wrapper",children:[a,(0,fe.jsx)(Re,{lineMode:"multi",placeholder:"Type a message",generating:c,value:b,header:n\|\|l?(0,fe.jsxs)(fe.Fragment,{children:[l,n]}):void 0,endAffix:u,...L})]})]})};X.states=Zm;X.options=Qm;X.className=xl;X.defaultOptions=Nl;X.moduleName=As;X.folderName=bl;var Es="button",hl=Es;var vl=require("react/jsx-runtime"),$a="k-button-group",eu=[r.disabled],tu={fillMode:[N.undefined,N.solid,N.flat,N.outline,N.clear,N.link]},ou={},B=e=>{let{fillMode:t,disabled:o,stretched:a,...n}=e;return(0,vl.jsx)("div",{role:"group",...n,className:s(e.className,$a,y($a,{fillMode:t}),C($a,{disabled:o}),{[`${$a}-stretched`]:a}),...o&&{"aria-disabled":"true"},children:e.children})};B.states=eu;B.options=tu;B.className=$a;B.defaultOptions=ou;B.moduleName=Es;B.folderName=hl;var ys=require("react/jsx-runtime");var Is=require("react/jsx-runtime");var Ts=require("react/jsx-runtime");var Os=require("react/jsx-runtime");var Bs=require("react/jsx-runtime");var Ps=require("react/jsx-runtime");var Ks=require("react/jsx-runtime");var Je=require("react/jsx-runtime"),au={...p.options,...B.options},nu=p.states,su={...p.defaultOptions,...B.defaultOptions,variant:"text-button"},ru=[{name:"icon-button",title:"Icon Only"},{name:"text-button",title:"Text"},{name:"icon-text-button",title:"Icon Text"}],iu=[],Uo=e=>{let{variant:t,className:o,...a}=e;return t==="icon-button"?(0,Je.jsxs)(B,{fillMode:a.fillMode,className:o,children:[(0,Je.jsx)(p,{...a,icon:"star"}),(0,Je.jsx)(p,{...a,icon:"star"}),(0,Je.jsx)(p,{...a,icon:"star"})]}):t==="icon-text-button"?(0,Je.jsxs)(B,{fillMode:a.fillMode,className:o,children:[(0,Je.jsx)(p,{...a,icon:"star",children:"First"}),(0,Je.jsx)(p,{...a,icon:"star",children:"Middle"}),(0,Je.jsx)(p,{...a,icon:"star",children:"Last"})]}):(0,Je.jsxs)(B,{fillMode:a.fillMode,className:o,children:[(0,Je.jsx)(p,{...a,children:"First"}),(0,Je.jsx)(p,{...a,children:"Middle"}),(0,Je.jsx)(p,{...a,children:"Last"})]})};Uo.options=au;Uo.states=nu;Uo.variants=ru;Uo.defaultOptions=su;Uo.modifiers=iu;Uo.className=B.className;var Xa="input",An=Xa;var gl=require("react/jsx-runtime"),En="k-input",lu=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading,r.readonly],pu={size:[d.undefined,d.small,d.medium,d.large],rounded:[f.undefined,f.none,f.small,f.medium,f.large,f.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},du={},te=e=>{let{hover:t,focus:o,disabled:a,invalid:n,valid:i,loading:l,readonly:c,size:u,rounded:b,fillMode:x,...g}=e;return(0,gl.jsx)("span",{...g,className:s(e.className,En,y(En,{size:u,rounded:b,fillMode:x}),C(En,{hover:t,focus:o,disabled:a,invalid:n,valid:i,loading:l,readonly:c}))})};te.states=lu;te.options=pu;te.className=En;te.defaultOptions=du;te.moduleName=Xa;te.folderName=An;var Ll=require("react/jsx-runtime"),yn="k-picker",cu=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading,r.readonly],mu={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]},uu={},Rt=e=>{let{hover:t,focus:o,disabled:a,invalid:n,valid:i,loading:l,readonly:c,size:u,rounded:b,fillMode:x,...g}=e;return(0,Ll.jsx)("span",{...g,className:s(e.className,yn,y(yn,{size:u,rounded:b,fillMode:x}),C(yn,{hover:t,focus:o,disabled:a,invalid:n,valid:i,loading:l,readonly:c})),children:e.children})};Rt.states=cu;Rt.options=mu;Rt.className=yn;Rt.defaultOptions=uu;Rt.moduleName=Xa;Rt.folderName=An;var Fo=require("react/jsx-runtime"),Ml="k-clear-value",fu=[r.disabled,r.loading,r.readonly],bu={},nt=e=>{let{disabled:t,loading:o,readonly:a,value:n}=e;return t\|\|a\|\|o\|\|!n?(0,Fo.jsx)(Fo.Fragment,{}):(0,Fo.jsx)("span",{className:s(e.className,Ml),children:(0,Fo.jsx)(v,{icon:"x"})})};nt.states=fu;nt.options=bu;nt.className=Ml;var qa=require("react/jsx-runtime"),Rs="k-input-inner",xu=[],Nu={},Mo=e=>{let{value:t,placeholder:o,showValue:a,valueIcon:n,valueIconName:i,...l}=e;return(0,qa.jsxs)("span",{...l,className:s(e.className,Rs,y(Rs,e)),children:[n,!n&&i&&(0,qa.jsx)(v,{className:"k-input-value-icon",icon:i}),a&&!t&&o,a&&t&&(0,qa.jsx)("span",{className:"k-input-value-text",children:t})]})};Mo.states=xu;Mo.options=Nu;Mo.className=Rs;var Wa=require("react/jsx-runtime"),Sl="k-input-loading-icon",hu=[r.disabled,r.loading],Ye=e=>{let{disabled:t,loading:o}=e;return t\|\|!o?(0,Wa.jsx)(Wa.Fragment,{}):(0,Wa.jsx)("span",{className:s(e.className,Sl,"k-icon k-i-loading")})};Ye.states=hu;Ye.className=Sl;var Ja=require("react/jsx-runtime"),kl="k-input-validation-icon",vu=[r.valid,r.invalid,r.disabled,r.loading],gu={},we=e=>{let{valid:t,invalid:o,disabled:a,loading:n}=e,i=o?"warning-circle":"check-circle";return a\|\|n\|\|!!!(t\|\|o)?(0,Ja.jsx)(Ja.Fragment,{}):(0,Ja.jsx)(v,{className:s(kl),icon:i})};we.states=vu;we.options=gu;we.className=kl;var Ya=require("react/jsx-runtime"),Lu="k-input-prefix",Mu={direction:"horizontal"},mt=e=>{let{direction:t=Mu.direction,...o}=e;return e.children?(0,Ya.jsx)("span",{...o,className:s(Lu,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):(0,Ya.jsx)(Ya.Fragment,{})};var Za=require("react/jsx-runtime"),Su="k-input-suffix",ku={direction:"horizontal"},ut=e=>{let{direction:t=ku.direction,...o}=e;return e.children?(0,Za.jsx)("span",{...o,className:s(Su,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):(0,Za.jsx)(Za.Fragment,{})};var Cu=require("react/jsx-runtime");var Cl=require("react/jsx-runtime"),Au="k-input-suffix-text",_s=e=>{let{children:t,...o}=e;return(0,Cl.jsx)("span",{...o,className:s(Au,e.className),children:t})};var El=require("react/jsx-runtime"),Al="k-input-separator",Eu={direction:"vertical"},ft=e=>{let{direction:t=Eu.direction,...o}=e;return(0,El.jsx)("span",{...o,className:s(Al,e.className,{[`${Al}-${t}`]:t})})};var ce=require("react/jsx-runtime"),yu=te.states,Iu=te.defaultOptions,Tu=te.options,Ou=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],Bu=[],Go=e=>{let{modifiers:t,valid:o,invalid:a,loading:n,disabled:i,readonly:l,...c}=e,u=t==null?void 0:t.prefix,b=t==null?void 0:t.suffix,x=t==null?void 0:t["clear-button"],g=t==null?void 0:t["validation-icon"],m=t==null?void 0:t.separators;return(0,ce.jsxs)(te,{...c,valid:o,invalid:a,loading:n,disabled:i,readonly:l,style:{width:300},children:[u&&(0,ce.jsxs)(ce.Fragment,{children:[(0,ce.jsx)(mt,{children:(0,ce.jsx)(v,{icon:"lock"})}),m&&(0,ce.jsx)(ft,{})]}),(0,ce.jsx)(Ke,{placeholder:"Placeholder",value:"Value"}),g&&(0,ce.jsx)(we,{valid:o,invalid:a,loading:n,disabled:i}),(0,ce.jsx)(Ye,{loading:n,disabled:i}),x&&(0,ce.jsx)(nt,{loading:n,disabled:i,readonly:l,value:"Value"}),b&&(0,ce.jsxs)(ce.Fragment,{children:[m&&(0,ce.jsx)(ft,{}),(0,ce.jsx)(ut,{children:(0,ce.jsx)(kt,{size:c.size,fillMode:"clear",children:"Send"})})]})]})};Go.options=Tu;Go.states=yu;Go.variants=Bu;Go.defaultOptions=Iu;Go.modifiers=Ou;Go.className=te.className;var Qa=require("react/jsx-runtime"),yl="k-color-preview",Pu=[],Ku={},no=e=>{let{color:t,iconName:o,...a}=e;return(0,Qa.jsxs)("span",{...a,className:s(e.className,yl,{"k-icon-color-preview":o,"k-no-color":!t}),children:[o&&(0,Qa.jsx)(v,{icon:o,className:"k-color-preview-icon"}),(0,Qa.jsx)("span",{className:"k-color-preview-mask",style:{backgroundColor:t}})]})};no.states=Pu;no.options=Ku;no.className=yl;var ws="popup",Il=ws;var Hs=require("react/jsx-runtime"),Tl="k-animation-container",Ru=[],_u={},Ds={positionMode:"absolute",shown:!0},_t=e=>{let{positionMode:t=Ds.positionMode,shown:o=Ds.shown,animationStyle:a,offset:n,...i}=e;return(0,Hs.jsx)("div",{...i,style:{...n,...e.style},className:s(e.className,Tl,{"k-animation-container-shown":o,"k-animation-container-fixed":t==="fixed"}),children:(0,Hs.jsx)("div",{className:"k-child-animation-container",style:a,children:e.children})})};_t.states=Ru;_t.options=_u;_t.className=Tl;_t.defaultOptions=Ds;_t.moduleName=ws;_t.folderName=Il;var zs="popup",Ol=zs;var Us=require("react/jsx-runtime"),Bl="k-popup",wu=[],Du={},Pl={positionMode:"absolute"},Y=e=>{let{offset:t,positionMode:o=Pl.positionMode,animationStyle:a,containerClassName:n,containerRole:i,containerAriaLabel:l,...c}=e;return(0,Us.jsx)(_t,{positionMode:o,offset:t,animationStyle:a,className:n,role:i,"aria-label":l,children:(0,Us.jsx)("div",{...c,className:s(e.className,Bl),children:e.children})})};Y.states=wu;Y.options=Du;Y.className=Bl;Y.defaultOptions=Pl;Y.moduleName=zs;Y.folderName=Ol;var Fs="action-buttons",Kl=Fs;var _l=require("react/jsx-runtime"),In="k-actions",Hu=[],zu={},Gs={alignment:"start",orientation:"horizontal"},st=e=>{let{alignment:t=Gs.alignment,orientation:o=Gs.orientation,...a}=e;return(0,_l.jsx)("div",{...a,className:s(In,{[`${In}-${t}`]:t,[`${In}-${o}`]:o},e.className),children:e.children})};st.states=Hu;st.options=zu;st.className=In;st.defaultOptions=Gs;st.moduleName=Fs;st.folderName=Kl;var Rl=st;var Dl=require("react/jsx-runtime"),Uu="k-actionsheet-footer",wl={alignment:"stretched",orientation:"horizontal"},so=e=>{let{alignment:t=wl.alignment,orientation:o=wl.orientation,template:a,as:n=a?"div":st,...i}=e;return(0,Dl.jsx)(n,{...i,...!a&&{alignment:t,orientation:o},className:s(e.className,Uu),children:e.children})};var Vs="searchbox",Hl=Vs;var ro=require("react/jsx-runtime"),zl="k-searchbox",Fu=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading],Gu={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]},Tn={showIcon:!0,showClearButton:!0,icon:"search"},bt=e=>{let{value:t,placeholder:o,size:a,rounded:n,fillMode:i,hover:l,focus:c,valid:u,invalid:b,required:x,loading:g,disabled:m,showIcon:L=Tn.showIcon,showClearButton:M=Tn.showClearButton,icon:S=Tn.icon,"aria-label":E,...k}=e;return(0,ro.jsxs)(te,{...k,size:a,rounded:n,fillMode:i,hover:l,focus:c,valid:u,invalid:b,required:x,loading:g,disabled:m,className:s(e.className,zl),children:[L&&(0,ro.jsx)(v,{className:"k-input-icon",icon:S}),(0,ro.jsx)(Ke,{placeholder:o,value:t,"aria-label":E}),(0,ro.jsx)(Ye,{...e}),(0,ro.jsx)(we,{...e}),M&&(0,ro.jsx)(nt,{...e})]})};bt.states=Fu;bt.options=Gu;bt.className=zl;bt.defaultOptions=Tn;bt.moduleName=Vs;bt.folderName=Hl;var Vu=require("react/jsx-runtime");var $s="textbox",Ul=$s;var Ae=require("react/jsx-runtime"),Fl="k-textbox",$u=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading,r.readonly],Xu={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]},On={showClearButton:!0,showValidationIcon:!0,separators:!0},Ee=e=>{let{size:t,rounded:o,fillMode:a,separators:n=On.separators,showClearButton:i=On.showClearButton,showValidationIcon:l=On.showValidationIcon,prefix:c,suffix:u,type:b,value:x,placeholder:g,hover:m,focus:L,valid:M,invalid:S,required:E,loading:k,disabled:I,readonly:D,id:ue,"aria-label":We,"aria-describedby":ke,...Pe}=e;return(0,Ae.jsxs)(te,{...Pe,size:t,rounded:o,fillMode:a,hover:m,focus:L,valid:M,invalid:S,required:E,loading:k,disabled:I,readonly:D,className:s(e.className,Fl),children:[c&&(0,Ae.jsxs)(Ae.Fragment,{children:[(0,Ae.jsx)(mt,{children:c}),n&&(0,Ae.jsx)(ft,{})]}),(0,Ae.jsx)(Ke,{id:ue,placeholder:g,value:x,type:b,disabled:I,"aria-label":We,"aria-describedby":ke,"aria-invalid":S?"true":void 0}),l&&(0,Ae.jsx)(we,{valid:M,invalid:S,loading:k,disabled:I}),(0,Ae.jsx)(Ye,{loading:k,disabled:I}),i&&(0,Ae.jsx)(nt,{loading:k,disabled:I,readonly:D,value:x}),u&&(0,Ae.jsxs)(Ae.Fragment,{children:[n&&(0,Ae.jsx)(ft,{}),(0,Ae.jsx)(ut,{children:u})]})]})};Ee.states=$u;Ee.options=Xu;Ee.className=Fl;Ee.defaultOptions=On;Ee.moduleName=$s;Ee.folderName=Ul;var ja=Ee;var Gl=require("react/jsx-runtime"),Bn=e=>(0,Gl.jsx)(ja,{...e});var Vl=require("react/jsx-runtime");var $l=require("react/jsx-runtime");var qu=require("react/jsx-runtime");var Pn=require("react/jsx-runtime"),Wu=Ee.states,Ju=Ee.defaultOptions,Yu=Ee.options,Zu=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],Qu=[],Vo=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(n=>{switch(n){case"prefix":a.prefix=t!=null&&t[n]?(0,Pn.jsx)(v,{icon:"lock"}):void 0;break;case"suffix":a.suffix=t!=null&&t[n]?(0,Pn.jsx)(kt,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":a.showClearButton=t==null?void 0:t[n];break;default:break}}),(0,Pn.jsx)(Bn,{value:"Value",style:{width:300},...o,...a})};Vo.options=Yu;Vo.states=Wu;Vo.variants=Qu;Vo.defaultOptions=Ju;Vo.modifiers=Zu;Vo.className=Ee.className;var rt=require("react/jsx-runtime"),Xl="k-actionsheet-titlebar",ju={},De=e=>{let{title:t,subtitle:o,actionsStart:a,actionsEnd:n,filter:i,input:l,inputValue:c,inputPlaceholder:u,adaptive:b,titleId:x,children:g,...m}=e;return(0,rt.jsxs)("div",{...m,className:s(e.className,Xl),children:[(0,rt.jsxs)("div",{className:"k-actionsheet-titlebar-group",children:[a&&(0,rt.jsx)("div",{className:"k-actionsheet-actions",children:a}),!g&&(0,rt.jsxs)("div",{className:"k-actionsheet-title",id:x,children:[t&&(0,rt.jsx)("div",{className:"k-text-center",children:t}),o&&(0,rt.jsx)("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),g&&(0,rt.jsx)("div",{className:"k-actionsheet-title",id:x,children:g}),n&&(0,rt.jsx)("div",{className:"k-actionsheet-actions",children:n})]}),(l\|\|i)&&(0,rt.jsx)("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:l?(0,rt.jsx)(Ee,{value:c,placeholder:u,size:b?"large":"medium","aria-label":t\|\|u\|\|"Input"}):(0,rt.jsx)(bt,{placeholder:"Filter",size:b?"large":"medium","aria-label":"Filter options"})})]})};De.className=Xl;De.defaultOptions=ju;var $o=require("react/jsx-runtime"),Xs="k-actionsheet-view",ef=[],tf={},of={},Xo=e=>{let{adaptive:t,animated:o,children:a,header:n,footer:i,titleId:l,...c}=e,u=(n==null?void 0:n.type)===De&&(0,$o.jsx)(De,{adaptive:t,titleId:l,...n==null?void 0:n.props}),b=(i==null?void 0:i.type)===so&&(0,$o.jsx)(so,{...i==null?void 0:i.props});return(0,$o.jsxs)("div",{...c,className:s(e.className,Xs,{[`${Xs}-animated`]:o}),children:[u,(0,$o.jsx)("div",{className:"k-actionsheet-content",children:a}),b]})};Xo.states=ef;Xo.options=tf;Xo.className=Xs;Xo.defaultOptions=of;var en="action-sheet",Kn=en;var qs="overlay",ql=qs;var Jl=require("react/jsx-runtime"),Wl="k-overlay",af=[],nf={},sf={},wt=e=>{let{...t}=e;return(0,Jl.jsx)("div",{...t,className:s(e.className,Wl),children:e.children})};wt.states=af;wt.options=nf;wt.className=Wl;wt.defaultOptions=sf;wt.moduleName=qs;wt.folderName=ql;var So=require("react/jsx-runtime"),Yl="k-actionsheet",rf=[],lf={},tn={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},oe=e=>{let{side:t=tn.side,fullscreen:o=tn.fullscreen,adaptive:a=tn.adaptive,overlay:n=tn.overlay,template:i,children:l,header:c,footer:u,id:b,...x}=e,g=b&&!i&&c?`${b}-title`:void 0;return(0,So.jsxs)("div",{className:"k-actionsheet-container",children:[n&&(0,So.jsx)(wt,{}),(0,So.jsx)(_t,{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:(0,So.jsx)("div",{...x,id:b,role:"dialog","aria-modal":n?"true":void 0,"aria-labelledby":g,className:s(e.className,Yl,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":a}),children:i\|\|(0,So.jsx)(Xo,{header:c,footer:u,adaptive:a,titleId:g,...e,children:l})})})]})};oe.states=rf;oe.options=lf;oe.className=Yl;oe.defaultOptions=tn;oe.moduleName=en;oe.folderName=Kn;var Ql=require("react/jsx-runtime"),Zl="k-actionsheet-container",pf=[],df={},cf={},qo=e=>{let{children:t,...o}=e;return(0,Ql.jsx)("div",{...o,className:Zl,children:t})};qo.states=pf;qo.options=df;qo.className=Zl;qo.defaultOptions=cf;qo.moduleName=en;qo.folderName=Kn;var jl=require("react/jsx-runtime"),Ws=e=>{let{...t}=e;return(0,jl.jsx)("div",{...t,className:s(e.className,"k-list-ul"),children:e.children})};var xt=require("react/jsx-runtime"),Js="k-actionsheet-item",mf=[r.hover,r.focus,r.selected,r.disabled],io=e=>{let{iconName:t,text:o,description:a,hover:n,focus:i,selected:l,disabled:c,...u}=e;return(0,xt.jsxs)("span",{...u,className:s(e.className,Js,C(Js,{hover:n,focus:i,selected:l,disabled:c})),children:[!e.children&&(0,xt.jsx)(xt.Fragment,{children:(0,xt.jsxs)("span",{className:"k-actionsheet-action",children:[t&&(0,xt.jsx)("span",{className:"k-icon-wrap",children:(0,xt.jsx)(v,{className:"k-actionsheet-item-icon",icon:t})}),(0,xt.jsxs)("span",{className:"k-actionsheet-item-text",children:[o&&(0,xt.jsx)("span",{className:"k-actionsheet-item-title",children:o}),a&&(0,xt.jsx)("span",{className:"k-actionsheet-item-description",children:a})]})]})}),e.children]})};io.states=mf;io.className=Js;var ep=require("react/jsx-runtime");var uf=require("react/jsx-runtime");var ff=require("react/jsx-runtime");var bf=require("react/jsx-runtime");var Z=require("react/jsx-runtime"),xf=oe.options,Nf=oe.states,op={...oe.defaultOptions,variant:"normal"},hf=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],vf=[{name:"actions",title:"Titlebar Actions",type:"boolean"},{name:"subtitle",title:"Subtitle",type:"boolean"},{name:"footer",title:"Footer",type:"boolean"}],Wo=e=>{let{variant:t,modifiers:o,...a}={...op,...e},n={},i=(0,Z.jsxs)(Ws,{children:[(0,Z.jsx)(io,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),(0,Z.jsx)(io,{text:"Add to Favorites",iconName:"heart"}),(0,Z.jsx)(io,{text:"Upload New",iconName:"upload",disabled:!0}),(0,Z.jsx)("hr",{className:"k-hr"}),(0,Z.jsx)(io,{text:"Cancel",iconName:"cancel"})]}),l="Choose from the items below",c="Select Item";return t==="fullScreen"&&(n.fullScreen=!0),Object.keys(o\|\|{}).forEach(u=>{switch(u){case"actions":n.actionsStart=!!(o!=null&&o[u]),n.actionsEnd=!!(o!=null&&o[u]);break;case"subtitle":n.subtitle=o!=null&&o[u]?l:void 0;break;case"footer":n.footer=!!(o!=null&&o[u]);break;default:break}}),t==="adaptive"?(0,Z.jsx)(oe,{...a,adaptive:!0,fullscreen:n.fullScreen,header:(0,Z.jsx)(De,{actionsStart:n.actionsStart?(0,Z.jsx)(p,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:n.actionsEnd?(0,Z.jsx)(p,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:c,subtitle:n.subtitle}),footer:n.footer?(0,Z.jsxs)(so,{alignment:"stretched",children:[(0,Z.jsx)(p,{text:"Cancel",size:"large",themeColor:"base"}),(0,Z.jsx)(p,{text:"Apply",size:"large",themeColor:"primary"})]}):void 0,children:i}):(0,Z.jsx)(oe,{...a,fullscreen:n.fullScreen,header:(0,Z.jsx)(De,{actionsStart:n.actionsStart?(0,Z.jsx)(p,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:n.actionsEnd?(0,Z.jsx)(p,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:n.subtitle}),footer:n.footer?(0,Z.jsxs)(so,{alignment:"stretched",children:[(0,Z.jsx)(p,{text:"Apply",themeColor:"primary"}),(0,Z.jsx)(p,{text:"Cancel",themeColor:"base"})]}):void 0,children:i})};Wo.options=xf;Wo.states=Nf;Wo.variants=hf;Wo.defaultOptions=op;Wo.modifiers=vf;Wo.className=oe.className;var Ys="slider",ap=Ys;var Ct=require("react/jsx-runtime"),on="k-slider",gf=[r.hover,r.focus,r.active,r.disabled,r.readonly],Lf={},Nt={type:"single",orientation:"horizontal",gradientType:"1d",readonly:!1,disabled:!1,handlePosition:"end",showButtons:!0,showTicks:!0,value:50,min:0,max:100},W=e=>{let{type:t=Nt.type,orientation:o=Nt.orientation,gradientType:a=Nt.gradientType,readonly:n=Nt.readonly,disabled:i=Nt.disabled,handlePosition:l=Nt.handlePosition,showButtons:c=Nt.showButtons,showTicks:u=Nt.showTicks,value:b=Nt.value,min:x=Nt.min,max:g=Nt.max,startValue:m,endValue:L,hover:M,focus:S,active:E,trackStyle:k,dir:I,...D}=e,We=(()=>{if(t==="gradient"&&a==="2d")return"undefined";if(o==="vertical")return"vertical"})(),ke,Pe;return o==="horizontal"?(ke=I==="rtl"?"chevron-left":"chevron-right",Pe=I==="rtl"?"chevron-right":"chevron-left"):o==="vertical"&&(ke="chevron-up",Pe="chevron-down"),(0,Ct.jsxs)("div",{...D,className:s(on,e.className,C(on,{readonly:n,disabled:i}),{[`k-slider-${o}`]:o,"k-colorgradient-slider":t==="gradient"}),dir:I,children:[c&&(0,Ct.jsx)(p,{className:"k-button-decrease",rounded:"full",icon:Pe,tabIndex:-1,title:"Decrease"}),(0,Ct.jsxs)("div",{className:"k-slider-track-wrap",children:[u&&(0,Ct.jsx)("ul",{className:"k-reset k-slider-items","aria-hidden":"true",children:e.children}),(0,Ct.jsxs)("div",{className:"k-slider-track",style:k,children:[(0,Ct.jsx)("div",{className:"k-slider-selection"}),t==="range"&&(0,Ct.jsx)("span",{className:s("k-draghandle","k-draghandle-start",C(on,{hover:M,focus:S,active:E})),role:"slider",tabIndex:i?void 0:0,"aria-valuenow":m??x,"aria-valuemin":x,"aria-valuemax":L??g,"aria-orientation":We,"aria-disabled":i?"true":void 0,"aria-readonly":n?"true":void 0,"aria-label":D["aria-label"]?`${D["aria-label"]} start`:"Range start"}),(0,Ct.jsx)("span",{className:s("k-draghandle",`k-draghandle-${l}`,C(on,{hover:M,focus:S,active:E})),role:"slider",tabIndex:i?void 0:0,"aria-valuenow":t==="range"?L??g:b,"aria-valuemin":t==="range"?m??x:x,"aria-valuemax":g,"aria-orientation":We,"aria-disabled":i?"true":void 0,"aria-readonly":n?"true":void 0,"aria-label":t==="range"?D["aria-label"]?`${D["aria-label"]} end`:"Range end":D["aria-label"]})]})]}),c&&(0,Ct.jsx)(p,{className:"k-button-increase",rounded:"full",icon:ke,tabIndex:-1,title:"Increase"})]})};W.states=gf;W.options=Lf;W.className=on;W.defaultOptions=Nt;W.moduleName=Ys;W.folderName=ap;var Zs=require("react/jsx-runtime"),np="k-tick",Mf=[],Sf={},sp={label:!1},T=e=>{let{style:t,label:o=sp.label,orientation:a,large:n,text:i,...l}=e;return(0,Zs.jsx)("li",{...l,role:"presentation",title:i\|\|"Tick",className:s(e.className,np,{[`k-tick-${a}`]:a,"k-tick-large":n}),style:t,children:o&&(0,Zs.jsx)("span",{className:"k-label",children:i})})};T.states=Mf;T.options=Sf;T.className=np;T.defaultOptions=sp;var be=require("react/jsx-runtime"),rp=e=>(0,be.jsx)(W,{"aria-label":e["aria-label"]\|\|"Slider",children:(0,be.jsxs)(be.Fragment,{children:[(0,be.jsx)(T,{className:"k-first",label:!0,large:!0,text:"0"}),(0,be.jsx)(T,{}),(0,be.jsx)(T,{}),(0,be.jsx)(T,{}),(0,be.jsx)(T,{}),(0,be.jsx)(T,{label:!0,large:!0,text:"5"}),(0,be.jsx)(T,{}),(0,be.jsx)(T,{}),(0,be.jsx)(T,{}),(0,be.jsx)(T,{}),(0,be.jsx)(T,{className:"k-last",label:!0,large:!0,text:"10"})]}),...e});var xe=require("react/jsx-runtime"),ip=e=>(0,xe.jsx)(W,{children:(0,xe.jsxs)(xe.Fragment,{children:[(0,xe.jsx)(T,{className:"k-first",label:!0,large:!0,text:"0"}),(0,xe.jsx)(T,{}),(0,xe.jsx)(T,{}),(0,xe.jsx)(T,{}),(0,xe.jsx)(T,{}),(0,xe.jsx)(T,{label:!0,large:!0,text:"5"}),(0,xe.jsx)(T,{}),(0,xe.jsx)(T,{}),(0,xe.jsx)(T,{}),(0,xe.jsx)(T,{}),(0,xe.jsx)(T,{className:"k-last",label:!0,large:!0,text:"10"})]}),"aria-label":e["aria-label"]\|\|"Vertical slider",...e,orientation:"vertical"});var Qs=require("react/jsx-runtime");var js=require("react/jsx-runtime");var lp=require("react/jsx-runtime"),er=e=>(0,lp.jsx)(W,{type:"gradient",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]\|\|"Color slider"});var pp=require("react/jsx-runtime"),tr=e=>(0,pp.jsx)(W,{type:"gradient",orientation:"vertical",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]\|\|"Color slider"});var or=require("react/jsx-runtime");var ar=require("react/jsx-runtime");var Ze=require("react/jsx-runtime"),kf=W.options,Cf=W.states,dp={...W.defaultOptions,variant:"horizontal",label:!0},Af=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],Ef=[{name:"label",title:"Labels",default:!0},{name:"tick",title:"Ticks",default:!0},{name:"button",title:"Side Buttons",default:!0}],Jo=e=>{let{variant:t,modifiers:o,...a}=e,n=dp.label,i={};Object.keys(o\|\|{}).forEach(c=>{switch(c){case"button":{i.showButtons=!!(o!=null&&o[c]);break}case"label":{n=!!(o!=null&&o[c]);break}case"tick":{i.showTicks=!!(o!=null&&o[c]);break}}});let l={"--kendo-slider-start":0,"--kendo-slider-end":60};return t==="vertical"?(0,Ze.jsxs)(ip,{style:{height:"300px",...l},...a,...i,children:[(0,Ze.jsx)(T,{label:n,large:!0,orientation:"vertical",text:"0",style:{position:"absolute",bottom:"0%"}}),(0,Ze.jsx)(T,{label:n,large:!0,orientation:"vertical",text:"2",style:{position:"absolute",bottom:"25%"}}),(0,Ze.jsx)(T,{label:n,large:!0,orientation:"vertical",text:"4",style:{position:"absolute",bottom:"50%"}}),(0,Ze.jsx)(T,{label:n,large:!0,orientation:"vertical",text:"6",style:{position:"absolute",bottom:"75%"}}),(0,Ze.jsx)(T,{label:n,large:!0,orientation:"vertical",text:"8",style:{position:"absolute",bottom:"100%"}})]}):(0,Ze.jsxs)(rp,{style:{width:"400px",...l},...a,...i,children:[(0,Ze.jsx)(T,{label:n,large:!0,orientation:"horizontal",text:"0",style:{position:"absolute",left:"0%"}}),(0,Ze.jsx)(T,{label:n,large:!0,orientation:"horizontal",text:"2",style:{position:"absolute",left:"25%"}}),(0,Ze.jsx)(T,{label:n,large:!0,orientation:"horizontal",text:"4",style:{position:"absolute",left:"50%"}}),(0,Ze.jsx)(T,{label:n,large:!0,orientation:"horizontal",text:"6",style:{position:"absolute",left:"75%"}}),(0,Ze.jsx)(T,{label:n,large:!0,orientation:"horizontal",text:"8",style:{position:"absolute",left:"100%"}})]})};Jo.options=kf;Jo.states=Cf;Jo.variants=Af;Jo.defaultOptions=dp;Jo.modifiers=Ef;Jo.className=W.className;var an=require("react/jsx-runtime"),cp="k-spin-button",Tf=[],Of={size:[d.undefined,d.small,d.medium,d.large],fillMode:[N.undefined,N.solid,N.flat,N.outline,N.clear,N.link]},nr={increaseLabel:"Increase value",decreaseLabel:"Decrease value"},lo=e=>{let{size:t,fillMode:o,disabled:a,increaseLabel:n=nr.increaseLabel,decreaseLabel:i=nr.decreaseLabel,...l}=e;return(0,an.jsxs)("span",{...l,className:s(cp,e.className),children:[(0,an.jsx)(p,{className:"k-spinner-increase",icon:"chevron-up",size:t,fillMode:o,disabled:a,"aria-label":n}),(0,an.jsx)(p,{className:"k-spinner-decrease",icon:"chevron-down",size:t,fillMode:o,disabled:a,"aria-label":i})]})};lo.states=Tf;lo.options=Of;lo.className=cp;lo.defaultOptions=nr;lo.moduleName=null;lo.folderName=null;var mp="numeric-textbox",up="numerictextbox";var Ne=require("react/jsx-runtime"),fp="k-numerictextbox",Bf=[r.hover,r.focus,r.valid,r.invalid,r.loading,r.required,r.disabled,r.readonly],Pf={size:[d.undefined,d.small,d.medium,d.large],rounded:[f.undefined,f.none,f.small,f.medium,f.large,f.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},Rn={showSpinButton:!0,showClearButton:!0,separators:!0},U=e=>{let{size:t,rounded:o,fillMode:a,separators:n=Rn.separators,showClearButton:i=Rn.showClearButton,showSpinButton:l=Rn.showSpinButton,prefix:c,suffix:u,value:b,placeholder:x,hover:g,focus:m,valid:L,invalid:M,required:S,loading:E,disabled:k,readonly:I,id:D,"aria-label":ue,"aria-describedby":We,...ke}=e;return(0,Ne.jsxs)(te,{...ke,size:t,rounded:o,fillMode:a,hover:g,focus:m,valid:L,invalid:M,required:S,loading:E,disabled:k,readonly:I,className:s(e.className,fp),children:[c&&(0,Ne.jsxs)(Ne.Fragment,{children:[(0,Ne.jsx)(mt,{children:c}),n&&(0,Ne.jsx)(ft,{})]}),(0,Ne.jsx)(Ke,{id:D,placeholder:x,value:b,role:"spinbutton",disabled:k,"aria-label":ue,"aria-describedby":We,"aria-invalid":M?"true":void 0}),(0,Ne.jsx)(we,{valid:L,invalid:M,loading:E,disabled:k}),(0,Ne.jsx)(Ye,{loading:E,disabled:k}),i&&(0,Ne.jsx)(nt,{loading:E,disabled:k,readonly:I,value:b}),u&&(0,Ne.jsxs)(Ne.Fragment,{children:[n&&(0,Ne.jsx)(ft,{}),(0,Ne.jsx)(ut,{children:u})]}),l&&(0,Ne.jsx)(lo,{className:"k-input-spinner",size:t,fillMode:a,disabled:k})]})};U.states=Bf;U.options=Pf;U.className=fp;U.defaultOptions=Rn;U.moduleName=mp;U.folderName=up;var nn=U;var xp=require("react/jsx-runtime"),bp=e=>(0,xp.jsx)(nn,{...e});var wn=Fi(require("react"));var sr=require("react/jsx-runtime"),Kf="k-list-group-sticky-header",rr=e=>(0,sr.jsx)("div",{className:s(Kf,e.className),children:(0,sr.jsx)("div",{className:"k-list-header-text",children:e.children})});var Np=require("react/jsx-runtime"),Rf="k-no-data",_n=e=>{let{live:t,...o}=e;return(0,Np.jsx)("span",{...o,className:s(Rf,e.className),"aria-live":t?"polite":void 0,children:e.children})};var ko="list",Yo=ko;var Zo=require("react/jsx-runtime"),ir="k-list",_f=[],wf={size:[d.undefined,d.small,d.medium,d.large]},Df={},_=e=>{var M;let{size:t,virtualization:o,children:a,header:n,selectAll:i,optionLabel:l,customValue:c,noData:u,screenReaders:b,...x}=e,m=wn.default.Children.toArray(a)[0],L=(M=m==null?void 0:m.props)!=null&&M.children?wn.default.Children.count(m.props.children):wn.default.Children.count(a);return(0,Zo.jsxs)("div",{...x,className:s(e.className,ir,y(ir,{size:t}),{"k-virtual-list":o}),children:[l,i,c,n&&(0,Zo.jsx)(rr,{children:n}),a\|\|(u!==void 0?u:(0,Zo.jsx)(_n,{live:!0,children:"No data found."})),b&&a&&(0,Zo.jsxs)(_n,{className:"k-sr-only",live:!0,children:[L," items found."]})]})};_.states=_f;_.options=wf;_.className=ir;_.defaultOptions=Df;_.moduleName=ko;_.folderName=Yo;var vp=require("react/jsx-runtime"),hp="k-list-container",Hf=[],zf={},Uf={},Qo=e=>{let{...t}=e;return(0,vp.jsx)("div",{...t,className:s(e.className,hp),children:e.children})};Qo.states=Hf;Qo.options=zf;Qo.className=hp;Qo.defaultOptions=Uf;Qo.moduleName=ko;Qo.folderName=Yo;var Co="checkbox",jo=Co;var lr=require("react/jsx-runtime"),Dn="k-checkbox",Ff=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.checked,r.indeterminate],Gf={size:[d.undefined,d.small,d.medium,d.large],rounded:[f.undefined,f.none,f.small,f.medium,f.large,f.full]},Vf={},it=e=>{let{id:t,checked:o,indeterminate:a,hover:n,focus:i,disabled:l,invalid:c,valid:u,required:b,size:x,rounded:g,wrapperRole:m,...L}=e;return(0,lr.jsx)("span",{className:"k-checkbox-wrap",role:m,children:(0,lr.jsx)("input",{...L,id:t,type:"checkbox",defaultChecked:o,required:b,disabled:l\|\|void 0,"aria-invalid":c?"true":void 0,className:s(e.className,Dn,y(Dn,{size:x,rounded:g}),C(Dn,{hover:n,focus:i,disabled:l,invalid:c,valid:u,indeterminate:a,checked:o}))})})};it.states=Ff;it.options=Gf;it.className=Dn;it.defaultOptions=Vf;it.moduleName=Co;it.folderName=jo;var At=it;var Mp=require("react/jsx-runtime"),gp="k-checkbox-list",$f=[],Xf={},Lp={layout:"vertical"},He=e=>{let{layout:t=Lp.layout,...o}=e;return(0,Mp.jsx)("ul",{...o,className:s(e.className,gp,{[`k-list-${t}`]:t}),children:e.children})};He.states=$f;He.options=Xf;He.className=gp;He.defaultOptions=Lp;He.moduleName=Co;He.folderName=jo;var kp=require("react/jsx-runtime"),Sp="k-checkbox-list-item",qf=[],Wf={},Jf={},ze=e=>{let{...t}=e;return(0,kp.jsx)("li",{...t,className:s(e.className,Sp),children:e.children})};ze.states=qf;ze.options=Wf;ze.className=Sp;ze.defaultOptions=Jf;ze.moduleName=Co;ze.folderName=jo;var Ao=require("react/jsx-runtime"),Jt=({children:e="Label",id:t="cb-label-after",...o})=>(0,Ao.jsxs)(Ao.Fragment,{children:[(0,Ao.jsx)(At,{id:t,...o}),(0,Ao.jsx)("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});var pr=require("react/jsx-runtime");var dr=require("react/jsx-runtime");var cr=require("react/jsx-runtime");var Yf=require("react/jsx-runtime");var Zf=require("react/jsx-runtime");var Qf=require("react/jsx-runtime");var ye=require("react/jsx-runtime"),jf=He.options,eb=He.states,tb={...He.defaultOptions,variant:"vertical"},ob=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],ab=[],ea=e=>{let{variant:t,...o}=e;return t==="horizontal"?(0,ye.jsxs)(He,{layout:"horizontal",...o,children:[(0,ye.jsx)(ze,{children:(0,ye.jsx)(Jt,{id:K("cb"),defaultChecked:!0,children:"Label"})}),(0,ye.jsx)(ze,{children:(0,ye.jsx)(Jt,{id:K("cb"),children:"Label"})}),(0,ye.jsx)(ze,{children:(0,ye.jsx)(Jt,{id:K("cb"),children:"Label"})})]}):(0,ye.jsxs)(He,{...o,children:[(0,ye.jsx)(ze,{children:(0,ye.jsx)(Jt,{id:K("cb"),defaultChecked:!0,children:"Label"})}),(0,ye.jsx)(ze,{children:(0,ye.jsx)(Jt,{id:K("cb"),children:"Label"})}),(0,ye.jsx)(ze,{children:(0,ye.jsx)(Jt,{id:K("cb"),children:"Label"})})]})};ea.options=jf;ea.states=eb;ea.variants=ob;ea.defaultOptions=tb;ea.modifiers=ab;ea.className=He.className;var Cp=require("react/jsx-runtime"),nb=At.options,sb=At.states,rb=At.defaultOptions,ib=[],lb=[],ta=e=>(0,Cp.jsx)(Jt,{id:K("checkbox"),...e,defaultChecked:!0,children:"Label"});ta.options=nb;ta.states=sb;ta.variants=ib;ta.defaultOptions=rb;ta.modifiers=lb;ta.className=At.className;var Yt=require("react/jsx-runtime"),mr="k-list-item",pb=[r.hover,r.focus,r.selected,r.disabled],db={},cb={},P=e=>{let{text:t,iconName:o,iconClassName:a,showCheckbox:n,checked:i,hover:l,focus:c,selected:u,disabled:b,actions:x,description:g,id:m,...L}=e,M=t\|\|e.children,S=t\|\|(typeof M=="string"?M:void 0);return(0,Yt.jsxs)("li",{...L,id:m,role:"option",tabIndex:c?0:-1,"aria-selected":u?"true":"false","aria-disabled":b?"true":void 0,className:s(e.className,mr,C(mr,{hover:l,focus:c,disabled:b,selected:u})),children:[n&&(0,Yt.jsx)(it,{checked:i,disabled:b,"aria-label":S,tabIndex:-1}),o&&(0,Yt.jsx)("span",{className:"k-list-item-icon-wrapper",children:(0,Yt.jsx)(v,{icon:o,className:s("k-list-item-icon",a)})}),(0,Yt.jsx)("span",{className:"k-list-item-text",children:M}),x&&(0,Yt.jsx)("div",{className:"k-list-item-actions",children:x}),g&&(0,Yt.jsx)("span",{className:"k-list-item-description",children:g})]})};P.states=pb;P.options=db;P.className=mr;P.defaultOptions=cb;P.moduleName=ko;P.folderName=Yo;var Ap=require("react/jsx-runtime"),mb="k-list-ul",po=e=>{let{children:t,role:o,id:a,...n}=e;return(0,Ap.jsx)("ul",{...n,id:a,role:o,className:s(mb,e.className),children:t})};var oa=require("react/jsx-runtime"),ub="k-list-content",G=e=>{let{virtualization:t,grouping:o,"aria-label":a,"aria-labelledby":n,listboxId:i,...l}=e;return(0,oa.jsxs)("div",{...l,className:s(ub,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:(0,oa.jsx)(po,{role:"listbox",id:i,"aria-label":a,"aria-labelledby":n,children:e.children}),t&&(0,oa.jsx)("div",{className:"k-height-container",children:(0,oa.jsx)("div",{})})]})};var aa=require("react/jsx-runtime"),Hn="k-list-sticky-header",fb=[r.hover,r.focus,r.selected],bb={},xb={},zn=e=>{let{label:t="Select all",showCheckbox:o=!0,checked:a,indeterminate:n,hover:i,focus:l,selected:c,...u}=e;return(0,aa.jsx)("div",{...u,className:s(Hn,e.className),children:(0,aa.jsxs)("div",{className:s(`${Hn}-item`,C(`${Hn}-item`,{hover:i,focus:l,selected:c})),"aria-label":t,...!o&&{tabIndex:0,"aria-selected":c?"true":"false"},children:[o&&(0,aa.jsx)(it,{checked:a,indeterminate:n,"aria-label":t}),(0,aa.jsx)("span",{className:"k-list-item-text",children:t})]})})};zn.states=fb;zn.options=bb;zn.className=Hn;zn.defaultOptions=xb;var ur=require("react/jsx-runtime");var Ep=require("react/jsx-runtime");var yp=require("react/jsx-runtime"),fr="k-list-optionlabel",Nb=[r.hover,r.focus,r.selected,r.disabled],hb={},vb={},Un=e=>{let{text:t,hover:o,focus:a,selected:n,disabled:i,...l}=e;return(0,yp.jsx)("div",{...l,className:s(fr,C(fr,{hover:o,focus:a,selected:n,disabled:i})),children:t})};Un.states=Nb;Un.options=hb;Un.className=fr;Un.defaultOptions=vb;var Ip=require("react/jsx-runtime"),br="k-list-custom-value",gb=[r.hover,r.focus,r.selected,r.disabled],Lb={},Mb={},co=e=>{let{text:t,hover:o,focus:a,selected:n,disabled:i,...l}=e;return(0,Ip.jsx)("div",{...l,className:s(br,C(br,{hover:o,focus:a,selected:n,disabled:i})),children:t})};co.states=gb;co.options=Lb;co.className=br;co.defaultOptions=Mb;var xr=require("react/jsx-runtime");var Nr=require("react/jsx-runtime");var hr=require("react/jsx-runtime");var vr=require("react/jsx-runtime");var Sb=require("react/jsx-runtime");var gr=require("react/jsx-runtime");var Lr=require("react/jsx-runtime");var Tp="dropdown-list",Op="dropdownlist";var Q=require("react/jsx-runtime"),Bp="k-dropdownlist",kb=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading,r.readonly],Cb={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={showValue:!0,arrowIconName:"chevron-down"},me=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:n=Mr.arrowIconName,showValue:i=Mr.showValue,valueIconName:l,prefix:c,suffix:u,value:b,placeholder:x,hover:g,focus:m,valid:L,invalid:M,required:S,loading:E,disabled:k,readonly:I,popup:D,opened:ue,adaptive:We,adaptiveSettings:ke,adaptiveTitle:Pe,adaptiveSubtitle:Ra,adaptiveFilter:vo,id:go,activeDescendant:_a,"aria-label":ps,...ds}=e,cs=go?`${go}-listbox`:void 0,zi=go?`${go}-value`:void 0;return(0,Q.jsxs)(Q.Fragment,{children:[(0,Q.jsxs)(Rt,{...ds,id:go,size:t,rounded:o,fillMode:a,hover:g,focus:m,valid:L,invalid:M,required:S,loading:E,disabled:k,readonly:I,className:s(e.className,Bp,{"k-icon-picker":!i&&l}),role:"combobox","aria-haspopup":"listbox","aria-expanded":ue?"true":"false","aria-controls":ue?cs:void 0,"aria-activedescendant":ue&&_a?_a:void 0,"aria-describedby":ue?zi:void 0,"aria-disabled":k?"true":void 0,"aria-label":ps,tabIndex:0,children:[(0,Q.jsx)(mt,{children:c}),(0,Q.jsx)(Mo,{placeholder:x,value:b,showValue:i,valueIconName:l,id:zi}),(0,Q.jsx)(we,{valid:L,invalid:M,loading:E,disabled:k}),(0,Q.jsx)(Ye,{loading:E,disabled:k}),(0,Q.jsx)(ut,{children:u}),(0,Q.jsx)(p,{className:"k-input-button",icon:n,size:e.size,fillMode:e.fillMode,"aria-label":x\|\|"Toggle dropdown",tabIndex:-1})]}),ue&&D&&(0,Q.jsx)(Y,{className:"k-list-container k-dropdownlist-popup",containerRole:"region",containerAriaLabel:"Dropdown suggestions",children:D}),We&&(0,Q.jsx)(oe,{adaptive:!0,...ke,header:(0,Q.jsx)(De,{actionsEnd:(0,Q.jsx)(p,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),filter:vo,inputValue:b,inputPlaceholder:x,title:Pe,subtitle:Ra}),children:(0,Q.jsx)("div",{className:"k-list-container",children:(0,Q.jsx)(_,{size:"large",children:(0,Q.jsxs)(G,{"aria-label":"Options",children:[(0,Q.jsx)(P,{text:"List item"}),(0,Q.jsx)(P,{text:"List item"}),(0,Q.jsx)(P,{text:"List item"})]})})})})]})};me.states=kb;me.options=Cb;me.className=Bp;me.defaultOptions=Mr;me.moduleName=Tp;me.folderName=Op;var Ab=require("react/jsx-runtime");var Pp=require("react/jsx-runtime");var Sr=require("react/jsx-runtime");var Eb=require("react/jsx-runtime");var Kp=require("react/jsx-runtime");var kr=require("react/jsx-runtime");var yb=require("react/jsx-runtime");var Qe=require("react/jsx-runtime"),Ib=me.states,Tb=me.defaultOptions,Ob=me.options,Bb=[{name:"opened",title:"Opened"}],Pb=[],sa=e=>{let{modifiers:t,...o}=e,a={},n=(0,Qe.jsxs)(Qe.Fragment,{children:[(0,Qe.jsx)("div",{className:"k-list-filter",children:(0,Qe.jsx)(bt,{})}),(0,Qe.jsx)(_,{style:{width:300},size:o.size,children:(0,Qe.jsxs)(G,{children:[(0,Qe.jsx)(P,{children:"List item"}),(0,Qe.jsx)(P,{children:"List item"}),(0,Qe.jsx)(P,{children:"List item"})]})})]});return Object.keys(t\|\|{}).forEach(i=>{i==="opened"&&(a.opened=!!(t!=null&&t[i]),a.popup=t!=null&&t[i]?n:void 0)}),(0,Qe.jsx)("div",{children:(0,Qe.jsx)(me,{placeholder:"Value",style:{width:300},...o,...a})})};sa.options=Ob;sa.states=Ib;sa.variants=Pb;sa.defaultOptions=Tb;sa.modifiers=Bb;sa.className=me.className;var Rp=require("react/jsx-runtime");var _p=require("react/jsx-runtime");var Kb=require("react/jsx-runtime");var Fn=require("react/jsx-runtime"),Rb=U.states,_b=U.defaultOptions,wb=U.options,Db=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"spin-button",title:"`Spin` Button"}],Hb=[],ra=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(n=>{switch(n){case"prefix":a.prefix=t!=null&&t[n]?(0,Fn.jsx)(me,{size:o.size,fillMode:"flat",value:"mm"}):void 0;break;case"suffix":a.suffix=t!=null&&t[n]?(0,Fn.jsx)(_s,{children:"mm"}):void 0;break;case"clear-button":a.showClearButton=t==null?void 0:t[n];break;case"spin-button":a.showSpinButton=t==null?void 0:t[n];break;default:break}}),(0,Fn.jsx)(bp,{value:"Value",style:{width:300},...o,...a})};ra.options=wb;ra.states=Rb;ra.variants=Hb;ra.defaultOptions=_b;ra.modifiers=Db;ra.className=U.className;var A=require("react/jsx-runtime"),wp="k-colorgradient-inputs",zb=[],Ub={size:[d.undefined,d.small,d.medium,d.large]},Dp={mode:"rgba"},ia=e=>{let{mode:t=Dp.mode,size:o,...a}=e;return(0,A.jsxs)("div",{...a,className:s(wp,"k-hstack"),children:[(0,A.jsx)("div",{className:"k-vstack",children:(0,A.jsx)(p,{fillMode:"flat",icon:"caret-alt-expand",className:"k-colorgradient-toggle-mode",size:o,"aria-label":"Toggle color input format"})}),t==="rgba"&&(0,A.jsxs)(A.Fragment,{children:[(0,A.jsxs)("div",{className:"k-vstack",children:[(0,A.jsx)(U,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Red channel"}),(0,A.jsx)("label",{className:"k-colorgradient-input-label",children:"R"})]}),(0,A.jsxs)("div",{className:"k-vstack",children:[(0,A.jsx)(U,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Green channel"}),(0,A.jsx)("label",{className:"k-colorgradient-input-label",children:"G"})]}),(0,A.jsxs)("div",{className:"k-vstack",children:[(0,A.jsx)(U,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Blue channel"}),(0,A.jsx)("label",{className:"k-colorgradient-input-label",children:"B"})]}),(0,A.jsxs)("div",{className:"k-vstack",children:[(0,A.jsx)(U,{showSpinButton:!1,showClearButton:!1,value:"1.00",size:o,"aria-label":"Alpha channel"}),(0,A.jsx)("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="rgb"&&(0,A.jsxs)(A.Fragment,{children:[(0,A.jsxs)("div",{className:"k-vstack",children:[(0,A.jsx)(U,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Red channel"}),(0,A.jsx)("label",{className:"k-colorgradient-input-label",children:"R"})]}),(0,A.jsxs)("div",{className:"k-vstack",children:[(0,A.jsx)(U,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Green channel"}),(0,A.jsx)("label",{className:"k-colorgradient-input-label",children:"G"})]}),(0,A.jsxs)("div",{className:"k-vstack",children:[(0,A.jsx)(U,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Blue channel"}),(0,A.jsx)("label",{className:"k-colorgradient-input-label",children:"B"})]})]}),t==="hsva"&&(0,A.jsxs)(A.Fragment,{children:[(0,A.jsxs)("div",{className:"k-vstack",children:[(0,A.jsx)(U,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),(0,A.jsx)("label",{className:"k-colorgradient-input-label",children:"H"})]}),(0,A.jsxs)("div",{className:"k-vstack",children:[(0,A.jsx)(U,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),(0,A.jsx)("label",{className:"k-colorgradient-input-label",children:"S"})]}),(0,A.jsxs)("div",{className:"k-vstack",children:[(0,A.jsx)(U,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),(0,A.jsx)("label",{className:"k-colorgradient-input-label",children:"V"})]}),(0,A.jsxs)("div",{className:"k-vstack",children:[(0,A.jsx)(U,{showSpinButton:!1,showClearButton:!1,value:"1.00","aria-label":"Alpha channel"}),(0,A.jsx)("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="hsv"&&(0,A.jsxs)(A.Fragment,{children:[(0,A.jsxs)("div",{className:"k-vstack",children:[(0,A.jsx)(U,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),(0,A.jsx)("label",{className:"k-colorgradient-input-label",children:"H"})]}),(0,A.jsxs)("div",{className:"k-vstack",children:[(0,A.jsx)(U,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),(0,A.jsx)("label",{className:"k-colorgradient-input-label",children:"S"})]}),(0,A.jsxs)("div",{className:"k-vstack",children:[(0,A.jsx)(U,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),(0,A.jsx)("label",{className:"k-colorgradient-input-label",children:"V"})]})]}),t==="hex"&&(0,A.jsx)(A.Fragment,{children:(0,A.jsxs)("div",{className:"k-vstack k-flex-1",children:[(0,A.jsx)(Ee,{showClearButton:!1,value:"#b88484AA",className:"k-hex-value"}),(0,A.jsx)("label",{className:"k-colorgradient-input-label",children:"HEX"})]})})]})};ia.states=zb;ia.options=Ub;ia.className=wp;ia.defaultOptions=Dp;var Ie=require("react/jsx-runtime"),Hp="k-colorgradient-color-contrast",Fb=[],Gb={},Vb={},la=()=>(0,Ie.jsxs)("div",{className:s(Hp,"k-vbox"),children:[(0,Ie.jsxs)("div",{className:"k-contrast-ratio",children:[(0,Ie.jsx)("span",{className:"k-contrast-ratio-text",children:"Contrast ratio: 7.1"}),(0,Ie.jsxs)("span",{className:"k-contrast-validation !k-text-success",children:[(0,Ie.jsx)(v,{icon:"check"}),(0,Ie.jsx)(v,{icon:"check"})]})]}),(0,Ie.jsxs)("div",{children:[(0,Ie.jsx)("span",{children:"AA: 4.5"}),(0,Ie.jsxs)("span",{className:"k-contrast-validation !k-text-success",children:["Pass",(0,Ie.jsx)(v,{icon:"check"})]})]}),(0,Ie.jsxs)("div",{children:[(0,Ie.jsx)("span",{children:"AAA: 7.0"}),(0,Ie.jsxs)("span",{className:"k-contrast-validation !k-text-error",children:["Fail",(0,Ie.jsx)(v,{icon:"x"})]})]})]});la.states=Fb;la.options=Gb;la.className=Hp;la.defaultOptions=Vb;var zp="color-gradient",Up="colorgradient";var le=require("react/jsx-runtime"),Gn="k-colorgradient",$b=[r.hover,r.focus,r.readonly,r.disabled],Xb={size:[d.undefined,d.small,d.medium,d.large]},Dt={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"},he=e=>{let{size:t,mode:o=Dt.mode,readonly:a=Dt.readonly,disabled:n=Dt.disabled,gradientStyle:i=Dt.gradientStyle,dragHandleStyle:l=Dt.dragHandleStyle,alphaStyle:c=Dt.alphaStyle,alphaStyleHorizontal:u=Dt.alphaStyleHorizontal,contrast:b=Dt.contrast,dir:x,hover:g,focus:m,hoverHandle:L,focusHandle:M,canvasOrientation:S=Dt.canvasOrientation,role:E,tabIndex:k,...I}=e;return(0,le.jsxs)("div",{...I,role:E??"textbox","aria-label":E==="none"?void 0:"Color gradient",tabIndex:k??0,"aria-disabled":n?"true":void 0,className:s(e.className,Gn,y(Gn,{size:t}),C(Gn,{hover:g,focus:m,readonly:a,disabled:n})),dir:x,children:[!S\|\|S==="horizontal"&&(0,le.jsxs)("div",{className:"k-colorgradient-canvas k-hstack",children:[(0,le.jsx)("div",{className:"k-hsv-rectangle",style:i,children:(0,le.jsx)("div",{className:"k-hsv-gradient",children:(0,le.jsx)("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})})}),(0,le.jsxs)("div",{className:"k-hsv-controls k-hstack",children:[(0,le.jsx)(tr,{className:"k-hue-slider",hover:L,focus:M}),o!=="rgb"&&o!=="hsv"&&(0,le.jsx)(tr,{className:"k-alpha-slider",hover:L,focus:M,trackStyle:c})]})]}),S==="vertical"&&(0,le.jsxs)("div",{className:"k-colorgradient-canvas k-vstack",children:[(0,le.jsx)("div",{className:"k-hsv-rectangle",style:i,children:(0,le.jsx)("div",{className:"k-hsv-gradient",children:(0,le.jsx)("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})})}),(0,le.jsxs)("div",{className:"k-hsv-controls k-vstack",children:[(0,le.jsx)(er,{className:"k-hue-slider",hover:L,focus:M}),o!=="rgb"&&o!=="hsv"&&(0,le.jsx)(er,{className:"k-alpha-slider",hover:L,focus:M,trackStyle:u})]})]}),(0,le.jsx)(ia,{mode:e.mode,size:t}),b&&(0,le.jsx)(la,{})]})};he.states=$b;he.options=Xb;he.className=Gn;he.defaultOptions=Dt;he.moduleName=zp;he.folderName=Up;var Fp=require("react/jsx-runtime"),Vn=e=>(0,Fp.jsx)(he,{...e});var qb=require("react/jsx-runtime");var Wb=require("react/jsx-runtime");var $n=require("react/jsx-runtime"),Jb=he.options,Yb=he.states,Zb={...he.defaultOptions,variant:"rgba"},Qb=[{name:"rgba",title:"RGBA"},{name:"rgb",title:"RGB"},{name:"hex",title:"HEX"}],jb=[],pa=e=>{let{variant:t,...o}=e;switch(t){case"hex":return(0,$n.jsx)(Vn,{...o,mode:t});case"rgb":return(0,$n.jsx)(Vn,{...o,mode:t});default:return(0,$n.jsx)(Vn,{...o,mode:t})}};pa.options=Jb;pa.states=Yb;pa.variants=Qb;pa.defaultOptions=Zb;pa.modifiers=jb;pa.className=he.className;var Gp=require("react/jsx-runtime"),Cr=e=>(0,Gp.jsx)("tr",{role:"row",children:e.children});var Vp=require("react/jsx-runtime"),Ar="k-colorpalette-tile",ex=[r.hover,r.focus,r.selected],tx={},mo=e=>{let{color:t,tileSize:o,hover:a,focus:n,selected:i,...l}=e,c={backgroundColor:t,width:o?o+"px":"",height:o?o+"px":""};return(0,Vp.jsx)("td",{...l,role:"gridcell","aria-label":t,"aria-selected":i?"true":void 0,className:s(e.className,Ar,C(Ar,{hover:a,focus:n,selected:i})),style:c})};mo.states=ex;mo.options=tx;mo.className=Ar;mo.moduleName=null;mo.folderName=null;var $p="color-palette",Xp="colorpalette";var da=require("react/jsx-runtime"),Xn="k-colorpalette",ox=[r.disabled],ax={size:[d.undefined,d.small,d.medium,d.large]},qp={columns:10},je=e=>{let{size:t,palette:o,columns:a=qp.columns,tileSize:n,disabled:i,...l}=e,c=[];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 m=[];b.slice(gu,(g+1)u).map((M,S)=>{m.push((0,da.jsx)(mo,{color:M,tileSize:n},S))});let L=(0,da.jsx)(Cr,{children:m},g);c.push(L)})}return(0,da.jsx)("div",{...l,role:"grid","aria-label":"Color palette",tabIndex:0,"aria-disabled":i?"true":void 0,className:s(e.className,Xn,C(Xn,{disabled:i}),y(Xn,{size:t})),children:(0,da.jsx)("table",{className:"k-colorpalette-table",role:"none",children:(0,da.jsx)("tbody",{children:c.length>0?c:e.children})})})};je.states=ox;je.options=ax;je.className=Xn;je.defaultOptions=qp;je.moduleName=$p;je.folderName=Xp;var qn=je;var rn={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}};var Jp=require("react/jsx-runtime"),Wp=e=>(0,Jp.jsx)(qn,{palette:rn.basic,...e});var nx=require("react/jsx-runtime");var Yp=require("react/jsx-runtime");var Zp=require("react/jsx-runtime"),sx=je.options,rx=je.states,ix={...je.defaultOptions,variant:"basic"},lx=[{name:"basic",title:"Basic"},{name:"monochrome",title:"Monochrome"}],px={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}},dx=[],ca=e=>{let{variant:t="basic",...o}=e,a=px[t];return(0,Zp.jsx)(Wp,{columns:a.columns,palette:a,...o})};ca.options=sx;ca.states=rx;ca.variants=lx;ca.defaultOptions=ix;ca.modifiers=dx;ca.className=je.className;var Qp="color-editor",jp="coloreditor";var ae=require("react/jsx-runtime"),Wn="k-coloreditor",cx=[r.focus],mx={size:[d.undefined,d.small,d.medium,d.large]},ln={view:"gradient",palette:rn.office,actionButtons:!0,canvasOrientation:"horizontal"},ne=e=>{let{size:t,view:o=ln.view,palette:a=ln.palette,color:n,currentColor:i,focus:l,focusView:c,dir:u,group:b,actionButtons:x=ln.actionButtons,canvasOrientation:g=ln.canvasOrientation,...m}=e;return(0,ae.jsxs)("div",{...m,role:"textbox","aria-label":"Color editor",tabIndex:0,className:s(e.className,"k-flatcolorpicker",Wn,y(Wn,{size:t}),C(Wn,{focus:l})),dir:u,children:[(0,ae.jsxs)("div",{className:"k-coloreditor-header k-hstack",children:[(0,ae.jsx)("div",{className:"k-coloreditor-header-actions k-hstack",children:b&&(0,ae.jsxs)(B,{fillMode:"flat",children:[(0,ae.jsx)(p,{className:"k-group-start",size:t,fillMode:"flat",icon:"droplet-slider",selected:o==="gradient","aria-label":"Color gradient view"}),(0,ae.jsx)(p,{className:"k-group-end",size:t,fillMode:"flat",icon:"palette",selected:o==="palette","aria-label":"Color palette view"})]})}),(0,ae.jsx)("div",{className:"k-spacer"}),(0,ae.jsxs)("div",{className:"k-coloreditor-header-actions k-hstack",children:[(0,ae.jsx)(p,{fillMode:"flat",icon:"droplet-slash",size:t,"aria-label":"Reset color"}),(0,ae.jsxs)("div",{className:"k-coloreditor-preview k-vstack",children:[(0,ae.jsx)(no,{className:"k-coloreditor-preview-color",color:n}),(0,ae.jsx)(no,{className:"k-coloreditor-current-color",color:i})]})]})]}),(0,ae.jsx)("div",{className:"k-coloreditor-views k-vstack",children:o==="gradient"?(0,ae.jsx)(he,{focus:c,size:t,canvasOrientation:g,role:"none",tabIndex:-1}):(0,ae.jsx)(je,{palette:a,size:t})}),x&&(0,ae.jsxs)(st,{className:"k-coloreditor-footer",alignment:"start",children:[(0,ae.jsx)(p,{themeColor:"primary",size:t,className:"k-coloreditor-apply",children:"Apply"}),(0,ae.jsx)(p,{className:"k-coloreditor-cancel",size:t,children:"Cancel"})]})]})};ne.states=cx;ne.options=mx;ne.className=Wn;ne.defaultOptions=ln;ne.moduleName=Qp;ne.folderName=jp;var ma=ne;var ux=require("react/jsx-runtime");var fx=require("react/jsx-runtime");var td=require("react/jsx-runtime"),ed=e=>(0,td.jsx)(ma,{group:!0,currentColor:"fuchsia",...e});var ad=require("react/jsx-runtime"),od=e=>(0,ad.jsx)(ma,{view:"palette",group:!0,currentColor:"fuchsia",...e});var Er=require("react/jsx-runtime"),bx=ne.options,xx=ne.states,Nx={...ne.defaultOptions,variant:"gradient"},hx=[{name:"gradient",title:"Gradient"},{name:"palette",title:"Palette"}],vx=[],ua=e=>{let{variant:t,...o}=e;return t==="palette"?(0,Er.jsx)(od,{...o,color:"white"}):(0,Er.jsx)(ed,{...o,color:"rgba(183, 118 , 118, 1.00)"})};ua.options=bx;ua.states=xx;ua.variants=hx;ua.defaultOptions=Nx;ua.modifiers=vx;ua.className=ne.className;var nd="color-picker",sd="colorpicker";var pe=require("react/jsx-runtime"),rd="k-colorpicker",gx=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled],Lx={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]},id={arrowIconName:"chevron-down"},ht=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:n=id.arrowIconName,prefix:i,suffix:l,value:c,placeholder:u,hover:b,focus:x,valid:g,invalid:m,required:L,disabled:M,valueIconName:S,popup:E,opened:k,adaptive:I,adaptiveSettings:D,adaptiveTitle:ue,adaptiveSubtitle:We,...ke}=e,Pe="colorpicker-popup";return(0,pe.jsxs)(pe.Fragment,{children:[(0,pe.jsxs)(Rt,{...ke,size:t,rounded:o,fillMode:a,hover:b,focus:x,valid:g,invalid:m,required:L,disabled:M,role:"combobox","aria-haspopup":"dialog","aria-expanded":k?"true":"false","aria-controls":k\|\|I?Pe:void 0,"aria-label":"Color picker",tabIndex:0,"aria-disabled":M?"true":void 0,className:s(e.className,rd,"k-icon-picker"),children:[(0,pe.jsx)(mt,{children:i}),(0,pe.jsx)(Mo,{placeholder:u,value:c,showValue:!1,valueIcon:(0,pe.jsx)(no,{className:"k-value-icon",color:c,iconName:S}),valueIconName:S}),(0,pe.jsx)(ut,{children:l}),(0,pe.jsx)(p,{className:"k-input-button",icon:n,size:t,fillMode:a,tabIndex:-1,"aria-label":"Open color picker",disabled:M})]}),k&&E&&(0,pe.jsx)(Y,{id:Pe,className:"k-colorpicker-popup",children:E}),I&&(0,pe.jsx)(oe,{adaptive:!0,id:Pe,...D,header:(0,pe.jsx)(De,{actionsEnd:(0,pe.jsx)(p,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply"}),title:ue,subtitle:We}),footer:(0,pe.jsxs)(so,{children:[(0,pe.jsx)(p,{text:"Cancel",size:"large"}),(0,pe.jsx)(p,{text:"Set",size:"large",themeColor:"primary"})]}),children:(0,pe.jsx)(ne,{canvasOrientation:"vertical",size:"large",actionButtons:!1,group:!0})})]})};ht.states=gx;ht.options=Lx;ht.className=rd;ht.defaultOptions=id;ht.moduleName=nd;ht.folderName=sd;var Zt=ht;var ld=require("react/jsx-runtime"),Jn=e=>(0,ld.jsx)(Zt,{...e});var Mx=require("react/jsx-runtime");var Sx=require("react/jsx-runtime");var kx=require("react/jsx-runtime");var Cx=require("react/jsx-runtime");var Ax=require("react/jsx-runtime");var Ex=require("react/jsx-runtime");var uo=require("react/jsx-runtime"),yx=Zt.options,Ix=Zt.states,pd={...Zt.defaultOptions,variant:"color"},Tx=[{name:"color",title:"Color",default:!0},{name:"no color",title:"No color"},{name:"icon",title:"Icon"}],Ox=[{name:"opened",title:"Opened"}],fa=e=>{let{variant:t,modifiers:o,...a}={...pd,...e},n={};Object.keys(o\|\|{}).forEach(l=>{l==="opened"&&(n.opened=!!(o!=null&&o[l]),n.popup=o!=null&&o[l]?(0,uo.jsx)(ne,{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(0,uo.jsx)("div",{style:i,children:(0,uo.jsx)(Jn,{...a,...n})});case"icon":return(0,uo.jsx)("div",{style:i,children:(0,uo.jsx)(Jn,{value:"rgba(183, 118 , 118, 1.00)",valueIconName:"edit-tools",...a,...n})});default:return(0,uo.jsx)("div",{style:i,children:(0,uo.jsx)(Jn,{value:"rgba(183, 118 , 118, 1.00)",...a,...n})})}};fa.options=yx;fa.states=Ix;fa.variants=Tx;fa.defaultOptions=pd;fa.modifiers=Ox;fa.className=Zt.className;var yr="combobox",dd=yr;var w=require("react/jsx-runtime"),cd="k-combobox",Bx=[r.hover,r.focus,r.valid,r.invalid,r.loading,r.required,r.disabled,r.readonly],Px={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]},Ir={separators:!0,showClearButton:!0},Ue=e=>{let{size:t,rounded:o,fillMode:a,separators:n=Ir.separators,showClearButton:i=Ir.showClearButton,prefix:l,suffix:c,value:u,placeholder:b,hover:x,focus:g,valid:m,invalid:L,required:M,loading:S,disabled:E,popup:k,opened:I,readonly:D,adaptive:ue,adaptiveSettings:We,adaptiveTitle:ke,adaptiveSubtitle:Pe,adaptiveCustomValue:Ra,id:vo,autocomplete:go,activeDescendant:_a,"aria-label":ps,...ds}=e,cs=vo?`${vo}-listbox`:void 0;return(0,w.jsxs)(w.Fragment,{children:[(0,w.jsxs)(te,{...ds,size:t,rounded:o,fillMode:a,hover:x,focus:g,valid:m,invalid:L,required:M,loading:S,disabled:E,readonly:D,className:s(e.className,cd),children:[l&&(0,w.jsxs)(w.Fragment,{children:[(0,w.jsx)(mt,{children:l}),n&&(0,w.jsx)(ft,{})]}),(0,w.jsx)(Ke,{id:vo,placeholder:b,value:u,role:"combobox","aria-haspopup":"listbox","aria-expanded":I?"true":"false","aria-controls":I?cs:void 0,"aria-activedescendant":I&&_a?_a:void 0,"aria-autocomplete":go,"aria-invalid":L?"true":void 0,"aria-busy":S?"true":void 0,"aria-label":ps,disabled:E,readOnly:D}),(0,w.jsx)(we,{valid:m,invalid:L,loading:S,disabled:E}),(0,w.jsx)(Ye,{loading:S,disabled:E}),i&&(0,w.jsx)(nt,{loading:S,disabled:E,readonly:D,value:u}),c&&(0,w.jsxs)(w.Fragment,{children:[n&&(0,w.jsx)(ft,{}),(0,w.jsx)(ut,{children:c})]}),(0,w.jsx)(p,{className:"k-input-button",icon:"chevron-down",size:t,fillMode:a,"aria-label":"Open popup",tabIndex:-1,disabled:E})]}),I&&k&&(0,w.jsx)(Y,{className:"k-list-container k-combobox-popup",containerRole:"region",containerAriaLabel:"Combobox suggestions",children:k}),ue&&(0,w.jsx)(oe,{adaptive:!0,id:vo?`${vo}-adaptive`:void 0,...We,header:(0,w.jsx)(De,{actionsEnd:(0,w.jsx)(p,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),input:!0,inputValue:u,inputPlaceholder:b,title:ke,subtitle:Pe}),children:(0,w.jsx)("div",{className:"k-list-container",children:(0,w.jsx)(_,{customValue:Ra?(0,w.jsx)(co,{text:`Use "${u}"`}):void 0,size:"large",children:(0,w.jsxs)(G,{"aria-label":ke\|\|"Options",children:[(0,w.jsx)(P,{text:"List item"}),(0,w.jsx)(P,{text:"List item"}),(0,w.jsx)(P,{text:"List item"})]})})})})]})};Ue.states=Bx;Ue.options=Px;Ue.className=cd;Ue.defaultOptions=Ir;Ue.moduleName=yr;Ue.folderName=dd;var lt=Ue;var ud=require("react/jsx-runtime"),md=e=>(0,ud.jsx)(lt,{...e});var fd=require("react/jsx-runtime");var bd=require("react/jsx-runtime");var xd=require("react/jsx-runtime");var Nd=require("react/jsx-runtime");var hd=require("react/jsx-runtime");var vd=require("react/jsx-runtime");var Tr=require("react/jsx-runtime");var Kx=require("react/jsx-runtime");var Rx=require("react/jsx-runtime");var gd=require("react/jsx-runtime");var Ld=require("react/jsx-runtime");var Et=require("react/jsx-runtime"),_x=Ue.states,wx=Ue.defaultOptions,Dx=Ue.options,Hx=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"opened",title:"Opened"}],zx=[],ba=e=>{let{modifiers:t,...o}=e,a={},n=(0,Et.jsx)(_,{style:{width:300},size:o.size,children:(0,Et.jsxs)(G,{children:[(0,Et.jsx)(P,{children:"List item"}),(0,Et.jsx)(P,{children:"List item"}),(0,Et.jsx)(P,{children:"List item"})]})});return Object.keys(t\|\|{}).forEach(i=>{switch(i){case"prefix":a.prefix=t!=null&&t[i]?(0,Et.jsx)(v,{icon:"map-marker-target"}):void 0;break;case"suffix":a.suffix=t!=null&&t[i]?(0,Et.jsx)(J,{size:o.size,icon:"copy",fillMode:"clear"}):void 0;break;case"opened":a.opened=!!(t!=null&&t[i]),a.popup=t!=null&&t[i]?n:void 0;break;default:break}}),(0,Et.jsx)("div",{children:(0,Et.jsx)(md,{value:"Value",style:{width:300},...o,...a})})};ba.options=Dx;ba.states=_x;ba.variants=zx;ba.defaultOptions=wx;ba.modifiers=Hx;ba.className=Ue.className;var Or="menu-button",Md=Or;var kd=require("react/jsx-runtime"),Sd="k-menu-button",Ux=[r.hover,r.focus,r.active,r.selected,r.disabled],Fx={size:[d.undefined,d.xsmall,d.small,d.medium,d.large],rounded:[f.undefined,f.none,f.small,f.medium,f.large,f.full],fillMode:[N.undefined,N.solid,N.flat,N.outline,N.clear,N.link],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary,h.success,h.warning,h.error,h.info,h.inverse]},Br={showArrow:!0,arrowIconName:"chevron-down"},F=e=>{let{size:t,rounded:o,fillMode:a,themeColor:n,hover:i,focus:l,active:c,selected:u,disabled:b,icon:x,endIcon:g,text:m,showArrow:L=Br.showArrow,arrowIconName:M=Br.arrowIconName,expanded:S,...E}=e;return(0,kd.jsx)(p,{...E,className:s(e.className,Sd),text:m,size:t,rounded:o,fillMode:a,themeColor:n,hover:i,focus:l,active:c,selected:u,disabled:b,ariaDisabled:b\|\|void 0,icon:x,endIcon:g,showArrow:L,arrowIconName:M,"aria-expanded":S?"true":"false",...!m&&x&&!e["aria-label"]&&{"aria-label":"Menu"}})};F.states=Ux;F.options=Fx;F.className=Sd;F.defaultOptions=Br;F.moduleName=Or;F.folderName=Md;var Gx=require("react/jsx-runtime");var Vx=require("react/jsx-runtime");var $x=require("react/jsx-runtime");var Xx=require("react/jsx-runtime");var pt="menu",vt=pt;var Qt=require("react/jsx-runtime"),Pr="k-menu-item",qx=[r.hover,r.focus,r.active,r.selected,r.disabled],Wx={},Cd={iconPosition:"before"},Te=e=>{let{hover:t,focus:o,active:a,selected:n,disabled:i,icon:l,text:c,showArrow:u,arrowIconName:b,iconPosition:x=Cd.iconPosition,dir:g,children:m,expanded:L,...M}=e,S=b;return S\|\|(S=g==="rtl"?"chevron-left":"chevron-right"),(0,Qt.jsxs)("li",{...M,className:s(e.className,Pr,"k-item",C(Pr,{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:[(0,Qt.jsxs)("span",{className:s("k-link k-menu-link"),children:[l&&x==="before"&&(0,Qt.jsx)(v,{className:"k-menu-link-icon",icon:l}),(0,Qt.jsx)("span",{className:"k-menu-link-text",children:c}),l&&x==="after"&&(0,Qt.jsx)(v,{className:"k-menu-link-icon",icon:l}),u&&(0,Qt.jsx)("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:(0,Qt.jsx)(v,{icon:S})})]}),m]})};Te.states=qx;Te.options=Wx;Te.className=Pr;Te.defaultOptions=Cd;Te.moduleName=pt;Te.folderName=vt;var yt=require("react/jsx-runtime"),Kr="k-menu-item",Jx=[r.hover,r.focus,r.active,r.selected,r.disabled],Yx={},Rr={dir:"ltr",iconPosition:"before"},j=e=>{let{hover:t,focus:o,active:a,selected:n,disabled:i,icon:l,text:c,showArrow:u,arrowIconName:b,iconPosition:x=Rr.iconPosition,dir:g=Rr.dir,children:m,popup:L,expanded:M,actions:S,description:E,...k}=e,I=b;return I\|\|(I=g==="rtl"?"chevron-left":"chevron-right"),(0,yt.jsxs)("li",{role:"menuitem",...k,className:s(e.className,Kr,"k-item",C(Kr,{focus:o,disabled:i})),...u&&{"aria-haspopup":"menu"},...u&&{"aria-expanded":M?"true":"false"},...i&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[(0,yt.jsxs)("span",{className:s("k-link k-menu-link",C("k-menu-link",{hover:t,active:a,selected:n,disabled:i})),children:[l&&x==="before"&&(0,yt.jsx)(v,{className:"k-menu-link-icon",icon:l}),(0,yt.jsx)("span",{className:"k-menu-link-text",children:c}),l&&x==="after"&&(0,yt.jsx)(v,{className:"k-menu-link-icon",icon:l}),S&&(0,yt.jsx)("span",{className:"k-menu-link-actions",children:S}),u&&(0,yt.jsx)("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:(0,yt.jsx)(v,{icon:I})}),E&&(0,yt.jsx)("span",{className:"k-menu-link-description",children:E})]}),m,L]})};j.states=Jx;j.options=Yx;j.className=Kr;j.defaultOptions=Rr;j.moduleName=pt;j.folderName=vt;var yd=require("react/jsx-runtime"),Ad="k-menu-scroll-wrapper",Zx=[],Qx={},jx={},Eo=e=>{let{className:t,children:o,orientation:a,...n}=e;return(0,yd.jsx)("div",{...n,className:s(t,Ad,{"k-menu-scroll-wrapper-vertical":a==="vertical"}),children:o})};Eo.states=Zx;Eo.options=Qx;Eo.className=Ad;Eo.defaultOptions=jx;Eo.moduleName=pt;Eo.folderName=vt;var Ed=Eo;var ve=require("react/jsx-runtime"),Yn="k-menu",eN=[],tN={size:[d.undefined,d.small,d.medium,d.large]},Zn={orientation:"horizontal",header:!0,scrollButtonsPosition:"around"},ge=e=>{let{children:t,orientation:o=Zn.orientation,header:a=Zn.header,scrollable:n,scrollButtonsPosition:i=Zn.scrollButtonsPosition,wrapperStyles:l,dir:c,size:u,popup:b,contextMenu:x,...g}=e,m={horizontal:{prev:c!=="rtl"?"left":"right",next:c!=="rtl"?"right":"left"},vertical:{prev:"up",next:"down"}},L=(0,ve.jsx)("ul",{dir:c,...g,className:s(e.className,"k-reset",Yn,{[`${Yn}-${o}`]:o,"k-header":a},y(Yn,{size:u})),role:x?"menu":"menubar",...o==="vertical"&&{"aria-orientation":"vertical"},children:t});return(0,ve.jsxs)(ve.Fragment,{children:[n?(0,ve.jsxs)(Ed,{orientation:o,style:l,dir:e.dir,children:[i==="start"&&(0,ve.jsxs)(ve.Fragment,{children:[(0,ve.jsx)(p,{fillMode:"flat",size:"xsmall",icon:`chevron-${m[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),(0,ve.jsx)(p,{fillMode:"flat",size:"xsmall",icon:`chevron-${m[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),i==="around"&&(0,ve.jsx)(p,{fillMode:"flat",size:"xsmall",icon:`chevron-${m[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),L,i==="end"&&(0,ve.jsxs)(ve.Fragment,{children:[(0,ve.jsx)(p,{fillMode:"flat",size:"xsmall",icon:`chevron-${m[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),(0,ve.jsx)(p,{fillMode:"flat",size:"xsmall",icon:`chevron-${m[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),i==="around"&&(0,ve.jsx)(p,{fillMode:"flat",size:"xsmall",icon:`chevron-${m[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}):L,b]})};ge.states=eN;ge.options=tN;ge.className=Yn;ge.defaultOptions=Zn;ge.moduleName=pt;ge.folderName=vt;var Td=require("react/jsx-runtime"),_r="k-separator",Id={orientation:"horizontal"},xa=e=>{let{orientation:t=Id.orientation,...o}=e;return(0,Td.jsx)("li",{...o,className:s(e.className,"k-item",_r,{[`${_r}-${t}`]:t}),role:"separator"})};xa.className=_r;xa.defaultOptions=Id;xa.moduleName=pt;xa.folderName=vt;var Od=require("react/jsx-runtime");var Bd=require("react/jsx-runtime"),wr="k-menu-group",oN=[],aN={size:[d.undefined,d.small,d.medium,d.large]},nN={},Oe=e=>{let{children:t,size:o,...a}=e;return(0,Bd.jsx)("ul",{role:"menu",...a,className:s(e.className,wr,y(wr,{size:o})),children:t})};Oe.states=oN;Oe.options=aN;Oe.className=wr;Oe.defaultOptions=nN;Oe.moduleName=pt;Oe.folderName=vt;var Pd=require("react/jsx-runtime");var It=require("react/jsx-runtime"),Dr=e=>(0,It.jsx)(ge,{children:(0,It.jsxs)(It.Fragment,{children:[(0,It.jsx)(Te,{text:"Item 1"}),(0,It.jsx)(Te,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 2"}),(0,It.jsx)(Te,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 3"}),(0,It.jsx)(Te,{text:"Item 4"}),(0,It.jsx)(Te,{text:"Item 5"})]}),...e});var Hr=require("react/jsx-runtime");var zr=require("react/jsx-runtime");var Ur=require("react/jsx-runtime");var Fr=require("react/jsx-runtime");var Ht=require("react/jsx-runtime"),sN={...ge.options,scrollable:{type:"boolean"}},rN=ge.states,Kd={...ge.defaultOptions,variant:"horizontal"},iN=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],lN=[{name:"opened",title:"Opened"}],Na=e=>{let{variant:t,modifiers:o,...a}={...Kd,...e},n={},i=t==="vertical"?{left:"200px",top:"30px"}:{left:"90px",top:"auto"};return Object.keys(o\|\|{}).forEach(l=>{l==="opened"&&(n.opened=!!(o!=null&&o[l]),n.popup=o!=null&&o[l]?(0,Ht.jsx)(Y,{className:"k-menu-popup",offset:i,children:(0,Ht.jsxs)(Oe,{children:[(0,Ht.jsx)(j,{text:"Item 1"}),(0,Ht.jsx)(j,{text:"Item 2"}),(0,Ht.jsx)(xa,{}),(0,Ht.jsx)(j,{text:"Item 3"})]})}):null)}),t==="vertical"?(0,Ht.jsx)(Dr,{...a,...n,orientation:"vertical",style:{width:"200px"}}):(0,Ht.jsx)(Dr,{...a,...n})};Na.options=sN;Na.states=rN;Na.variants=iN;Na.defaultOptions=Kd;Na.modifiers=lN;Na.className=ge.className;var Gr=require("react/jsx-runtime");var pN=require("react/jsx-runtime");var Be=require("react/jsx-runtime"),dN=p.states,Rd={...p.defaultOptions,variant:"text"},cN=p.options,mN=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],uN=[{name:"opened",title:"Opened"}],ha=e=>{let{variant:t,modifiers:o,...a}={...Rd,...e},n={},i=(0,Be.jsx)(Y,{className:"k-menu-popup",children:(0,Be.jsxs)(Oe,{size:a.size,children:[(0,Be.jsx)(j,{text:"Menu Item"}),(0,Be.jsx)(j,{text:"Menu Item"}),(0,Be.jsx)(j,{text:"Menu Item"})]})}),l;switch(t){case"icon-only":l=(0,Be.jsx)("div",{children:(0,Be.jsx)(F,{...a,...n,icon:"star"})});break;case"icon-and-text":l=(0,Be.jsx)("div",{children:(0,Be.jsx)(F,{...a,...n,icon:"star",children:"Dropdown Button"})});break;default:l=(0,Be.jsx)("div",{children:(0,Be.jsx)(F,{...a,...n,children:"Dropdown Button"})});break}return(0,Be.jsxs)(Be.Fragment,{children:[l,(o==null?void 0:o.opened)&&i]})};ha.options=cN;ha.states=dN;ha.variants=mN;ha.defaultOptions=Rd;ha.modifiers=uN;ha.className=F.className;var Vr="split-button",_d=Vr;var jt=require("react/jsx-runtime"),$r="k-split-button",fN=[r.hover,r.focus,r.active,r.selected,r.disabled],bN={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]},wd={arrowIconName:"chevron-down"},R=e=>{let{size:t,rounded:o,fillMode:a,themeColor:n,hover:i,focus:l,active:c,selected:u,disabled:b,icon:x,endIcon:g,text:m,arrowIconName:L=wd.arrowIconName,popup:M,opened:S,popupId:E,...k}=e;return(0,jt.jsxs)(jt.Fragment,{children:[(0,jt.jsxs)("div",{...k,className:s(e.className,$r,"k-button-group",y($r,{rounded:o})),children:[(0,jt.jsx)(p,{text:m,icon:x,endIcon:g,size:t,rounded:o,fillMode:a,themeColor:n,hover:i,focus:l,active:c,selected:u,disabled:b,...!m&&!e.children&&x&&{"aria-label":"Action"},children:e.children}),(0,jt.jsx)(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?E:void 0,tabIndex:-1})]}),S&&M&&(0,jt.jsx)(Y,{className:"k-menu-popup",children:M})]})};R.states=fN;R.options=bN;R.className=$r;R.defaultOptions=wd;R.moduleName=Vr;R.folderName=_d;var Xr=R;var Dd=require("react/jsx-runtime"),xN="k-toolbar-separator",Tt=e=>(0,Dd.jsx)("div",{className:s(xN,e.className,"k-separator")});var yo="toolbar",va=yo;var O=require("react/jsx-runtime"),eo="k-toolbar",NN=[r.focus],hN={size:[d.undefined,d.small,d.medium,d.large],fillMode:[N.undefined,N.solid,N.outline,N.flat]},vN={scrollButtons:"around"},$=e=>{let{size:t,fillMode:o,focus:a,resizable:n,scrollable:i,scrollButtons:l,scrollingPosition:c,section:u,...b}=e,x=[],g=(m,L)=>{let M=[];if(m.type===p&&m.props.className&&m.props.className.includes("k-toolbar-overflow-button"))M.push((0,O.jsx)(p,{...m.props,className:`${m.props.className?m.props.className:""}`},`${L}-${new Date().getTime()}`));else if(m.type===p)M.push((0,O.jsx)(p,{...m.props,className:`k-toolbar-button ${m.props.className?m.props.className:""}`},`${L}-${new Date().getTime()}`));else if(m.type===Ua)M.push((0,O.jsx)(Ua,{...m.props,className:`k-toolbar-button ${m.props.className?m.props.className:""}`},`${L}-${new Date().getTime()}`));else if(m.type===J)M.push((0,O.jsx)(J,{...m.props,className:`k-toolbar-button ${m.props.className?m.props.className:""}`},`${L}-${new Date().getTime()}`));else if(m.type===F)M.push((0,O.jsx)(F,{...m.props,className:`k-toolbar-menu-button ${m.props.className?m.props.className:""}`},`${L}-${new Date().getTime()}`));else if(m.type===Xr)M.push((0,O.jsx)(Xr,{...m.props,className:`k-toolbar-split-button ${m.props.className?m.props.className:""}`},`${L}-${new Date().getTime()}`));else if(m.type===B\|\|m.props.className&&m.props.className.includes("k-button-group")){let S=[];(Array.isArray(m.props.children)?m.props.children:[m.props.children]).forEach((k,I)=>{S.push((0,O.jsx)(p,{...k.props,className:`${k.props.className?k.props.className:""}`},`${I}-${new Date().getTime()}`))}),M.push((0,O.jsx)(B,{...m.props,className:`k-toolbar-button-group ${m.props.className?m.props.className:""}`,children:S},`${L}-${new Date().getTime()}`))}else m.type===Ue?M.push((0,O.jsx)(Ue,{...m.props,className:`k-toolbar-combobox ${m.props.className?m.props.className:""}`},`${L}-${new Date().getTime()}`)):m.type===me?M.push((0,O.jsx)(me,{...m.props,className:`k-toolbar-dropdownlist ${m.props.className?m.props.className:""}`},`${L}-${new Date().getTime()}`)):m.type===ht?M.push((0,O.jsx)(ht,{...m.props,className:`k-toolbar-colorpicker ${m.props.className?m.props.className:""}`},`${L}-${new Date().getTime()}`)):M.push(m);M.forEach(S=>{x.push(S)})};return e.children&&(Array.isArray(e.children)?e.children:[e.children]).forEach((L,M)=>{g(L,M)}),(0,O.jsxs)("div",{...b,className:s(e.className,eo,y(eo,{size:t,fillMode:o}),C(eo,{focus:a}),{[`${eo}-resizable`]:n,[`${eo}-scrollable`]:i,[`${eo}-scrollable-overlay`]:i&&l==="hidden",[`${eo}-scrollable-${c}`]:c&&c!=="both",[`${eo}-section`]:u}),role:"toolbar","aria-label":"Toolbar",children:[!i&&x,i&&l==="hidden"&&(0,O.jsx)("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:x}),i&&l==="start"&&(0,O.jsxs)(O.Fragment,{children:[(0,O.jsxs)(B,{children:[(0,O.jsx)("span",{className:s("k-toolbar-prev","k-button",y("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,O.jsx)(v,{className:"k-button-icon",icon:"chevron-left"})}),(0,O.jsx)("span",{className:s("k-toolbar-next","k-button",y("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,O.jsx)(v,{className:"k-button-icon",icon:"chevron-right"})})]}),(0,O.jsx)(Tt,{className:"k-toolbar-button-separator"}),(0,O.jsx)("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:x})]}),i&&l==="end"&&(0,O.jsxs)(O.Fragment,{children:[(0,O.jsx)("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:x}),(0,O.jsx)(Tt,{className:"k-toolbar-button-separator"}),(0,O.jsxs)(B,{children:[(0,O.jsx)("span",{className:s("k-toolbar-prev","k-button",y("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,O.jsx)(v,{className:"k-button-icon",icon:"chevron-left"})}),(0,O.jsx)("span",{className:s("k-toolbar-next","k-button",y("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,O.jsx)(v,{className:"k-button-icon",icon:"chevron-right"})})]})]}),i&&(l==="around"\|\|!l)&&(0,O.jsxs)(O.Fragment,{children:[(0,O.jsx)("span",{className:s("k-toolbar-prev","k-button",y("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,O.jsx)(v,{className:"k-button-icon",icon:"chevron-left"})}),(0,O.jsx)(Tt,{className:"k-toolbar-button-separator"}),(0,O.jsx)("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:x}),(0,O.jsx)(Tt,{className:"k-toolbar-button-separator"}),(0,O.jsx)("span",{className:s("k-toolbar-next","k-button",y("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,O.jsx)(v,{className:"k-button-icon",icon:"chevron-right"})})]})]})};$.states=NN;$.options=hN;$.className=eo;$.defaultOptions=vN;$.moduleName=yo;$.folderName=va;var Hd=require("react/jsx-runtime"),qr="k-toolbar-item",gN=[r.focus],LN={},MN={},ga=e=>{let{focus:t,...o}=e;return(0,Hd.jsx)("div",{...o,className:s(e.className,qr,C(qr,{focus:t})),children:e.children})};ga.states=gN;ga.options=LN;ga.className=qr;ga.defaultOptions=MN;ga.moduleName=yo;ga.folderName=va;var Wr=require("react/jsx-runtime"),zd="k-toolbar-popup",SN=[],kN={size:[d.undefined,d.small,d.medium,d.large],fillMode:[N.undefined,N.solid,N.outline,N.flat]},CN={},Io=e=>{let{size:t,fillMode:o,section:a,...n}=e;return(0,Wr.jsx)(Y,{...n,className:s(e.className,zd),children:a?(0,Wr.jsx)("span",{className:s("k-toolbar-items-list",y("k-toolbar-items-list",{size:t,fillMode:o})),role:"toolbar",children:e.children}):e.children})};Io.states=SN;Io.options=kN;Io.className=zd;Io.defaultOptions=CN;Io.moduleName=yo;Io.folderName=va;var Qn=Io;var AN=require("react/jsx-runtime");var EN=require("react/jsx-runtime");var yN=require("react/jsx-runtime");var IN=require("react/jsx-runtime");var Ud=require("react/jsx-runtime");var TN=require("react/jsx-runtime");var gt=require("react/jsx-runtime"),ON=R.states,Fd={...R.defaultOptions,variant:"text"},BN=R.options,PN=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],KN=[{name:"opened",title:"Opened"}],La=e=>{let{variant:t,modifiers:o,...a}={...Fd,...e},n={},i=(0,gt.jsxs)(Oe,{size:a.size,children:[(0,gt.jsx)(j,{text:"Menu Item"}),(0,gt.jsx)(j,{text:"Menu Item"}),(0,gt.jsx)(j,{text:"Menu Item"})]});switch(Object.keys(o\|\|{}).forEach(l=>{l==="opened"&&(n.opened=!!(o!=null&&o[l]),n.popup=o!=null&&o[l]?i:"")}),t){case"icon-only":return(0,gt.jsx)("div",{children:(0,gt.jsx)(R,{...a,...n,icon:"star"})});case"icon-and-text":return(0,gt.jsx)("div",{children:(0,gt.jsx)(R,{...a,...n,icon:"star",children:"Split Button"})});default:return(0,gt.jsx)("div",{children:(0,gt.jsx)(R,{...a,...n,children:"Split Button"})})}};La.options=BN;La.states=ON;La.variants=PN;La.defaultOptions=Fd;La.modifiers=KN;La.className=R.className;var zt=require("react/jsx-runtime"),Gd=e=>(0,zt.jsx)($,{children:[(0,zt.jsx)(p,{children:"Button"},"toolbar-button"),(0,zt.jsx)(F,{text:"Menu button"},"toolbar-menu-button"),(0,zt.jsx)(R,{children:"Split button"},"toolbar-split-button"),(0,zt.jsxs)(B,{children:[(0,zt.jsx)(p,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,zt.jsx)(p,{icon:"align-center",children:"Center"}),(0,zt.jsx)(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});var Vd=require("react/jsx-runtime");var Le=require("react/jsx-runtime"),$d=e=>(0,Le.jsx)($,{scrollable:!0,...e,children:[(0,Le.jsx)(p,{children:"Button"},"toolbar-button"),(0,Le.jsx)(F,{text:"Menu button"},"toolbar-menu-button"),(0,Le.jsx)(R,{children:"Split button"},"toolbar-split-button"),(0,Le.jsxs)(B,{children:[(0,Le.jsx)(p,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,Le.jsx)(p,{icon:"align-center",children:"Center"}),(0,Le.jsx)(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),(0,Le.jsx)(p,{children:"Button"},"toolbar-button"),(0,Le.jsx)(F,{text:"Menu button"},"toolbar-menu-button"),(0,Le.jsx)(R,{children:"Split button"},"toolbar-split-button"),(0,Le.jsxs)(B,{children:[(0,Le.jsx)(p,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,Le.jsx)(p,{icon:"align-center",children:"Center"}),(0,Le.jsx)(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});var Me=require("react/jsx-runtime"),Xd=({scrollingPosition:e="start",...t})=>(0,Me.jsx)($,{scrollable:!0,scrollButtons:"hidden",scrollingPosition:e,...t,children:[(0,Me.jsx)(p,{children:"Button"},"toolbar-button"),(0,Me.jsx)(F,{text:"Menu button"},"toolbar-menu-button"),(0,Me.jsx)(R,{children:"Split button"},"toolbar-split-button"),(0,Me.jsxs)(B,{children:[(0,Me.jsx)(p,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,Me.jsx)(p,{icon:"align-center",children:"Center"}),(0,Me.jsx)(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),(0,Me.jsx)(p,{children:"Button"},"toolbar-button"),(0,Me.jsx)(F,{text:"Menu button"},"toolbar-menu-button"),(0,Me.jsx)(R,{children:"Split button"},"toolbar-split-button"),(0,Me.jsxs)(B,{children:[(0,Me.jsx)(p,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,Me.jsx)(p,{icon:"align-center",children:"Center"}),(0,Me.jsx)(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...t});var ee=require("react/jsx-runtime"),qd=({fillMode:e,size:t,...o})=>(0,ee.jsxs)(ee.Fragment,{children:[(0,ee.jsx)($,{section:!0,fillMode:e,size:t,children:[(0,ee.jsx)(p,{fillMode:e,size:t,children:"Button"},"toolbar-button"),(0,ee.jsxs)(B,{fillMode:e,children:[(0,ee.jsx)(p,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),(0,ee.jsx)(p,{icon:"align-center",fillMode:e,size:t,children:"Center"}),(0,ee.jsx)(p,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group"),(0,ee.jsx)(Tt,{className:"k-toolbar-button-separator"}),(0,ee.jsx)(p,{icon:"more-horizontal",className:"k-toolbar-overflow-button",fillMode:"flat",size:t,"aria-label":"More options","aria-expanded":"false"})],...o}),(0,ee.jsxs)(Qn,{size:t,fillMode:e,section:!0,...o,children:[(0,ee.jsx)(R,{fillMode:e,size:t,children:"Split button"},"toolbar-split-button"),(0,ee.jsx)(p,{fillMode:e,size:t,children:"Button"},"toolbar-button"),(0,ee.jsx)(Tt,{}),(0,ee.jsx)(F,{text:"Menu button",fillMode:e,size:t},"toolbar-menu-button"),(0,ee.jsxs)(B,{fillMode:e,children:[(0,ee.jsx)(p,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),(0,ee.jsx)(p,{icon:"align-center",fillMode:e,size:t,children:"Center"}),(0,ee.jsx)(p,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group")]})]});var Jr=require("react/jsx-runtime");var Yr=require("react/jsx-runtime");var to=require("react/jsx-runtime"),RN=$.options,_N=$.states,Wd={...$.defaultOptions,variant:"default"},wN=[{name:"default",title:"Default"},{name:"scrollable",title:"Scrollable"},{name:"overlay",title:"Overlay"},{name:"responsive",title:"Responsive"}],DN=[],Ma=e=>{let{variant:t,...o}={...Wd,...e};switch(t){case"responsive":return(0,to.jsx)("div",{children:(0,to.jsx)(qd,{style:{width:"583px"},...o})});case"overlay":return(0,to.jsx)("div",{children:(0,to.jsx)(Xd,{style:{width:"583px"},...o,scrollingPosition:"start",scrollButtons:"hidden"})});case"scrollable":return(0,to.jsx)("div",{children:(0,to.jsx)($d,{style:{width:"583px"},...o})});default:return(0,to.jsx)("div",{children:(0,to.jsx)(Gd,{style:{width:"583px"},...o})})}};Ma.options=RN;Ma.states=_N;Ma.variants=wN;Ma.defaultOptions=Wd;Ma.modifiers=DN;Ma.className=$.className;var se=require("react/jsx-runtime"),Jd="k-message",HN=[r.hover,r.selected,r.active,r.focus],zN={},UN=[(0,se.jsx)(p,{icon:"copy",fillMode:"flat","aria-label":"Copy"}),(0,se.jsx)(p,{icon:"arrow-rotate-cw",fillMode:"flat","aria-label":"Retry"}),(0,se.jsx)(p,{icon:"download",fillMode:"flat","aria-label":"Download"})],Sa={time:"Thu Feb 08 2018",text:"How can I help you?",status:"Seen",toolbarItems:UN,failed:"Failed to send"},V=e=>{let{time:t=Sa.time,text:o=Sa.text,content:a,status:n=Sa.status,statusIcon:i,toolbarItems:l=Sa.toolbarItems,hover:c,selected:u,active:b,focus:x,toolbar:g,typing:m,expandable:L,expanded:M,removed:S,files:E,failed:k,...I}=e,D=k===!0?Sa.failed:k;return(0,se.jsxs)("div",{...I,className:s(Jd,e.className,{"k-message-removed":S,"k-message-failed":k}),children:[k&&(0,se.jsx)(J,{className:"k-resend-button",icon:"arrow-rotate-cw",size:"xsmall",fillMode:"clear","aria-label":"Resend"}),(0,se.jsx)(Yd,{typing:m,selected:u,hover:c,active:b,focus:x,content:(0,se.jsxs)(se.Fragment,{children:[a,o&&(0,se.jsx)("span",{className:"k-chat-bubble-text",children:o})]}),expandable:L,expanded:M,files:E}),(0,se.jsxs)("div",{className:"k-message-info",children:[n&&(0,se.jsxs)("span",{className:"k-message-status",children:[i&&(0,se.jsx)(v,{icon:i,size:"xsmall"}),n]}),t&&(0,se.jsx)("time",{className:"k-message-time",children:t}),k&&(0,se.jsxs)("span",{className:"k-message-failed-content",children:[k&&(0,se.jsx)(v,{icon:"warning-triangle",size:"xsmall"}),k&&(0,se.jsx)("span",{className:"k-message-failed-text",children:D})]})]}),g&&(0,se.jsx)($,{className:"k-chat-message-toolbar",fillMode:"flat",children:l})]})};V.states=HN;V.options=zN;V.className=Jd;V.moduleName=null;V.folderName=null;V.defaultOptions=Sa;var Zr="avatar",Zd=Zr;var jr=require("react/jsx-runtime"),dn="k-avatar";var FN=[r.hover,r.focus,r.active,r.selected,r.disabled],GN={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]},Qr={type:"text",border:!1},Fe=e=>{let{size:t,rounded:o,fillMode:a,themeColor:n,type:i=Qr.type,border:l=Qr.border,...c}=e;return(0,jr.jsx)("div",{...c,className:s(e.className,dn,y(dn,{size:t,rounded:o,fillMode:a,themeColor:n}),{[`${dn}-bordered`]:l}),children:(0,jr.jsx)("span",{className:`${dn}-${i}`,children:e.children})})};Fe.states=FN;Fe.options=GN;Fe.className=dn;Fe.defaultOptions=Qr;Fe.moduleName=Zr;Fe.folderName=Zd;var To=Fe;var jd=require("react/jsx-runtime"),Qd=e=>(0,jd.jsx)(To,{type:"icon",...e});var tc=require("react/jsx-runtime"),ec=e=>(0,tc.jsx)(To,{type:"text",...e});var oc=require("react/jsx-runtime"),jn=e=>(0,oc.jsx)(To,{type:"image",...e});var VN=require("react/jsx-runtime");var ka=require("react/jsx-runtime"),$N=Fe.options,XN=Fe.states,qN={...Fe.defaultOptions,variant:"image"},WN=[{name:"image",title:"Image"},{name:"icon",title:"Icon Avatar"},{name:"text",title:"Text Avatar"}],JN=[],Ca=e=>{let{variant:t,...o}=e;switch(t){case"icon":return(0,ka.jsx)(Qd,{...o,children:(0,ka.jsx)(v,{icon:"star"})});case"text":return(0,ka.jsx)(ec,{...o,children:"JO"});default:return(0,ka.jsx)(jn,{...o,children:(0,ka.jsx)("img",{src:"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg"})})}};Ca.options=$N;Ca.states=XN;Ca.variants=WN;Ca.defaultOptions=qN;Ca.modifiers=JN;Ca.className=Fe.className;var Ot=require("react/jsx-runtime"),cn="k-message-group",YN=[r.selected],ZN={},es={author:"Bruv",avatar:"/packages/html/assets/avatar.jpg",type:"receiver"},q=e=>{let{type:t=es.type,author:o=es.author,avatar:a=es.avatar,status:n,selected:i,fullWidth:l,...c}=e;return(0,Ot.jsxs)("div",{...c,className:s(cn,e.className,C(cn,{selected:i}),{[`${cn}-${t}`]:t,"k-no-avatar":!a,[`${cn}-full-width`]:l}),children:[a&&!n&&(0,Ot.jsx)(Fe,{type:"image",children:(0,Ot.jsx)("img",{src:a,alt:o\|\|""})}),n&&a&&(0,Ot.jsxs)("div",{className:"k-chat-user-status-wrapper",children:[(0,Ot.jsx)(Fe,{type:"image",children:(0,Ot.jsx)("img",{src:a,alt:o\|\|""})}),(0,Ot.jsx)("div",{className:"k-chat-user-status"})]}),(0,Ot.jsxs)("div",{className:"k-message-group-content",children:[o&&(0,Ot.jsx)("span",{className:"k-message-author",children:o}),e.children]})]})};q.states=YN;q.options=ZN;q.className=cn;q.defaultOptions=es;var Ut=require("react/jsx-runtime"),ei="k-message-reference",QN={},ac={type:"receiver"},fo=e=>{let{content:t,closeable:o,pinned:a,type:n=ac.type,...i}=e;return(0,Ut.jsxs)("div",{...i,className:s(ei,e.className,{[`${ei}-${n}`]:n,"k-message-pinned":a}),children:[a&&(0,Ut.jsx)(v,{icon:"pin"}),(0,Ut.jsx)("div",{className:"k-message-reference-content",children:t}),o&&(0,Ut.jsxs)(Ut.Fragment,{children:[(0,Ut.jsx)("span",{className:"k-spacer"}),(0,Ut.jsx)(p,{icon:"x-circle",fillMode:"flat",size:"xsmall","aria-label":"Close"})]})]})};fo.options=QN;fo.className=ei;fo.moduleName=null;fo.folderName=null;fo.defaultOptions=ac;var ti="bubble",nc=ti;var Oo=require("react/jsx-runtime"),oi="k-bubble",jN=[r.hover,r.active,r.selected,r.focus],ai={expandable:!1,expanded:!1},Bo=e=>{let{content:t,hover:o,active:a,focus:n,selected:i,expandable:l=ai.expandable,expanded:c=ai.expanded,...u}=e;return(0,Oo.jsxs)("div",{...u,className:s(e.className,oi,C(oi,{hover:o,active:a,focus:n,selected:i}),{"k-bubble-expandable":l},{"k-expanded":c}),tabIndex:0,children:[(0,Oo.jsx)("div",{className:"k-bubble-content",children:t??e.children}),l&&(0,Oo.jsx)("span",{className:"k-bubble-expandable-indicator",role:"button","aria-label":c?"Show less":"Show more",tabIndex:0,children:c?(0,Oo.jsx)(v,{icon:"chevron-up"}):(0,Oo.jsx)(v,{icon:"chevron-down"})})]})};Bo.states=jN;Bo.className=oi;Bo.defaultOptions=ai;Bo.moduleName=ti;Bo.folderName=nc;var eh=require("react/jsx-runtime");var th=require("react/jsx-runtime");var oh=require("react/jsx-runtime");var Po=require("react/jsx-runtime"),ah="k-chat-bubble",Yd=e=>{let{typing:t,content:o,files:a,...n}=e;return(0,Po.jsxs)(Bo,{...n,className:s(e.className,ah),children:[t?(0,Po.jsxs)("div",{className:"k-typing-indicator",tabIndex:-1,children:[(0,Po.jsx)("span",{}),(0,Po.jsx)("span",{}),(0,Po.jsx)("span",{})]}):o,a]})};var nh=require("react/jsx-runtime");var mn=require("react/jsx-runtime"),rc="k-chat-event",ni={icon:"trash",text:"You deleted Chat history."},ic=e=>{let{icon:t=ni.icon,text:o=ni.text,...a}=e;return(0,mn.jsxs)("div",{...a,className:s(e.className,rc),children:[t&&(0,mn.jsx)(v,{className:"k-chat-event-icon",icon:t,size:"xsmall"}),o&&(0,mn.jsx)("span",{className:"k-chat-event-text",children:o})]})};ic.className=rc;ic.defaultOptions=ni;var sh=require("react/jsx-runtime");var Ge=require("react/jsx-runtime"),lc=e=>(0,Ge.jsx)(X,{children:(0,Ge.jsxs)(Ge.Fragment,{children:[(0,Ge.jsx)("div",{className:"k-timestamp",children:"Day, Month 7, 2023"}),(0,Ge.jsx)(q,{children:(0,Ge.jsx)(V,{})}),(0,Ge.jsx)(q,{type:"sender",children:(0,Ge.jsx)(V,{})}),(0,Ge.jsx)(q,{children:(0,Ge.jsx)(V,{text:"Very long message text that tests message overflowing behavior. Very long message text that tests message overflowing behavior."})}),(0,Ge.jsx)(q,{type:"sender",children:(0,Ge.jsx)(V,{text:"Unusually_long_word_that_tests_word_break_behavior__unusually_long_word_that_tests_word_break_behavior"})})]}),...e});var si=require("react/jsx-runtime"),ts="k-file-box-wrapper",pc={layout:"horizontal"},Ft=e=>{let{layout:t=pc.layout,scrollingPosition:o,...a}=e;return(0,si.jsx)("ul",{role:"list","aria-label":"Attached files",...a,className:s(e.className,ts,{"k-files-vertical":t==="vertical","k-files-wrap":t==="wrap",[`${ts}-scrollable-start`]:t==="horizontal"&&(o==="start"\|\|o==="both"),[`${ts}-scrollable-end`]:t==="horizontal"&&(o==="end"\|\|o==="both")}),children:t==="horizontal"?(0,si.jsx)("div",{className:"k-files-scroll",role:"presentation",children:e.children}):e.children})};Ft.className=ts;Ft.defaultOptions=pc;var ri="file-box",dc=ri;var Gt=require("react/jsx-runtime"),cc="k-file-box",rh=[r.selected],ih={},un={icon:"file-pdf",name:"FileName.pdf",size:"2MB",showButton:"true"},et=e=>{let{icon:t=un.icon,name:o=un.name,size:a=un.size,status:n,deleted:i,removeButton:l,showButton:c=un.showButton,...u}=e,b=[o,a].filter(Boolean).join(" ");return(0,Gt.jsxs)("li",{role:"listitem",tabIndex:0,"aria-label":b\|\|void 0,...u,className:s(cc,e.className,{"k-file-deleted":i}),children:[(0,Gt.jsx)(v,{icon:t,size:"xlarge","aria-hidden":"true"}),(0,Gt.jsxs)("div",{className:"k-file-info",children:[o&&(0,Gt.jsx)("span",{className:"k-file-name",children:o}),a&&(0,Gt.jsx)("span",{className:"k-file-size",children:a}),n&&(0,Gt.jsx)("span",{className:"k-file-status",children:n})]}),c&&(l?(0,Gt.jsx)(p,{as:"span",icon:"x-circle",fillMode:"flat",size:"xsmall","aria-hidden":"true"}):(0,Gt.jsx)(F,{icon:"more-vertical",fillMode:"flat",size:"xsmall",showArrow:!1,"aria-label":"File actions"}))]})};et.states=rh;et.options=ih;et.className=cc;et.defaultOptions=un;et.moduleName=ri;et.folderName=dc;var lh=require("react/jsx-runtime");var ph=require("react/jsx-runtime");var mc=require("react/jsx-runtime");var uc=require("react/jsx-runtime");var dh=require("react/jsx-runtime");var ii=require("react/jsx-runtime");var li="skeleton",fc=li;var bc=require("react/jsx-runtime"),pi="k-skeleton",ch=["circle","text","rect"],mh=[],uh={},di={variant:"text",shape:"text",animation:"pulse"},Vt=e=>{let{variant:t,shape:o,animation:a=di.animation,...n}=e,i=`skeleton-${t\|\|o\|\|di.variant}`;return(0,bc.jsx)("span",{...n,className:s(e.className,pi,vn(pi,i),{[`k-skeleton-${a}`]:a}),style:e.style})};Vt.states=mh;Vt.options=uh;Vt.variants=ch;Vt.className=pi;Vt.defaultOptions=di;Vt.moduleName=li;Vt.folderName=fc;var fh=require("react/jsx-runtime");var bh=require("react/jsx-runtime");var xh=require("react/jsx-runtime");var ci=require("react/jsx-runtime");var mi=require("react/jsx-runtime");var ui="window",xc=ui;var hc=require("react/jsx-runtime"),Nc="k-window-content",Nh=[],hh={},vh={},bo=e=>{let{children:t,...o}=e;return(0,hc.jsx)("div",{...o,className:s(Nc,e.className),children:t})};bo.states=Nh;bo.options=hh;bo.className=Nc;bo.defaultOptions=vh;bo.moduleName=ui;bo.folderName=xc;var fn="dialog",os=fn;var tt=require("react/jsx-runtime"),vc="k-dialog",gh=[],Lh={},fi={actionButtonsAlign:"stretched",modal:!0},dt=e=>{let{title:t,actions:o,actionButtons:a,actionButtonsAlign:n=fi.actionButtonsAlign,modal:i=fi.modal,...l}=e,c=t!==void 0?K("dialog-titlebar"):void 0,u=K("dialog-content");return(0,tt.jsxs)("div",{className:"k-dialog-wrapper",children:[i&&(0,tt.jsx)(wt,{}),(0,tt.jsxs)("div",{...l,className:s(e.className,vc,"k-window"),role:"dialog","aria-labelledby":c,"aria-describedby":u,...i&&{"aria-modal":"true"},children:[(t!==void 0\|\|o)&&(0,tt.jsxs)("div",{className:"k-window-titlebar k-dialog-titlebar",id:c,children:[t!==void 0&&(0,tt.jsx)("span",{className:"k-window-title k-dialog-title",children:t}),o&&(0,tt.jsx)(tt.Fragment,{children:(0,tt.jsx)("div",{className:"k-window-titlebar-actions k-dialog-titlebar-actions",children:o.map(b=>(0,tt.jsx)(p,{icon:b,fillMode:"flat",size:"xsmall",className:"k-window-titlebar-action k-dialog-titlebar-action","aria-label":b},b))})})]}),(0,tt.jsx)(bo,{className:"k-dialog-content",id:u,children:e.children}),a&&(0,tt.jsx)(st,{alignment:n,className:"k-window-actions k-dialog-actions",children:a})]})]})};dt.states=gh;dt.options=Lh;dt.className=vc;dt.defaultOptions=fi;dt.moduleName=fn;dt.folderName=os;var bi=dt;var Lc=require("react/jsx-runtime"),gc="k-dialog-wrapper",Mh=[],Sh={},kh={},Aa=e=>{let{...t}=e;return(0,Lc.jsx)("div",{...t,className:s(e.className,gc),children:e.children})};Aa.states=Mh;Aa.options=Sh;Aa.className=gc;Aa.defaultOptions=kh;Aa.moduleName=fn;Aa.folderName=os;var $t=require("react/jsx-runtime"),Mc=e=>(0,$t.jsx)(bi,{title:"Title",children:(0,$t.jsx)($t.Fragment,{children:"Dialog content"}),actionButtons:(0,$t.jsxs)($t.Fragment,{children:[(0,$t.jsx)(p,{children:"Action"}),(0,$t.jsx)(p,{themeColor:"primary",children:"Primary"})]}),actions:["x"],...e});var xi=require("react/jsx-runtime");var oo=require("react/jsx-runtime"),Ch=dt.options,Ah=[],Eh=dt.states,yh=dt.defaultOptions,Ih=[],Ea=e=>(0,oo.jsx)(Mc,{style:{width:"350px",height:"215px"},...e,title:"Please confirm",actions:["x"],actionButtonsAlign:"stretched",actionButtons:(0,oo.jsxs)(oo.Fragment,{children:[(0,oo.jsx)(p,{children:"No"}),(0,oo.jsx)(p,{themeColor:"primary",children:"Yes"})]}),children:(0,oo.jsx)("p",{style:{margin:"36px",textAlign:"center"},children:"Are you sure you want to continue?"})});Ea.options=Ch;Ea.states=Eh;Ea.variants=Ah;Ea.defaultOptions=yh;Ea.modifiers=Ih;Ea.className=dt.className;var Ni="dropzone",Sc=Ni;var Ko=require("react/jsx-runtime"),hi="k-external-dropzone",Th=[r.disabled,r.hover],Oh={},vi={icon:"upload",hint:"Drag and drop files here to upload"},Ve=e=>{let{hover:t,disabled:o,icon:a=vi.icon,hint:n=vi.hint,note:i,...l}=e;return(0,Ko.jsx)("div",{...l,className:s(e.className,hi,C(hi,{disabled:o}),{"k-external-dropzone-hover":t}),children:(0,Ko.jsxs)("div",{className:"k-dropzone-inner",children:[a&&(0,Ko.jsx)(v,{icon:a,className:"k-dropzone-icon",size:"xxxlarge"}),n&&(0,Ko.jsx)("span",{className:"k-dropzone-hint",children:n}),i&&(0,Ko.jsx)("span",{className:"k-dropzone-note",children:i})]})})};Ve.states=Th;Ve.options=Oh;Ve.className=hi;Ve.defaultOptions=vi;Ve.moduleName=Ni;Ve.folderName=Sc;var Cc=require("react/jsx-runtime"),kc=e=>(0,Cc.jsx)(Ve,{...e});var Bh=require("react/jsx-runtime");var Ac=require("react/jsx-runtime"),Ph=Ve.options,Kh=Ve.states,Rh=Ve.defaultOptions,_h=[{name:"note",title:"Note"}],wh=[],ya=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(n=>{n==="note"&&(a.note=t!=null&&t[n]?"Only JPEG, PNG and SVG files are allowed.":void 0)}),(0,Ac.jsx)(kc,{style:{width:"500px"},...o,...a})};ya.options=Ph;ya.states=Kh;ya.variants=wh;ya.defaultOptions=Rh;ya.modifiers=_h;ya.className=Ve.className;var re=require("react/jsx-runtime"),gi="k-upload-dropzone",Dh=[r.hover],as=e=>{let{hover:t,status:o,disabled:a,hasFiles:n,filesId:i,buttonText:l="Select files...",...c}=e,u;switch(o){case"uploading":u=(0,re.jsxs)(re.Fragment,{children:[(0,re.jsx)(v,{icon:"upload"}),"Uploading..."]});break;case"done":u=(0,re.jsxs)(re.Fragment,{children:[(0,re.jsx)(v,{icon:"check"}),"Done"]});break;case"failed":u=(0,re.jsxs)(re.Fragment,{children:[(0,re.jsx)(v,{icon:"exclamation-circle"}),"Done"]});break;default:u=(0,re.jsx)(re.Fragment,{});break}return(0,re.jsxs)("div",{...c,className:s(e.className,gi,"k-dropzone",C(gi,{hover:t})),children:[(0,re.jsxs)("div",{className:"k-upload-button-wrap",children:[(0,re.jsx)(p,{className:"k-upload-button","aria-disabled":a?"true":"false",...n&&i?{"aria-controls":i}:{},children:l}),(0,re.jsx)("input",{id:"upload-input",className:"k-hidden",tabIndex:-1,"aria-hidden":"true"})]}),(0,re.jsx)("span",{className:s("k-dropzone-hint",{"k-hidden":o!=="upload"}),children:"Drop files here to upload"}),o!=="upload"&&(0,re.jsx)("span",{className:"k-upload-status",children:u})]})};as.states=Dh;as.className=gi;var Li="upload",Ec=Li;var xo=require("react/jsx-runtime"),Mi="k-upload",Hh=[r.hover,r.disabled],zh={},Ic={actionsLayout:"end"},yc="upload-files-list",de=e=>{let{async:t,empty:o,actions:a,actionsLayout:n=Ic.actionsLayout,hover:i,status:l,disabled:c,buttonText:u,...b}=e,x=!!e.children;return(0,xo.jsxs)("div",{...b,className:s(e.className,Mi,C(Mi,{disabled:c}),{"k-upload-async":t,"k-upload-empty":o}),children:[(0,xo.jsx)(as,{status:l,hover:i,disabled:c,hasFiles:x,filesId:yc,buttonText:u}),x&&(0,xo.jsx)("ul",{className:"k-upload-files",role:"list",id:yc,children:e.children}),a&&x&&(0,xo.jsxs)(Rl,{alignment:n,orientation:"horizontal",children:[(0,xo.jsx)(p,{className:"k-clear-selected",children:"Clear"}),(0,xo.jsx)(p,{themeColor:"primary",className:"k-upload-selected",children:"Upload"})]})]})};de.states=Hh;de.options=zh;de.className=Mi;de.defaultOptions=Ic;de.moduleName=Li;de.folderName=Ec;var bn="progressbar",ns=bn;var No=require("react/jsx-runtime"),Lt="k-progressbar",Uh=[r.disabled,r.indeterminate],Fh={orientation:["horizontal","vertical"]},Ro={indeterminate:!1,label:!0,labelPosition:"start",orientation:"horizontal",reverse:!1,value:"0"},$e=e=>{let{disabled:t,height:o,indeterminate:a=Ro.indeterminate,label:n=Ro.label,labelPosition:i=Ro.labelPosition,orientation:l=Ro.orientation,reverse:c=Ro.reverse,value:u=Ro.value,width:b,style:x,ariaLabel:g,...m}=e;return(0,No.jsxs)("div",{...m,className:s(e.className,Lt,C(Lt,{disabled:t}),{[`${Lt}-${l}`]:l,[`${Lt}-indeterminate`]:a,[`${Lt}-reverse`]:c}),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:[(0,No.jsx)("span",{className:s("k-progress-status-wrap",{[`k-progress-${i}`]:i&&!a}),children:n&&(0,No.jsxs)("span",{className:"k-progress-status",children:[u,"%"]})}),!a&&(0,No.jsx)("div",{className:"k-progressbar-value k-selected",children:(0,No.jsx)("span",{className:s("k-progress-status-wrap",{[`k-progress-${i}`]:i}),children:n&&(0,No.jsxs)("span",{className:"k-progress-status",children:[e.value,"%"]})})})]})};$e.states=Uh;$e.options=Fh;$e.className=Lt;$e.defaultOptions=Ro;$e.moduleName=bn;$e.folderName=ns;var Tc=$e;var rs=require("react/jsx-runtime"),Oc="k-chunk-progressbar",Gh=(e,t)=>t<=e-1,Vh=[r.disabled,r.indeterminate],$h={},ss={chunkCount:5,orientation:"horizontal",progress:0},Ia=e=>{let{disabled:t,chunkCount:o=ss.chunkCount,indeterminate:a,orientation:n=ss.orientation,progress:i=ss.progress,reverse:l,ariaLabel:c,...u}=e;return(0,rs.jsx)("div",{...u,className:s(e.className,Lt,Oc,C(Lt,{disabled:t}),{[`${Lt}-${n}`]:n,[`${Lt}-indeterminate`]:a,[`${Lt}-reverse`]:l}),role:"progressbar","aria-label":c\|\|"progress","aria-valuenow":a?void 0:i,"aria-valuemin":0,"aria-valuemax":o,children:(0,rs.jsx)("ul",{className:"k-progressbar-chunks k-reset",children:[...Array(o)].map((b,x)=>(0,rs.jsx)("li",{className:s("k-progressbar-chunk",{"k-first":x===0,"k-last":x===[...Array(o)].length-1,"k-selected":Gh(i,x)})},x))})})};Ia.states=Vh;Ia.options=$h;Ia.className=Oc;Ia.defaultOptions=ss;Ia.moduleName=bn;Ia.folderName=ns;var Bc=require("react/jsx-runtime"),xn=e=>(0,Bc.jsx)(Tc,{...e});var Xh=require("react/jsx-runtime");var ao=require("react/jsx-runtime"),qh=$e.options,Wh=$e.states,Pc={...$e.defaultOptions,variant:"start"},Jh=[{name:"start",title:"Label start"},{name:"center",title:"Label center"},{name:"end",title:"Label end"},{name:"empty",title:"No label"}],Yh=[],Ta=e=>{let{variant:t,modifiers:o,...a}={...Pc,...e},n={},i={style:{width:"324px"}};switch(Object.keys(o\|\|{}).forEach(l=>{switch(l){case"reverse":n.reverse=!!(o!=null&&o[l]);break;case"vertical":n.orientation=o!=null&&o[l]?"vertical":void 0,i.style=o!=null&&o[l]?void 0:{width:"324px"};break}}),t){case"end":return(0,ao.jsx)("div",{...i,children:(0,ao.jsx)(xn,{...a,...n,labelPosition:"end",value:"50"})});case"center":return(0,ao.jsx)("div",{...i,children:(0,ao.jsx)(xn,{...a,...n,labelPosition:"center",value:"50"})});case"empty":return(0,ao.jsx)("div",{...i,children:(0,ao.jsx)(xn,{...a,...n,label:!1,value:"50"})});default:return(0,ao.jsx)("div",{...i,children:(0,ao.jsx)(xn,{...a,...n,labelPosition:"start",value:"50"})})}};Ta.options=qh;Ta.states=Wh;Ta.variants=Jh;Ta.defaultOptions=Pc;Ta.modifiers=Yh;Ta.className=$e.className;var Oa=require("react/jsx-runtime"),Zh="k-file-info",Si=e=>{let{name:t,size:o,validationMsg:a,...n}=e;return(0,Oa.jsxs)("div",{...n,className:s(e.className,Zh),children:[t&&(0,Oa.jsx)("span",{className:"k-file-name",children:t}),o&&(0,Oa.jsx)("span",{className:"k-file-size",children:o}),a&&(0,Oa.jsx)("span",{className:"k-file-validation-message","aria-live":"polite",children:a})]})};var Se=require("react/jsx-runtime"),Qh="k-file",ot=e=>{let{status:t,progress:o,name:a,icon:n,size:i,state:l,validationMsg:c,...u}=e;return(0,Se.jsx)("li",{...u,className:s(e.className,Qh,{[`k-file-${t}`]:t}),role:"listitem",tabIndex:0,children:(0,Se.jsxs)("div",{className:"k-file-single",children:[(0,Se.jsx)($e,{className:s({"k-hidden":t!=="progress"}),value:o,label:!1}),(0,Se.jsxs)("span",{className:"k-file-icon-wrapper",children:[(0,Se.jsx)(v,{className:"k-file-icon",icon:n,size:"xxlarge"}),l&&(0,Se.jsx)("span",{className:"k-file-state",children:l})]}),(0,Se.jsx)(Si,{name:a,size:i,validationMsg:c}),(0,Se.jsx)("div",{className:"k-upload-actions",children:t==="progress"?(0,Se.jsxs)(Se.Fragment,{children:[(0,Se.jsxs)("span",{className:"k-upload-pct",children:[o,"%"]}),(0,Se.jsx)(p,{icon:"pause",fillMode:"flat",size:"xsmall",className:"k-upload-action","aria-label":"Pause upload",tabIndex:-1}),(0,Se.jsx)(p,{icon:"cancel",fillMode:"flat",size:"xsmall",className:"k-upload-action","aria-label":"Cancel upload",tabIndex:-1})]}):(0,Se.jsx)(p,{icon:"x",fillMode:"flat",size:"xsmall",className:"k-upload-action","aria-label":"Remove file",tabIndex:-1})})]})})};var ki=require("react/jsx-runtime");var ho=require("react/jsx-runtime"),Nn=e=>(0,ho.jsx)(de,{async:!0,children:(0,ho.jsxs)(ho.Fragment,{children:[(0,ho.jsx)(ot,{name:"Image_With_Very_Very_Very_Very_Very_Long_Name1.png",icon:"file-image",size:"51.23 KB"}),(0,ho.jsx)(ot,{name:"Image2.jpg",icon:"file-image",size:"106.43 KB"})]}),...e});var Ci=require("react/jsx-runtime");var Rc=require("react/jsx-runtime"),Kc=e=>(0,Rc.jsx)(de,{async:!0,empty:!0,...e});var Ai=require("react/jsx-runtime");var Ei=require("react/jsx-runtime");var Xe=require("react/jsx-runtime"),jh=de.options,ev=de.states,_c={...de.defaultOptions,variant:"empty"},tv=[{name:"empty",title:"Empty"},{name:"upload",title:"Upload"},{name:"uploading",title:"Uploading"},{name:"success",title:"Success"},{name:"failed",title:"Failed"}],ov=[],Ba=e=>{let{variant:t,...o}={..._c,...e};switch(t){case"success":return(0,Xe.jsxs)(Nn,{status:"done",style:{width:"586px"},...o,children:[(0,Xe.jsx)(ot,{status:"success",validationMsg:"File(s) uploaded successfully.",name:"Image1.png",icon:"file-image"}),(0,Xe.jsx)(ot,{status:"success",validationMsg:"File(s) uploaded successfully.",name:"Image2.png",icon:"file-image"})]});case"failed":return(0,Xe.jsxs)(Nn,{status:"failed",style:{width:"586px"},...o,children:[(0,Xe.jsx)(ot,{status:"error",validationMsg:"File type not allowed.",name:"Movie1.mkv",icon:"file-image"}),(0,Xe.jsx)(ot,{status:"error",validationMsg:"File type not allowed.",name:"Video2.mkv",icon:"file-image"})]});case"uploading":return(0,Xe.jsxs)(Nn,{status:"uploading",style:{width:"586px"},...o,children:[(0,Xe.jsx)(ot,{progress:"50",status:"progress",name:"Document1.txt",icon:"file-pdf",size:"328.92 KB"}),(0,Xe.jsx)(ot,{progress:"70",status:"progress",name:"Document2.txt",icon:"file-pdf",size:"225.68 KB"})]});case"upload":return(0,Xe.jsxs)(Nn,{actions:!0,status:"upload",style:{width:"586px"},...o,children:[(0,Xe.jsx)(ot,{name:"Image1.png",icon:"file-image",size:"51.23 KB"}),(0,Xe.jsx)(ot,{name:"Image2.jpg",icon:"file-image",size:"106.43 KB"})]});default:return(0,Xe.jsx)(Kc,{async:!0,status:"upload",style:{width:"586px"},...o})}};Ba.options=jh;Ba.states=ev;Ba.variants=tv;Ba.defaultOptions=_c;Ba.modifiers=ov;Ba.className=de.className;var yi=require("react/jsx-runtime");var av=require("react/jsx-runtime");var Ii=require("react/jsx-runtime");var Ti=require("react/jsx-runtime");var Oi=require("react/jsx-runtime");var wc=require("react/jsx-runtime");var Bi="appbar",Dc=Bi;var Hc=require("react/jsx-runtime"),Pi="k-appbar",nv=[],sv={themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary,h.inverse]},rv={},qe=e=>{let{themeColor:t,positionMode:o,position:a,...n}=e;return(0,Hc.jsx)("div",{...n,className:s(e.className,Pi,y(Pi,{themeColor:t}),{[`k-appbar-${o}`]:o,[`k-appbar-${a}`]:a}),children:e.children})};qe.states=nv;qe.options=sv;qe.className=Pi;qe.defaultOptions=rv;qe.moduleName=Bi;qe.folderName=Dc;var zc=require("react/jsx-runtime"),iv="k-appbar-section",Xt=e=>{let{...t}=e;return(0,zc.jsx)("div",{...t,className:s(iv,e.className),children:e.children})};var Ki=require("react/jsx-runtime");var H=require("react/jsx-runtime"),Ri={...qe.options,positionMode:["static","sticky","fixed"]},lv=qe.states,Uc={...qe.defaultOptions,themeColor:"primary",variant:"top",positionMode:"sticky"};Ri.themeColor=["primary",...Ri.themeColor.filter(e=>e!=="primary")];var pv=[{name:"top",title:"Top"},{name:"bottom",title:"Bottom"}],Pa=e=>{let{variant:t,...o}={...Uc,...e},a=(0,H.jsxs)(qe,{position:t,...o,children:[(0,H.jsx)(Xt,{children:(0,H.jsx)(J,{fillMode:"flat",icon:"menu"})}),(0,H.jsx)("span",{className:"k-spacer k-spacer-sized",style:{width:"8px"}}),(0,H.jsx)(Xt,{children:(0,H.jsx)("h3",{className:"k-m-0",children:"AppBar"})}),(0,H.jsx)("span",{className:"k-spacer"}),(0,H.jsxs)(Xt,{children:[(0,H.jsx)(kt,{fillMode:"flat",children:"Button"}),(0,H.jsx)(kt,{fillMode:"flat",children:"Button"}),(0,H.jsx)(kt,{fillMode:"flat",children:"Button"})]}),(0,H.jsx)("span",{className:"k-spacer k-spacer-sized",style:{width:"8px"}}),(0,H.jsx)(Xt,{children:(0,H.jsx)(Bn,{value:"Input value"})}),(0,H.jsxs)(Xt,{children:[(0,H.jsx)(J,{className:"k-mx-sm",fillMode:"flat",icon:"bell"}),(0,H.jsx)("span",{className:"k-appbar-separator"}),(0,H.jsx)(jn,{className:"k-mx-sm",children:(0,H.jsx)("img",{src:"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg"})})]})]}),n=(0,H.jsxs)("div",{style:{padding:"25px 10px"},children:[(0,H.jsx)("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!"}),(0,H.jsx)("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?"}),(0,H.jsx)("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!"}),(0,H.jsx)("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"?(0,H.jsxs)("div",{style:{height:"250px",overflow:"auto"},children:[n,a]}):(0,H.jsxs)("div",{style:{height:"250px",overflow:"auto"},children:[a,n]})};Pa.options=Ri;Pa.states=lv;Pa.variants=pv;Pa.defaultOptions=Uc;Pa.modifiers=[];Pa.className=qe.className;var _i="suggestion",Fc=_i;var _o=require("react/jsx-runtime"),is="k-suggestion-group",dv=[],cv={},Gc={layout:"scrollable",scrollingPosition:"start"},Mt=e=>{let{layout:t=Gc.layout,scrollingPosition:o,...a}=e,n=(0,_o.jsx)("div",{...a,className:s(is,{"k-suggestion-group-scrollable":t=="scrollable",[`${is}-scrollable-start`]:o==="start"\|\|o==="both",[`${is}-scrollable-end`]:o==="end"\|\|o==="both"},e.className),role:"group",children:t==="scrollable"\|\|t==="scrollButtons"?(0,_o.jsx)("div",{className:"k-suggestions-scroll",children:e.children}):e.children});return t=="scrollButtons"?(0,_o.jsxs)("div",{className:"k-suggestion-scrollwrap",children:[(0,_o.jsx)(p,{fillMode:"flat",icon:"chevron-left",size:"xsmall","aria-label":"Scroll left"}),n,(0,_o.jsx)(p,{fillMode:"flat",icon:"chevron-right",size:"xsmall","aria-label":"Scroll right"})]}):n};Mt.states=dv;Mt.options=cv;Mt.className=is;Mt.defaultOptions=Gc;Mt.moduleName=_i;Mt.folderName=Fc;var Vc=require("react/jsx-runtime"),ls="k-suggestion",mv=[r.active,r.hover,r.focus],uv={themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary]},fv={text:"Suggestion"},St=e=>{let{themeColor:t,active:o,hover:a,focus:n,text:i,children:l,...c}=e;return(0,Vc.jsx)("span",{...c,className:s(e.className,ls,C(ls,{hover:a,active:o,focus:n}),y(ls,{themeColor:t})),role:"button",tabIndex:0,"aria-label":e["aria-label"]\|\|i,children:l\|\|i})};St.states=mv;St.options=uv;St.className=ls;St.item=fv;var wi=require("react/jsx-runtime");var Di=require("react/jsx-runtime");var Hi=require("react/jsx-runtime");var z=require("react/jsx-runtime"),bv=X.states,xv=X.defaultOptions,Nv=X.options,hv=[{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"}],vv=[],Ka=e=>{let{modifiers:t,...o}=e,a={author:null,avatar:null},n=(0,z.jsxs)(qe,{className:"k-chat-header",positionMode:"sticky",themeColor:"primary",children:[(0,z.jsx)("span",{className:"k-spacer k-spacer-sized k-w-1"}),(0,z.jsx)(Xt,{children:(0,z.jsx)("span",{children:"Chat with demo bot"})}),(0,z.jsx)("span",{className:"k-spacer"}),(0,z.jsx)(Xt,{children:(0,z.jsx)(p,{fillMode:"flat",icon:"more-vertical"})})]}),i=(0,z.jsx)(fo,{type:"sender",pinned:!0,content:"Hello! Generate a cover letter.",closeable:!0}),l=(0,z.jsxs)(Mt,{children:[(0,z.jsx)(St,{text:"Provide a CV template"}),(0,z.jsx)(St,{text:"Generate a cover letter"})]}),c=(0,z.jsxs)(Mt,{children:[(0,z.jsx)(St,{themeColor:"primary",text:"Thank you!"}),(0,z.jsx)(St,{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(I=>{switch(I){case"header":a.header=t!=null&&t[I]?n:!1;break;case"pinned":a.pinned=t!=null&&t[I]?i:!1;break;case"suggested":a.suggestedActions=t!=null&&t[I]?l:!1;break;case"author":a.author=t!=null&&t[I]?!0:null;break;case"avatar":a.avatar=t!=null&&t[I]?u:null;break;case"quick":a.quickReplies=t!=null&&t[I]?c:(0,z.jsx)(z.Fragment,{});break;default:break}});let{header:m,pinned:L,suggestedActions:M,author:S,avatar:E,quickReplies:k}=a;return(0,z.jsxs)(lc,{value:"Thank you!",style:{minHeight:"100%"},...o,header:m,pinned:L,suggestedActions:M,children:[(0,z.jsx)(q,{avatar:b,author:S?g:null,children:(0,z.jsx)(V,{text:"Hello, this is a demo bot. How can I help you ?"})}),(0,z.jsx)(q,{avatar:E?u:null,author:S?x:null,type:"sender",children:(0,z.jsx)(V,{text:"Hello! Generate a cover letter."})}),(0,z.jsx)(q,{avatar:b,author:S?g:null,children:(0,z.jsx)(V,{text:"Sure. Here is a cover letter template",files:(0,z.jsx)(Ft,{children:(0,z.jsx)(et,{icon:"file-pdf",name:"cover_letter.pdf",size:"1.43MB"})})})}),k]})};Ka.options=Nv;Ka.states=bv;Ka.variants=vv;Ka.defaultOptions=xv;Ka.modifiers=hv;Ka.className=X.className;var Bt=require("react/jsx-runtime"),gv=e=>(0,Bt.jsx)(X,{children:(0,Bt.jsxs)(Bt.Fragment,{children:[(0,Bt.jsx)("div",{className:"k-timestamp",children:"Day, Month 7, 2023"}),(0,Bt.jsx)(q,{children:(0,Bt.jsx)(V,{toolbar:!0,text:"Message with toolbar."})}),(0,Bt.jsx)(q,{type:"sender",children:(0,Bt.jsx)(V,{})})]}),...e});