npm - @progress/kendo-themes-html - Versions diffs - 14.7.0-dev.2 → 14.7.0-dev.3 - Mend

@progress/kendo-themes-html 14.7.0-dev.2 → 14.7.0-dev.3

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

package/dist/cjs/chat/templates/chat-upload.js CHANGED Viewed

	@@ -1 +1 @@
1	- var Vc=Object.create;var xn=Object.defineProperty;var $c=Object.getOwnPropertyDescriptor;var Xc=Object.getOwnPropertyNames;var qc=Object.getPrototypeOf,Wc=Object.prototype.hasOwnProperty;var Jc=(e,t)=>{for(var o in t)xn(e,o,{get:t[o],enumerable:!0})},zi=(e,t,o,a)=>{if(t&&typeof t=="object"\|\|typeof t=="function")for(let n of Xc(t))!Wc.call(e,n)&&n!==o&&xn(e,n,{get:()=>t[n],enumerable:!(a=$c(t,n))\|\|a.enumerable});return e};var Ui=(e,t,o)=>(o=e!=null?Vc(qc(e)):{},zi(t\|\|!e\|\|!e.__esModule?xn(o,"default",{value:e,enumerable:!0}):o,e)),Yc=e=>zi(xn({},"__esModule",{value:!0}),e);var Nv={};Jc(Nv,{ChatUpload:()=>xv});module.exports=Yc(Nv);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"}),S=(e,t)=>{let{valid:o,invalid:a,hover:n,focus:i,checked:l,active:c,selected:u,disabled:f,indeterminate:N,loading:v,empty:m,readonly:M,highlighted:L,...C}=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":f,"k-indeterminate":N&&!l,"k-loading":v,"k-empty":m,"k-readonly":M,"k-highlighted":L},Object.keys(C).reduce((E,A)=>(A.startsWith("k-")?E[A]=C[A]:E[`k-${A}`]=C[A],E),{}))};function Nn(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"},b={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},x={undefined:void 0,solid:"solid",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 _a=require("react/jsx-runtime"),us="k-font-icon",Zc=[],Qc={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]},jc={},wa=e=>{let{size:t,themeColor:o,icon:a,rotate:n,flip:i,...l}=e;return a?(0,_a.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,_a.jsx)(_a.Fragment,{})};wa.states=Zc;wa.options=Qc;wa.className=us;wa.defaultOptions=jc;var Fi=wa;var Lo=require("react/jsx-runtime"),fs="k-svg-icon",em=[],tm={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},Da=e=>{var v,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 f=typeof c=="object"&&c.name&&c.name,N=typeof c=="object"?l&&((v=c.variants)==null?void 0:v[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-${f}`]:f,[`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:N!==void 0?{__html:N}:void 0,children:c?void 0:e.children})})};Da.states=em;Da.options=tm;Da.className=fs;Da.defaultOptions=bs;var xs=Da;var Ns=Ui(require("@progress/kendo-svg-icons"));var Gi="icon",Vi="icons";var qi=require("react");var $i=require("react"),Xi=(0,$i.createContext)({iconsType:"svg"});var qt=require("react/jsx-runtime"),hn="k-icon",om=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),am=[],nm={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]},vn={viewBox:"0 0 24 24",type:"svg",variant:Pt.outline},g=e=>{let{iconsType:t}=(0,qi.useContext)(Xi),{size:o,themeColor:a,icon:n,type:i=t\|\|vn.type,rotate:l,flip:c,viewBox:u=vn.viewBox,variant:f=vn.variant,...N}=e;if(!n)return(0,qt.jsx)(qt.Fragment,{});if((t\|\|i)==="svg"){if(n==="none")return(0,qt.jsx)(xs,{...N,className:s(e.className,hn),icon:n,size:o,variant:f});let m=Ns[n]?n:om(`${n}-icon`);return Ns[m]?(0,qt.jsx)(xs,{...N,className:s(e.className,hn),icon:Ns[m],size:o,themeColor:a,rotate:l,flip:c,viewBox:u,variant:f}):(0,qt.jsx)(qt.Fragment,{})}return(0,qt.jsx)(Fi,{...N,className:s(e.className,hn),icon:n,size:o,themeColor:a,rotate:l,flip:c})};g.states=am;g.options=nm;g.defaultOptions=vn;g.className=hn;g.moduleName=Gi;g.folderName=Vi;var hs="button",Wi=hs;var nt=require("react/jsx-runtime"),Ha="k-button",sm=["icon-button"],rm=[r.hover,r.focus,r.active,r.selected,r.disabled,r.generating],im={size:[d.undefined,d.xsmall,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[x.undefined,x.solid,x.flat,x.outline,x.clear,x.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:f,focus:N,active:v,selected:m,disabled:M,togglable:L,ariaDisabled:C,icon:E,iconSize:A,text:I,iconClassName:G,className:ke,...We}=e,Ce=E!=null,Ke=e.children!==void 0;return(0,nt.jsxs)(t,{className:s(ke,Ha,Nn(Ha,u),y(Ha,{size:o,rounded:a,fillMode:n,themeColor:i}),S(Ha,{hover:f,focus:N,active:v,disabled:M\|\|C,selected:m}),{"k-icon-button":!I&&!Ke&&Ce}),"aria-pressed":L?m?"true":"false":void 0,...We,"aria-disabled":C?"true":void 0,disabled:M\|\|void 0,children:[typeof E=="string"&&E&&(0,nt.jsx)(g,{className:s(G,"k-button-icon"),icon:E,size:A}),E&&typeof E!="string"&&(0,nt.jsx)(nt.Fragment,{children:E}),I?(0,nt.jsxs)(nt.Fragment,{children:[I&&(0,nt.jsx)("span",{className:"k-button-text",children:I}),e.children]}):e.children&&(0,nt.jsx)("span",{className:"k-button-text",children:e.children}),l&&(0,nt.jsx)("span",{className:"k-menu-button-arrow k-button-arrow",children:(0,nt.jsx)(g,{icon:c})})]})};p.states=rm;p.options=im;p.variants=sm;p.className=Ha;p.defaultOptions=vs;p.moduleName=hs;p.folderName=Wi;var Ji=require("react/jsx-runtime"),Y=e=>(0,Ji.jsx)(p,{icon:"folder",...e,"aria-label":e["aria-label"]\|\|"Folder",children:void 0});var Yi=require("react/jsx-runtime"),za=e=>(0,Yi.jsx)(p,{icon:"folder",children:"Button",...e});var Zi=require("react/jsx-runtime"),Ct=e=>(0,Zi.jsx)(p,{children:"Button",...e});var gn=require("react/jsx-runtime"),lm=p.options,pm=p.states,dm={...p.defaultOptions,variant:"text"},cm=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],mm=[],wo=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return(0,gn.jsx)(Y,{...o,icon:"star"});case"icon-and-text":return(0,gn.jsx)(za,{...o,icon:"star",children:"Button"});default:return(0,gn.jsx)(Ct,{...o,children:"Button"})}};wo.options=lm;wo.states=pm;wo.variants=cm;wo.defaultOptions=dm;wo.modifiers=mm;wo.className=p.className;var Ua=require("react/jsx-runtime"),Ln="k-fab",bm=[r.hover,r.focus,r.active,r.selected,r.disabled],xm={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary]},Qi={type:"button"},pe=e=>{let{size:t,rounded:o,themeColor:a,text:n,icon:i,type:l=Qi.type,position:c,hover:u,focus:f,active:N,selected:v,disabled:m,...M}=e;return(0,Ua.jsxs)("button",{...M,type:l,className:s(e.className,Ln,y(Ln,{size:t,rounded:o,themeColor:a}),S(Ln,{hover:u,focus:f,active:N,disabled:m,selected:v}),{[`!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,Ua.jsx)(g,{className:"k-fab-icon",icon:i}),n&&(0,Ua.jsx)("span",{className:"k-fab-text",children:n})]})};pe.states=bm;pe.options=xm;pe.className=Ln;pe.defaultOptions=Qi;pe.moduleName="fab";pe.folderName="fab";var el=require("react/jsx-runtime"),Nm="k-fab-items",ji=e=>{let{position:t,...o}=e;return(0,el.jsx)("ul",{...o,className:s(e.className,Nm,{[`k-fab-items-${t}`]:t}),children:e.children})};var Fa=require("react/jsx-runtime"),tl="k-fab-item",hm=[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,Fa.jsxs)("li",{...u,className:s(e.className,tl,{[`k-text-${a}`]:a},S(tl,{hover:n,focus:i,active:l,disabled:c})),children:[(0,Fa.jsx)("span",{className:"k-fab-item-text",children:t}),(0,Fa.jsx)(g,{className:"k-fab-item-icon",icon:o})]})};gs.states=hm;var vm=require("react/jsx-runtime");var al=require("react/jsx-runtime"),ol=e=>(0,al.jsx)(pe,{icon:"plus",...e});var gm=require("react/jsx-runtime");var Lm=require("react/jsx-runtime");var Wt=require("react/jsx-runtime"),Mm=pe.options,Sm=pe.states,km={...pe.defaultOptions,variant:"text"},Cm=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Am=[{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)(ji,{position:"bottom",children:(0,Wt.jsx)(gs,{text:"Item",icon:"pencil",align:"right"})})}):null,l;switch(t){case"icon-only":l=(0,Wt.jsx)(pe,{...a,icon:"star"});break;case"icon-and-text":l=(0,Wt.jsx)(pe,{...a,icon:"star",text:"Action"});break;default:l=(0,Wt.jsx)(pe,{...a,text:"Action"});break}return(0,Wt.jsxs)("span",{style:{position:"relative"},children:[l,i]})};Do.options=Mm;Do.states=Sm;Do.variants=Cm;Do.defaultOptions=km;Do.modifiers=Am;Do.className=pe.className;var nl=require("react/jsx-runtime"),Ls="k-input-inner",Em=[],ym={},Mn={type:"text",autocomplete:"off",value:"",placeholder:""},Re=e=>{let{value:t=Mn.value,type:o=Mn.type,placeholder:a=Mn.placeholder,autocomplete:n=Mn.autocomplete,disabled:i,readOnly:l,...c}=e;return(0,nl.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})};Re.states=Em;Re.options=ym;Re.className=Ls;var rl=require("react/jsx-runtime"),Ms="k-input-inner",Im=[],Tm={},sl={value:"",placeholder:""},Ga=e=>{let{value:t=sl.value,placeholder:o=sl.placeholder,rows:a,disabled:n,...i}=e;return(0,rl.jsx)("textarea",{...i,className:s(e.className,Ms,y(Ms,e)),placeholder:o,rows:a,defaultValue:t,disabled:n\|\|void 0})};Ga.states=Im;Ga.options=Tm;Ga.className=Ms;var Ss="prompt-box",il=Ss;var ks="speech-to-text-button",ll=ks;var cl=require("react/jsx-runtime"),pl="k-speech-to-text-button",dl={icon:"microphone"},st=e=>{let{listening:t=!1,icon:o=dl.icon,...a}=e;return(0,cl.jsx)(p,{...a,icon:t?"stop":o,className:s(e.className,pl,{"k-listening":t}),"aria-pressed":t?"true":"false","aria-label":t?"Stop listening":"Start listening"})};st.states=p.states;st.options=p.options;st.className=pl;st.defaultOptions=dl;st.moduleName=ks;st.folderName=ll;var Om=require("react/jsx-runtime");var Bm=require("react/jsx-runtime");var ul=require("react/jsx-runtime"),Pm=p.states,ml={...p.defaultOptions,variant:"normal"},Km={...p.options,fillMode:p.options.fillMode.filter(e=>e!=="clear"&&e!=="link")},Rm=[],_m=[{name:"normal",title:"Normal"},{name:"listening",title:"Listening"}],Ho=e=>{let{variant:t,...o}={...ml,...e},a={};return t==="listening"&&(a.listening=!0),(0,ul.jsx)(st,{...o,...a})};Ho.options=Km;Ho.states=Pm;Ho.variants=_m;Ho.defaultOptions=ml;Ho.modifiers=Rm;Ho.className=st.className;var mt=require("react/jsx-runtime"),Kt="k-prompt-box",wm=[r.hover,r.focus,r.disabled],Dm={fillMode:[x.undefined,x.solid,x.flat,x.outline]},Cs={lineMode:"auto",isExpanded:!1},_e=e=>{let{fillMode:t,lineMode:o=Cs.lineMode,startAffix:a,endAffix:n,header:i,isExpanded:l=Cs.isExpanded,className:c,children:u,value:f,placeholder:N,generating:v,actionButtonConfig:m,speechToTextButtonConfig:M,uploadButtonConfig:L,hover:C,focus:E,disabled:A,...I}=e,G=o==="multi"\|\|o==="auto"&&l;return(0,mt.jsxs)("div",{...I,className:s(c,"k-input",Kt,{[`${Kt}-singleline`]:o==="single",[`${Kt}-multiline`]:G,[`k-input-${t}`]:t,"k-hover":C,"k-focus":E,"k-disabled":A}),children:[i&&(0,mt.jsx)("div",{className:`${Kt}-header`,children:i}),(0,mt.jsxs)("div",{className:`${Kt}-content`,children:[a&&(0,mt.jsx)("div",{className:`${Kt}-affix`,children:a}),o==="single"?(0,mt.jsx)(Re,{value:f,placeholder:N,className:`${Kt}-input`,type:"text","aria-label":"Prompt input"}):(0,mt.jsx)(Ga,{value:f,placeholder:N,className:`${Kt}-textarea`,rows:o==="multi"\|\|l?3:1,"aria-label":"Prompt input","aria-multiline":"true"}),(0,mt.jsxs)("div",{className:`${Kt}-affix`,children:[n,L&&(0,mt.jsx)(Y,{icon:"paperclip",size:"small",fillMode:"flat",rounded:"full","aria-label":"Attach files",...L}),(0,mt.jsx)(st,{size:"small",fillMode:"flat",rounded:"full",...M}),(0,mt.jsx)(Y,{icon:v?"stop":"arrow-up",size:"small",rounded:"full",active:v,disabled:!f&&!v,"aria-label":v?"Stop generating":"Send prompt","aria-live":"polite",...m,className:s({"k-generating":v},m==null?void 0:m.className)})]})]}),u]})};_e.states=wm;_e.options=Dm;_e.className=Kt;_e.defaultOptions=Cs;_e.moduleName=Ss;_e.folderName=il;var Hm=require("react/jsx-runtime");var zm=require("react/jsx-runtime");var Um=require("react/jsx-runtime");var Fm=require("react/jsx-runtime");var Gm=require("react/jsx-runtime");var we=require("react/jsx-runtime"),Vm=_e.options,$m=_e.states,Xm={..._e.defaultOptions,variant:"Single"},qm=[{name:"Single",title:"Singleline"},{name:"Multi",title:"Multiline"}],Wm=[{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,we.jsx)(we.Fragment,{children:(0,we.jsx)(Y,{size:"small",icon:"send",fillMode:"flat"})});return Object.keys(o\|\|{}).forEach(l=>{switch(l){case"header":n.header=o!=null&&o[l]?(0,we.jsx)(p,{children:"Button in header"}):void 0;break;case"endAffix":o!=null&&o[l]&&(n.endAffix=(0,we.jsxs)(we.Fragment,{children:[i,(0,we.jsx)(Y,{icon:"paperclip",size:"small",fillMode:"flat"})]}));break;case"startAffix":n.startAffix=o!=null&&o[l]?(0,we.jsx)(we.Fragment,{children:(0,we.jsx)(Y,{icon:"plus",size:"small",fillMode:"flat"})}):void 0;break;default:break}}),t==="Multi"?(0,we.jsx)(_e,{style:{width:300},lineMode:"multi",endAffix:i,placeholder:"Enter your prompt...",...a,...n}):(0,we.jsx)(_e,{style:{width:300},lineMode:"single",endAffix:i,placeholder:"Enter your prompt...",...a,...n})};zo.options=Vm;zo.states=$m;zo.variants=qm;zo.defaultOptions=Xm;zo.modifiers=Wm;zo.className=_e.className;var As="chat",fl=As;var fe=require("react/jsx-runtime"),bl="k-chat",Jm=[],Ym={},Zm=(0,fe.jsxs)(fe.Fragment,{children:[(0,fe.jsx)(Y,{icon:"paperclip",fillMode:"clear",rounded:"full",size:"small","aria-label":"Attach file"},"paperclip"),(0,fe.jsx)("div",{className:"k-spacer"})]}),xl={tools:Zm},q=e=>{let{header:t,dir:o,suggestedActions:a,files:n,pinned:i,replied:l,generating:c,tools:u=xl.tools,value:f,empty:N,scrollToBottom:v,scrollbar:m,promptBoxProps:M,...L}=e;return(0,fe.jsxs)("div",{...L,className:s(bl,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",N&&"k-message-list-content-empty"),children:e.children}),v&&(0,fe.jsx)("div",{className:"k-chat-scroll-to-bottom-container",children:(0,fe.jsx)(ol,{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)(_e,{lineMode:"multi",placeholder:"Type a message",generating:c,value:f,header:n\|\|l?(0,fe.jsxs)(fe.Fragment,{children:[l,n]}):void 0,endAffix:u,...M})]})]})};q.states=Jm;q.options=Ym;q.className=bl;q.defaultOptions=xl;q.moduleName=As;q.folderName=fl;var Es="button",Nl=Es;var hl=require("react/jsx-runtime"),Va="k-button-group",Qm=[r.disabled],jm={fillMode:[x.undefined,x.solid,x.flat,x.outline,x.clear,x.link]},eu={},B=e=>{let{fillMode:t,disabled:o,stretched:a,...n}=e;return(0,hl.jsx)("div",{role:"group",...n,className:s(e.className,Va,y(Va,{fillMode:t}),S(Va,{disabled:o}),{[`${Va}-stretched`]:a}),...o&&{"aria-disabled":"true"},children:e.children})};B.states=Qm;B.options=jm;B.className=Va;B.defaultOptions=eu;B.moduleName=Es;B.folderName=Nl;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 Je=require("react/jsx-runtime"),tu={...p.options,...B.options},ou=p.states,au={...p.defaultOptions,...B.defaultOptions,variant:"text-button"},nu=[{name:"icon-button",title:"Icon Only"},{name:"text-button",title:"Text"},{name:"icon-text-button",title:"Icon Text"}],su=[],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=tu;Uo.states=ou;Uo.variants=nu;Uo.defaultOptions=au;Uo.modifiers=su;Uo.className=B.className;var $a="input",kn=$a;var vl=require("react/jsx-runtime"),Cn="k-input",ru=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading,r.readonly],iu={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[x.undefined,x.solid,x.flat,x.outline]},lu={},oe=e=>{let{hover:t,focus:o,disabled:a,invalid:n,valid:i,loading:l,readonly:c,size:u,rounded:f,fillMode:N,...v}=e;return(0,vl.jsx)("span",{...v,className:s(e.className,Cn,y(Cn,{size:u,rounded:f,fillMode:N}),S(Cn,{hover:t,focus:o,disabled:a,invalid:n,valid:i,loading:l,readonly:c}))})};oe.states=ru;oe.options=iu;oe.className=Cn;oe.defaultOptions=lu;oe.moduleName=$a;oe.folderName=kn;var gl=require("react/jsx-runtime"),An="k-picker",pu=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading,r.readonly],du={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[x.undefined,x.solid,x.flat,x.outline]},cu={},Rt=e=>{let{hover:t,focus:o,disabled:a,invalid:n,valid:i,loading:l,readonly:c,size:u,rounded:f,fillMode:N,...v}=e;return(0,gl.jsx)("span",{...v,className:s(e.className,An,y(An,{size:u,rounded:f,fillMode:N}),S(An,{hover:t,focus:o,disabled:a,invalid:n,valid:i,loading:l,readonly:c})),children:e.children})};Rt.states=pu;Rt.options=du;Rt.className=An;Rt.defaultOptions=cu;Rt.moduleName=$a;Rt.folderName=kn;var Fo=require("react/jsx-runtime"),Ll="k-clear-value",mu=[r.disabled,r.loading,r.readonly],uu={},rt=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,Ll),children:(0,Fo.jsx)(g,{icon:"x"})})};rt.states=mu;rt.options=uu;rt.className=Ll;var Xa=require("react/jsx-runtime"),Ks="k-input-inner",fu=[],bu={},Mo=e=>{let{value:t,placeholder:o,showValue:a,valueIcon:n,valueIconName:i,...l}=e;return(0,Xa.jsxs)("span",{...l,className:s(e.className,Ks,y(Ks,e)),children:[n,!n&&i&&(0,Xa.jsx)(g,{className:"k-input-value-icon",icon:i}),a&&!t&&o,a&&t&&(0,Xa.jsx)("span",{className:"k-input-value-text",children:t})]})};Mo.states=fu;Mo.options=bu;Mo.className=Ks;var qa=require("react/jsx-runtime"),Ml="k-input-loading-icon",xu=[r.disabled,r.loading],Ye=e=>{let{disabled:t,loading:o}=e;return t\|\|!o?(0,qa.jsx)(qa.Fragment,{}):(0,qa.jsx)("span",{className:s(e.className,Ml,"k-icon k-i-loading")})};Ye.states=xu;Ye.className=Ml;var Wa=require("react/jsx-runtime"),Sl="k-input-validation-icon",Nu=[r.valid,r.invalid,r.disabled,r.loading],hu={},De=e=>{let{valid:t,invalid:o,disabled:a,loading:n}=e,i=o?"warning-circle":"check-circle";return a\|\|n\|\|!!!(t\|\|o)?(0,Wa.jsx)(Wa.Fragment,{}):(0,Wa.jsx)(g,{className:s(Sl),icon:i})};De.states=Nu;De.options=hu;De.className=Sl;var Ja=require("react/jsx-runtime"),vu="k-input-prefix",gu={direction:"horizontal"},ut=e=>{let{direction:t=gu.direction,...o}=e;return e.children?(0,Ja.jsx)("span",{...o,className:s(vu,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):(0,Ja.jsx)(Ja.Fragment,{})};var Ya=require("react/jsx-runtime"),Lu="k-input-suffix",Mu={direction:"horizontal"},ft=e=>{let{direction:t=Mu.direction,...o}=e;return e.children?(0,Ya.jsx)("span",{...o,className:s(Lu,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):(0,Ya.jsx)(Ya.Fragment,{})};var Su=require("react/jsx-runtime");var kl=require("react/jsx-runtime"),ku="k-input-suffix-text",Rs=e=>{let{children:t,...o}=e;return(0,kl.jsx)("span",{...o,className:s(ku,e.className),children:t})};var Al=require("react/jsx-runtime"),Cl="k-input-separator",Cu={direction:"vertical"},bt=e=>{let{direction:t=Cu.direction,...o}=e;return(0,Al.jsx)("span",{...o,className:s(Cl,e.className,{[`${Cl}-${t}`]:t})})};var me=require("react/jsx-runtime"),Au=oe.states,Eu=oe.defaultOptions,yu=oe.options,Iu=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],Tu=[],Go=e=>{let{modifiers:t,valid:o,invalid:a,loading:n,disabled:i,readonly:l,...c}=e,u=t==null?void 0:t.prefix,f=t==null?void 0:t.suffix,N=t==null?void 0:t["clear-button"],v=t==null?void 0:t["validation-icon"],m=t==null?void 0:t.separators;return(0,me.jsxs)(oe,{...c,valid:o,invalid:a,loading:n,disabled:i,readonly:l,style:{width:300},children:[u&&(0,me.jsxs)(me.Fragment,{children:[(0,me.jsx)(ut,{children:(0,me.jsx)(g,{icon:"lock"})}),m&&(0,me.jsx)(bt,{})]}),(0,me.jsx)(Re,{placeholder:"Placeholder",value:"Value"}),v&&(0,me.jsx)(De,{valid:o,invalid:a,loading:n,disabled:i}),(0,me.jsx)(Ye,{loading:n,disabled:i}),N&&(0,me.jsx)(rt,{loading:n,disabled:i,readonly:l,value:"Value"}),f&&(0,me.jsxs)(me.Fragment,{children:[m&&(0,me.jsx)(bt,{}),(0,me.jsx)(ft,{children:(0,me.jsx)(Ct,{size:c.size,fillMode:"clear",children:"Send"})})]})]})};Go.options=yu;Go.states=Au;Go.variants=Tu;Go.defaultOptions=Eu;Go.modifiers=Iu;Go.className=oe.className;var Za=require("react/jsx-runtime"),El="k-color-preview",Ou=[],Bu={},no=e=>{let{color:t,iconName:o,...a}=e;return(0,Za.jsxs)("span",{...a,className:s(e.className,El,{"k-icon-color-preview":o,"k-no-color":!t}),children:[o&&(0,Za.jsx)(g,{icon:o,className:"k-color-preview-icon"}),(0,Za.jsx)("span",{className:"k-color-preview-mask",style:{backgroundColor:t}})]})};no.states=Ou;no.options=Bu;no.className=El;var _s="popup",yl=_s;var Ds=require("react/jsx-runtime"),Il="k-animation-container",Pu=[],Ku={},ws={positionMode:"absolute",shown:!0},_t=e=>{let{positionMode:t=ws.positionMode,shown:o=ws.shown,animationStyle:a,offset:n,...i}=e;return(0,Ds.jsx)("div",{...i,style:{...n,...e.style},className:s(e.className,Il,{"k-animation-container-shown":o,"k-animation-container-fixed":t==="fixed"}),children:(0,Ds.jsx)("div",{className:"k-child-animation-container",style:a,children:e.children})})};_t.states=Pu;_t.options=Ku;_t.className=Il;_t.defaultOptions=ws;_t.moduleName=_s;_t.folderName=yl;var Hs="popup",Tl=Hs;var zs=require("react/jsx-runtime"),Ol="k-popup",Ru=[],_u={},Bl={positionMode:"absolute"},Z=e=>{let{offset:t,positionMode:o=Bl.positionMode,animationStyle:a,containerClassName:n,containerRole:i,containerAriaLabel:l,...c}=e;return(0,zs.jsx)(_t,{positionMode:o,offset:t,animationStyle:a,className:n,role:i,"aria-label":l,children:(0,zs.jsx)("div",{...c,className:s(e.className,Ol),children:e.children})})};Z.states=Ru;Z.options=_u;Z.className=Ol;Z.defaultOptions=Bl;Z.moduleName=Hs;Z.folderName=Tl;var Us="action-buttons",Pl=Us;var Rl=require("react/jsx-runtime"),En="k-actions",wu=[],Du={},Fs={alignment:"start",orientation:"horizontal"},it=e=>{let{alignment:t=Fs.alignment,orientation:o=Fs.orientation,...a}=e;return(0,Rl.jsx)("div",{...a,className:s(En,{[`${En}-${t}`]:t,[`${En}-${o}`]:o},e.className),children:e.children})};it.states=wu;it.options=Du;it.className=En;it.defaultOptions=Fs;it.moduleName=Us;it.folderName=Pl;var Kl=it;var wl=require("react/jsx-runtime"),Hu="k-actionsheet-footer",_l={alignment:"stretched",orientation:"horizontal"},so=e=>{let{alignment:t=_l.alignment,orientation:o=_l.orientation,template:a,as:n=a?"div":it,...i}=e;return(0,wl.jsx)(n,{...i,...!a&&{alignment:t,orientation:o},className:s(e.className,Hu),children:e.children})};var Gs="searchbox",Dl=Gs;var ro=require("react/jsx-runtime"),Hl="k-searchbox",zu=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading],Uu={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[x.undefined,x.solid,x.flat,x.outline]},yn={showIcon:!0,showClearButton:!0,icon:"search"},xt=e=>{let{value:t,placeholder:o,size:a,rounded:n,fillMode:i,hover:l,focus:c,valid:u,invalid:f,required:N,loading:v,disabled:m,showIcon:M=yn.showIcon,showClearButton:L=yn.showClearButton,icon:C=yn.icon,"aria-label":E,...A}=e;return(0,ro.jsxs)(oe,{...A,size:a,rounded:n,fillMode:i,hover:l,focus:c,valid:u,invalid:f,required:N,loading:v,disabled:m,className:s(e.className,Hl),children:[M&&(0,ro.jsx)(g,{className:"k-input-icon",icon:C}),(0,ro.jsx)(Re,{placeholder:o,value:t,"aria-label":E}),(0,ro.jsx)(Ye,{...e}),(0,ro.jsx)(De,{...e}),L&&(0,ro.jsx)(rt,{...e})]})};xt.states=zu;xt.options=Uu;xt.className=Hl;xt.defaultOptions=yn;xt.moduleName=Gs;xt.folderName=Dl;var Fu=require("react/jsx-runtime");var Vs="textbox",zl=Vs;var Ae=require("react/jsx-runtime"),Ul="k-textbox",Gu=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading,r.readonly],Vu={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[x.undefined,x.solid,x.flat,x.outline]},In={showClearButton:!0,showValidationIcon:!0,separators:!0},Ee=e=>{let{size:t,rounded:o,fillMode:a,separators:n=In.separators,showClearButton:i=In.showClearButton,showValidationIcon:l=In.showValidationIcon,prefix:c,suffix:u,type:f,value:N,placeholder:v,hover:m,focus:M,valid:L,invalid:C,required:E,loading:A,disabled:I,readonly:G,id:ke,"aria-label":We,"aria-describedby":Ce,...Ke}=e;return(0,Ae.jsxs)(oe,{...Ke,size:t,rounded:o,fillMode:a,hover:m,focus:M,valid:L,invalid:C,required:E,loading:A,disabled:I,readonly:G,className:s(e.className,Ul),children:[c&&(0,Ae.jsxs)(Ae.Fragment,{children:[(0,Ae.jsx)(ut,{children:c}),n&&(0,Ae.jsx)(bt,{})]}),(0,Ae.jsx)(Re,{id:ke,placeholder:v,value:N,type:f,disabled:I,"aria-label":We,"aria-describedby":Ce,"aria-invalid":C?"true":void 0}),l&&(0,Ae.jsx)(De,{valid:L,invalid:C,loading:A,disabled:I}),(0,Ae.jsx)(Ye,{loading:A,disabled:I}),i&&(0,Ae.jsx)(rt,{loading:A,disabled:I,readonly:G,value:N}),u&&(0,Ae.jsxs)(Ae.Fragment,{children:[n&&(0,Ae.jsx)(bt,{}),(0,Ae.jsx)(ft,{children:u})]})]})};Ee.states=Gu;Ee.options=Vu;Ee.className=Ul;Ee.defaultOptions=In;Ee.moduleName=Vs;Ee.folderName=zl;var Qa=Ee;var Fl=require("react/jsx-runtime"),Tn=e=>(0,Fl.jsx)(Qa,{...e});var Gl=require("react/jsx-runtime");var Vl=require("react/jsx-runtime");var $u=require("react/jsx-runtime");var On=require("react/jsx-runtime"),Xu=Ee.states,qu=Ee.defaultOptions,Wu=Ee.options,Ju=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],Yu=[],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,On.jsx)(g,{icon:"lock"}):void 0;break;case"suffix":a.suffix=t!=null&&t[n]?(0,On.jsx)(Ct,{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,On.jsx)(Tn,{value:"Value",style:{width:300},...o,...a})};Vo.options=Wu;Vo.states=Xu;Vo.variants=Yu;Vo.defaultOptions=qu;Vo.modifiers=Ju;Vo.className=Ee.className;var lt=require("react/jsx-runtime"),$l="k-actionsheet-titlebar",Zu={},He=e=>{let{title:t,subtitle:o,actionsStart:a,actionsEnd:n,filter:i,input:l,inputValue:c,inputPlaceholder:u,adaptive:f,titleId:N,children:v,...m}=e;return(0,lt.jsxs)("div",{...m,className:s(e.className,$l),children:[(0,lt.jsxs)("div",{className:"k-actionsheet-titlebar-group",children:[a&&(0,lt.jsx)("div",{className:"k-actionsheet-actions",children:a}),!v&&(0,lt.jsxs)("div",{className:"k-actionsheet-title",id:N,children:[t&&(0,lt.jsx)("div",{className:"k-text-center",children:t}),o&&(0,lt.jsx)("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),v&&(0,lt.jsx)("div",{className:"k-actionsheet-title",id:N,children:v}),n&&(0,lt.jsx)("div",{className:"k-actionsheet-actions",children:n})]}),(l\|\|i)&&(0,lt.jsx)("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:l?(0,lt.jsx)(Ee,{value:c,placeholder:u,size:f?"large":"medium","aria-label":t\|\|u\|\|"Input"}):(0,lt.jsx)(xt,{placeholder:"Filter",size:f?"large":"medium","aria-label":"Filter options"})})]})};He.className=$l;He.defaultOptions=Zu;var $o=require("react/jsx-runtime"),$s="k-actionsheet-view",Qu=[],ju={},ef={},Xo=e=>{let{adaptive:t,animated:o,children:a,header:n,footer:i,titleId:l,...c}=e,u=(n==null?void 0:n.type)===He&&(0,$o.jsx)(He,{adaptive:t,titleId:l,...n==null?void 0:n.props}),f=(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,$s,{[`${$s}-animated`]:o}),children:[u,(0,$o.jsx)("div",{className:"k-actionsheet-content",children:a}),f]})};Xo.states=Qu;Xo.options=ju;Xo.className=$s;Xo.defaultOptions=ef;var ja="action-sheet",Bn=ja;var Xs="overlay",Xl=Xs;var Wl=require("react/jsx-runtime"),ql="k-overlay",tf=[],of={},af={},wt=e=>{let{...t}=e;return(0,Wl.jsx)("div",{...t,className:s(e.className,ql),children:e.children})};wt.states=tf;wt.options=of;wt.className=ql;wt.defaultOptions=af;wt.moduleName=Xs;wt.folderName=Xl;var So=require("react/jsx-runtime"),Jl="k-actionsheet",nf=[],sf={},en={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},ae=e=>{let{side:t=en.side,fullscreen:o=en.fullscreen,adaptive:a=en.adaptive,overlay:n=en.overlay,template:i,children:l,header:c,footer:u,id:f,...N}=e,v=f&&!i&&c?`${f}-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",{...N,id:f,role:"dialog","aria-modal":n?"true":void 0,"aria-labelledby":v,className:s(e.className,Jl,{[`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:v,...e,children:l})})})]})};ae.states=nf;ae.options=sf;ae.className=Jl;ae.defaultOptions=en;ae.moduleName=ja;ae.folderName=Bn;var Zl=require("react/jsx-runtime"),Yl="k-actionsheet-container",rf=[],lf={},pf={},qo=e=>{let{children:t,...o}=e;return(0,Zl.jsx)("div",{...o,className:Yl,children:t})};qo.states=rf;qo.options=lf;qo.className=Yl;qo.defaultOptions=pf;qo.moduleName=ja;qo.folderName=Bn;var Ql=require("react/jsx-runtime"),qs=e=>{let{...t}=e;return(0,Ql.jsx)("div",{...t,className:s(e.className,"k-list-ul"),children:e.children})};var Nt=require("react/jsx-runtime"),Ws="k-actionsheet-item",df=[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,Nt.jsxs)("span",{...u,className:s(e.className,Ws,S(Ws,{hover:n,focus:i,selected:l,disabled:c})),children:[!e.children&&(0,Nt.jsx)(Nt.Fragment,{children:(0,Nt.jsxs)("span",{className:"k-actionsheet-action",children:[t&&(0,Nt.jsx)("span",{className:"k-icon-wrap",children:(0,Nt.jsx)(g,{className:"k-actionsheet-item-icon",icon:t})}),(0,Nt.jsxs)("span",{className:"k-actionsheet-item-text",children:[o&&(0,Nt.jsx)("span",{className:"k-actionsheet-item-title",children:o}),a&&(0,Nt.jsx)("span",{className:"k-actionsheet-item-description",children:a})]})]})}),e.children]})};io.states=df;io.className=Ws;var jl=require("react/jsx-runtime");var cf=require("react/jsx-runtime");var mf=require("react/jsx-runtime");var uf=require("react/jsx-runtime");var Q=require("react/jsx-runtime"),ff=ae.options,bf=ae.states,tp={...ae.defaultOptions,variant:"normal"},xf=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],Nf=[{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}={...tp,...e},n={},i=(0,Q.jsxs)(qs,{children:[(0,Q.jsx)(io,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),(0,Q.jsx)(io,{text:"Add to Favorites",iconName:"heart"}),(0,Q.jsx)(io,{text:"Upload New",iconName:"upload",disabled:!0}),(0,Q.jsx)("hr",{className:"k-hr"}),(0,Q.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,Q.jsx)(ae,{...a,adaptive:!0,fullscreen:n.fullScreen,header:(0,Q.jsx)(He,{actionsStart:n.actionsStart?(0,Q.jsx)(p,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:n.actionsEnd?(0,Q.jsx)(p,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:c,subtitle:n.subtitle}),footer:n.footer?(0,Q.jsxs)(so,{alignment:"stretched",children:[(0,Q.jsx)(p,{text:"Cancel",size:"large",themeColor:"base"}),(0,Q.jsx)(p,{text:"Apply",size:"large",themeColor:"primary"})]}):void 0,children:i}):(0,Q.jsx)(ae,{...a,fullscreen:n.fullScreen,header:(0,Q.jsx)(He,{actionsStart:n.actionsStart?(0,Q.jsx)(p,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:n.actionsEnd?(0,Q.jsx)(p,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:n.subtitle}),footer:n.footer?(0,Q.jsxs)(so,{alignment:"stretched",children:[(0,Q.jsx)(p,{text:"Apply",themeColor:"primary"}),(0,Q.jsx)(p,{text:"Cancel",themeColor:"base"})]}):void 0,children:i})};Wo.options=ff;Wo.states=bf;Wo.variants=xf;Wo.defaultOptions=tp;Wo.modifiers=Nf;Wo.className=ae.className;var Js="slider",op=Js;var At=require("react/jsx-runtime"),tn="k-slider",hf=[r.hover,r.focus,r.active,r.disabled,r.readonly],vf={},ht={type:"single",orientation:"horizontal",gradientType:"1d",readonly:!1,disabled:!1,handlePosition:"end",showButtons:!0,showTicks:!0,value:50,min:0,max:100},J=e=>{let{type:t=ht.type,orientation:o=ht.orientation,gradientType:a=ht.gradientType,readonly:n=ht.readonly,disabled:i=ht.disabled,handlePosition:l=ht.handlePosition,showButtons:c=ht.showButtons,showTicks:u=ht.showTicks,value:f=ht.value,min:N=ht.min,max:v=ht.max,startValue:m,endValue:M,hover:L,focus:C,active:E,trackStyle:A,dir:I,...G}=e,We=(()=>{if(t==="gradient"&&a==="2d")return"undefined";if(o==="vertical")return"vertical"})(),Ce,Ke;return o==="horizontal"?(Ce=I==="rtl"?"chevron-left":"chevron-right",Ke=I==="rtl"?"chevron-right":"chevron-left"):o==="vertical"&&(Ce="chevron-up",Ke="chevron-down"),(0,At.jsxs)("div",{...G,className:s(tn,e.className,S(tn,{readonly:n,disabled:i}),{[`k-slider-${o}`]:o,"k-colorgradient-slider":t==="gradient"}),dir:I,children:[c&&(0,At.jsx)(p,{className:"k-button-decrease",rounded:"full",icon:Ke,tabIndex:-1,title:"Decrease"}),(0,At.jsxs)("div",{className:"k-slider-track-wrap",children:[u&&(0,At.jsx)("ul",{className:"k-reset k-slider-items","aria-hidden":"true",children:e.children}),(0,At.jsxs)("div",{className:"k-slider-track",style:A,children:[(0,At.jsx)("div",{className:"k-slider-selection"}),t==="range"&&(0,At.jsx)("span",{className:s("k-draghandle","k-draghandle-start",S(tn,{hover:L,focus:C,active:E})),role:"slider",tabIndex:i?void 0:0,"aria-valuenow":m??N,"aria-valuemin":N,"aria-valuemax":M??v,"aria-orientation":We,"aria-disabled":i?"true":void 0,"aria-readonly":n?"true":void 0,"aria-label":G["aria-label"]?`${G["aria-label"]} start`:"Range start"}),(0,At.jsx)("span",{className:s("k-draghandle",`k-draghandle-${l}`,S(tn,{hover:L,focus:C,active:E})),role:"slider",tabIndex:i?void 0:0,"aria-valuenow":t==="range"?M??v:f,"aria-valuemin":t==="range"?m??N:N,"aria-valuemax":v,"aria-orientation":We,"aria-disabled":i?"true":void 0,"aria-readonly":n?"true":void 0,"aria-label":t==="range"?G["aria-label"]?`${G["aria-label"]} end`:"Range end":G["aria-label"]})]})]}),c&&(0,At.jsx)(p,{className:"k-button-increase",rounded:"full",icon:Ce,tabIndex:-1,title:"Increase"})]})};J.states=hf;J.options=vf;J.className=tn;J.defaultOptions=ht;J.moduleName=Js;J.folderName=op;var Ys=require("react/jsx-runtime"),ap="k-tick",gf=[],Lf={},np={label:!1},T=e=>{let{style:t,label:o=np.label,orientation:a,large:n,text:i,...l}=e;return(0,Ys.jsx)("li",{...l,role:"presentation",title:i\|\|"Tick",className:s(e.className,ap,{[`k-tick-${a}`]:a,"k-tick-large":n}),style:t,children:o&&(0,Ys.jsx)("span",{className:"k-label",children:i})})};T.states=gf;T.options=Lf;T.className=ap;T.defaultOptions=np;var be=require("react/jsx-runtime"),sp=e=>(0,be.jsx)(J,{"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"),rp=e=>(0,xe.jsx)(J,{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 Zs=require("react/jsx-runtime");var Qs=require("react/jsx-runtime");var ip=require("react/jsx-runtime"),js=e=>(0,ip.jsx)(J,{type:"gradient",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]\|\|"Color slider"});var lp=require("react/jsx-runtime"),er=e=>(0,lp.jsx)(J,{type:"gradient",orientation:"vertical",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]\|\|"Color slider"});var tr=require("react/jsx-runtime");var or=require("react/jsx-runtime");var Ze=require("react/jsx-runtime"),Mf=J.options,Sf=J.states,pp={...J.defaultOptions,variant:"horizontal",label:!0},kf=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],Cf=[{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=pp.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)(rp,{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)(sp,{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=Mf;Jo.states=Sf;Jo.variants=kf;Jo.defaultOptions=pp;Jo.modifiers=Cf;Jo.className=J.className;var on=require("react/jsx-runtime"),dp="k-spin-button",yf=[],If={size:[d.undefined,d.small,d.medium,d.large],fillMode:[x.undefined,x.solid,x.flat,x.outline,x.clear,x.link]},ar={increaseLabel:"Increase value",decreaseLabel:"Decrease value"},lo=e=>{let{size:t,fillMode:o,disabled:a,increaseLabel:n=ar.increaseLabel,decreaseLabel:i=ar.decreaseLabel,...l}=e;return(0,on.jsxs)("span",{...l,className:s(dp,e.className),children:[(0,on.jsx)(p,{className:"k-spinner-increase",icon:"chevron-up",size:t,fillMode:o,disabled:a,"aria-label":n}),(0,on.jsx)(p,{className:"k-spinner-decrease",icon:"chevron-down",size:t,fillMode:o,disabled:a,"aria-label":i})]})};lo.states=yf;lo.options=If;lo.className=dp;lo.defaultOptions=ar;lo.moduleName=null;lo.folderName=null;var cp="numeric-textbox",mp="numerictextbox";var Ne=require("react/jsx-runtime"),up="k-numerictextbox",Tf=[r.hover,r.focus,r.valid,r.invalid,r.loading,r.required,r.disabled,r.readonly],Of={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[x.undefined,x.solid,x.flat,x.outline]},Pn={showSpinButton:!0,showClearButton:!0,separators:!0},U=e=>{let{size:t,rounded:o,fillMode:a,separators:n=Pn.separators,showClearButton:i=Pn.showClearButton,showSpinButton:l=Pn.showSpinButton,prefix:c,suffix:u,value:f,placeholder:N,hover:v,focus:m,valid:M,invalid:L,required:C,loading:E,disabled:A,readonly:I,id:G,"aria-label":ke,"aria-describedby":We,...Ce}=e;return(0,Ne.jsxs)(oe,{...Ce,size:t,rounded:o,fillMode:a,hover:v,focus:m,valid:M,invalid:L,required:C,loading:E,disabled:A,readonly:I,className:s(e.className,up),children:[c&&(0,Ne.jsxs)(Ne.Fragment,{children:[(0,Ne.jsx)(ut,{children:c}),n&&(0,Ne.jsx)(bt,{})]}),(0,Ne.jsx)(Re,{id:G,placeholder:N,value:f,role:"spinbutton",disabled:A,"aria-label":ke,"aria-describedby":We,"aria-invalid":L?"true":void 0}),(0,Ne.jsx)(De,{valid:M,invalid:L,loading:E,disabled:A}),(0,Ne.jsx)(Ye,{loading:E,disabled:A}),i&&(0,Ne.jsx)(rt,{loading:E,disabled:A,readonly:I,value:f}),u&&(0,Ne.jsxs)(Ne.Fragment,{children:[n&&(0,Ne.jsx)(bt,{}),(0,Ne.jsx)(ft,{children:u})]}),l&&(0,Ne.jsx)(lo,{className:"k-input-spinner",size:t,fillMode:a,disabled:A})]})};U.states=Tf;U.options=Of;U.className=up;U.defaultOptions=Pn;U.moduleName=cp;U.folderName=mp;var an=U;var bp=require("react/jsx-runtime"),fp=e=>(0,bp.jsx)(an,{...e});var Rn=Ui(require("react"));var nr=require("react/jsx-runtime"),Bf="k-list-group-sticky-header",sr=e=>(0,nr.jsx)("div",{className:s(Bf,e.className),children:(0,nr.jsx)("div",{className:"k-list-header-text",children:e.children})});var xp=require("react/jsx-runtime"),Pf="k-no-data",Kn=e=>{let{live:t,...o}=e;return(0,xp.jsx)("span",{...o,className:s(Pf,e.className),"aria-live":t?"polite":void 0,children:e.children})};var ko="list",Yo=ko;var Zo=require("react/jsx-runtime"),rr="k-list",Kf=[],Rf={size:[d.undefined,d.small,d.medium,d.large]},_f={},R=e=>{var L;let{size:t,virtualization:o,children:a,header:n,selectAll:i,optionLabel:l,customValue:c,noData:u,screenReaders:f,...N}=e,m=Rn.default.Children.toArray(a)[0],M=(L=m==null?void 0:m.props)!=null&&L.children?Rn.default.Children.count(m.props.children):Rn.default.Children.count(a);return(0,Zo.jsxs)("div",{...N,className:s(e.className,rr,y(rr,{size:t}),{"k-virtual-list":o}),children:[l,i,c,n&&(0,Zo.jsx)(sr,{children:n}),a\|\|(u!==void 0?u:(0,Zo.jsx)(Kn,{live:!0,children:"No data found."})),f&&a&&(0,Zo.jsxs)(Kn,{className:"k-sr-only",live:!0,children:[M," items found."]})]})};R.states=Kf;R.options=Rf;R.className=rr;R.defaultOptions=_f;R.moduleName=ko;R.folderName=Yo;var hp=require("react/jsx-runtime"),Np="k-list-container",wf=[],Df={},Hf={},Qo=e=>{let{...t}=e;return(0,hp.jsx)("div",{...t,className:s(e.className,Np),children:e.children})};Qo.states=wf;Qo.options=Df;Qo.className=Np;Qo.defaultOptions=Hf;Qo.moduleName=ko;Qo.folderName=Yo;var Co="checkbox",jo=Co;var ir=require("react/jsx-runtime"),_n="k-checkbox",zf=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.checked,r.indeterminate],Uf={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full]},Ff={},pt=e=>{let{id:t,checked:o,indeterminate:a,hover:n,focus:i,disabled:l,invalid:c,valid:u,required:f,size:N,rounded:v,wrapperRole:m,...M}=e;return(0,ir.jsx)("span",{className:"k-checkbox-wrap",role:m,children:(0,ir.jsx)("input",{...M,id:t,type:"checkbox",defaultChecked:o,required:f,disabled:l\|\|void 0,"aria-invalid":c?"true":void 0,className:s(e.className,_n,y(_n,{size:N,rounded:v}),S(_n,{hover:n,focus:i,disabled:l,invalid:c,valid:u,indeterminate:a,checked:o}))})})};pt.states=zf;pt.options=Uf;pt.className=_n;pt.defaultOptions=Ff;pt.moduleName=Co;pt.folderName=jo;var Et=pt;var Lp=require("react/jsx-runtime"),vp="k-checkbox-list",Gf=[],Vf={},gp={layout:"vertical"},ze=e=>{let{layout:t=gp.layout,...o}=e;return(0,Lp.jsx)("ul",{...o,className:s(e.className,vp,{[`k-list-${t}`]:t}),children:e.children})};ze.states=Gf;ze.options=Vf;ze.className=vp;ze.defaultOptions=gp;ze.moduleName=Co;ze.folderName=jo;var Sp=require("react/jsx-runtime"),Mp="k-checkbox-list-item",$f=[],Xf={},qf={},Ue=e=>{let{...t}=e;return(0,Sp.jsx)("li",{...t,className:s(e.className,Mp),children:e.children})};Ue.states=$f;Ue.options=Xf;Ue.className=Mp;Ue.defaultOptions=qf;Ue.moduleName=Co;Ue.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)(Et,{id:t,...o}),(0,Ao.jsx)("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});var lr=require("react/jsx-runtime");var pr=require("react/jsx-runtime");var dr=require("react/jsx-runtime");var Wf=require("react/jsx-runtime");var Jf=require("react/jsx-runtime");var Yf=require("react/jsx-runtime");var ye=require("react/jsx-runtime"),Zf=ze.options,Qf=ze.states,jf={...ze.defaultOptions,variant:"vertical"},eb=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],tb=[],ea=e=>{let{variant:t,...o}=e;return t==="horizontal"?(0,ye.jsxs)(ze,{layout:"horizontal",...o,children:[(0,ye.jsx)(Ue,{children:(0,ye.jsx)(Jt,{id:K("cb"),defaultChecked:!0,children:"Label"})}),(0,ye.jsx)(Ue,{children:(0,ye.jsx)(Jt,{id:K("cb"),children:"Label"})}),(0,ye.jsx)(Ue,{children:(0,ye.jsx)(Jt,{id:K("cb"),children:"Label"})})]}):(0,ye.jsxs)(ze,{...o,children:[(0,ye.jsx)(Ue,{children:(0,ye.jsx)(Jt,{id:K("cb"),defaultChecked:!0,children:"Label"})}),(0,ye.jsx)(Ue,{children:(0,ye.jsx)(Jt,{id:K("cb"),children:"Label"})}),(0,ye.jsx)(Ue,{children:(0,ye.jsx)(Jt,{id:K("cb"),children:"Label"})})]})};ea.options=Zf;ea.states=Qf;ea.variants=eb;ea.defaultOptions=jf;ea.modifiers=tb;ea.className=ze.className;var kp=require("react/jsx-runtime"),ob=Et.options,ab=Et.states,nb=Et.defaultOptions,sb=[],rb=[],ta=e=>(0,kp.jsx)(Jt,{id:K("checkbox"),...e,defaultChecked:!0,children:"Label"});ta.options=ob;ta.states=ab;ta.variants=sb;ta.defaultOptions=nb;ta.modifiers=rb;ta.className=Et.className;var Yt=require("react/jsx-runtime"),cr="k-list-item",ib=[r.hover,r.focus,r.selected,r.disabled],lb={},pb={},P=e=>{let{text:t,iconName:o,iconClassName:a,showCheckbox:n,checked:i,hover:l,focus:c,selected:u,disabled:f,actions:N,description:v,id:m,...M}=e,L=t\|\|e.children,C=t\|\|(typeof L=="string"?L:void 0);return(0,Yt.jsxs)("li",{...M,id:m,role:"option",tabIndex:c?0:-1,"aria-selected":u?"true":"false","aria-disabled":f?"true":void 0,className:s(e.className,cr,S(cr,{hover:l,focus:c,disabled:f,selected:u})),children:[n&&(0,Yt.jsx)(pt,{checked:i,disabled:f,"aria-label":C,tabIndex:-1}),o&&(0,Yt.jsx)("span",{className:"k-list-item-icon-wrapper",children:(0,Yt.jsx)(g,{icon:o,className:s("k-list-item-icon",a)})}),(0,Yt.jsx)("span",{className:"k-list-item-text",children:L}),N&&(0,Yt.jsx)("div",{className:"k-list-item-actions",children:N}),v&&(0,Yt.jsx)("span",{className:"k-list-item-description",children:v})]})};P.states=ib;P.options=lb;P.className=cr;P.defaultOptions=pb;P.moduleName=ko;P.folderName=Yo;var Cp=require("react/jsx-runtime"),db="k-list-ul",po=e=>{let{children:t,role:o,id:a,...n}=e;return(0,Cp.jsx)("ul",{...n,id:a,role:o,className:s(db,e.className),children:t})};var oa=require("react/jsx-runtime"),cb="k-list-content",V=e=>{let{virtualization:t,grouping:o,"aria-label":a,"aria-labelledby":n,listboxId:i,...l}=e;return(0,oa.jsxs)("div",{...l,className:s(cb,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"),wn="k-list-sticky-header",mb=[r.hover,r.focus,r.selected],ub={},fb={},Dn=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(wn,e.className),children:(0,aa.jsxs)("div",{className:s(`${wn}-item`,S(`${wn}-item`,{hover:i,focus:l,selected:c})),"aria-label":t,...!o&&{tabIndex:0,"aria-selected":c?"true":"false"},children:[o&&(0,aa.jsx)(pt,{checked:a,indeterminate:n,"aria-label":t}),(0,aa.jsx)("span",{className:"k-list-item-text",children:t})]})})};Dn.states=mb;Dn.options=ub;Dn.className=wn;Dn.defaultOptions=fb;var mr=require("react/jsx-runtime");var Ap=require("react/jsx-runtime");var Ep=require("react/jsx-runtime"),ur="k-list-optionlabel",bb=[r.hover,r.focus,r.selected,r.disabled],xb={},Nb={},Hn=e=>{let{text:t,hover:o,focus:a,selected:n,disabled:i,...l}=e;return(0,Ep.jsx)("div",{...l,className:s(ur,S(ur,{hover:o,focus:a,selected:n,disabled:i})),children:t})};Hn.states=bb;Hn.options=xb;Hn.className=ur;Hn.defaultOptions=Nb;var yp=require("react/jsx-runtime"),fr="k-list-custom-value",hb=[r.hover,r.focus,r.selected,r.disabled],vb={},gb={},co=e=>{let{text:t,hover:o,focus:a,selected:n,disabled:i,...l}=e;return(0,yp.jsx)("div",{...l,className:s(fr,S(fr,{hover:o,focus:a,selected:n,disabled:i})),children:t})};co.states=hb;co.options=vb;co.className=fr;co.defaultOptions=gb;var br=require("react/jsx-runtime");var xr=require("react/jsx-runtime");var Nr=require("react/jsx-runtime");var hr=require("react/jsx-runtime");var Lb=require("react/jsx-runtime");var vr=require("react/jsx-runtime");var gr=require("react/jsx-runtime");var Ip="dropdown-list",Tp="dropdownlist";var j=require("react/jsx-runtime"),Op="k-dropdownlist",Mb=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading,r.readonly],Sb={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[x.undefined,x.solid,x.flat,x.outline]},Lr={showValue:!0,arrowIconName:"chevron-down"},ue=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:n=Lr.arrowIconName,showValue:i=Lr.showValue,valueIconName:l,prefix:c,suffix:u,value:f,placeholder:N,hover:v,focus:m,valid:M,invalid:L,required:C,loading:E,disabled:A,readonly:I,popup:G,opened:ke,adaptive:We,adaptiveSettings:Ce,adaptiveTitle:Ke,adaptiveSubtitle:ls,adaptiveFilter:vo,id:go,activeDescendant:Ra,"aria-label":ps,...ds}=e,cs=go?`${go}-listbox`:void 0,Hi=go?`${go}-value`:void 0;return(0,j.jsxs)(j.Fragment,{children:[(0,j.jsxs)(Rt,{...ds,id:go,size:t,rounded:o,fillMode:a,hover:v,focus:m,valid:M,invalid:L,required:C,loading:E,disabled:A,readonly:I,className:s(e.className,Op,{"k-icon-picker":!i&&l}),role:"combobox","aria-haspopup":"listbox","aria-expanded":ke?"true":"false","aria-controls":ke?cs:void 0,"aria-activedescendant":ke&&Ra?Ra:void 0,"aria-describedby":ke?Hi:void 0,"aria-disabled":A?"true":void 0,"aria-label":ps,tabIndex:0,children:[(0,j.jsx)(ut,{children:c}),(0,j.jsx)(Mo,{placeholder:N,value:f,showValue:i,valueIconName:l,id:Hi}),(0,j.jsx)(De,{valid:M,invalid:L,loading:E,disabled:A}),(0,j.jsx)(Ye,{loading:E,disabled:A}),(0,j.jsx)(ft,{children:u}),(0,j.jsx)(p,{className:"k-input-button",icon:n,size:e.size,fillMode:e.fillMode,"aria-label":N\|\|"Toggle dropdown",tabIndex:-1})]}),ke&&G&&(0,j.jsx)(Z,{className:"k-list-container k-dropdownlist-popup",containerRole:"region",containerAriaLabel:"Dropdown suggestions",children:G}),We&&(0,j.jsx)(ae,{adaptive:!0,...Ce,header:(0,j.jsx)(He,{actionsEnd:(0,j.jsx)(p,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),filter:vo,inputValue:f,inputPlaceholder:N,title:Ke,subtitle:ls}),children:(0,j.jsx)("div",{className:"k-list-container",children:(0,j.jsx)(R,{size:"large",children:(0,j.jsxs)(V,{"aria-label":"Options",children:[(0,j.jsx)(P,{text:"List item"}),(0,j.jsx)(P,{text:"List item"}),(0,j.jsx)(P,{text:"List item"})]})})})})]})};ue.states=Mb;ue.options=Sb;ue.className=Op;ue.defaultOptions=Lr;ue.moduleName=Ip;ue.folderName=Tp;var kb=require("react/jsx-runtime");var Bp=require("react/jsx-runtime");var Mr=require("react/jsx-runtime");var Cb=require("react/jsx-runtime");var Pp=require("react/jsx-runtime");var Sr=require("react/jsx-runtime");var Ab=require("react/jsx-runtime");var Qe=require("react/jsx-runtime"),Eb=ue.states,yb=ue.defaultOptions,Ib=ue.options,Tb=[{name:"opened",title:"Opened"}],Ob=[],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)(xt,{})}),(0,Qe.jsx)(R,{style:{width:300},size:o.size,children:(0,Qe.jsxs)(V,{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)(ue,{placeholder:"Value",style:{width:300},...o,...a})})};sa.options=Ib;sa.states=Eb;sa.variants=Ob;sa.defaultOptions=yb;sa.modifiers=Tb;sa.className=ue.className;var Kp=require("react/jsx-runtime");var Rp=require("react/jsx-runtime");var Bb=require("react/jsx-runtime");var zn=require("react/jsx-runtime"),Pb=U.states,Kb=U.defaultOptions,Rb=U.options,_b=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"spin-button",title:"`Spin` Button"}],wb=[],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,zn.jsx)(ue,{size:o.size,fillMode:"flat",value:"mm"}):void 0;break;case"suffix":a.suffix=t!=null&&t[n]?(0,zn.jsx)(Rs,{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,zn.jsx)(fp,{value:"Value",style:{width:300},...o,...a})};ra.options=Rb;ra.states=Pb;ra.variants=wb;ra.defaultOptions=Kb;ra.modifiers=_b;ra.className=U.className;var k=require("react/jsx-runtime"),_p="k-colorgradient-inputs",Db=[],Hb={size:[d.undefined,d.small,d.medium,d.large]},wp={mode:"rgba"},ia=e=>{let{mode:t=wp.mode,size:o,...a}=e;return(0,k.jsxs)("div",{...a,className:s(_p,"k-hstack"),children:[(0,k.jsx)("div",{className:"k-vstack",children:(0,k.jsx)(p,{fillMode:"flat",icon:"caret-alt-expand",className:"k-colorgradient-toggle-mode",size:o,"aria-label":"Toggle color input format"})}),t==="rgba"&&(0,k.jsxs)(k.Fragment,{children:[(0,k.jsxs)("div",{className:"k-vstack",children:[(0,k.jsx)(U,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Red channel"}),(0,k.jsx)("label",{className:"k-colorgradient-input-label",children:"R"})]}),(0,k.jsxs)("div",{className:"k-vstack",children:[(0,k.jsx)(U,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Green channel"}),(0,k.jsx)("label",{className:"k-colorgradient-input-label",children:"G"})]}),(0,k.jsxs)("div",{className:"k-vstack",children:[(0,k.jsx)(U,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Blue channel"}),(0,k.jsx)("label",{className:"k-colorgradient-input-label",children:"B"})]}),(0,k.jsxs)("div",{className:"k-vstack",children:[(0,k.jsx)(U,{showSpinButton:!1,showClearButton:!1,value:"1.00",size:o,"aria-label":"Alpha channel"}),(0,k.jsx)("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="rgb"&&(0,k.jsxs)(k.Fragment,{children:[(0,k.jsxs)("div",{className:"k-vstack",children:[(0,k.jsx)(U,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Red channel"}),(0,k.jsx)("label",{className:"k-colorgradient-input-label",children:"R"})]}),(0,k.jsxs)("div",{className:"k-vstack",children:[(0,k.jsx)(U,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Green channel"}),(0,k.jsx)("label",{className:"k-colorgradient-input-label",children:"G"})]}),(0,k.jsxs)("div",{className:"k-vstack",children:[(0,k.jsx)(U,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Blue channel"}),(0,k.jsx)("label",{className:"k-colorgradient-input-label",children:"B"})]})]}),t==="hsva"&&(0,k.jsxs)(k.Fragment,{children:[(0,k.jsxs)("div",{className:"k-vstack",children:[(0,k.jsx)(U,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),(0,k.jsx)("label",{className:"k-colorgradient-input-label",children:"H"})]}),(0,k.jsxs)("div",{className:"k-vstack",children:[(0,k.jsx)(U,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),(0,k.jsx)("label",{className:"k-colorgradient-input-label",children:"S"})]}),(0,k.jsxs)("div",{className:"k-vstack",children:[(0,k.jsx)(U,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),(0,k.jsx)("label",{className:"k-colorgradient-input-label",children:"V"})]}),(0,k.jsxs)("div",{className:"k-vstack",children:[(0,k.jsx)(U,{showSpinButton:!1,showClearButton:!1,value:"1.00","aria-label":"Alpha channel"}),(0,k.jsx)("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="hsv"&&(0,k.jsxs)(k.Fragment,{children:[(0,k.jsxs)("div",{className:"k-vstack",children:[(0,k.jsx)(U,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),(0,k.jsx)("label",{className:"k-colorgradient-input-label",children:"H"})]}),(0,k.jsxs)("div",{className:"k-vstack",children:[(0,k.jsx)(U,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),(0,k.jsx)("label",{className:"k-colorgradient-input-label",children:"S"})]}),(0,k.jsxs)("div",{className:"k-vstack",children:[(0,k.jsx)(U,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),(0,k.jsx)("label",{className:"k-colorgradient-input-label",children:"V"})]})]}),t==="hex"&&(0,k.jsx)(k.Fragment,{children:(0,k.jsxs)("div",{className:"k-vstack k-flex-1",children:[(0,k.jsx)(Ee,{showClearButton:!1,value:"#b88484AA",className:"k-hex-value"}),(0,k.jsx)("label",{className:"k-colorgradient-input-label",children:"HEX"})]})})]})};ia.states=Db;ia.options=Hb;ia.className=_p;ia.defaultOptions=wp;var Ie=require("react/jsx-runtime"),Dp="k-colorgradient-color-contrast",zb=[],Ub={},Fb={},la=()=>(0,Ie.jsxs)("div",{className:s(Dp,"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)(g,{icon:"check"}),(0,Ie.jsx)(g,{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)(g,{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)(g,{icon:"x"})]})]})]});la.states=zb;la.options=Ub;la.className=Dp;la.defaultOptions=Fb;var Hp="color-gradient",zp="colorgradient";var de=require("react/jsx-runtime"),Un="k-colorgradient",Gb=[r.hover,r.focus,r.readonly,r.disabled],Vb={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:f=Dt.contrast,dir:N,hover:v,focus:m,hoverHandle:M,focusHandle:L,canvasOrientation:C=Dt.canvasOrientation,role:E,tabIndex:A,...I}=e;return(0,de.jsxs)("div",{...I,role:E??"textbox","aria-label":E==="none"?void 0:"Color gradient",tabIndex:A??0,"aria-disabled":n?"true":void 0,className:s(e.className,Un,y(Un,{size:t}),S(Un,{hover:v,focus:m,readonly:a,disabled:n})),dir:N,children:[!C\|\|C==="horizontal"&&(0,de.jsxs)("div",{className:"k-colorgradient-canvas k-hstack",children:[(0,de.jsx)("div",{className:"k-hsv-rectangle",style:i,children:(0,de.jsx)("div",{className:"k-hsv-gradient",children:(0,de.jsx)("div",{className:s("k-hsv-draghandle","k-draghandle",{"k-hover":M,"k-focus":L}),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,de.jsxs)("div",{className:"k-hsv-controls k-hstack",children:[(0,de.jsx)(er,{className:"k-hue-slider",hover:M,focus:L}),o!=="rgb"&&o!=="hsv"&&(0,de.jsx)(er,{className:"k-alpha-slider",hover:M,focus:L,trackStyle:c})]})]}),C==="vertical"&&(0,de.jsxs)("div",{className:"k-colorgradient-canvas k-vstack",children:[(0,de.jsx)("div",{className:"k-hsv-rectangle",style:i,children:(0,de.jsx)("div",{className:"k-hsv-gradient",children:(0,de.jsx)("div",{className:s("k-hsv-draghandle","k-draghandle",{"k-hover":M,"k-focus":L}),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,de.jsxs)("div",{className:"k-hsv-controls k-vstack",children:[(0,de.jsx)(js,{className:"k-hue-slider",hover:M,focus:L}),o!=="rgb"&&o!=="hsv"&&(0,de.jsx)(js,{className:"k-alpha-slider",hover:M,focus:L,trackStyle:u})]})]}),(0,de.jsx)(ia,{mode:e.mode,size:t}),f&&(0,de.jsx)(la,{})]})};he.states=Gb;he.options=Vb;he.className=Un;he.defaultOptions=Dt;he.moduleName=Hp;he.folderName=zp;var Up=require("react/jsx-runtime"),Fn=e=>(0,Up.jsx)(he,{...e});var $b=require("react/jsx-runtime");var Xb=require("react/jsx-runtime");var Gn=require("react/jsx-runtime"),qb=he.options,Wb=he.states,Jb={...he.defaultOptions,variant:"rgba"},Yb=[{name:"rgba",title:"RGBA"},{name:"rgb",title:"RGB"},{name:"hex",title:"HEX"}],Zb=[],pa=e=>{let{variant:t,...o}=e;switch(t){case"hex":return(0,Gn.jsx)(Fn,{...o,mode:t});case"rgb":return(0,Gn.jsx)(Fn,{...o,mode:t});default:return(0,Gn.jsx)(Fn,{...o,mode:t})}};pa.options=qb;pa.states=Wb;pa.variants=Yb;pa.defaultOptions=Jb;pa.modifiers=Zb;pa.className=he.className;var Fp=require("react/jsx-runtime"),kr=e=>(0,Fp.jsx)("tr",{role:"row",children:e.children});var Gp=require("react/jsx-runtime"),Cr="k-colorpalette-tile",Qb=[r.hover,r.focus,r.selected],jb={},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,Gp.jsx)("td",{...l,role:"gridcell","aria-label":t,"aria-selected":i?"true":void 0,className:s(e.className,Cr,S(Cr,{hover:a,focus:n,selected:i})),style:c})};mo.states=Qb;mo.options=jb;mo.className=Cr;mo.moduleName=null;mo.folderName=null;var Vp="color-palette",$p="colorpalette";var da=require("react/jsx-runtime"),Vn="k-colorpalette",ex=[r.disabled],tx={size:[d.undefined,d.small,d.medium,d.large]},Xp={columns:10},je=e=>{let{size:t,palette:o,columns:a=Xp.columns,tileSize:n,disabled:i,...l}=e,c=[];if(o){let u=a\|\|o.columns,f=o.colors?o.colors:o;Array.isArray(f)&&Array.from({length:Math.ceil(f.length/u)},(N,v)=>{let m=[];f.slice(vu,(v+1)u).map((L,C)=>{m.push((0,da.jsx)(mo,{color:L,tileSize:n},C))});let M=(0,da.jsx)(kr,{children:m},v);c.push(M)})}return(0,da.jsx)("div",{...l,role:"grid","aria-label":"Color palette",tabIndex:0,"aria-disabled":i?"true":void 0,className:s(e.className,Vn,S(Vn,{disabled:i}),y(Vn,{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=ex;je.options=tx;je.className=Vn;je.defaultOptions=Xp;je.moduleName=Vp;je.folderName=$p;var $n=je;var sn={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 Wp=require("react/jsx-runtime"),qp=e=>(0,Wp.jsx)($n,{palette:sn.basic,...e});var ox=require("react/jsx-runtime");var Jp=require("react/jsx-runtime");var Yp=require("react/jsx-runtime"),ax=je.options,nx=je.states,sx={...je.defaultOptions,variant:"basic"},rx=[{name:"basic",title:"Basic"},{name:"monochrome",title:"Monochrome"}],ix={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}},lx=[],ca=e=>{let{variant:t="basic",...o}=e,a=ix[t];return(0,Yp.jsx)(qp,{columns:a.columns,palette:a,...o})};ca.options=ax;ca.states=nx;ca.variants=rx;ca.defaultOptions=sx;ca.modifiers=lx;ca.className=je.className;var Zp="color-editor",Qp="coloreditor";var ne=require("react/jsx-runtime"),Xn="k-coloreditor",px=[r.focus],dx={size:[d.undefined,d.small,d.medium,d.large]},rn={view:"gradient",palette:sn.office,actionButtons:!0,canvasOrientation:"horizontal"},se=e=>{let{size:t,view:o=rn.view,palette:a=rn.palette,color:n,currentColor:i,focus:l,focusView:c,dir:u,group:f,actionButtons:N=rn.actionButtons,canvasOrientation:v=rn.canvasOrientation,...m}=e;return(0,ne.jsxs)("div",{...m,role:"textbox","aria-label":"Color editor",tabIndex:0,className:s(e.className,"k-flatcolorpicker",Xn,y(Xn,{size:t}),S(Xn,{focus:l})),dir:u,children:[(0,ne.jsxs)("div",{className:"k-coloreditor-header k-hstack",children:[(0,ne.jsx)("div",{className:"k-coloreditor-header-actions k-hstack",children:f&&(0,ne.jsxs)(B,{fillMode:"flat",children:[(0,ne.jsx)(p,{className:"k-group-start",size:t,fillMode:"flat",icon:"droplet-slider",selected:o==="gradient","aria-label":"Color gradient view"}),(0,ne.jsx)(p,{className:"k-group-end",size:t,fillMode:"flat",icon:"palette",selected:o==="palette","aria-label":"Color palette view"})]})}),(0,ne.jsx)("div",{className:"k-spacer"}),(0,ne.jsxs)("div",{className:"k-coloreditor-header-actions k-hstack",children:[(0,ne.jsx)(p,{fillMode:"flat",icon:"droplet-slash",size:t,"aria-label":"Reset color"}),(0,ne.jsxs)("div",{className:"k-coloreditor-preview k-vstack",children:[(0,ne.jsx)(no,{className:"k-coloreditor-preview-color",color:n}),(0,ne.jsx)(no,{className:"k-coloreditor-current-color",color:i})]})]})]}),(0,ne.jsx)("div",{className:"k-coloreditor-views k-vstack",children:o==="gradient"?(0,ne.jsx)(he,{focus:c,size:t,canvasOrientation:v,role:"none",tabIndex:-1}):(0,ne.jsx)(je,{palette:a,size:t})}),N&&(0,ne.jsxs)(it,{className:"k-coloreditor-footer",alignment:"start",children:[(0,ne.jsx)(p,{themeColor:"primary",size:t,className:"k-coloreditor-apply",children:"Apply"}),(0,ne.jsx)(p,{className:"k-coloreditor-cancel",size:t,children:"Cancel"})]})]})};se.states=px;se.options=dx;se.className=Xn;se.defaultOptions=rn;se.moduleName=Zp;se.folderName=Qp;var ma=se;var cx=require("react/jsx-runtime");var mx=require("react/jsx-runtime");var ed=require("react/jsx-runtime"),jp=e=>(0,ed.jsx)(ma,{group:!0,currentColor:"fuchsia",...e});var od=require("react/jsx-runtime"),td=e=>(0,od.jsx)(ma,{view:"palette",group:!0,currentColor:"fuchsia",...e});var Ar=require("react/jsx-runtime"),ux=se.options,fx=se.states,bx={...se.defaultOptions,variant:"gradient"},xx=[{name:"gradient",title:"Gradient"},{name:"palette",title:"Palette"}],Nx=[],ua=e=>{let{variant:t,...o}=e;return t==="palette"?(0,Ar.jsx)(td,{...o,color:"white"}):(0,Ar.jsx)(jp,{...o,color:"rgba(183, 118 , 118, 1.00)"})};ua.options=ux;ua.states=fx;ua.variants=xx;ua.defaultOptions=bx;ua.modifiers=Nx;ua.className=se.className;var ad="color-picker",nd="colorpicker";var ce=require("react/jsx-runtime"),sd="k-colorpicker",hx=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled],vx={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[x.undefined,x.solid,x.flat,x.outline]},rd={arrowIconName:"chevron-down"},vt=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:n=rd.arrowIconName,prefix:i,suffix:l,value:c,placeholder:u,hover:f,focus:N,valid:v,invalid:m,required:M,disabled:L,valueIconName:C,popup:E,opened:A,adaptive:I,adaptiveSettings:G,adaptiveTitle:ke,adaptiveSubtitle:We,...Ce}=e,Ke="colorpicker-popup";return(0,ce.jsxs)(ce.Fragment,{children:[(0,ce.jsxs)(Rt,{...Ce,size:t,rounded:o,fillMode:a,hover:f,focus:N,valid:v,invalid:m,required:M,disabled:L,role:"combobox","aria-haspopup":"dialog","aria-expanded":A?"true":"false","aria-controls":A\|\|I?Ke:void 0,"aria-label":"Color picker",tabIndex:0,"aria-disabled":L?"true":void 0,className:s(e.className,sd,"k-icon-picker"),children:[(0,ce.jsx)(ut,{children:i}),(0,ce.jsx)(Mo,{placeholder:u,value:c,showValue:!1,valueIcon:(0,ce.jsx)(no,{className:"k-value-icon",color:c,iconName:C}),valueIconName:C}),(0,ce.jsx)(ft,{children:l}),(0,ce.jsx)(p,{className:"k-input-button",icon:n,size:t,fillMode:a,tabIndex:-1,"aria-label":"Open color picker",disabled:L})]}),A&&E&&(0,ce.jsx)(Z,{id:Ke,className:"k-colorpicker-popup",children:E}),I&&(0,ce.jsx)(ae,{adaptive:!0,id:Ke,...G,header:(0,ce.jsx)(He,{actionsEnd:(0,ce.jsx)(p,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply"}),title:ke,subtitle:We}),footer:(0,ce.jsxs)(so,{children:[(0,ce.jsx)(p,{text:"Cancel",size:"large"}),(0,ce.jsx)(p,{text:"Set",size:"large",themeColor:"primary"})]}),children:(0,ce.jsx)(se,{canvasOrientation:"vertical",size:"large",actionButtons:!1,group:!0})})]})};vt.states=hx;vt.options=vx;vt.className=sd;vt.defaultOptions=rd;vt.moduleName=ad;vt.folderName=nd;var Zt=vt;var id=require("react/jsx-runtime"),qn=e=>(0,id.jsx)(Zt,{...e});var gx=require("react/jsx-runtime");var Lx=require("react/jsx-runtime");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 uo=require("react/jsx-runtime"),Ax=Zt.options,Ex=Zt.states,ld={...Zt.defaultOptions,variant:"color"},yx=[{name:"color",title:"Color",default:!0},{name:"no color",title:"No color"},{name:"icon",title:"Icon"}],Ix=[{name:"opened",title:"Opened"}],fa=e=>{let{variant:t,modifiers:o,...a}={...ld,...e},n={};Object.keys(o\|\|{}).forEach(l=>{l==="opened"&&(n.opened=!!(o!=null&&o[l]),n.popup=o!=null&&o[l]?(0,uo.jsx)(se,{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)(qn,{...a,...n})});case"icon":return(0,uo.jsx)("div",{style:i,children:(0,uo.jsx)(qn,{value:"rgba(183, 118 , 118, 1.00)",valueIconName:"edit-tools",...a,...n})});default:return(0,uo.jsx)("div",{style:i,children:(0,uo.jsx)(qn,{value:"rgba(183, 118 , 118, 1.00)",...a,...n})})}};fa.options=Ax;fa.states=Ex;fa.variants=yx;fa.defaultOptions=ld;fa.modifiers=Ix;fa.className=Zt.className;var Er="combobox",pd=Er;var w=require("react/jsx-runtime"),dd="k-combobox",Tx=[r.hover,r.focus,r.valid,r.invalid,r.loading,r.required,r.disabled,r.readonly],Ox={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[x.undefined,x.solid,x.flat,x.outline]},yr={separators:!0,showClearButton:!0},Fe=e=>{let{size:t,rounded:o,fillMode:a,separators:n=yr.separators,showClearButton:i=yr.showClearButton,prefix:l,suffix:c,value:u,placeholder:f,hover:N,focus:v,valid:m,invalid:M,required:L,loading:C,disabled:E,popup:A,opened:I,readonly:G,adaptive:ke,adaptiveSettings:We,adaptiveTitle:Ce,adaptiveSubtitle:Ke,adaptiveCustomValue:ls,id:vo,autocomplete:go,activeDescendant:Ra,"aria-label":ps,...ds}=e,cs=vo?`${vo}-listbox`:void 0;return(0,w.jsxs)(w.Fragment,{children:[(0,w.jsxs)(oe,{...ds,size:t,rounded:o,fillMode:a,hover:N,focus:v,valid:m,invalid:M,required:L,loading:C,disabled:E,readonly:G,className:s(e.className,dd),children:[l&&(0,w.jsxs)(w.Fragment,{children:[(0,w.jsx)(ut,{children:l}),n&&(0,w.jsx)(bt,{})]}),(0,w.jsx)(Re,{id:vo,placeholder:f,value:u,role:"combobox","aria-haspopup":"listbox","aria-expanded":I?"true":"false","aria-controls":I?cs:void 0,"aria-activedescendant":I&&Ra?Ra:void 0,"aria-autocomplete":go,"aria-invalid":M?"true":void 0,"aria-busy":C?"true":void 0,"aria-label":ps,disabled:E,readOnly:G}),(0,w.jsx)(De,{valid:m,invalid:M,loading:C,disabled:E}),(0,w.jsx)(Ye,{loading:C,disabled:E}),i&&(0,w.jsx)(rt,{loading:C,disabled:E,readonly:G,value:u}),c&&(0,w.jsxs)(w.Fragment,{children:[n&&(0,w.jsx)(bt,{}),(0,w.jsx)(ft,{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&&A&&(0,w.jsx)(Z,{className:"k-list-container k-combobox-popup",containerRole:"region",containerAriaLabel:"Combobox suggestions",children:A}),ke&&(0,w.jsx)(ae,{adaptive:!0,id:vo?`${vo}-adaptive`:void 0,...We,header:(0,w.jsx)(He,{actionsEnd:(0,w.jsx)(p,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),input:!0,inputValue:u,inputPlaceholder:f,title:Ce,subtitle:Ke}),children:(0,w.jsx)("div",{className:"k-list-container",children:(0,w.jsx)(R,{customValue:ls?(0,w.jsx)(co,{text:`Use "${u}"`}):void 0,size:"large",children:(0,w.jsxs)(V,{"aria-label":Ce\|\|"Options",children:[(0,w.jsx)(P,{text:"List item"}),(0,w.jsx)(P,{text:"List item"}),(0,w.jsx)(P,{text:"List item"})]})})})})]})};Fe.states=Tx;Fe.options=Ox;Fe.className=dd;Fe.defaultOptions=yr;Fe.moduleName=Er;Fe.folderName=pd;var dt=Fe;var md=require("react/jsx-runtime"),cd=e=>(0,md.jsx)(dt,{...e});var ud=require("react/jsx-runtime");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 Ir=require("react/jsx-runtime");var Bx=require("react/jsx-runtime");var Px=require("react/jsx-runtime");var vd=require("react/jsx-runtime");var gd=require("react/jsx-runtime");var yt=require("react/jsx-runtime"),Kx=Fe.states,Rx=Fe.defaultOptions,_x=Fe.options,wx=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"opened",title:"Opened"}],Dx=[],ba=e=>{let{modifiers:t,...o}=e,a={},n=(0,yt.jsx)(R,{style:{width:300},size:o.size,children:(0,yt.jsxs)(V,{children:[(0,yt.jsx)(P,{children:"List item"}),(0,yt.jsx)(P,{children:"List item"}),(0,yt.jsx)(P,{children:"List item"})]})});return Object.keys(t\|\|{}).forEach(i=>{switch(i){case"prefix":a.prefix=t!=null&&t[i]?(0,yt.jsx)(g,{icon:"map-marker-target"}):void 0;break;case"suffix":a.suffix=t!=null&&t[i]?(0,yt.jsx)(Y,{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,yt.jsx)("div",{children:(0,yt.jsx)(cd,{value:"Value",style:{width:300},...o,...a})})};ba.options=_x;ba.states=Kx;ba.variants=Dx;ba.defaultOptions=Rx;ba.modifiers=wx;ba.className=Fe.className;var Tr="menu-button",Ld=Tr;var Sd=require("react/jsx-runtime"),Md="k-menu-button",Hx=[r.hover,r.focus,r.active,r.selected,r.disabled],zx={size:[d.undefined,d.xsmall,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[x.undefined,x.solid,x.flat,x.outline,x.clear,x.link],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary,h.success,h.warning,h.error,h.info,h.inverse]},Or={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:f,icon:N,text:v,showArrow:m=Or.showArrow,arrowIconName:M=Or.arrowIconName,expanded:L,...C}=e;return(0,Sd.jsx)(p,{...C,className:s(e.className,Md),text:v,size:t,rounded:o,fillMode:a,themeColor:n,hover:i,focus:l,active:c,selected:u,disabled:f,ariaDisabled:f\|\|void 0,icon:N,showArrow:m,arrowIconName:M,"aria-expanded":L?"true":"false",...!v&&N&&!e["aria-label"]&&{"aria-label":"Menu"}})};F.states=Hx;F.options=zx;F.className=Md;F.defaultOptions=Or;F.moduleName=Tr;F.folderName=Ld;var Ux=require("react/jsx-runtime");var Fx=require("react/jsx-runtime");var Gx=require("react/jsx-runtime");var ct="menu",gt=ct;var Qt=require("react/jsx-runtime"),Br="k-menu-item",Vx=[r.hover,r.focus,r.active,r.selected,r.disabled],$x={},kd={iconPosition:"before"},Te=e=>{let{hover:t,focus:o,active:a,selected:n,disabled:i,icon:l,text:c,showArrow:u,arrowIconName:f,iconPosition:N=kd.iconPosition,dir:v,children:m,expanded:M,...L}=e,C=f;return C\|\|(C=v==="rtl"?"chevron-left":"chevron-right"),(0,Qt.jsxs)("li",{...L,className:s(e.className,Br,"k-item",S(Br,{focus:o,disabled:i,hover:t,active:a,selected:n})),role:"menuitem",...u&&{"aria-haspopup":"menu"},...u&&{"aria-expanded":M?"true":"false"},...i&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[(0,Qt.jsxs)("span",{className:s("k-link k-menu-link"),children:[l&&N==="before"&&(0,Qt.jsx)(g,{className:"k-menu-link-icon",icon:l}),(0,Qt.jsx)("span",{className:"k-menu-link-text",children:c}),l&&N==="after"&&(0,Qt.jsx)(g,{className:"k-menu-link-icon",icon:l}),u&&(0,Qt.jsx)("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:(0,Qt.jsx)(g,{icon:C})})]}),m]})};Te.states=Vx;Te.options=$x;Te.className=Br;Te.defaultOptions=kd;Te.moduleName=ct;Te.folderName=gt;var It=require("react/jsx-runtime"),Pr="k-menu-item",Xx=[r.hover,r.focus,r.active,r.selected,r.disabled],qx={},Kr={dir:"ltr",iconPosition:"before"},ee=e=>{let{hover:t,focus:o,active:a,selected:n,disabled:i,icon:l,text:c,showArrow:u,arrowIconName:f,iconPosition:N=Kr.iconPosition,dir:v=Kr.dir,children:m,popup:M,expanded:L,actions:C,description:E,...A}=e,I=f;return I\|\|(I=v==="rtl"?"chevron-left":"chevron-right"),(0,It.jsxs)("li",{role:"menuitem",...A,className:s(e.className,Pr,"k-item",S(Pr,{focus:o,disabled:i})),...u&&{"aria-haspopup":"menu"},...u&&{"aria-expanded":L?"true":"false"},...i&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[(0,It.jsxs)("span",{className:s("k-link k-menu-link",S("k-menu-link",{hover:t,active:a,selected:n,disabled:i})),children:[l&&N==="before"&&(0,It.jsx)(g,{className:"k-menu-link-icon",icon:l}),(0,It.jsx)("span",{className:"k-menu-link-text",children:c}),l&&N==="after"&&(0,It.jsx)(g,{className:"k-menu-link-icon",icon:l}),C&&(0,It.jsx)("span",{className:"k-menu-link-actions",children:C}),u&&(0,It.jsx)("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:(0,It.jsx)(g,{icon:I})}),E&&(0,It.jsx)("span",{className:"k-menu-link-description",children:E})]}),m,M]})};ee.states=Xx;ee.options=qx;ee.className=Pr;ee.defaultOptions=Kr;ee.moduleName=ct;ee.folderName=gt;var Ed=require("react/jsx-runtime"),Cd="k-menu-scroll-wrapper",Wx=[],Jx={},Yx={},Eo=e=>{let{className:t,children:o,orientation:a,...n}=e;return(0,Ed.jsx)("div",{...n,className:s(t,Cd,{"k-menu-scroll-wrapper-vertical":a==="vertical"}),children:o})};Eo.states=Wx;Eo.options=Jx;Eo.className=Cd;Eo.defaultOptions=Yx;Eo.moduleName=ct;Eo.folderName=gt;var Ad=Eo;var ve=require("react/jsx-runtime"),Jn="k-menu",Zx=[],Qx={size:[d.undefined,d.small,d.medium,d.large]},Yn={orientation:"horizontal",header:!0,scrollButtonsPosition:"around"},ge=e=>{let{children:t,orientation:o=Yn.orientation,header:a=Yn.header,scrollable:n,scrollButtonsPosition:i=Yn.scrollButtonsPosition,wrapperStyles:l,dir:c,size:u,popup:f,contextMenu:N,...v}=e,m={horizontal:{prev:c!=="rtl"?"left":"right",next:c!=="rtl"?"right":"left"},vertical:{prev:"up",next:"down"}},M=(0,ve.jsx)("ul",{dir:c,...v,className:s(e.className,"k-reset",Jn,{[`${Jn}-${o}`]:o,"k-header":a},y(Jn,{size:u})),role:N?"menu":"menubar",...o==="vertical"&&{"aria-orientation":"vertical"},children:t});return(0,ve.jsxs)(ve.Fragment,{children:[n?(0,ve.jsxs)(Ad,{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"}),M,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"})]}):M,f]})};ge.states=Zx;ge.options=Qx;ge.className=Jn;ge.defaultOptions=Yn;ge.moduleName=ct;ge.folderName=gt;var Id=require("react/jsx-runtime"),Rr="k-separator",yd={orientation:"horizontal"},xa=e=>{let{orientation:t=yd.orientation,...o}=e;return(0,Id.jsx)("li",{...o,className:s(e.className,"k-item",Rr,{[`${Rr}-${t}`]:t}),role:"separator"})};xa.className=Rr;xa.defaultOptions=yd;xa.moduleName=ct;xa.folderName=gt;var Td=require("react/jsx-runtime");var Od=require("react/jsx-runtime"),_r="k-menu-group",jx=[],eN={size:[d.undefined,d.small,d.medium,d.large]},tN={},Oe=e=>{let{children:t,size:o,...a}=e;return(0,Od.jsx)("ul",{role:"menu",...a,className:s(e.className,_r,y(_r,{size:o})),children:t})};Oe.states=jx;Oe.options=eN;Oe.className=_r;Oe.defaultOptions=tN;Oe.moduleName=ct;Oe.folderName=gt;var Bd=require("react/jsx-runtime");var Tt=require("react/jsx-runtime"),wr=e=>(0,Tt.jsx)(ge,{children:(0,Tt.jsxs)(Tt.Fragment,{children:[(0,Tt.jsx)(Te,{text:"Item 1"}),(0,Tt.jsx)(Te,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 2"}),(0,Tt.jsx)(Te,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 3"}),(0,Tt.jsx)(Te,{text:"Item 4"}),(0,Tt.jsx)(Te,{text:"Item 5"})]}),...e});var Dr=require("react/jsx-runtime");var Hr=require("react/jsx-runtime");var zr=require("react/jsx-runtime");var Ur=require("react/jsx-runtime");var Ht=require("react/jsx-runtime"),oN={...ge.options,scrollable:{type:"boolean"}},aN=ge.states,Pd={...ge.defaultOptions,variant:"horizontal"},nN=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],sN=[{name:"opened",title:"Opened"}],Na=e=>{let{variant:t,modifiers:o,...a}={...Pd,...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)(Z,{className:"k-menu-popup",offset:i,children:(0,Ht.jsxs)(Oe,{children:[(0,Ht.jsx)(ee,{text:"Item 1"}),(0,Ht.jsx)(ee,{text:"Item 2"}),(0,Ht.jsx)(xa,{}),(0,Ht.jsx)(ee,{text:"Item 3"})]})}):null)}),t==="vertical"?(0,Ht.jsx)(wr,{...a,...n,orientation:"vertical",style:{width:"200px"}}):(0,Ht.jsx)(wr,{...a,...n})};Na.options=oN;Na.states=aN;Na.variants=nN;Na.defaultOptions=Pd;Na.modifiers=sN;Na.className=ge.className;var Fr=require("react/jsx-runtime");var rN=require("react/jsx-runtime");var Be=require("react/jsx-runtime"),iN=p.states,Kd={...p.defaultOptions,variant:"text"},lN=p.options,pN=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],dN=[{name:"opened",title:"Opened"}],ha=e=>{let{variant:t,modifiers:o,...a}={...Kd,...e},n={},i=(0,Be.jsx)(Z,{className:"k-menu-popup",children:(0,Be.jsxs)(Oe,{size:a.size,children:[(0,Be.jsx)(ee,{text:"Menu Item"}),(0,Be.jsx)(ee,{text:"Menu Item"}),(0,Be.jsx)(ee,{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=lN;ha.states=iN;ha.variants=pN;ha.defaultOptions=Kd;ha.modifiers=dN;ha.className=F.className;var Gr="split-button",Rd=Gr;var jt=require("react/jsx-runtime"),Vr="k-split-button",cN=[r.hover,r.focus,r.active,r.selected,r.disabled],mN={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[x.undefined,x.solid,x.flat,x.outline,x.clear,x.link],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary,h.success,h.warning,h.error,h.info,h.inverse]},_d={arrowIconName:"chevron-down"},_=e=>{let{size:t,rounded:o,fillMode:a,themeColor:n,hover:i,focus:l,active:c,selected:u,disabled:f,icon:N,text:v,arrowIconName:m=_d.arrowIconName,popup:M,opened:L,popupId:C,...E}=e;return(0,jt.jsxs)(jt.Fragment,{children:[(0,jt.jsxs)("div",{...E,className:s(e.className,Vr,"k-button-group",y(Vr,{rounded:o})),children:[(0,jt.jsx)(p,{text:v,icon:N,size:t,rounded:o,fillMode:a,themeColor:n,hover:i,focus:l,active:c,selected:u,disabled:f,...!v&&!e.children&&N&&{"aria-label":"Action"},children:e.children}),(0,jt.jsx)(p,{className:"k-split-button-arrow",icon:m,size:t,rounded:o,fillMode:a,disabled:f,ariaDisabled:f\|\|void 0,"aria-label":"Toggle dropdown","aria-expanded":L?"true":"false","aria-controls":L?C:void 0,tabIndex:-1})]}),L&&M&&(0,jt.jsx)(Z,{className:"k-menu-popup",children:M})]})};_.states=cN;_.options=mN;_.className=Vr;_.defaultOptions=_d;_.moduleName=Gr;_.folderName=Rd;var $r=_;var wd=require("react/jsx-runtime"),uN="k-toolbar-separator",Ot=e=>(0,wd.jsx)("div",{className:s(uN,e.className,"k-separator")});var yo="toolbar",va=yo;var O=require("react/jsx-runtime"),eo="k-toolbar",fN=[r.focus],bN={size:[d.undefined,d.small,d.medium,d.large],fillMode:[x.undefined,x.solid,x.outline,x.flat]},xN={scrollButtons:"around"},X=e=>{let{size:t,fillMode:o,focus:a,resizable:n,scrollable:i,scrollButtons:l,scrollingPosition:c,section:u,...f}=e,N=[],v=(m,M)=>{let L=[];if(m.type===p&&m.props.className&&m.props.className.includes("k-toolbar-overflow-button"))L.push((0,O.jsx)(p,{...m.props,className:`${m.props.className?m.props.className:""}`},`${M}-${new Date().getTime()}`));else if(m.type===p)L.push((0,O.jsx)(p,{...m.props,className:`k-toolbar-button ${m.props.className?m.props.className:""}`},`${M}-${new Date().getTime()}`));else if(m.type===za)L.push((0,O.jsx)(za,{...m.props,className:`k-toolbar-button ${m.props.className?m.props.className:""}`},`${M}-${new Date().getTime()}`));else if(m.type===Y)L.push((0,O.jsx)(Y,{...m.props,className:`k-toolbar-button ${m.props.className?m.props.className:""}`},`${M}-${new Date().getTime()}`));else if(m.type===F)L.push((0,O.jsx)(F,{...m.props,className:`k-toolbar-menu-button ${m.props.className?m.props.className:""}`},`${M}-${new Date().getTime()}`));else if(m.type===$r)L.push((0,O.jsx)($r,{...m.props,className:`k-toolbar-split-button ${m.props.className?m.props.className:""}`},`${M}-${new Date().getTime()}`));else if(m.type===B\|\|m.props.className&&m.props.className.includes("k-button-group")){let C=[];(Array.isArray(m.props.children)?m.props.children:[m.props.children]).forEach((A,I)=>{C.push((0,O.jsx)(p,{...A.props,className:`${A.props.className?A.props.className:""}`},`${I}-${new Date().getTime()}`))}),L.push((0,O.jsx)(B,{...m.props,className:`k-toolbar-button-group ${m.props.className?m.props.className:""}`,children:C},`${M}-${new Date().getTime()}`))}else m.type===Fe?L.push((0,O.jsx)(Fe,{...m.props,className:`k-toolbar-combobox ${m.props.className?m.props.className:""}`},`${M}-${new Date().getTime()}`)):m.type===ue?L.push((0,O.jsx)(ue,{...m.props,className:`k-toolbar-dropdownlist ${m.props.className?m.props.className:""}`},`${M}-${new Date().getTime()}`)):m.type===vt?L.push((0,O.jsx)(vt,{...m.props,className:`k-toolbar-colorpicker ${m.props.className?m.props.className:""}`},`${M}-${new Date().getTime()}`)):L.push(m);L.forEach(C=>{N.push(C)})};return e.children&&(Array.isArray(e.children)?e.children:[e.children]).forEach((M,L)=>{v(M,L)}),(0,O.jsxs)("div",{...f,className:s(e.className,eo,y(eo,{size:t,fillMode:o}),S(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&&N,i&&l==="hidden"&&(0,O.jsx)("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N}),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)(g,{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)(g,{className:"k-button-icon",icon:"chevron-right"})})]}),(0,O.jsx)(Ot,{className:"k-toolbar-button-separator"}),(0,O.jsx)("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N})]}),i&&l==="end"&&(0,O.jsxs)(O.Fragment,{children:[(0,O.jsx)("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N}),(0,O.jsx)(Ot,{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)(g,{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)(g,{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)(g,{className:"k-button-icon",icon:"chevron-left"})}),(0,O.jsx)(Ot,{className:"k-toolbar-button-separator"}),(0,O.jsx)("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N}),(0,O.jsx)(Ot,{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)(g,{className:"k-button-icon",icon:"chevron-right"})})]})]})};X.states=fN;X.options=bN;X.className=eo;X.defaultOptions=xN;X.moduleName=yo;X.folderName=va;var Dd=require("react/jsx-runtime"),Xr="k-toolbar-item",NN=[r.focus],hN={},vN={},ga=e=>{let{focus:t,...o}=e;return(0,Dd.jsx)("div",{...o,className:s(e.className,Xr,S(Xr,{focus:t})),children:e.children})};ga.states=NN;ga.options=hN;ga.className=Xr;ga.defaultOptions=vN;ga.moduleName=yo;ga.folderName=va;var qr=require("react/jsx-runtime"),Hd="k-toolbar-popup",gN=[],LN={size:[d.undefined,d.small,d.medium,d.large],fillMode:[x.undefined,x.solid,x.outline,x.flat]},MN={},Io=e=>{let{size:t,fillMode:o,section:a,...n}=e;return(0,qr.jsx)(Z,{...n,className:s(e.className,Hd),children:a?(0,qr.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=gN;Io.options=LN;Io.className=Hd;Io.defaultOptions=MN;Io.moduleName=yo;Io.folderName=va;var Zn=Io;var SN=require("react/jsx-runtime");var kN=require("react/jsx-runtime");var CN=require("react/jsx-runtime");var zd=require("react/jsx-runtime");var AN=require("react/jsx-runtime");var Lt=require("react/jsx-runtime"),EN=_.states,Ud={..._.defaultOptions,variant:"text"},yN=_.options,IN=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],TN=[{name:"opened",title:"Opened"}],La=e=>{let{variant:t,modifiers:o,...a}={...Ud,...e},n={},i=(0,Lt.jsxs)(Oe,{size:a.size,children:[(0,Lt.jsx)(ee,{text:"Menu Item"}),(0,Lt.jsx)(ee,{text:"Menu Item"}),(0,Lt.jsx)(ee,{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,Lt.jsx)("div",{children:(0,Lt.jsx)(_,{...a,...n,icon:"star"})});case"icon-and-text":return(0,Lt.jsx)("div",{children:(0,Lt.jsx)(_,{...a,...n,icon:"star",children:"Split Button"})});default:return(0,Lt.jsx)("div",{children:(0,Lt.jsx)(_,{...a,...n,children:"Split Button"})})}};La.options=yN;La.states=EN;La.variants=IN;La.defaultOptions=Ud;La.modifiers=TN;La.className=_.className;var zt=require("react/jsx-runtime"),Fd=e=>(0,zt.jsx)(X,{children:[(0,zt.jsx)(p,{children:"Button"},"toolbar-button"),(0,zt.jsx)(F,{text:"Menu button"},"toolbar-menu-button"),(0,zt.jsx)(_,{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 Gd=require("react/jsx-runtime");var Le=require("react/jsx-runtime"),Vd=e=>(0,Le.jsx)(X,{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)(_,{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)(_,{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"),$d=({scrollingPosition:e="start",...t})=>(0,Me.jsx)(X,{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)(_,{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)(_,{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 te=require("react/jsx-runtime"),Xd=({fillMode:e,size:t,...o})=>(0,te.jsxs)(te.Fragment,{children:[(0,te.jsx)(X,{section:!0,fillMode:e,size:t,children:[(0,te.jsx)(p,{fillMode:e,size:t,children:"Button"},"toolbar-button"),(0,te.jsxs)(B,{fillMode:e,children:[(0,te.jsx)(p,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),(0,te.jsx)(p,{icon:"align-center",fillMode:e,size:t,children:"Center"}),(0,te.jsx)(p,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group"),(0,te.jsx)(Ot,{className:"k-toolbar-button-separator"}),(0,te.jsx)(p,{icon:"more-horizontal",className:"k-toolbar-overflow-button",fillMode:"flat",size:t,"aria-label":"More options","aria-expanded":"false"})],...o}),(0,te.jsxs)(Zn,{size:t,fillMode:e,section:!0,...o,children:[(0,te.jsx)(_,{fillMode:e,size:t,children:"Split button"},"toolbar-split-button"),(0,te.jsx)(p,{fillMode:e,size:t,children:"Button"},"toolbar-button"),(0,te.jsx)(Ot,{}),(0,te.jsx)(F,{text:"Menu button",fillMode:e,size:t},"toolbar-menu-button"),(0,te.jsxs)(B,{fillMode:e,children:[(0,te.jsx)(p,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),(0,te.jsx)(p,{icon:"align-center",fillMode:e,size:t,children:"Center"}),(0,te.jsx)(p,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group")]})]});var Wr=require("react/jsx-runtime");var Jr=require("react/jsx-runtime");var to=require("react/jsx-runtime"),ON=X.options,BN=X.states,qd={...X.defaultOptions,variant:"default"},PN=[{name:"default",title:"Default"},{name:"scrollable",title:"Scrollable"},{name:"overlay",title:"Overlay"},{name:"responsive",title:"Responsive"}],KN=[],Ma=e=>{let{variant:t,...o}={...qd,...e};switch(t){case"responsive":return(0,to.jsx)("div",{children:(0,to.jsx)(Xd,{style:{width:"583px"},...o})});case"overlay":return(0,to.jsx)("div",{children:(0,to.jsx)($d,{style:{width:"583px"},...o,scrollingPosition:"start",scrollButtons:"hidden"})});case"scrollable":return(0,to.jsx)("div",{children:(0,to.jsx)(Vd,{style:{width:"583px"},...o})});default:return(0,to.jsx)("div",{children:(0,to.jsx)(Fd,{style:{width:"583px"},...o})})}};Ma.options=ON;Ma.states=BN;Ma.variants=PN;Ma.defaultOptions=qd;Ma.modifiers=KN;Ma.className=X.className;var re=require("react/jsx-runtime"),Wd="k-message",RN=[r.hover,r.selected,r.active,r.focus],_N={},wN=[(0,re.jsx)(p,{icon:"copy",fillMode:"flat","aria-label":"Copy"}),(0,re.jsx)(p,{icon:"arrow-rotate-cw",fillMode:"flat","aria-label":"Retry"}),(0,re.jsx)(p,{icon:"download",fillMode:"flat","aria-label":"Download"})],Sa={time:"Thu Feb 08 2018",text:"How can I help you?",status:"Seen",toolbarItems:wN,failed:"Failed to send"},D=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:f,focus:N,toolbar:v,typing:m,expandable:M,expanded:L,removed:C,files:E,failed:A,...I}=e,G=A===!0?Sa.failed:A;return(0,re.jsxs)("div",{...I,className:s(Wd,e.className,{"k-message-removed":C,"k-message-failed":A}),children:[A&&(0,re.jsx)(Y,{className:"k-resend-button",icon:"arrow-rotate-cw",size:"xsmall",fillMode:"clear","aria-label":"Resend"}),(0,re.jsx)(Jd,{typing:m,selected:u,hover:c,active:f,focus:N,content:(0,re.jsxs)(re.Fragment,{children:[a,o&&(0,re.jsx)("span",{className:"k-chat-bubble-text",children:o})]}),expandable:M,expanded:L,files:E}),(0,re.jsxs)("div",{className:"k-message-info",children:[n&&(0,re.jsxs)("span",{className:"k-message-status",children:[i&&(0,re.jsx)(g,{icon:i,size:"xsmall"}),n]}),t&&(0,re.jsx)("time",{className:"k-message-time",children:t}),A&&(0,re.jsxs)("span",{className:"k-message-failed-content",children:[A&&(0,re.jsx)(g,{icon:"warning-triangle",size:"xsmall"}),A&&(0,re.jsx)("span",{className:"k-message-failed-text",children:G})]})]}),v&&(0,re.jsx)(X,{className:"k-chat-message-toolbar",fillMode:"flat",children:l})]})};D.states=RN;D.options=_N;D.className=Wd;D.moduleName=null;D.folderName=null;D.defaultOptions=Sa;var Yr="avatar",Yd=Yr;var Qr=require("react/jsx-runtime"),ln="k-avatar";var DN=[r.hover,r.focus,r.active,r.selected,r.disabled],HN={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[x.undefined,x.solid,x.outline],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary]},Zr={type:"text",border:!1},Ge=e=>{let{size:t,rounded:o,fillMode:a,themeColor:n,type:i=Zr.type,border:l=Zr.border,...c}=e;return(0,Qr.jsx)("div",{...c,className:s(e.className,ln,y(ln,{size:t,rounded:o,fillMode:a,themeColor:n}),{[`${ln}-bordered`]:l}),children:(0,Qr.jsx)("span",{className:`${ln}-${i}`,children:e.children})})};Ge.states=DN;Ge.options=HN;Ge.className=ln;Ge.defaultOptions=Zr;Ge.moduleName=Yr;Ge.folderName=Yd;var To=Ge;var Qd=require("react/jsx-runtime"),Zd=e=>(0,Qd.jsx)(To,{type:"icon",...e});var ec=require("react/jsx-runtime"),jd=e=>(0,ec.jsx)(To,{type:"text",...e});var tc=require("react/jsx-runtime"),Qn=e=>(0,tc.jsx)(To,{type:"image",...e});var zN=require("react/jsx-runtime");var ka=require("react/jsx-runtime"),UN=Ge.options,FN=Ge.states,GN={...Ge.defaultOptions,variant:"image"},VN=[{name:"image",title:"Image"},{name:"icon",title:"Icon Avatar"},{name:"text",title:"Text Avatar"}],$N=[],Ca=e=>{let{variant:t,...o}=e;switch(t){case"icon":return(0,ka.jsx)(Zd,{...o,children:(0,ka.jsx)(g,{icon:"star"})});case"text":return(0,ka.jsx)(jd,{...o,children:"JO"});default:return(0,ka.jsx)(Qn,{...o,children:(0,ka.jsx)("img",{src:"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg"})})}};Ca.options=UN;Ca.states=FN;Ca.variants=VN;Ca.defaultOptions=GN;Ca.modifiers=$N;Ca.className=Ge.className;var Bt=require("react/jsx-runtime"),pn="k-message-group",XN=[r.selected],qN={},jn={author:"Bruv",avatar:"/packages/html/assets/avatar.jpg",type:"receiver"},$=e=>{let{type:t=jn.type,author:o=jn.author,avatar:a=jn.avatar,status:n,selected:i,fullWidth:l,...c}=e;return(0,Bt.jsxs)("div",{...c,className:s(pn,e.className,S(pn,{selected:i}),{[`${pn}-${t}`]:t,"k-no-avatar":!a,[`${pn}-full-width`]:l}),children:[a&&!n&&(0,Bt.jsx)(Ge,{type:"image",children:(0,Bt.jsx)("img",{src:a,alt:o\|\|""})}),n&&a&&(0,Bt.jsxs)("div",{className:"k-chat-user-status-wrapper",children:[(0,Bt.jsx)(Ge,{type:"image",children:(0,Bt.jsx)("img",{src:a,alt:o\|\|""})}),(0,Bt.jsx)("div",{className:"k-chat-user-status"})]}),(0,Bt.jsxs)("div",{className:"k-message-group-content",children:[o&&(0,Bt.jsx)("span",{className:"k-message-author",children:o}),e.children]})]})};$.states=XN;$.options=qN;$.className=pn;$.defaultOptions=jn;var Ut=require("react/jsx-runtime"),jr="k-message-reference",WN={},oc={type:"receiver"},fo=e=>{let{content:t,closeable:o,pinned:a,type:n=oc.type,...i}=e;return(0,Ut.jsxs)("div",{...i,className:s(jr,e.className,{[`${jr}-${n}`]:n,"k-message-pinned":a}),children:[a&&(0,Ut.jsx)(g,{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=WN;fo.className=jr;fo.moduleName=null;fo.folderName=null;fo.defaultOptions=oc;var ei="bubble",ac=ei;var Oo=require("react/jsx-runtime"),ti="k-bubble",JN=[r.hover,r.active,r.selected,r.focus],oi={expandable:!1,expanded:!1},Bo=e=>{let{content:t,hover:o,active:a,focus:n,selected:i,expandable:l=oi.expandable,expanded:c=oi.expanded,...u}=e;return(0,Oo.jsxs)("div",{...u,className:s(e.className,ti,S(ti,{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)(g,{icon:"chevron-up"}):(0,Oo.jsx)(g,{icon:"chevron-down"})})]})};Bo.states=JN;Bo.className=ti;Bo.defaultOptions=oi;Bo.moduleName=ei;Bo.folderName=ac;var YN=require("react/jsx-runtime");var ZN=require("react/jsx-runtime");var QN=require("react/jsx-runtime");var Po=require("react/jsx-runtime"),jN="k-chat-bubble",Jd=e=>{let{typing:t,content:o,files:a,...n}=e;return(0,Po.jsxs)(Bo,{...n,className:s(e.className,jN),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 eh=require("react/jsx-runtime");var dn=require("react/jsx-runtime"),sc="k-chat-event",ai={icon:"trash",text:"You deleted Chat history."},rc=e=>{let{icon:t=ai.icon,text:o=ai.text,...a}=e;return(0,dn.jsxs)("div",{...a,className:s(e.className,sc),children:[t&&(0,dn.jsx)(g,{className:"k-chat-event-icon",icon:t,size:"xsmall"}),o&&(0,dn.jsx)("span",{className:"k-chat-event-text",children:o})]})};rc.className=sc;rc.defaultOptions=ai;var th=require("react/jsx-runtime");var Ve=require("react/jsx-runtime"),ic=e=>(0,Ve.jsx)(q,{children:(0,Ve.jsxs)(Ve.Fragment,{children:[(0,Ve.jsx)("div",{className:"k-timestamp",children:"Day, Month 7, 2023"}),(0,Ve.jsx)($,{children:(0,Ve.jsx)(D,{})}),(0,Ve.jsx)($,{type:"sender",children:(0,Ve.jsx)(D,{})}),(0,Ve.jsx)($,{children:(0,Ve.jsx)(D,{text:"Very long message text that tests message overflowing behavior. Very long message text that tests message overflowing behavior."})}),(0,Ve.jsx)($,{type:"sender",children:(0,Ve.jsx)(D,{text:"Unusually_long_word_that_tests_word_break_behavior__unusually_long_word_that_tests_word_break_behavior"})})]}),...e});var ni=require("react/jsx-runtime"),es="k-file-box-wrapper",lc={layout:"horizontal"},Ft=e=>{let{layout:t=lc.layout,scrollingPosition:o,...a}=e;return(0,ni.jsx)("ul",{role:"list","aria-label":"Attached files",...a,className:s(e.className,es,{"k-files-vertical":t==="vertical","k-files-wrap":t==="wrap",[`${es}-scrollable-start`]:t==="horizontal"&&(o==="start"\|\|o==="both"),[`${es}-scrollable-end`]:t==="horizontal"&&(o==="end"\|\|o==="both")}),children:t==="horizontal"?(0,ni.jsx)("div",{className:"k-files-scroll",role:"presentation",children:e.children}):e.children})};Ft.className=es;Ft.defaultOptions=lc;var si="file-box",pc=si;var Gt=require("react/jsx-runtime"),dc="k-file-box",oh=[r.selected],ah={},cn={icon:"file-pdf",name:"FileName.pdf",size:"2MB",showButton:"true"},et=e=>{let{icon:t=cn.icon,name:o=cn.name,size:a=cn.size,status:n,deleted:i,removeButton:l,showButton:c=cn.showButton,...u}=e,f=[o,a].filter(Boolean).join(" ");return(0,Gt.jsxs)("li",{role:"listitem",tabIndex:0,"aria-label":f\|\|void 0,...u,className:s(dc,e.className,{"k-file-deleted":i}),children:[(0,Gt.jsx)(g,{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=oh;et.options=ah;et.className=dc;et.defaultOptions=cn;et.moduleName=si;et.folderName=pc;var nh=require("react/jsx-runtime");var sh=require("react/jsx-runtime");var cc=require("react/jsx-runtime");var mc=require("react/jsx-runtime");var rh=require("react/jsx-runtime");var ri=require("react/jsx-runtime");var ii=require("react/jsx-runtime");var li="skeleton",uc=li;var fc=require("react/jsx-runtime"),pi="k-skeleton",ih=["circle","text","rect"],lh=[],ph={},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,fc.jsx)("span",{...n,className:s(e.className,pi,Nn(pi,i),{[`k-skeleton-${a}`]:a}),style:e.style})};Vt.states=lh;Vt.options=ph;Vt.variants=ih;Vt.className=pi;Vt.defaultOptions=di;Vt.moduleName=li;Vt.folderName=uc;var dh=require("react/jsx-runtime");var ch=require("react/jsx-runtime");var mh=require("react/jsx-runtime");var ci=require("react/jsx-runtime");var mi=require("react/jsx-runtime");var uh=require("react/jsx-runtime");var ui=require("react/jsx-runtime");var fi=require("react/jsx-runtime");var bi=require("react/jsx-runtime");var bc=require("react/jsx-runtime");var xi="appbar",xc=xi;var Nc=require("react/jsx-runtime"),Ni="k-appbar",fh=[],bh={themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary,h.inverse]},xh={},$e=e=>{let{themeColor:t,positionMode:o,position:a,...n}=e;return(0,Nc.jsx)("div",{...n,className:s(e.className,Ni,y(Ni,{themeColor:t}),{[`k-appbar-${o}`]:o,[`k-appbar-${a}`]:a}),children:e.children})};$e.states=fh;$e.options=bh;$e.className=Ni;$e.defaultOptions=xh;$e.moduleName=xi;$e.folderName=xc;var hc=require("react/jsx-runtime"),Nh="k-appbar-section",$t=e=>{let{...t}=e;return(0,hc.jsx)("div",{...t,className:s(Nh,e.className),children:e.children})};var hi=require("react/jsx-runtime");var H=require("react/jsx-runtime"),vi={...$e.options,positionMode:["static","sticky","fixed"]},hh=$e.states,vc={...$e.defaultOptions,themeColor:"primary",variant:"top",positionMode:"sticky"};vi.themeColor=["primary",...vi.themeColor.filter(e=>e!=="primary")];var vh=[{name:"top",title:"Top"},{name:"bottom",title:"Bottom"}],Aa=e=>{let{variant:t,...o}={...vc,...e},a=(0,H.jsxs)($e,{position:t,...o,children:[(0,H.jsx)($t,{children:(0,H.jsx)(Y,{fillMode:"flat",icon:"menu"})}),(0,H.jsx)("span",{className:"k-spacer k-spacer-sized",style:{width:"8px"}}),(0,H.jsx)($t,{children:(0,H.jsx)("h3",{className:"k-m-0",children:"AppBar"})}),(0,H.jsx)("span",{className:"k-spacer"}),(0,H.jsxs)($t,{children:[(0,H.jsx)(Ct,{fillMode:"flat",children:"Button"}),(0,H.jsx)(Ct,{fillMode:"flat",children:"Button"}),(0,H.jsx)(Ct,{fillMode:"flat",children:"Button"})]}),(0,H.jsx)("span",{className:"k-spacer k-spacer-sized",style:{width:"8px"}}),(0,H.jsx)($t,{children:(0,H.jsx)(Tn,{value:"Input value"})}),(0,H.jsxs)($t,{children:[(0,H.jsx)(Y,{className:"k-mx-sm",fillMode:"flat",icon:"bell"}),(0,H.jsx)("span",{className:"k-appbar-separator"}),(0,H.jsx)(Qn,{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]})};Aa.options=vi;Aa.states=hh;Aa.variants=vh;Aa.defaultOptions=vc;Aa.modifiers=[];Aa.className=$e.className;var gi="suggestion",gc=gi;var Ko=require("react/jsx-runtime"),ts="k-suggestion-group",gh=[],Lh={},Lc={layout:"scrollable",scrollingPosition:"start"},Mt=e=>{let{layout:t=Lc.layout,scrollingPosition:o,...a}=e,n=(0,Ko.jsx)("div",{...a,className:s(ts,{"k-suggestion-group-scrollable":t=="scrollable",[`${ts}-scrollable-start`]:o==="start"\|\|o==="both",[`${ts}-scrollable-end`]:o==="end"\|\|o==="both"},e.className),role:"group",children:t==="scrollable"\|\|t==="scrollButtons"?(0,Ko.jsx)("div",{className:"k-suggestions-scroll",children:e.children}):e.children});return t=="scrollButtons"?(0,Ko.jsxs)("div",{className:"k-suggestion-scrollwrap",children:[(0,Ko.jsx)(p,{fillMode:"flat",icon:"chevron-left",size:"xsmall","aria-label":"Scroll left"}),n,(0,Ko.jsx)(p,{fillMode:"flat",icon:"chevron-right",size:"xsmall","aria-label":"Scroll right"})]}):n};Mt.states=gh;Mt.options=Lh;Mt.className=ts;Mt.defaultOptions=Lc;Mt.moduleName=gi;Mt.folderName=gc;var Mc=require("react/jsx-runtime"),os="k-suggestion",Mh=[r.active,r.hover,r.focus],Sh={themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary]},kh={text:"Suggestion"},St=e=>{let{themeColor:t,active:o,hover:a,focus:n,text:i,...l}=e;return(0,Mc.jsx)("span",{...l,className:s(e.className,os,S(os,{hover:a,active:o,focus:n}),y(os,{themeColor:t})),role:"button",tabIndex:0,"aria-label":i,children:i})};St.states=Mh;St.options=Sh;St.className=os;St.item=kh;var Li=require("react/jsx-runtime");var Mi=require("react/jsx-runtime");var Si=require("react/jsx-runtime");var z=require("react/jsx-runtime"),Ch=q.states,Ah=q.defaultOptions,Eh=q.options,yh=[{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"}],Ih=[],Ea=e=>{let{modifiers:t,...o}=e,a={author:null,avatar:null},n=(0,z.jsxs)($e,{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)($t,{children:(0,z.jsx)("span",{children:"Chat with demo bot"})}),(0,z.jsx)("span",{className:"k-spacer"}),(0,z.jsx)($t,{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",f=null,N="User",v="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:M,suggestedActions:L,author:C,avatar:E,quickReplies:A}=a;return(0,z.jsxs)(ic,{value:"Thank you!",style:{minHeight:"100%"},...o,header:m,pinned:M,suggestedActions:L,children:[(0,z.jsx)($,{avatar:f,author:C?v:null,children:(0,z.jsx)(D,{text:"Hello, this is a demo bot. How can I help you ?"})}),(0,z.jsx)($,{avatar:E?u:null,author:C?N:null,type:"sender",children:(0,z.jsx)(D,{text:"Hello! Generate a cover letter."})}),(0,z.jsx)($,{avatar:f,author:C?v:null,children:(0,z.jsx)(D,{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"})})})}),A]})};Ea.options=Eh;Ea.states=Ch;Ea.variants=Ih;Ea.defaultOptions=Ah;Ea.modifiers=yh;Ea.className=q.className;var ki="window",Sc=ki;var Cc=require("react/jsx-runtime"),kc="k-window-content",Th=[],Oh={},Bh={},bo=e=>{let{children:t,...o}=e;return(0,Cc.jsx)("div",{...o,className:s(kc,e.className),children:t})};bo.states=Th;bo.options=Oh;bo.className=kc;bo.defaultOptions=Bh;bo.moduleName=ki;bo.folderName=Sc;var mn="dialog",as=mn;var tt=require("react/jsx-runtime"),Ac="k-dialog",Ph=[],Kh={},Ci={actionButtonsAlign:"stretched",modal:!0},ot=e=>{let{title:t,actions:o,actionButtons:a,actionButtonsAlign:n=Ci.actionButtonsAlign,modal:i=Ci.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,Ac,"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(f=>(0,tt.jsx)(p,{icon:f,fillMode:"flat",size:"xsmall",className:"k-window-titlebar-action k-dialog-titlebar-action","aria-label":f},f))})})]}),(0,tt.jsx)(bo,{className:"k-dialog-content",id:u,children:e.children}),a&&(0,tt.jsx)(it,{alignment:n,className:"k-window-actions k-dialog-actions",children:a})]})]})};ot.states=Ph;ot.options=Kh;ot.className=Ac;ot.defaultOptions=Ci;ot.moduleName=mn;ot.folderName=as;var Ai=ot;var yc=require("react/jsx-runtime"),Ec="k-dialog-wrapper",Rh=[],_h={},wh={},ya=e=>{let{...t}=e;return(0,yc.jsx)("div",{...t,className:s(e.className,Ec),children:e.children})};ya.states=Rh;ya.options=_h;ya.className=Ec;ya.defaultOptions=wh;ya.moduleName=mn;ya.folderName=as;var Xt=require("react/jsx-runtime"),Ic=e=>(0,Xt.jsx)(Ai,{title:"Title",children:(0,Xt.jsx)(Xt.Fragment,{children:"Dialog content"}),actionButtons:(0,Xt.jsxs)(Xt.Fragment,{children:[(0,Xt.jsx)(p,{children:"Action"}),(0,Xt.jsx)(p,{themeColor:"primary",children:"Primary"})]}),actions:["x"],...e});var Ei=require("react/jsx-runtime");var oo=require("react/jsx-runtime"),Dh=ot.options,Hh=[],zh=ot.states,Uh=ot.defaultOptions,Fh=[],Ia=e=>(0,oo.jsx)(Ic,{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?"})});Ia.options=Dh;Ia.states=zh;Ia.variants=Hh;Ia.defaultOptions=Uh;Ia.modifiers=Fh;Ia.className=ot.className;var yi="dropzone",Tc=yi;var Ro=require("react/jsx-runtime"),Ii="k-external-dropzone",Gh=[r.disabled,r.hover],Vh={},Ti={icon:"upload",hint:"Drag and drop files here to upload"},Pe=e=>{let{hover:t,disabled:o,icon:a=Ti.icon,hint:n=Ti.hint,note:i,...l}=e;return(0,Ro.jsx)("div",{...l,className:s(e.className,Ii,S(Ii,{disabled:o}),{"k-external-dropzone-hover":t}),children:(0,Ro.jsxs)("div",{className:"k-dropzone-inner",children:[a&&(0,Ro.jsx)(g,{icon:a,className:"k-dropzone-icon",size:"xxxlarge"}),n&&(0,Ro.jsx)("span",{className:"k-dropzone-hint",children:n}),i&&(0,Ro.jsx)("span",{className:"k-dropzone-note",children:i})]})})};Pe.states=Gh;Pe.options=Vh;Pe.className=Ii;Pe.defaultOptions=Ti;Pe.moduleName=yi;Pe.folderName=Tc;var Bc=require("react/jsx-runtime"),Oc=e=>(0,Bc.jsx)(Pe,{...e});var $h=require("react/jsx-runtime");var Pc=require("react/jsx-runtime"),Xh=Pe.options,qh=Pe.states,Wh=Pe.defaultOptions,Jh=[{name:"note",title:"Note"}],Yh=[],Ta=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,Pc.jsx)(Oc,{style:{width:"500px"},...o,...a})};Ta.options=Xh;Ta.states=qh;Ta.variants=Yh;Ta.defaultOptions=Wh;Ta.modifiers=Jh;Ta.className=Pe.className;var ie=require("react/jsx-runtime"),Oi="k-upload-dropzone",Zh=[r.hover],ns=e=>{let{hover:t,status:o,disabled:a,hasFiles:n,filesId:i,...l}=e,c;switch(o){case"uploading":c=(0,ie.jsxs)(ie.Fragment,{children:[(0,ie.jsx)(g,{icon:"upload"}),"Uploading..."]});break;case"done":c=(0,ie.jsxs)(ie.Fragment,{children:[(0,ie.jsx)(g,{icon:"check"}),"Done"]});break;case"failed":c=(0,ie.jsxs)(ie.Fragment,{children:[(0,ie.jsx)(g,{icon:"exclamation-circle"}),"Done"]});break;default:c=(0,ie.jsx)(ie.Fragment,{});break}return(0,ie.jsxs)("div",{...l,className:s(e.className,Oi,"k-dropzone",S(Oi,{hover:t})),children:[(0,ie.jsxs)("div",{className:"k-upload-button-wrap",children:[(0,ie.jsx)(p,{className:"k-upload-button","aria-disabled":a?"true":"false",...n&&i?{"aria-controls":i}:{},children:"Select files..."}),(0,ie.jsx)("input",{id:"upload-input",className:"k-hidden",tabIndex:-1,"aria-hidden":"true"})]}),(0,ie.jsx)("span",{className:s("k-dropzone-hint",{"k-hidden":o!=="upload"}),children:"Drop files here to upload"}),o!=="upload"&&(0,ie.jsx)("span",{className:"k-upload-status",children:c})]})};ns.states=Zh;ns.className=Oi;var Bi="upload",Kc=Bi;var xo=require("react/jsx-runtime"),Pi="k-upload",Qh=[r.hover,r.disabled],jh={},_c={actionsLayout:"end"},Rc="upload-files-list",le=e=>{let{async:t,empty:o,actions:a,actionsLayout:n=_c.actionsLayout,hover:i,status:l,disabled:c,...u}=e,f=!!e.children;return(0,xo.jsxs)("div",{...u,className:s(e.className,Pi,S(Pi,{disabled:c}),{"k-upload-async":t,"k-upload-empty":o}),children:[(0,xo.jsx)(ns,{status:l,hover:i,disabled:c,hasFiles:f,filesId:Rc}),f&&(0,xo.jsx)("ul",{className:"k-upload-files",role:"list",id:Rc,children:e.children}),a&&f&&(0,xo.jsxs)(Kl,{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"})]})]})};le.states=Qh;le.options=jh;le.className=Pi;le.defaultOptions=_c;le.moduleName=Bi;le.folderName=Kc;var un="progressbar",ss=un;var No=require("react/jsx-runtime"),kt="k-progressbar",ev=[r.disabled,r.indeterminate],tv={orientation:["horizontal","vertical"]},_o={indeterminate:!1,label:!0,labelPosition:"start",orientation:"horizontal",reverse:!1,value:"0"},Xe=e=>{let{disabled:t,height:o,indeterminate:a=_o.indeterminate,label:n=_o.label,labelPosition:i=_o.labelPosition,orientation:l=_o.orientation,reverse:c=_o.reverse,value:u=_o.value,width:f,style:N,ariaLabel:v,...m}=e;return(0,No.jsxs)("div",{...m,className:s(e.className,kt,S(kt,{disabled:t}),{[`${kt}-${l}`]:l,[`${kt}-indeterminate`]:a,[`${kt}-reverse`]:c}),style:{...N,"--kendo-progressbar-value":u,[l==="horizontal"?"height":"width"]:l==="horizontal"?o:f},role:"progressbar","aria-label":v\|\|"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,"%"]})})})]})};Xe.states=ev;Xe.options=tv;Xe.className=kt;Xe.defaultOptions=_o;Xe.moduleName=un;Xe.folderName=ss;var wc=Xe;var is=require("react/jsx-runtime"),Dc="k-chunk-progressbar",ov=(e,t)=>t<=e-1,av=[r.disabled,r.indeterminate],nv={},rs={chunkCount:5,orientation:"horizontal",progress:0},Oa=e=>{let{disabled:t,chunkCount:o=rs.chunkCount,indeterminate:a,orientation:n=rs.orientation,progress:i=rs.progress,reverse:l,ariaLabel:c,...u}=e;return(0,is.jsx)("div",{...u,className:s(e.className,kt,Dc,S(kt,{disabled:t}),{[`${kt}-${n}`]:n,[`${kt}-indeterminate`]:a,[`${kt}-reverse`]:l}),role:"progressbar","aria-label":c\|\|"progress","aria-valuenow":a?void 0:i,"aria-valuemin":0,"aria-valuemax":o,children:(0,is.jsx)("ul",{className:"k-progressbar-chunks k-reset",children:[...Array(o)].map((f,N)=>(0,is.jsx)("li",{className:s("k-progressbar-chunk",{"k-first":N===0,"k-last":N===[...Array(o)].length-1,"k-selected":ov(i,N)})},N))})})};Oa.states=av;Oa.options=nv;Oa.className=Dc;Oa.defaultOptions=rs;Oa.moduleName=un;Oa.folderName=ss;var Hc=require("react/jsx-runtime"),fn=e=>(0,Hc.jsx)(wc,{...e});var sv=require("react/jsx-runtime");var ao=require("react/jsx-runtime"),rv=Xe.options,iv=Xe.states,zc={...Xe.defaultOptions,variant:"start"},lv=[{name:"start",title:"Label start"},{name:"center",title:"Label center"},{name:"end",title:"Label end"},{name:"empty",title:"No label"}],pv=[],Ba=e=>{let{variant:t,modifiers:o,...a}={...zc,...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)(fn,{...a,...n,labelPosition:"end",value:"50"})});case"center":return(0,ao.jsx)("div",{...i,children:(0,ao.jsx)(fn,{...a,...n,labelPosition:"center",value:"50"})});case"empty":return(0,ao.jsx)("div",{...i,children:(0,ao.jsx)(fn,{...a,...n,label:!1,value:"50"})});default:return(0,ao.jsx)("div",{...i,children:(0,ao.jsx)(fn,{...a,...n,labelPosition:"start",value:"50"})})}};Ba.options=rv;Ba.states=iv;Ba.variants=lv;Ba.defaultOptions=zc;Ba.modifiers=pv;Ba.className=Xe.className;var Pa=require("react/jsx-runtime"),dv="k-file-info",Ki=e=>{let{name:t,size:o,validationMsg:a,...n}=e;return(0,Pa.jsxs)("div",{...n,className:s(e.className,dv),children:[t&&(0,Pa.jsx)("span",{className:"k-file-name",children:t}),o&&(0,Pa.jsx)("span",{className:"k-file-size",children:o}),a&&(0,Pa.jsx)("span",{className:"k-file-validation-message","aria-live":"polite",children:a})]})};var Se=require("react/jsx-runtime"),cv="k-file",at=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,cv,{[`k-file-${t}`]:t}),role:"listitem",tabIndex:0,children:(0,Se.jsxs)("div",{className:"k-file-single",children:[(0,Se.jsx)(Xe,{className:s({"k-hidden":t!=="progress"}),value:o,label:!1}),(0,Se.jsxs)("span",{className:"k-file-icon-wrapper",children:[(0,Se.jsx)(g,{className:"k-file-icon",icon:n,size:"xxlarge"}),l&&(0,Se.jsx)("span",{className:"k-file-state",children:l})]}),(0,Se.jsx)(Ki,{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 Ri=require("react/jsx-runtime");var ho=require("react/jsx-runtime"),bn=e=>(0,ho.jsx)(le,{async:!0,children:(0,ho.jsxs)(ho.Fragment,{children:[(0,ho.jsx)(at,{name:"Image_With_Very_Very_Very_Very_Very_Long_Name1.png",icon:"file-image",size:"51.23 KB"}),(0,ho.jsx)(at,{name:"Image2.jpg",icon:"file-image",size:"106.43 KB"})]}),...e});var _i=require("react/jsx-runtime");var Fc=require("react/jsx-runtime"),Uc=e=>(0,Fc.jsx)(le,{async:!0,empty:!0,...e});var wi=require("react/jsx-runtime");var Di=require("react/jsx-runtime");var qe=require("react/jsx-runtime"),mv=le.options,uv=le.states,Gc={...le.defaultOptions,variant:"empty"},fv=[{name:"empty",title:"Empty"},{name:"upload",title:"Upload"},{name:"uploading",title:"Uploading"},{name:"success",title:"Success"},{name:"failed",title:"Failed"}],bv=[],Ka=e=>{let{variant:t,...o}={...Gc,...e};switch(t){case"success":return(0,qe.jsxs)(bn,{status:"done",style:{width:"586px"},...o,children:[(0,qe.jsx)(at,{status:"success",validationMsg:"File(s) uploaded successfully.",name:"Image1.png",icon:"file-image"}),(0,qe.jsx)(at,{status:"success",validationMsg:"File(s) uploaded successfully.",name:"Image2.png",icon:"file-image"})]});case"failed":return(0,qe.jsxs)(bn,{status:"failed",style:{width:"586px"},...o,children:[(0,qe.jsx)(at,{status:"error",validationMsg:"File type not allowed.",name:"Movie1.mkv",icon:"file-image"}),(0,qe.jsx)(at,{status:"error",validationMsg:"File type not allowed.",name:"Video2.mkv",icon:"file-image"})]});case"uploading":return(0,qe.jsxs)(bn,{status:"uploading",style:{width:"586px"},...o,children:[(0,qe.jsx)(at,{progress:"50",status:"progress",name:"Document1.txt",icon:"file-pdf",size:"328.92 KB"}),(0,qe.jsx)(at,{progress:"70",status:"progress",name:"Document2.txt",icon:"file-pdf",size:"225.68 KB"})]});case"upload":return(0,qe.jsxs)(bn,{actions:!0,status:"upload",style:{width:"586px"},...o,children:[(0,qe.jsx)(at,{name:"Image1.png",icon:"file-image",size:"51.23 KB"}),(0,qe.jsx)(at,{name:"Image2.jpg",icon:"file-image",size:"106.43 KB"})]});default:return(0,qe.jsx)(Uc,{async:!0,status:"upload",style:{width:"586px"},...o})}};Ka.options=mv;Ka.states=uv;Ka.variants=fv;Ka.defaultOptions=Gc;Ka.modifiers=bv;Ka.className=le.className;var W=require("react/jsx-runtime"),xv=e=>(0,W.jsxs)(W.Fragment,{children:[(0,W.jsx)(q,{children:(0,W.jsxs)(W.Fragment,{children:[(0,W.jsx)("div",{className:"k-timestamp",children:"Day, Month 7, 2023"}),(0,W.jsx)($,{children:(0,W.jsx)(D,{})}),(0,W.jsx)($,{type:"sender",children:(0,W.jsx)(D,{})}),(0,W.jsx)($,{children:(0,W.jsx)(D,{text:"Very long message text that tests message overflowing behavior. Very long message text that tests message overflowing behavior."})}),(0,W.jsx)($,{type:"sender",children:(0,W.jsx)(D,{text:"Unusually_long_word_that_tests_word_break_behavior__unusually_long_word_that_tests_word_break_behavior"})})]}),...e}),(0,W.jsxs)(ot,{className:"k-chat-upload",title:"Upload file(s)",actions:["x"],actionButtons:(0,W.jsxs)(W.Fragment,{children:[(0,W.jsx)(p,{themeColor:"primary",disabled:!0,children:"Upload"}),(0,W.jsx)(p,{children:"Cancel"})]}),children:[(0,W.jsx)(Pe,{}),(0,W.jsx)(le,{empty:!0,status:"upload"})]})]});
1	+ var Vc=Object.create;var xn=Object.defineProperty;var $c=Object.getOwnPropertyDescriptor;var Xc=Object.getOwnPropertyNames;var qc=Object.getPrototypeOf,Wc=Object.prototype.hasOwnProperty;var Jc=(e,t)=>{for(var o in t)xn(e,o,{get:t[o],enumerable:!0})},zi=(e,t,o,a)=>{if(t&&typeof t=="object"\|\|typeof t=="function")for(let n of Xc(t))!Wc.call(e,n)&&n!==o&&xn(e,n,{get:()=>t[n],enumerable:!(a=$c(t,n))\|\|a.enumerable});return e};var Ui=(e,t,o)=>(o=e!=null?Vc(qc(e)):{},zi(t\|\|!e\|\|!e.__esModule?xn(o,"default",{value:e,enumerable:!0}):o,e)),Yc=e=>zi(xn({},"__esModule",{value:!0}),e);var Nv={};Jc(Nv,{ChatUpload:()=>xv});module.exports=Yc(Nv);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"}),S=(e,t)=>{let{valid:o,invalid:a,hover:n,focus:i,checked:l,active:c,selected:u,disabled:f,indeterminate:N,loading:v,empty:m,readonly:L,highlighted:M,...C}=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":f,"k-indeterminate":N&&!l,"k-loading":v,"k-empty":m,"k-readonly":L,"k-highlighted":M},Object.keys(C).reduce((E,A)=>(A.startsWith("k-")?E[A]=C[A]:E[`k-${A}`]=C[A],E),{}))};function Nn(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"},b={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},x={undefined:void 0,solid:"solid",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 _a=require("react/jsx-runtime"),us="k-font-icon",Zc=[],Qc={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]},jc={},wa=e=>{let{size:t,themeColor:o,icon:a,rotate:n,flip:i,...l}=e;return a?(0,_a.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,_a.jsx)(_a.Fragment,{})};wa.states=Zc;wa.options=Qc;wa.className=us;wa.defaultOptions=jc;var Fi=wa;var Lo=require("react/jsx-runtime"),fs="k-svg-icon",em=[],tm={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},Da=e=>{var v,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 f=typeof c=="object"&&c.name&&c.name,N=typeof c=="object"?l&&((v=c.variants)==null?void 0:v[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-${f}`]:f,[`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:N!==void 0?{__html:N}:void 0,children:c?void 0:e.children})})};Da.states=em;Da.options=tm;Da.className=fs;Da.defaultOptions=bs;var xs=Da;var Ns=Ui(require("@progress/kendo-svg-icons"));var Gi="icon",Vi="icons";var qi=require("react");var $i=require("react"),Xi=(0,$i.createContext)({iconsType:"svg"});var qt=require("react/jsx-runtime"),hn="k-icon",om=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),am=[],nm={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]},vn={viewBox:"0 0 24 24",type:"svg",variant:Pt.outline},g=e=>{let{iconsType:t}=(0,qi.useContext)(Xi),{size:o,themeColor:a,icon:n,type:i=t\|\|vn.type,rotate:l,flip:c,viewBox:u=vn.viewBox,variant:f=vn.variant,...N}=e;if(!n)return(0,qt.jsx)(qt.Fragment,{});if((t\|\|i)==="svg"){if(n==="none")return(0,qt.jsx)(xs,{...N,className:s(e.className,hn),icon:n,size:o,variant:f});let m=Ns[n]?n:om(`${n}-icon`);return Ns[m]?(0,qt.jsx)(xs,{...N,className:s(e.className,hn),icon:Ns[m],size:o,themeColor:a,rotate:l,flip:c,viewBox:u,variant:f}):(0,qt.jsx)(qt.Fragment,{})}return(0,qt.jsx)(Fi,{...N,className:s(e.className,hn),icon:n,size:o,themeColor:a,rotate:l,flip:c})};g.states=am;g.options=nm;g.defaultOptions=vn;g.className=hn;g.moduleName=Gi;g.folderName=Vi;var hs="button",Wi=hs;var nt=require("react/jsx-runtime"),Ha="k-button",sm=["icon-button"],rm=[r.hover,r.focus,r.active,r.selected,r.disabled,r.generating],im={size:[d.undefined,d.xsmall,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[x.undefined,x.solid,x.flat,x.outline,x.clear,x.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:f,focus:N,active:v,selected:m,disabled:L,togglable:M,ariaDisabled:C,icon:E,iconSize:A,text:I,iconClassName:G,className:ke,...We}=e,Ce=E!=null,Ke=e.children!==void 0;return(0,nt.jsxs)(t,{className:s(ke,Ha,Nn(Ha,u),y(Ha,{size:o,rounded:a,fillMode:n,themeColor:i}),S(Ha,{hover:f,focus:N,active:v,disabled:L\|\|C,selected:m}),{"k-icon-button":!I&&!Ke&&Ce}),"aria-pressed":M?m?"true":"false":void 0,...We,"aria-disabled":C?"true":void 0,disabled:L\|\|void 0,children:[typeof E=="string"&&E&&(0,nt.jsx)(g,{className:s(G,"k-button-icon"),icon:E,size:A}),E&&typeof E!="string"&&(0,nt.jsx)(nt.Fragment,{children:E}),I?(0,nt.jsxs)(nt.Fragment,{children:[I&&(0,nt.jsx)("span",{className:"k-button-text",children:I}),e.children]}):e.children&&(0,nt.jsx)("span",{className:"k-button-text",children:e.children}),l&&(0,nt.jsx)("span",{className:"k-menu-button-arrow k-button-arrow",children:(0,nt.jsx)(g,{icon:c})})]})};p.states=rm;p.options=im;p.variants=sm;p.className=Ha;p.defaultOptions=vs;p.moduleName=hs;p.folderName=Wi;var Ji=require("react/jsx-runtime"),Y=e=>(0,Ji.jsx)(p,{icon:"folder",...e,"aria-label":e["aria-label"]\|\|"Folder",children:void 0});var Yi=require("react/jsx-runtime"),za=e=>(0,Yi.jsx)(p,{icon:"folder",children:"Button",...e});var Zi=require("react/jsx-runtime"),Ct=e=>(0,Zi.jsx)(p,{children:"Button",...e});var gn=require("react/jsx-runtime"),lm=p.options,pm=p.states,dm={...p.defaultOptions,variant:"text"},cm=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],mm=[],wo=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return(0,gn.jsx)(Y,{...o,icon:"star"});case"icon-and-text":return(0,gn.jsx)(za,{...o,icon:"star",children:"Button"});default:return(0,gn.jsx)(Ct,{...o,children:"Button"})}};wo.options=lm;wo.states=pm;wo.variants=cm;wo.defaultOptions=dm;wo.modifiers=mm;wo.className=p.className;var Ua=require("react/jsx-runtime"),Ln="k-fab",bm=[r.hover,r.focus,r.active,r.selected,r.disabled],xm={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary]},Qi={type:"button"},pe=e=>{let{size:t,rounded:o,themeColor:a,text:n,icon:i,type:l=Qi.type,position:c,hover:u,focus:f,active:N,selected:v,disabled:m,...L}=e;return(0,Ua.jsxs)("button",{...L,type:l,className:s(e.className,Ln,y(Ln,{size:t,rounded:o,themeColor:a}),S(Ln,{hover:u,focus:f,active:N,disabled:m,selected:v}),{[`!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,Ua.jsx)(g,{className:"k-fab-icon",icon:i}),n&&(0,Ua.jsx)("span",{className:"k-fab-text",children:n})]})};pe.states=bm;pe.options=xm;pe.className=Ln;pe.defaultOptions=Qi;pe.moduleName="fab";pe.folderName="fab";var el=require("react/jsx-runtime"),Nm="k-fab-items",ji=e=>{let{position:t,...o}=e;return(0,el.jsx)("ul",{...o,className:s(e.className,Nm,{[`k-fab-items-${t}`]:t}),children:e.children})};var Fa=require("react/jsx-runtime"),tl="k-fab-item",hm=[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,Fa.jsxs)("li",{...u,className:s(e.className,tl,{[`k-text-${a}`]:a},S(tl,{hover:n,focus:i,active:l,disabled:c})),children:[(0,Fa.jsx)("span",{className:"k-fab-item-text",children:t}),(0,Fa.jsx)(g,{className:"k-fab-item-icon",icon:o})]})};gs.states=hm;var vm=require("react/jsx-runtime");var al=require("react/jsx-runtime"),ol=e=>(0,al.jsx)(pe,{icon:"plus",...e});var gm=require("react/jsx-runtime");var Lm=require("react/jsx-runtime");var Wt=require("react/jsx-runtime"),Mm=pe.options,Sm=pe.states,km={...pe.defaultOptions,variant:"text"},Cm=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Am=[{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)(ji,{position:"bottom",children:(0,Wt.jsx)(gs,{text:"Item",icon:"pencil",align:"right"})})}):null,l;switch(t){case"icon-only":l=(0,Wt.jsx)(pe,{...a,icon:"star"});break;case"icon-and-text":l=(0,Wt.jsx)(pe,{...a,icon:"star",text:"Action"});break;default:l=(0,Wt.jsx)(pe,{...a,text:"Action"});break}return(0,Wt.jsxs)("span",{style:{position:"relative"},children:[l,i]})};Do.options=Mm;Do.states=Sm;Do.variants=Cm;Do.defaultOptions=km;Do.modifiers=Am;Do.className=pe.className;var nl=require("react/jsx-runtime"),Ls="k-input-inner",Em=[],ym={},Mn={type:"text",autocomplete:"off",value:"",placeholder:""},Re=e=>{let{value:t=Mn.value,type:o=Mn.type,placeholder:a=Mn.placeholder,autocomplete:n=Mn.autocomplete,disabled:i,readOnly:l,...c}=e;return(0,nl.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})};Re.states=Em;Re.options=ym;Re.className=Ls;var rl=require("react/jsx-runtime"),Ms="k-input-inner",Im=[],Tm={},sl={value:"",placeholder:""},Ga=e=>{let{value:t=sl.value,placeholder:o=sl.placeholder,rows:a,disabled:n,...i}=e;return(0,rl.jsx)("textarea",{...i,className:s(e.className,Ms,y(Ms,e)),placeholder:o,rows:a,defaultValue:t,disabled:n\|\|void 0})};Ga.states=Im;Ga.options=Tm;Ga.className=Ms;var Ss="prompt-box",il=Ss;var ks="speech-to-text-button",ll=ks;var cl=require("react/jsx-runtime"),pl="k-speech-to-text-button",dl={icon:"microphone"},st=e=>{let{listening:t=!1,icon:o=dl.icon,...a}=e;return(0,cl.jsx)(p,{...a,icon:t?"stop":o,className:s(e.className,pl,{"k-listening":t}),"aria-pressed":t?"true":"false","aria-label":t?"Stop listening":"Start listening"})};st.states=p.states;st.options=p.options;st.className=pl;st.defaultOptions=dl;st.moduleName=ks;st.folderName=ll;var Om=require("react/jsx-runtime");var Bm=require("react/jsx-runtime");var ul=require("react/jsx-runtime"),Pm=p.states,ml={...p.defaultOptions,variant:"normal"},Km={...p.options,fillMode:p.options.fillMode.filter(e=>e!=="clear"&&e!=="link")},Rm=[],_m=[{name:"normal",title:"Normal"},{name:"listening",title:"Listening"}],Ho=e=>{let{variant:t,...o}={...ml,...e},a={};return t==="listening"&&(a.listening=!0),(0,ul.jsx)(st,{...o,...a})};Ho.options=Km;Ho.states=Pm;Ho.variants=_m;Ho.defaultOptions=ml;Ho.modifiers=Rm;Ho.className=st.className;var mt=require("react/jsx-runtime"),Kt="k-prompt-box",wm=[r.hover,r.focus,r.disabled],Dm={fillMode:[x.undefined,x.solid,x.flat,x.outline]},Cs={lineMode:"auto",isExpanded:!1},_e=e=>{let{fillMode:t,lineMode:o=Cs.lineMode,startAffix:a,endAffix:n,header:i,isExpanded:l=Cs.isExpanded,className:c,children:u,value:f,placeholder:N,generating:v,actionButtonConfig:m,speechToTextButtonConfig:L,uploadButtonConfig:M,hover:C,focus:E,disabled:A,...I}=e,G=o==="multi"\|\|o==="auto"&&l;return(0,mt.jsxs)("div",{...I,className:s(c,"k-input",Kt,{[`${Kt}-singleline`]:o==="single",[`${Kt}-multiline`]:G,[`k-input-${t}`]:t,"k-hover":C,"k-focus":E,"k-disabled":A}),children:[i&&(0,mt.jsx)("div",{className:`${Kt}-header`,children:i}),(0,mt.jsxs)("div",{className:`${Kt}-content`,children:[a&&(0,mt.jsx)("div",{className:`${Kt}-affix`,children:a}),o==="single"?(0,mt.jsx)(Re,{value:f,placeholder:N,className:`${Kt}-input`,type:"text","aria-label":"Prompt input"}):(0,mt.jsx)(Ga,{value:f,placeholder:N,className:`${Kt}-textarea`,rows:o==="multi"\|\|l?3:1,"aria-label":"Prompt input","aria-multiline":"true"}),(0,mt.jsxs)("div",{className:`${Kt}-affix`,children:[n,M&&(0,mt.jsx)(Y,{icon:"paperclip",size:"small",fillMode:"flat",rounded:"full","aria-label":"Attach files",...M}),L!==!1&&(0,mt.jsx)(st,{size:"small",fillMode:"flat",rounded:"full",...L}),(0,mt.jsx)(Y,{icon:v?"stop":"arrow-up",size:"small",rounded:"full",active:v,disabled:!f&&!v,"aria-label":v?"Stop generating":"Send prompt","aria-live":"polite",...m,className:s({"k-generating":v},m==null?void 0:m.className)})]})]}),u]})};_e.states=wm;_e.options=Dm;_e.className=Kt;_e.defaultOptions=Cs;_e.moduleName=Ss;_e.folderName=il;var Hm=require("react/jsx-runtime");var zm=require("react/jsx-runtime");var Um=require("react/jsx-runtime");var Fm=require("react/jsx-runtime");var Gm=require("react/jsx-runtime");var we=require("react/jsx-runtime"),Vm=_e.options,$m=_e.states,Xm={..._e.defaultOptions,variant:"Single"},qm=[{name:"Single",title:"Singleline"},{name:"Multi",title:"Multiline"}],Wm=[{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,we.jsx)(we.Fragment,{children:(0,we.jsx)(Y,{size:"small",icon:"send",fillMode:"flat"})});return Object.keys(o\|\|{}).forEach(l=>{switch(l){case"header":n.header=o!=null&&o[l]?(0,we.jsx)(p,{children:"Button in header"}):void 0;break;case"endAffix":o!=null&&o[l]&&(n.endAffix=(0,we.jsxs)(we.Fragment,{children:[i,(0,we.jsx)(Y,{icon:"paperclip",size:"small",fillMode:"flat"})]}));break;case"startAffix":n.startAffix=o!=null&&o[l]?(0,we.jsx)(we.Fragment,{children:(0,we.jsx)(Y,{icon:"plus",size:"small",fillMode:"flat"})}):void 0;break;default:break}}),t==="Multi"?(0,we.jsx)(_e,{style:{width:300},lineMode:"multi",endAffix:i,placeholder:"Enter your prompt...",...a,...n}):(0,we.jsx)(_e,{style:{width:300},lineMode:"single",endAffix:i,placeholder:"Enter your prompt...",...a,...n})};zo.options=Vm;zo.states=$m;zo.variants=qm;zo.defaultOptions=Xm;zo.modifiers=Wm;zo.className=_e.className;var As="chat",fl=As;var fe=require("react/jsx-runtime"),bl="k-chat",Jm=[],Ym={},Zm=(0,fe.jsxs)(fe.Fragment,{children:[(0,fe.jsx)(Y,{icon:"paperclip",fillMode:"clear",rounded:"full",size:"small","aria-label":"Attach file"},"paperclip"),(0,fe.jsx)("div",{className:"k-spacer"})]}),xl={tools:Zm},q=e=>{let{header:t,dir:o,suggestedActions:a,files:n,pinned:i,replied:l,generating:c,tools:u=xl.tools,value:f,empty:N,scrollToBottom:v,scrollbar:m,promptBoxProps:L,...M}=e;return(0,fe.jsxs)("div",{...M,className:s(bl,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",N&&"k-message-list-content-empty"),children:e.children}),v&&(0,fe.jsx)("div",{className:"k-chat-scroll-to-bottom-container",children:(0,fe.jsx)(ol,{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)(_e,{lineMode:"multi",placeholder:"Type a message",generating:c,value:f,header:n\|\|l?(0,fe.jsxs)(fe.Fragment,{children:[l,n]}):void 0,endAffix:u,...L})]})]})};q.states=Jm;q.options=Ym;q.className=bl;q.defaultOptions=xl;q.moduleName=As;q.folderName=fl;var Es="button",Nl=Es;var hl=require("react/jsx-runtime"),Va="k-button-group",Qm=[r.disabled],jm={fillMode:[x.undefined,x.solid,x.flat,x.outline,x.clear,x.link]},eu={},B=e=>{let{fillMode:t,disabled:o,stretched:a,...n}=e;return(0,hl.jsx)("div",{role:"group",...n,className:s(e.className,Va,y(Va,{fillMode:t}),S(Va,{disabled:o}),{[`${Va}-stretched`]:a}),...o&&{"aria-disabled":"true"},children:e.children})};B.states=Qm;B.options=jm;B.className=Va;B.defaultOptions=eu;B.moduleName=Es;B.folderName=Nl;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 Je=require("react/jsx-runtime"),tu={...p.options,...B.options},ou=p.states,au={...p.defaultOptions,...B.defaultOptions,variant:"text-button"},nu=[{name:"icon-button",title:"Icon Only"},{name:"text-button",title:"Text"},{name:"icon-text-button",title:"Icon Text"}],su=[],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=tu;Uo.states=ou;Uo.variants=nu;Uo.defaultOptions=au;Uo.modifiers=su;Uo.className=B.className;var $a="input",kn=$a;var vl=require("react/jsx-runtime"),Cn="k-input",ru=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading,r.readonly],iu={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[x.undefined,x.solid,x.flat,x.outline]},lu={},oe=e=>{let{hover:t,focus:o,disabled:a,invalid:n,valid:i,loading:l,readonly:c,size:u,rounded:f,fillMode:N,...v}=e;return(0,vl.jsx)("span",{...v,className:s(e.className,Cn,y(Cn,{size:u,rounded:f,fillMode:N}),S(Cn,{hover:t,focus:o,disabled:a,invalid:n,valid:i,loading:l,readonly:c}))})};oe.states=ru;oe.options=iu;oe.className=Cn;oe.defaultOptions=lu;oe.moduleName=$a;oe.folderName=kn;var gl=require("react/jsx-runtime"),An="k-picker",pu=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading,r.readonly],du={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[x.undefined,x.solid,x.flat,x.outline]},cu={},Rt=e=>{let{hover:t,focus:o,disabled:a,invalid:n,valid:i,loading:l,readonly:c,size:u,rounded:f,fillMode:N,...v}=e;return(0,gl.jsx)("span",{...v,className:s(e.className,An,y(An,{size:u,rounded:f,fillMode:N}),S(An,{hover:t,focus:o,disabled:a,invalid:n,valid:i,loading:l,readonly:c})),children:e.children})};Rt.states=pu;Rt.options=du;Rt.className=An;Rt.defaultOptions=cu;Rt.moduleName=$a;Rt.folderName=kn;var Fo=require("react/jsx-runtime"),Ll="k-clear-value",mu=[r.disabled,r.loading,r.readonly],uu={},rt=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,Ll),children:(0,Fo.jsx)(g,{icon:"x"})})};rt.states=mu;rt.options=uu;rt.className=Ll;var Xa=require("react/jsx-runtime"),Ks="k-input-inner",fu=[],bu={},Mo=e=>{let{value:t,placeholder:o,showValue:a,valueIcon:n,valueIconName:i,...l}=e;return(0,Xa.jsxs)("span",{...l,className:s(e.className,Ks,y(Ks,e)),children:[n,!n&&i&&(0,Xa.jsx)(g,{className:"k-input-value-icon",icon:i}),a&&!t&&o,a&&t&&(0,Xa.jsx)("span",{className:"k-input-value-text",children:t})]})};Mo.states=fu;Mo.options=bu;Mo.className=Ks;var qa=require("react/jsx-runtime"),Ml="k-input-loading-icon",xu=[r.disabled,r.loading],Ye=e=>{let{disabled:t,loading:o}=e;return t\|\|!o?(0,qa.jsx)(qa.Fragment,{}):(0,qa.jsx)("span",{className:s(e.className,Ml,"k-icon k-i-loading")})};Ye.states=xu;Ye.className=Ml;var Wa=require("react/jsx-runtime"),Sl="k-input-validation-icon",Nu=[r.valid,r.invalid,r.disabled,r.loading],hu={},De=e=>{let{valid:t,invalid:o,disabled:a,loading:n}=e,i=o?"warning-circle":"check-circle";return a\|\|n\|\|!!!(t\|\|o)?(0,Wa.jsx)(Wa.Fragment,{}):(0,Wa.jsx)(g,{className:s(Sl),icon:i})};De.states=Nu;De.options=hu;De.className=Sl;var Ja=require("react/jsx-runtime"),vu="k-input-prefix",gu={direction:"horizontal"},ut=e=>{let{direction:t=gu.direction,...o}=e;return e.children?(0,Ja.jsx)("span",{...o,className:s(vu,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):(0,Ja.jsx)(Ja.Fragment,{})};var Ya=require("react/jsx-runtime"),Lu="k-input-suffix",Mu={direction:"horizontal"},ft=e=>{let{direction:t=Mu.direction,...o}=e;return e.children?(0,Ya.jsx)("span",{...o,className:s(Lu,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):(0,Ya.jsx)(Ya.Fragment,{})};var Su=require("react/jsx-runtime");var kl=require("react/jsx-runtime"),ku="k-input-suffix-text",Rs=e=>{let{children:t,...o}=e;return(0,kl.jsx)("span",{...o,className:s(ku,e.className),children:t})};var Al=require("react/jsx-runtime"),Cl="k-input-separator",Cu={direction:"vertical"},bt=e=>{let{direction:t=Cu.direction,...o}=e;return(0,Al.jsx)("span",{...o,className:s(Cl,e.className,{[`${Cl}-${t}`]:t})})};var me=require("react/jsx-runtime"),Au=oe.states,Eu=oe.defaultOptions,yu=oe.options,Iu=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],Tu=[],Go=e=>{let{modifiers:t,valid:o,invalid:a,loading:n,disabled:i,readonly:l,...c}=e,u=t==null?void 0:t.prefix,f=t==null?void 0:t.suffix,N=t==null?void 0:t["clear-button"],v=t==null?void 0:t["validation-icon"],m=t==null?void 0:t.separators;return(0,me.jsxs)(oe,{...c,valid:o,invalid:a,loading:n,disabled:i,readonly:l,style:{width:300},children:[u&&(0,me.jsxs)(me.Fragment,{children:[(0,me.jsx)(ut,{children:(0,me.jsx)(g,{icon:"lock"})}),m&&(0,me.jsx)(bt,{})]}),(0,me.jsx)(Re,{placeholder:"Placeholder",value:"Value"}),v&&(0,me.jsx)(De,{valid:o,invalid:a,loading:n,disabled:i}),(0,me.jsx)(Ye,{loading:n,disabled:i}),N&&(0,me.jsx)(rt,{loading:n,disabled:i,readonly:l,value:"Value"}),f&&(0,me.jsxs)(me.Fragment,{children:[m&&(0,me.jsx)(bt,{}),(0,me.jsx)(ft,{children:(0,me.jsx)(Ct,{size:c.size,fillMode:"clear",children:"Send"})})]})]})};Go.options=yu;Go.states=Au;Go.variants=Tu;Go.defaultOptions=Eu;Go.modifiers=Iu;Go.className=oe.className;var Za=require("react/jsx-runtime"),El="k-color-preview",Ou=[],Bu={},no=e=>{let{color:t,iconName:o,...a}=e;return(0,Za.jsxs)("span",{...a,className:s(e.className,El,{"k-icon-color-preview":o,"k-no-color":!t}),children:[o&&(0,Za.jsx)(g,{icon:o,className:"k-color-preview-icon"}),(0,Za.jsx)("span",{className:"k-color-preview-mask",style:{backgroundColor:t}})]})};no.states=Ou;no.options=Bu;no.className=El;var _s="popup",yl=_s;var Ds=require("react/jsx-runtime"),Il="k-animation-container",Pu=[],Ku={},ws={positionMode:"absolute",shown:!0},_t=e=>{let{positionMode:t=ws.positionMode,shown:o=ws.shown,animationStyle:a,offset:n,...i}=e;return(0,Ds.jsx)("div",{...i,style:{...n,...e.style},className:s(e.className,Il,{"k-animation-container-shown":o,"k-animation-container-fixed":t==="fixed"}),children:(0,Ds.jsx)("div",{className:"k-child-animation-container",style:a,children:e.children})})};_t.states=Pu;_t.options=Ku;_t.className=Il;_t.defaultOptions=ws;_t.moduleName=_s;_t.folderName=yl;var Hs="popup",Tl=Hs;var zs=require("react/jsx-runtime"),Ol="k-popup",Ru=[],_u={},Bl={positionMode:"absolute"},Z=e=>{let{offset:t,positionMode:o=Bl.positionMode,animationStyle:a,containerClassName:n,containerRole:i,containerAriaLabel:l,...c}=e;return(0,zs.jsx)(_t,{positionMode:o,offset:t,animationStyle:a,className:n,role:i,"aria-label":l,children:(0,zs.jsx)("div",{...c,className:s(e.className,Ol),children:e.children})})};Z.states=Ru;Z.options=_u;Z.className=Ol;Z.defaultOptions=Bl;Z.moduleName=Hs;Z.folderName=Tl;var Us="action-buttons",Pl=Us;var Rl=require("react/jsx-runtime"),En="k-actions",wu=[],Du={},Fs={alignment:"start",orientation:"horizontal"},it=e=>{let{alignment:t=Fs.alignment,orientation:o=Fs.orientation,...a}=e;return(0,Rl.jsx)("div",{...a,className:s(En,{[`${En}-${t}`]:t,[`${En}-${o}`]:o},e.className),children:e.children})};it.states=wu;it.options=Du;it.className=En;it.defaultOptions=Fs;it.moduleName=Us;it.folderName=Pl;var Kl=it;var wl=require("react/jsx-runtime"),Hu="k-actionsheet-footer",_l={alignment:"stretched",orientation:"horizontal"},so=e=>{let{alignment:t=_l.alignment,orientation:o=_l.orientation,template:a,as:n=a?"div":it,...i}=e;return(0,wl.jsx)(n,{...i,...!a&&{alignment:t,orientation:o},className:s(e.className,Hu),children:e.children})};var Gs="searchbox",Dl=Gs;var ro=require("react/jsx-runtime"),Hl="k-searchbox",zu=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading],Uu={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[x.undefined,x.solid,x.flat,x.outline]},yn={showIcon:!0,showClearButton:!0,icon:"search"},xt=e=>{let{value:t,placeholder:o,size:a,rounded:n,fillMode:i,hover:l,focus:c,valid:u,invalid:f,required:N,loading:v,disabled:m,showIcon:L=yn.showIcon,showClearButton:M=yn.showClearButton,icon:C=yn.icon,"aria-label":E,...A}=e;return(0,ro.jsxs)(oe,{...A,size:a,rounded:n,fillMode:i,hover:l,focus:c,valid:u,invalid:f,required:N,loading:v,disabled:m,className:s(e.className,Hl),children:[L&&(0,ro.jsx)(g,{className:"k-input-icon",icon:C}),(0,ro.jsx)(Re,{placeholder:o,value:t,"aria-label":E}),(0,ro.jsx)(Ye,{...e}),(0,ro.jsx)(De,{...e}),M&&(0,ro.jsx)(rt,{...e})]})};xt.states=zu;xt.options=Uu;xt.className=Hl;xt.defaultOptions=yn;xt.moduleName=Gs;xt.folderName=Dl;var Fu=require("react/jsx-runtime");var Vs="textbox",zl=Vs;var Ae=require("react/jsx-runtime"),Ul="k-textbox",Gu=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading,r.readonly],Vu={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[x.undefined,x.solid,x.flat,x.outline]},In={showClearButton:!0,showValidationIcon:!0,separators:!0},Ee=e=>{let{size:t,rounded:o,fillMode:a,separators:n=In.separators,showClearButton:i=In.showClearButton,showValidationIcon:l=In.showValidationIcon,prefix:c,suffix:u,type:f,value:N,placeholder:v,hover:m,focus:L,valid:M,invalid:C,required:E,loading:A,disabled:I,readonly:G,id:ke,"aria-label":We,"aria-describedby":Ce,...Ke}=e;return(0,Ae.jsxs)(oe,{...Ke,size:t,rounded:o,fillMode:a,hover:m,focus:L,valid:M,invalid:C,required:E,loading:A,disabled:I,readonly:G,className:s(e.className,Ul),children:[c&&(0,Ae.jsxs)(Ae.Fragment,{children:[(0,Ae.jsx)(ut,{children:c}),n&&(0,Ae.jsx)(bt,{})]}),(0,Ae.jsx)(Re,{id:ke,placeholder:v,value:N,type:f,disabled:I,"aria-label":We,"aria-describedby":Ce,"aria-invalid":C?"true":void 0}),l&&(0,Ae.jsx)(De,{valid:M,invalid:C,loading:A,disabled:I}),(0,Ae.jsx)(Ye,{loading:A,disabled:I}),i&&(0,Ae.jsx)(rt,{loading:A,disabled:I,readonly:G,value:N}),u&&(0,Ae.jsxs)(Ae.Fragment,{children:[n&&(0,Ae.jsx)(bt,{}),(0,Ae.jsx)(ft,{children:u})]})]})};Ee.states=Gu;Ee.options=Vu;Ee.className=Ul;Ee.defaultOptions=In;Ee.moduleName=Vs;Ee.folderName=zl;var Qa=Ee;var Fl=require("react/jsx-runtime"),Tn=e=>(0,Fl.jsx)(Qa,{...e});var Gl=require("react/jsx-runtime");var Vl=require("react/jsx-runtime");var $u=require("react/jsx-runtime");var On=require("react/jsx-runtime"),Xu=Ee.states,qu=Ee.defaultOptions,Wu=Ee.options,Ju=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],Yu=[],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,On.jsx)(g,{icon:"lock"}):void 0;break;case"suffix":a.suffix=t!=null&&t[n]?(0,On.jsx)(Ct,{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,On.jsx)(Tn,{value:"Value",style:{width:300},...o,...a})};Vo.options=Wu;Vo.states=Xu;Vo.variants=Yu;Vo.defaultOptions=qu;Vo.modifiers=Ju;Vo.className=Ee.className;var lt=require("react/jsx-runtime"),$l="k-actionsheet-titlebar",Zu={},He=e=>{let{title:t,subtitle:o,actionsStart:a,actionsEnd:n,filter:i,input:l,inputValue:c,inputPlaceholder:u,adaptive:f,titleId:N,children:v,...m}=e;return(0,lt.jsxs)("div",{...m,className:s(e.className,$l),children:[(0,lt.jsxs)("div",{className:"k-actionsheet-titlebar-group",children:[a&&(0,lt.jsx)("div",{className:"k-actionsheet-actions",children:a}),!v&&(0,lt.jsxs)("div",{className:"k-actionsheet-title",id:N,children:[t&&(0,lt.jsx)("div",{className:"k-text-center",children:t}),o&&(0,lt.jsx)("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),v&&(0,lt.jsx)("div",{className:"k-actionsheet-title",id:N,children:v}),n&&(0,lt.jsx)("div",{className:"k-actionsheet-actions",children:n})]}),(l\|\|i)&&(0,lt.jsx)("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:l?(0,lt.jsx)(Ee,{value:c,placeholder:u,size:f?"large":"medium","aria-label":t\|\|u\|\|"Input"}):(0,lt.jsx)(xt,{placeholder:"Filter",size:f?"large":"medium","aria-label":"Filter options"})})]})};He.className=$l;He.defaultOptions=Zu;var $o=require("react/jsx-runtime"),$s="k-actionsheet-view",Qu=[],ju={},ef={},Xo=e=>{let{adaptive:t,animated:o,children:a,header:n,footer:i,titleId:l,...c}=e,u=(n==null?void 0:n.type)===He&&(0,$o.jsx)(He,{adaptive:t,titleId:l,...n==null?void 0:n.props}),f=(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,$s,{[`${$s}-animated`]:o}),children:[u,(0,$o.jsx)("div",{className:"k-actionsheet-content",children:a}),f]})};Xo.states=Qu;Xo.options=ju;Xo.className=$s;Xo.defaultOptions=ef;var ja="action-sheet",Bn=ja;var Xs="overlay",Xl=Xs;var Wl=require("react/jsx-runtime"),ql="k-overlay",tf=[],of={},af={},wt=e=>{let{...t}=e;return(0,Wl.jsx)("div",{...t,className:s(e.className,ql),children:e.children})};wt.states=tf;wt.options=of;wt.className=ql;wt.defaultOptions=af;wt.moduleName=Xs;wt.folderName=Xl;var So=require("react/jsx-runtime"),Jl="k-actionsheet",nf=[],sf={},en={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},ae=e=>{let{side:t=en.side,fullscreen:o=en.fullscreen,adaptive:a=en.adaptive,overlay:n=en.overlay,template:i,children:l,header:c,footer:u,id:f,...N}=e,v=f&&!i&&c?`${f}-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",{...N,id:f,role:"dialog","aria-modal":n?"true":void 0,"aria-labelledby":v,className:s(e.className,Jl,{[`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:v,...e,children:l})})})]})};ae.states=nf;ae.options=sf;ae.className=Jl;ae.defaultOptions=en;ae.moduleName=ja;ae.folderName=Bn;var Zl=require("react/jsx-runtime"),Yl="k-actionsheet-container",rf=[],lf={},pf={},qo=e=>{let{children:t,...o}=e;return(0,Zl.jsx)("div",{...o,className:Yl,children:t})};qo.states=rf;qo.options=lf;qo.className=Yl;qo.defaultOptions=pf;qo.moduleName=ja;qo.folderName=Bn;var Ql=require("react/jsx-runtime"),qs=e=>{let{...t}=e;return(0,Ql.jsx)("div",{...t,className:s(e.className,"k-list-ul"),children:e.children})};var Nt=require("react/jsx-runtime"),Ws="k-actionsheet-item",df=[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,Nt.jsxs)("span",{...u,className:s(e.className,Ws,S(Ws,{hover:n,focus:i,selected:l,disabled:c})),children:[!e.children&&(0,Nt.jsx)(Nt.Fragment,{children:(0,Nt.jsxs)("span",{className:"k-actionsheet-action",children:[t&&(0,Nt.jsx)("span",{className:"k-icon-wrap",children:(0,Nt.jsx)(g,{className:"k-actionsheet-item-icon",icon:t})}),(0,Nt.jsxs)("span",{className:"k-actionsheet-item-text",children:[o&&(0,Nt.jsx)("span",{className:"k-actionsheet-item-title",children:o}),a&&(0,Nt.jsx)("span",{className:"k-actionsheet-item-description",children:a})]})]})}),e.children]})};io.states=df;io.className=Ws;var jl=require("react/jsx-runtime");var cf=require("react/jsx-runtime");var mf=require("react/jsx-runtime");var uf=require("react/jsx-runtime");var Q=require("react/jsx-runtime"),ff=ae.options,bf=ae.states,tp={...ae.defaultOptions,variant:"normal"},xf=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],Nf=[{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}={...tp,...e},n={},i=(0,Q.jsxs)(qs,{children:[(0,Q.jsx)(io,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),(0,Q.jsx)(io,{text:"Add to Favorites",iconName:"heart"}),(0,Q.jsx)(io,{text:"Upload New",iconName:"upload",disabled:!0}),(0,Q.jsx)("hr",{className:"k-hr"}),(0,Q.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,Q.jsx)(ae,{...a,adaptive:!0,fullscreen:n.fullScreen,header:(0,Q.jsx)(He,{actionsStart:n.actionsStart?(0,Q.jsx)(p,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:n.actionsEnd?(0,Q.jsx)(p,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:c,subtitle:n.subtitle}),footer:n.footer?(0,Q.jsxs)(so,{alignment:"stretched",children:[(0,Q.jsx)(p,{text:"Cancel",size:"large",themeColor:"base"}),(0,Q.jsx)(p,{text:"Apply",size:"large",themeColor:"primary"})]}):void 0,children:i}):(0,Q.jsx)(ae,{...a,fullscreen:n.fullScreen,header:(0,Q.jsx)(He,{actionsStart:n.actionsStart?(0,Q.jsx)(p,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:n.actionsEnd?(0,Q.jsx)(p,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:n.subtitle}),footer:n.footer?(0,Q.jsxs)(so,{alignment:"stretched",children:[(0,Q.jsx)(p,{text:"Apply",themeColor:"primary"}),(0,Q.jsx)(p,{text:"Cancel",themeColor:"base"})]}):void 0,children:i})};Wo.options=ff;Wo.states=bf;Wo.variants=xf;Wo.defaultOptions=tp;Wo.modifiers=Nf;Wo.className=ae.className;var Js="slider",op=Js;var At=require("react/jsx-runtime"),tn="k-slider",hf=[r.hover,r.focus,r.active,r.disabled,r.readonly],vf={},ht={type:"single",orientation:"horizontal",gradientType:"1d",readonly:!1,disabled:!1,handlePosition:"end",showButtons:!0,showTicks:!0,value:50,min:0,max:100},J=e=>{let{type:t=ht.type,orientation:o=ht.orientation,gradientType:a=ht.gradientType,readonly:n=ht.readonly,disabled:i=ht.disabled,handlePosition:l=ht.handlePosition,showButtons:c=ht.showButtons,showTicks:u=ht.showTicks,value:f=ht.value,min:N=ht.min,max:v=ht.max,startValue:m,endValue:L,hover:M,focus:C,active:E,trackStyle:A,dir:I,...G}=e,We=(()=>{if(t==="gradient"&&a==="2d")return"undefined";if(o==="vertical")return"vertical"})(),Ce,Ke;return o==="horizontal"?(Ce=I==="rtl"?"chevron-left":"chevron-right",Ke=I==="rtl"?"chevron-right":"chevron-left"):o==="vertical"&&(Ce="chevron-up",Ke="chevron-down"),(0,At.jsxs)("div",{...G,className:s(tn,e.className,S(tn,{readonly:n,disabled:i}),{[`k-slider-${o}`]:o,"k-colorgradient-slider":t==="gradient"}),dir:I,children:[c&&(0,At.jsx)(p,{className:"k-button-decrease",rounded:"full",icon:Ke,tabIndex:-1,title:"Decrease"}),(0,At.jsxs)("div",{className:"k-slider-track-wrap",children:[u&&(0,At.jsx)("ul",{className:"k-reset k-slider-items","aria-hidden":"true",children:e.children}),(0,At.jsxs)("div",{className:"k-slider-track",style:A,children:[(0,At.jsx)("div",{className:"k-slider-selection"}),t==="range"&&(0,At.jsx)("span",{className:s("k-draghandle","k-draghandle-start",S(tn,{hover:M,focus:C,active:E})),role:"slider",tabIndex:i?void 0:0,"aria-valuenow":m??N,"aria-valuemin":N,"aria-valuemax":L??v,"aria-orientation":We,"aria-disabled":i?"true":void 0,"aria-readonly":n?"true":void 0,"aria-label":G["aria-label"]?`${G["aria-label"]} start`:"Range start"}),(0,At.jsx)("span",{className:s("k-draghandle",`k-draghandle-${l}`,S(tn,{hover:M,focus:C,active:E})),role:"slider",tabIndex:i?void 0:0,"aria-valuenow":t==="range"?L??v:f,"aria-valuemin":t==="range"?m??N:N,"aria-valuemax":v,"aria-orientation":We,"aria-disabled":i?"true":void 0,"aria-readonly":n?"true":void 0,"aria-label":t==="range"?G["aria-label"]?`${G["aria-label"]} end`:"Range end":G["aria-label"]})]})]}),c&&(0,At.jsx)(p,{className:"k-button-increase",rounded:"full",icon:Ce,tabIndex:-1,title:"Increase"})]})};J.states=hf;J.options=vf;J.className=tn;J.defaultOptions=ht;J.moduleName=Js;J.folderName=op;var Ys=require("react/jsx-runtime"),ap="k-tick",gf=[],Lf={},np={label:!1},T=e=>{let{style:t,label:o=np.label,orientation:a,large:n,text:i,...l}=e;return(0,Ys.jsx)("li",{...l,role:"presentation",title:i\|\|"Tick",className:s(e.className,ap,{[`k-tick-${a}`]:a,"k-tick-large":n}),style:t,children:o&&(0,Ys.jsx)("span",{className:"k-label",children:i})})};T.states=gf;T.options=Lf;T.className=ap;T.defaultOptions=np;var be=require("react/jsx-runtime"),sp=e=>(0,be.jsx)(J,{"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"),rp=e=>(0,xe.jsx)(J,{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 Zs=require("react/jsx-runtime");var Qs=require("react/jsx-runtime");var ip=require("react/jsx-runtime"),js=e=>(0,ip.jsx)(J,{type:"gradient",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]\|\|"Color slider"});var lp=require("react/jsx-runtime"),er=e=>(0,lp.jsx)(J,{type:"gradient",orientation:"vertical",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]\|\|"Color slider"});var tr=require("react/jsx-runtime");var or=require("react/jsx-runtime");var Ze=require("react/jsx-runtime"),Mf=J.options,Sf=J.states,pp={...J.defaultOptions,variant:"horizontal",label:!0},kf=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],Cf=[{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=pp.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)(rp,{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)(sp,{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=Mf;Jo.states=Sf;Jo.variants=kf;Jo.defaultOptions=pp;Jo.modifiers=Cf;Jo.className=J.className;var on=require("react/jsx-runtime"),dp="k-spin-button",yf=[],If={size:[d.undefined,d.small,d.medium,d.large],fillMode:[x.undefined,x.solid,x.flat,x.outline,x.clear,x.link]},ar={increaseLabel:"Increase value",decreaseLabel:"Decrease value"},lo=e=>{let{size:t,fillMode:o,disabled:a,increaseLabel:n=ar.increaseLabel,decreaseLabel:i=ar.decreaseLabel,...l}=e;return(0,on.jsxs)("span",{...l,className:s(dp,e.className),children:[(0,on.jsx)(p,{className:"k-spinner-increase",icon:"chevron-up",size:t,fillMode:o,disabled:a,"aria-label":n}),(0,on.jsx)(p,{className:"k-spinner-decrease",icon:"chevron-down",size:t,fillMode:o,disabled:a,"aria-label":i})]})};lo.states=yf;lo.options=If;lo.className=dp;lo.defaultOptions=ar;lo.moduleName=null;lo.folderName=null;var cp="numeric-textbox",mp="numerictextbox";var Ne=require("react/jsx-runtime"),up="k-numerictextbox",Tf=[r.hover,r.focus,r.valid,r.invalid,r.loading,r.required,r.disabled,r.readonly],Of={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[x.undefined,x.solid,x.flat,x.outline]},Pn={showSpinButton:!0,showClearButton:!0,separators:!0},U=e=>{let{size:t,rounded:o,fillMode:a,separators:n=Pn.separators,showClearButton:i=Pn.showClearButton,showSpinButton:l=Pn.showSpinButton,prefix:c,suffix:u,value:f,placeholder:N,hover:v,focus:m,valid:L,invalid:M,required:C,loading:E,disabled:A,readonly:I,id:G,"aria-label":ke,"aria-describedby":We,...Ce}=e;return(0,Ne.jsxs)(oe,{...Ce,size:t,rounded:o,fillMode:a,hover:v,focus:m,valid:L,invalid:M,required:C,loading:E,disabled:A,readonly:I,className:s(e.className,up),children:[c&&(0,Ne.jsxs)(Ne.Fragment,{children:[(0,Ne.jsx)(ut,{children:c}),n&&(0,Ne.jsx)(bt,{})]}),(0,Ne.jsx)(Re,{id:G,placeholder:N,value:f,role:"spinbutton",disabled:A,"aria-label":ke,"aria-describedby":We,"aria-invalid":M?"true":void 0}),(0,Ne.jsx)(De,{valid:L,invalid:M,loading:E,disabled:A}),(0,Ne.jsx)(Ye,{loading:E,disabled:A}),i&&(0,Ne.jsx)(rt,{loading:E,disabled:A,readonly:I,value:f}),u&&(0,Ne.jsxs)(Ne.Fragment,{children:[n&&(0,Ne.jsx)(bt,{}),(0,Ne.jsx)(ft,{children:u})]}),l&&(0,Ne.jsx)(lo,{className:"k-input-spinner",size:t,fillMode:a,disabled:A})]})};U.states=Tf;U.options=Of;U.className=up;U.defaultOptions=Pn;U.moduleName=cp;U.folderName=mp;var an=U;var bp=require("react/jsx-runtime"),fp=e=>(0,bp.jsx)(an,{...e});var Rn=Ui(require("react"));var nr=require("react/jsx-runtime"),Bf="k-list-group-sticky-header",sr=e=>(0,nr.jsx)("div",{className:s(Bf,e.className),children:(0,nr.jsx)("div",{className:"k-list-header-text",children:e.children})});var xp=require("react/jsx-runtime"),Pf="k-no-data",Kn=e=>{let{live:t,...o}=e;return(0,xp.jsx)("span",{...o,className:s(Pf,e.className),"aria-live":t?"polite":void 0,children:e.children})};var ko="list",Yo=ko;var Zo=require("react/jsx-runtime"),rr="k-list",Kf=[],Rf={size:[d.undefined,d.small,d.medium,d.large]},_f={},R=e=>{var M;let{size:t,virtualization:o,children:a,header:n,selectAll:i,optionLabel:l,customValue:c,noData:u,screenReaders:f,...N}=e,m=Rn.default.Children.toArray(a)[0],L=(M=m==null?void 0:m.props)!=null&&M.children?Rn.default.Children.count(m.props.children):Rn.default.Children.count(a);return(0,Zo.jsxs)("div",{...N,className:s(e.className,rr,y(rr,{size:t}),{"k-virtual-list":o}),children:[l,i,c,n&&(0,Zo.jsx)(sr,{children:n}),a\|\|(u!==void 0?u:(0,Zo.jsx)(Kn,{live:!0,children:"No data found."})),f&&a&&(0,Zo.jsxs)(Kn,{className:"k-sr-only",live:!0,children:[L," items found."]})]})};R.states=Kf;R.options=Rf;R.className=rr;R.defaultOptions=_f;R.moduleName=ko;R.folderName=Yo;var hp=require("react/jsx-runtime"),Np="k-list-container",wf=[],Df={},Hf={},Qo=e=>{let{...t}=e;return(0,hp.jsx)("div",{...t,className:s(e.className,Np),children:e.children})};Qo.states=wf;Qo.options=Df;Qo.className=Np;Qo.defaultOptions=Hf;Qo.moduleName=ko;Qo.folderName=Yo;var Co="checkbox",jo=Co;var ir=require("react/jsx-runtime"),_n="k-checkbox",zf=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.checked,r.indeterminate],Uf={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full]},Ff={},pt=e=>{let{id:t,checked:o,indeterminate:a,hover:n,focus:i,disabled:l,invalid:c,valid:u,required:f,size:N,rounded:v,wrapperRole:m,...L}=e;return(0,ir.jsx)("span",{className:"k-checkbox-wrap",role:m,children:(0,ir.jsx)("input",{...L,id:t,type:"checkbox",defaultChecked:o,required:f,disabled:l\|\|void 0,"aria-invalid":c?"true":void 0,className:s(e.className,_n,y(_n,{size:N,rounded:v}),S(_n,{hover:n,focus:i,disabled:l,invalid:c,valid:u,indeterminate:a,checked:o}))})})};pt.states=zf;pt.options=Uf;pt.className=_n;pt.defaultOptions=Ff;pt.moduleName=Co;pt.folderName=jo;var Et=pt;var Lp=require("react/jsx-runtime"),vp="k-checkbox-list",Gf=[],Vf={},gp={layout:"vertical"},ze=e=>{let{layout:t=gp.layout,...o}=e;return(0,Lp.jsx)("ul",{...o,className:s(e.className,vp,{[`k-list-${t}`]:t}),children:e.children})};ze.states=Gf;ze.options=Vf;ze.className=vp;ze.defaultOptions=gp;ze.moduleName=Co;ze.folderName=jo;var Sp=require("react/jsx-runtime"),Mp="k-checkbox-list-item",$f=[],Xf={},qf={},Ue=e=>{let{...t}=e;return(0,Sp.jsx)("li",{...t,className:s(e.className,Mp),children:e.children})};Ue.states=$f;Ue.options=Xf;Ue.className=Mp;Ue.defaultOptions=qf;Ue.moduleName=Co;Ue.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)(Et,{id:t,...o}),(0,Ao.jsx)("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});var lr=require("react/jsx-runtime");var pr=require("react/jsx-runtime");var dr=require("react/jsx-runtime");var Wf=require("react/jsx-runtime");var Jf=require("react/jsx-runtime");var Yf=require("react/jsx-runtime");var ye=require("react/jsx-runtime"),Zf=ze.options,Qf=ze.states,jf={...ze.defaultOptions,variant:"vertical"},eb=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],tb=[],ea=e=>{let{variant:t,...o}=e;return t==="horizontal"?(0,ye.jsxs)(ze,{layout:"horizontal",...o,children:[(0,ye.jsx)(Ue,{children:(0,ye.jsx)(Jt,{id:K("cb"),defaultChecked:!0,children:"Label"})}),(0,ye.jsx)(Ue,{children:(0,ye.jsx)(Jt,{id:K("cb"),children:"Label"})}),(0,ye.jsx)(Ue,{children:(0,ye.jsx)(Jt,{id:K("cb"),children:"Label"})})]}):(0,ye.jsxs)(ze,{...o,children:[(0,ye.jsx)(Ue,{children:(0,ye.jsx)(Jt,{id:K("cb"),defaultChecked:!0,children:"Label"})}),(0,ye.jsx)(Ue,{children:(0,ye.jsx)(Jt,{id:K("cb"),children:"Label"})}),(0,ye.jsx)(Ue,{children:(0,ye.jsx)(Jt,{id:K("cb"),children:"Label"})})]})};ea.options=Zf;ea.states=Qf;ea.variants=eb;ea.defaultOptions=jf;ea.modifiers=tb;ea.className=ze.className;var kp=require("react/jsx-runtime"),ob=Et.options,ab=Et.states,nb=Et.defaultOptions,sb=[],rb=[],ta=e=>(0,kp.jsx)(Jt,{id:K("checkbox"),...e,defaultChecked:!0,children:"Label"});ta.options=ob;ta.states=ab;ta.variants=sb;ta.defaultOptions=nb;ta.modifiers=rb;ta.className=Et.className;var Yt=require("react/jsx-runtime"),cr="k-list-item",ib=[r.hover,r.focus,r.selected,r.disabled],lb={},pb={},P=e=>{let{text:t,iconName:o,iconClassName:a,showCheckbox:n,checked:i,hover:l,focus:c,selected:u,disabled:f,actions:N,description:v,id:m,...L}=e,M=t\|\|e.children,C=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":f?"true":void 0,className:s(e.className,cr,S(cr,{hover:l,focus:c,disabled:f,selected:u})),children:[n&&(0,Yt.jsx)(pt,{checked:i,disabled:f,"aria-label":C,tabIndex:-1}),o&&(0,Yt.jsx)("span",{className:"k-list-item-icon-wrapper",children:(0,Yt.jsx)(g,{icon:o,className:s("k-list-item-icon",a)})}),(0,Yt.jsx)("span",{className:"k-list-item-text",children:M}),N&&(0,Yt.jsx)("div",{className:"k-list-item-actions",children:N}),v&&(0,Yt.jsx)("span",{className:"k-list-item-description",children:v})]})};P.states=ib;P.options=lb;P.className=cr;P.defaultOptions=pb;P.moduleName=ko;P.folderName=Yo;var Cp=require("react/jsx-runtime"),db="k-list-ul",po=e=>{let{children:t,role:o,id:a,...n}=e;return(0,Cp.jsx)("ul",{...n,id:a,role:o,className:s(db,e.className),children:t})};var oa=require("react/jsx-runtime"),cb="k-list-content",V=e=>{let{virtualization:t,grouping:o,"aria-label":a,"aria-labelledby":n,listboxId:i,...l}=e;return(0,oa.jsxs)("div",{...l,className:s(cb,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"),wn="k-list-sticky-header",mb=[r.hover,r.focus,r.selected],ub={},fb={},Dn=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(wn,e.className),children:(0,aa.jsxs)("div",{className:s(`${wn}-item`,S(`${wn}-item`,{hover:i,focus:l,selected:c})),"aria-label":t,...!o&&{tabIndex:0,"aria-selected":c?"true":"false"},children:[o&&(0,aa.jsx)(pt,{checked:a,indeterminate:n,"aria-label":t}),(0,aa.jsx)("span",{className:"k-list-item-text",children:t})]})})};Dn.states=mb;Dn.options=ub;Dn.className=wn;Dn.defaultOptions=fb;var mr=require("react/jsx-runtime");var Ap=require("react/jsx-runtime");var Ep=require("react/jsx-runtime"),ur="k-list-optionlabel",bb=[r.hover,r.focus,r.selected,r.disabled],xb={},Nb={},Hn=e=>{let{text:t,hover:o,focus:a,selected:n,disabled:i,...l}=e;return(0,Ep.jsx)("div",{...l,className:s(ur,S(ur,{hover:o,focus:a,selected:n,disabled:i})),children:t})};Hn.states=bb;Hn.options=xb;Hn.className=ur;Hn.defaultOptions=Nb;var yp=require("react/jsx-runtime"),fr="k-list-custom-value",hb=[r.hover,r.focus,r.selected,r.disabled],vb={},gb={},co=e=>{let{text:t,hover:o,focus:a,selected:n,disabled:i,...l}=e;return(0,yp.jsx)("div",{...l,className:s(fr,S(fr,{hover:o,focus:a,selected:n,disabled:i})),children:t})};co.states=hb;co.options=vb;co.className=fr;co.defaultOptions=gb;var br=require("react/jsx-runtime");var xr=require("react/jsx-runtime");var Nr=require("react/jsx-runtime");var hr=require("react/jsx-runtime");var Lb=require("react/jsx-runtime");var vr=require("react/jsx-runtime");var gr=require("react/jsx-runtime");var Ip="dropdown-list",Tp="dropdownlist";var j=require("react/jsx-runtime"),Op="k-dropdownlist",Mb=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading,r.readonly],Sb={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[x.undefined,x.solid,x.flat,x.outline]},Lr={showValue:!0,arrowIconName:"chevron-down"},ue=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:n=Lr.arrowIconName,showValue:i=Lr.showValue,valueIconName:l,prefix:c,suffix:u,value:f,placeholder:N,hover:v,focus:m,valid:L,invalid:M,required:C,loading:E,disabled:A,readonly:I,popup:G,opened:ke,adaptive:We,adaptiveSettings:Ce,adaptiveTitle:Ke,adaptiveSubtitle:ls,adaptiveFilter:vo,id:go,activeDescendant:Ra,"aria-label":ps,...ds}=e,cs=go?`${go}-listbox`:void 0,Hi=go?`${go}-value`:void 0;return(0,j.jsxs)(j.Fragment,{children:[(0,j.jsxs)(Rt,{...ds,id:go,size:t,rounded:o,fillMode:a,hover:v,focus:m,valid:L,invalid:M,required:C,loading:E,disabled:A,readonly:I,className:s(e.className,Op,{"k-icon-picker":!i&&l}),role:"combobox","aria-haspopup":"listbox","aria-expanded":ke?"true":"false","aria-controls":ke?cs:void 0,"aria-activedescendant":ke&&Ra?Ra:void 0,"aria-describedby":ke?Hi:void 0,"aria-disabled":A?"true":void 0,"aria-label":ps,tabIndex:0,children:[(0,j.jsx)(ut,{children:c}),(0,j.jsx)(Mo,{placeholder:N,value:f,showValue:i,valueIconName:l,id:Hi}),(0,j.jsx)(De,{valid:L,invalid:M,loading:E,disabled:A}),(0,j.jsx)(Ye,{loading:E,disabled:A}),(0,j.jsx)(ft,{children:u}),(0,j.jsx)(p,{className:"k-input-button",icon:n,size:e.size,fillMode:e.fillMode,"aria-label":N\|\|"Toggle dropdown",tabIndex:-1})]}),ke&&G&&(0,j.jsx)(Z,{className:"k-list-container k-dropdownlist-popup",containerRole:"region",containerAriaLabel:"Dropdown suggestions",children:G}),We&&(0,j.jsx)(ae,{adaptive:!0,...Ce,header:(0,j.jsx)(He,{actionsEnd:(0,j.jsx)(p,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),filter:vo,inputValue:f,inputPlaceholder:N,title:Ke,subtitle:ls}),children:(0,j.jsx)("div",{className:"k-list-container",children:(0,j.jsx)(R,{size:"large",children:(0,j.jsxs)(V,{"aria-label":"Options",children:[(0,j.jsx)(P,{text:"List item"}),(0,j.jsx)(P,{text:"List item"}),(0,j.jsx)(P,{text:"List item"})]})})})})]})};ue.states=Mb;ue.options=Sb;ue.className=Op;ue.defaultOptions=Lr;ue.moduleName=Ip;ue.folderName=Tp;var kb=require("react/jsx-runtime");var Bp=require("react/jsx-runtime");var Mr=require("react/jsx-runtime");var Cb=require("react/jsx-runtime");var Pp=require("react/jsx-runtime");var Sr=require("react/jsx-runtime");var Ab=require("react/jsx-runtime");var Qe=require("react/jsx-runtime"),Eb=ue.states,yb=ue.defaultOptions,Ib=ue.options,Tb=[{name:"opened",title:"Opened"}],Ob=[],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)(xt,{})}),(0,Qe.jsx)(R,{style:{width:300},size:o.size,children:(0,Qe.jsxs)(V,{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)(ue,{placeholder:"Value",style:{width:300},...o,...a})})};sa.options=Ib;sa.states=Eb;sa.variants=Ob;sa.defaultOptions=yb;sa.modifiers=Tb;sa.className=ue.className;var Kp=require("react/jsx-runtime");var Rp=require("react/jsx-runtime");var Bb=require("react/jsx-runtime");var zn=require("react/jsx-runtime"),Pb=U.states,Kb=U.defaultOptions,Rb=U.options,_b=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"spin-button",title:"`Spin` Button"}],wb=[],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,zn.jsx)(ue,{size:o.size,fillMode:"flat",value:"mm"}):void 0;break;case"suffix":a.suffix=t!=null&&t[n]?(0,zn.jsx)(Rs,{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,zn.jsx)(fp,{value:"Value",style:{width:300},...o,...a})};ra.options=Rb;ra.states=Pb;ra.variants=wb;ra.defaultOptions=Kb;ra.modifiers=_b;ra.className=U.className;var k=require("react/jsx-runtime"),_p="k-colorgradient-inputs",Db=[],Hb={size:[d.undefined,d.small,d.medium,d.large]},wp={mode:"rgba"},ia=e=>{let{mode:t=wp.mode,size:o,...a}=e;return(0,k.jsxs)("div",{...a,className:s(_p,"k-hstack"),children:[(0,k.jsx)("div",{className:"k-vstack",children:(0,k.jsx)(p,{fillMode:"flat",icon:"caret-alt-expand",className:"k-colorgradient-toggle-mode",size:o,"aria-label":"Toggle color input format"})}),t==="rgba"&&(0,k.jsxs)(k.Fragment,{children:[(0,k.jsxs)("div",{className:"k-vstack",children:[(0,k.jsx)(U,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Red channel"}),(0,k.jsx)("label",{className:"k-colorgradient-input-label",children:"R"})]}),(0,k.jsxs)("div",{className:"k-vstack",children:[(0,k.jsx)(U,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Green channel"}),(0,k.jsx)("label",{className:"k-colorgradient-input-label",children:"G"})]}),(0,k.jsxs)("div",{className:"k-vstack",children:[(0,k.jsx)(U,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Blue channel"}),(0,k.jsx)("label",{className:"k-colorgradient-input-label",children:"B"})]}),(0,k.jsxs)("div",{className:"k-vstack",children:[(0,k.jsx)(U,{showSpinButton:!1,showClearButton:!1,value:"1.00",size:o,"aria-label":"Alpha channel"}),(0,k.jsx)("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="rgb"&&(0,k.jsxs)(k.Fragment,{children:[(0,k.jsxs)("div",{className:"k-vstack",children:[(0,k.jsx)(U,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Red channel"}),(0,k.jsx)("label",{className:"k-colorgradient-input-label",children:"R"})]}),(0,k.jsxs)("div",{className:"k-vstack",children:[(0,k.jsx)(U,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Green channel"}),(0,k.jsx)("label",{className:"k-colorgradient-input-label",children:"G"})]}),(0,k.jsxs)("div",{className:"k-vstack",children:[(0,k.jsx)(U,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Blue channel"}),(0,k.jsx)("label",{className:"k-colorgradient-input-label",children:"B"})]})]}),t==="hsva"&&(0,k.jsxs)(k.Fragment,{children:[(0,k.jsxs)("div",{className:"k-vstack",children:[(0,k.jsx)(U,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),(0,k.jsx)("label",{className:"k-colorgradient-input-label",children:"H"})]}),(0,k.jsxs)("div",{className:"k-vstack",children:[(0,k.jsx)(U,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),(0,k.jsx)("label",{className:"k-colorgradient-input-label",children:"S"})]}),(0,k.jsxs)("div",{className:"k-vstack",children:[(0,k.jsx)(U,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),(0,k.jsx)("label",{className:"k-colorgradient-input-label",children:"V"})]}),(0,k.jsxs)("div",{className:"k-vstack",children:[(0,k.jsx)(U,{showSpinButton:!1,showClearButton:!1,value:"1.00","aria-label":"Alpha channel"}),(0,k.jsx)("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="hsv"&&(0,k.jsxs)(k.Fragment,{children:[(0,k.jsxs)("div",{className:"k-vstack",children:[(0,k.jsx)(U,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),(0,k.jsx)("label",{className:"k-colorgradient-input-label",children:"H"})]}),(0,k.jsxs)("div",{className:"k-vstack",children:[(0,k.jsx)(U,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),(0,k.jsx)("label",{className:"k-colorgradient-input-label",children:"S"})]}),(0,k.jsxs)("div",{className:"k-vstack",children:[(0,k.jsx)(U,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),(0,k.jsx)("label",{className:"k-colorgradient-input-label",children:"V"})]})]}),t==="hex"&&(0,k.jsx)(k.Fragment,{children:(0,k.jsxs)("div",{className:"k-vstack k-flex-1",children:[(0,k.jsx)(Ee,{showClearButton:!1,value:"#b88484AA",className:"k-hex-value"}),(0,k.jsx)("label",{className:"k-colorgradient-input-label",children:"HEX"})]})})]})};ia.states=Db;ia.options=Hb;ia.className=_p;ia.defaultOptions=wp;var Ie=require("react/jsx-runtime"),Dp="k-colorgradient-color-contrast",zb=[],Ub={},Fb={},la=()=>(0,Ie.jsxs)("div",{className:s(Dp,"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)(g,{icon:"check"}),(0,Ie.jsx)(g,{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)(g,{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)(g,{icon:"x"})]})]})]});la.states=zb;la.options=Ub;la.className=Dp;la.defaultOptions=Fb;var Hp="color-gradient",zp="colorgradient";var de=require("react/jsx-runtime"),Un="k-colorgradient",Gb=[r.hover,r.focus,r.readonly,r.disabled],Vb={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:f=Dt.contrast,dir:N,hover:v,focus:m,hoverHandle:L,focusHandle:M,canvasOrientation:C=Dt.canvasOrientation,role:E,tabIndex:A,...I}=e;return(0,de.jsxs)("div",{...I,role:E??"textbox","aria-label":E==="none"?void 0:"Color gradient",tabIndex:A??0,"aria-disabled":n?"true":void 0,className:s(e.className,Un,y(Un,{size:t}),S(Un,{hover:v,focus:m,readonly:a,disabled:n})),dir:N,children:[!C\|\|C==="horizontal"&&(0,de.jsxs)("div",{className:"k-colorgradient-canvas k-hstack",children:[(0,de.jsx)("div",{className:"k-hsv-rectangle",style:i,children:(0,de.jsx)("div",{className:"k-hsv-gradient",children:(0,de.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,de.jsxs)("div",{className:"k-hsv-controls k-hstack",children:[(0,de.jsx)(er,{className:"k-hue-slider",hover:L,focus:M}),o!=="rgb"&&o!=="hsv"&&(0,de.jsx)(er,{className:"k-alpha-slider",hover:L,focus:M,trackStyle:c})]})]}),C==="vertical"&&(0,de.jsxs)("div",{className:"k-colorgradient-canvas k-vstack",children:[(0,de.jsx)("div",{className:"k-hsv-rectangle",style:i,children:(0,de.jsx)("div",{className:"k-hsv-gradient",children:(0,de.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,de.jsxs)("div",{className:"k-hsv-controls k-vstack",children:[(0,de.jsx)(js,{className:"k-hue-slider",hover:L,focus:M}),o!=="rgb"&&o!=="hsv"&&(0,de.jsx)(js,{className:"k-alpha-slider",hover:L,focus:M,trackStyle:u})]})]}),(0,de.jsx)(ia,{mode:e.mode,size:t}),f&&(0,de.jsx)(la,{})]})};he.states=Gb;he.options=Vb;he.className=Un;he.defaultOptions=Dt;he.moduleName=Hp;he.folderName=zp;var Up=require("react/jsx-runtime"),Fn=e=>(0,Up.jsx)(he,{...e});var $b=require("react/jsx-runtime");var Xb=require("react/jsx-runtime");var Gn=require("react/jsx-runtime"),qb=he.options,Wb=he.states,Jb={...he.defaultOptions,variant:"rgba"},Yb=[{name:"rgba",title:"RGBA"},{name:"rgb",title:"RGB"},{name:"hex",title:"HEX"}],Zb=[],pa=e=>{let{variant:t,...o}=e;switch(t){case"hex":return(0,Gn.jsx)(Fn,{...o,mode:t});case"rgb":return(0,Gn.jsx)(Fn,{...o,mode:t});default:return(0,Gn.jsx)(Fn,{...o,mode:t})}};pa.options=qb;pa.states=Wb;pa.variants=Yb;pa.defaultOptions=Jb;pa.modifiers=Zb;pa.className=he.className;var Fp=require("react/jsx-runtime"),kr=e=>(0,Fp.jsx)("tr",{role:"row",children:e.children});var Gp=require("react/jsx-runtime"),Cr="k-colorpalette-tile",Qb=[r.hover,r.focus,r.selected],jb={},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,Gp.jsx)("td",{...l,role:"gridcell","aria-label":t,"aria-selected":i?"true":void 0,className:s(e.className,Cr,S(Cr,{hover:a,focus:n,selected:i})),style:c})};mo.states=Qb;mo.options=jb;mo.className=Cr;mo.moduleName=null;mo.folderName=null;var Vp="color-palette",$p="colorpalette";var da=require("react/jsx-runtime"),Vn="k-colorpalette",ex=[r.disabled],tx={size:[d.undefined,d.small,d.medium,d.large]},Xp={columns:10},je=e=>{let{size:t,palette:o,columns:a=Xp.columns,tileSize:n,disabled:i,...l}=e,c=[];if(o){let u=a\|\|o.columns,f=o.colors?o.colors:o;Array.isArray(f)&&Array.from({length:Math.ceil(f.length/u)},(N,v)=>{let m=[];f.slice(vu,(v+1)u).map((M,C)=>{m.push((0,da.jsx)(mo,{color:M,tileSize:n},C))});let L=(0,da.jsx)(kr,{children:m},v);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,Vn,S(Vn,{disabled:i}),y(Vn,{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=ex;je.options=tx;je.className=Vn;je.defaultOptions=Xp;je.moduleName=Vp;je.folderName=$p;var $n=je;var sn={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 Wp=require("react/jsx-runtime"),qp=e=>(0,Wp.jsx)($n,{palette:sn.basic,...e});var ox=require("react/jsx-runtime");var Jp=require("react/jsx-runtime");var Yp=require("react/jsx-runtime"),ax=je.options,nx=je.states,sx={...je.defaultOptions,variant:"basic"},rx=[{name:"basic",title:"Basic"},{name:"monochrome",title:"Monochrome"}],ix={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}},lx=[],ca=e=>{let{variant:t="basic",...o}=e,a=ix[t];return(0,Yp.jsx)(qp,{columns:a.columns,palette:a,...o})};ca.options=ax;ca.states=nx;ca.variants=rx;ca.defaultOptions=sx;ca.modifiers=lx;ca.className=je.className;var Zp="color-editor",Qp="coloreditor";var ne=require("react/jsx-runtime"),Xn="k-coloreditor",px=[r.focus],dx={size:[d.undefined,d.small,d.medium,d.large]},rn={view:"gradient",palette:sn.office,actionButtons:!0,canvasOrientation:"horizontal"},se=e=>{let{size:t,view:o=rn.view,palette:a=rn.palette,color:n,currentColor:i,focus:l,focusView:c,dir:u,group:f,actionButtons:N=rn.actionButtons,canvasOrientation:v=rn.canvasOrientation,...m}=e;return(0,ne.jsxs)("div",{...m,role:"textbox","aria-label":"Color editor",tabIndex:0,className:s(e.className,"k-flatcolorpicker",Xn,y(Xn,{size:t}),S(Xn,{focus:l})),dir:u,children:[(0,ne.jsxs)("div",{className:"k-coloreditor-header k-hstack",children:[(0,ne.jsx)("div",{className:"k-coloreditor-header-actions k-hstack",children:f&&(0,ne.jsxs)(B,{fillMode:"flat",children:[(0,ne.jsx)(p,{className:"k-group-start",size:t,fillMode:"flat",icon:"droplet-slider",selected:o==="gradient","aria-label":"Color gradient view"}),(0,ne.jsx)(p,{className:"k-group-end",size:t,fillMode:"flat",icon:"palette",selected:o==="palette","aria-label":"Color palette view"})]})}),(0,ne.jsx)("div",{className:"k-spacer"}),(0,ne.jsxs)("div",{className:"k-coloreditor-header-actions k-hstack",children:[(0,ne.jsx)(p,{fillMode:"flat",icon:"droplet-slash",size:t,"aria-label":"Reset color"}),(0,ne.jsxs)("div",{className:"k-coloreditor-preview k-vstack",children:[(0,ne.jsx)(no,{className:"k-coloreditor-preview-color",color:n}),(0,ne.jsx)(no,{className:"k-coloreditor-current-color",color:i})]})]})]}),(0,ne.jsx)("div",{className:"k-coloreditor-views k-vstack",children:o==="gradient"?(0,ne.jsx)(he,{focus:c,size:t,canvasOrientation:v,role:"none",tabIndex:-1}):(0,ne.jsx)(je,{palette:a,size:t})}),N&&(0,ne.jsxs)(it,{className:"k-coloreditor-footer",alignment:"start",children:[(0,ne.jsx)(p,{themeColor:"primary",size:t,className:"k-coloreditor-apply",children:"Apply"}),(0,ne.jsx)(p,{className:"k-coloreditor-cancel",size:t,children:"Cancel"})]})]})};se.states=px;se.options=dx;se.className=Xn;se.defaultOptions=rn;se.moduleName=Zp;se.folderName=Qp;var ma=se;var cx=require("react/jsx-runtime");var mx=require("react/jsx-runtime");var ed=require("react/jsx-runtime"),jp=e=>(0,ed.jsx)(ma,{group:!0,currentColor:"fuchsia",...e});var od=require("react/jsx-runtime"),td=e=>(0,od.jsx)(ma,{view:"palette",group:!0,currentColor:"fuchsia",...e});var Ar=require("react/jsx-runtime"),ux=se.options,fx=se.states,bx={...se.defaultOptions,variant:"gradient"},xx=[{name:"gradient",title:"Gradient"},{name:"palette",title:"Palette"}],Nx=[],ua=e=>{let{variant:t,...o}=e;return t==="palette"?(0,Ar.jsx)(td,{...o,color:"white"}):(0,Ar.jsx)(jp,{...o,color:"rgba(183, 118 , 118, 1.00)"})};ua.options=ux;ua.states=fx;ua.variants=xx;ua.defaultOptions=bx;ua.modifiers=Nx;ua.className=se.className;var ad="color-picker",nd="colorpicker";var ce=require("react/jsx-runtime"),sd="k-colorpicker",hx=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled],vx={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[x.undefined,x.solid,x.flat,x.outline]},rd={arrowIconName:"chevron-down"},vt=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:n=rd.arrowIconName,prefix:i,suffix:l,value:c,placeholder:u,hover:f,focus:N,valid:v,invalid:m,required:L,disabled:M,valueIconName:C,popup:E,opened:A,adaptive:I,adaptiveSettings:G,adaptiveTitle:ke,adaptiveSubtitle:We,...Ce}=e,Ke="colorpicker-popup";return(0,ce.jsxs)(ce.Fragment,{children:[(0,ce.jsxs)(Rt,{...Ce,size:t,rounded:o,fillMode:a,hover:f,focus:N,valid:v,invalid:m,required:L,disabled:M,role:"combobox","aria-haspopup":"dialog","aria-expanded":A?"true":"false","aria-controls":A\|\|I?Ke:void 0,"aria-label":"Color picker",tabIndex:0,"aria-disabled":M?"true":void 0,className:s(e.className,sd,"k-icon-picker"),children:[(0,ce.jsx)(ut,{children:i}),(0,ce.jsx)(Mo,{placeholder:u,value:c,showValue:!1,valueIcon:(0,ce.jsx)(no,{className:"k-value-icon",color:c,iconName:C}),valueIconName:C}),(0,ce.jsx)(ft,{children:l}),(0,ce.jsx)(p,{className:"k-input-button",icon:n,size:t,fillMode:a,tabIndex:-1,"aria-label":"Open color picker",disabled:M})]}),A&&E&&(0,ce.jsx)(Z,{id:Ke,className:"k-colorpicker-popup",children:E}),I&&(0,ce.jsx)(ae,{adaptive:!0,id:Ke,...G,header:(0,ce.jsx)(He,{actionsEnd:(0,ce.jsx)(p,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply"}),title:ke,subtitle:We}),footer:(0,ce.jsxs)(so,{children:[(0,ce.jsx)(p,{text:"Cancel",size:"large"}),(0,ce.jsx)(p,{text:"Set",size:"large",themeColor:"primary"})]}),children:(0,ce.jsx)(se,{canvasOrientation:"vertical",size:"large",actionButtons:!1,group:!0})})]})};vt.states=hx;vt.options=vx;vt.className=sd;vt.defaultOptions=rd;vt.moduleName=ad;vt.folderName=nd;var Zt=vt;var id=require("react/jsx-runtime"),qn=e=>(0,id.jsx)(Zt,{...e});var gx=require("react/jsx-runtime");var Lx=require("react/jsx-runtime");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 uo=require("react/jsx-runtime"),Ax=Zt.options,Ex=Zt.states,ld={...Zt.defaultOptions,variant:"color"},yx=[{name:"color",title:"Color",default:!0},{name:"no color",title:"No color"},{name:"icon",title:"Icon"}],Ix=[{name:"opened",title:"Opened"}],fa=e=>{let{variant:t,modifiers:o,...a}={...ld,...e},n={};Object.keys(o\|\|{}).forEach(l=>{l==="opened"&&(n.opened=!!(o!=null&&o[l]),n.popup=o!=null&&o[l]?(0,uo.jsx)(se,{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)(qn,{...a,...n})});case"icon":return(0,uo.jsx)("div",{style:i,children:(0,uo.jsx)(qn,{value:"rgba(183, 118 , 118, 1.00)",valueIconName:"edit-tools",...a,...n})});default:return(0,uo.jsx)("div",{style:i,children:(0,uo.jsx)(qn,{value:"rgba(183, 118 , 118, 1.00)",...a,...n})})}};fa.options=Ax;fa.states=Ex;fa.variants=yx;fa.defaultOptions=ld;fa.modifiers=Ix;fa.className=Zt.className;var Er="combobox",pd=Er;var w=require("react/jsx-runtime"),dd="k-combobox",Tx=[r.hover,r.focus,r.valid,r.invalid,r.loading,r.required,r.disabled,r.readonly],Ox={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[x.undefined,x.solid,x.flat,x.outline]},yr={separators:!0,showClearButton:!0},Fe=e=>{let{size:t,rounded:o,fillMode:a,separators:n=yr.separators,showClearButton:i=yr.showClearButton,prefix:l,suffix:c,value:u,placeholder:f,hover:N,focus:v,valid:m,invalid:L,required:M,loading:C,disabled:E,popup:A,opened:I,readonly:G,adaptive:ke,adaptiveSettings:We,adaptiveTitle:Ce,adaptiveSubtitle:Ke,adaptiveCustomValue:ls,id:vo,autocomplete:go,activeDescendant:Ra,"aria-label":ps,...ds}=e,cs=vo?`${vo}-listbox`:void 0;return(0,w.jsxs)(w.Fragment,{children:[(0,w.jsxs)(oe,{...ds,size:t,rounded:o,fillMode:a,hover:N,focus:v,valid:m,invalid:L,required:M,loading:C,disabled:E,readonly:G,className:s(e.className,dd),children:[l&&(0,w.jsxs)(w.Fragment,{children:[(0,w.jsx)(ut,{children:l}),n&&(0,w.jsx)(bt,{})]}),(0,w.jsx)(Re,{id:vo,placeholder:f,value:u,role:"combobox","aria-haspopup":"listbox","aria-expanded":I?"true":"false","aria-controls":I?cs:void 0,"aria-activedescendant":I&&Ra?Ra:void 0,"aria-autocomplete":go,"aria-invalid":L?"true":void 0,"aria-busy":C?"true":void 0,"aria-label":ps,disabled:E,readOnly:G}),(0,w.jsx)(De,{valid:m,invalid:L,loading:C,disabled:E}),(0,w.jsx)(Ye,{loading:C,disabled:E}),i&&(0,w.jsx)(rt,{loading:C,disabled:E,readonly:G,value:u}),c&&(0,w.jsxs)(w.Fragment,{children:[n&&(0,w.jsx)(bt,{}),(0,w.jsx)(ft,{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&&A&&(0,w.jsx)(Z,{className:"k-list-container k-combobox-popup",containerRole:"region",containerAriaLabel:"Combobox suggestions",children:A}),ke&&(0,w.jsx)(ae,{adaptive:!0,id:vo?`${vo}-adaptive`:void 0,...We,header:(0,w.jsx)(He,{actionsEnd:(0,w.jsx)(p,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),input:!0,inputValue:u,inputPlaceholder:f,title:Ce,subtitle:Ke}),children:(0,w.jsx)("div",{className:"k-list-container",children:(0,w.jsx)(R,{customValue:ls?(0,w.jsx)(co,{text:`Use "${u}"`}):void 0,size:"large",children:(0,w.jsxs)(V,{"aria-label":Ce\|\|"Options",children:[(0,w.jsx)(P,{text:"List item"}),(0,w.jsx)(P,{text:"List item"}),(0,w.jsx)(P,{text:"List item"})]})})})})]})};Fe.states=Tx;Fe.options=Ox;Fe.className=dd;Fe.defaultOptions=yr;Fe.moduleName=Er;Fe.folderName=pd;var dt=Fe;var md=require("react/jsx-runtime"),cd=e=>(0,md.jsx)(dt,{...e});var ud=require("react/jsx-runtime");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 Ir=require("react/jsx-runtime");var Bx=require("react/jsx-runtime");var Px=require("react/jsx-runtime");var vd=require("react/jsx-runtime");var gd=require("react/jsx-runtime");var yt=require("react/jsx-runtime"),Kx=Fe.states,Rx=Fe.defaultOptions,_x=Fe.options,wx=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"opened",title:"Opened"}],Dx=[],ba=e=>{let{modifiers:t,...o}=e,a={},n=(0,yt.jsx)(R,{style:{width:300},size:o.size,children:(0,yt.jsxs)(V,{children:[(0,yt.jsx)(P,{children:"List item"}),(0,yt.jsx)(P,{children:"List item"}),(0,yt.jsx)(P,{children:"List item"})]})});return Object.keys(t\|\|{}).forEach(i=>{switch(i){case"prefix":a.prefix=t!=null&&t[i]?(0,yt.jsx)(g,{icon:"map-marker-target"}):void 0;break;case"suffix":a.suffix=t!=null&&t[i]?(0,yt.jsx)(Y,{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,yt.jsx)("div",{children:(0,yt.jsx)(cd,{value:"Value",style:{width:300},...o,...a})})};ba.options=_x;ba.states=Kx;ba.variants=Dx;ba.defaultOptions=Rx;ba.modifiers=wx;ba.className=Fe.className;var Tr="menu-button",Ld=Tr;var Sd=require("react/jsx-runtime"),Md="k-menu-button",Hx=[r.hover,r.focus,r.active,r.selected,r.disabled],zx={size:[d.undefined,d.xsmall,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[x.undefined,x.solid,x.flat,x.outline,x.clear,x.link],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary,h.success,h.warning,h.error,h.info,h.inverse]},Or={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:f,icon:N,text:v,showArrow:m=Or.showArrow,arrowIconName:L=Or.arrowIconName,expanded:M,...C}=e;return(0,Sd.jsx)(p,{...C,className:s(e.className,Md),text:v,size:t,rounded:o,fillMode:a,themeColor:n,hover:i,focus:l,active:c,selected:u,disabled:f,ariaDisabled:f\|\|void 0,icon:N,showArrow:m,arrowIconName:L,"aria-expanded":M?"true":"false",...!v&&N&&!e["aria-label"]&&{"aria-label":"Menu"}})};F.states=Hx;F.options=zx;F.className=Md;F.defaultOptions=Or;F.moduleName=Tr;F.folderName=Ld;var Ux=require("react/jsx-runtime");var Fx=require("react/jsx-runtime");var Gx=require("react/jsx-runtime");var ct="menu",gt=ct;var Qt=require("react/jsx-runtime"),Br="k-menu-item",Vx=[r.hover,r.focus,r.active,r.selected,r.disabled],$x={},kd={iconPosition:"before"},Te=e=>{let{hover:t,focus:o,active:a,selected:n,disabled:i,icon:l,text:c,showArrow:u,arrowIconName:f,iconPosition:N=kd.iconPosition,dir:v,children:m,expanded:L,...M}=e,C=f;return C\|\|(C=v==="rtl"?"chevron-left":"chevron-right"),(0,Qt.jsxs)("li",{...M,className:s(e.className,Br,"k-item",S(Br,{focus:o,disabled:i,hover:t,active:a,selected:n})),role:"menuitem",...u&&{"aria-haspopup":"menu"},...u&&{"aria-expanded":L?"true":"false"},...i&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[(0,Qt.jsxs)("span",{className:s("k-link k-menu-link"),children:[l&&N==="before"&&(0,Qt.jsx)(g,{className:"k-menu-link-icon",icon:l}),(0,Qt.jsx)("span",{className:"k-menu-link-text",children:c}),l&&N==="after"&&(0,Qt.jsx)(g,{className:"k-menu-link-icon",icon:l}),u&&(0,Qt.jsx)("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:(0,Qt.jsx)(g,{icon:C})})]}),m]})};Te.states=Vx;Te.options=$x;Te.className=Br;Te.defaultOptions=kd;Te.moduleName=ct;Te.folderName=gt;var It=require("react/jsx-runtime"),Pr="k-menu-item",Xx=[r.hover,r.focus,r.active,r.selected,r.disabled],qx={},Kr={dir:"ltr",iconPosition:"before"},ee=e=>{let{hover:t,focus:o,active:a,selected:n,disabled:i,icon:l,text:c,showArrow:u,arrowIconName:f,iconPosition:N=Kr.iconPosition,dir:v=Kr.dir,children:m,popup:L,expanded:M,actions:C,description:E,...A}=e,I=f;return I\|\|(I=v==="rtl"?"chevron-left":"chevron-right"),(0,It.jsxs)("li",{role:"menuitem",...A,className:s(e.className,Pr,"k-item",S(Pr,{focus:o,disabled:i})),...u&&{"aria-haspopup":"menu"},...u&&{"aria-expanded":M?"true":"false"},...i&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[(0,It.jsxs)("span",{className:s("k-link k-menu-link",S("k-menu-link",{hover:t,active:a,selected:n,disabled:i})),children:[l&&N==="before"&&(0,It.jsx)(g,{className:"k-menu-link-icon",icon:l}),(0,It.jsx)("span",{className:"k-menu-link-text",children:c}),l&&N==="after"&&(0,It.jsx)(g,{className:"k-menu-link-icon",icon:l}),C&&(0,It.jsx)("span",{className:"k-menu-link-actions",children:C}),u&&(0,It.jsx)("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:(0,It.jsx)(g,{icon:I})}),E&&(0,It.jsx)("span",{className:"k-menu-link-description",children:E})]}),m,L]})};ee.states=Xx;ee.options=qx;ee.className=Pr;ee.defaultOptions=Kr;ee.moduleName=ct;ee.folderName=gt;var Ed=require("react/jsx-runtime"),Cd="k-menu-scroll-wrapper",Wx=[],Jx={},Yx={},Eo=e=>{let{className:t,children:o,orientation:a,...n}=e;return(0,Ed.jsx)("div",{...n,className:s(t,Cd,{"k-menu-scroll-wrapper-vertical":a==="vertical"}),children:o})};Eo.states=Wx;Eo.options=Jx;Eo.className=Cd;Eo.defaultOptions=Yx;Eo.moduleName=ct;Eo.folderName=gt;var Ad=Eo;var ve=require("react/jsx-runtime"),Jn="k-menu",Zx=[],Qx={size:[d.undefined,d.small,d.medium,d.large]},Yn={orientation:"horizontal",header:!0,scrollButtonsPosition:"around"},ge=e=>{let{children:t,orientation:o=Yn.orientation,header:a=Yn.header,scrollable:n,scrollButtonsPosition:i=Yn.scrollButtonsPosition,wrapperStyles:l,dir:c,size:u,popup:f,contextMenu:N,...v}=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,...v,className:s(e.className,"k-reset",Jn,{[`${Jn}-${o}`]:o,"k-header":a},y(Jn,{size:u})),role:N?"menu":"menubar",...o==="vertical"&&{"aria-orientation":"vertical"},children:t});return(0,ve.jsxs)(ve.Fragment,{children:[n?(0,ve.jsxs)(Ad,{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,f]})};ge.states=Zx;ge.options=Qx;ge.className=Jn;ge.defaultOptions=Yn;ge.moduleName=ct;ge.folderName=gt;var Id=require("react/jsx-runtime"),Rr="k-separator",yd={orientation:"horizontal"},xa=e=>{let{orientation:t=yd.orientation,...o}=e;return(0,Id.jsx)("li",{...o,className:s(e.className,"k-item",Rr,{[`${Rr}-${t}`]:t}),role:"separator"})};xa.className=Rr;xa.defaultOptions=yd;xa.moduleName=ct;xa.folderName=gt;var Td=require("react/jsx-runtime");var Od=require("react/jsx-runtime"),_r="k-menu-group",jx=[],eN={size:[d.undefined,d.small,d.medium,d.large]},tN={},Oe=e=>{let{children:t,size:o,...a}=e;return(0,Od.jsx)("ul",{role:"menu",...a,className:s(e.className,_r,y(_r,{size:o})),children:t})};Oe.states=jx;Oe.options=eN;Oe.className=_r;Oe.defaultOptions=tN;Oe.moduleName=ct;Oe.folderName=gt;var Bd=require("react/jsx-runtime");var Tt=require("react/jsx-runtime"),wr=e=>(0,Tt.jsx)(ge,{children:(0,Tt.jsxs)(Tt.Fragment,{children:[(0,Tt.jsx)(Te,{text:"Item 1"}),(0,Tt.jsx)(Te,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 2"}),(0,Tt.jsx)(Te,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 3"}),(0,Tt.jsx)(Te,{text:"Item 4"}),(0,Tt.jsx)(Te,{text:"Item 5"})]}),...e});var Dr=require("react/jsx-runtime");var Hr=require("react/jsx-runtime");var zr=require("react/jsx-runtime");var Ur=require("react/jsx-runtime");var Ht=require("react/jsx-runtime"),oN={...ge.options,scrollable:{type:"boolean"}},aN=ge.states,Pd={...ge.defaultOptions,variant:"horizontal"},nN=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],sN=[{name:"opened",title:"Opened"}],Na=e=>{let{variant:t,modifiers:o,...a}={...Pd,...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)(Z,{className:"k-menu-popup",offset:i,children:(0,Ht.jsxs)(Oe,{children:[(0,Ht.jsx)(ee,{text:"Item 1"}),(0,Ht.jsx)(ee,{text:"Item 2"}),(0,Ht.jsx)(xa,{}),(0,Ht.jsx)(ee,{text:"Item 3"})]})}):null)}),t==="vertical"?(0,Ht.jsx)(wr,{...a,...n,orientation:"vertical",style:{width:"200px"}}):(0,Ht.jsx)(wr,{...a,...n})};Na.options=oN;Na.states=aN;Na.variants=nN;Na.defaultOptions=Pd;Na.modifiers=sN;Na.className=ge.className;var Fr=require("react/jsx-runtime");var rN=require("react/jsx-runtime");var Be=require("react/jsx-runtime"),iN=p.states,Kd={...p.defaultOptions,variant:"text"},lN=p.options,pN=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],dN=[{name:"opened",title:"Opened"}],ha=e=>{let{variant:t,modifiers:o,...a}={...Kd,...e},n={},i=(0,Be.jsx)(Z,{className:"k-menu-popup",children:(0,Be.jsxs)(Oe,{size:a.size,children:[(0,Be.jsx)(ee,{text:"Menu Item"}),(0,Be.jsx)(ee,{text:"Menu Item"}),(0,Be.jsx)(ee,{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=lN;ha.states=iN;ha.variants=pN;ha.defaultOptions=Kd;ha.modifiers=dN;ha.className=F.className;var Gr="split-button",Rd=Gr;var jt=require("react/jsx-runtime"),Vr="k-split-button",cN=[r.hover,r.focus,r.active,r.selected,r.disabled],mN={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[x.undefined,x.solid,x.flat,x.outline,x.clear,x.link],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary,h.success,h.warning,h.error,h.info,h.inverse]},_d={arrowIconName:"chevron-down"},_=e=>{let{size:t,rounded:o,fillMode:a,themeColor:n,hover:i,focus:l,active:c,selected:u,disabled:f,icon:N,text:v,arrowIconName:m=_d.arrowIconName,popup:L,opened:M,popupId:C,...E}=e;return(0,jt.jsxs)(jt.Fragment,{children:[(0,jt.jsxs)("div",{...E,className:s(e.className,Vr,"k-button-group",y(Vr,{rounded:o})),children:[(0,jt.jsx)(p,{text:v,icon:N,size:t,rounded:o,fillMode:a,themeColor:n,hover:i,focus:l,active:c,selected:u,disabled:f,...!v&&!e.children&&N&&{"aria-label":"Action"},children:e.children}),(0,jt.jsx)(p,{className:"k-split-button-arrow",icon:m,size:t,rounded:o,fillMode:a,disabled:f,ariaDisabled:f\|\|void 0,"aria-label":"Toggle dropdown","aria-expanded":M?"true":"false","aria-controls":M?C:void 0,tabIndex:-1})]}),M&&L&&(0,jt.jsx)(Z,{className:"k-menu-popup",children:L})]})};_.states=cN;_.options=mN;_.className=Vr;_.defaultOptions=_d;_.moduleName=Gr;_.folderName=Rd;var $r=_;var wd=require("react/jsx-runtime"),uN="k-toolbar-separator",Ot=e=>(0,wd.jsx)("div",{className:s(uN,e.className,"k-separator")});var yo="toolbar",va=yo;var O=require("react/jsx-runtime"),eo="k-toolbar",fN=[r.focus],bN={size:[d.undefined,d.small,d.medium,d.large],fillMode:[x.undefined,x.solid,x.outline,x.flat]},xN={scrollButtons:"around"},X=e=>{let{size:t,fillMode:o,focus:a,resizable:n,scrollable:i,scrollButtons:l,scrollingPosition:c,section:u,...f}=e,N=[],v=(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===za)M.push((0,O.jsx)(za,{...m.props,className:`k-toolbar-button ${m.props.className?m.props.className:""}`},`${L}-${new Date().getTime()}`));else if(m.type===Y)M.push((0,O.jsx)(Y,{...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===$r)M.push((0,O.jsx)($r,{...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 C=[];(Array.isArray(m.props.children)?m.props.children:[m.props.children]).forEach((A,I)=>{C.push((0,O.jsx)(p,{...A.props,className:`${A.props.className?A.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:C},`${L}-${new Date().getTime()}`))}else m.type===Fe?M.push((0,O.jsx)(Fe,{...m.props,className:`k-toolbar-combobox ${m.props.className?m.props.className:""}`},`${L}-${new Date().getTime()}`)):m.type===ue?M.push((0,O.jsx)(ue,{...m.props,className:`k-toolbar-dropdownlist ${m.props.className?m.props.className:""}`},`${L}-${new Date().getTime()}`)):m.type===vt?M.push((0,O.jsx)(vt,{...m.props,className:`k-toolbar-colorpicker ${m.props.className?m.props.className:""}`},`${L}-${new Date().getTime()}`)):M.push(m);M.forEach(C=>{N.push(C)})};return e.children&&(Array.isArray(e.children)?e.children:[e.children]).forEach((L,M)=>{v(L,M)}),(0,O.jsxs)("div",{...f,className:s(e.className,eo,y(eo,{size:t,fillMode:o}),S(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&&N,i&&l==="hidden"&&(0,O.jsx)("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N}),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)(g,{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)(g,{className:"k-button-icon",icon:"chevron-right"})})]}),(0,O.jsx)(Ot,{className:"k-toolbar-button-separator"}),(0,O.jsx)("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N})]}),i&&l==="end"&&(0,O.jsxs)(O.Fragment,{children:[(0,O.jsx)("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N}),(0,O.jsx)(Ot,{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)(g,{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)(g,{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)(g,{className:"k-button-icon",icon:"chevron-left"})}),(0,O.jsx)(Ot,{className:"k-toolbar-button-separator"}),(0,O.jsx)("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N}),(0,O.jsx)(Ot,{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)(g,{className:"k-button-icon",icon:"chevron-right"})})]})]})};X.states=fN;X.options=bN;X.className=eo;X.defaultOptions=xN;X.moduleName=yo;X.folderName=va;var Dd=require("react/jsx-runtime"),Xr="k-toolbar-item",NN=[r.focus],hN={},vN={},ga=e=>{let{focus:t,...o}=e;return(0,Dd.jsx)("div",{...o,className:s(e.className,Xr,S(Xr,{focus:t})),children:e.children})};ga.states=NN;ga.options=hN;ga.className=Xr;ga.defaultOptions=vN;ga.moduleName=yo;ga.folderName=va;var qr=require("react/jsx-runtime"),Hd="k-toolbar-popup",gN=[],LN={size:[d.undefined,d.small,d.medium,d.large],fillMode:[x.undefined,x.solid,x.outline,x.flat]},MN={},Io=e=>{let{size:t,fillMode:o,section:a,...n}=e;return(0,qr.jsx)(Z,{...n,className:s(e.className,Hd),children:a?(0,qr.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=gN;Io.options=LN;Io.className=Hd;Io.defaultOptions=MN;Io.moduleName=yo;Io.folderName=va;var Zn=Io;var SN=require("react/jsx-runtime");var kN=require("react/jsx-runtime");var CN=require("react/jsx-runtime");var zd=require("react/jsx-runtime");var AN=require("react/jsx-runtime");var Lt=require("react/jsx-runtime"),EN=_.states,Ud={..._.defaultOptions,variant:"text"},yN=_.options,IN=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],TN=[{name:"opened",title:"Opened"}],La=e=>{let{variant:t,modifiers:o,...a}={...Ud,...e},n={},i=(0,Lt.jsxs)(Oe,{size:a.size,children:[(0,Lt.jsx)(ee,{text:"Menu Item"}),(0,Lt.jsx)(ee,{text:"Menu Item"}),(0,Lt.jsx)(ee,{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,Lt.jsx)("div",{children:(0,Lt.jsx)(_,{...a,...n,icon:"star"})});case"icon-and-text":return(0,Lt.jsx)("div",{children:(0,Lt.jsx)(_,{...a,...n,icon:"star",children:"Split Button"})});default:return(0,Lt.jsx)("div",{children:(0,Lt.jsx)(_,{...a,...n,children:"Split Button"})})}};La.options=yN;La.states=EN;La.variants=IN;La.defaultOptions=Ud;La.modifiers=TN;La.className=_.className;var zt=require("react/jsx-runtime"),Fd=e=>(0,zt.jsx)(X,{children:[(0,zt.jsx)(p,{children:"Button"},"toolbar-button"),(0,zt.jsx)(F,{text:"Menu button"},"toolbar-menu-button"),(0,zt.jsx)(_,{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 Gd=require("react/jsx-runtime");var Le=require("react/jsx-runtime"),Vd=e=>(0,Le.jsx)(X,{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)(_,{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)(_,{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"),$d=({scrollingPosition:e="start",...t})=>(0,Me.jsx)(X,{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)(_,{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)(_,{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 te=require("react/jsx-runtime"),Xd=({fillMode:e,size:t,...o})=>(0,te.jsxs)(te.Fragment,{children:[(0,te.jsx)(X,{section:!0,fillMode:e,size:t,children:[(0,te.jsx)(p,{fillMode:e,size:t,children:"Button"},"toolbar-button"),(0,te.jsxs)(B,{fillMode:e,children:[(0,te.jsx)(p,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),(0,te.jsx)(p,{icon:"align-center",fillMode:e,size:t,children:"Center"}),(0,te.jsx)(p,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group"),(0,te.jsx)(Ot,{className:"k-toolbar-button-separator"}),(0,te.jsx)(p,{icon:"more-horizontal",className:"k-toolbar-overflow-button",fillMode:"flat",size:t,"aria-label":"More options","aria-expanded":"false"})],...o}),(0,te.jsxs)(Zn,{size:t,fillMode:e,section:!0,...o,children:[(0,te.jsx)(_,{fillMode:e,size:t,children:"Split button"},"toolbar-split-button"),(0,te.jsx)(p,{fillMode:e,size:t,children:"Button"},"toolbar-button"),(0,te.jsx)(Ot,{}),(0,te.jsx)(F,{text:"Menu button",fillMode:e,size:t},"toolbar-menu-button"),(0,te.jsxs)(B,{fillMode:e,children:[(0,te.jsx)(p,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),(0,te.jsx)(p,{icon:"align-center",fillMode:e,size:t,children:"Center"}),(0,te.jsx)(p,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group")]})]});var Wr=require("react/jsx-runtime");var Jr=require("react/jsx-runtime");var to=require("react/jsx-runtime"),ON=X.options,BN=X.states,qd={...X.defaultOptions,variant:"default"},PN=[{name:"default",title:"Default"},{name:"scrollable",title:"Scrollable"},{name:"overlay",title:"Overlay"},{name:"responsive",title:"Responsive"}],KN=[],Ma=e=>{let{variant:t,...o}={...qd,...e};switch(t){case"responsive":return(0,to.jsx)("div",{children:(0,to.jsx)(Xd,{style:{width:"583px"},...o})});case"overlay":return(0,to.jsx)("div",{children:(0,to.jsx)($d,{style:{width:"583px"},...o,scrollingPosition:"start",scrollButtons:"hidden"})});case"scrollable":return(0,to.jsx)("div",{children:(0,to.jsx)(Vd,{style:{width:"583px"},...o})});default:return(0,to.jsx)("div",{children:(0,to.jsx)(Fd,{style:{width:"583px"},...o})})}};Ma.options=ON;Ma.states=BN;Ma.variants=PN;Ma.defaultOptions=qd;Ma.modifiers=KN;Ma.className=X.className;var re=require("react/jsx-runtime"),Wd="k-message",RN=[r.hover,r.selected,r.active,r.focus],_N={},wN=[(0,re.jsx)(p,{icon:"copy",fillMode:"flat","aria-label":"Copy"}),(0,re.jsx)(p,{icon:"arrow-rotate-cw",fillMode:"flat","aria-label":"Retry"}),(0,re.jsx)(p,{icon:"download",fillMode:"flat","aria-label":"Download"})],Sa={time:"Thu Feb 08 2018",text:"How can I help you?",status:"Seen",toolbarItems:wN,failed:"Failed to send"},D=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:f,focus:N,toolbar:v,typing:m,expandable:L,expanded:M,removed:C,files:E,failed:A,...I}=e,G=A===!0?Sa.failed:A;return(0,re.jsxs)("div",{...I,className:s(Wd,e.className,{"k-message-removed":C,"k-message-failed":A}),children:[A&&(0,re.jsx)(Y,{className:"k-resend-button",icon:"arrow-rotate-cw",size:"xsmall",fillMode:"clear","aria-label":"Resend"}),(0,re.jsx)(Jd,{typing:m,selected:u,hover:c,active:f,focus:N,content:(0,re.jsxs)(re.Fragment,{children:[a,o&&(0,re.jsx)("span",{className:"k-chat-bubble-text",children:o})]}),expandable:L,expanded:M,files:E}),(0,re.jsxs)("div",{className:"k-message-info",children:[n&&(0,re.jsxs)("span",{className:"k-message-status",children:[i&&(0,re.jsx)(g,{icon:i,size:"xsmall"}),n]}),t&&(0,re.jsx)("time",{className:"k-message-time",children:t}),A&&(0,re.jsxs)("span",{className:"k-message-failed-content",children:[A&&(0,re.jsx)(g,{icon:"warning-triangle",size:"xsmall"}),A&&(0,re.jsx)("span",{className:"k-message-failed-text",children:G})]})]}),v&&(0,re.jsx)(X,{className:"k-chat-message-toolbar",fillMode:"flat",children:l})]})};D.states=RN;D.options=_N;D.className=Wd;D.moduleName=null;D.folderName=null;D.defaultOptions=Sa;var Yr="avatar",Yd=Yr;var Qr=require("react/jsx-runtime"),ln="k-avatar";var DN=[r.hover,r.focus,r.active,r.selected,r.disabled],HN={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[x.undefined,x.solid,x.outline],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary]},Zr={type:"text",border:!1},Ge=e=>{let{size:t,rounded:o,fillMode:a,themeColor:n,type:i=Zr.type,border:l=Zr.border,...c}=e;return(0,Qr.jsx)("div",{...c,className:s(e.className,ln,y(ln,{size:t,rounded:o,fillMode:a,themeColor:n}),{[`${ln}-bordered`]:l}),children:(0,Qr.jsx)("span",{className:`${ln}-${i}`,children:e.children})})};Ge.states=DN;Ge.options=HN;Ge.className=ln;Ge.defaultOptions=Zr;Ge.moduleName=Yr;Ge.folderName=Yd;var To=Ge;var Qd=require("react/jsx-runtime"),Zd=e=>(0,Qd.jsx)(To,{type:"icon",...e});var ec=require("react/jsx-runtime"),jd=e=>(0,ec.jsx)(To,{type:"text",...e});var tc=require("react/jsx-runtime"),Qn=e=>(0,tc.jsx)(To,{type:"image",...e});var zN=require("react/jsx-runtime");var ka=require("react/jsx-runtime"),UN=Ge.options,FN=Ge.states,GN={...Ge.defaultOptions,variant:"image"},VN=[{name:"image",title:"Image"},{name:"icon",title:"Icon Avatar"},{name:"text",title:"Text Avatar"}],$N=[],Ca=e=>{let{variant:t,...o}=e;switch(t){case"icon":return(0,ka.jsx)(Zd,{...o,children:(0,ka.jsx)(g,{icon:"star"})});case"text":return(0,ka.jsx)(jd,{...o,children:"JO"});default:return(0,ka.jsx)(Qn,{...o,children:(0,ka.jsx)("img",{src:"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg"})})}};Ca.options=UN;Ca.states=FN;Ca.variants=VN;Ca.defaultOptions=GN;Ca.modifiers=$N;Ca.className=Ge.className;var Bt=require("react/jsx-runtime"),pn="k-message-group",XN=[r.selected],qN={},jn={author:"Bruv",avatar:"/packages/html/assets/avatar.jpg",type:"receiver"},$=e=>{let{type:t=jn.type,author:o=jn.author,avatar:a=jn.avatar,status:n,selected:i,fullWidth:l,...c}=e;return(0,Bt.jsxs)("div",{...c,className:s(pn,e.className,S(pn,{selected:i}),{[`${pn}-${t}`]:t,"k-no-avatar":!a,[`${pn}-full-width`]:l}),children:[a&&!n&&(0,Bt.jsx)(Ge,{type:"image",children:(0,Bt.jsx)("img",{src:a,alt:o\|\|""})}),n&&a&&(0,Bt.jsxs)("div",{className:"k-chat-user-status-wrapper",children:[(0,Bt.jsx)(Ge,{type:"image",children:(0,Bt.jsx)("img",{src:a,alt:o\|\|""})}),(0,Bt.jsx)("div",{className:"k-chat-user-status"})]}),(0,Bt.jsxs)("div",{className:"k-message-group-content",children:[o&&(0,Bt.jsx)("span",{className:"k-message-author",children:o}),e.children]})]})};$.states=XN;$.options=qN;$.className=pn;$.defaultOptions=jn;var Ut=require("react/jsx-runtime"),jr="k-message-reference",WN={},oc={type:"receiver"},fo=e=>{let{content:t,closeable:o,pinned:a,type:n=oc.type,...i}=e;return(0,Ut.jsxs)("div",{...i,className:s(jr,e.className,{[`${jr}-${n}`]:n,"k-message-pinned":a}),children:[a&&(0,Ut.jsx)(g,{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=WN;fo.className=jr;fo.moduleName=null;fo.folderName=null;fo.defaultOptions=oc;var ei="bubble",ac=ei;var Oo=require("react/jsx-runtime"),ti="k-bubble",JN=[r.hover,r.active,r.selected,r.focus],oi={expandable:!1,expanded:!1},Bo=e=>{let{content:t,hover:o,active:a,focus:n,selected:i,expandable:l=oi.expandable,expanded:c=oi.expanded,...u}=e;return(0,Oo.jsxs)("div",{...u,className:s(e.className,ti,S(ti,{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)(g,{icon:"chevron-up"}):(0,Oo.jsx)(g,{icon:"chevron-down"})})]})};Bo.states=JN;Bo.className=ti;Bo.defaultOptions=oi;Bo.moduleName=ei;Bo.folderName=ac;var YN=require("react/jsx-runtime");var ZN=require("react/jsx-runtime");var QN=require("react/jsx-runtime");var Po=require("react/jsx-runtime"),jN="k-chat-bubble",Jd=e=>{let{typing:t,content:o,files:a,...n}=e;return(0,Po.jsxs)(Bo,{...n,className:s(e.className,jN),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 eh=require("react/jsx-runtime");var dn=require("react/jsx-runtime"),sc="k-chat-event",ai={icon:"trash",text:"You deleted Chat history."},rc=e=>{let{icon:t=ai.icon,text:o=ai.text,...a}=e;return(0,dn.jsxs)("div",{...a,className:s(e.className,sc),children:[t&&(0,dn.jsx)(g,{className:"k-chat-event-icon",icon:t,size:"xsmall"}),o&&(0,dn.jsx)("span",{className:"k-chat-event-text",children:o})]})};rc.className=sc;rc.defaultOptions=ai;var th=require("react/jsx-runtime");var Ve=require("react/jsx-runtime"),ic=e=>(0,Ve.jsx)(q,{children:(0,Ve.jsxs)(Ve.Fragment,{children:[(0,Ve.jsx)("div",{className:"k-timestamp",children:"Day, Month 7, 2023"}),(0,Ve.jsx)($,{children:(0,Ve.jsx)(D,{})}),(0,Ve.jsx)($,{type:"sender",children:(0,Ve.jsx)(D,{})}),(0,Ve.jsx)($,{children:(0,Ve.jsx)(D,{text:"Very long message text that tests message overflowing behavior. Very long message text that tests message overflowing behavior."})}),(0,Ve.jsx)($,{type:"sender",children:(0,Ve.jsx)(D,{text:"Unusually_long_word_that_tests_word_break_behavior__unusually_long_word_that_tests_word_break_behavior"})})]}),...e});var ni=require("react/jsx-runtime"),es="k-file-box-wrapper",lc={layout:"horizontal"},Ft=e=>{let{layout:t=lc.layout,scrollingPosition:o,...a}=e;return(0,ni.jsx)("ul",{role:"list","aria-label":"Attached files",...a,className:s(e.className,es,{"k-files-vertical":t==="vertical","k-files-wrap":t==="wrap",[`${es}-scrollable-start`]:t==="horizontal"&&(o==="start"\|\|o==="both"),[`${es}-scrollable-end`]:t==="horizontal"&&(o==="end"\|\|o==="both")}),children:t==="horizontal"?(0,ni.jsx)("div",{className:"k-files-scroll",role:"presentation",children:e.children}):e.children})};Ft.className=es;Ft.defaultOptions=lc;var si="file-box",pc=si;var Gt=require("react/jsx-runtime"),dc="k-file-box",oh=[r.selected],ah={},cn={icon:"file-pdf",name:"FileName.pdf",size:"2MB",showButton:"true"},et=e=>{let{icon:t=cn.icon,name:o=cn.name,size:a=cn.size,status:n,deleted:i,removeButton:l,showButton:c=cn.showButton,...u}=e,f=[o,a].filter(Boolean).join(" ");return(0,Gt.jsxs)("li",{role:"listitem",tabIndex:0,"aria-label":f\|\|void 0,...u,className:s(dc,e.className,{"k-file-deleted":i}),children:[(0,Gt.jsx)(g,{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=oh;et.options=ah;et.className=dc;et.defaultOptions=cn;et.moduleName=si;et.folderName=pc;var nh=require("react/jsx-runtime");var sh=require("react/jsx-runtime");var cc=require("react/jsx-runtime");var mc=require("react/jsx-runtime");var rh=require("react/jsx-runtime");var ri=require("react/jsx-runtime");var ii=require("react/jsx-runtime");var li="skeleton",uc=li;var fc=require("react/jsx-runtime"),pi="k-skeleton",ih=["circle","text","rect"],lh=[],ph={},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,fc.jsx)("span",{...n,className:s(e.className,pi,Nn(pi,i),{[`k-skeleton-${a}`]:a}),style:e.style})};Vt.states=lh;Vt.options=ph;Vt.variants=ih;Vt.className=pi;Vt.defaultOptions=di;Vt.moduleName=li;Vt.folderName=uc;var dh=require("react/jsx-runtime");var ch=require("react/jsx-runtime");var mh=require("react/jsx-runtime");var ci=require("react/jsx-runtime");var mi=require("react/jsx-runtime");var uh=require("react/jsx-runtime");var ui=require("react/jsx-runtime");var fi=require("react/jsx-runtime");var bi=require("react/jsx-runtime");var bc=require("react/jsx-runtime");var xi="appbar",xc=xi;var Nc=require("react/jsx-runtime"),Ni="k-appbar",fh=[],bh={themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary,h.inverse]},xh={},$e=e=>{let{themeColor:t,positionMode:o,position:a,...n}=e;return(0,Nc.jsx)("div",{...n,className:s(e.className,Ni,y(Ni,{themeColor:t}),{[`k-appbar-${o}`]:o,[`k-appbar-${a}`]:a}),children:e.children})};$e.states=fh;$e.options=bh;$e.className=Ni;$e.defaultOptions=xh;$e.moduleName=xi;$e.folderName=xc;var hc=require("react/jsx-runtime"),Nh="k-appbar-section",$t=e=>{let{...t}=e;return(0,hc.jsx)("div",{...t,className:s(Nh,e.className),children:e.children})};var hi=require("react/jsx-runtime");var H=require("react/jsx-runtime"),vi={...$e.options,positionMode:["static","sticky","fixed"]},hh=$e.states,vc={...$e.defaultOptions,themeColor:"primary",variant:"top",positionMode:"sticky"};vi.themeColor=["primary",...vi.themeColor.filter(e=>e!=="primary")];var vh=[{name:"top",title:"Top"},{name:"bottom",title:"Bottom"}],Aa=e=>{let{variant:t,...o}={...vc,...e},a=(0,H.jsxs)($e,{position:t,...o,children:[(0,H.jsx)($t,{children:(0,H.jsx)(Y,{fillMode:"flat",icon:"menu"})}),(0,H.jsx)("span",{className:"k-spacer k-spacer-sized",style:{width:"8px"}}),(0,H.jsx)($t,{children:(0,H.jsx)("h3",{className:"k-m-0",children:"AppBar"})}),(0,H.jsx)("span",{className:"k-spacer"}),(0,H.jsxs)($t,{children:[(0,H.jsx)(Ct,{fillMode:"flat",children:"Button"}),(0,H.jsx)(Ct,{fillMode:"flat",children:"Button"}),(0,H.jsx)(Ct,{fillMode:"flat",children:"Button"})]}),(0,H.jsx)("span",{className:"k-spacer k-spacer-sized",style:{width:"8px"}}),(0,H.jsx)($t,{children:(0,H.jsx)(Tn,{value:"Input value"})}),(0,H.jsxs)($t,{children:[(0,H.jsx)(Y,{className:"k-mx-sm",fillMode:"flat",icon:"bell"}),(0,H.jsx)("span",{className:"k-appbar-separator"}),(0,H.jsx)(Qn,{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]})};Aa.options=vi;Aa.states=hh;Aa.variants=vh;Aa.defaultOptions=vc;Aa.modifiers=[];Aa.className=$e.className;var gi="suggestion",gc=gi;var Ko=require("react/jsx-runtime"),ts="k-suggestion-group",gh=[],Lh={},Lc={layout:"scrollable",scrollingPosition:"start"},Mt=e=>{let{layout:t=Lc.layout,scrollingPosition:o,...a}=e,n=(0,Ko.jsx)("div",{...a,className:s(ts,{"k-suggestion-group-scrollable":t=="scrollable",[`${ts}-scrollable-start`]:o==="start"\|\|o==="both",[`${ts}-scrollable-end`]:o==="end"\|\|o==="both"},e.className),role:"group",children:t==="scrollable"\|\|t==="scrollButtons"?(0,Ko.jsx)("div",{className:"k-suggestions-scroll",children:e.children}):e.children});return t=="scrollButtons"?(0,Ko.jsxs)("div",{className:"k-suggestion-scrollwrap",children:[(0,Ko.jsx)(p,{fillMode:"flat",icon:"chevron-left",size:"xsmall","aria-label":"Scroll left"}),n,(0,Ko.jsx)(p,{fillMode:"flat",icon:"chevron-right",size:"xsmall","aria-label":"Scroll right"})]}):n};Mt.states=gh;Mt.options=Lh;Mt.className=ts;Mt.defaultOptions=Lc;Mt.moduleName=gi;Mt.folderName=gc;var Mc=require("react/jsx-runtime"),os="k-suggestion",Mh=[r.active,r.hover,r.focus],Sh={themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary]},kh={text:"Suggestion"},St=e=>{let{themeColor:t,active:o,hover:a,focus:n,text:i,...l}=e;return(0,Mc.jsx)("span",{...l,className:s(e.className,os,S(os,{hover:a,active:o,focus:n}),y(os,{themeColor:t})),role:"button",tabIndex:0,"aria-label":i,children:i})};St.states=Mh;St.options=Sh;St.className=os;St.item=kh;var Li=require("react/jsx-runtime");var Mi=require("react/jsx-runtime");var Si=require("react/jsx-runtime");var z=require("react/jsx-runtime"),Ch=q.states,Ah=q.defaultOptions,Eh=q.options,yh=[{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"}],Ih=[],Ea=e=>{let{modifiers:t,...o}=e,a={author:null,avatar:null},n=(0,z.jsxs)($e,{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)($t,{children:(0,z.jsx)("span",{children:"Chat with demo bot"})}),(0,z.jsx)("span",{className:"k-spacer"}),(0,z.jsx)($t,{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",f=null,N="User",v="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:C,avatar:E,quickReplies:A}=a;return(0,z.jsxs)(ic,{value:"Thank you!",style:{minHeight:"100%"},...o,header:m,pinned:L,suggestedActions:M,children:[(0,z.jsx)($,{avatar:f,author:C?v:null,children:(0,z.jsx)(D,{text:"Hello, this is a demo bot. How can I help you ?"})}),(0,z.jsx)($,{avatar:E?u:null,author:C?N:null,type:"sender",children:(0,z.jsx)(D,{text:"Hello! Generate a cover letter."})}),(0,z.jsx)($,{avatar:f,author:C?v:null,children:(0,z.jsx)(D,{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"})})})}),A]})};Ea.options=Eh;Ea.states=Ch;Ea.variants=Ih;Ea.defaultOptions=Ah;Ea.modifiers=yh;Ea.className=q.className;var ki="window",Sc=ki;var Cc=require("react/jsx-runtime"),kc="k-window-content",Th=[],Oh={},Bh={},bo=e=>{let{children:t,...o}=e;return(0,Cc.jsx)("div",{...o,className:s(kc,e.className),children:t})};bo.states=Th;bo.options=Oh;bo.className=kc;bo.defaultOptions=Bh;bo.moduleName=ki;bo.folderName=Sc;var mn="dialog",as=mn;var tt=require("react/jsx-runtime"),Ac="k-dialog",Ph=[],Kh={},Ci={actionButtonsAlign:"stretched",modal:!0},ot=e=>{let{title:t,actions:o,actionButtons:a,actionButtonsAlign:n=Ci.actionButtonsAlign,modal:i=Ci.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,Ac,"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(f=>(0,tt.jsx)(p,{icon:f,fillMode:"flat",size:"xsmall",className:"k-window-titlebar-action k-dialog-titlebar-action","aria-label":f},f))})})]}),(0,tt.jsx)(bo,{className:"k-dialog-content",id:u,children:e.children}),a&&(0,tt.jsx)(it,{alignment:n,className:"k-window-actions k-dialog-actions",children:a})]})]})};ot.states=Ph;ot.options=Kh;ot.className=Ac;ot.defaultOptions=Ci;ot.moduleName=mn;ot.folderName=as;var Ai=ot;var yc=require("react/jsx-runtime"),Ec="k-dialog-wrapper",Rh=[],_h={},wh={},ya=e=>{let{...t}=e;return(0,yc.jsx)("div",{...t,className:s(e.className,Ec),children:e.children})};ya.states=Rh;ya.options=_h;ya.className=Ec;ya.defaultOptions=wh;ya.moduleName=mn;ya.folderName=as;var Xt=require("react/jsx-runtime"),Ic=e=>(0,Xt.jsx)(Ai,{title:"Title",children:(0,Xt.jsx)(Xt.Fragment,{children:"Dialog content"}),actionButtons:(0,Xt.jsxs)(Xt.Fragment,{children:[(0,Xt.jsx)(p,{children:"Action"}),(0,Xt.jsx)(p,{themeColor:"primary",children:"Primary"})]}),actions:["x"],...e});var Ei=require("react/jsx-runtime");var oo=require("react/jsx-runtime"),Dh=ot.options,Hh=[],zh=ot.states,Uh=ot.defaultOptions,Fh=[],Ia=e=>(0,oo.jsx)(Ic,{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?"})});Ia.options=Dh;Ia.states=zh;Ia.variants=Hh;Ia.defaultOptions=Uh;Ia.modifiers=Fh;Ia.className=ot.className;var yi="dropzone",Tc=yi;var Ro=require("react/jsx-runtime"),Ii="k-external-dropzone",Gh=[r.disabled,r.hover],Vh={},Ti={icon:"upload",hint:"Drag and drop files here to upload"},Pe=e=>{let{hover:t,disabled:o,icon:a=Ti.icon,hint:n=Ti.hint,note:i,...l}=e;return(0,Ro.jsx)("div",{...l,className:s(e.className,Ii,S(Ii,{disabled:o}),{"k-external-dropzone-hover":t}),children:(0,Ro.jsxs)("div",{className:"k-dropzone-inner",children:[a&&(0,Ro.jsx)(g,{icon:a,className:"k-dropzone-icon",size:"xxxlarge"}),n&&(0,Ro.jsx)("span",{className:"k-dropzone-hint",children:n}),i&&(0,Ro.jsx)("span",{className:"k-dropzone-note",children:i})]})})};Pe.states=Gh;Pe.options=Vh;Pe.className=Ii;Pe.defaultOptions=Ti;Pe.moduleName=yi;Pe.folderName=Tc;var Bc=require("react/jsx-runtime"),Oc=e=>(0,Bc.jsx)(Pe,{...e});var $h=require("react/jsx-runtime");var Pc=require("react/jsx-runtime"),Xh=Pe.options,qh=Pe.states,Wh=Pe.defaultOptions,Jh=[{name:"note",title:"Note"}],Yh=[],Ta=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,Pc.jsx)(Oc,{style:{width:"500px"},...o,...a})};Ta.options=Xh;Ta.states=qh;Ta.variants=Yh;Ta.defaultOptions=Wh;Ta.modifiers=Jh;Ta.className=Pe.className;var ie=require("react/jsx-runtime"),Oi="k-upload-dropzone",Zh=[r.hover],ns=e=>{let{hover:t,status:o,disabled:a,hasFiles:n,filesId:i,...l}=e,c;switch(o){case"uploading":c=(0,ie.jsxs)(ie.Fragment,{children:[(0,ie.jsx)(g,{icon:"upload"}),"Uploading..."]});break;case"done":c=(0,ie.jsxs)(ie.Fragment,{children:[(0,ie.jsx)(g,{icon:"check"}),"Done"]});break;case"failed":c=(0,ie.jsxs)(ie.Fragment,{children:[(0,ie.jsx)(g,{icon:"exclamation-circle"}),"Done"]});break;default:c=(0,ie.jsx)(ie.Fragment,{});break}return(0,ie.jsxs)("div",{...l,className:s(e.className,Oi,"k-dropzone",S(Oi,{hover:t})),children:[(0,ie.jsxs)("div",{className:"k-upload-button-wrap",children:[(0,ie.jsx)(p,{className:"k-upload-button","aria-disabled":a?"true":"false",...n&&i?{"aria-controls":i}:{},children:"Select files..."}),(0,ie.jsx)("input",{id:"upload-input",className:"k-hidden",tabIndex:-1,"aria-hidden":"true"})]}),(0,ie.jsx)("span",{className:s("k-dropzone-hint",{"k-hidden":o!=="upload"}),children:"Drop files here to upload"}),o!=="upload"&&(0,ie.jsx)("span",{className:"k-upload-status",children:c})]})};ns.states=Zh;ns.className=Oi;var Bi="upload",Kc=Bi;var xo=require("react/jsx-runtime"),Pi="k-upload",Qh=[r.hover,r.disabled],jh={},_c={actionsLayout:"end"},Rc="upload-files-list",le=e=>{let{async:t,empty:o,actions:a,actionsLayout:n=_c.actionsLayout,hover:i,status:l,disabled:c,...u}=e,f=!!e.children;return(0,xo.jsxs)("div",{...u,className:s(e.className,Pi,S(Pi,{disabled:c}),{"k-upload-async":t,"k-upload-empty":o}),children:[(0,xo.jsx)(ns,{status:l,hover:i,disabled:c,hasFiles:f,filesId:Rc}),f&&(0,xo.jsx)("ul",{className:"k-upload-files",role:"list",id:Rc,children:e.children}),a&&f&&(0,xo.jsxs)(Kl,{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"})]})]})};le.states=Qh;le.options=jh;le.className=Pi;le.defaultOptions=_c;le.moduleName=Bi;le.folderName=Kc;var un="progressbar",ss=un;var No=require("react/jsx-runtime"),kt="k-progressbar",ev=[r.disabled,r.indeterminate],tv={orientation:["horizontal","vertical"]},_o={indeterminate:!1,label:!0,labelPosition:"start",orientation:"horizontal",reverse:!1,value:"0"},Xe=e=>{let{disabled:t,height:o,indeterminate:a=_o.indeterminate,label:n=_o.label,labelPosition:i=_o.labelPosition,orientation:l=_o.orientation,reverse:c=_o.reverse,value:u=_o.value,width:f,style:N,ariaLabel:v,...m}=e;return(0,No.jsxs)("div",{...m,className:s(e.className,kt,S(kt,{disabled:t}),{[`${kt}-${l}`]:l,[`${kt}-indeterminate`]:a,[`${kt}-reverse`]:c}),style:{...N,"--kendo-progressbar-value":u,[l==="horizontal"?"height":"width"]:l==="horizontal"?o:f},role:"progressbar","aria-label":v\|\|"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,"%"]})})})]})};Xe.states=ev;Xe.options=tv;Xe.className=kt;Xe.defaultOptions=_o;Xe.moduleName=un;Xe.folderName=ss;var wc=Xe;var is=require("react/jsx-runtime"),Dc="k-chunk-progressbar",ov=(e,t)=>t<=e-1,av=[r.disabled,r.indeterminate],nv={},rs={chunkCount:5,orientation:"horizontal",progress:0},Oa=e=>{let{disabled:t,chunkCount:o=rs.chunkCount,indeterminate:a,orientation:n=rs.orientation,progress:i=rs.progress,reverse:l,ariaLabel:c,...u}=e;return(0,is.jsx)("div",{...u,className:s(e.className,kt,Dc,S(kt,{disabled:t}),{[`${kt}-${n}`]:n,[`${kt}-indeterminate`]:a,[`${kt}-reverse`]:l}),role:"progressbar","aria-label":c\|\|"progress","aria-valuenow":a?void 0:i,"aria-valuemin":0,"aria-valuemax":o,children:(0,is.jsx)("ul",{className:"k-progressbar-chunks k-reset",children:[...Array(o)].map((f,N)=>(0,is.jsx)("li",{className:s("k-progressbar-chunk",{"k-first":N===0,"k-last":N===[...Array(o)].length-1,"k-selected":ov(i,N)})},N))})})};Oa.states=av;Oa.options=nv;Oa.className=Dc;Oa.defaultOptions=rs;Oa.moduleName=un;Oa.folderName=ss;var Hc=require("react/jsx-runtime"),fn=e=>(0,Hc.jsx)(wc,{...e});var sv=require("react/jsx-runtime");var ao=require("react/jsx-runtime"),rv=Xe.options,iv=Xe.states,zc={...Xe.defaultOptions,variant:"start"},lv=[{name:"start",title:"Label start"},{name:"center",title:"Label center"},{name:"end",title:"Label end"},{name:"empty",title:"No label"}],pv=[],Ba=e=>{let{variant:t,modifiers:o,...a}={...zc,...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)(fn,{...a,...n,labelPosition:"end",value:"50"})});case"center":return(0,ao.jsx)("div",{...i,children:(0,ao.jsx)(fn,{...a,...n,labelPosition:"center",value:"50"})});case"empty":return(0,ao.jsx)("div",{...i,children:(0,ao.jsx)(fn,{...a,...n,label:!1,value:"50"})});default:return(0,ao.jsx)("div",{...i,children:(0,ao.jsx)(fn,{...a,...n,labelPosition:"start",value:"50"})})}};Ba.options=rv;Ba.states=iv;Ba.variants=lv;Ba.defaultOptions=zc;Ba.modifiers=pv;Ba.className=Xe.className;var Pa=require("react/jsx-runtime"),dv="k-file-info",Ki=e=>{let{name:t,size:o,validationMsg:a,...n}=e;return(0,Pa.jsxs)("div",{...n,className:s(e.className,dv),children:[t&&(0,Pa.jsx)("span",{className:"k-file-name",children:t}),o&&(0,Pa.jsx)("span",{className:"k-file-size",children:o}),a&&(0,Pa.jsx)("span",{className:"k-file-validation-message","aria-live":"polite",children:a})]})};var Se=require("react/jsx-runtime"),cv="k-file",at=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,cv,{[`k-file-${t}`]:t}),role:"listitem",tabIndex:0,children:(0,Se.jsxs)("div",{className:"k-file-single",children:[(0,Se.jsx)(Xe,{className:s({"k-hidden":t!=="progress"}),value:o,label:!1}),(0,Se.jsxs)("span",{className:"k-file-icon-wrapper",children:[(0,Se.jsx)(g,{className:"k-file-icon",icon:n,size:"xxlarge"}),l&&(0,Se.jsx)("span",{className:"k-file-state",children:l})]}),(0,Se.jsx)(Ki,{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 Ri=require("react/jsx-runtime");var ho=require("react/jsx-runtime"),bn=e=>(0,ho.jsx)(le,{async:!0,children:(0,ho.jsxs)(ho.Fragment,{children:[(0,ho.jsx)(at,{name:"Image_With_Very_Very_Very_Very_Very_Long_Name1.png",icon:"file-image",size:"51.23 KB"}),(0,ho.jsx)(at,{name:"Image2.jpg",icon:"file-image",size:"106.43 KB"})]}),...e});var _i=require("react/jsx-runtime");var Fc=require("react/jsx-runtime"),Uc=e=>(0,Fc.jsx)(le,{async:!0,empty:!0,...e});var wi=require("react/jsx-runtime");var Di=require("react/jsx-runtime");var qe=require("react/jsx-runtime"),mv=le.options,uv=le.states,Gc={...le.defaultOptions,variant:"empty"},fv=[{name:"empty",title:"Empty"},{name:"upload",title:"Upload"},{name:"uploading",title:"Uploading"},{name:"success",title:"Success"},{name:"failed",title:"Failed"}],bv=[],Ka=e=>{let{variant:t,...o}={...Gc,...e};switch(t){case"success":return(0,qe.jsxs)(bn,{status:"done",style:{width:"586px"},...o,children:[(0,qe.jsx)(at,{status:"success",validationMsg:"File(s) uploaded successfully.",name:"Image1.png",icon:"file-image"}),(0,qe.jsx)(at,{status:"success",validationMsg:"File(s) uploaded successfully.",name:"Image2.png",icon:"file-image"})]});case"failed":return(0,qe.jsxs)(bn,{status:"failed",style:{width:"586px"},...o,children:[(0,qe.jsx)(at,{status:"error",validationMsg:"File type not allowed.",name:"Movie1.mkv",icon:"file-image"}),(0,qe.jsx)(at,{status:"error",validationMsg:"File type not allowed.",name:"Video2.mkv",icon:"file-image"})]});case"uploading":return(0,qe.jsxs)(bn,{status:"uploading",style:{width:"586px"},...o,children:[(0,qe.jsx)(at,{progress:"50",status:"progress",name:"Document1.txt",icon:"file-pdf",size:"328.92 KB"}),(0,qe.jsx)(at,{progress:"70",status:"progress",name:"Document2.txt",icon:"file-pdf",size:"225.68 KB"})]});case"upload":return(0,qe.jsxs)(bn,{actions:!0,status:"upload",style:{width:"586px"},...o,children:[(0,qe.jsx)(at,{name:"Image1.png",icon:"file-image",size:"51.23 KB"}),(0,qe.jsx)(at,{name:"Image2.jpg",icon:"file-image",size:"106.43 KB"})]});default:return(0,qe.jsx)(Uc,{async:!0,status:"upload",style:{width:"586px"},...o})}};Ka.options=mv;Ka.states=uv;Ka.variants=fv;Ka.defaultOptions=Gc;Ka.modifiers=bv;Ka.className=le.className;var W=require("react/jsx-runtime"),xv=e=>(0,W.jsxs)(W.Fragment,{children:[(0,W.jsx)(q,{children:(0,W.jsxs)(W.Fragment,{children:[(0,W.jsx)("div",{className:"k-timestamp",children:"Day, Month 7, 2023"}),(0,W.jsx)($,{children:(0,W.jsx)(D,{})}),(0,W.jsx)($,{type:"sender",children:(0,W.jsx)(D,{})}),(0,W.jsx)($,{children:(0,W.jsx)(D,{text:"Very long message text that tests message overflowing behavior. Very long message text that tests message overflowing behavior."})}),(0,W.jsx)($,{type:"sender",children:(0,W.jsx)(D,{text:"Unusually_long_word_that_tests_word_break_behavior__unusually_long_word_that_tests_word_break_behavior"})})]}),...e}),(0,W.jsxs)(ot,{className:"k-chat-upload",title:"Upload file(s)",actions:["x"],actionButtons:(0,W.jsxs)(W.Fragment,{children:[(0,W.jsx)(p,{themeColor:"primary",disabled:!0,children:"Upload"}),(0,W.jsx)(p,{children:"Cancel"})]}),children:[(0,W.jsx)(Pe,{}),(0,W.jsx)(le,{empty:!0,status:"upload"})]})]});