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

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

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-stop-response.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,{ChatStopResponse:()=>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"},Bt={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:[Bt.outline,Bt.solid,Bt.duotone]},bs={viewBox:"0 0 24 24",variant:Bt.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 Xt=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:[Bt.outline,Bt.solid,Bt.duotone]},vn={viewBox:"0 0 24 24",type:"svg",variant:Bt.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,Xt.jsx)(Xt.Fragment,{});if((t\|\|i)==="svg"){if(n==="none")return(0,Xt.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,Xt.jsx)(xs,{...N,className:s(e.className,hn),icon:Ns[m],size:o,themeColor:a,rotate:l,flip:c,viewBox:u,variant:f}):(0,Xt.jsx)(Xt.Fragment,{})}return(0,Xt.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 ot=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:F,className:Se,...qe}=e,ke=E!=null,Be=e.children!==void 0;return(0,ot.jsxs)(t,{className:s(Se,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&&!Be&&ke}),"aria-pressed":L?m?"true":"false":void 0,...qe,"aria-disabled":C?"true":void 0,disabled:M\|\|void 0,children:[typeof E=="string"&&E&&(0,ot.jsx)(g,{className:s(F,"k-button-icon"),icon:E,size:A}),E&&typeof E!="string"&&(0,ot.jsx)(ot.Fragment,{children:E}),I?(0,ot.jsxs)(ot.Fragment,{children:[I&&(0,ot.jsx)("span",{className:"k-button-text",children:I}),e.children]}):e.children&&(0,ot.jsx)("span",{className:"k-button-text",children:e.children}),l&&(0,ot.jsx)("span",{className:"k-menu-button-arrow k-button-arrow",children:(0,ot.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"),J=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"),kt=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)(J,{...o,icon:"star"});case"icon-and-text":return(0,gn.jsx)(za,{...o,icon:"star",children:"Button"});default:return(0,gn.jsx)(kt,{...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"},ie=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})]})};ie.states=bm;ie.options=xm;ie.className=Ln;ie.defaultOptions=Qi;ie.moduleName="fab";ie.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)(ie,{icon:"plus",...e});var gm=require("react/jsx-runtime");var Lm=require("react/jsx-runtime");var qt=require("react/jsx-runtime"),Mm=ie.options,Sm=ie.states,km={...ie.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,qt.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,qt.jsx)(ji,{position:"bottom",children:(0,qt.jsx)(gs,{text:"Item",icon:"pencil",align:"right"})})}):null,l;switch(t){case"icon-only":l=(0,qt.jsx)(ie,{...a,icon:"star"});break;case"icon-and-text":l=(0,qt.jsx)(ie,{...a,icon:"star",text:"Action"});break;default:l=(0,qt.jsx)(ie,{...a,text:"Action"});break}return(0,qt.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=ie.className;var nl=require("react/jsx-runtime"),Ls="k-input-inner",Em=[],ym={},Mn={type:"text",autocomplete:"off",value:"",placeholder:""},Pe=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})};Pe.states=Em;Pe.options=ym;Pe.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"},at=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"})};at.states=p.states;at.options=p.options;at.className=pl;at.defaultOptions=dl;at.moduleName=ks;at.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)(at,{...o,...a})};Ho.options=Km;Ho.states=Pm;Ho.variants=_m;Ho.defaultOptions=ml;Ho.modifiers=Rm;Ho.className=at.className;var ct=require("react/jsx-runtime"),Pt="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},Ke=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,F=o==="multi"\|\|o==="auto"&&l;return(0,ct.jsxs)("div",{...I,className:s(c,"k-input",Pt,{[`${Pt}-singleline`]:o==="single",[`${Pt}-multiline`]:F,[`k-input-${t}`]:t,"k-hover":C,"k-focus":E,"k-disabled":A}),children:[i&&(0,ct.jsx)("div",{className:`${Pt}-header`,children:i}),(0,ct.jsxs)("div",{className:`${Pt}-content`,children:[a&&(0,ct.jsx)("div",{className:`${Pt}-affix`,children:a}),o==="single"?(0,ct.jsx)(Pe,{value:f,placeholder:N,className:`${Pt}-input`,type:"text","aria-label":"Prompt input"}):(0,ct.jsx)(Ga,{value:f,placeholder:N,className:`${Pt}-textarea`,rows:o==="multi"\|\|l?3:1,"aria-label":"Prompt input","aria-multiline":"true"}),(0,ct.jsxs)("div",{className:`${Pt}-affix`,children:[n,L&&(0,ct.jsx)(J,{icon:"paperclip",size:"small",fillMode:"flat",rounded:"full","aria-label":"Attach files",...L}),(0,ct.jsx)(at,{size:"small",fillMode:"flat",rounded:"full",...M}),(0,ct.jsx)(J,{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]})};Ke.states=wm;Ke.options=Dm;Ke.className=Pt;Ke.defaultOptions=Cs;Ke.moduleName=Ss;Ke.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 Re=require("react/jsx-runtime"),Vm=Ke.options,$m=Ke.states,Xm={...Ke.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,Re.jsx)(Re.Fragment,{children:(0,Re.jsx)(J,{size:"small",icon:"send",fillMode:"flat"})});return Object.keys(o\|\|{}).forEach(l=>{switch(l){case"header":n.header=o!=null&&o[l]?(0,Re.jsx)(p,{children:"Button in header"}):void 0;break;case"endAffix":o!=null&&o[l]&&(n.endAffix=(0,Re.jsxs)(Re.Fragment,{children:[i,(0,Re.jsx)(J,{icon:"paperclip",size:"small",fillMode:"flat"})]}));break;case"startAffix":n.startAffix=o!=null&&o[l]?(0,Re.jsx)(Re.Fragment,{children:(0,Re.jsx)(J,{icon:"plus",size:"small",fillMode:"flat"})}):void 0;break;default:break}}),t==="Multi"?(0,Re.jsx)(Ke,{style:{width:300},lineMode:"multi",endAffix:i,placeholder:"Enter your prompt...",...a,...n}):(0,Re.jsx)(Ke,{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=Ke.className;var As="chat",fl=As;var ue=require("react/jsx-runtime"),bl="k-chat",Jm=[],Ym={},Zm=(0,ue.jsxs)(ue.Fragment,{children:[(0,ue.jsx)(J,{icon:"paperclip",fillMode:"clear",rounded:"full",size:"small","aria-label":"Attach file"},"paperclip"),(0,ue.jsx)("div",{className:"k-spacer"})]}),xl={tools:Zm},X=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,ue.jsxs)("div",{...L,className:s(bl,e.className),dir:o,children:[t,(0,ue.jsxs)("div",{className:"k-message-list",role:"log","aria-label":"Message list","aria-live":"polite",children:[i,(0,ue.jsx)("div",{className:s("k-message-list-content",N&&"k-message-list-content-empty"),children:e.children}),v&&(0,ue.jsx)("div",{className:"k-chat-scroll-to-bottom-container",children:(0,ue.jsx)(ol,{themeColor:"base",icon:"arrow-down",size:"small"})})]}),m&&(0,ue.jsx)("div",{className:"k-separator"}),(0,ue.jsxs)("div",{className:"k-message-box-wrapper",children:[a,(0,ue.jsx)(Ke,{lineMode:"multi",placeholder:"Type a message",generating:c,value:f,header:n\|\|l?(0,ue.jsxs)(ue.Fragment,{children:[l,n]}):void 0,endAffix:u,...M})]})]})};X.states=Jm;X.options=Ym;X.className=bl;X.defaultOptions=xl;X.moduleName=As;X.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 We=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,We.jsxs)(B,{fillMode:a.fillMode,className:o,children:[(0,We.jsx)(p,{...a,icon:"star"}),(0,We.jsx)(p,{...a,icon:"star"}),(0,We.jsx)(p,{...a,icon:"star"})]}):t==="icon-text-button"?(0,We.jsxs)(B,{fillMode:a.fillMode,className:o,children:[(0,We.jsx)(p,{...a,icon:"star",children:"First"}),(0,We.jsx)(p,{...a,icon:"star",children:"Middle"}),(0,We.jsx)(p,{...a,icon:"star",children:"Last"})]}):(0,We.jsxs)(B,{fillMode:a.fillMode,className:o,children:[(0,We.jsx)(p,{...a,children:"First"}),(0,We.jsx)(p,{...a,children:"Middle"}),(0,We.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={},te=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}))})};te.states=ru;te.options=iu;te.className=Cn;te.defaultOptions=lu;te.moduleName=$a;te.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={},Kt=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})};Kt.states=pu;Kt.options=du;Kt.className=An;Kt.defaultOptions=cu;Kt.moduleName=$a;Kt.folderName=kn;var Fo=require("react/jsx-runtime"),Ll="k-clear-value",mu=[r.disabled,r.loading,r.readonly],uu={},nt=e=>{let{disabled:t,loading:o,readonly:a,value:n}=e;return t\|\|a\|\|o\|\|!n?(0,Fo.jsx)(Fo.Fragment,{}):(0,Fo.jsx)("span",{className:s(e.className,Ll),children:(0,Fo.jsx)(g,{icon:"x"})})};nt.states=mu;nt.options=uu;nt.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],Je=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")})};Je.states=xu;Je.className=Ml;var Wa=require("react/jsx-runtime"),Sl="k-input-validation-icon",Nu=[r.valid,r.invalid,r.disabled,r.loading],hu={},_e=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})};_e.states=Nu;_e.options=hu;_e.className=Sl;var Ja=require("react/jsx-runtime"),vu="k-input-prefix",gu={direction:"horizontal"},mt=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"},ut=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"},ft=e=>{let{direction:t=Cu.direction,...o}=e;return(0,Al.jsx)("span",{...o,className:s(Cl,e.className,{[`${Cl}-${t}`]:t})})};var ce=require("react/jsx-runtime"),Au=te.states,Eu=te.defaultOptions,yu=te.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,ce.jsxs)(te,{...c,valid:o,invalid:a,loading:n,disabled:i,readonly:l,style:{width:300},children:[u&&(0,ce.jsxs)(ce.Fragment,{children:[(0,ce.jsx)(mt,{children:(0,ce.jsx)(g,{icon:"lock"})}),m&&(0,ce.jsx)(ft,{})]}),(0,ce.jsx)(Pe,{placeholder:"Placeholder",value:"Value"}),v&&(0,ce.jsx)(_e,{valid:o,invalid:a,loading:n,disabled:i}),(0,ce.jsx)(Je,{loading:n,disabled:i}),N&&(0,ce.jsx)(nt,{loading:n,disabled:i,readonly:l,value:"Value"}),f&&(0,ce.jsxs)(ce.Fragment,{children:[m&&(0,ce.jsx)(ft,{}),(0,ce.jsx)(ut,{children:(0,ce.jsx)(kt,{size:c.size,fillMode:"clear",children:"Send"})})]})]})};Go.options=yu;Go.states=Au;Go.variants=Tu;Go.defaultOptions=Eu;Go.modifiers=Iu;Go.className=te.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},Rt=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})})};Rt.states=Pu;Rt.options=Ku;Rt.className=Il;Rt.defaultOptions=ws;Rt.moduleName=_s;Rt.folderName=yl;var Hs="popup",Tl=Hs;var zs=require("react/jsx-runtime"),Ol="k-popup",Ru=[],_u={},Bl={positionMode:"absolute"},Y=e=>{let{offset:t,positionMode:o=Bl.positionMode,animationStyle:a,containerClassName:n,containerRole:i,containerAriaLabel:l,...c}=e;return(0,zs.jsx)(Rt,{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})})};Y.states=Ru;Y.options=_u;Y.className=Ol;Y.defaultOptions=Bl;Y.moduleName=Hs;Y.folderName=Tl;var Us="action-buttons",Pl=Us;var Rl=require("react/jsx-runtime"),En="k-actions",wu=[],Du={},Fs={alignment:"start",orientation:"horizontal"},st=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})};st.states=wu;st.options=Du;st.className=En;st.defaultOptions=Fs;st.moduleName=Us;st.folderName=Pl;var Kl=st;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":st,...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"},bt=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)(te,{...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)(Pe,{placeholder:o,value:t,"aria-label":E}),(0,ro.jsx)(Je,{...e}),(0,ro.jsx)(_e,{...e}),L&&(0,ro.jsx)(nt,{...e})]})};bt.states=zu;bt.options=Uu;bt.className=Hl;bt.defaultOptions=yn;bt.moduleName=Gs;bt.folderName=Dl;var Fu=require("react/jsx-runtime");var Vs="textbox",zl=Vs;var Ce=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},Ae=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:F,id:Se,"aria-label":qe,"aria-describedby":ke,...Be}=e;return(0,Ce.jsxs)(te,{...Be,size:t,rounded:o,fillMode:a,hover:m,focus:M,valid:L,invalid:C,required:E,loading:A,disabled:I,readonly:F,className:s(e.className,Ul),children:[c&&(0,Ce.jsxs)(Ce.Fragment,{children:[(0,Ce.jsx)(mt,{children:c}),n&&(0,Ce.jsx)(ft,{})]}),(0,Ce.jsx)(Pe,{id:Se,placeholder:v,value:N,type:f,disabled:I,"aria-label":qe,"aria-describedby":ke,"aria-invalid":C?"true":void 0}),l&&(0,Ce.jsx)(_e,{valid:L,invalid:C,loading:A,disabled:I}),(0,Ce.jsx)(Je,{loading:A,disabled:I}),i&&(0,Ce.jsx)(nt,{loading:A,disabled:I,readonly:F,value:N}),u&&(0,Ce.jsxs)(Ce.Fragment,{children:[n&&(0,Ce.jsx)(ft,{}),(0,Ce.jsx)(ut,{children:u})]})]})};Ae.states=Gu;Ae.options=Vu;Ae.className=Ul;Ae.defaultOptions=In;Ae.moduleName=Vs;Ae.folderName=zl;var Qa=Ae;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=Ae.states,qu=Ae.defaultOptions,Wu=Ae.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)(kt,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":a.showClearButton=t==null?void 0:t[n];break;default:break}}),(0,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=Ae.className;var rt=require("react/jsx-runtime"),$l="k-actionsheet-titlebar",Zu={},we=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,rt.jsxs)("div",{...m,className:s(e.className,$l),children:[(0,rt.jsxs)("div",{className:"k-actionsheet-titlebar-group",children:[a&&(0,rt.jsx)("div",{className:"k-actionsheet-actions",children:a}),!v&&(0,rt.jsxs)("div",{className:"k-actionsheet-title",id:N,children:[t&&(0,rt.jsx)("div",{className:"k-text-center",children:t}),o&&(0,rt.jsx)("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),v&&(0,rt.jsx)("div",{className:"k-actionsheet-title",id:N,children:v}),n&&(0,rt.jsx)("div",{className:"k-actionsheet-actions",children:n})]}),(l\|\|i)&&(0,rt.jsx)("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:l?(0,rt.jsx)(Ae,{value:c,placeholder:u,size:f?"large":"medium","aria-label":t\|\|u\|\|"Input"}):(0,rt.jsx)(bt,{placeholder:"Filter",size:f?"large":"medium","aria-label":"Filter options"})})]})};we.className=$l;we.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)===we&&(0,$o.jsx)(we,{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={},_t=e=>{let{...t}=e;return(0,Wl.jsx)("div",{...t,className:s(e.className,ql),children:e.children})};_t.states=tf;_t.options=of;_t.className=ql;_t.defaultOptions=af;_t.moduleName=Xs;_t.folderName=Xl;var So=require("react/jsx-runtime"),Jl="k-actionsheet",nf=[],sf={},en={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},oe=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)(_t,{}),(0,So.jsx)(Rt,{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})})})]})};oe.states=nf;oe.options=sf;oe.className=Jl;oe.defaultOptions=en;oe.moduleName=ja;oe.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 xt=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,xt.jsxs)("span",{...u,className:s(e.className,Ws,S(Ws,{hover:n,focus:i,selected:l,disabled:c})),children:[!e.children&&(0,xt.jsx)(xt.Fragment,{children:(0,xt.jsxs)("span",{className:"k-actionsheet-action",children:[t&&(0,xt.jsx)("span",{className:"k-icon-wrap",children:(0,xt.jsx)(g,{className:"k-actionsheet-item-icon",icon:t})}),(0,xt.jsxs)("span",{className:"k-actionsheet-item-text",children:[o&&(0,xt.jsx)("span",{className:"k-actionsheet-item-title",children:o}),a&&(0,xt.jsx)("span",{className:"k-actionsheet-item-description",children:a})]})]})}),e.children]})};io.states=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 Z=require("react/jsx-runtime"),ff=oe.options,bf=oe.states,tp={...oe.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,Z.jsxs)(qs,{children:[(0,Z.jsx)(io,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),(0,Z.jsx)(io,{text:"Add to Favorites",iconName:"heart"}),(0,Z.jsx)(io,{text:"Upload New",iconName:"upload",disabled:!0}),(0,Z.jsx)("hr",{className:"k-hr"}),(0,Z.jsx)(io,{text:"Cancel",iconName:"cancel"})]}),l="Choose from the items below",c="Select Item";return t==="fullScreen"&&(n.fullScreen=!0),Object.keys(o\|\|{}).forEach(u=>{switch(u){case"actions":n.actionsStart=!!(o!=null&&o[u]),n.actionsEnd=!!(o!=null&&o[u]);break;case"subtitle":n.subtitle=o!=null&&o[u]?l:void 0;break;case"footer":n.footer=!!(o!=null&&o[u]);break;default:break}}),t==="adaptive"?(0,Z.jsx)(oe,{...a,adaptive:!0,fullscreen:n.fullScreen,header:(0,Z.jsx)(we,{actionsStart:n.actionsStart?(0,Z.jsx)(p,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:n.actionsEnd?(0,Z.jsx)(p,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:c,subtitle:n.subtitle}),footer:n.footer?(0,Z.jsxs)(so,{alignment:"stretched",children:[(0,Z.jsx)(p,{text:"Cancel",size:"large",themeColor:"base"}),(0,Z.jsx)(p,{text:"Apply",size:"large",themeColor:"primary"})]}):void 0,children:i}):(0,Z.jsx)(oe,{...a,fullscreen:n.fullScreen,header:(0,Z.jsx)(we,{actionsStart:n.actionsStart?(0,Z.jsx)(p,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:n.actionsEnd?(0,Z.jsx)(p,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:n.subtitle}),footer:n.footer?(0,Z.jsxs)(so,{alignment:"stretched",children:[(0,Z.jsx)(p,{text:"Apply",themeColor:"primary"}),(0,Z.jsx)(p,{text:"Cancel",themeColor:"base"})]}):void 0,children:i})};Wo.options=ff;Wo.states=bf;Wo.variants=xf;Wo.defaultOptions=tp;Wo.modifiers=Nf;Wo.className=oe.className;var Js="slider",op=Js;var Ct=require("react/jsx-runtime"),tn="k-slider",hf=[r.hover,r.focus,r.active,r.disabled,r.readonly],vf={},Nt={type:"single",orientation:"horizontal",gradientType:"1d",readonly:!1,disabled:!1,handlePosition:"end",showButtons:!0,showTicks:!0,value:50,min:0,max:100},q=e=>{let{type:t=Nt.type,orientation:o=Nt.orientation,gradientType:a=Nt.gradientType,readonly:n=Nt.readonly,disabled:i=Nt.disabled,handlePosition:l=Nt.handlePosition,showButtons:c=Nt.showButtons,showTicks:u=Nt.showTicks,value:f=Nt.value,min:N=Nt.min,max:v=Nt.max,startValue:m,endValue:M,hover:L,focus:C,active:E,trackStyle:A,dir:I,...F}=e,qe=(()=>{if(t==="gradient"&&a==="2d")return"undefined";if(o==="vertical")return"vertical"})(),ke,Be;return o==="horizontal"?(ke=I==="rtl"?"chevron-left":"chevron-right",Be=I==="rtl"?"chevron-right":"chevron-left"):o==="vertical"&&(ke="chevron-up",Be="chevron-down"),(0,Ct.jsxs)("div",{...F,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,Ct.jsx)(p,{className:"k-button-decrease",rounded:"full",icon:Be,tabIndex:-1,title:"Decrease"}),(0,Ct.jsxs)("div",{className:"k-slider-track-wrap",children:[u&&(0,Ct.jsx)("ul",{className:"k-reset k-slider-items","aria-hidden":"true",children:e.children}),(0,Ct.jsxs)("div",{className:"k-slider-track",style:A,children:[(0,Ct.jsx)("div",{className:"k-slider-selection"}),t==="range"&&(0,Ct.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":qe,"aria-disabled":i?"true":void 0,"aria-readonly":n?"true":void 0,"aria-label":F["aria-label"]?`${F["aria-label"]} start`:"Range start"}),(0,Ct.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":qe,"aria-disabled":i?"true":void 0,"aria-readonly":n?"true":void 0,"aria-label":t==="range"?F["aria-label"]?`${F["aria-label"]} end`:"Range end":F["aria-label"]})]})]}),c&&(0,Ct.jsx)(p,{className:"k-button-increase",rounded:"full",icon:ke,tabIndex:-1,title:"Increase"})]})};q.states=hf;q.options=vf;q.className=tn;q.defaultOptions=Nt;q.moduleName=Js;q.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 fe=require("react/jsx-runtime"),sp=e=>(0,fe.jsx)(q,{"aria-label":e["aria-label"]\|\|"Slider",children:(0,fe.jsxs)(fe.Fragment,{children:[(0,fe.jsx)(T,{className:"k-first",label:!0,large:!0,text:"0"}),(0,fe.jsx)(T,{}),(0,fe.jsx)(T,{}),(0,fe.jsx)(T,{}),(0,fe.jsx)(T,{}),(0,fe.jsx)(T,{label:!0,large:!0,text:"5"}),(0,fe.jsx)(T,{}),(0,fe.jsx)(T,{}),(0,fe.jsx)(T,{}),(0,fe.jsx)(T,{}),(0,fe.jsx)(T,{className:"k-last",label:!0,large:!0,text:"10"})]}),...e});var be=require("react/jsx-runtime"),rp=e=>(0,be.jsx)(q,{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"})]}),"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)(q,{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)(q,{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 Ye=require("react/jsx-runtime"),Mf=q.options,Sf=q.states,pp={...q.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,Ye.jsxs)(rp,{style:{height:"300px",...l},...a,...i,children:[(0,Ye.jsx)(T,{label:n,large:!0,orientation:"vertical",text:"0",style:{position:"absolute",bottom:"0%"}}),(0,Ye.jsx)(T,{label:n,large:!0,orientation:"vertical",text:"2",style:{position:"absolute",bottom:"25%"}}),(0,Ye.jsx)(T,{label:n,large:!0,orientation:"vertical",text:"4",style:{position:"absolute",bottom:"50%"}}),(0,Ye.jsx)(T,{label:n,large:!0,orientation:"vertical",text:"6",style:{position:"absolute",bottom:"75%"}}),(0,Ye.jsx)(T,{label:n,large:!0,orientation:"vertical",text:"8",style:{position:"absolute",bottom:"100%"}})]}):(0,Ye.jsxs)(sp,{style:{width:"400px",...l},...a,...i,children:[(0,Ye.jsx)(T,{label:n,large:!0,orientation:"horizontal",text:"0",style:{position:"absolute",left:"0%"}}),(0,Ye.jsx)(T,{label:n,large:!0,orientation:"horizontal",text:"2",style:{position:"absolute",left:"25%"}}),(0,Ye.jsx)(T,{label:n,large:!0,orientation:"horizontal",text:"4",style:{position:"absolute",left:"50%"}}),(0,Ye.jsx)(T,{label:n,large:!0,orientation:"horizontal",text:"6",style:{position:"absolute",left:"75%"}}),(0,Ye.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=q.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 xe=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},z=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:F,"aria-label":Se,"aria-describedby":qe,...ke}=e;return(0,xe.jsxs)(te,{...ke,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,xe.jsxs)(xe.Fragment,{children:[(0,xe.jsx)(mt,{children:c}),n&&(0,xe.jsx)(ft,{})]}),(0,xe.jsx)(Pe,{id:F,placeholder:N,value:f,role:"spinbutton",disabled:A,"aria-label":Se,"aria-describedby":qe,"aria-invalid":L?"true":void 0}),(0,xe.jsx)(_e,{valid:M,invalid:L,loading:E,disabled:A}),(0,xe.jsx)(Je,{loading:E,disabled:A}),i&&(0,xe.jsx)(nt,{loading:E,disabled:A,readonly:I,value:f}),u&&(0,xe.jsxs)(xe.Fragment,{children:[n&&(0,xe.jsx)(ft,{}),(0,xe.jsx)(ut,{children:u})]}),l&&(0,xe.jsx)(lo,{className:"k-input-spinner",size:t,fillMode:a,disabled:A})]})};z.states=Tf;z.options=Of;z.className=up;z.defaultOptions=Pn;z.moduleName=cp;z.folderName=mp;var an=z;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={},it=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}))})})};it.states=zf;it.options=Uf;it.className=_n;it.defaultOptions=Ff;it.moduleName=Co;it.folderName=jo;var At=it;var Lp=require("react/jsx-runtime"),vp="k-checkbox-list",Gf=[],Vf={},gp={layout:"vertical"},De=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})};De.states=Gf;De.options=Vf;De.className=vp;De.defaultOptions=gp;De.moduleName=Co;De.folderName=jo;var Sp=require("react/jsx-runtime"),Mp="k-checkbox-list-item",$f=[],Xf={},qf={},He=e=>{let{...t}=e;return(0,Sp.jsx)("li",{...t,className:s(e.className,Mp),children:e.children})};He.states=$f;He.options=Xf;He.className=Mp;He.defaultOptions=qf;He.moduleName=Co;He.folderName=jo;var Ao=require("react/jsx-runtime"),Wt=({children:e="Label",id:t="cb-label-after",...o})=>(0,Ao.jsxs)(Ao.Fragment,{children:[(0,Ao.jsx)(At,{id:t,...o}),(0,Ao.jsx)("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});var 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 Ee=require("react/jsx-runtime"),Zf=De.options,Qf=De.states,jf={...De.defaultOptions,variant:"vertical"},eb=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],tb=[],ea=e=>{let{variant:t,...o}=e;return t==="horizontal"?(0,Ee.jsxs)(De,{layout:"horizontal",...o,children:[(0,Ee.jsx)(He,{children:(0,Ee.jsx)(Wt,{id:K("cb"),defaultChecked:!0,children:"Label"})}),(0,Ee.jsx)(He,{children:(0,Ee.jsx)(Wt,{id:K("cb"),children:"Label"})}),(0,Ee.jsx)(He,{children:(0,Ee.jsx)(Wt,{id:K("cb"),children:"Label"})})]}):(0,Ee.jsxs)(De,{...o,children:[(0,Ee.jsx)(He,{children:(0,Ee.jsx)(Wt,{id:K("cb"),defaultChecked:!0,children:"Label"})}),(0,Ee.jsx)(He,{children:(0,Ee.jsx)(Wt,{id:K("cb"),children:"Label"})}),(0,Ee.jsx)(He,{children:(0,Ee.jsx)(Wt,{id:K("cb"),children:"Label"})})]})};ea.options=Zf;ea.states=Qf;ea.variants=eb;ea.defaultOptions=jf;ea.modifiers=tb;ea.className=De.className;var kp=require("react/jsx-runtime"),ob=At.options,ab=At.states,nb=At.defaultOptions,sb=[],rb=[],ta=e=>(0,kp.jsx)(Wt,{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=At.className;var Jt=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,Jt.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,Jt.jsx)(it,{checked:i,disabled:f,"aria-label":C,tabIndex:-1}),o&&(0,Jt.jsx)("span",{className:"k-list-item-icon-wrapper",children:(0,Jt.jsx)(g,{icon:o,className:s("k-list-item-icon",a)})}),(0,Jt.jsx)("span",{className:"k-list-item-text",children:L}),N&&(0,Jt.jsx)("div",{className:"k-list-item-actions",children:N}),v&&(0,Jt.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",G=e=>{let{virtualization:t,grouping:o,"aria-label":a,"aria-labelledby":n,listboxId:i,...l}=e;return(0,oa.jsxs)("div",{...l,className:s(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)(it,{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 Q=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"},me=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:F,opened:Se,adaptive:qe,adaptiveSettings:ke,adaptiveTitle:Be,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,Q.jsxs)(Q.Fragment,{children:[(0,Q.jsxs)(Kt,{...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":Se?"true":"false","aria-controls":Se?cs:void 0,"aria-activedescendant":Se&&Ra?Ra:void 0,"aria-describedby":Se?Hi:void 0,"aria-disabled":A?"true":void 0,"aria-label":ps,tabIndex:0,children:[(0,Q.jsx)(mt,{children:c}),(0,Q.jsx)(Mo,{placeholder:N,value:f,showValue:i,valueIconName:l,id:Hi}),(0,Q.jsx)(_e,{valid:M,invalid:L,loading:E,disabled:A}),(0,Q.jsx)(Je,{loading:E,disabled:A}),(0,Q.jsx)(ut,{children:u}),(0,Q.jsx)(p,{className:"k-input-button",icon:n,size:e.size,fillMode:e.fillMode,"aria-label":N\|\|"Toggle dropdown",tabIndex:-1})]}),Se&&F&&(0,Q.jsx)(Y,{className:"k-list-container k-dropdownlist-popup",containerRole:"region",containerAriaLabel:"Dropdown suggestions",children:F}),qe&&(0,Q.jsx)(oe,{adaptive:!0,...ke,header:(0,Q.jsx)(we,{actionsEnd:(0,Q.jsx)(p,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),filter:vo,inputValue:f,inputPlaceholder:N,title:Be,subtitle:ls}),children:(0,Q.jsx)("div",{className:"k-list-container",children:(0,Q.jsx)(R,{size:"large",children:(0,Q.jsxs)(G,{"aria-label":"Options",children:[(0,Q.jsx)(P,{text:"List item"}),(0,Q.jsx)(P,{text:"List item"}),(0,Q.jsx)(P,{text:"List item"})]})})})})]})};me.states=Mb;me.options=Sb;me.className=Op;me.defaultOptions=Lr;me.moduleName=Ip;me.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 Ze=require("react/jsx-runtime"),Eb=me.states,yb=me.defaultOptions,Ib=me.options,Tb=[{name:"opened",title:"Opened"}],Ob=[],sa=e=>{let{modifiers:t,...o}=e,a={},n=(0,Ze.jsxs)(Ze.Fragment,{children:[(0,Ze.jsx)("div",{className:"k-list-filter",children:(0,Ze.jsx)(bt,{})}),(0,Ze.jsx)(R,{style:{width:300},size:o.size,children:(0,Ze.jsxs)(G,{children:[(0,Ze.jsx)(P,{children:"List item"}),(0,Ze.jsx)(P,{children:"List item"}),(0,Ze.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,Ze.jsx)("div",{children:(0,Ze.jsx)(me,{placeholder:"Value",style:{width:300},...o,...a})})};sa.options=Ib;sa.states=Eb;sa.variants=Ob;sa.defaultOptions=yb;sa.modifiers=Tb;sa.className=me.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=z.states,Kb=z.defaultOptions,Rb=z.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)(me,{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=z.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)(z,{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)(z,{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)(z,{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)(z,{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)(z,{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)(z,{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)(z,{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)(z,{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)(z,{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)(z,{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)(z,{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)(z,{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)(z,{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)(z,{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)(Ae,{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 ye=require("react/jsx-runtime"),Dp="k-colorgradient-color-contrast",zb=[],Ub={},Fb={},la=()=>(0,ye.jsxs)("div",{className:s(Dp,"k-vbox"),children:[(0,ye.jsxs)("div",{className:"k-contrast-ratio",children:[(0,ye.jsx)("span",{className:"k-contrast-ratio-text",children:"Contrast ratio: 7.1"}),(0,ye.jsxs)("span",{className:"k-contrast-validation !k-text-success",children:[(0,ye.jsx)(g,{icon:"check"}),(0,ye.jsx)(g,{icon:"check"})]})]}),(0,ye.jsxs)("div",{children:[(0,ye.jsx)("span",{children:"AA: 4.5"}),(0,ye.jsxs)("span",{className:"k-contrast-validation !k-text-success",children:["Pass",(0,ye.jsx)(g,{icon:"check"})]})]}),(0,ye.jsxs)("div",{children:[(0,ye.jsx)("span",{children:"AAA: 7.0"}),(0,ye.jsxs)("span",{className:"k-contrast-validation !k-text-error",children:["Fail",(0,ye.jsx)(g,{icon:"x"})]})]})]});la.states=zb;la.options=Ub;la.className=Dp;la.defaultOptions=Fb;var Hp="color-gradient",zp="colorgradient";var le=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]},wt={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"},Ne=e=>{let{size:t,mode:o=wt.mode,readonly:a=wt.readonly,disabled:n=wt.disabled,gradientStyle:i=wt.gradientStyle,dragHandleStyle:l=wt.dragHandleStyle,alphaStyle:c=wt.alphaStyle,alphaStyleHorizontal:u=wt.alphaStyleHorizontal,contrast:f=wt.contrast,dir:N,hover:v,focus:m,hoverHandle:M,focusHandle:L,canvasOrientation:C=wt.canvasOrientation,role:E,tabIndex:A,...I}=e;return(0,le.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,le.jsxs)("div",{className:"k-colorgradient-canvas k-hstack",children:[(0,le.jsx)("div",{className:"k-hsv-rectangle",style:i,children:(0,le.jsx)("div",{className:"k-hsv-gradient",children:(0,le.jsx)("div",{className:s("k-hsv-draghandle","k-draghandle",{"k-hover":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,le.jsxs)("div",{className:"k-hsv-controls k-hstack",children:[(0,le.jsx)(er,{className:"k-hue-slider",hover:M,focus:L}),o!=="rgb"&&o!=="hsv"&&(0,le.jsx)(er,{className:"k-alpha-slider",hover:M,focus:L,trackStyle:c})]})]}),C==="vertical"&&(0,le.jsxs)("div",{className:"k-colorgradient-canvas k-vstack",children:[(0,le.jsx)("div",{className:"k-hsv-rectangle",style:i,children:(0,le.jsx)("div",{className:"k-hsv-gradient",children:(0,le.jsx)("div",{className:s("k-hsv-draghandle","k-draghandle",{"k-hover":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,le.jsxs)("div",{className:"k-hsv-controls k-vstack",children:[(0,le.jsx)(js,{className:"k-hue-slider",hover:M,focus:L}),o!=="rgb"&&o!=="hsv"&&(0,le.jsx)(js,{className:"k-alpha-slider",hover:M,focus:L,trackStyle:u})]})]}),(0,le.jsx)(ia,{mode:e.mode,size:t}),f&&(0,le.jsx)(la,{})]})};Ne.states=Gb;Ne.options=Vb;Ne.className=Un;Ne.defaultOptions=wt;Ne.moduleName=Hp;Ne.folderName=zp;var Up=require("react/jsx-runtime"),Fn=e=>(0,Up.jsx)(Ne,{...e});var $b=require("react/jsx-runtime");var Xb=require("react/jsx-runtime");var Gn=require("react/jsx-runtime"),qb=Ne.options,Wb=Ne.states,Jb={...Ne.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=Ne.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},Qe=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})})})};Qe.states=ex;Qe.options=tx;Qe.className=Vn;Qe.defaultOptions=Xp;Qe.moduleName=Vp;Qe.folderName=$p;var $n=Qe;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=Qe.options,nx=Qe.states,sx={...Qe.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=Qe.className;var Zp="color-editor",Qp="coloreditor";var ae=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"},ne=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,ae.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,ae.jsxs)("div",{className:"k-coloreditor-header k-hstack",children:[(0,ae.jsx)("div",{className:"k-coloreditor-header-actions k-hstack",children:f&&(0,ae.jsxs)(B,{fillMode:"flat",children:[(0,ae.jsx)(p,{className:"k-group-start",size:t,fillMode:"flat",icon:"droplet-slider",selected:o==="gradient","aria-label":"Color gradient view"}),(0,ae.jsx)(p,{className:"k-group-end",size:t,fillMode:"flat",icon:"palette",selected:o==="palette","aria-label":"Color palette view"})]})}),(0,ae.jsx)("div",{className:"k-spacer"}),(0,ae.jsxs)("div",{className:"k-coloreditor-header-actions k-hstack",children:[(0,ae.jsx)(p,{fillMode:"flat",icon:"droplet-slash",size:t,"aria-label":"Reset color"}),(0,ae.jsxs)("div",{className:"k-coloreditor-preview k-vstack",children:[(0,ae.jsx)(no,{className:"k-coloreditor-preview-color",color:n}),(0,ae.jsx)(no,{className:"k-coloreditor-current-color",color:i})]})]})]}),(0,ae.jsx)("div",{className:"k-coloreditor-views k-vstack",children:o==="gradient"?(0,ae.jsx)(Ne,{focus:c,size:t,canvasOrientation:v,role:"none",tabIndex:-1}):(0,ae.jsx)(Qe,{palette:a,size:t})}),N&&(0,ae.jsxs)(st,{className:"k-coloreditor-footer",alignment:"start",children:[(0,ae.jsx)(p,{themeColor:"primary",size:t,className:"k-coloreditor-apply",children:"Apply"}),(0,ae.jsx)(p,{className:"k-coloreditor-cancel",size:t,children:"Cancel"})]})]})};ne.states=px;ne.options=dx;ne.className=Xn;ne.defaultOptions=rn;ne.moduleName=Zp;ne.folderName=Qp;var ma=ne;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=ne.options,fx=ne.states,bx={...ne.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=ne.className;var ad="color-picker",nd="colorpicker";var pe=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"},ht=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:F,adaptiveTitle:Se,adaptiveSubtitle:qe,...ke}=e,Be="colorpicker-popup";return(0,pe.jsxs)(pe.Fragment,{children:[(0,pe.jsxs)(Kt,{...ke,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?Be:void 0,"aria-label":"Color picker",tabIndex:0,"aria-disabled":L?"true":void 0,className:s(e.className,sd,"k-icon-picker"),children:[(0,pe.jsx)(mt,{children:i}),(0,pe.jsx)(Mo,{placeholder:u,value:c,showValue:!1,valueIcon:(0,pe.jsx)(no,{className:"k-value-icon",color:c,iconName:C}),valueIconName:C}),(0,pe.jsx)(ut,{children:l}),(0,pe.jsx)(p,{className:"k-input-button",icon:n,size:t,fillMode:a,tabIndex:-1,"aria-label":"Open color picker",disabled:L})]}),A&&E&&(0,pe.jsx)(Y,{id:Be,className:"k-colorpicker-popup",children:E}),I&&(0,pe.jsx)(oe,{adaptive:!0,id:Be,...F,header:(0,pe.jsx)(we,{actionsEnd:(0,pe.jsx)(p,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply"}),title:Se,subtitle:qe}),footer:(0,pe.jsxs)(so,{children:[(0,pe.jsx)(p,{text:"Cancel",size:"large"}),(0,pe.jsx)(p,{text:"Set",size:"large",themeColor:"primary"})]}),children:(0,pe.jsx)(ne,{canvasOrientation:"vertical",size:"large",actionButtons:!1,group:!0})})]})};ht.states=hx;ht.options=vx;ht.className=sd;ht.defaultOptions=rd;ht.moduleName=ad;ht.folderName=nd;var Yt=ht;var id=require("react/jsx-runtime"),qn=e=>(0,id.jsx)(Yt,{...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=Yt.options,Ex=Yt.states,ld={...Yt.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)(ne,{size:a.size,color:"rgba(183, 118 , 118, 1.00)",group:!0}):"")});let i=n.opened?{width:"272px",height:"390px"}:{};switch(t){case"no color":return(0,uo.jsx)("div",{style:i,children:(0,uo.jsx)(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=Yt.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},ze=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:F,adaptive:Se,adaptiveSettings:qe,adaptiveTitle:ke,adaptiveSubtitle:Be,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)(te,{...ds,size:t,rounded:o,fillMode:a,hover:N,focus:v,valid:m,invalid:M,required:L,loading:C,disabled:E,readonly:F,className:s(e.className,dd),children:[l&&(0,w.jsxs)(w.Fragment,{children:[(0,w.jsx)(mt,{children:l}),n&&(0,w.jsx)(ft,{})]}),(0,w.jsx)(Pe,{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:F}),(0,w.jsx)(_e,{valid:m,invalid:M,loading:C,disabled:E}),(0,w.jsx)(Je,{loading:C,disabled:E}),i&&(0,w.jsx)(nt,{loading:C,disabled:E,readonly:F,value:u}),c&&(0,w.jsxs)(w.Fragment,{children:[n&&(0,w.jsx)(ft,{}),(0,w.jsx)(ut,{children:c})]}),(0,w.jsx)(p,{className:"k-input-button",icon:"chevron-down",size:t,fillMode:a,"aria-label":"Open popup",tabIndex:-1,disabled:E})]}),I&&A&&(0,w.jsx)(Y,{className:"k-list-container k-combobox-popup",containerRole:"region",containerAriaLabel:"Combobox suggestions",children:A}),Se&&(0,w.jsx)(oe,{adaptive:!0,id:vo?`${vo}-adaptive`:void 0,...qe,header:(0,w.jsx)(we,{actionsEnd:(0,w.jsx)(p,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),input:!0,inputValue:u,inputPlaceholder:f,title:ke,subtitle:Be}),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)(G,{"aria-label":ke\|\|"Options",children:[(0,w.jsx)(P,{text:"List item"}),(0,w.jsx)(P,{text:"List item"}),(0,w.jsx)(P,{text:"List item"})]})})})})]})};ze.states=Tx;ze.options=Ox;ze.className=dd;ze.defaultOptions=yr;ze.moduleName=Er;ze.folderName=pd;var lt=ze;var md=require("react/jsx-runtime"),cd=e=>(0,md.jsx)(lt,{...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 Et=require("react/jsx-runtime"),Kx=ze.states,Rx=ze.defaultOptions,_x=ze.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,Et.jsx)(R,{style:{width:300},size:o.size,children:(0,Et.jsxs)(G,{children:[(0,Et.jsx)(P,{children:"List item"}),(0,Et.jsx)(P,{children:"List item"}),(0,Et.jsx)(P,{children:"List item"})]})});return Object.keys(t\|\|{}).forEach(i=>{switch(i){case"prefix":a.prefix=t!=null&&t[i]?(0,Et.jsx)(g,{icon:"map-marker-target"}):void 0;break;case"suffix":a.suffix=t!=null&&t[i]?(0,Et.jsx)(J,{size:o.size,icon:"copy",fillMode:"clear"}):void 0;break;case"opened":a.opened=!!(t!=null&&t[i]),a.popup=t!=null&&t[i]?n:void 0;break;default:break}}),(0,Et.jsx)("div",{children:(0,Et.jsx)(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=ze.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"},U=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"}})};U.states=Hx;U.options=zx;U.className=Md;U.defaultOptions=Or;U.moduleName=Tr;U.folderName=Ld;var Ux=require("react/jsx-runtime");var Fx=require("react/jsx-runtime");var Gx=require("react/jsx-runtime");var pt="menu",vt=pt;var Zt=require("react/jsx-runtime"),Br="k-menu-item",Vx=[r.hover,r.focus,r.active,r.selected,r.disabled],$x={},kd={iconPosition:"before"},Ie=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,Zt.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,Zt.jsxs)("span",{className:s("k-link k-menu-link"),children:[l&&N==="before"&&(0,Zt.jsx)(g,{className:"k-menu-link-icon",icon:l}),(0,Zt.jsx)("span",{className:"k-menu-link-text",children:c}),l&&N==="after"&&(0,Zt.jsx)(g,{className:"k-menu-link-icon",icon:l}),u&&(0,Zt.jsx)("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:(0,Zt.jsx)(g,{icon:C})})]}),m]})};Ie.states=Vx;Ie.options=$x;Ie.className=Br;Ie.defaultOptions=kd;Ie.moduleName=pt;Ie.folderName=vt;var yt=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"},j=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,yt.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,yt.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,yt.jsx)(g,{className:"k-menu-link-icon",icon:l}),(0,yt.jsx)("span",{className:"k-menu-link-text",children:c}),l&&N==="after"&&(0,yt.jsx)(g,{className:"k-menu-link-icon",icon:l}),C&&(0,yt.jsx)("span",{className:"k-menu-link-actions",children:C}),u&&(0,yt.jsx)("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:(0,yt.jsx)(g,{icon:I})}),E&&(0,yt.jsx)("span",{className:"k-menu-link-description",children:E})]}),m,M]})};j.states=Xx;j.options=qx;j.className=Pr;j.defaultOptions=Kr;j.moduleName=pt;j.folderName=vt;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=pt;Eo.folderName=vt;var Ad=Eo;var he=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"},ve=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,he.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,he.jsxs)(he.Fragment,{children:[n?(0,he.jsxs)(Ad,{orientation:o,style:l,dir:e.dir,children:[i==="start"&&(0,he.jsxs)(he.Fragment,{children:[(0,he.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,he.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,he.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,he.jsxs)(he.Fragment,{children:[(0,he.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,he.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,he.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]})};ve.states=Zx;ve.options=Qx;ve.className=Jn;ve.defaultOptions=Yn;ve.moduleName=pt;ve.folderName=vt;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=pt;xa.folderName=vt;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={},Te=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})};Te.states=jx;Te.options=eN;Te.className=_r;Te.defaultOptions=tN;Te.moduleName=pt;Te.folderName=vt;var Bd=require("react/jsx-runtime");var It=require("react/jsx-runtime"),wr=e=>(0,It.jsx)(ve,{children:(0,It.jsxs)(It.Fragment,{children:[(0,It.jsx)(Ie,{text:"Item 1"}),(0,It.jsx)(Ie,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 2"}),(0,It.jsx)(Ie,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 3"}),(0,It.jsx)(Ie,{text:"Item 4"}),(0,It.jsx)(Ie,{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 Dt=require("react/jsx-runtime"),oN={...ve.options,scrollable:{type:"boolean"}},aN=ve.states,Pd={...ve.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,Dt.jsx)(Y,{className:"k-menu-popup",offset:i,children:(0,Dt.jsxs)(Te,{children:[(0,Dt.jsx)(j,{text:"Item 1"}),(0,Dt.jsx)(j,{text:"Item 2"}),(0,Dt.jsx)(xa,{}),(0,Dt.jsx)(j,{text:"Item 3"})]})}):null)}),t==="vertical"?(0,Dt.jsx)(wr,{...a,...n,orientation:"vertical",style:{width:"200px"}}):(0,Dt.jsx)(wr,{...a,...n})};Na.options=oN;Na.states=aN;Na.variants=nN;Na.defaultOptions=Pd;Na.modifiers=sN;Na.className=ve.className;var Fr=require("react/jsx-runtime");var rN=require("react/jsx-runtime");var Oe=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,Oe.jsx)(Y,{className:"k-menu-popup",children:(0,Oe.jsxs)(Te,{size:a.size,children:[(0,Oe.jsx)(j,{text:"Menu Item"}),(0,Oe.jsx)(j,{text:"Menu Item"}),(0,Oe.jsx)(j,{text:"Menu Item"})]})}),l;switch(t){case"icon-only":l=(0,Oe.jsx)("div",{children:(0,Oe.jsx)(U,{...a,...n,icon:"star"})});break;case"icon-and-text":l=(0,Oe.jsx)("div",{children:(0,Oe.jsx)(U,{...a,...n,icon:"star",children:"Dropdown Button"})});break;default:l=(0,Oe.jsx)("div",{children:(0,Oe.jsx)(U,{...a,...n,children:"Dropdown Button"})});break}return(0,Oe.jsxs)(Oe.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=U.className;var Gr="split-button",Rd=Gr;var Qt=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,Qt.jsxs)(Qt.Fragment,{children:[(0,Qt.jsxs)("div",{...E,className:s(e.className,Vr,"k-button-group",y(Vr,{rounded:o})),children:[(0,Qt.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,Qt.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,Qt.jsx)(Y,{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",Tt=e=>(0,wd.jsx)("div",{className:s(uN,e.className,"k-separator")});var yo="toolbar",va=yo;var O=require("react/jsx-runtime"),jt="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"},V=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===J)L.push((0,O.jsx)(J,{...m.props,className:`k-toolbar-button ${m.props.className?m.props.className:""}`},`${M}-${new Date().getTime()}`));else if(m.type===U)L.push((0,O.jsx)(U,{...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===ze?L.push((0,O.jsx)(ze,{...m.props,className:`k-toolbar-combobox ${m.props.className?m.props.className:""}`},`${M}-${new Date().getTime()}`)):m.type===me?L.push((0,O.jsx)(me,{...m.props,className:`k-toolbar-dropdownlist ${m.props.className?m.props.className:""}`},`${M}-${new Date().getTime()}`)):m.type===ht?L.push((0,O.jsx)(ht,{...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,jt,y(jt,{size:t,fillMode:o}),S(jt,{focus:a}),{[`${jt}-resizable`]:n,[`${jt}-scrollable`]:i,[`${jt}-scrollable-overlay`]:i&&l==="hidden",[`${jt}-scrollable-${c}`]:c&&c!=="both",[`${jt}-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)(Tt,{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)(Tt,{className:"k-toolbar-button-separator"}),(0,O.jsxs)(B,{children:[(0,O.jsx)("span",{className:s("k-toolbar-prev","k-button",y("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,O.jsx)(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)(Tt,{className:"k-toolbar-button-separator"}),(0,O.jsx)("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N}),(0,O.jsx)(Tt,{className:"k-toolbar-button-separator"}),(0,O.jsx)("span",{className:s("k-toolbar-next","k-button",y("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,O.jsx)(g,{className:"k-button-icon",icon:"chevron-right"})})]})]})};V.states=fN;V.options=bN;V.className=jt;V.defaultOptions=xN;V.moduleName=yo;V.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)(Y,{...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 gt=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,gt.jsxs)(Te,{size:a.size,children:[(0,gt.jsx)(j,{text:"Menu Item"}),(0,gt.jsx)(j,{text:"Menu Item"}),(0,gt.jsx)(j,{text:"Menu Item"})]});switch(Object.keys(o\|\|{}).forEach(l=>{l==="opened"&&(n.opened=!!(o!=null&&o[l]),n.popup=o!=null&&o[l]?i:"")}),t){case"icon-only":return(0,gt.jsx)("div",{children:(0,gt.jsx)(_,{...a,...n,icon:"star"})});case"icon-and-text":return(0,gt.jsx)("div",{children:(0,gt.jsx)(_,{...a,...n,icon:"star",children:"Split Button"})});default:return(0,gt.jsx)("div",{children:(0,gt.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 Ht=require("react/jsx-runtime"),Fd=e=>(0,Ht.jsx)(V,{children:[(0,Ht.jsx)(p,{children:"Button"},"toolbar-button"),(0,Ht.jsx)(U,{text:"Menu button"},"toolbar-menu-button"),(0,Ht.jsx)(_,{children:"Split button"},"toolbar-split-button"),(0,Ht.jsxs)(B,{children:[(0,Ht.jsx)(p,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,Ht.jsx)(p,{icon:"align-center",children:"Center"}),(0,Ht.jsx)(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});var Gd=require("react/jsx-runtime");var ge=require("react/jsx-runtime"),Vd=e=>(0,ge.jsx)(V,{scrollable:!0,...e,children:[(0,ge.jsx)(p,{children:"Button"},"toolbar-button"),(0,ge.jsx)(U,{text:"Menu button"},"toolbar-menu-button"),(0,ge.jsx)(_,{children:"Split button"},"toolbar-split-button"),(0,ge.jsxs)(B,{children:[(0,ge.jsx)(p,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,ge.jsx)(p,{icon:"align-center",children:"Center"}),(0,ge.jsx)(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),(0,ge.jsx)(p,{children:"Button"},"toolbar-button"),(0,ge.jsx)(U,{text:"Menu button"},"toolbar-menu-button"),(0,ge.jsx)(_,{children:"Split button"},"toolbar-split-button"),(0,ge.jsxs)(B,{children:[(0,ge.jsx)(p,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,ge.jsx)(p,{icon:"align-center",children:"Center"}),(0,ge.jsx)(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});var Le=require("react/jsx-runtime"),$d=({scrollingPosition:e="start",...t})=>(0,Le.jsx)(V,{scrollable:!0,scrollButtons:"hidden",scrollingPosition:e,...t,children:[(0,Le.jsx)(p,{children:"Button"},"toolbar-button"),(0,Le.jsx)(U,{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)(U,{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")],...t});var ee=require("react/jsx-runtime"),Xd=({fillMode:e,size:t,...o})=>(0,ee.jsxs)(ee.Fragment,{children:[(0,ee.jsx)(V,{section:!0,fillMode:e,size:t,children:[(0,ee.jsx)(p,{fillMode:e,size:t,children:"Button"},"toolbar-button"),(0,ee.jsxs)(B,{fillMode:e,children:[(0,ee.jsx)(p,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),(0,ee.jsx)(p,{icon:"align-center",fillMode:e,size:t,children:"Center"}),(0,ee.jsx)(p,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group"),(0,ee.jsx)(Tt,{className:"k-toolbar-button-separator"}),(0,ee.jsx)(p,{icon:"more-horizontal",className:"k-toolbar-overflow-button",fillMode:"flat",size:t,"aria-label":"More options","aria-expanded":"false"})],...o}),(0,ee.jsxs)(Zn,{size:t,fillMode:e,section:!0,...o,children:[(0,ee.jsx)(_,{fillMode:e,size:t,children:"Split button"},"toolbar-split-button"),(0,ee.jsx)(p,{fillMode:e,size:t,children:"Button"},"toolbar-button"),(0,ee.jsx)(Tt,{}),(0,ee.jsx)(U,{text:"Menu button",fillMode:e,size:t},"toolbar-menu-button"),(0,ee.jsxs)(B,{fillMode:e,children:[(0,ee.jsx)(p,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),(0,ee.jsx)(p,{icon:"align-center",fillMode:e,size:t,children:"Center"}),(0,ee.jsx)(p,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group")]})]});var Wr=require("react/jsx-runtime");var Jr=require("react/jsx-runtime");var eo=require("react/jsx-runtime"),ON=V.options,BN=V.states,qd={...V.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,eo.jsx)("div",{children:(0,eo.jsx)(Xd,{style:{width:"583px"},...o})});case"overlay":return(0,eo.jsx)("div",{children:(0,eo.jsx)($d,{style:{width:"583px"},...o,scrollingPosition:"start",scrollButtons:"hidden"})});case"scrollable":return(0,eo.jsx)("div",{children:(0,eo.jsx)(Vd,{style:{width:"583px"},...o})});default:return(0,eo.jsx)("div",{children:(0,eo.jsx)(Fd,{style:{width:"583px"},...o})})}};Ma.options=ON;Ma.states=BN;Ma.variants=PN;Ma.defaultOptions=qd;Ma.modifiers=KN;Ma.className=V.className;var se=require("react/jsx-runtime"),Wd="k-message",RN=[r.hover,r.selected,r.active,r.focus],_N={},wN=[(0,se.jsx)(p,{icon:"copy",fillMode:"flat","aria-label":"Copy"}),(0,se.jsx)(p,{icon:"arrow-rotate-cw",fillMode:"flat","aria-label":"Retry"}),(0,se.jsx)(p,{icon:"download",fillMode:"flat","aria-label":"Download"})],Sa={time:"Thu Feb 08 2018",text:"How can I help you?",status:"Seen",toolbarItems:wN,failed:"Failed to send"},$=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,F=A===!0?Sa.failed:A;return(0,se.jsxs)("div",{...I,className:s(Wd,e.className,{"k-message-removed":C,"k-message-failed":A}),children:[A&&(0,se.jsx)(J,{className:"k-resend-button",icon:"arrow-rotate-cw",size:"xsmall",fillMode:"clear","aria-label":"Resend"}),(0,se.jsx)(Jd,{typing:m,selected:u,hover:c,active:f,focus:N,content:(0,se.jsxs)(se.Fragment,{children:[a,o&&(0,se.jsx)("span",{className:"k-chat-bubble-text",children:o})]}),expandable:M,expanded:L,files:E}),(0,se.jsxs)("div",{className:"k-message-info",children:[n&&(0,se.jsxs)("span",{className:"k-message-status",children:[i&&(0,se.jsx)(g,{icon:i,size:"xsmall"}),n]}),t&&(0,se.jsx)("time",{className:"k-message-time",children:t}),A&&(0,se.jsxs)("span",{className:"k-message-failed-content",children:[A&&(0,se.jsx)(g,{icon:"warning-triangle",size:"xsmall"}),A&&(0,se.jsx)("span",{className:"k-message-failed-text",children:F})]})]}),v&&(0,se.jsx)(V,{className:"k-chat-message-toolbar",fillMode:"flat",children:l})]})};$.states=RN;$.options=_N;$.className=Wd;$.moduleName=null;$.folderName=null;$.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},Ue=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})})};Ue.states=DN;Ue.options=HN;Ue.className=ln;Ue.defaultOptions=Zr;Ue.moduleName=Yr;Ue.folderName=Yd;var To=Ue;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=Ue.options,FN=Ue.states,GN={...Ue.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=Ue.className;var Ot=require("react/jsx-runtime"),pn="k-message-group",XN=[r.selected],qN={},jn={author:"Bruv",avatar:"/packages/html/assets/avatar.jpg",type:"receiver"},W=e=>{let{type:t=jn.type,author:o=jn.author,avatar:a=jn.avatar,status:n,selected:i,fullWidth:l,...c}=e;return(0,Ot.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,Ot.jsx)(Ue,{type:"image",children:(0,Ot.jsx)("img",{src:a,alt:o\|\|""})}),n&&a&&(0,Ot.jsxs)("div",{className:"k-chat-user-status-wrapper",children:[(0,Ot.jsx)(Ue,{type:"image",children:(0,Ot.jsx)("img",{src:a,alt:o\|\|""})}),(0,Ot.jsx)("div",{className:"k-chat-user-status"})]}),(0,Ot.jsxs)("div",{className:"k-message-group-content",children:[o&&(0,Ot.jsx)("span",{className:"k-message-author",children:o}),e.children]})]})};W.states=XN;W.options=qN;W.className=pn;W.defaultOptions=jn;var zt=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,zt.jsxs)("div",{...i,className:s(jr,e.className,{[`${jr}-${n}`]:n,"k-message-pinned":a}),children:[a&&(0,zt.jsx)(g,{icon:"pin"}),(0,zt.jsx)("div",{className:"k-message-reference-content",children:t}),o&&(0,zt.jsxs)(zt.Fragment,{children:[(0,zt.jsx)("span",{className:"k-spacer"}),(0,zt.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 Fe=require("react/jsx-runtime"),ic=e=>(0,Fe.jsx)(X,{children:(0,Fe.jsxs)(Fe.Fragment,{children:[(0,Fe.jsx)("div",{className:"k-timestamp",children:"Day, Month 7, 2023"}),(0,Fe.jsx)(W,{children:(0,Fe.jsx)($,{})}),(0,Fe.jsx)(W,{type:"sender",children:(0,Fe.jsx)($,{})}),(0,Fe.jsx)(W,{children:(0,Fe.jsx)($,{text:"Very long message text that tests message overflowing behavior. Very long message text that tests message overflowing behavior."})}),(0,Fe.jsx)(W,{type:"sender",children:(0,Fe.jsx)($,{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"},Ut=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})};Ut.className=es;Ut.defaultOptions=lc;var si="file-box",pc=si;var Ft=require("react/jsx-runtime"),dc="k-file-box",oh=[r.selected],ah={},cn={icon:"file-pdf",name:"FileName.pdf",size:"2MB",showButton:"true"},je=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,Ft.jsxs)("li",{role:"listitem",tabIndex:0,"aria-label":f\|\|void 0,...u,className:s(dc,e.className,{"k-file-deleted":i}),children:[(0,Ft.jsx)(g,{icon:t,size:"xlarge","aria-hidden":"true"}),(0,Ft.jsxs)("div",{className:"k-file-info",children:[o&&(0,Ft.jsx)("span",{className:"k-file-name",children:o}),a&&(0,Ft.jsx)("span",{className:"k-file-size",children:a}),n&&(0,Ft.jsx)("span",{className:"k-file-status",children:n})]}),c&&(l?(0,Ft.jsx)(p,{as:"span",icon:"x-circle",fillMode:"flat",size:"xsmall","aria-hidden":"true"}):(0,Ft.jsx)(U,{icon:"more-vertical",fillMode:"flat",size:"xsmall",showArrow:!1,"aria-label":"File actions"}))]})};je.states=oh;je.options=ah;je.className=dc;je.defaultOptions=cn;je.moduleName=si;je.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"},Gt=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})};Gt.states=lh;Gt.options=ph;Gt.variants=ih;Gt.className=pi;Gt.defaultOptions=di;Gt.moduleName=li;Gt.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="window",bc=mi;var Nc=require("react/jsx-runtime"),xc="k-window-content",uh=[],fh={},bh={},bo=e=>{let{children:t,...o}=e;return(0,Nc.jsx)("div",{...o,className:s(xc,e.className),children:t})};bo.states=uh;bo.options=fh;bo.className=xc;bo.defaultOptions=bh;bo.moduleName=mi;bo.folderName=bc;var mn="dialog",ts=mn;var et=require("react/jsx-runtime"),hc="k-dialog",xh=[],Nh={},ui={actionButtonsAlign:"stretched",modal:!0},dt=e=>{let{title:t,actions:o,actionButtons:a,actionButtonsAlign:n=ui.actionButtonsAlign,modal:i=ui.modal,...l}=e,c=t!==void 0?K("dialog-titlebar"):void 0,u=K("dialog-content");return(0,et.jsxs)("div",{className:"k-dialog-wrapper",children:[i&&(0,et.jsx)(_t,{}),(0,et.jsxs)("div",{...l,className:s(e.className,hc,"k-window"),role:"dialog","aria-labelledby":c,"aria-describedby":u,...i&&{"aria-modal":"true"},children:[(t!==void 0\|\|o)&&(0,et.jsxs)("div",{className:"k-window-titlebar k-dialog-titlebar",id:c,children:[t!==void 0&&(0,et.jsx)("span",{className:"k-window-title k-dialog-title",children:t}),o&&(0,et.jsx)(et.Fragment,{children:(0,et.jsx)("div",{className:"k-window-titlebar-actions k-dialog-titlebar-actions",children:o.map(f=>(0,et.jsx)(p,{icon:f,fillMode:"flat",size:"xsmall",className:"k-window-titlebar-action k-dialog-titlebar-action","aria-label":f},f))})})]}),(0,et.jsx)(bo,{className:"k-dialog-content",id:u,children:e.children}),a&&(0,et.jsx)(st,{alignment:n,className:"k-window-actions k-dialog-actions",children:a})]})]})};dt.states=xh;dt.options=Nh;dt.className=hc;dt.defaultOptions=ui;dt.moduleName=mn;dt.folderName=ts;var fi=dt;var gc=require("react/jsx-runtime"),vc="k-dialog-wrapper",hh=[],vh={},gh={},Aa=e=>{let{...t}=e;return(0,gc.jsx)("div",{...t,className:s(e.className,vc),children:e.children})};Aa.states=hh;Aa.options=vh;Aa.className=vc;Aa.defaultOptions=gh;Aa.moduleName=mn;Aa.folderName=ts;var Vt=require("react/jsx-runtime"),Lc=e=>(0,Vt.jsx)(fi,{title:"Title",children:(0,Vt.jsx)(Vt.Fragment,{children:"Dialog content"}),actionButtons:(0,Vt.jsxs)(Vt.Fragment,{children:[(0,Vt.jsx)(p,{children:"Action"}),(0,Vt.jsx)(p,{themeColor:"primary",children:"Primary"})]}),actions:["x"],...e});var bi=require("react/jsx-runtime");var to=require("react/jsx-runtime"),Lh=dt.options,Mh=[],Sh=dt.states,kh=dt.defaultOptions,Ch=[],Ea=e=>(0,to.jsx)(Lc,{style:{width:"350px",height:"215px"},...e,title:"Please confirm",actions:["x"],actionButtonsAlign:"stretched",actionButtons:(0,to.jsxs)(to.Fragment,{children:[(0,to.jsx)(p,{children:"No"}),(0,to.jsx)(p,{themeColor:"primary",children:"Yes"})]}),children:(0,to.jsx)("p",{style:{margin:"36px",textAlign:"center"},children:"Are you sure you want to continue?"})});Ea.options=Lh;Ea.states=Sh;Ea.variants=Mh;Ea.defaultOptions=kh;Ea.modifiers=Ch;Ea.className=dt.className;var xi="dropzone",Mc=xi;var Ko=require("react/jsx-runtime"),Ni="k-external-dropzone",Ah=[r.disabled,r.hover],Eh={},hi={icon:"upload",hint:"Drag and drop files here to upload"},Ge=e=>{let{hover:t,disabled:o,icon:a=hi.icon,hint:n=hi.hint,note:i,...l}=e;return(0,Ko.jsx)("div",{...l,className:s(e.className,Ni,S(Ni,{disabled:o}),{"k-external-dropzone-hover":t}),children:(0,Ko.jsxs)("div",{className:"k-dropzone-inner",children:[a&&(0,Ko.jsx)(g,{icon:a,className:"k-dropzone-icon",size:"xxxlarge"}),n&&(0,Ko.jsx)("span",{className:"k-dropzone-hint",children:n}),i&&(0,Ko.jsx)("span",{className:"k-dropzone-note",children:i})]})})};Ge.states=Ah;Ge.options=Eh;Ge.className=Ni;Ge.defaultOptions=hi;Ge.moduleName=xi;Ge.folderName=Mc;var kc=require("react/jsx-runtime"),Sc=e=>(0,kc.jsx)(Ge,{...e});var yh=require("react/jsx-runtime");var Cc=require("react/jsx-runtime"),Ih=Ge.options,Th=Ge.states,Oh=Ge.defaultOptions,Bh=[{name:"note",title:"Note"}],Ph=[],ya=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(n=>{n==="note"&&(a.note=t!=null&&t[n]?"Only JPEG, PNG and SVG files are allowed.":void 0)}),(0,Cc.jsx)(Sc,{style:{width:"500px"},...o,...a})};ya.options=Ih;ya.states=Th;ya.variants=Ph;ya.defaultOptions=Oh;ya.modifiers=Bh;ya.className=Ge.className;var re=require("react/jsx-runtime"),vi="k-upload-dropzone",Kh=[r.hover],os=e=>{let{hover:t,status:o,disabled:a,hasFiles:n,filesId:i,...l}=e,c;switch(o){case"uploading":c=(0,re.jsxs)(re.Fragment,{children:[(0,re.jsx)(g,{icon:"upload"}),"Uploading..."]});break;case"done":c=(0,re.jsxs)(re.Fragment,{children:[(0,re.jsx)(g,{icon:"check"}),"Done"]});break;case"failed":c=(0,re.jsxs)(re.Fragment,{children:[(0,re.jsx)(g,{icon:"exclamation-circle"}),"Done"]});break;default:c=(0,re.jsx)(re.Fragment,{});break}return(0,re.jsxs)("div",{...l,className:s(e.className,vi,"k-dropzone",S(vi,{hover:t})),children:[(0,re.jsxs)("div",{className:"k-upload-button-wrap",children:[(0,re.jsx)(p,{className:"k-upload-button","aria-disabled":a?"true":"false",...n&&i?{"aria-controls":i}:{},children:"Select files..."}),(0,re.jsx)("input",{id:"upload-input",className:"k-hidden",tabIndex:-1,"aria-hidden":"true"})]}),(0,re.jsx)("span",{className:s("k-dropzone-hint",{"k-hidden":o!=="upload"}),children:"Drop files here to upload"}),o!=="upload"&&(0,re.jsx)("span",{className:"k-upload-status",children:c})]})};os.states=Kh;os.className=vi;var gi="upload",Ac=gi;var xo=require("react/jsx-runtime"),Li="k-upload",Rh=[r.hover,r.disabled],_h={},yc={actionsLayout:"end"},Ec="upload-files-list",de=e=>{let{async:t,empty:o,actions:a,actionsLayout:n=yc.actionsLayout,hover:i,status:l,disabled:c,...u}=e,f=!!e.children;return(0,xo.jsxs)("div",{...u,className:s(e.className,Li,S(Li,{disabled:c}),{"k-upload-async":t,"k-upload-empty":o}),children:[(0,xo.jsx)(os,{status:l,hover:i,disabled:c,hasFiles:f,filesId:Ec}),f&&(0,xo.jsx)("ul",{className:"k-upload-files",role:"list",id:Ec,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"})]})]})};de.states=Rh;de.options=_h;de.className=Li;de.defaultOptions=yc;de.moduleName=gi;de.folderName=Ac;var un="progressbar",as=un;var No=require("react/jsx-runtime"),Lt="k-progressbar",wh=[r.disabled,r.indeterminate],Dh={orientation:["horizontal","vertical"]},Ro={indeterminate:!1,label:!0,labelPosition:"start",orientation:"horizontal",reverse:!1,value:"0"},Ve=e=>{let{disabled:t,height:o,indeterminate:a=Ro.indeterminate,label:n=Ro.label,labelPosition:i=Ro.labelPosition,orientation:l=Ro.orientation,reverse:c=Ro.reverse,value:u=Ro.value,width:f,style:N,ariaLabel:v,...m}=e;return(0,No.jsxs)("div",{...m,className:s(e.className,Lt,S(Lt,{disabled:t}),{[`${Lt}-${l}`]:l,[`${Lt}-indeterminate`]:a,[`${Lt}-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,"%"]})})})]})};Ve.states=wh;Ve.options=Dh;Ve.className=Lt;Ve.defaultOptions=Ro;Ve.moduleName=un;Ve.folderName=as;var Ic=Ve;var ss=require("react/jsx-runtime"),Tc="k-chunk-progressbar",Hh=(e,t)=>t<=e-1,zh=[r.disabled,r.indeterminate],Uh={},ns={chunkCount:5,orientation:"horizontal",progress:0},Ia=e=>{let{disabled:t,chunkCount:o=ns.chunkCount,indeterminate:a,orientation:n=ns.orientation,progress:i=ns.progress,reverse:l,ariaLabel:c,...u}=e;return(0,ss.jsx)("div",{...u,className:s(e.className,Lt,Tc,S(Lt,{disabled:t}),{[`${Lt}-${n}`]:n,[`${Lt}-indeterminate`]:a,[`${Lt}-reverse`]:l}),role:"progressbar","aria-label":c\|\|"progress","aria-valuenow":a?void 0:i,"aria-valuemin":0,"aria-valuemax":o,children:(0,ss.jsx)("ul",{className:"k-progressbar-chunks k-reset",children:[...Array(o)].map((f,N)=>(0,ss.jsx)("li",{className:s("k-progressbar-chunk",{"k-first":N===0,"k-last":N===[...Array(o)].length-1,"k-selected":Hh(i,N)})},N))})})};Ia.states=zh;Ia.options=Uh;Ia.className=Tc;Ia.defaultOptions=ns;Ia.moduleName=un;Ia.folderName=as;var Oc=require("react/jsx-runtime"),fn=e=>(0,Oc.jsx)(Ic,{...e});var Fh=require("react/jsx-runtime");var oo=require("react/jsx-runtime"),Gh=Ve.options,Vh=Ve.states,Bc={...Ve.defaultOptions,variant:"start"},$h=[{name:"start",title:"Label start"},{name:"center",title:"Label center"},{name:"end",title:"Label end"},{name:"empty",title:"No label"}],Xh=[],Ta=e=>{let{variant:t,modifiers:o,...a}={...Bc,...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,oo.jsx)("div",{...i,children:(0,oo.jsx)(fn,{...a,...n,labelPosition:"end",value:"50"})});case"center":return(0,oo.jsx)("div",{...i,children:(0,oo.jsx)(fn,{...a,...n,labelPosition:"center",value:"50"})});case"empty":return(0,oo.jsx)("div",{...i,children:(0,oo.jsx)(fn,{...a,...n,label:!1,value:"50"})});default:return(0,oo.jsx)("div",{...i,children:(0,oo.jsx)(fn,{...a,...n,labelPosition:"start",value:"50"})})}};Ta.options=Gh;Ta.states=Vh;Ta.variants=$h;Ta.defaultOptions=Bc;Ta.modifiers=Xh;Ta.className=Ve.className;var Oa=require("react/jsx-runtime"),qh="k-file-info",Mi=e=>{let{name:t,size:o,validationMsg:a,...n}=e;return(0,Oa.jsxs)("div",{...n,className:s(e.className,qh),children:[t&&(0,Oa.jsx)("span",{className:"k-file-name",children:t}),o&&(0,Oa.jsx)("span",{className:"k-file-size",children:o}),a&&(0,Oa.jsx)("span",{className:"k-file-validation-message","aria-live":"polite",children:a})]})};var Me=require("react/jsx-runtime"),Wh="k-file",tt=e=>{let{status:t,progress:o,name:a,icon:n,size:i,state:l,validationMsg:c,...u}=e;return(0,Me.jsx)("li",{...u,className:s(e.className,Wh,{[`k-file-${t}`]:t}),role:"listitem",tabIndex:0,children:(0,Me.jsxs)("div",{className:"k-file-single",children:[(0,Me.jsx)(Ve,{className:s({"k-hidden":t!=="progress"}),value:o,label:!1}),(0,Me.jsxs)("span",{className:"k-file-icon-wrapper",children:[(0,Me.jsx)(g,{className:"k-file-icon",icon:n,size:"xxlarge"}),l&&(0,Me.jsx)("span",{className:"k-file-state",children:l})]}),(0,Me.jsx)(Mi,{name:a,size:i,validationMsg:c}),(0,Me.jsx)("div",{className:"k-upload-actions",children:t==="progress"?(0,Me.jsxs)(Me.Fragment,{children:[(0,Me.jsxs)("span",{className:"k-upload-pct",children:[o,"%"]}),(0,Me.jsx)(p,{icon:"pause",fillMode:"flat",size:"xsmall",className:"k-upload-action","aria-label":"Pause upload",tabIndex:-1}),(0,Me.jsx)(p,{icon:"cancel",fillMode:"flat",size:"xsmall",className:"k-upload-action","aria-label":"Cancel upload",tabIndex:-1})]}):(0,Me.jsx)(p,{icon:"x",fillMode:"flat",size:"xsmall",className:"k-upload-action","aria-label":"Remove file",tabIndex:-1})})]})})};var Si=require("react/jsx-runtime");var ho=require("react/jsx-runtime"),bn=e=>(0,ho.jsx)(de,{async:!0,children:(0,ho.jsxs)(ho.Fragment,{children:[(0,ho.jsx)(tt,{name:"Image_With_Very_Very_Very_Very_Very_Long_Name1.png",icon:"file-image",size:"51.23 KB"}),(0,ho.jsx)(tt,{name:"Image2.jpg",icon:"file-image",size:"106.43 KB"})]}),...e});var ki=require("react/jsx-runtime");var Kc=require("react/jsx-runtime"),Pc=e=>(0,Kc.jsx)(de,{async:!0,empty:!0,...e});var Ci=require("react/jsx-runtime");var Ai=require("react/jsx-runtime");var $e=require("react/jsx-runtime"),Jh=de.options,Yh=de.states,Rc={...de.defaultOptions,variant:"empty"},Zh=[{name:"empty",title:"Empty"},{name:"upload",title:"Upload"},{name:"uploading",title:"Uploading"},{name:"success",title:"Success"},{name:"failed",title:"Failed"}],Qh=[],Ba=e=>{let{variant:t,...o}={...Rc,...e};switch(t){case"success":return(0,$e.jsxs)(bn,{status:"done",style:{width:"586px"},...o,children:[(0,$e.jsx)(tt,{status:"success",validationMsg:"File(s) uploaded successfully.",name:"Image1.png",icon:"file-image"}),(0,$e.jsx)(tt,{status:"success",validationMsg:"File(s) uploaded successfully.",name:"Image2.png",icon:"file-image"})]});case"failed":return(0,$e.jsxs)(bn,{status:"failed",style:{width:"586px"},...o,children:[(0,$e.jsx)(tt,{status:"error",validationMsg:"File type not allowed.",name:"Movie1.mkv",icon:"file-image"}),(0,$e.jsx)(tt,{status:"error",validationMsg:"File type not allowed.",name:"Video2.mkv",icon:"file-image"})]});case"uploading":return(0,$e.jsxs)(bn,{status:"uploading",style:{width:"586px"},...o,children:[(0,$e.jsx)(tt,{progress:"50",status:"progress",name:"Document1.txt",icon:"file-pdf",size:"328.92 KB"}),(0,$e.jsx)(tt,{progress:"70",status:"progress",name:"Document2.txt",icon:"file-pdf",size:"225.68 KB"})]});case"upload":return(0,$e.jsxs)(bn,{actions:!0,status:"upload",style:{width:"586px"},...o,children:[(0,$e.jsx)(tt,{name:"Image1.png",icon:"file-image",size:"51.23 KB"}),(0,$e.jsx)(tt,{name:"Image2.jpg",icon:"file-image",size:"106.43 KB"})]});default:return(0,$e.jsx)(Pc,{async:!0,status:"upload",style:{width:"586px"},...o})}};Ba.options=Jh;Ba.states=Yh;Ba.variants=Zh;Ba.defaultOptions=Rc;Ba.modifiers=Qh;Ba.className=de.className;var Ei=require("react/jsx-runtime");var jh=require("react/jsx-runtime");var yi=require("react/jsx-runtime");var Ii=require("react/jsx-runtime");var Ti=require("react/jsx-runtime");var _c=require("react/jsx-runtime");var Oi="appbar",wc=Oi;var Dc=require("react/jsx-runtime"),Bi="k-appbar",ev=[],tv={themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary,h.inverse]},ov={},Xe=e=>{let{themeColor:t,positionMode:o,position:a,...n}=e;return(0,Dc.jsx)("div",{...n,className:s(e.className,Bi,y(Bi,{themeColor:t}),{[`k-appbar-${o}`]:o,[`k-appbar-${a}`]:a}),children:e.children})};Xe.states=ev;Xe.options=tv;Xe.className=Bi;Xe.defaultOptions=ov;Xe.moduleName=Oi;Xe.folderName=wc;var Hc=require("react/jsx-runtime"),av="k-appbar-section",$t=e=>{let{...t}=e;return(0,Hc.jsx)("div",{...t,className:s(av,e.className),children:e.children})};var Pi=require("react/jsx-runtime");var D=require("react/jsx-runtime"),Ki={...Xe.options,positionMode:["static","sticky","fixed"]},nv=Xe.states,zc={...Xe.defaultOptions,themeColor:"primary",variant:"top",positionMode:"sticky"};Ki.themeColor=["primary",...Ki.themeColor.filter(e=>e!=="primary")];var sv=[{name:"top",title:"Top"},{name:"bottom",title:"Bottom"}],Pa=e=>{let{variant:t,...o}={...zc,...e},a=(0,D.jsxs)(Xe,{position:t,...o,children:[(0,D.jsx)($t,{children:(0,D.jsx)(J,{fillMode:"flat",icon:"menu"})}),(0,D.jsx)("span",{className:"k-spacer k-spacer-sized",style:{width:"8px"}}),(0,D.jsx)($t,{children:(0,D.jsx)("h3",{className:"k-m-0",children:"AppBar"})}),(0,D.jsx)("span",{className:"k-spacer"}),(0,D.jsxs)($t,{children:[(0,D.jsx)(kt,{fillMode:"flat",children:"Button"}),(0,D.jsx)(kt,{fillMode:"flat",children:"Button"}),(0,D.jsx)(kt,{fillMode:"flat",children:"Button"})]}),(0,D.jsx)("span",{className:"k-spacer k-spacer-sized",style:{width:"8px"}}),(0,D.jsx)($t,{children:(0,D.jsx)(Tn,{value:"Input value"})}),(0,D.jsxs)($t,{children:[(0,D.jsx)(J,{className:"k-mx-sm",fillMode:"flat",icon:"bell"}),(0,D.jsx)("span",{className:"k-appbar-separator"}),(0,D.jsx)(Qn,{className:"k-mx-sm",children:(0,D.jsx)("img",{src:"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg"})})]})]}),n=(0,D.jsxs)("div",{style:{padding:"25px 10px"},children:[(0,D.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,D.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,D.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,D.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,D.jsxs)("div",{style:{height:"250px",overflow:"auto"},children:[n,a]}):(0,D.jsxs)("div",{style:{height:"250px",overflow:"auto"},children:[a,n]})};Pa.options=Ki;Pa.states=nv;Pa.variants=sv;Pa.defaultOptions=zc;Pa.modifiers=[];Pa.className=Xe.className;var Ri="suggestion",Uc=Ri;var _o=require("react/jsx-runtime"),rs="k-suggestion-group",rv=[],iv={},Fc={layout:"scrollable",scrollingPosition:"start"},Mt=e=>{let{layout:t=Fc.layout,scrollingPosition:o,...a}=e,n=(0,_o.jsx)("div",{...a,className:s(rs,{"k-suggestion-group-scrollable":t=="scrollable",[`${rs}-scrollable-start`]:o==="start"\|\|o==="both",[`${rs}-scrollable-end`]:o==="end"\|\|o==="both"},e.className),role:"group",children:t==="scrollable"\|\|t==="scrollButtons"?(0,_o.jsx)("div",{className:"k-suggestions-scroll",children:e.children}):e.children});return t=="scrollButtons"?(0,_o.jsxs)("div",{className:"k-suggestion-scrollwrap",children:[(0,_o.jsx)(p,{fillMode:"flat",icon:"chevron-left",size:"xsmall","aria-label":"Scroll left"}),n,(0,_o.jsx)(p,{fillMode:"flat",icon:"chevron-right",size:"xsmall","aria-label":"Scroll right"})]}):n};Mt.states=rv;Mt.options=iv;Mt.className=rs;Mt.defaultOptions=Fc;Mt.moduleName=Ri;Mt.folderName=Uc;var Gc=require("react/jsx-runtime"),is="k-suggestion",lv=[r.active,r.hover,r.focus],pv={themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary]},dv={text:"Suggestion"},St=e=>{let{themeColor:t,active:o,hover:a,focus:n,text:i,...l}=e;return(0,Gc.jsx)("span",{...l,className:s(e.className,is,S(is,{hover:a,active:o,focus:n}),y(is,{themeColor:t})),role:"button",tabIndex:0,"aria-label":i,children:i})};St.states=lv;St.options=pv;St.className=is;St.item=dv;var _i=require("react/jsx-runtime");var wi=require("react/jsx-runtime");var Di=require("react/jsx-runtime");var H=require("react/jsx-runtime"),cv=X.states,mv=X.defaultOptions,uv=X.options,fv=[{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"}],bv=[],Ka=e=>{let{modifiers:t,...o}=e,a={author:null,avatar:null},n=(0,H.jsxs)(Xe,{className:"k-chat-header",positionMode:"sticky",themeColor:"primary",children:[(0,H.jsx)("span",{className:"k-spacer k-spacer-sized k-w-1"}),(0,H.jsx)($t,{children:(0,H.jsx)("span",{children:"Chat with demo bot"})}),(0,H.jsx)("span",{className:"k-spacer"}),(0,H.jsx)($t,{children:(0,H.jsx)(p,{fillMode:"flat",icon:"more-vertical"})})]}),i=(0,H.jsx)(fo,{type:"sender",pinned:!0,content:"Hello! Generate a cover letter.",closeable:!0}),l=(0,H.jsxs)(Mt,{children:[(0,H.jsx)(St,{text:"Provide a CV template"}),(0,H.jsx)(St,{text:"Generate a cover letter"})]}),c=(0,H.jsxs)(Mt,{children:[(0,H.jsx)(St,{themeColor:"primary",text:"Thank you!"}),(0,H.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,H.jsx)(H.Fragment,{});break;default:break}});let{header:m,pinned:M,suggestedActions:L,author:C,avatar:E,quickReplies:A}=a;return(0,H.jsxs)(ic,{value:"Thank you!",style:{minHeight:"100%"},...o,header:m,pinned:M,suggestedActions:L,children:[(0,H.jsx)(W,{avatar:f,author:C?v:null,children:(0,H.jsx)($,{text:"Hello, this is a demo bot. How can I help you ?"})}),(0,H.jsx)(W,{avatar:E?u:null,author:C?N:null,type:"sender",children:(0,H.jsx)($,{text:"Hello! Generate a cover letter."})}),(0,H.jsx)(W,{avatar:f,author:C?v:null,children:(0,H.jsx)($,{text:"Sure. Here is a cover letter template",files:(0,H.jsx)(Ut,{children:(0,H.jsx)(je,{icon:"file-pdf",name:"cover_letter.pdf",size:"1.43MB"})})})}),A]})};Ka.options=uv;Ka.states=cv;Ka.variants=bv;Ka.defaultOptions=mv;Ka.modifiers=fv;Ka.className=X.className;var ao=require("react/jsx-runtime"),xv=e=>(0,ao.jsx)(X,{generating:!0,children:(0,ao.jsxs)(ao.Fragment,{children:[(0,ao.jsx)("div",{className:"k-timestamp",children:"Day, Month 7, 2023"}),(0,ao.jsx)(W,{fullWidth:!0,avatar:null,children:(0,ao.jsx)($,{})})]}),...e});
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,{ChatStopResponse:()=>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"},Bt={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:[Bt.outline,Bt.solid,Bt.duotone]},bs={viewBox:"0 0 24 24",variant:Bt.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 Xt=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:[Bt.outline,Bt.solid,Bt.duotone]},vn={viewBox:"0 0 24 24",type:"svg",variant:Bt.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,Xt.jsx)(Xt.Fragment,{});if((t\|\|i)==="svg"){if(n==="none")return(0,Xt.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,Xt.jsx)(xs,{...N,className:s(e.className,hn),icon:Ns[m],size:o,themeColor:a,rotate:l,flip:c,viewBox:u,variant:f}):(0,Xt.jsx)(Xt.Fragment,{})}return(0,Xt.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 ot=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:F,className:Se,...qe}=e,ke=E!=null,Be=e.children!==void 0;return(0,ot.jsxs)(t,{className:s(Se,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&&!Be&&ke}),"aria-pressed":M?m?"true":"false":void 0,...qe,"aria-disabled":C?"true":void 0,disabled:L\|\|void 0,children:[typeof E=="string"&&E&&(0,ot.jsx)(g,{className:s(F,"k-button-icon"),icon:E,size:A}),E&&typeof E!="string"&&(0,ot.jsx)(ot.Fragment,{children:E}),I?(0,ot.jsxs)(ot.Fragment,{children:[I&&(0,ot.jsx)("span",{className:"k-button-text",children:I}),e.children]}):e.children&&(0,ot.jsx)("span",{className:"k-button-text",children:e.children}),l&&(0,ot.jsx)("span",{className:"k-menu-button-arrow k-button-arrow",children:(0,ot.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"),J=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"),kt=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)(J,{...o,icon:"star"});case"icon-and-text":return(0,gn.jsx)(za,{...o,icon:"star",children:"Button"});default:return(0,gn.jsx)(kt,{...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"},ie=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})]})};ie.states=bm;ie.options=xm;ie.className=Ln;ie.defaultOptions=Qi;ie.moduleName="fab";ie.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)(ie,{icon:"plus",...e});var gm=require("react/jsx-runtime");var Lm=require("react/jsx-runtime");var qt=require("react/jsx-runtime"),Mm=ie.options,Sm=ie.states,km={...ie.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,qt.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,qt.jsx)(ji,{position:"bottom",children:(0,qt.jsx)(gs,{text:"Item",icon:"pencil",align:"right"})})}):null,l;switch(t){case"icon-only":l=(0,qt.jsx)(ie,{...a,icon:"star"});break;case"icon-and-text":l=(0,qt.jsx)(ie,{...a,icon:"star",text:"Action"});break;default:l=(0,qt.jsx)(ie,{...a,text:"Action"});break}return(0,qt.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=ie.className;var nl=require("react/jsx-runtime"),Ls="k-input-inner",Em=[],ym={},Mn={type:"text",autocomplete:"off",value:"",placeholder:""},Pe=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})};Pe.states=Em;Pe.options=ym;Pe.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"},at=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"})};at.states=p.states;at.options=p.options;at.className=pl;at.defaultOptions=dl;at.moduleName=ks;at.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)(at,{...o,...a})};Ho.options=Km;Ho.states=Pm;Ho.variants=_m;Ho.defaultOptions=ml;Ho.modifiers=Rm;Ho.className=at.className;var ct=require("react/jsx-runtime"),Pt="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},Ke=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,F=o==="multi"\|\|o==="auto"&&l;return(0,ct.jsxs)("div",{...I,className:s(c,"k-input",Pt,{[`${Pt}-singleline`]:o==="single",[`${Pt}-multiline`]:F,[`k-input-${t}`]:t,"k-hover":C,"k-focus":E,"k-disabled":A}),children:[i&&(0,ct.jsx)("div",{className:`${Pt}-header`,children:i}),(0,ct.jsxs)("div",{className:`${Pt}-content`,children:[a&&(0,ct.jsx)("div",{className:`${Pt}-affix`,children:a}),o==="single"?(0,ct.jsx)(Pe,{value:f,placeholder:N,className:`${Pt}-input`,type:"text","aria-label":"Prompt input"}):(0,ct.jsx)(Ga,{value:f,placeholder:N,className:`${Pt}-textarea`,rows:o==="multi"\|\|l?3:1,"aria-label":"Prompt input","aria-multiline":"true"}),(0,ct.jsxs)("div",{className:`${Pt}-affix`,children:[n,M&&(0,ct.jsx)(J,{icon:"paperclip",size:"small",fillMode:"flat",rounded:"full","aria-label":"Attach files",...M}),L!==!1&&(0,ct.jsx)(at,{size:"small",fillMode:"flat",rounded:"full",...L}),(0,ct.jsx)(J,{icon: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]})};Ke.states=wm;Ke.options=Dm;Ke.className=Pt;Ke.defaultOptions=Cs;Ke.moduleName=Ss;Ke.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 Re=require("react/jsx-runtime"),Vm=Ke.options,$m=Ke.states,Xm={...Ke.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,Re.jsx)(Re.Fragment,{children:(0,Re.jsx)(J,{size:"small",icon:"send",fillMode:"flat"})});return Object.keys(o\|\|{}).forEach(l=>{switch(l){case"header":n.header=o!=null&&o[l]?(0,Re.jsx)(p,{children:"Button in header"}):void 0;break;case"endAffix":o!=null&&o[l]&&(n.endAffix=(0,Re.jsxs)(Re.Fragment,{children:[i,(0,Re.jsx)(J,{icon:"paperclip",size:"small",fillMode:"flat"})]}));break;case"startAffix":n.startAffix=o!=null&&o[l]?(0,Re.jsx)(Re.Fragment,{children:(0,Re.jsx)(J,{icon:"plus",size:"small",fillMode:"flat"})}):void 0;break;default:break}}),t==="Multi"?(0,Re.jsx)(Ke,{style:{width:300},lineMode:"multi",endAffix:i,placeholder:"Enter your prompt...",...a,...n}):(0,Re.jsx)(Ke,{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=Ke.className;var As="chat",fl=As;var ue=require("react/jsx-runtime"),bl="k-chat",Jm=[],Ym={},Zm=(0,ue.jsxs)(ue.Fragment,{children:[(0,ue.jsx)(J,{icon:"paperclip",fillMode:"clear",rounded:"full",size:"small","aria-label":"Attach file"},"paperclip"),(0,ue.jsx)("div",{className:"k-spacer"})]}),xl={tools:Zm},X=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,ue.jsxs)("div",{...M,className:s(bl,e.className),dir:o,children:[t,(0,ue.jsxs)("div",{className:"k-message-list",role:"log","aria-label":"Message list","aria-live":"polite",children:[i,(0,ue.jsx)("div",{className:s("k-message-list-content",N&&"k-message-list-content-empty"),children:e.children}),v&&(0,ue.jsx)("div",{className:"k-chat-scroll-to-bottom-container",children:(0,ue.jsx)(ol,{themeColor:"base",icon:"arrow-down",size:"small"})})]}),m&&(0,ue.jsx)("div",{className:"k-separator"}),(0,ue.jsxs)("div",{className:"k-message-box-wrapper",children:[a,(0,ue.jsx)(Ke,{lineMode:"multi",placeholder:"Type a message",generating:c,value:f,header:n\|\|l?(0,ue.jsxs)(ue.Fragment,{children:[l,n]}):void 0,endAffix:u,...L})]})]})};X.states=Jm;X.options=Ym;X.className=bl;X.defaultOptions=xl;X.moduleName=As;X.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 We=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,We.jsxs)(B,{fillMode:a.fillMode,className:o,children:[(0,We.jsx)(p,{...a,icon:"star"}),(0,We.jsx)(p,{...a,icon:"star"}),(0,We.jsx)(p,{...a,icon:"star"})]}):t==="icon-text-button"?(0,We.jsxs)(B,{fillMode:a.fillMode,className:o,children:[(0,We.jsx)(p,{...a,icon:"star",children:"First"}),(0,We.jsx)(p,{...a,icon:"star",children:"Middle"}),(0,We.jsx)(p,{...a,icon:"star",children:"Last"})]}):(0,We.jsxs)(B,{fillMode:a.fillMode,className:o,children:[(0,We.jsx)(p,{...a,children:"First"}),(0,We.jsx)(p,{...a,children:"Middle"}),(0,We.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={},te=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}))})};te.states=ru;te.options=iu;te.className=Cn;te.defaultOptions=lu;te.moduleName=$a;te.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={},Kt=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})};Kt.states=pu;Kt.options=du;Kt.className=An;Kt.defaultOptions=cu;Kt.moduleName=$a;Kt.folderName=kn;var Fo=require("react/jsx-runtime"),Ll="k-clear-value",mu=[r.disabled,r.loading,r.readonly],uu={},nt=e=>{let{disabled:t,loading:o,readonly:a,value:n}=e;return t\|\|a\|\|o\|\|!n?(0,Fo.jsx)(Fo.Fragment,{}):(0,Fo.jsx)("span",{className:s(e.className,Ll),children:(0,Fo.jsx)(g,{icon:"x"})})};nt.states=mu;nt.options=uu;nt.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],Je=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")})};Je.states=xu;Je.className=Ml;var Wa=require("react/jsx-runtime"),Sl="k-input-validation-icon",Nu=[r.valid,r.invalid,r.disabled,r.loading],hu={},_e=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})};_e.states=Nu;_e.options=hu;_e.className=Sl;var Ja=require("react/jsx-runtime"),vu="k-input-prefix",gu={direction:"horizontal"},mt=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"},ut=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"},ft=e=>{let{direction:t=Cu.direction,...o}=e;return(0,Al.jsx)("span",{...o,className:s(Cl,e.className,{[`${Cl}-${t}`]:t})})};var ce=require("react/jsx-runtime"),Au=te.states,Eu=te.defaultOptions,yu=te.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,ce.jsxs)(te,{...c,valid:o,invalid:a,loading:n,disabled:i,readonly:l,style:{width:300},children:[u&&(0,ce.jsxs)(ce.Fragment,{children:[(0,ce.jsx)(mt,{children:(0,ce.jsx)(g,{icon:"lock"})}),m&&(0,ce.jsx)(ft,{})]}),(0,ce.jsx)(Pe,{placeholder:"Placeholder",value:"Value"}),v&&(0,ce.jsx)(_e,{valid:o,invalid:a,loading:n,disabled:i}),(0,ce.jsx)(Je,{loading:n,disabled:i}),N&&(0,ce.jsx)(nt,{loading:n,disabled:i,readonly:l,value:"Value"}),f&&(0,ce.jsxs)(ce.Fragment,{children:[m&&(0,ce.jsx)(ft,{}),(0,ce.jsx)(ut,{children:(0,ce.jsx)(kt,{size:c.size,fillMode:"clear",children:"Send"})})]})]})};Go.options=yu;Go.states=Au;Go.variants=Tu;Go.defaultOptions=Eu;Go.modifiers=Iu;Go.className=te.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},Rt=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})})};Rt.states=Pu;Rt.options=Ku;Rt.className=Il;Rt.defaultOptions=ws;Rt.moduleName=_s;Rt.folderName=yl;var Hs="popup",Tl=Hs;var zs=require("react/jsx-runtime"),Ol="k-popup",Ru=[],_u={},Bl={positionMode:"absolute"},Y=e=>{let{offset:t,positionMode:o=Bl.positionMode,animationStyle:a,containerClassName:n,containerRole:i,containerAriaLabel:l,...c}=e;return(0,zs.jsx)(Rt,{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})})};Y.states=Ru;Y.options=_u;Y.className=Ol;Y.defaultOptions=Bl;Y.moduleName=Hs;Y.folderName=Tl;var Us="action-buttons",Pl=Us;var Rl=require("react/jsx-runtime"),En="k-actions",wu=[],Du={},Fs={alignment:"start",orientation:"horizontal"},st=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})};st.states=wu;st.options=Du;st.className=En;st.defaultOptions=Fs;st.moduleName=Us;st.folderName=Pl;var Kl=st;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":st,...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"},bt=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)(te,{...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)(Pe,{placeholder:o,value:t,"aria-label":E}),(0,ro.jsx)(Je,{...e}),(0,ro.jsx)(_e,{...e}),M&&(0,ro.jsx)(nt,{...e})]})};bt.states=zu;bt.options=Uu;bt.className=Hl;bt.defaultOptions=yn;bt.moduleName=Gs;bt.folderName=Dl;var Fu=require("react/jsx-runtime");var Vs="textbox",zl=Vs;var Ce=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},Ae=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:F,id:Se,"aria-label":qe,"aria-describedby":ke,...Be}=e;return(0,Ce.jsxs)(te,{...Be,size:t,rounded:o,fillMode:a,hover:m,focus:L,valid:M,invalid:C,required:E,loading:A,disabled:I,readonly:F,className:s(e.className,Ul),children:[c&&(0,Ce.jsxs)(Ce.Fragment,{children:[(0,Ce.jsx)(mt,{children:c}),n&&(0,Ce.jsx)(ft,{})]}),(0,Ce.jsx)(Pe,{id:Se,placeholder:v,value:N,type:f,disabled:I,"aria-label":qe,"aria-describedby":ke,"aria-invalid":C?"true":void 0}),l&&(0,Ce.jsx)(_e,{valid:M,invalid:C,loading:A,disabled:I}),(0,Ce.jsx)(Je,{loading:A,disabled:I}),i&&(0,Ce.jsx)(nt,{loading:A,disabled:I,readonly:F,value:N}),u&&(0,Ce.jsxs)(Ce.Fragment,{children:[n&&(0,Ce.jsx)(ft,{}),(0,Ce.jsx)(ut,{children:u})]})]})};Ae.states=Gu;Ae.options=Vu;Ae.className=Ul;Ae.defaultOptions=In;Ae.moduleName=Vs;Ae.folderName=zl;var Qa=Ae;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=Ae.states,qu=Ae.defaultOptions,Wu=Ae.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)(kt,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":a.showClearButton=t==null?void 0:t[n];break;default:break}}),(0,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=Ae.className;var rt=require("react/jsx-runtime"),$l="k-actionsheet-titlebar",Zu={},we=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,rt.jsxs)("div",{...m,className:s(e.className,$l),children:[(0,rt.jsxs)("div",{className:"k-actionsheet-titlebar-group",children:[a&&(0,rt.jsx)("div",{className:"k-actionsheet-actions",children:a}),!v&&(0,rt.jsxs)("div",{className:"k-actionsheet-title",id:N,children:[t&&(0,rt.jsx)("div",{className:"k-text-center",children:t}),o&&(0,rt.jsx)("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),v&&(0,rt.jsx)("div",{className:"k-actionsheet-title",id:N,children:v}),n&&(0,rt.jsx)("div",{className:"k-actionsheet-actions",children:n})]}),(l\|\|i)&&(0,rt.jsx)("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:l?(0,rt.jsx)(Ae,{value:c,placeholder:u,size:f?"large":"medium","aria-label":t\|\|u\|\|"Input"}):(0,rt.jsx)(bt,{placeholder:"Filter",size:f?"large":"medium","aria-label":"Filter options"})})]})};we.className=$l;we.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)===we&&(0,$o.jsx)(we,{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={},_t=e=>{let{...t}=e;return(0,Wl.jsx)("div",{...t,className:s(e.className,ql),children:e.children})};_t.states=tf;_t.options=of;_t.className=ql;_t.defaultOptions=af;_t.moduleName=Xs;_t.folderName=Xl;var So=require("react/jsx-runtime"),Jl="k-actionsheet",nf=[],sf={},en={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},oe=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)(_t,{}),(0,So.jsx)(Rt,{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})})})]})};oe.states=nf;oe.options=sf;oe.className=Jl;oe.defaultOptions=en;oe.moduleName=ja;oe.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 xt=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,xt.jsxs)("span",{...u,className:s(e.className,Ws,S(Ws,{hover:n,focus:i,selected:l,disabled:c})),children:[!e.children&&(0,xt.jsx)(xt.Fragment,{children:(0,xt.jsxs)("span",{className:"k-actionsheet-action",children:[t&&(0,xt.jsx)("span",{className:"k-icon-wrap",children:(0,xt.jsx)(g,{className:"k-actionsheet-item-icon",icon:t})}),(0,xt.jsxs)("span",{className:"k-actionsheet-item-text",children:[o&&(0,xt.jsx)("span",{className:"k-actionsheet-item-title",children:o}),a&&(0,xt.jsx)("span",{className:"k-actionsheet-item-description",children:a})]})]})}),e.children]})};io.states=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 Z=require("react/jsx-runtime"),ff=oe.options,bf=oe.states,tp={...oe.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,Z.jsxs)(qs,{children:[(0,Z.jsx)(io,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),(0,Z.jsx)(io,{text:"Add to Favorites",iconName:"heart"}),(0,Z.jsx)(io,{text:"Upload New",iconName:"upload",disabled:!0}),(0,Z.jsx)("hr",{className:"k-hr"}),(0,Z.jsx)(io,{text:"Cancel",iconName:"cancel"})]}),l="Choose from the items below",c="Select Item";return t==="fullScreen"&&(n.fullScreen=!0),Object.keys(o\|\|{}).forEach(u=>{switch(u){case"actions":n.actionsStart=!!(o!=null&&o[u]),n.actionsEnd=!!(o!=null&&o[u]);break;case"subtitle":n.subtitle=o!=null&&o[u]?l:void 0;break;case"footer":n.footer=!!(o!=null&&o[u]);break;default:break}}),t==="adaptive"?(0,Z.jsx)(oe,{...a,adaptive:!0,fullscreen:n.fullScreen,header:(0,Z.jsx)(we,{actionsStart:n.actionsStart?(0,Z.jsx)(p,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:n.actionsEnd?(0,Z.jsx)(p,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:c,subtitle:n.subtitle}),footer:n.footer?(0,Z.jsxs)(so,{alignment:"stretched",children:[(0,Z.jsx)(p,{text:"Cancel",size:"large",themeColor:"base"}),(0,Z.jsx)(p,{text:"Apply",size:"large",themeColor:"primary"})]}):void 0,children:i}):(0,Z.jsx)(oe,{...a,fullscreen:n.fullScreen,header:(0,Z.jsx)(we,{actionsStart:n.actionsStart?(0,Z.jsx)(p,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:n.actionsEnd?(0,Z.jsx)(p,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:n.subtitle}),footer:n.footer?(0,Z.jsxs)(so,{alignment:"stretched",children:[(0,Z.jsx)(p,{text:"Apply",themeColor:"primary"}),(0,Z.jsx)(p,{text:"Cancel",themeColor:"base"})]}):void 0,children:i})};Wo.options=ff;Wo.states=bf;Wo.variants=xf;Wo.defaultOptions=tp;Wo.modifiers=Nf;Wo.className=oe.className;var Js="slider",op=Js;var Ct=require("react/jsx-runtime"),tn="k-slider",hf=[r.hover,r.focus,r.active,r.disabled,r.readonly],vf={},Nt={type:"single",orientation:"horizontal",gradientType:"1d",readonly:!1,disabled:!1,handlePosition:"end",showButtons:!0,showTicks:!0,value:50,min:0,max:100},q=e=>{let{type:t=Nt.type,orientation:o=Nt.orientation,gradientType:a=Nt.gradientType,readonly:n=Nt.readonly,disabled:i=Nt.disabled,handlePosition:l=Nt.handlePosition,showButtons:c=Nt.showButtons,showTicks:u=Nt.showTicks,value:f=Nt.value,min:N=Nt.min,max:v=Nt.max,startValue:m,endValue:L,hover:M,focus:C,active:E,trackStyle:A,dir:I,...F}=e,qe=(()=>{if(t==="gradient"&&a==="2d")return"undefined";if(o==="vertical")return"vertical"})(),ke,Be;return o==="horizontal"?(ke=I==="rtl"?"chevron-left":"chevron-right",Be=I==="rtl"?"chevron-right":"chevron-left"):o==="vertical"&&(ke="chevron-up",Be="chevron-down"),(0,Ct.jsxs)("div",{...F,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,Ct.jsx)(p,{className:"k-button-decrease",rounded:"full",icon:Be,tabIndex:-1,title:"Decrease"}),(0,Ct.jsxs)("div",{className:"k-slider-track-wrap",children:[u&&(0,Ct.jsx)("ul",{className:"k-reset k-slider-items","aria-hidden":"true",children:e.children}),(0,Ct.jsxs)("div",{className:"k-slider-track",style:A,children:[(0,Ct.jsx)("div",{className:"k-slider-selection"}),t==="range"&&(0,Ct.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":qe,"aria-disabled":i?"true":void 0,"aria-readonly":n?"true":void 0,"aria-label":F["aria-label"]?`${F["aria-label"]} start`:"Range start"}),(0,Ct.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":qe,"aria-disabled":i?"true":void 0,"aria-readonly":n?"true":void 0,"aria-label":t==="range"?F["aria-label"]?`${F["aria-label"]} end`:"Range end":F["aria-label"]})]})]}),c&&(0,Ct.jsx)(p,{className:"k-button-increase",rounded:"full",icon:ke,tabIndex:-1,title:"Increase"})]})};q.states=hf;q.options=vf;q.className=tn;q.defaultOptions=Nt;q.moduleName=Js;q.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 fe=require("react/jsx-runtime"),sp=e=>(0,fe.jsx)(q,{"aria-label":e["aria-label"]\|\|"Slider",children:(0,fe.jsxs)(fe.Fragment,{children:[(0,fe.jsx)(T,{className:"k-first",label:!0,large:!0,text:"0"}),(0,fe.jsx)(T,{}),(0,fe.jsx)(T,{}),(0,fe.jsx)(T,{}),(0,fe.jsx)(T,{}),(0,fe.jsx)(T,{label:!0,large:!0,text:"5"}),(0,fe.jsx)(T,{}),(0,fe.jsx)(T,{}),(0,fe.jsx)(T,{}),(0,fe.jsx)(T,{}),(0,fe.jsx)(T,{className:"k-last",label:!0,large:!0,text:"10"})]}),...e});var be=require("react/jsx-runtime"),rp=e=>(0,be.jsx)(q,{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"})]}),"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)(q,{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)(q,{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 Ye=require("react/jsx-runtime"),Mf=q.options,Sf=q.states,pp={...q.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,Ye.jsxs)(rp,{style:{height:"300px",...l},...a,...i,children:[(0,Ye.jsx)(T,{label:n,large:!0,orientation:"vertical",text:"0",style:{position:"absolute",bottom:"0%"}}),(0,Ye.jsx)(T,{label:n,large:!0,orientation:"vertical",text:"2",style:{position:"absolute",bottom:"25%"}}),(0,Ye.jsx)(T,{label:n,large:!0,orientation:"vertical",text:"4",style:{position:"absolute",bottom:"50%"}}),(0,Ye.jsx)(T,{label:n,large:!0,orientation:"vertical",text:"6",style:{position:"absolute",bottom:"75%"}}),(0,Ye.jsx)(T,{label:n,large:!0,orientation:"vertical",text:"8",style:{position:"absolute",bottom:"100%"}})]}):(0,Ye.jsxs)(sp,{style:{width:"400px",...l},...a,...i,children:[(0,Ye.jsx)(T,{label:n,large:!0,orientation:"horizontal",text:"0",style:{position:"absolute",left:"0%"}}),(0,Ye.jsx)(T,{label:n,large:!0,orientation:"horizontal",text:"2",style:{position:"absolute",left:"25%"}}),(0,Ye.jsx)(T,{label:n,large:!0,orientation:"horizontal",text:"4",style:{position:"absolute",left:"50%"}}),(0,Ye.jsx)(T,{label:n,large:!0,orientation:"horizontal",text:"6",style:{position:"absolute",left:"75%"}}),(0,Ye.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=q.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 xe=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},z=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:F,"aria-label":Se,"aria-describedby":qe,...ke}=e;return(0,xe.jsxs)(te,{...ke,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,xe.jsxs)(xe.Fragment,{children:[(0,xe.jsx)(mt,{children:c}),n&&(0,xe.jsx)(ft,{})]}),(0,xe.jsx)(Pe,{id:F,placeholder:N,value:f,role:"spinbutton",disabled:A,"aria-label":Se,"aria-describedby":qe,"aria-invalid":M?"true":void 0}),(0,xe.jsx)(_e,{valid:L,invalid:M,loading:E,disabled:A}),(0,xe.jsx)(Je,{loading:E,disabled:A}),i&&(0,xe.jsx)(nt,{loading:E,disabled:A,readonly:I,value:f}),u&&(0,xe.jsxs)(xe.Fragment,{children:[n&&(0,xe.jsx)(ft,{}),(0,xe.jsx)(ut,{children:u})]}),l&&(0,xe.jsx)(lo,{className:"k-input-spinner",size:t,fillMode:a,disabled:A})]})};z.states=Tf;z.options=Of;z.className=up;z.defaultOptions=Pn;z.moduleName=cp;z.folderName=mp;var an=z;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={},it=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}))})})};it.states=zf;it.options=Uf;it.className=_n;it.defaultOptions=Ff;it.moduleName=Co;it.folderName=jo;var At=it;var Lp=require("react/jsx-runtime"),vp="k-checkbox-list",Gf=[],Vf={},gp={layout:"vertical"},De=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})};De.states=Gf;De.options=Vf;De.className=vp;De.defaultOptions=gp;De.moduleName=Co;De.folderName=jo;var Sp=require("react/jsx-runtime"),Mp="k-checkbox-list-item",$f=[],Xf={},qf={},He=e=>{let{...t}=e;return(0,Sp.jsx)("li",{...t,className:s(e.className,Mp),children:e.children})};He.states=$f;He.options=Xf;He.className=Mp;He.defaultOptions=qf;He.moduleName=Co;He.folderName=jo;var Ao=require("react/jsx-runtime"),Wt=({children:e="Label",id:t="cb-label-after",...o})=>(0,Ao.jsxs)(Ao.Fragment,{children:[(0,Ao.jsx)(At,{id:t,...o}),(0,Ao.jsx)("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});var 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 Ee=require("react/jsx-runtime"),Zf=De.options,Qf=De.states,jf={...De.defaultOptions,variant:"vertical"},eb=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],tb=[],ea=e=>{let{variant:t,...o}=e;return t==="horizontal"?(0,Ee.jsxs)(De,{layout:"horizontal",...o,children:[(0,Ee.jsx)(He,{children:(0,Ee.jsx)(Wt,{id:K("cb"),defaultChecked:!0,children:"Label"})}),(0,Ee.jsx)(He,{children:(0,Ee.jsx)(Wt,{id:K("cb"),children:"Label"})}),(0,Ee.jsx)(He,{children:(0,Ee.jsx)(Wt,{id:K("cb"),children:"Label"})})]}):(0,Ee.jsxs)(De,{...o,children:[(0,Ee.jsx)(He,{children:(0,Ee.jsx)(Wt,{id:K("cb"),defaultChecked:!0,children:"Label"})}),(0,Ee.jsx)(He,{children:(0,Ee.jsx)(Wt,{id:K("cb"),children:"Label"})}),(0,Ee.jsx)(He,{children:(0,Ee.jsx)(Wt,{id:K("cb"),children:"Label"})})]})};ea.options=Zf;ea.states=Qf;ea.variants=eb;ea.defaultOptions=jf;ea.modifiers=tb;ea.className=De.className;var kp=require("react/jsx-runtime"),ob=At.options,ab=At.states,nb=At.defaultOptions,sb=[],rb=[],ta=e=>(0,kp.jsx)(Wt,{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=At.className;var Jt=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,Jt.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,Jt.jsx)(it,{checked:i,disabled:f,"aria-label":C,tabIndex:-1}),o&&(0,Jt.jsx)("span",{className:"k-list-item-icon-wrapper",children:(0,Jt.jsx)(g,{icon:o,className:s("k-list-item-icon",a)})}),(0,Jt.jsx)("span",{className:"k-list-item-text",children:M}),N&&(0,Jt.jsx)("div",{className:"k-list-item-actions",children:N}),v&&(0,Jt.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",G=e=>{let{virtualization:t,grouping:o,"aria-label":a,"aria-labelledby":n,listboxId:i,...l}=e;return(0,oa.jsxs)("div",{...l,className:s(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)(it,{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 Q=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"},me=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:F,opened:Se,adaptive:qe,adaptiveSettings:ke,adaptiveTitle:Be,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,Q.jsxs)(Q.Fragment,{children:[(0,Q.jsxs)(Kt,{...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":Se?"true":"false","aria-controls":Se?cs:void 0,"aria-activedescendant":Se&&Ra?Ra:void 0,"aria-describedby":Se?Hi:void 0,"aria-disabled":A?"true":void 0,"aria-label":ps,tabIndex:0,children:[(0,Q.jsx)(mt,{children:c}),(0,Q.jsx)(Mo,{placeholder:N,value:f,showValue:i,valueIconName:l,id:Hi}),(0,Q.jsx)(_e,{valid:L,invalid:M,loading:E,disabled:A}),(0,Q.jsx)(Je,{loading:E,disabled:A}),(0,Q.jsx)(ut,{children:u}),(0,Q.jsx)(p,{className:"k-input-button",icon:n,size:e.size,fillMode:e.fillMode,"aria-label":N\|\|"Toggle dropdown",tabIndex:-1})]}),Se&&F&&(0,Q.jsx)(Y,{className:"k-list-container k-dropdownlist-popup",containerRole:"region",containerAriaLabel:"Dropdown suggestions",children:F}),qe&&(0,Q.jsx)(oe,{adaptive:!0,...ke,header:(0,Q.jsx)(we,{actionsEnd:(0,Q.jsx)(p,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),filter:vo,inputValue:f,inputPlaceholder:N,title:Be,subtitle:ls}),children:(0,Q.jsx)("div",{className:"k-list-container",children:(0,Q.jsx)(R,{size:"large",children:(0,Q.jsxs)(G,{"aria-label":"Options",children:[(0,Q.jsx)(P,{text:"List item"}),(0,Q.jsx)(P,{text:"List item"}),(0,Q.jsx)(P,{text:"List item"})]})})})})]})};me.states=Mb;me.options=Sb;me.className=Op;me.defaultOptions=Lr;me.moduleName=Ip;me.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 Ze=require("react/jsx-runtime"),Eb=me.states,yb=me.defaultOptions,Ib=me.options,Tb=[{name:"opened",title:"Opened"}],Ob=[],sa=e=>{let{modifiers:t,...o}=e,a={},n=(0,Ze.jsxs)(Ze.Fragment,{children:[(0,Ze.jsx)("div",{className:"k-list-filter",children:(0,Ze.jsx)(bt,{})}),(0,Ze.jsx)(R,{style:{width:300},size:o.size,children:(0,Ze.jsxs)(G,{children:[(0,Ze.jsx)(P,{children:"List item"}),(0,Ze.jsx)(P,{children:"List item"}),(0,Ze.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,Ze.jsx)("div",{children:(0,Ze.jsx)(me,{placeholder:"Value",style:{width:300},...o,...a})})};sa.options=Ib;sa.states=Eb;sa.variants=Ob;sa.defaultOptions=yb;sa.modifiers=Tb;sa.className=me.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=z.states,Kb=z.defaultOptions,Rb=z.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)(me,{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=z.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)(z,{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)(z,{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)(z,{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)(z,{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)(z,{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)(z,{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)(z,{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)(z,{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)(z,{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)(z,{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)(z,{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)(z,{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)(z,{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)(z,{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)(Ae,{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 ye=require("react/jsx-runtime"),Dp="k-colorgradient-color-contrast",zb=[],Ub={},Fb={},la=()=>(0,ye.jsxs)("div",{className:s(Dp,"k-vbox"),children:[(0,ye.jsxs)("div",{className:"k-contrast-ratio",children:[(0,ye.jsx)("span",{className:"k-contrast-ratio-text",children:"Contrast ratio: 7.1"}),(0,ye.jsxs)("span",{className:"k-contrast-validation !k-text-success",children:[(0,ye.jsx)(g,{icon:"check"}),(0,ye.jsx)(g,{icon:"check"})]})]}),(0,ye.jsxs)("div",{children:[(0,ye.jsx)("span",{children:"AA: 4.5"}),(0,ye.jsxs)("span",{className:"k-contrast-validation !k-text-success",children:["Pass",(0,ye.jsx)(g,{icon:"check"})]})]}),(0,ye.jsxs)("div",{children:[(0,ye.jsx)("span",{children:"AAA: 7.0"}),(0,ye.jsxs)("span",{className:"k-contrast-validation !k-text-error",children:["Fail",(0,ye.jsx)(g,{icon:"x"})]})]})]});la.states=zb;la.options=Ub;la.className=Dp;la.defaultOptions=Fb;var Hp="color-gradient",zp="colorgradient";var le=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]},wt={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"},Ne=e=>{let{size:t,mode:o=wt.mode,readonly:a=wt.readonly,disabled:n=wt.disabled,gradientStyle:i=wt.gradientStyle,dragHandleStyle:l=wt.dragHandleStyle,alphaStyle:c=wt.alphaStyle,alphaStyleHorizontal:u=wt.alphaStyleHorizontal,contrast:f=wt.contrast,dir:N,hover:v,focus:m,hoverHandle:L,focusHandle:M,canvasOrientation:C=wt.canvasOrientation,role:E,tabIndex:A,...I}=e;return(0,le.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,le.jsxs)("div",{className:"k-colorgradient-canvas k-hstack",children:[(0,le.jsx)("div",{className:"k-hsv-rectangle",style:i,children:(0,le.jsx)("div",{className:"k-hsv-gradient",children:(0,le.jsx)("div",{className:s("k-hsv-draghandle","k-draghandle",{"k-hover":L,"k-focus":M}),style:l,role:"slider","aria-orientation":"undefined","aria-label":"Color well with two-dimensional slider for selecting saturation and lightness","aria-valuetext":"X: 73, Y: 50","aria-valuenow":50,"aria-valuemin":0,"aria-valuemax":100})})}),(0,le.jsxs)("div",{className:"k-hsv-controls k-hstack",children:[(0,le.jsx)(er,{className:"k-hue-slider",hover:L,focus:M}),o!=="rgb"&&o!=="hsv"&&(0,le.jsx)(er,{className:"k-alpha-slider",hover:L,focus:M,trackStyle:c})]})]}),C==="vertical"&&(0,le.jsxs)("div",{className:"k-colorgradient-canvas k-vstack",children:[(0,le.jsx)("div",{className:"k-hsv-rectangle",style:i,children:(0,le.jsx)("div",{className:"k-hsv-gradient",children:(0,le.jsx)("div",{className:s("k-hsv-draghandle","k-draghandle",{"k-hover":L,"k-focus":M}),style:l,role:"slider","aria-orientation":"undefined","aria-label":"Color well with two-dimensional slider for selecting saturation and lightness","aria-valuetext":"X: 73, Y: 50","aria-valuenow":50,"aria-valuemin":0,"aria-valuemax":100})})}),(0,le.jsxs)("div",{className:"k-hsv-controls k-vstack",children:[(0,le.jsx)(js,{className:"k-hue-slider",hover:L,focus:M}),o!=="rgb"&&o!=="hsv"&&(0,le.jsx)(js,{className:"k-alpha-slider",hover:L,focus:M,trackStyle:u})]})]}),(0,le.jsx)(ia,{mode:e.mode,size:t}),f&&(0,le.jsx)(la,{})]})};Ne.states=Gb;Ne.options=Vb;Ne.className=Un;Ne.defaultOptions=wt;Ne.moduleName=Hp;Ne.folderName=zp;var Up=require("react/jsx-runtime"),Fn=e=>(0,Up.jsx)(Ne,{...e});var $b=require("react/jsx-runtime");var Xb=require("react/jsx-runtime");var Gn=require("react/jsx-runtime"),qb=Ne.options,Wb=Ne.states,Jb={...Ne.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=Ne.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},Qe=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})})})};Qe.states=ex;Qe.options=tx;Qe.className=Vn;Qe.defaultOptions=Xp;Qe.moduleName=Vp;Qe.folderName=$p;var $n=Qe;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=Qe.options,nx=Qe.states,sx={...Qe.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=Qe.className;var Zp="color-editor",Qp="coloreditor";var ae=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"},ne=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,ae.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,ae.jsxs)("div",{className:"k-coloreditor-header k-hstack",children:[(0,ae.jsx)("div",{className:"k-coloreditor-header-actions k-hstack",children:f&&(0,ae.jsxs)(B,{fillMode:"flat",children:[(0,ae.jsx)(p,{className:"k-group-start",size:t,fillMode:"flat",icon:"droplet-slider",selected:o==="gradient","aria-label":"Color gradient view"}),(0,ae.jsx)(p,{className:"k-group-end",size:t,fillMode:"flat",icon:"palette",selected:o==="palette","aria-label":"Color palette view"})]})}),(0,ae.jsx)("div",{className:"k-spacer"}),(0,ae.jsxs)("div",{className:"k-coloreditor-header-actions k-hstack",children:[(0,ae.jsx)(p,{fillMode:"flat",icon:"droplet-slash",size:t,"aria-label":"Reset color"}),(0,ae.jsxs)("div",{className:"k-coloreditor-preview k-vstack",children:[(0,ae.jsx)(no,{className:"k-coloreditor-preview-color",color:n}),(0,ae.jsx)(no,{className:"k-coloreditor-current-color",color:i})]})]})]}),(0,ae.jsx)("div",{className:"k-coloreditor-views k-vstack",children:o==="gradient"?(0,ae.jsx)(Ne,{focus:c,size:t,canvasOrientation:v,role:"none",tabIndex:-1}):(0,ae.jsx)(Qe,{palette:a,size:t})}),N&&(0,ae.jsxs)(st,{className:"k-coloreditor-footer",alignment:"start",children:[(0,ae.jsx)(p,{themeColor:"primary",size:t,className:"k-coloreditor-apply",children:"Apply"}),(0,ae.jsx)(p,{className:"k-coloreditor-cancel",size:t,children:"Cancel"})]})]})};ne.states=px;ne.options=dx;ne.className=Xn;ne.defaultOptions=rn;ne.moduleName=Zp;ne.folderName=Qp;var ma=ne;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=ne.options,fx=ne.states,bx={...ne.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=ne.className;var ad="color-picker",nd="colorpicker";var pe=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"},ht=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:F,adaptiveTitle:Se,adaptiveSubtitle:qe,...ke}=e,Be="colorpicker-popup";return(0,pe.jsxs)(pe.Fragment,{children:[(0,pe.jsxs)(Kt,{...ke,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?Be:void 0,"aria-label":"Color picker",tabIndex:0,"aria-disabled":M?"true":void 0,className:s(e.className,sd,"k-icon-picker"),children:[(0,pe.jsx)(mt,{children:i}),(0,pe.jsx)(Mo,{placeholder:u,value:c,showValue:!1,valueIcon:(0,pe.jsx)(no,{className:"k-value-icon",color:c,iconName:C}),valueIconName:C}),(0,pe.jsx)(ut,{children:l}),(0,pe.jsx)(p,{className:"k-input-button",icon:n,size:t,fillMode:a,tabIndex:-1,"aria-label":"Open color picker",disabled:M})]}),A&&E&&(0,pe.jsx)(Y,{id:Be,className:"k-colorpicker-popup",children:E}),I&&(0,pe.jsx)(oe,{adaptive:!0,id:Be,...F,header:(0,pe.jsx)(we,{actionsEnd:(0,pe.jsx)(p,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply"}),title:Se,subtitle:qe}),footer:(0,pe.jsxs)(so,{children:[(0,pe.jsx)(p,{text:"Cancel",size:"large"}),(0,pe.jsx)(p,{text:"Set",size:"large",themeColor:"primary"})]}),children:(0,pe.jsx)(ne,{canvasOrientation:"vertical",size:"large",actionButtons:!1,group:!0})})]})};ht.states=hx;ht.options=vx;ht.className=sd;ht.defaultOptions=rd;ht.moduleName=ad;ht.folderName=nd;var Yt=ht;var id=require("react/jsx-runtime"),qn=e=>(0,id.jsx)(Yt,{...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=Yt.options,Ex=Yt.states,ld={...Yt.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)(ne,{size:a.size,color:"rgba(183, 118 , 118, 1.00)",group:!0}):"")});let i=n.opened?{width:"272px",height:"390px"}:{};switch(t){case"no color":return(0,uo.jsx)("div",{style:i,children:(0,uo.jsx)(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=Yt.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},ze=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:F,adaptive:Se,adaptiveSettings:qe,adaptiveTitle:ke,adaptiveSubtitle:Be,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)(te,{...ds,size:t,rounded:o,fillMode:a,hover:N,focus:v,valid:m,invalid:L,required:M,loading:C,disabled:E,readonly:F,className:s(e.className,dd),children:[l&&(0,w.jsxs)(w.Fragment,{children:[(0,w.jsx)(mt,{children:l}),n&&(0,w.jsx)(ft,{})]}),(0,w.jsx)(Pe,{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:F}),(0,w.jsx)(_e,{valid:m,invalid:L,loading:C,disabled:E}),(0,w.jsx)(Je,{loading:C,disabled:E}),i&&(0,w.jsx)(nt,{loading:C,disabled:E,readonly:F,value:u}),c&&(0,w.jsxs)(w.Fragment,{children:[n&&(0,w.jsx)(ft,{}),(0,w.jsx)(ut,{children:c})]}),(0,w.jsx)(p,{className:"k-input-button",icon:"chevron-down",size:t,fillMode:a,"aria-label":"Open popup",tabIndex:-1,disabled:E})]}),I&&A&&(0,w.jsx)(Y,{className:"k-list-container k-combobox-popup",containerRole:"region",containerAriaLabel:"Combobox suggestions",children:A}),Se&&(0,w.jsx)(oe,{adaptive:!0,id:vo?`${vo}-adaptive`:void 0,...qe,header:(0,w.jsx)(we,{actionsEnd:(0,w.jsx)(p,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),input:!0,inputValue:u,inputPlaceholder:f,title:ke,subtitle:Be}),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)(G,{"aria-label":ke\|\|"Options",children:[(0,w.jsx)(P,{text:"List item"}),(0,w.jsx)(P,{text:"List item"}),(0,w.jsx)(P,{text:"List item"})]})})})})]})};ze.states=Tx;ze.options=Ox;ze.className=dd;ze.defaultOptions=yr;ze.moduleName=Er;ze.folderName=pd;var lt=ze;var md=require("react/jsx-runtime"),cd=e=>(0,md.jsx)(lt,{...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 Et=require("react/jsx-runtime"),Kx=ze.states,Rx=ze.defaultOptions,_x=ze.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,Et.jsx)(R,{style:{width:300},size:o.size,children:(0,Et.jsxs)(G,{children:[(0,Et.jsx)(P,{children:"List item"}),(0,Et.jsx)(P,{children:"List item"}),(0,Et.jsx)(P,{children:"List item"})]})});return Object.keys(t\|\|{}).forEach(i=>{switch(i){case"prefix":a.prefix=t!=null&&t[i]?(0,Et.jsx)(g,{icon:"map-marker-target"}):void 0;break;case"suffix":a.suffix=t!=null&&t[i]?(0,Et.jsx)(J,{size:o.size,icon:"copy",fillMode:"clear"}):void 0;break;case"opened":a.opened=!!(t!=null&&t[i]),a.popup=t!=null&&t[i]?n:void 0;break;default:break}}),(0,Et.jsx)("div",{children:(0,Et.jsx)(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=ze.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"},U=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"}})};U.states=Hx;U.options=zx;U.className=Md;U.defaultOptions=Or;U.moduleName=Tr;U.folderName=Ld;var Ux=require("react/jsx-runtime");var Fx=require("react/jsx-runtime");var Gx=require("react/jsx-runtime");var pt="menu",vt=pt;var Zt=require("react/jsx-runtime"),Br="k-menu-item",Vx=[r.hover,r.focus,r.active,r.selected,r.disabled],$x={},kd={iconPosition:"before"},Ie=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,Zt.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,Zt.jsxs)("span",{className:s("k-link k-menu-link"),children:[l&&N==="before"&&(0,Zt.jsx)(g,{className:"k-menu-link-icon",icon:l}),(0,Zt.jsx)("span",{className:"k-menu-link-text",children:c}),l&&N==="after"&&(0,Zt.jsx)(g,{className:"k-menu-link-icon",icon:l}),u&&(0,Zt.jsx)("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:(0,Zt.jsx)(g,{icon:C})})]}),m]})};Ie.states=Vx;Ie.options=$x;Ie.className=Br;Ie.defaultOptions=kd;Ie.moduleName=pt;Ie.folderName=vt;var yt=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"},j=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,yt.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,yt.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,yt.jsx)(g,{className:"k-menu-link-icon",icon:l}),(0,yt.jsx)("span",{className:"k-menu-link-text",children:c}),l&&N==="after"&&(0,yt.jsx)(g,{className:"k-menu-link-icon",icon:l}),C&&(0,yt.jsx)("span",{className:"k-menu-link-actions",children:C}),u&&(0,yt.jsx)("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:(0,yt.jsx)(g,{icon:I})}),E&&(0,yt.jsx)("span",{className:"k-menu-link-description",children:E})]}),m,L]})};j.states=Xx;j.options=qx;j.className=Pr;j.defaultOptions=Kr;j.moduleName=pt;j.folderName=vt;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=pt;Eo.folderName=vt;var Ad=Eo;var he=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"},ve=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,he.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,he.jsxs)(he.Fragment,{children:[n?(0,he.jsxs)(Ad,{orientation:o,style:l,dir:e.dir,children:[i==="start"&&(0,he.jsxs)(he.Fragment,{children:[(0,he.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,he.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,he.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,he.jsxs)(he.Fragment,{children:[(0,he.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,he.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,he.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]})};ve.states=Zx;ve.options=Qx;ve.className=Jn;ve.defaultOptions=Yn;ve.moduleName=pt;ve.folderName=vt;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=pt;xa.folderName=vt;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={},Te=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})};Te.states=jx;Te.options=eN;Te.className=_r;Te.defaultOptions=tN;Te.moduleName=pt;Te.folderName=vt;var Bd=require("react/jsx-runtime");var It=require("react/jsx-runtime"),wr=e=>(0,It.jsx)(ve,{children:(0,It.jsxs)(It.Fragment,{children:[(0,It.jsx)(Ie,{text:"Item 1"}),(0,It.jsx)(Ie,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 2"}),(0,It.jsx)(Ie,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 3"}),(0,It.jsx)(Ie,{text:"Item 4"}),(0,It.jsx)(Ie,{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 Dt=require("react/jsx-runtime"),oN={...ve.options,scrollable:{type:"boolean"}},aN=ve.states,Pd={...ve.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,Dt.jsx)(Y,{className:"k-menu-popup",offset:i,children:(0,Dt.jsxs)(Te,{children:[(0,Dt.jsx)(j,{text:"Item 1"}),(0,Dt.jsx)(j,{text:"Item 2"}),(0,Dt.jsx)(xa,{}),(0,Dt.jsx)(j,{text:"Item 3"})]})}):null)}),t==="vertical"?(0,Dt.jsx)(wr,{...a,...n,orientation:"vertical",style:{width:"200px"}}):(0,Dt.jsx)(wr,{...a,...n})};Na.options=oN;Na.states=aN;Na.variants=nN;Na.defaultOptions=Pd;Na.modifiers=sN;Na.className=ve.className;var Fr=require("react/jsx-runtime");var rN=require("react/jsx-runtime");var Oe=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,Oe.jsx)(Y,{className:"k-menu-popup",children:(0,Oe.jsxs)(Te,{size:a.size,children:[(0,Oe.jsx)(j,{text:"Menu Item"}),(0,Oe.jsx)(j,{text:"Menu Item"}),(0,Oe.jsx)(j,{text:"Menu Item"})]})}),l;switch(t){case"icon-only":l=(0,Oe.jsx)("div",{children:(0,Oe.jsx)(U,{...a,...n,icon:"star"})});break;case"icon-and-text":l=(0,Oe.jsx)("div",{children:(0,Oe.jsx)(U,{...a,...n,icon:"star",children:"Dropdown Button"})});break;default:l=(0,Oe.jsx)("div",{children:(0,Oe.jsx)(U,{...a,...n,children:"Dropdown Button"})});break}return(0,Oe.jsxs)(Oe.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=U.className;var Gr="split-button",Rd=Gr;var Qt=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,Qt.jsxs)(Qt.Fragment,{children:[(0,Qt.jsxs)("div",{...E,className:s(e.className,Vr,"k-button-group",y(Vr,{rounded:o})),children:[(0,Qt.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,Qt.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,Qt.jsx)(Y,{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",Tt=e=>(0,wd.jsx)("div",{className:s(uN,e.className,"k-separator")});var yo="toolbar",va=yo;var O=require("react/jsx-runtime"),jt="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"},V=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===J)M.push((0,O.jsx)(J,{...m.props,className:`k-toolbar-button ${m.props.className?m.props.className:""}`},`${L}-${new Date().getTime()}`));else if(m.type===U)M.push((0,O.jsx)(U,{...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===ze?M.push((0,O.jsx)(ze,{...m.props,className:`k-toolbar-combobox ${m.props.className?m.props.className:""}`},`${L}-${new Date().getTime()}`)):m.type===me?M.push((0,O.jsx)(me,{...m.props,className:`k-toolbar-dropdownlist ${m.props.className?m.props.className:""}`},`${L}-${new Date().getTime()}`)):m.type===ht?M.push((0,O.jsx)(ht,{...m.props,className:`k-toolbar-colorpicker ${m.props.className?m.props.className:""}`},`${L}-${new Date().getTime()}`)):M.push(m);M.forEach(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,jt,y(jt,{size:t,fillMode:o}),S(jt,{focus:a}),{[`${jt}-resizable`]:n,[`${jt}-scrollable`]:i,[`${jt}-scrollable-overlay`]:i&&l==="hidden",[`${jt}-scrollable-${c}`]:c&&c!=="both",[`${jt}-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)(Tt,{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)(Tt,{className:"k-toolbar-button-separator"}),(0,O.jsxs)(B,{children:[(0,O.jsx)("span",{className:s("k-toolbar-prev","k-button",y("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,O.jsx)(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)(Tt,{className:"k-toolbar-button-separator"}),(0,O.jsx)("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N}),(0,O.jsx)(Tt,{className:"k-toolbar-button-separator"}),(0,O.jsx)("span",{className:s("k-toolbar-next","k-button",y("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,O.jsx)(g,{className:"k-button-icon",icon:"chevron-right"})})]})]})};V.states=fN;V.options=bN;V.className=jt;V.defaultOptions=xN;V.moduleName=yo;V.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)(Y,{...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 gt=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,gt.jsxs)(Te,{size:a.size,children:[(0,gt.jsx)(j,{text:"Menu Item"}),(0,gt.jsx)(j,{text:"Menu Item"}),(0,gt.jsx)(j,{text:"Menu Item"})]});switch(Object.keys(o\|\|{}).forEach(l=>{l==="opened"&&(n.opened=!!(o!=null&&o[l]),n.popup=o!=null&&o[l]?i:"")}),t){case"icon-only":return(0,gt.jsx)("div",{children:(0,gt.jsx)(_,{...a,...n,icon:"star"})});case"icon-and-text":return(0,gt.jsx)("div",{children:(0,gt.jsx)(_,{...a,...n,icon:"star",children:"Split Button"})});default:return(0,gt.jsx)("div",{children:(0,gt.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 Ht=require("react/jsx-runtime"),Fd=e=>(0,Ht.jsx)(V,{children:[(0,Ht.jsx)(p,{children:"Button"},"toolbar-button"),(0,Ht.jsx)(U,{text:"Menu button"},"toolbar-menu-button"),(0,Ht.jsx)(_,{children:"Split button"},"toolbar-split-button"),(0,Ht.jsxs)(B,{children:[(0,Ht.jsx)(p,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,Ht.jsx)(p,{icon:"align-center",children:"Center"}),(0,Ht.jsx)(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});var Gd=require("react/jsx-runtime");var ge=require("react/jsx-runtime"),Vd=e=>(0,ge.jsx)(V,{scrollable:!0,...e,children:[(0,ge.jsx)(p,{children:"Button"},"toolbar-button"),(0,ge.jsx)(U,{text:"Menu button"},"toolbar-menu-button"),(0,ge.jsx)(_,{children:"Split button"},"toolbar-split-button"),(0,ge.jsxs)(B,{children:[(0,ge.jsx)(p,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,ge.jsx)(p,{icon:"align-center",children:"Center"}),(0,ge.jsx)(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),(0,ge.jsx)(p,{children:"Button"},"toolbar-button"),(0,ge.jsx)(U,{text:"Menu button"},"toolbar-menu-button"),(0,ge.jsx)(_,{children:"Split button"},"toolbar-split-button"),(0,ge.jsxs)(B,{children:[(0,ge.jsx)(p,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,ge.jsx)(p,{icon:"align-center",children:"Center"}),(0,ge.jsx)(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});var Le=require("react/jsx-runtime"),$d=({scrollingPosition:e="start",...t})=>(0,Le.jsx)(V,{scrollable:!0,scrollButtons:"hidden",scrollingPosition:e,...t,children:[(0,Le.jsx)(p,{children:"Button"},"toolbar-button"),(0,Le.jsx)(U,{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)(U,{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")],...t});var ee=require("react/jsx-runtime"),Xd=({fillMode:e,size:t,...o})=>(0,ee.jsxs)(ee.Fragment,{children:[(0,ee.jsx)(V,{section:!0,fillMode:e,size:t,children:[(0,ee.jsx)(p,{fillMode:e,size:t,children:"Button"},"toolbar-button"),(0,ee.jsxs)(B,{fillMode:e,children:[(0,ee.jsx)(p,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),(0,ee.jsx)(p,{icon:"align-center",fillMode:e,size:t,children:"Center"}),(0,ee.jsx)(p,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group"),(0,ee.jsx)(Tt,{className:"k-toolbar-button-separator"}),(0,ee.jsx)(p,{icon:"more-horizontal",className:"k-toolbar-overflow-button",fillMode:"flat",size:t,"aria-label":"More options","aria-expanded":"false"})],...o}),(0,ee.jsxs)(Zn,{size:t,fillMode:e,section:!0,...o,children:[(0,ee.jsx)(_,{fillMode:e,size:t,children:"Split button"},"toolbar-split-button"),(0,ee.jsx)(p,{fillMode:e,size:t,children:"Button"},"toolbar-button"),(0,ee.jsx)(Tt,{}),(0,ee.jsx)(U,{text:"Menu button",fillMode:e,size:t},"toolbar-menu-button"),(0,ee.jsxs)(B,{fillMode:e,children:[(0,ee.jsx)(p,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),(0,ee.jsx)(p,{icon:"align-center",fillMode:e,size:t,children:"Center"}),(0,ee.jsx)(p,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group")]})]});var Wr=require("react/jsx-runtime");var Jr=require("react/jsx-runtime");var eo=require("react/jsx-runtime"),ON=V.options,BN=V.states,qd={...V.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,eo.jsx)("div",{children:(0,eo.jsx)(Xd,{style:{width:"583px"},...o})});case"overlay":return(0,eo.jsx)("div",{children:(0,eo.jsx)($d,{style:{width:"583px"},...o,scrollingPosition:"start",scrollButtons:"hidden"})});case"scrollable":return(0,eo.jsx)("div",{children:(0,eo.jsx)(Vd,{style:{width:"583px"},...o})});default:return(0,eo.jsx)("div",{children:(0,eo.jsx)(Fd,{style:{width:"583px"},...o})})}};Ma.options=ON;Ma.states=BN;Ma.variants=PN;Ma.defaultOptions=qd;Ma.modifiers=KN;Ma.className=V.className;var se=require("react/jsx-runtime"),Wd="k-message",RN=[r.hover,r.selected,r.active,r.focus],_N={},wN=[(0,se.jsx)(p,{icon:"copy",fillMode:"flat","aria-label":"Copy"}),(0,se.jsx)(p,{icon:"arrow-rotate-cw",fillMode:"flat","aria-label":"Retry"}),(0,se.jsx)(p,{icon:"download",fillMode:"flat","aria-label":"Download"})],Sa={time:"Thu Feb 08 2018",text:"How can I help you?",status:"Seen",toolbarItems:wN,failed:"Failed to send"},$=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,F=A===!0?Sa.failed:A;return(0,se.jsxs)("div",{...I,className:s(Wd,e.className,{"k-message-removed":C,"k-message-failed":A}),children:[A&&(0,se.jsx)(J,{className:"k-resend-button",icon:"arrow-rotate-cw",size:"xsmall",fillMode:"clear","aria-label":"Resend"}),(0,se.jsx)(Jd,{typing:m,selected:u,hover:c,active:f,focus:N,content:(0,se.jsxs)(se.Fragment,{children:[a,o&&(0,se.jsx)("span",{className:"k-chat-bubble-text",children:o})]}),expandable:L,expanded:M,files:E}),(0,se.jsxs)("div",{className:"k-message-info",children:[n&&(0,se.jsxs)("span",{className:"k-message-status",children:[i&&(0,se.jsx)(g,{icon:i,size:"xsmall"}),n]}),t&&(0,se.jsx)("time",{className:"k-message-time",children:t}),A&&(0,se.jsxs)("span",{className:"k-message-failed-content",children:[A&&(0,se.jsx)(g,{icon:"warning-triangle",size:"xsmall"}),A&&(0,se.jsx)("span",{className:"k-message-failed-text",children:F})]})]}),v&&(0,se.jsx)(V,{className:"k-chat-message-toolbar",fillMode:"flat",children:l})]})};$.states=RN;$.options=_N;$.className=Wd;$.moduleName=null;$.folderName=null;$.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},Ue=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})})};Ue.states=DN;Ue.options=HN;Ue.className=ln;Ue.defaultOptions=Zr;Ue.moduleName=Yr;Ue.folderName=Yd;var To=Ue;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=Ue.options,FN=Ue.states,GN={...Ue.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=Ue.className;var Ot=require("react/jsx-runtime"),pn="k-message-group",XN=[r.selected],qN={},jn={author:"Bruv",avatar:"/packages/html/assets/avatar.jpg",type:"receiver"},W=e=>{let{type:t=jn.type,author:o=jn.author,avatar:a=jn.avatar,status:n,selected:i,fullWidth:l,...c}=e;return(0,Ot.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,Ot.jsx)(Ue,{type:"image",children:(0,Ot.jsx)("img",{src:a,alt:o\|\|""})}),n&&a&&(0,Ot.jsxs)("div",{className:"k-chat-user-status-wrapper",children:[(0,Ot.jsx)(Ue,{type:"image",children:(0,Ot.jsx)("img",{src:a,alt:o\|\|""})}),(0,Ot.jsx)("div",{className:"k-chat-user-status"})]}),(0,Ot.jsxs)("div",{className:"k-message-group-content",children:[o&&(0,Ot.jsx)("span",{className:"k-message-author",children:o}),e.children]})]})};W.states=XN;W.options=qN;W.className=pn;W.defaultOptions=jn;var zt=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,zt.jsxs)("div",{...i,className:s(jr,e.className,{[`${jr}-${n}`]:n,"k-message-pinned":a}),children:[a&&(0,zt.jsx)(g,{icon:"pin"}),(0,zt.jsx)("div",{className:"k-message-reference-content",children:t}),o&&(0,zt.jsxs)(zt.Fragment,{children:[(0,zt.jsx)("span",{className:"k-spacer"}),(0,zt.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 Fe=require("react/jsx-runtime"),ic=e=>(0,Fe.jsx)(X,{children:(0,Fe.jsxs)(Fe.Fragment,{children:[(0,Fe.jsx)("div",{className:"k-timestamp",children:"Day, Month 7, 2023"}),(0,Fe.jsx)(W,{children:(0,Fe.jsx)($,{})}),(0,Fe.jsx)(W,{type:"sender",children:(0,Fe.jsx)($,{})}),(0,Fe.jsx)(W,{children:(0,Fe.jsx)($,{text:"Very long message text that tests message overflowing behavior. Very long message text that tests message overflowing behavior."})}),(0,Fe.jsx)(W,{type:"sender",children:(0,Fe.jsx)($,{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"},Ut=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})};Ut.className=es;Ut.defaultOptions=lc;var si="file-box",pc=si;var Ft=require("react/jsx-runtime"),dc="k-file-box",oh=[r.selected],ah={},cn={icon:"file-pdf",name:"FileName.pdf",size:"2MB",showButton:"true"},je=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,Ft.jsxs)("li",{role:"listitem",tabIndex:0,"aria-label":f\|\|void 0,...u,className:s(dc,e.className,{"k-file-deleted":i}),children:[(0,Ft.jsx)(g,{icon:t,size:"xlarge","aria-hidden":"true"}),(0,Ft.jsxs)("div",{className:"k-file-info",children:[o&&(0,Ft.jsx)("span",{className:"k-file-name",children:o}),a&&(0,Ft.jsx)("span",{className:"k-file-size",children:a}),n&&(0,Ft.jsx)("span",{className:"k-file-status",children:n})]}),c&&(l?(0,Ft.jsx)(p,{as:"span",icon:"x-circle",fillMode:"flat",size:"xsmall","aria-hidden":"true"}):(0,Ft.jsx)(U,{icon:"more-vertical",fillMode:"flat",size:"xsmall",showArrow:!1,"aria-label":"File actions"}))]})};je.states=oh;je.options=ah;je.className=dc;je.defaultOptions=cn;je.moduleName=si;je.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"},Gt=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})};Gt.states=lh;Gt.options=ph;Gt.variants=ih;Gt.className=pi;Gt.defaultOptions=di;Gt.moduleName=li;Gt.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="window",bc=mi;var Nc=require("react/jsx-runtime"),xc="k-window-content",uh=[],fh={},bh={},bo=e=>{let{children:t,...o}=e;return(0,Nc.jsx)("div",{...o,className:s(xc,e.className),children:t})};bo.states=uh;bo.options=fh;bo.className=xc;bo.defaultOptions=bh;bo.moduleName=mi;bo.folderName=bc;var mn="dialog",ts=mn;var et=require("react/jsx-runtime"),hc="k-dialog",xh=[],Nh={},ui={actionButtonsAlign:"stretched",modal:!0},dt=e=>{let{title:t,actions:o,actionButtons:a,actionButtonsAlign:n=ui.actionButtonsAlign,modal:i=ui.modal,...l}=e,c=t!==void 0?K("dialog-titlebar"):void 0,u=K("dialog-content");return(0,et.jsxs)("div",{className:"k-dialog-wrapper",children:[i&&(0,et.jsx)(_t,{}),(0,et.jsxs)("div",{...l,className:s(e.className,hc,"k-window"),role:"dialog","aria-labelledby":c,"aria-describedby":u,...i&&{"aria-modal":"true"},children:[(t!==void 0\|\|o)&&(0,et.jsxs)("div",{className:"k-window-titlebar k-dialog-titlebar",id:c,children:[t!==void 0&&(0,et.jsx)("span",{className:"k-window-title k-dialog-title",children:t}),o&&(0,et.jsx)(et.Fragment,{children:(0,et.jsx)("div",{className:"k-window-titlebar-actions k-dialog-titlebar-actions",children:o.map(f=>(0,et.jsx)(p,{icon:f,fillMode:"flat",size:"xsmall",className:"k-window-titlebar-action k-dialog-titlebar-action","aria-label":f},f))})})]}),(0,et.jsx)(bo,{className:"k-dialog-content",id:u,children:e.children}),a&&(0,et.jsx)(st,{alignment:n,className:"k-window-actions k-dialog-actions",children:a})]})]})};dt.states=xh;dt.options=Nh;dt.className=hc;dt.defaultOptions=ui;dt.moduleName=mn;dt.folderName=ts;var fi=dt;var gc=require("react/jsx-runtime"),vc="k-dialog-wrapper",hh=[],vh={},gh={},Aa=e=>{let{...t}=e;return(0,gc.jsx)("div",{...t,className:s(e.className,vc),children:e.children})};Aa.states=hh;Aa.options=vh;Aa.className=vc;Aa.defaultOptions=gh;Aa.moduleName=mn;Aa.folderName=ts;var Vt=require("react/jsx-runtime"),Lc=e=>(0,Vt.jsx)(fi,{title:"Title",children:(0,Vt.jsx)(Vt.Fragment,{children:"Dialog content"}),actionButtons:(0,Vt.jsxs)(Vt.Fragment,{children:[(0,Vt.jsx)(p,{children:"Action"}),(0,Vt.jsx)(p,{themeColor:"primary",children:"Primary"})]}),actions:["x"],...e});var bi=require("react/jsx-runtime");var to=require("react/jsx-runtime"),Lh=dt.options,Mh=[],Sh=dt.states,kh=dt.defaultOptions,Ch=[],Ea=e=>(0,to.jsx)(Lc,{style:{width:"350px",height:"215px"},...e,title:"Please confirm",actions:["x"],actionButtonsAlign:"stretched",actionButtons:(0,to.jsxs)(to.Fragment,{children:[(0,to.jsx)(p,{children:"No"}),(0,to.jsx)(p,{themeColor:"primary",children:"Yes"})]}),children:(0,to.jsx)("p",{style:{margin:"36px",textAlign:"center"},children:"Are you sure you want to continue?"})});Ea.options=Lh;Ea.states=Sh;Ea.variants=Mh;Ea.defaultOptions=kh;Ea.modifiers=Ch;Ea.className=dt.className;var xi="dropzone",Mc=xi;var Ko=require("react/jsx-runtime"),Ni="k-external-dropzone",Ah=[r.disabled,r.hover],Eh={},hi={icon:"upload",hint:"Drag and drop files here to upload"},Ge=e=>{let{hover:t,disabled:o,icon:a=hi.icon,hint:n=hi.hint,note:i,...l}=e;return(0,Ko.jsx)("div",{...l,className:s(e.className,Ni,S(Ni,{disabled:o}),{"k-external-dropzone-hover":t}),children:(0,Ko.jsxs)("div",{className:"k-dropzone-inner",children:[a&&(0,Ko.jsx)(g,{icon:a,className:"k-dropzone-icon",size:"xxxlarge"}),n&&(0,Ko.jsx)("span",{className:"k-dropzone-hint",children:n}),i&&(0,Ko.jsx)("span",{className:"k-dropzone-note",children:i})]})})};Ge.states=Ah;Ge.options=Eh;Ge.className=Ni;Ge.defaultOptions=hi;Ge.moduleName=xi;Ge.folderName=Mc;var kc=require("react/jsx-runtime"),Sc=e=>(0,kc.jsx)(Ge,{...e});var yh=require("react/jsx-runtime");var Cc=require("react/jsx-runtime"),Ih=Ge.options,Th=Ge.states,Oh=Ge.defaultOptions,Bh=[{name:"note",title:"Note"}],Ph=[],ya=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(n=>{n==="note"&&(a.note=t!=null&&t[n]?"Only JPEG, PNG and SVG files are allowed.":void 0)}),(0,Cc.jsx)(Sc,{style:{width:"500px"},...o,...a})};ya.options=Ih;ya.states=Th;ya.variants=Ph;ya.defaultOptions=Oh;ya.modifiers=Bh;ya.className=Ge.className;var re=require("react/jsx-runtime"),vi="k-upload-dropzone",Kh=[r.hover],os=e=>{let{hover:t,status:o,disabled:a,hasFiles:n,filesId:i,...l}=e,c;switch(o){case"uploading":c=(0,re.jsxs)(re.Fragment,{children:[(0,re.jsx)(g,{icon:"upload"}),"Uploading..."]});break;case"done":c=(0,re.jsxs)(re.Fragment,{children:[(0,re.jsx)(g,{icon:"check"}),"Done"]});break;case"failed":c=(0,re.jsxs)(re.Fragment,{children:[(0,re.jsx)(g,{icon:"exclamation-circle"}),"Done"]});break;default:c=(0,re.jsx)(re.Fragment,{});break}return(0,re.jsxs)("div",{...l,className:s(e.className,vi,"k-dropzone",S(vi,{hover:t})),children:[(0,re.jsxs)("div",{className:"k-upload-button-wrap",children:[(0,re.jsx)(p,{className:"k-upload-button","aria-disabled":a?"true":"false",...n&&i?{"aria-controls":i}:{},children:"Select files..."}),(0,re.jsx)("input",{id:"upload-input",className:"k-hidden",tabIndex:-1,"aria-hidden":"true"})]}),(0,re.jsx)("span",{className:s("k-dropzone-hint",{"k-hidden":o!=="upload"}),children:"Drop files here to upload"}),o!=="upload"&&(0,re.jsx)("span",{className:"k-upload-status",children:c})]})};os.states=Kh;os.className=vi;var gi="upload",Ac=gi;var xo=require("react/jsx-runtime"),Li="k-upload",Rh=[r.hover,r.disabled],_h={},yc={actionsLayout:"end"},Ec="upload-files-list",de=e=>{let{async:t,empty:o,actions:a,actionsLayout:n=yc.actionsLayout,hover:i,status:l,disabled:c,...u}=e,f=!!e.children;return(0,xo.jsxs)("div",{...u,className:s(e.className,Li,S(Li,{disabled:c}),{"k-upload-async":t,"k-upload-empty":o}),children:[(0,xo.jsx)(os,{status:l,hover:i,disabled:c,hasFiles:f,filesId:Ec}),f&&(0,xo.jsx)("ul",{className:"k-upload-files",role:"list",id:Ec,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"})]})]})};de.states=Rh;de.options=_h;de.className=Li;de.defaultOptions=yc;de.moduleName=gi;de.folderName=Ac;var un="progressbar",as=un;var No=require("react/jsx-runtime"),Lt="k-progressbar",wh=[r.disabled,r.indeterminate],Dh={orientation:["horizontal","vertical"]},Ro={indeterminate:!1,label:!0,labelPosition:"start",orientation:"horizontal",reverse:!1,value:"0"},Ve=e=>{let{disabled:t,height:o,indeterminate:a=Ro.indeterminate,label:n=Ro.label,labelPosition:i=Ro.labelPosition,orientation:l=Ro.orientation,reverse:c=Ro.reverse,value:u=Ro.value,width:f,style:N,ariaLabel:v,...m}=e;return(0,No.jsxs)("div",{...m,className:s(e.className,Lt,S(Lt,{disabled:t}),{[`${Lt}-${l}`]:l,[`${Lt}-indeterminate`]:a,[`${Lt}-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,"%"]})})})]})};Ve.states=wh;Ve.options=Dh;Ve.className=Lt;Ve.defaultOptions=Ro;Ve.moduleName=un;Ve.folderName=as;var Ic=Ve;var ss=require("react/jsx-runtime"),Tc="k-chunk-progressbar",Hh=(e,t)=>t<=e-1,zh=[r.disabled,r.indeterminate],Uh={},ns={chunkCount:5,orientation:"horizontal",progress:0},Ia=e=>{let{disabled:t,chunkCount:o=ns.chunkCount,indeterminate:a,orientation:n=ns.orientation,progress:i=ns.progress,reverse:l,ariaLabel:c,...u}=e;return(0,ss.jsx)("div",{...u,className:s(e.className,Lt,Tc,S(Lt,{disabled:t}),{[`${Lt}-${n}`]:n,[`${Lt}-indeterminate`]:a,[`${Lt}-reverse`]:l}),role:"progressbar","aria-label":c\|\|"progress","aria-valuenow":a?void 0:i,"aria-valuemin":0,"aria-valuemax":o,children:(0,ss.jsx)("ul",{className:"k-progressbar-chunks k-reset",children:[...Array(o)].map((f,N)=>(0,ss.jsx)("li",{className:s("k-progressbar-chunk",{"k-first":N===0,"k-last":N===[...Array(o)].length-1,"k-selected":Hh(i,N)})},N))})})};Ia.states=zh;Ia.options=Uh;Ia.className=Tc;Ia.defaultOptions=ns;Ia.moduleName=un;Ia.folderName=as;var Oc=require("react/jsx-runtime"),fn=e=>(0,Oc.jsx)(Ic,{...e});var Fh=require("react/jsx-runtime");var oo=require("react/jsx-runtime"),Gh=Ve.options,Vh=Ve.states,Bc={...Ve.defaultOptions,variant:"start"},$h=[{name:"start",title:"Label start"},{name:"center",title:"Label center"},{name:"end",title:"Label end"},{name:"empty",title:"No label"}],Xh=[],Ta=e=>{let{variant:t,modifiers:o,...a}={...Bc,...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,oo.jsx)("div",{...i,children:(0,oo.jsx)(fn,{...a,...n,labelPosition:"end",value:"50"})});case"center":return(0,oo.jsx)("div",{...i,children:(0,oo.jsx)(fn,{...a,...n,labelPosition:"center",value:"50"})});case"empty":return(0,oo.jsx)("div",{...i,children:(0,oo.jsx)(fn,{...a,...n,label:!1,value:"50"})});default:return(0,oo.jsx)("div",{...i,children:(0,oo.jsx)(fn,{...a,...n,labelPosition:"start",value:"50"})})}};Ta.options=Gh;Ta.states=Vh;Ta.variants=$h;Ta.defaultOptions=Bc;Ta.modifiers=Xh;Ta.className=Ve.className;var Oa=require("react/jsx-runtime"),qh="k-file-info",Mi=e=>{let{name:t,size:o,validationMsg:a,...n}=e;return(0,Oa.jsxs)("div",{...n,className:s(e.className,qh),children:[t&&(0,Oa.jsx)("span",{className:"k-file-name",children:t}),o&&(0,Oa.jsx)("span",{className:"k-file-size",children:o}),a&&(0,Oa.jsx)("span",{className:"k-file-validation-message","aria-live":"polite",children:a})]})};var Me=require("react/jsx-runtime"),Wh="k-file",tt=e=>{let{status:t,progress:o,name:a,icon:n,size:i,state:l,validationMsg:c,...u}=e;return(0,Me.jsx)("li",{...u,className:s(e.className,Wh,{[`k-file-${t}`]:t}),role:"listitem",tabIndex:0,children:(0,Me.jsxs)("div",{className:"k-file-single",children:[(0,Me.jsx)(Ve,{className:s({"k-hidden":t!=="progress"}),value:o,label:!1}),(0,Me.jsxs)("span",{className:"k-file-icon-wrapper",children:[(0,Me.jsx)(g,{className:"k-file-icon",icon:n,size:"xxlarge"}),l&&(0,Me.jsx)("span",{className:"k-file-state",children:l})]}),(0,Me.jsx)(Mi,{name:a,size:i,validationMsg:c}),(0,Me.jsx)("div",{className:"k-upload-actions",children:t==="progress"?(0,Me.jsxs)(Me.Fragment,{children:[(0,Me.jsxs)("span",{className:"k-upload-pct",children:[o,"%"]}),(0,Me.jsx)(p,{icon:"pause",fillMode:"flat",size:"xsmall",className:"k-upload-action","aria-label":"Pause upload",tabIndex:-1}),(0,Me.jsx)(p,{icon:"cancel",fillMode:"flat",size:"xsmall",className:"k-upload-action","aria-label":"Cancel upload",tabIndex:-1})]}):(0,Me.jsx)(p,{icon:"x",fillMode:"flat",size:"xsmall",className:"k-upload-action","aria-label":"Remove file",tabIndex:-1})})]})})};var Si=require("react/jsx-runtime");var ho=require("react/jsx-runtime"),bn=e=>(0,ho.jsx)(de,{async:!0,children:(0,ho.jsxs)(ho.Fragment,{children:[(0,ho.jsx)(tt,{name:"Image_With_Very_Very_Very_Very_Very_Long_Name1.png",icon:"file-image",size:"51.23 KB"}),(0,ho.jsx)(tt,{name:"Image2.jpg",icon:"file-image",size:"106.43 KB"})]}),...e});var ki=require("react/jsx-runtime");var Kc=require("react/jsx-runtime"),Pc=e=>(0,Kc.jsx)(de,{async:!0,empty:!0,...e});var Ci=require("react/jsx-runtime");var Ai=require("react/jsx-runtime");var $e=require("react/jsx-runtime"),Jh=de.options,Yh=de.states,Rc={...de.defaultOptions,variant:"empty"},Zh=[{name:"empty",title:"Empty"},{name:"upload",title:"Upload"},{name:"uploading",title:"Uploading"},{name:"success",title:"Success"},{name:"failed",title:"Failed"}],Qh=[],Ba=e=>{let{variant:t,...o}={...Rc,...e};switch(t){case"success":return(0,$e.jsxs)(bn,{status:"done",style:{width:"586px"},...o,children:[(0,$e.jsx)(tt,{status:"success",validationMsg:"File(s) uploaded successfully.",name:"Image1.png",icon:"file-image"}),(0,$e.jsx)(tt,{status:"success",validationMsg:"File(s) uploaded successfully.",name:"Image2.png",icon:"file-image"})]});case"failed":return(0,$e.jsxs)(bn,{status:"failed",style:{width:"586px"},...o,children:[(0,$e.jsx)(tt,{status:"error",validationMsg:"File type not allowed.",name:"Movie1.mkv",icon:"file-image"}),(0,$e.jsx)(tt,{status:"error",validationMsg:"File type not allowed.",name:"Video2.mkv",icon:"file-image"})]});case"uploading":return(0,$e.jsxs)(bn,{status:"uploading",style:{width:"586px"},...o,children:[(0,$e.jsx)(tt,{progress:"50",status:"progress",name:"Document1.txt",icon:"file-pdf",size:"328.92 KB"}),(0,$e.jsx)(tt,{progress:"70",status:"progress",name:"Document2.txt",icon:"file-pdf",size:"225.68 KB"})]});case"upload":return(0,$e.jsxs)(bn,{actions:!0,status:"upload",style:{width:"586px"},...o,children:[(0,$e.jsx)(tt,{name:"Image1.png",icon:"file-image",size:"51.23 KB"}),(0,$e.jsx)(tt,{name:"Image2.jpg",icon:"file-image",size:"106.43 KB"})]});default:return(0,$e.jsx)(Pc,{async:!0,status:"upload",style:{width:"586px"},...o})}};Ba.options=Jh;Ba.states=Yh;Ba.variants=Zh;Ba.defaultOptions=Rc;Ba.modifiers=Qh;Ba.className=de.className;var Ei=require("react/jsx-runtime");var jh=require("react/jsx-runtime");var yi=require("react/jsx-runtime");var Ii=require("react/jsx-runtime");var Ti=require("react/jsx-runtime");var _c=require("react/jsx-runtime");var Oi="appbar",wc=Oi;var Dc=require("react/jsx-runtime"),Bi="k-appbar",ev=[],tv={themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary,h.inverse]},ov={},Xe=e=>{let{themeColor:t,positionMode:o,position:a,...n}=e;return(0,Dc.jsx)("div",{...n,className:s(e.className,Bi,y(Bi,{themeColor:t}),{[`k-appbar-${o}`]:o,[`k-appbar-${a}`]:a}),children:e.children})};Xe.states=ev;Xe.options=tv;Xe.className=Bi;Xe.defaultOptions=ov;Xe.moduleName=Oi;Xe.folderName=wc;var Hc=require("react/jsx-runtime"),av="k-appbar-section",$t=e=>{let{...t}=e;return(0,Hc.jsx)("div",{...t,className:s(av,e.className),children:e.children})};var Pi=require("react/jsx-runtime");var D=require("react/jsx-runtime"),Ki={...Xe.options,positionMode:["static","sticky","fixed"]},nv=Xe.states,zc={...Xe.defaultOptions,themeColor:"primary",variant:"top",positionMode:"sticky"};Ki.themeColor=["primary",...Ki.themeColor.filter(e=>e!=="primary")];var sv=[{name:"top",title:"Top"},{name:"bottom",title:"Bottom"}],Pa=e=>{let{variant:t,...o}={...zc,...e},a=(0,D.jsxs)(Xe,{position:t,...o,children:[(0,D.jsx)($t,{children:(0,D.jsx)(J,{fillMode:"flat",icon:"menu"})}),(0,D.jsx)("span",{className:"k-spacer k-spacer-sized",style:{width:"8px"}}),(0,D.jsx)($t,{children:(0,D.jsx)("h3",{className:"k-m-0",children:"AppBar"})}),(0,D.jsx)("span",{className:"k-spacer"}),(0,D.jsxs)($t,{children:[(0,D.jsx)(kt,{fillMode:"flat",children:"Button"}),(0,D.jsx)(kt,{fillMode:"flat",children:"Button"}),(0,D.jsx)(kt,{fillMode:"flat",children:"Button"})]}),(0,D.jsx)("span",{className:"k-spacer k-spacer-sized",style:{width:"8px"}}),(0,D.jsx)($t,{children:(0,D.jsx)(Tn,{value:"Input value"})}),(0,D.jsxs)($t,{children:[(0,D.jsx)(J,{className:"k-mx-sm",fillMode:"flat",icon:"bell"}),(0,D.jsx)("span",{className:"k-appbar-separator"}),(0,D.jsx)(Qn,{className:"k-mx-sm",children:(0,D.jsx)("img",{src:"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg"})})]})]}),n=(0,D.jsxs)("div",{style:{padding:"25px 10px"},children:[(0,D.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,D.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,D.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,D.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,D.jsxs)("div",{style:{height:"250px",overflow:"auto"},children:[n,a]}):(0,D.jsxs)("div",{style:{height:"250px",overflow:"auto"},children:[a,n]})};Pa.options=Ki;Pa.states=nv;Pa.variants=sv;Pa.defaultOptions=zc;Pa.modifiers=[];Pa.className=Xe.className;var Ri="suggestion",Uc=Ri;var _o=require("react/jsx-runtime"),rs="k-suggestion-group",rv=[],iv={},Fc={layout:"scrollable",scrollingPosition:"start"},Mt=e=>{let{layout:t=Fc.layout,scrollingPosition:o,...a}=e,n=(0,_o.jsx)("div",{...a,className:s(rs,{"k-suggestion-group-scrollable":t=="scrollable",[`${rs}-scrollable-start`]:o==="start"\|\|o==="both",[`${rs}-scrollable-end`]:o==="end"\|\|o==="both"},e.className),role:"group",children:t==="scrollable"\|\|t==="scrollButtons"?(0,_o.jsx)("div",{className:"k-suggestions-scroll",children:e.children}):e.children});return t=="scrollButtons"?(0,_o.jsxs)("div",{className:"k-suggestion-scrollwrap",children:[(0,_o.jsx)(p,{fillMode:"flat",icon:"chevron-left",size:"xsmall","aria-label":"Scroll left"}),n,(0,_o.jsx)(p,{fillMode:"flat",icon:"chevron-right",size:"xsmall","aria-label":"Scroll right"})]}):n};Mt.states=rv;Mt.options=iv;Mt.className=rs;Mt.defaultOptions=Fc;Mt.moduleName=Ri;Mt.folderName=Uc;var Gc=require("react/jsx-runtime"),is="k-suggestion",lv=[r.active,r.hover,r.focus],pv={themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary]},dv={text:"Suggestion"},St=e=>{let{themeColor:t,active:o,hover:a,focus:n,text:i,...l}=e;return(0,Gc.jsx)("span",{...l,className:s(e.className,is,S(is,{hover:a,active:o,focus:n}),y(is,{themeColor:t})),role:"button",tabIndex:0,"aria-label":i,children:i})};St.states=lv;St.options=pv;St.className=is;St.item=dv;var _i=require("react/jsx-runtime");var wi=require("react/jsx-runtime");var Di=require("react/jsx-runtime");var H=require("react/jsx-runtime"),cv=X.states,mv=X.defaultOptions,uv=X.options,fv=[{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"}],bv=[],Ka=e=>{let{modifiers:t,...o}=e,a={author:null,avatar:null},n=(0,H.jsxs)(Xe,{className:"k-chat-header",positionMode:"sticky",themeColor:"primary",children:[(0,H.jsx)("span",{className:"k-spacer k-spacer-sized k-w-1"}),(0,H.jsx)($t,{children:(0,H.jsx)("span",{children:"Chat with demo bot"})}),(0,H.jsx)("span",{className:"k-spacer"}),(0,H.jsx)($t,{children:(0,H.jsx)(p,{fillMode:"flat",icon:"more-vertical"})})]}),i=(0,H.jsx)(fo,{type:"sender",pinned:!0,content:"Hello! Generate a cover letter.",closeable:!0}),l=(0,H.jsxs)(Mt,{children:[(0,H.jsx)(St,{text:"Provide a CV template"}),(0,H.jsx)(St,{text:"Generate a cover letter"})]}),c=(0,H.jsxs)(Mt,{children:[(0,H.jsx)(St,{themeColor:"primary",text:"Thank you!"}),(0,H.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,H.jsx)(H.Fragment,{});break;default:break}});let{header:m,pinned:L,suggestedActions:M,author:C,avatar:E,quickReplies:A}=a;return(0,H.jsxs)(ic,{value:"Thank you!",style:{minHeight:"100%"},...o,header:m,pinned:L,suggestedActions:M,children:[(0,H.jsx)(W,{avatar:f,author:C?v:null,children:(0,H.jsx)($,{text:"Hello, this is a demo bot. How can I help you ?"})}),(0,H.jsx)(W,{avatar:E?u:null,author:C?N:null,type:"sender",children:(0,H.jsx)($,{text:"Hello! Generate a cover letter."})}),(0,H.jsx)(W,{avatar:f,author:C?v:null,children:(0,H.jsx)($,{text:"Sure. Here is a cover letter template",files:(0,H.jsx)(Ut,{children:(0,H.jsx)(je,{icon:"file-pdf",name:"cover_letter.pdf",size:"1.43MB"})})})}),A]})};Ka.options=uv;Ka.states=cv;Ka.variants=bv;Ka.defaultOptions=mv;Ka.modifiers=fv;Ka.className=X.className;var ao=require("react/jsx-runtime"),xv=e=>(0,ao.jsx)(X,{generating:!0,children:(0,ao.jsxs)(ao.Fragment,{children:[(0,ao.jsx)("div",{className:"k-timestamp",children:"Day, Month 7, 2023"}),(0,ao.jsx)(W,{fullWidth:!0,avatar:null,children:(0,ao.jsx)($,{})})]}),...e});