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

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

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

Files changed (153) hide show

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

	@@ -1 +1 @@
1	- var Gc=Object.create;var bn=Object.defineProperty;var Vc=Object.getOwnPropertyDescriptor;var $c=Object.getOwnPropertyNames;var Xc=Object.getPrototypeOf,qc=Object.prototype.hasOwnProperty;var Wc=(e,t)=>{for(var o in t)bn(e,o,{get:t[o],enumerable:!0})},Bi=(e,t,o,a)=>{if(t&&typeof t=="object"\|\|typeof t=="function")for(let n of $c(t))!qc.call(e,n)&&n!==o&&bn(e,n,{get:()=>t[n],enumerable:!(a=Vc(t,n))\|\|a.enumerable});return e};var Pi=(e,t,o)=>(o=e!=null?Gc(Xc(e)):{},Bi(t\|\|!e\|\|!e.__esModule?bn(o,"default",{value:e,enumerable:!0}):o,e)),Jc=e=>Bi(bn({},"__esModule",{value:!0}),e);var dN={};Wc(dN,{ChatMessageSkeleton:()=>pN});module.exports=Jc(dN);var r=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?r(...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 C=(e,t)=>r({[`${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"}),y=(e,t)=>{let{valid:o,invalid:a,hover:n,focus:i,checked:l,active:c,selected:u,disabled:f,indeterminate:N,loading:x,empty:m,readonly:L,highlighted:k,...A}=t;return r({"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":x,"k-empty":m,"k-readonly":L,"k-highlighted":k},Object.keys(A).reduce((E,M)=>(M.startsWith("k-")?E[M]=A[M]:E[`k-${M}`]=A[M],E),{}))};function hn(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"},h={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},g={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",inverse:"inverse"},s={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 rr={};function R(e){return rr[e]=(rr[e]\|\|0)+1,`k-${e}-${rr[e]}`}var Ra=require("react/jsx-runtime"),sr="k-font-icon",Yc=[],Zc={size:[d.undefined,d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[g.undefined,g.base,g.primary,g.secondary,g.tertiary,g.success,g.warning,g.error,g.info]},Qc={},Ka=e=>{let{size:t,themeColor:o,icon:a,rotate:n,flip:i,...l}=e;return a?(0,Ra.jsx)("span",{...l,className:r(e.className,sr,C(sr,{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,Ra.jsx)(Ra.Fragment,{})};Ka.states=Yc;Ka.options=Zc;Ka.className=sr;Ka.defaultOptions=Qc;var wi=Ka;var vo=require("react/jsx-runtime"),ir="k-svg-icon",jc=[],em={size:[d.undefined,d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[g.undefined,g.base,g.primary,g.secondary,g.tertiary,g.success,g.warning,g.error,g.info]},Ri={viewBox:"0 0 24 24"},_a=e=>{let{size:t,themeColor:o,rotate:a,flip:n,viewBox:i=Ri.viewBox,icon:l,...c}=e;if(!l)return(0,vo.jsx)(vo.Fragment,{});if(l==="none")return(0,vo.jsx)("span",{...c,className:r(e.className,ir,C("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let u=typeof l=="object"&&l.name&&l.name;return(0,vo.jsx)("span",{...c,className:r(e.className,ir,C("k-icon",{size:t}),{[`k-svg-i-${u}`]:u,[`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,vo.jsx)("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof l=="object"?l.viewBox:i,dangerouslySetInnerHTML:typeof l=="object"?{__html:l.content}:void 0,children:l?void 0:e.children})})};_a.states=jc;_a.options=em;_a.className=ir;_a.defaultOptions=Ri;var lr=_a;var pr=Pi(require("@progress/kendo-svg-icons"));var Ki="icon",_i="icons";var zi=require("react");var Di=require("react"),Hi=(0,Di.createContext)({iconsType:"svg"});var Vt=require("react/jsx-runtime"),xn="k-icon",tm=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),om=[],am={size:[d.undefined,d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[g.undefined,g.base,g.primary,g.secondary,g.tertiary,g.success,g.warning,g.error,g.info]},dr={viewBox:"0 0 24 24",type:"svg"},v=e=>{let{iconsType:t}=(0,zi.useContext)(Hi),{size:o,themeColor:a,icon:n,type:i=t\|\|dr.type,rotate:l,flip:c,viewBox:u=dr.viewBox,...f}=e;if(!n)return(0,Vt.jsx)(Vt.Fragment,{});if((t\|\|i)==="svg"){if(n==="none")return(0,Vt.jsx)(lr,{...f,className:r(e.className,xn),icon:n,size:o});let x=pr[n]?n:tm(`${n}-icon`);return pr[x]?(0,Vt.jsx)(lr,{...f,className:r(e.className,xn),icon:pr[x],size:o,themeColor:a,rotate:l,flip:c,viewBox:u}):(0,Vt.jsx)(Vt.Fragment,{})}return(0,Vt.jsx)(wi,{...f,className:r(e.className,xn),icon:n,size:o,themeColor:a,rotate:l,flip:c})};v.states=om;v.options=am;v.defaultOptions=dr;v.className=xn;v.moduleName=Ki;v.folderName=_i;v.ariaSpec={selector:".k-icon, .k-svg-icon",rules:[{selector:".k-icon, .k-svg-icon",attribute:"aria-hidden=true",usage:"Hides the icon element and all its children from assistive technologies."}]};var cr="button",Ui=cr;var Lt=require("react/jsx-runtime"),Da="k-button",nm=["icon-button"],rm=[s.hover,s.focus,s.active,s.selected,s.disabled,s.generating],sm={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:[h.undefined,h.solid,h.flat,h.outline,h.clear,h.link],themeColor:[g.undefined,g.base,g.primary,g.secondary,g.tertiary,g.success,g.warning,g.error,g.info,g.inverse]},mr={showArrow:!1,arrowIconName:"chevron-down"},p=e=>{let{as:t="button",size:o,rounded:a,fillMode:n,themeColor:i,showArrow:l=mr.showArrow,arrowIconName:c=mr.arrowIconName,variant:u,hover:f,focus:N,active:x,selected:m,disabled:L,togglable:k,ariaDisabled:A,icon:E,text:M,iconClassName:O,className:J,...ye}=e,Ke=E!==void 0,_e=e.children!==void 0;return(0,Lt.jsxs)(t,{className:r(J,Da,hn(Da,u),C(Da,{size:o,rounded:a,fillMode:n,themeColor:i}),y(Da,{hover:f,focus:N,active:x,disabled:L\|\|A,selected:m}),{"k-icon-button":!M&&!_e&&Ke}),...ye,"aria-pressed":k?m?"true":"false":void 0,"aria-disabled":A?"true":void 0,disabled:L\|\|void 0,children:[E&&(0,Lt.jsx)(v,{className:r(O,"k-button-icon"),icon:E}),M?(0,Lt.jsxs)(Lt.Fragment,{children:[M&&(0,Lt.jsx)("span",{className:"k-button-text",children:M}),e.children]}):e.children&&(0,Lt.jsx)("span",{className:"k-button-text",children:e.children}),l&&(0,Lt.jsx)("span",{className:"k-menu-button-arrow k-button-arrow",children:(0,Lt.jsx)(v,{icon:c})})]})};p.states=rm;p.options=sm;p.variants=nm;p.className=Da;p.defaultOptions=mr;p.moduleName=cr;p.folderName=Ui;p.ariaSpec={selector:".k-button",rules:[{selector:".k-button",attribute:"role=button or nodeName=button",usage:"The button role is implicit from the native <button> element."},{selector:".k-button",attribute:"aria-label (when icon-only)",usage:"Required for icon-only buttons that have no visible text."},{selector:".k-button",attribute:"aria-pressed (when togglable)",usage:"Indicates the pressed state of a toggle button."},{selector:".k-button",attribute:"disabled (when disabled)",usage:"Rendered when the button is disabled."}]};var Fi=require("react/jsx-runtime"),be=e=>(0,Fi.jsx)(p,{icon:"folder",...e,"aria-label":e["aria-label"]\|\|"Folder",children:void 0});var Gi=require("react/jsx-runtime"),Ha=e=>(0,Gi.jsx)(p,{icon:"folder",children:"Button",...e});var Vi=require("react/jsx-runtime"),Mt=e=>(0,Vi.jsx)(p,{children:"Button",...e});var gn=require("react/jsx-runtime"),im=p.options,lm=p.states,pm={...p.defaultOptions,variant:"text"},dm=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],cm=[],_o=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return(0,gn.jsx)(be,{...o,icon:"star"});case"icon-and-text":return(0,gn.jsx)(Ha,{...o,icon:"star",children:"Button"});default:return(0,gn.jsx)(Mt,{...o,children:"Button"})}};_o.options=im;_o.states=lm;_o.variants=dm;_o.defaultOptions=pm;_o.modifiers=cm;_o.className=p.className;var za=require("react/jsx-runtime"),Nn="k-fab",fm=[s.hover,s.focus,s.active,s.selected,s.disabled],bm={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],themeColor:[g.undefined,g.base,g.primary,g.secondary,g.tertiary]},$i={type:"button"},ae=e=>{let{size:t,rounded:o,themeColor:a,text:n,icon:i,type:l=$i.type,position:c,hover:u,focus:f,active:N,selected:x,disabled:m,...L}=e;return(0,za.jsxs)("button",{...L,type:l,className:r(e.className,Nn,C(Nn,{size:t,rounded:o,themeColor:a}),y(Nn,{hover:u,focus:f,active:N,disabled:m,selected:x}),{[`!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,za.jsx)(v,{className:"k-fab-icon",icon:i}),n&&(0,za.jsx)("span",{className:"k-fab-text",children:n})]})};ae.states=fm;ae.options=bm;ae.className=Nn;ae.defaultOptions=$i;ae.moduleName="fab";ae.folderName="fab";ae.ariaSpec={selector:".k-fab",rules:[{selector:".k-fab",attribute:"role=button or nodeName=button",usage:"Omitted if the <button> DOM element is used."},{selector:".k-fab",attribute:"aria-label or title (when icon-only)",usage:"The attribute must be present when no text is initially visible in the button."},{selector:".k-fab.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the button is disabled."}]};var qi=require("react/jsx-runtime"),hm="k-fab-items",Xi=e=>{let{position:t,...o}=e;return(0,qi.jsx)("ul",{...o,className:r(e.className,hm,{[`k-fab-items-${t}`]:t}),children:e.children})};var Ua=require("react/jsx-runtime"),Wi="k-fab-item",xm=[s.hover,s.focus,s.active,s.disabled],ur=e=>{let{text:t,icon:o,align:a,hover:n,focus:i,active:l,disabled:c,...u}=e;return(0,Ua.jsxs)("li",{...u,className:r(e.className,Wi,{[`k-text-${a}`]:a},y(Wi,{hover:n,focus:i,active:l,disabled:c})),children:[(0,Ua.jsx)("span",{className:"k-fab-item-text",children:t}),(0,Ua.jsx)(v,{className:"k-fab-item-icon",icon:o})]})};ur.states=xm;var gm=require("react/jsx-runtime");var Yi=require("react/jsx-runtime"),Ji=e=>(0,Yi.jsx)(ae,{icon:"plus",...e});var Nm=require("react/jsx-runtime");var vm=require("react/jsx-runtime");var $t=require("react/jsx-runtime"),km=ae.options,Lm=ae.states,Mm={...ae.defaultOptions,variant:"text"},Sm=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],ym=[{name:"opened",title:"Opened"}],Do=e=>{let{variant:t,modifiers:o,...a}=e,{opened:n}=o\|\|{},i=n?(0,$t.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,$t.jsx)(Xi,{position:"bottom",children:(0,$t.jsx)(ur,{text:"Item",icon:"pencil",align:"right"})})}):null,l;switch(t){case"icon-only":l=(0,$t.jsx)(ae,{...a,icon:"star"});break;case"icon-and-text":l=(0,$t.jsx)(ae,{...a,icon:"star",text:"Action"});break;default:l=(0,$t.jsx)(ae,{...a,text:"Action"});break}return(0,$t.jsxs)("span",{style:{position:"relative"},children:[l,i]})};Do.options=km;Do.states=Lm;Do.variants=Sm;Do.defaultOptions=Mm;Do.modifiers=ym;Do.className=ae.className;var Zi=require("react/jsx-runtime"),fr="k-input-inner",Am=[],Cm={},vn={type:"text",autocomplete:"off",value:"",placeholder:""},De=e=>{let{value:t=vn.value,type:o=vn.type,placeholder:a=vn.placeholder,autocomplete:n=vn.autocomplete,disabled:i,readOnly:l,...c}=e;return(0,Zi.jsx)("input",{...c,type:o,className:r(e.className,fr,C(fr,e)),placeholder:a,autoComplete:n,defaultValue:t,disabled:i\|\|void 0,readOnly:l\|\|void 0})};De.states=Am;De.options=Cm;De.className=fr;var ji=require("react/jsx-runtime"),br="k-input-inner",Em=[],Im={},Qi={value:"",placeholder:""},Fa=e=>{let{value:t=Qi.value,placeholder:o=Qi.placeholder,rows:a,disabled:n,...i}=e;return(0,ji.jsx)("textarea",{...i,className:r(e.className,br,C(br,e)),placeholder:o,rows:a,defaultValue:t,disabled:n\|\|void 0})};Fa.states=Em;Fa.options=Im;Fa.className=br;var hr="prompt-box",el=hr;var xr="speech-to-text-button",tl=xr;var nl=require("react/jsx-runtime"),ol="k-speech-to-text-button",al={icon:"microphone-outline"},We=e=>{let{listening:t=!1,icon:o=al.icon,...a}=e;return(0,nl.jsx)(p,{...a,icon:t?"stop-sm":o,className:r(e.className,ol,{"k-listening":t}),"aria-pressed":t?"true":"false","aria-label":t?"Stop listening":"Start listening"})};We.states=p.states;We.options=p.options;We.className=ol;We.defaultOptions=al;We.moduleName=xr;We.folderName=tl;We.ariaSpec={selector:".k-speech-to-text-button",rules:[{selector:".k-button.k-speech-to-text-button",attribute:"role=button or nodeName=button",usage:"If the used element is not <button>, explicitly set its role to button."},{selector:".k-button.k-speech-to-text-button",attribute:"aria-pressed",usage:"Announces the toggle behaviour of the button."},{selector:".k-button.k-speech-to-text-button",attribute:"aria-label",usage:"Accessible name for the speech-to-text button."}]};var Tm=require("react/jsx-runtime");var Om=require("react/jsx-runtime");var sl=require("react/jsx-runtime"),Bm=p.states,rl={...p.defaultOptions,variant:"normal"},Pm={...p.options,fillMode:p.options.fillMode.filter(e=>e!=="clear"&&e!=="link")},wm=[],Rm=[{name:"normal",title:"Normal"},{name:"listening",title:"Listening"}],Ho=e=>{let{variant:t,...o}={...rl,...e},a={};return t==="listening"&&(a.listening=!0),(0,sl.jsx)(We,{...o,...a})};Ho.options=Pm;Ho.states=Bm;Ho.variants=Rm;Ho.defaultOptions=rl;Ho.modifiers=wm;Ho.className=We.className;var St=require("react/jsx-runtime"),Ot="k-prompt-box",Km=[s.hover,s.focus,s.disabled],_m={fillMode:[h.undefined,h.solid,h.flat,h.outline]},gr={lineMode:"auto",isExpanded:!1},Xt=e=>{let{fillMode:t,lineMode:o=gr.lineMode,startAffix:a,endAffix:n,header:i,isExpanded:l=gr.isExpanded,className:c,children:u,value:f,placeholder:N,generating:x,hover:m,focus:L,disabled:k,...A}=e,E=o==="multi"\|\|o==="auto"&&l;return(0,St.jsxs)("div",{...A,className:r(c,"k-input",Ot,{[`${Ot}-singleline`]:o==="single",[`${Ot}-multiline`]:E,[`k-input-${t}`]:t,"k-hover":m,"k-focus":L,"k-disabled":k}),children:[i&&(0,St.jsx)("div",{className:`${Ot}-header`,children:i}),(0,St.jsxs)("div",{className:`${Ot}-content`,children:[a&&(0,St.jsx)("div",{className:`${Ot}-affix`,children:a}),o==="single"?(0,St.jsx)(De,{value:f,placeholder:N,className:`${Ot}-input`,type:"text","aria-label":"Prompt input"}):(0,St.jsx)(Fa,{value:f,placeholder:N,className:`${Ot}-textarea`,rows:o==="multi"\|\|l?3:1,"aria-label":"Prompt input","aria-multiline":"true"}),(0,St.jsxs)("div",{className:`${Ot}-affix`,children:[n,(0,St.jsx)(We,{size:"small",fillMode:"flat",rounded:"full"}),(0,St.jsx)(be,{icon:x?"stop-sm":"arrow-up-outline",size:"small",rounded:"full",active:x,disabled:!f&&!x,className:r({"k-generating":x}),"aria-label":x?"Stop generating":"Send prompt","aria-live":"polite"})]})]}),u]})};Xt.states=Km;Xt.options=_m;Xt.className=Ot;Xt.defaultOptions=gr;Xt.moduleName=hr;Xt.folderName=el;Xt.ariaSpec={selector:".k-prompt-box",rules:[{selector:".k-prompt-box-singleline .k-prompt-box-input",attribute:"nodeName=input",usage:"Ensures the input field has the proper textbox role."},{selector:".k-prompt-box-singleline .k-prompt-box-input",attribute:"aria-label",usage:"Provides an accessible label for the single-line input."},{selector:".k-prompt-box-multiline .k-prompt-box-textarea",attribute:"nodeName=textarea",usage:"Ensures the textarea has the proper textbox role."},{selector:".k-prompt-box-multiline .k-prompt-box-textarea",attribute:"aria-label",usage:"Provides an accessible label for the textarea."},{selector:".k-prompt-box-multiline .k-prompt-box-textarea",attribute:"aria-multiline=true",usage:"Indicates the textarea supports multiple lines of text."},{selector:".k-prompt-box:not(.k-prompt-box-singleline):not(.k-prompt-box-multiline) .k-prompt-box-textarea",attribute:"nodeName=textarea",usage:"Ensures the auto-mode textarea has the proper textbox role."},{selector:".k-prompt-box:not(.k-prompt-box-singleline):not(.k-prompt-box-multiline) .k-prompt-box-textarea",attribute:"aria-label",usage:"Provides an accessible label for the auto-mode textarea."},{selector:".k-prompt-box:not(.k-prompt-box-singleline):not(.k-prompt-box-multiline) .k-prompt-box-textarea",attribute:"aria-multiline=true",usage:"Indicates the auto-mode textarea supports multiple lines of text."},{selector:".k-prompt-box-affix .k-button:not(.k-speech-to-text-button)",attribute:"aria-label",usage:"The send/stop button is labelled to indicate its current action."},{selector:".k-prompt-box-affix .k-button:not(.k-speech-to-text-button)",attribute:"aria-live=polite",usage:"Announces the change in status of the send/stop button."}]};var Dm=require("react/jsx-runtime");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 Nr="chat",il=Nr;var he=require("react/jsx-runtime"),ll="k-chat",Gm=[],Vm={},$m=(0,he.jsxs)(he.Fragment,{children:[(0,he.jsx)(be,{icon:"paperclip-outline-alt-right",fillMode:"clear",rounded:"full",size:"small","aria-label":"Attach file"},"paperclip"),(0,he.jsx)("div",{className:"k-spacer"})]}),pl={tools:$m},V=e=>{let{header:t,dir:o,suggestedActions:a,files:n,pinned:i,replied:l,generating:c,tools:u=pl.tools,value:f,empty:N,scrollToBottom:x,scrollbar:m,promptBoxProps:L,...k}=e;return(0,he.jsxs)("div",{...k,className:r(ll,e.className),dir:o,children:[t,(0,he.jsxs)("div",{className:"k-message-list",role:"log","aria-label":"Message list","aria-live":"polite",children:[i,(0,he.jsx)("div",{className:r("k-message-list-content",N&&"k-message-list-content-empty"),children:e.children}),x&&(0,he.jsx)("div",{className:"k-chat-scroll-to-bottom-container",children:(0,he.jsx)(Ji,{themeColor:"base",icon:"arrow-down-outline",size:"small"})})]}),m&&(0,he.jsx)("div",{className:"k-separator"}),(0,he.jsxs)("div",{className:"k-message-box-wrapper",children:[a,(0,he.jsx)(Xt,{lineMode:"multi",placeholder:"Type a message",generating:c,value:f,header:n\|\|l?(0,he.jsxs)(he.Fragment,{children:[l,n]}):void 0,endAffix:u,...L})]})]})};V.states=Gm;V.options=Vm;V.className=ll;V.defaultOptions=pl;V.moduleName=Nr;V.folderName=il;V.ariaSpec={selector:".k-chat",rules:[{selector:".k-message-list",attribute:"role=log",usage:"The role of the Chat message list must imply that there is a log (list) of messages."},{selector:".k-message-list",attribute:"aria-label",usage:"Announces the purpose of the Chat message list."},{selector:".k-message-list",attribute:"aria-live=polite",usage:"Announces new messages in the Chat message list."},{selector:".k-bubble",attribute:"tabindex=0",usage:"The Chat bubble must be focusable."},{selector:".k-bubble .k-typing-indicator",attribute:"tabindex=-1",usage:"The Chat bubble typing indicator should not be focusable."},{selector:".k-bubble-expandable-indicator",attribute:"role=button",usage:"The expandable indicator must have an appropriate role."},{selector:".k-bubble-expandable-indicator",attribute:"aria-label or title",usage:"The expandable indicator must be properly labelled."},{selector:".k-bubble-expandable-indicator",attribute:"tabindex=0",usage:"The expandable indicator must be part of the page tabsequence."},{selector:".k-message-reference>.k-button",attribute:"aria-label or title",usage:"The reference close button must be properly labelled."},{selector:".k-message-reference>.k-button",attribute:"role=button or nodeName=button",usage:"The reference close button must have an appropriate role."},{selector:".k-prompt-box-affix>.k-button",attribute:"role=button or nodeName=button",usage:"The buttons must have appropriate role."},{selector:".k-prompt-box-affix>.k-button",attribute:"aria-label or title",usage:"The buttons must be properly labelled."},{selector:".k-prompt-box-affix>.k-button.k-disabled",attribute:"disabled",usage:"Announces the send action as disabled when necessary."}]};var vr="button",dl=vr;var cl=require("react/jsx-runtime"),Ga="k-button-group",Xm=[s.disabled],qm={fillMode:[h.undefined,h.solid,h.flat,h.outline,h.clear,h.link]},Wm={},B=e=>{let{fillMode:t,disabled:o,stretched:a,...n}=e;return(0,cl.jsx)("div",{role:"group",...n,className:r(e.className,Ga,C(Ga,{fillMode:t}),y(Ga,{disabled:o}),{[`${Ga}-stretched`]:a}),...o&&{"aria-disabled":"true"},children:e.children})};B.states=Xm;B.options=qm;B.className=Ga;B.defaultOptions=Wm;B.moduleName=vr;B.folderName=dl;B.ariaSpec={selector:".k-button-group",rules:[{selector:".k-button-group:not(.k-split-button)",attribute:"role=group",usage:"Sets the proper role for the group of buttons."},{selector:".k-button-group.k-disabled",attribute:"aria-disabled=true",usage:"The attribute is rendered only when the entire button group is disabled."},{selector:".k-button-group:not(.k-split-button):not(.k-scheduler-navigation):not(.k-zoom-control) .k-button",attribute:"aria-pressed (when selected)",usage:"Specifies the current state of the ButtonGroup. Only the selected button within the group will have this attribute set to true."}]};var kr=require("react/jsx-runtime");var Lr=require("react/jsx-runtime");var Mr=require("react/jsx-runtime");var Sr=require("react/jsx-runtime");var yr=require("react/jsx-runtime");var Ar=require("react/jsx-runtime");var Je=require("react/jsx-runtime"),Jm={...p.options,...B.options},Ym=p.states,Zm={...p.defaultOptions,...B.defaultOptions,variant:"text-button"},Qm=[{name:"icon-button",title:"Icon Only"},{name:"text-button",title:"Text"},{name:"icon-text-button",title:"Icon Text"}],jm=[],zo=e=>{let{variant:t,className:o,...a}=e;return t==="icon-button"?(0,Je.jsxs)(B,{fillMode:a.fillMode,className:o,children:[(0,Je.jsx)(p,{...a,icon:"star"}),(0,Je.jsx)(p,{...a,icon:"star"}),(0,Je.jsx)(p,{...a,icon:"star"})]}):t==="icon-text-button"?(0,Je.jsxs)(B,{fillMode:a.fillMode,className:o,children:[(0,Je.jsx)(p,{...a,icon:"star",children:"First"}),(0,Je.jsx)(p,{...a,icon:"star",children:"Middle"}),(0,Je.jsx)(p,{...a,icon:"star",children:"Last"})]}):(0,Je.jsxs)(B,{fillMode:a.fillMode,className:o,children:[(0,Je.jsx)(p,{...a,children:"First"}),(0,Je.jsx)(p,{...a,children:"Middle"}),(0,Je.jsx)(p,{...a,children:"Last"})]})};zo.options=Jm;zo.states=Ym;zo.variants=Qm;zo.defaultOptions=Zm;zo.modifiers=jm;zo.className=B.className;var Va="input",Ln=Va;var ml=require("react/jsx-runtime"),Mn="k-input",eu=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],tu={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[h.undefined,h.solid,h.flat,h.outline]},ou={},ne=e=>{let{hover:t,focus:o,disabled:a,invalid:n,valid:i,loading:l,readonly:c,size:u,rounded:f,fillMode:N,...x}=e;return(0,ml.jsx)("span",{...x,className:r(e.className,Mn,C(Mn,{size:u,rounded:f,fillMode:N}),y(Mn,{hover:t,focus:o,disabled:a,invalid:n,valid:i,loading:l,readonly:c}))})};ne.states=eu;ne.options=tu;ne.className=Mn;ne.defaultOptions=ou;ne.moduleName=Va;ne.folderName=Ln;var ul=require("react/jsx-runtime"),Sn="k-picker",au=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],nu={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[h.undefined,h.solid,h.flat,h.outline]},ru={},Bt=e=>{let{hover:t,focus:o,disabled:a,invalid:n,valid:i,loading:l,readonly:c,size:u,rounded:f,fillMode:N,...x}=e;return(0,ul.jsx)("span",{...x,className:r(e.className,Sn,C(Sn,{size:u,rounded:f,fillMode:N}),y(Sn,{hover:t,focus:o,disabled:a,invalid:n,valid:i,loading:l,readonly:c})),children:e.children})};Bt.states=au;Bt.options=nu;Bt.className=Sn;Bt.defaultOptions=ru;Bt.moduleName=Va;Bt.folderName=Ln;var Uo=require("react/jsx-runtime"),fl="k-clear-value",su=[s.disabled,s.loading,s.readonly],iu={},at=e=>{let{disabled:t,loading:o,readonly:a,value:n}=e;return t\|\|a\|\|o\|\|!n?(0,Uo.jsx)(Uo.Fragment,{}):(0,Uo.jsx)("span",{className:r(e.className,fl),children:(0,Uo.jsx)(v,{icon:"x"})})};at.states=su;at.options=iu;at.className=fl;var $a=require("react/jsx-runtime"),Cr="k-input-inner",lu=[],pu={},ko=e=>{let{value:t,placeholder:o,showValue:a,valueIcon:n,valueIconName:i,...l}=e;return(0,$a.jsxs)("span",{...l,className:r(e.className,Cr,C(Cr,e)),children:[n,!n&&i&&(0,$a.jsx)(v,{className:"k-input-value-icon",icon:i}),a&&!t&&o,a&&t&&(0,$a.jsx)("span",{className:"k-input-value-text",children:t})]})};ko.states=lu;ko.options=pu;ko.className=Cr;var Xa=require("react/jsx-runtime"),bl="k-input-loading-icon",du=[s.disabled,s.loading],Ye=e=>{let{disabled:t,loading:o}=e;return t\|\|!o?(0,Xa.jsx)(Xa.Fragment,{}):(0,Xa.jsx)("span",{className:r(e.className,bl,"k-icon k-i-loading")})};Ye.states=du;Ye.className=bl;var qa=require("react/jsx-runtime"),hl="k-input-validation-icon",cu=[s.valid,s.invalid,s.disabled,s.loading],mu={},He=e=>{let{valid:t,invalid:o,disabled:a,loading:n}=e,i=o?"warning-circle":"check-circle";return a\|\|n\|\|!!!(t\|\|o)?(0,qa.jsx)(qa.Fragment,{}):(0,qa.jsx)(v,{className:r(hl),icon:i})};He.states=cu;He.options=mu;He.className=hl;var Wa=require("react/jsx-runtime"),uu="k-input-prefix",fu={direction:"horizontal"},dt=e=>{let{direction:t=fu.direction,...o}=e;return e.children?(0,Wa.jsx)("span",{...o,className:r(uu,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):(0,Wa.jsx)(Wa.Fragment,{})};var Ja=require("react/jsx-runtime"),bu="k-input-suffix",hu={direction:"horizontal"},ct=e=>{let{direction:t=hu.direction,...o}=e;return e.children?(0,Ja.jsx)("span",{...o,className:r(bu,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):(0,Ja.jsx)(Ja.Fragment,{})};var xu=require("react/jsx-runtime");var xl=require("react/jsx-runtime"),gu="k-input-suffix-text",Er=e=>{let{children:t,...o}=e;return(0,xl.jsx)("span",{...o,className:r(gu,e.className),children:t})};var Nl=require("react/jsx-runtime"),gl="k-input-separator",Nu={direction:"vertical"},mt=e=>{let{direction:t=Nu.direction,...o}=e;return(0,Nl.jsx)("span",{...o,className:r(gl,e.className,{[`${gl}-${t}`]:t})})};var me=require("react/jsx-runtime"),vu=ne.states,ku=ne.defaultOptions,Lu=ne.options,Mu=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],Su=[],Fo=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"],x=t==null?void 0:t["validation-icon"],m=t==null?void 0:t.separators;return(0,me.jsxs)(ne,{...c,valid:o,invalid:a,loading:n,disabled:i,readonly:l,style:{width:300},children:[u&&(0,me.jsxs)(me.Fragment,{children:[(0,me.jsx)(dt,{children:(0,me.jsx)(v,{icon:"lock"})}),m&&(0,me.jsx)(mt,{})]}),(0,me.jsx)(De,{placeholder:"Placeholder",value:"Value"}),x&&(0,me.jsx)(He,{valid:o,invalid:a,loading:n,disabled:i}),(0,me.jsx)(Ye,{loading:n,disabled:i}),N&&(0,me.jsx)(at,{loading:n,disabled:i,readonly:l,value:"Value"}),f&&(0,me.jsxs)(me.Fragment,{children:[m&&(0,me.jsx)(mt,{}),(0,me.jsx)(ct,{children:(0,me.jsx)(Mt,{size:c.size,fillMode:"clear",children:"Send"})})]})]})};Fo.options=Lu;Fo.states=vu;Fo.variants=Su;Fo.defaultOptions=ku;Fo.modifiers=Mu;Fo.className=ne.className;var Ya=require("react/jsx-runtime"),vl="k-color-preview",yu=[],Au={},ro=e=>{let{color:t,iconName:o,...a}=e;return(0,Ya.jsxs)("span",{...a,className:r(e.className,vl,{"k-icon-color-preview":o,"k-no-color":!t}),children:[o&&(0,Ya.jsx)(v,{icon:o,className:"k-color-preview-icon"}),(0,Ya.jsx)("span",{className:"k-color-preview-mask",style:{backgroundColor:t}})]})};ro.states=yu;ro.options=Au;ro.className=vl;var Ir="popup",kl=Ir;var Tr=require("react/jsx-runtime"),Ll="k-animation-container",Cu=[],Eu={},Ml={positionMode:"absolute"},Pt=e=>{let{positionMode:t=Ml.positionMode,animationStyle:o,offset:a,...n}=e;return(0,Tr.jsx)("div",{...n,style:{...a,...e.style},className:r(e.className,Ll,"k-animation-container-shown",{"k-animation-container-fixed":t==="fixed"}),children:(0,Tr.jsx)("div",{className:"k-child-animation-container",style:o,children:e.children})})};Pt.states=Cu;Pt.options=Eu;Pt.className=Ll;Pt.defaultOptions=Ml;Pt.moduleName=Ir;Pt.folderName=kl;var Or="popup",Sl=Or;var Br=require("react/jsx-runtime"),yl="k-popup",Iu=[],Tu={},Al={positionMode:"absolute"},W=e=>{let{offset:t,positionMode:o=Al.positionMode,animationStyle:a,containerClassName:n,containerRole:i,containerAriaLabel:l,...c}=e;return(0,Br.jsx)(Pt,{positionMode:o,offset:t,animationStyle:a,className:n,role:i,"aria-label":l,children:(0,Br.jsx)("div",{...c,className:r(e.className,yl),children:e.children})})};W.states=Iu;W.options=Tu;W.className=yl;W.defaultOptions=Al;W.moduleName=Or;W.folderName=Sl;W.ariaSpec={selector:".k-popup",rules:[{selector:".k-animation-container",attribute:"role (when appended to body)",usage:'Container gets role="region" when appended to document body. Popup is a building block \u2014 ARIA semantics come from consuming components.'}]};var Pr="action-buttons",Cl=Pr;var Il=require("react/jsx-runtime"),yn="k-actions",Ou=[],Bu={},wr={alignment:"start",orientation:"horizontal"},nt=e=>{let{alignment:t=wr.alignment,orientation:o=wr.orientation,...a}=e;return(0,Il.jsx)("div",{...a,className:r(yn,{[`${yn}-${t}`]:t,[`${yn}-${o}`]:o},e.className),children:e.children})};nt.states=Ou;nt.options=Bu;nt.className=yn;nt.defaultOptions=wr;nt.moduleName=Pr;nt.folderName=Cl;var El=nt;var Ol=require("react/jsx-runtime"),Pu="k-actionsheet-footer",Tl={alignment:"stretched",orientation:"horizontal"},so=e=>{let{alignment:t=Tl.alignment,orientation:o=Tl.orientation,template:a,as:n=a?"div":nt,...i}=e;return(0,Ol.jsx)(n,{...i,...!a&&{alignment:t,orientation:o},className:r(e.className,Pu),children:e.children})};var Rr="searchbox",Bl=Rr;var io=require("react/jsx-runtime"),Pl="k-searchbox",wu=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading],Ru={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[h.undefined,h.solid,h.flat,h.outline]},Kr={showIcon:!0,icon:"search"},ut=e=>{let{value:t,placeholder:o,size:a,rounded:n,fillMode:i,hover:l,focus:c,valid:u,invalid:f,required:N,loading:x,disabled:m,showIcon:L=Kr.showIcon,icon:k=Kr.icon,"aria-label":A,...E}=e;return(0,io.jsxs)(ne,{...E,size:a,rounded:n,fillMode:i,hover:l,focus:c,valid:u,invalid:f,required:N,loading:x,disabled:m,className:r(e.className,Pl),children:[L&&(0,io.jsx)(v,{className:"k-input-icon",icon:k}),(0,io.jsx)(De,{placeholder:o,value:t,"aria-label":A}),(0,io.jsx)(Ye,{...e}),(0,io.jsx)(He,{...e}),(0,io.jsx)(at,{...e})]})};ut.states=wu;ut.options=Ru;ut.className=Pl;ut.defaultOptions=Kr;ut.moduleName=Rr;ut.folderName=Bl;var Ku=require("react/jsx-runtime");var _r="textbox",wl=_r;var Ae=require("react/jsx-runtime"),Rl="k-textbox",_u=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.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:[h.undefined,h.solid,h.flat,h.outline]},An={showClearButton:!0,showValidationIcon:!0,separators:!0},xe=e=>{let{size:t,rounded:o,fillMode:a,separators:n=An.separators,showClearButton:i=An.showClearButton,showValidationIcon:l=An.showValidationIcon,prefix:c,suffix:u,type:f,value:N,placeholder:x,hover:m,focus:L,valid:k,invalid:A,required:E,loading:M,disabled:O,readonly:J,id:ye,"aria-label":Ke,"aria-describedby":_e,...ot}=e;return(0,Ae.jsxs)(ne,{...ot,size:t,rounded:o,fillMode:a,hover:m,focus:L,valid:k,invalid:A,required:E,loading:M,disabled:O,readonly:J,className:r(e.className,Rl),children:[c&&(0,Ae.jsxs)(Ae.Fragment,{children:[(0,Ae.jsx)(dt,{children:c}),n&&(0,Ae.jsx)(mt,{})]}),(0,Ae.jsx)(De,{id:ye,placeholder:x,value:N,type:f,disabled:O,"aria-label":Ke,"aria-describedby":_e,"aria-invalid":A?"true":void 0}),l&&(0,Ae.jsx)(He,{valid:k,invalid:A,loading:M,disabled:O}),(0,Ae.jsx)(Ye,{loading:M,disabled:O}),i&&(0,Ae.jsx)(at,{loading:M,disabled:O,readonly:J,value:N}),u&&(0,Ae.jsxs)(Ae.Fragment,{children:[n&&(0,Ae.jsx)(mt,{}),(0,Ae.jsx)(ct,{children:u})]})]})};xe.states=_u;xe.options=Du;xe.className=Rl;xe.defaultOptions=An;xe.moduleName=_r;xe.folderName=wl;xe.ariaSpec={selector:".k-textbox",rules:[{selector:".k-textbox > .k-input-inner",attribute:"role=textbox or nodeName=input",usage:"Describes the role of the component."},{selector:".k-textbox > .k-input-inner",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"The input requires an accessible name (provided by consuming app)."},{selector:".k-textbox > .k-input-inner",attribute:"aria-invalid=true (when invalid)",usage:"Rendered when the TextBox is in an invalid state."},{selector:".k-textbox > .k-input-inner",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message for the input."},{selector:".k-textbox.k-disabled > .k-input-inner",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the TextBox is disabled."}]};var Za=xe;var Kl=require("react/jsx-runtime"),Cn=e=>(0,Kl.jsx)(Za,{...e});var _l=require("react/jsx-runtime");var Dl=require("react/jsx-runtime");var Hu=require("react/jsx-runtime");var En=require("react/jsx-runtime"),zu=xe.states,Uu=xe.defaultOptions,Fu=xe.options,Gu=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],Vu=[],Go=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(n=>{switch(n){case"prefix":a.prefix=t!=null&&t[n]?(0,En.jsx)(v,{icon:"lock"}):void 0;break;case"suffix":a.suffix=t!=null&&t[n]?(0,En.jsx)(Mt,{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,En.jsx)(Cn,{value:"Value",style:{width:300},...o,...a})};Go.options=Fu;Go.states=zu;Go.variants=Vu;Go.defaultOptions=Uu;Go.modifiers=Gu;Go.className=xe.className;var rt=require("react/jsx-runtime"),Hl="k-actionsheet-titlebar",$u={},ze=e=>{let{title:t,subtitle:o,actionsStart:a,actionsEnd:n,filter:i,input:l,inputValue:c,inputPlaceholder:u,adaptive:f,titleId:N,children:x,...m}=e;return(0,rt.jsxs)("div",{...m,className:r(e.className,Hl),children:[(0,rt.jsxs)("div",{className:"k-actionsheet-titlebar-group",children:[a&&(0,rt.jsx)("div",{className:"k-actionsheet-actions",children:a}),!x&&(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})]}),x&&(0,rt.jsx)("div",{className:"k-actionsheet-title",id:N,children:x}),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)(xe,{value:c,placeholder:u,size:f?"large":"medium","aria-label":t\|\|u\|\|"Input"}):(0,rt.jsx)(ut,{placeholder:"Filter",size:f?"large":"medium","aria-label":"Filter options"})})]})};ze.className=Hl;ze.defaultOptions=$u;var Vo=require("react/jsx-runtime"),Dr="k-actionsheet-view",Xu=[],qu={},Wu={},$o=e=>{let{adaptive:t,animated:o,children:a,header:n,footer:i,titleId:l,...c}=e,u=(n==null?void 0:n.type)===ze&&(0,Vo.jsx)(ze,{adaptive:t,titleId:l,...n==null?void 0:n.props}),f=(i==null?void 0:i.type)===so&&(0,Vo.jsx)(so,{...i==null?void 0:i.props});return(0,Vo.jsxs)("div",{...c,className:r(e.className,Dr,{[`${Dr}-animated`]:o}),children:[u,(0,Vo.jsx)("div",{className:"k-actionsheet-content",children:a}),f]})};$o.states=Xu;$o.options=qu;$o.className=Dr;$o.defaultOptions=Wu;var Qa="action-sheet",In=Qa;var Hr="overlay",zl=Hr;var Fl=require("react/jsx-runtime"),Ul="k-overlay",Ju=[],Yu={},Zu={},wt=e=>{let{...t}=e;return(0,Fl.jsx)("div",{...t,className:r(e.className,Ul),children:e.children})};wt.states=Ju;wt.options=Yu;wt.className=Ul;wt.defaultOptions=Zu;wt.moduleName=Hr;wt.folderName=zl;var Lo=require("react/jsx-runtime"),Gl="k-actionsheet",Qu=[],ju={},ja={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},ee=e=>{let{side:t=ja.side,fullscreen:o=ja.fullscreen,adaptive:a=ja.adaptive,overlay:n=ja.overlay,template:i,children:l,header:c,footer:u,id:f,...N}=e,x=f&&!i&&c?`${f}-title`:void 0;return(0,Lo.jsxs)("div",{className:"k-actionsheet-container",children:[n&&(0,Lo.jsx)(wt,{}),(0,Lo.jsx)(Pt,{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,Lo.jsx)("div",{...N,id:f,role:"dialog","aria-modal":n?"true":void 0,"aria-labelledby":x,className:r(e.className,Gl,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":a}),children:i\|\|(0,Lo.jsx)($o,{header:c,footer:u,adaptive:a,titleId:x,...e,children:l})})})]})};ee.states=Qu;ee.options=ju;ee.className=Gl;ee.defaultOptions=ja;ee.moduleName=Qa;ee.folderName=In;ee.ariaSpec={selector:".k-actionsheet",rules:[{selector:".k-actionsheet",attribute:"role=dialog",usage:"Announces the dialog role of the component."},{selector:".k-actionsheet",attribute:"aria-labelledby (when has title)",usage:"Associates the title of the action sheet."},{selector:".k-actionsheet",attribute:"aria-hidden=true/false (when hidden)",usage:"Announces the hidden state of the ActionSheet container."},{selector:".k-actionsheet",attribute:"aria-modal=true (when modal)",usage:"Announces that the action sheet is modal."},{selector:".k-actionsheet .k-actionsheet-title",attribute:"id",usage:"Used to associate the title with the action sheet wrapper element."}]};var $l=require("react/jsx-runtime"),Vl="k-actionsheet-container",ef=[],tf={},of={},Xo=e=>{let{children:t,...o}=e;return(0,$l.jsx)("div",{...o,className:Vl,children:t})};Xo.states=ef;Xo.options=tf;Xo.className=Vl;Xo.defaultOptions=of;Xo.moduleName=Qa;Xo.folderName=In;var Xl=require("react/jsx-runtime"),zr=e=>{let{...t}=e;return(0,Xl.jsx)("div",{...t,className:r(e.className,"k-list-ul"),children:e.children})};var ft=require("react/jsx-runtime"),Ur="k-actionsheet-item",af=[s.hover,s.focus,s.selected,s.disabled],lo=e=>{let{iconName:t,text:o,description:a,hover:n,focus:i,selected:l,disabled:c,...u}=e;return(0,ft.jsxs)("span",{...u,className:r(e.className,Ur,y(Ur,{hover:n,focus:i,selected:l,disabled:c})),children:[!e.children&&(0,ft.jsx)(ft.Fragment,{children:(0,ft.jsxs)("span",{className:"k-actionsheet-action",children:[t&&(0,ft.jsx)("span",{className:"k-icon-wrap",children:(0,ft.jsx)(v,{className:"k-actionsheet-item-icon",icon:t})}),(0,ft.jsxs)("span",{className:"k-actionsheet-item-text",children:[o&&(0,ft.jsx)("span",{className:"k-actionsheet-item-title",children:o}),a&&(0,ft.jsx)("span",{className:"k-actionsheet-item-description",children:a})]})]})}),e.children]})};lo.states=af;lo.className=Ur;var ql=require("react/jsx-runtime");var nf=require("react/jsx-runtime");var rf=require("react/jsx-runtime");var sf=require("react/jsx-runtime");var Y=require("react/jsx-runtime"),lf=ee.options,pf=ee.states,Jl={...ee.defaultOptions,variant:"normal"},df=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],cf=[{name:"actions",title:"Titlebar Actions",type:"boolean"},{name:"subtitle",title:"Subtitle",type:"boolean"},{name:"footer",title:"Footer",type:"boolean"}],qo=e=>{let{variant:t,modifiers:o,...a}={...Jl,...e},n={},i=(0,Y.jsxs)(zr,{children:[(0,Y.jsx)(lo,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),(0,Y.jsx)(lo,{text:"Add to Favorites",iconName:"heart"}),(0,Y.jsx)(lo,{text:"Upload New",iconName:"upload",disabled:!0}),(0,Y.jsx)("hr",{className:"k-hr"}),(0,Y.jsx)(lo,{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,Y.jsx)(ee,{...a,adaptive:!0,fullscreen:n.fullScreen,header:(0,Y.jsx)(ze,{actionsStart:n.actionsStart?(0,Y.jsx)(p,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:n.actionsEnd?(0,Y.jsx)(p,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:c,subtitle:n.subtitle}),footer:n.footer?(0,Y.jsxs)(so,{alignment:"stretched",children:[(0,Y.jsx)(p,{text:"Cancel",size:"large",themeColor:"base"}),(0,Y.jsx)(p,{text:"Apply",size:"large",themeColor:"primary"})]}):void 0,children:i}):(0,Y.jsx)(ee,{...a,fullscreen:n.fullScreen,header:(0,Y.jsx)(ze,{actionsStart:n.actionsStart?(0,Y.jsx)(p,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:n.actionsEnd?(0,Y.jsx)(p,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:n.subtitle}),footer:n.footer?(0,Y.jsxs)(so,{alignment:"stretched",children:[(0,Y.jsx)(p,{text:"Apply",themeColor:"primary"}),(0,Y.jsx)(p,{text:"Cancel",themeColor:"base"})]}):void 0,children:i})};qo.options=lf;qo.states=pf;qo.variants=df;qo.defaultOptions=Jl;qo.modifiers=cf;qo.className=ee.className;var Fr="slider",Yl=Fr;var yt=require("react/jsx-runtime"),en="k-slider",mf=[s.hover,s.focus,s.active,s.disabled,s.readonly],uf={},bt={type:"single",orientation:"horizontal",gradientType:"1d",readonly:!1,disabled:!1,handlePosition:"end",showButtons:!0,showTicks:!0,value:50,min:0,max:100},$=e=>{let{type:t=bt.type,orientation:o=bt.orientation,gradientType:a=bt.gradientType,readonly:n=bt.readonly,disabled:i=bt.disabled,handlePosition:l=bt.handlePosition,showButtons:c=bt.showButtons,showTicks:u=bt.showTicks,value:f=bt.value,min:N=bt.min,max:x=bt.max,startValue:m,endValue:L,hover:k,focus:A,active:E,trackStyle:M,dir:O,...J}=e,Ke=(()=>{if(t==="gradient"&&a==="2d")return"undefined";if(o==="vertical")return"vertical"})(),_e,ot;return o==="horizontal"?(_e=O==="rtl"?"chevron-left":"chevron-right",ot=O==="rtl"?"chevron-right":"chevron-left"):o==="vertical"&&(_e="chevron-up",ot="chevron-down"),(0,yt.jsxs)("div",{...J,className:r(en,e.className,y(en,{readonly:n,disabled:i}),{[`k-slider-${o}`]:o,"k-colorgradient-slider":t==="gradient"}),dir:O,children:[c&&(0,yt.jsx)(p,{className:"k-button-decrease",rounded:"full",icon:ot,tabIndex:-1,title:"Decrease"}),(0,yt.jsxs)("div",{className:"k-slider-track-wrap",children:[u&&(0,yt.jsx)("ul",{className:"k-reset k-slider-items","aria-hidden":"true",children:e.children}),(0,yt.jsxs)("div",{className:"k-slider-track",style:M,children:[(0,yt.jsx)("div",{className:"k-slider-selection"}),t==="range"&&(0,yt.jsx)("span",{className:r("k-draghandle","k-draghandle-start",y(en,{hover:k,focus:A,active:E})),role:"slider",tabIndex:i?void 0:0,"aria-valuenow":m??N,"aria-valuemin":N,"aria-valuemax":L??x,"aria-orientation":Ke,"aria-disabled":i?"true":void 0,"aria-readonly":n?"true":void 0,"aria-label":J["aria-label"]?`${J["aria-label"]} start`:"Range start"}),(0,yt.jsx)("span",{className:r("k-draghandle",`k-draghandle-${l}`,y(en,{hover:k,focus:A,active:E})),role:"slider",tabIndex:i?void 0:0,"aria-valuenow":t==="range"?L??x:f,"aria-valuemin":t==="range"?m??N:N,"aria-valuemax":x,"aria-orientation":Ke,"aria-disabled":i?"true":void 0,"aria-readonly":n?"true":void 0,"aria-label":t==="range"?J["aria-label"]?`${J["aria-label"]} end`:"Range end":J["aria-label"]})]})]}),c&&(0,yt.jsx)(p,{className:"k-button-increase",rounded:"full",icon:_e,tabIndex:-1,title:"Increase"})]})};$.states=mf;$.options=uf;$.className=en;$.defaultOptions=bt;$.moduleName=Fr;$.folderName=Yl;$.ariaSpec={selector:".k-slider",rules:[{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"role=slider",usage:"Sets the proper role for Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-label or aria-labelledby or title",usage:"The Slider needs an accessible name to be assigned to it."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-invalid=true (when invalid)",usage:"Rendered only when the Slider is in a form and announces the invalid state."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuenow",usage:"Specifies the currently selected value in the Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuemin",usage:"Specifies the minimum available value in the Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuemax",usage:"Specifies the maximum available value in the Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuetext (when has text alternative)",usage:"Specifies a human-readable text alternative to the numeric value. Provided by consuming applications."},{selector:".k-slider:not(.k-disabled) .k-draghandle:not(.k-hsv-draghandle)",attribute:"tabindex=0",usage:"The element must be focusable. Disabled sliders are removed from tab order."},{selector:".k-slider-vertical .k-draghandle",attribute:"aria-orientation=vertical (when vertical)",usage:"Present only when slider is vertical."},{selector:".k-slider.k-disabled .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-disabled=true",usage:"Rendered only when the Slider is disabled."},{selector:".k-slider.k-readonly .k-draghandle",attribute:"aria-readonly=true (when readonly)",usage:"Rendered only when the Slider is readonly. Readonly sliders remain focusable but their value cannot be changed."},{selector:".k-slider .k-button",attribute:"tabindex=-1",usage:"Excludes the buttons from the natural tab order. Keyboard users use arrow keys on the drag handle."},{selector:".k-slider .k-button",attribute:"title",usage:'Provides a tooltip describing the button action (e.g., "Decrease" or "Increase").'},{selector:".k-slider .k-slider-items",attribute:"aria-hidden=true",usage:"Hides the tick list from assistive technologies. Tick values are redundant with the drag handle value attributes."},{selector:".k-slider .k-tick",attribute:"role=presentation",usage:"Removes semantic meaning from individual tick elements. Ticks are visual-only markers."},{selector:".k-slider .k-tick",attribute:"title",usage:"Represents the value associated with the respective tick."}]};var Gr=require("react/jsx-runtime"),Zl="k-tick",ff=[],bf={},Ql={label:!1},I=e=>{let{style:t,label:o=Ql.label,orientation:a,large:n,text:i,...l}=e;return(0,Gr.jsx)("li",{...l,role:"presentation",title:i\|\|"Tick",className:r(e.className,Zl,{[`k-tick-${a}`]:a,"k-tick-large":n}),style:t,children:o&&(0,Gr.jsx)("span",{className:"k-label",children:i})})};I.states=ff;I.options=bf;I.className=Zl;I.defaultOptions=Ql;var ge=require("react/jsx-runtime"),jl=e=>(0,ge.jsx)($,{"aria-label":e["aria-label"]\|\|"Slider",children:(0,ge.jsxs)(ge.Fragment,{children:[(0,ge.jsx)(I,{className:"k-first",label:!0,large:!0,text:"0"}),(0,ge.jsx)(I,{}),(0,ge.jsx)(I,{}),(0,ge.jsx)(I,{}),(0,ge.jsx)(I,{}),(0,ge.jsx)(I,{label:!0,large:!0,text:"5"}),(0,ge.jsx)(I,{}),(0,ge.jsx)(I,{}),(0,ge.jsx)(I,{}),(0,ge.jsx)(I,{}),(0,ge.jsx)(I,{className:"k-last",label:!0,large:!0,text:"10"})]}),...e});var Ne=require("react/jsx-runtime"),ep=e=>(0,Ne.jsx)($,{children:(0,Ne.jsxs)(Ne.Fragment,{children:[(0,Ne.jsx)(I,{className:"k-first",label:!0,large:!0,text:"0"}),(0,Ne.jsx)(I,{}),(0,Ne.jsx)(I,{}),(0,Ne.jsx)(I,{}),(0,Ne.jsx)(I,{}),(0,Ne.jsx)(I,{label:!0,large:!0,text:"5"}),(0,Ne.jsx)(I,{}),(0,Ne.jsx)(I,{}),(0,Ne.jsx)(I,{}),(0,Ne.jsx)(I,{}),(0,Ne.jsx)(I,{className:"k-last",label:!0,large:!0,text:"10"})]}),"aria-label":e["aria-label"]\|\|"Vertical slider",...e,orientation:"vertical"});var Vr=require("react/jsx-runtime");var $r=require("react/jsx-runtime");var tp=require("react/jsx-runtime"),Xr=e=>(0,tp.jsx)($,{type:"gradient",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]\|\|"Color slider"});var op=require("react/jsx-runtime"),qr=e=>(0,op.jsx)($,{type:"gradient",orientation:"vertical",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]\|\|"Color slider"});var Wr=require("react/jsx-runtime");var Jr=require("react/jsx-runtime");var Ze=require("react/jsx-runtime"),hf=$.options,xf=$.states,ap={...$.defaultOptions,variant:"horizontal",label:!0},gf=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],Nf=[{name:"label",title:"Labels"},{name:"tick",title:"Ticks"},{name:"button",title:"Side Buttons"}],Wo=e=>{let{variant:t,modifiers:o,...a}={...ap,...e},n={};Object.keys(o\|\|{}).forEach(f=>{switch(f){case"button":{n.showButtons=!!(o!=null&&o[f]);break}case"label":{n.label=!!(o!=null&&o[f]);break}case"tick":{n.showTicks=!!(o!=null&&o[f]);break}}});let{label:i=!0,showButtons:l,showTicks:c}=n,u={"--kendo-slider-start":0,"--kendo-slider-end":60};return t==="vertical"?(0,Ze.jsxs)(ep,{showTicks:c,showButtons:l,style:{height:"300px",...u},...a,children:[(0,Ze.jsx)(I,{label:i,large:!0,orientation:"vertical",text:"0",style:{position:"absolute",bottom:"0%"}}),(0,Ze.jsx)(I,{label:i,large:!0,orientation:"vertical",text:"2",style:{position:"absolute",bottom:"25%"}}),(0,Ze.jsx)(I,{label:i,large:!0,orientation:"vertical",text:"4",style:{position:"absolute",bottom:"50%"}}),(0,Ze.jsx)(I,{label:i,large:!0,orientation:"vertical",text:"6",style:{position:"absolute",bottom:"75%"}}),(0,Ze.jsx)(I,{label:i,large:!0,orientation:"vertical",text:"8",style:{position:"absolute",bottom:"100%"}})]}):(0,Ze.jsxs)(jl,{showTicks:c,showButtons:l,style:{width:"400px",...u},...a,children:[(0,Ze.jsx)(I,{label:i,large:!0,orientation:"horizontal",text:"0",style:{position:"absolute",left:"0%"}}),(0,Ze.jsx)(I,{label:i,large:!0,orientation:"horizontal",text:"2",style:{position:"absolute",left:"25%"}}),(0,Ze.jsx)(I,{label:i,large:!0,orientation:"horizontal",text:"4",style:{position:"absolute",left:"50%"}}),(0,Ze.jsx)(I,{label:i,large:!0,orientation:"horizontal",text:"6",style:{position:"absolute",left:"75%"}}),(0,Ze.jsx)(I,{label:i,large:!0,orientation:"horizontal",text:"8",style:{position:"absolute",left:"100%"}})]})};Wo.options=hf;Wo.states=xf;Wo.variants=gf;Wo.defaultOptions=ap;Wo.modifiers=Nf;Wo.className=$.className;var tn=require("react/jsx-runtime"),np="k-spin-button",Lf=[],Mf={size:[d.undefined,d.small,d.medium,d.large],fillMode:[h.undefined,h.solid,h.flat,h.outline,h.clear,h.link]},Yr={increaseLabel:"Increase value",decreaseLabel:"Decrease value"},po=e=>{let{size:t,fillMode:o,disabled:a,increaseLabel:n=Yr.increaseLabel,decreaseLabel:i=Yr.decreaseLabel,...l}=e;return(0,tn.jsxs)("span",{...l,className:r(np,e.className),children:[(0,tn.jsx)(p,{className:"k-spinner-increase",icon:"chevron-up",size:t,fillMode:o,disabled:a,"aria-label":n}),(0,tn.jsx)(p,{className:"k-spinner-decrease",icon:"chevron-down",size:t,fillMode:o,disabled:a,"aria-label":i})]})};po.states=Lf;po.options=Mf;po.className=np;po.defaultOptions=Yr;po.moduleName=null;po.folderName=null;var rp="numeric-textbox",sp="numerictextbox";var ve=require("react/jsx-runtime"),ip="k-numerictextbox",Sf=[s.hover,s.focus,s.valid,s.invalid,s.loading,s.required,s.disabled,s.readonly],yf={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[h.undefined,h.solid,h.flat,h.outline]},Tn={showSpinButton:!0,showClearButton:!0,separators:!0},D=e=>{let{size:t,rounded:o,fillMode:a,separators:n=Tn.separators,showClearButton:i=Tn.showClearButton,showSpinButton:l=Tn.showSpinButton,prefix:c,suffix:u,value:f,placeholder:N,hover:x,focus:m,valid:L,invalid:k,required:A,loading:E,disabled:M,readonly:O,id:J,"aria-label":ye,"aria-describedby":Ke,..._e}=e;return(0,ve.jsxs)(ne,{..._e,size:t,rounded:o,fillMode:a,hover:x,focus:m,valid:L,invalid:k,required:A,loading:E,disabled:M,readonly:O,className:r(e.className,ip),children:[c&&(0,ve.jsxs)(ve.Fragment,{children:[(0,ve.jsx)(dt,{children:c}),n&&(0,ve.jsx)(mt,{})]}),(0,ve.jsx)(De,{id:J,placeholder:N,value:f,role:"spinbutton",disabled:M,"aria-label":ye,"aria-describedby":Ke,"aria-invalid":k?"true":void 0}),(0,ve.jsx)(He,{valid:L,invalid:k,loading:E,disabled:M}),(0,ve.jsx)(Ye,{loading:E,disabled:M}),i&&(0,ve.jsx)(at,{loading:E,disabled:M,readonly:O,value:f}),u&&(0,ve.jsxs)(ve.Fragment,{children:[n&&(0,ve.jsx)(mt,{}),(0,ve.jsx)(ct,{children:u})]}),l&&(0,ve.jsx)(po,{className:"k-input-spinner",size:t,fillMode:a,disabled:M})]})};D.states=Sf;D.options=yf;D.className=ip;D.defaultOptions=Tn;D.moduleName=rp;D.folderName=sp;D.ariaSpec={selector:".k-numerictextbox",rules:[{selector:".k-numerictextbox > .k-input-inner",attribute:"role=spinbutton",usage:"Announces the spin button capabilities of the NumericTextBox."},{selector:".k-numerictextbox > .k-input-inner",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"The input requires an accessible name (provided by consuming app)."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-valuenow (when has value)",usage:"Announces the current value of the component."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-valuemin (when has min)",usage:"Announces the minimum allowed value."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-valuemax (when has max)",usage:"Announces the maximum allowed value."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-invalid=true (when invalid)",usage:"Rendered when the NumericTextBox is in an invalid state."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message."},{selector:".k-numerictextbox.k-disabled > .k-input-inner",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the NumericTextBox is disabled."},{selector:".k-numerictextbox .k-spin-button > .k-button",attribute:"role=button or nodeName=button",usage:"Describes the role of the spin buttons."},{selector:".k-numerictextbox .k-spin-button > .k-button",attribute:"aria-label",usage:"The button element requires discernible text."},{selector:".k-numerictextbox.k-disabled .k-spin-button > .k-button",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the NumericTextBox is disabled."}]};var on=D;var pp=require("react/jsx-runtime"),lp=e=>(0,pp.jsx)(on,{...e});var Bn=Pi(require("react"));var Zr=require("react/jsx-runtime"),Af="k-list-group-sticky-header",Qr=e=>(0,Zr.jsx)("div",{className:r(Af,e.className),children:(0,Zr.jsx)("div",{className:"k-list-header-text",children:e.children})});var dp=require("react/jsx-runtime"),Cf="k-no-data",On=e=>{let{live:t,...o}=e;return(0,dp.jsx)("span",{...o,className:r(Cf,e.className),"aria-live":t?"polite":void 0,children:e.children})};var Mo="list",Jo=Mo;var Yo=require("react/jsx-runtime"),jr="k-list",Ef=[],If={size:[d.undefined,d.small,d.medium,d.large]},Tf={},K=e=>{var L;let{size:t,virtualization:o,children:a,header:n,optionLabel:i,customValue:l,noData:c,screenReaders:u,...f}=e,x=Bn.default.Children.toArray(a)[0],m=(L=x==null?void 0:x.props)!=null&&L.children?Bn.default.Children.count(x.props.children):Bn.default.Children.count(a);return(0,Yo.jsxs)("div",{...f,className:r(e.className,jr,C(jr,{size:t}),{"k-virtual-list":o}),children:[i,l,n&&(0,Yo.jsx)(Qr,{children:n}),a\|\|(c!==void 0?c:(0,Yo.jsx)(On,{live:!0,children:"No data found."})),u&&a&&(0,Yo.jsxs)(On,{className:"k-sr-only",live:!0,children:[m," items found."]})]})};K.states=Ef;K.options=If;K.className=jr;K.defaultOptions=Tf;K.moduleName=Mo;K.folderName=Jo;K.ariaSpec={selector:".k-list",rules:[{selector:".k-list .k-no-data",attribute:"aria-live=polite",usage:'Announces "No data found" to screen readers.'}]};var mp=require("react/jsx-runtime"),cp="k-list-container",Of=[],Bf={},Pf={},Zo=e=>{let{...t}=e;return(0,mp.jsx)("div",{...t,className:r(e.className,cp),children:e.children})};Zo.states=Of;Zo.options=Bf;Zo.className=cp;Zo.defaultOptions=Pf;Zo.moduleName=Mo;Zo.folderName=Jo;var So="checkbox",Qo=So;var es=require("react/jsx-runtime"),Pn="k-checkbox",wf=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.checked,s.indeterminate],Rf={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full]},Kf={},ht=e=>{let{id:t,checked:o,indeterminate:a,hover:n,focus:i,disabled:l,invalid:c,valid:u,required:f,size:N,rounded:x,wrapperRole:m,...L}=e;return(0,es.jsx)("span",{className:"k-checkbox-wrap",role:m,children:(0,es.jsx)("input",{...L,id:t,type:"checkbox",defaultChecked:o,required:f,disabled:l\|\|void 0,"aria-invalid":c?"true":void 0,className:r(e.className,Pn,C(Pn,{size:N,rounded:x}),y(Pn,{hover:n,focus:i,disabled:l,invalid:c,valid:u,indeterminate:a,checked:o}))})})};ht.states=wf;ht.options=Rf;ht.className=Pn;ht.defaultOptions=Kf;ht.moduleName=So;ht.folderName=Qo;ht.ariaSpec={selector:".k-checkbox",rules:[{selector:".k-checkbox",attribute:"role=checkbox or type=checkbox",usage:"Announces the checkbox role of the element."},{selector:".k-checkbox",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"The input requires an accessible name to which it will be assigned."},{selector:".k-checkbox",attribute:"aria-checked=true/false/mixed or checked",usage:"For native checkboxes the checked state is handled by the browser. aria-checked is used for custom implementations."},{selector:".k-checkbox",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message for the checkbox."},{selector:".k-checkbox",attribute:"disabled or aria-disabled=true (when disabled)",usage:"For native checkboxes use the HTML disabled attribute. aria-disabled for custom implementations."},{selector:".k-invalid, .ng-invalid",attribute:"aria-invalid=true (when invalid)",usage:"Rendered only when the CheckBox is in a form and announces the invalid state."}]};var At=ht;var bp=require("react/jsx-runtime"),up="k-checkbox-list",_f=[],Df={},fp={layout:"vertical"},Ue=e=>{let{layout:t=fp.layout,...o}=e;return(0,bp.jsx)("ul",{...o,className:r(e.className,up,{[`k-list-${t}`]:t}),children:e.children})};Ue.states=_f;Ue.options=Df;Ue.className=up;Ue.defaultOptions=fp;Ue.moduleName=So;Ue.folderName=Qo;var xp=require("react/jsx-runtime"),hp="k-checkbox-list-item",Hf=[],zf={},Uf={},Fe=e=>{let{...t}=e;return(0,xp.jsx)("li",{...t,className:r(e.className,hp),children:e.children})};Fe.states=Hf;Fe.options=zf;Fe.className=hp;Fe.defaultOptions=Uf;Fe.moduleName=So;Fe.folderName=Qo;var yo=require("react/jsx-runtime"),qt=({children:e="Label",id:t="cb-label-after",...o})=>(0,yo.jsxs)(yo.Fragment,{children:[(0,yo.jsx)(At,{id:t,...o}),(0,yo.jsx)("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});var ts=require("react/jsx-runtime");var os=require("react/jsx-runtime");var as=require("react/jsx-runtime");var Ff=require("react/jsx-runtime");var Gf=require("react/jsx-runtime");var Vf=require("react/jsx-runtime");var Ce=require("react/jsx-runtime"),$f=Ue.options,Xf=Ue.states,qf={...Ue.defaultOptions,variant:"vertical"},Wf=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],Jf=[],jo=e=>{let{variant:t,...o}=e;return t==="horizontal"?(0,Ce.jsxs)(Ue,{layout:"horizontal",...o,children:[(0,Ce.jsx)(Fe,{children:(0,Ce.jsx)(qt,{id:R("cb"),defaultChecked:!0,children:"Label"})}),(0,Ce.jsx)(Fe,{children:(0,Ce.jsx)(qt,{id:R("cb"),children:"Label"})}),(0,Ce.jsx)(Fe,{children:(0,Ce.jsx)(qt,{id:R("cb"),children:"Label"})})]}):(0,Ce.jsxs)(Ue,{...o,children:[(0,Ce.jsx)(Fe,{children:(0,Ce.jsx)(qt,{id:R("cb"),defaultChecked:!0,children:"Label"})}),(0,Ce.jsx)(Fe,{children:(0,Ce.jsx)(qt,{id:R("cb"),children:"Label"})}),(0,Ce.jsx)(Fe,{children:(0,Ce.jsx)(qt,{id:R("cb"),children:"Label"})})]})};jo.options=$f;jo.states=Xf;jo.variants=Wf;jo.defaultOptions=qf;jo.modifiers=Jf;jo.className=Ue.className;var gp=require("react/jsx-runtime"),Yf=At.options,Zf=At.states,Qf=At.defaultOptions,jf=[],eb=[],ea=e=>(0,gp.jsx)(qt,{id:R("checkbox"),...e,defaultChecked:!0,children:"Label"});ea.options=Yf;ea.states=Zf;ea.variants=jf;ea.defaultOptions=Qf;ea.modifiers=eb;ea.className=At.className;var Rt=require("react/jsx-runtime"),ns="k-list-item",tb=[s.hover,s.focus,s.selected,s.disabled],ob={},ab={},P=e=>{let{text:t,groupLabel:o,group:a,iconName:n,iconClassName:i,showCheckbox:l,checked:c,hover:u,focus:f,selected:N,disabled:x,actions:m,description:L,id:k,...A}=e,E=t\|\|e.children;return(0,Rt.jsxs)("li",{...A,id:k,role:a?"presentation":"option",tabIndex:a?void 0:f?0:-1,"aria-selected":!a&&N?"true":a?void 0:"false","aria-disabled":!a&&x?"true":void 0,className:r(e.className,a?"k-list-group-item":ns,y(ns,{hover:u,focus:f,disabled:x,selected:N})),children:[l&&(0,Rt.jsx)(ht,{checked:c}),n&&(0,Rt.jsx)("span",{className:"k-list-item-icon-wrapper",children:(0,Rt.jsx)(v,{icon:n,className:r("k-list-item-icon",i)})}),(0,Rt.jsx)("span",{className:"k-list-item-text",children:E}),m&&(0,Rt.jsx)("div",{className:"k-list-item-actions",children:m}),L&&(0,Rt.jsx)("span",{className:"k-list-item-description",children:L}),o&&o!==""&&(0,Rt.jsx)("div",{className:"k-list-item-group-label",children:o})]})};P.states=tb;P.options=ob;P.className=ns;P.defaultOptions=ab;P.moduleName=Mo;P.folderName=Jo;P.ariaSpec={selector:".k-list-item",rules:[{selector:".k-list-item",attribute:"role=option",usage:"Each list item is an option in the listbox."},{selector:".k-list-item",attribute:"id",usage:"ID for aria-activedescendant reference."},{selector:".k-list-item",attribute:"aria-selected (when selectable)",usage:"Indicates the selected state of the option."},{selector:".k-list-group-item",attribute:"role=presentation",usage:"Group headers are presentational, not selectable options."},{selector:".k-list-item-icon",attribute:"aria-hidden=true",usage:"Decorative icons are hidden from assistive technology."}]};var Np=require("react/jsx-runtime"),nb="k-list-ul",Wt=e=>{let{children:t,role:o,id:a,...n}=e;return(0,Np.jsx)("ul",{...n,id:a,role:o,className:r(nb,e.className),children:t})};Wt.ariaSpec={selector:".k-list-ul",rules:[{selector:'.k-list-ul[role="listbox"]',attribute:"role=listbox",usage:"For ungrouped lists, the UL has the listbox role."},{selector:'.k-list-ul[role="listbox"]',attribute:"aria-label or aria-labelledby (when has accessible name)",usage:"Accessible name for the listbox."},{selector:'.k-list-ul[role="group"]',attribute:"role=group",usage:"For grouped sublists under a group header."},{selector:'.k-list-ul[role="group"]',attribute:"aria-labelledby (when grouped)",usage:"References the group header ID."}]};var ta=require("react/jsx-runtime"),rb="k-list-content",F=e=>{let{virtualization:t,grouping:o,"aria-label":a,"aria-labelledby":n,listboxId:i,...l}=e;return(0,ta.jsxs)("div",{...l,className:r(rb,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,ta.jsx)(Wt,{role:"listbox",id:i,"aria-label":a,"aria-labelledby":n,children:e.children}),t&&(0,ta.jsx)("div",{className:"k-height-container",children:(0,ta.jsx)("div",{})})]})};F.ariaSpec={selector:".k-list-content",rules:[{selector:'.k-list-content[role="listbox"]',attribute:"role=listbox",usage:"For grouped lists, the list content container has the listbox role."},{selector:'.k-list-content[role="listbox"]',attribute:"aria-label or aria-labelledby (when has accessible name)",usage:"Accessible name for the listbox."}]};var rs=require("react/jsx-runtime");var oa=require("react/jsx-runtime"),sb="k-list-group-item",Ao=e=>{let{groupIconName:t,...o}=e;return(0,oa.jsxs)("li",{...o,role:"presentation",className:r(sb,e.className),children:[t&&(0,oa.jsx)("span",{className:"k-list-item-icon-wrapper",children:(0,oa.jsx)(v,{icon:t,className:"k-list-item-icon"})}),(0,oa.jsx)("span",{className:"k-list-item-text",children:e.children})]})};Ao.ariaSpec={selector:".k-list-group-item",rules:[{selector:".k-list-group-item",attribute:"role=presentation",usage:"Group headers are presentational, not selectable options."},{selector:".k-list-group-item",attribute:"id (when referenced)",usage:"ID for aria-labelledby on the parent group UL."}]};var vp=require("react/jsx-runtime"),ss="k-list-optionlabel",ib=[s.hover,s.focus,s.selected,s.disabled],lb={},pb={},wn=e=>{let{text:t,hover:o,focus:a,selected:n,disabled:i,...l}=e;return(0,vp.jsx)("div",{...l,className:r(ss,y(ss,{hover:o,focus:a,selected:n,disabled:i})),children:t})};wn.states=ib;wn.options=lb;wn.className=ss;wn.defaultOptions=pb;var kp=require("react/jsx-runtime"),is="k-list-custom-value",db=[s.hover,s.focus,s.selected,s.disabled],cb={},mb={},co=e=>{let{text:t,hover:o,focus:a,selected:n,disabled:i,...l}=e;return(0,kp.jsx)("div",{...l,className:r(is,y(is,{hover:o,focus:a,selected:n,disabled:i})),children:t})};co.states=db;co.options=cb;co.className=is;co.defaultOptions=mb;var ls=require("react/jsx-runtime");var ps=require("react/jsx-runtime");var ds=require("react/jsx-runtime");var cs=require("react/jsx-runtime");var ub=require("react/jsx-runtime");var ms=require("react/jsx-runtime");var Lp="dropdown-list",Mp="dropdownlist";var Z=require("react/jsx-runtime"),Sp="k-dropdownlist",fb=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],bb={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[h.undefined,h.solid,h.flat,h.outline]},us={showValue:!0,arrowIconName:"chevron-down"},pe=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:n=us.arrowIconName,showValue:i=us.showValue,valueIconName:l,prefix:c,suffix:u,value:f,placeholder:N,hover:x,focus:m,valid:L,invalid:k,required:A,loading:E,disabled:M,readonly:O,popup:J,opened:ye,adaptive:Ke,adaptiveSettings:_e,adaptiveTitle:ot,adaptiveSubtitle:No,adaptiveFilter:or,id:no,activeDescendant:fn,"aria-label":ar,...nr}=e,Fc=no?`${no}-listbox`:void 0,Oi=no?`${no}-value`:void 0;return(0,Z.jsxs)(Z.Fragment,{children:[(0,Z.jsxs)(Bt,{...nr,id:no,size:t,rounded:o,fillMode:a,hover:x,focus:m,valid:L,invalid:k,required:A,loading:E,disabled:M,readonly:O,className:r(e.className,Sp,{"k-icon-picker":!i&&l}),role:"combobox","aria-haspopup":"listbox","aria-expanded":ye?"true":"false","aria-controls":ye?Fc:void 0,"aria-activedescendant":ye&&fn?fn:void 0,"aria-describedby":ye?Oi:void 0,"aria-disabled":M?"true":void 0,"aria-label":ar,tabIndex:0,children:[(0,Z.jsx)(dt,{children:c}),(0,Z.jsx)(ko,{placeholder:N,value:f,showValue:i,valueIconName:l,id:Oi}),(0,Z.jsx)(He,{valid:L,invalid:k,loading:E,disabled:M}),(0,Z.jsx)(Ye,{loading:E,disabled:M}),(0,Z.jsx)(ct,{children:u}),(0,Z.jsx)(p,{className:"k-input-button",icon:n,size:e.size,fillMode:e.fillMode,"aria-label":N\|\|"Toggle dropdown",tabIndex:-1})]}),ye&&J&&(0,Z.jsx)(W,{className:"k-list-container k-dropdownlist-popup",containerRole:"region",containerAriaLabel:"Dropdown suggestions",children:J}),Ke&&(0,Z.jsx)(ee,{adaptive:!0,..._e,header:(0,Z.jsx)(ze,{actionsEnd:(0,Z.jsx)(p,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),filter:or,inputValue:f,inputPlaceholder:N,title:ot,subtitle:No}),children:(0,Z.jsx)("div",{className:"k-list-container",children:(0,Z.jsx)(K,{size:"large",children:(0,Z.jsxs)(F,{"aria-label":"Options",children:[(0,Z.jsx)(P,{text:"List item"}),(0,Z.jsx)(P,{text:"List item"}),(0,Z.jsx)(P,{text:"List item"})]})})})})]})};pe.states=fb;pe.options=bb;pe.className=Sp;pe.defaultOptions=us;pe.moduleName=Lp;pe.folderName=Mp;pe.ariaSpec={rules:[{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"role=combobox",usage:"Announces the dropdown element."},{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"aria-haspopup=listbox",usage:"Indicates the presence of a listbox popup."},{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"aria-expanded",usage:"Announces the visibility state of the popup."},{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"aria-label",usage:"Accessible name for the dropdown."},{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-dropdownlist.k-disabled",attribute:"aria-disabled=true",usage:"Rendered when the dropdown is disabled."},{selector:".k-dropdownlist .k-input-button",attribute:"aria-label",usage:"Accessible name for the dropdown button."},{selector:".k-dropdownlist .k-input-button",attribute:"tabindex=-1",usage:"The button must not be focusable."},{selector:".k-dropdownlist-popup .k-list-content, .k-dropdownlist-popup .k-list-ul",attribute:"role=listbox",usage:"Popup list has listbox role."},{selector:'.k-dropdownlist-popup .k-list-ul[role="listbox"]',attribute:"aria-label or aria-labelledby",usage:"Popup listbox must have an accessible name. Consuming code is responsible for associating with the component label via aria-labelledby."},{selector:".k-dropdownlist-popup .k-list-item",attribute:"role=option",usage:"Each list item is an option."}]};var hb=require("react/jsx-runtime");var yp=require("react/jsx-runtime");var fs=require("react/jsx-runtime");var xb=require("react/jsx-runtime");var Ap=require("react/jsx-runtime");var bs=require("react/jsx-runtime");var gb=require("react/jsx-runtime");var Qe=require("react/jsx-runtime"),Nb=pe.states,vb=pe.defaultOptions,kb=pe.options,Lb=[{name:"opened",title:"Opened"}],Mb=[],na=e=>{let{modifiers:t,...o}=e,a={},n=(0,Qe.jsxs)(Qe.Fragment,{children:[(0,Qe.jsx)("div",{className:"k-list-filter",children:(0,Qe.jsx)(ut,{})}),(0,Qe.jsx)(K,{style:{width:300},size:o.size,children:(0,Qe.jsxs)(F,{children:[(0,Qe.jsx)(P,{children:"List item"}),(0,Qe.jsx)(P,{children:"List item"}),(0,Qe.jsx)(P,{children:"List item"})]})})]});return Object.keys(t\|\|{}).forEach(i=>{i==="opened"&&(a.opened=!!(t!=null&&t[i]),a.popup=t!=null&&t[i]?n:void 0)}),(0,Qe.jsx)("div",{children:(0,Qe.jsx)(pe,{placeholder:"Value",style:{width:300},...o,...a})})};na.options=kb;na.states=Nb;na.variants=Mb;na.defaultOptions=vb;na.modifiers=Lb;na.className=pe.className;var Cp=require("react/jsx-runtime");var Ep=require("react/jsx-runtime");var Sb=require("react/jsx-runtime");var Rn=require("react/jsx-runtime"),yb=D.states,Ab=D.defaultOptions,Cb=D.options,Eb=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"spin-button",title:"`Spin` Button"}],Ib=[],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,Rn.jsx)(pe,{size:o.size,fillMode:"flat",value:"mm"}):void 0;break;case"suffix":a.suffix=t!=null&&t[n]?(0,Rn.jsx)(Er,{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,Rn.jsx)(lp,{value:"Value",style:{width:300},...o,...a})};ra.options=Cb;ra.states=yb;ra.variants=Ib;ra.defaultOptions=Ab;ra.modifiers=Eb;ra.className=D.className;var S=require("react/jsx-runtime"),Ip="k-colorgradient-inputs",Tb=[],Ob={size:[d.undefined,d.small,d.medium,d.large]},Tp={mode:"rgba"},sa=e=>{let{mode:t=Tp.mode,size:o,...a}=e;return(0,S.jsxs)("div",{...a,className:r(Ip,"k-hstack"),children:[(0,S.jsx)("div",{className:"k-vstack",children:(0,S.jsx)(p,{fillMode:"flat",icon:"caret-alt-expand",className:"k-colorgradient-toggle-mode",size:o,"aria-label":"Toggle color input format"})}),t==="rgba"&&(0,S.jsxs)(S.Fragment,{children:[(0,S.jsxs)("div",{className:"k-vstack",children:[(0,S.jsx)(D,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Red channel"}),(0,S.jsx)("label",{className:"k-colorgradient-input-label",children:"R"})]}),(0,S.jsxs)("div",{className:"k-vstack",children:[(0,S.jsx)(D,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Green channel"}),(0,S.jsx)("label",{className:"k-colorgradient-input-label",children:"G"})]}),(0,S.jsxs)("div",{className:"k-vstack",children:[(0,S.jsx)(D,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Blue channel"}),(0,S.jsx)("label",{className:"k-colorgradient-input-label",children:"B"})]}),(0,S.jsxs)("div",{className:"k-vstack",children:[(0,S.jsx)(D,{showSpinButton:!1,showClearButton:!1,value:"1.00",size:o,"aria-label":"Alpha channel"}),(0,S.jsx)("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="rgb"&&(0,S.jsxs)(S.Fragment,{children:[(0,S.jsxs)("div",{className:"k-vstack",children:[(0,S.jsx)(D,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Red channel"}),(0,S.jsx)("label",{className:"k-colorgradient-input-label",children:"R"})]}),(0,S.jsxs)("div",{className:"k-vstack",children:[(0,S.jsx)(D,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Green channel"}),(0,S.jsx)("label",{className:"k-colorgradient-input-label",children:"G"})]}),(0,S.jsxs)("div",{className:"k-vstack",children:[(0,S.jsx)(D,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Blue channel"}),(0,S.jsx)("label",{className:"k-colorgradient-input-label",children:"B"})]})]}),t==="hsva"&&(0,S.jsxs)(S.Fragment,{children:[(0,S.jsxs)("div",{className:"k-vstack",children:[(0,S.jsx)(D,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),(0,S.jsx)("label",{className:"k-colorgradient-input-label",children:"H"})]}),(0,S.jsxs)("div",{className:"k-vstack",children:[(0,S.jsx)(D,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),(0,S.jsx)("label",{className:"k-colorgradient-input-label",children:"S"})]}),(0,S.jsxs)("div",{className:"k-vstack",children:[(0,S.jsx)(D,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),(0,S.jsx)("label",{className:"k-colorgradient-input-label",children:"V"})]}),(0,S.jsxs)("div",{className:"k-vstack",children:[(0,S.jsx)(D,{showSpinButton:!1,showClearButton:!1,value:"1.00","aria-label":"Alpha channel"}),(0,S.jsx)("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="hsv"&&(0,S.jsxs)(S.Fragment,{children:[(0,S.jsxs)("div",{className:"k-vstack",children:[(0,S.jsx)(D,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),(0,S.jsx)("label",{className:"k-colorgradient-input-label",children:"H"})]}),(0,S.jsxs)("div",{className:"k-vstack",children:[(0,S.jsx)(D,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),(0,S.jsx)("label",{className:"k-colorgradient-input-label",children:"S"})]}),(0,S.jsxs)("div",{className:"k-vstack",children:[(0,S.jsx)(D,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),(0,S.jsx)("label",{className:"k-colorgradient-input-label",children:"V"})]})]}),t==="hex"&&(0,S.jsx)(S.Fragment,{children:(0,S.jsxs)("div",{className:"k-vstack k-flex-1",children:[(0,S.jsx)(xe,{showClearButton:!1,value:"#b88484AA",className:"k-hex-value"}),(0,S.jsx)("label",{className:"k-colorgradient-input-label",children:"HEX"})]})})]})};sa.states=Tb;sa.options=Ob;sa.className=Ip;sa.defaultOptions=Tp;var Ee=require("react/jsx-runtime"),Op="k-colorgradient-color-contrast",Bb=[],Pb={},wb={},ia=()=>(0,Ee.jsxs)("div",{className:r(Op,"k-vbox"),children:[(0,Ee.jsxs)("div",{className:"k-contrast-ratio",children:[(0,Ee.jsx)("span",{className:"k-contrast-ratio-text",children:"Contrast ratio: 7.1"}),(0,Ee.jsxs)("span",{className:"k-contrast-validation !k-text-success",children:[(0,Ee.jsx)(v,{icon:"check"}),(0,Ee.jsx)(v,{icon:"check"})]})]}),(0,Ee.jsxs)("div",{children:[(0,Ee.jsx)("span",{children:"AA: 4.5"}),(0,Ee.jsxs)("span",{className:"k-contrast-validation !k-text-success",children:["Pass",(0,Ee.jsx)(v,{icon:"check"})]})]}),(0,Ee.jsxs)("div",{children:[(0,Ee.jsx)("span",{children:"AAA: 7.0"}),(0,Ee.jsxs)("span",{className:"k-contrast-validation !k-text-error",children:["Fail",(0,Ee.jsx)(v,{icon:"x"})]})]})]});ia.states=Bb;ia.options=Pb;ia.className=Op;ia.defaultOptions=wb;var Bp="color-gradient",Pp="colorgradient";var de=require("react/jsx-runtime"),Kn="k-colorgradient",Rb=[s.hover,s.focus,s.readonly,s.disabled],Kb={size:[d.undefined,d.small,d.medium,d.large]},Kt={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"},ue=e=>{let{size:t,mode:o=Kt.mode,readonly:a=Kt.readonly,disabled:n=Kt.disabled,gradientStyle:i=Kt.gradientStyle,dragHandleStyle:l=Kt.dragHandleStyle,alphaStyle:c=Kt.alphaStyle,alphaStyleHorizontal:u=Kt.alphaStyleHorizontal,contrast:f=Kt.contrast,dir:N,hover:x,focus:m,hoverHandle:L,focusHandle:k,canvasOrientation:A=Kt.canvasOrientation,role:E,tabIndex:M,...O}=e;return(0,de.jsxs)("div",{...O,role:E??"textbox","aria-label":E==="none"?void 0:"Color gradient",tabIndex:M??0,"aria-disabled":n?"true":void 0,className:r(e.className,Kn,C(Kn,{size:t}),y(Kn,{hover:x,focus:m,readonly:a,disabled:n})),dir:N,children:[!A\|\|A==="horizontal"&&(0,de.jsxs)("div",{className:"k-colorgradient-canvas k-hstack",children:[(0,de.jsx)("div",{className:"k-hsv-rectangle",style:i,children:(0,de.jsx)("div",{className:"k-hsv-gradient",children:(0,de.jsx)("div",{className:r("k-hsv-draghandle","k-draghandle",{"k-hover":L,"k-focus":k}),style:l,role:"slider","aria-orientation":"undefined","aria-label":"Color well with two-dimensional slider for selecting saturation and lightness","aria-valuetext":"X: 73, Y: 50","aria-valuenow":50,"aria-valuemin":0,"aria-valuemax":100})})}),(0,de.jsxs)("div",{className:"k-hsv-controls k-hstack",children:[(0,de.jsx)(qr,{className:"k-hue-slider",hover:L,focus:k}),o!=="rgb"&&o!=="hsv"&&(0,de.jsx)(qr,{className:"k-alpha-slider",hover:L,focus:k,trackStyle:c})]})]}),A==="vertical"&&(0,de.jsxs)("div",{className:"k-colorgradient-canvas k-vstack",children:[(0,de.jsx)("div",{className:"k-hsv-rectangle",style:i,children:(0,de.jsx)("div",{className:"k-hsv-gradient",children:(0,de.jsx)("div",{className:r("k-hsv-draghandle","k-draghandle",{"k-hover":L,"k-focus":k}),style:l,role:"slider","aria-orientation":"undefined","aria-label":"Color well with two-dimensional slider for selecting saturation and lightness","aria-valuetext":"X: 73, Y: 50","aria-valuenow":50,"aria-valuemin":0,"aria-valuemax":100})})}),(0,de.jsxs)("div",{className:"k-hsv-controls k-vstack",children:[(0,de.jsx)(Xr,{className:"k-hue-slider",hover:L,focus:k}),o!=="rgb"&&o!=="hsv"&&(0,de.jsx)(Xr,{className:"k-alpha-slider",hover:L,focus:k,trackStyle:u})]})]}),(0,de.jsx)(sa,{mode:e.mode,size:t}),f&&(0,de.jsx)(ia,{})]})};ue.states=Rb;ue.options=Kb;ue.className=Kn;ue.defaultOptions=Kt;ue.moduleName=Bp;ue.folderName=Pp;ue.ariaSpec={selector:".k-colorgradient",rules:[{selector:".k-colorgradient",attribute:"role=textbox",usage:"The focusable wrapper should be considered a textbox with a value that could be submitted."},{selector:".k-colorgradient",attribute:"aria-label or aria-labelledby",usage:"The component needs an accessible name including the currently selected value."},{selector:".k-colorgradient",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-colorgradient.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the ColorGradient is disabled."},{selector:".k-hsv-draghandle",attribute:"role=slider",usage:"The 2D draghandle must have slider role for ARIA-allowed attributes."},{selector:".k-hsv-draghandle",attribute:"aria-orientation=undefined",usage:"The implicit orientation for the slider must be removed for the 2D handle."},{selector:".k-hsv-draghandle",attribute:"aria-label",usage:"Must provide information about the purpose of the slider and the currently selected color."},{selector:".k-hsv-draghandle",attribute:"aria-valuetext",usage:"Must specify the values on both X and Y axis."},{selector:".k-hsv-draghandle",attribute:"aria-valuenow",usage:"Required by the slider role."},{selector:".k-hsv-draghandle",attribute:"aria-valuemin",usage:"Required by the slider role."},{selector:".k-hsv-draghandle",attribute:"aria-valuemax",usage:"Required by the slider role."},{selector:".k-numerictextbox>.k-input-inner",attribute:"aria-label",usage:"Must provide the name of the channel (red, green, blue, or alpha)."}]};var wp=require("react/jsx-runtime"),_n=e=>(0,wp.jsx)(ue,{...e});var _b=require("react/jsx-runtime");var Db=require("react/jsx-runtime");var Dn=require("react/jsx-runtime"),Hb=ue.options,zb=ue.states,Ub={...ue.defaultOptions,variant:"rgba"},Fb=[{name:"rgba",title:"RGBA"},{name:"rgb",title:"RGB"},{name:"hex",title:"HEX"}],Gb=[],la=e=>{let{variant:t,...o}=e;switch(t){case"hex":return(0,Dn.jsx)(_n,{...o,mode:t});case"rgb":return(0,Dn.jsx)(_n,{...o,mode:t});default:return(0,Dn.jsx)(_n,{...o,mode:t})}};la.options=Hb;la.states=zb;la.variants=Fb;la.defaultOptions=Ub;la.modifiers=Gb;la.className=ue.className;var Rp=require("react/jsx-runtime"),hs=e=>(0,Rp.jsx)("tr",{role:"row",children:e.children});var Kp=require("react/jsx-runtime"),xs="k-colorpalette-tile",Vb=[s.hover,s.focus,s.selected],$b={},pa=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,Kp.jsx)("td",{...l,role:"gridcell","aria-label":t,"aria-selected":i?"true":void 0,className:r(e.className,xs,y(xs,{hover:a,focus:n,selected:i})),style:c})};pa.states=Vb;pa.options=$b;pa.className=xs;var _p="color-palette",Dp="colorpalette";var da=require("react/jsx-runtime"),Hn="k-colorpalette",Xb=[s.disabled],qb={size:[d.undefined,d.small,d.medium,d.large]},Hp={columns:10},Ge=e=>{let{size:t,palette:o,columns:a=Hp.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,x)=>{let m=[];f.slice(xu,(x+1)u).map((k,A)=>{m.push((0,da.jsx)(pa,{color:k,tileSize:n},A))});let L=(0,da.jsx)(hs,{children:m},x);c.push(L)})}return(0,da.jsx)("div",{...l,role:"grid","aria-label":"Color palette",tabIndex:0,"aria-disabled":i?"true":void 0,className:r(e.className,Hn,y(Hn,{disabled:i}),C(Hn,{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})})})};Ge.states=Xb;Ge.options=qb;Ge.className=Hn;Ge.defaultOptions=Hp;Ge.moduleName=_p;Ge.folderName=Dp;Ge.ariaSpec={selector:".k-colorpalette",rules:[{selector:".k-colorpalette",attribute:"role=grid",usage:"The focusable wrapper announces its role as a grid."},{selector:".k-colorpalette",attribute:"aria-label or aria-labelledby",usage:"The component needs an accessible name including the currently selected value."},{selector:".k-colorpalette",attribute:"aria-activedescendant",usage:"Points to the focused cell in the table."},{selector:".k-colorpalette",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-colorpalette.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the ColorPalette is disabled."},{selector:".k-colorpalette-table",attribute:"role=none or role=presentation",usage:"Negates the default role of the table element."},{selector:".k-colorpalette-table>tbody>tr",attribute:"role=row",usage:"Required as the semantic role of the parent table has been removed."},{selector:".k-colorpalette-tile",attribute:"role=gridcell",usage:"Required as the semantic role of the parent table has been removed."},{selector:".k-colorpalette-tile",attribute:"aria-label or title",usage:"The text representation of the color value for the current cell."},{selector:".k-colorpalette-tile.k-selected",attribute:"aria-selected=true",usage:"Present on the currently selected cell."}]};var zn=Ge;var an={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 Up=require("react/jsx-runtime"),zp=e=>(0,Up.jsx)(zn,{palette:an.basic,...e});var Wb=require("react/jsx-runtime");var Fp=require("react/jsx-runtime");var Gp=require("react/jsx-runtime"),Jb=Ge.options,Yb=Ge.states,Zb={...Ge.defaultOptions,variant:"basic"},Qb=[{name:"basic",title:"Basic"},{name:"monochrome",title:"Monochrome"}],jb={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}},eh=[],ca=e=>{let{variant:t="basic",...o}=e,a=jb[t];return(0,Gp.jsx)(zp,{columns:a.columns,palette:a,...o})};ca.options=Jb;ca.states=Yb;ca.variants=Qb;ca.defaultOptions=Zb;ca.modifiers=eh;ca.className=Ge.className;var Vp="color-editor",$p="coloreditor";var re=require("react/jsx-runtime"),Un="k-coloreditor",th=[s.focus],oh={size:[d.undefined,d.small,d.medium,d.large]},nn={view:"gradient",palette:an.office,actionButtons:!0,canvasOrientation:"horizontal"},te=e=>{let{size:t,view:o=nn.view,palette:a=nn.palette,color:n,currentColor:i,focus:l,focusView:c,dir:u,group:f,actionButtons:N=nn.actionButtons,canvasOrientation:x=nn.canvasOrientation,...m}=e;return(0,re.jsxs)("div",{...m,role:"textbox","aria-label":"Color editor",tabIndex:0,className:r(e.className,"k-flatcolorpicker",Un,C(Un,{size:t}),y(Un,{focus:l})),dir:u,children:[(0,re.jsxs)("div",{className:"k-coloreditor-header k-hstack",children:[(0,re.jsx)("div",{className:"k-coloreditor-header-actions k-hstack",children:f&&(0,re.jsxs)(B,{fillMode:"flat",children:[(0,re.jsx)(p,{className:"k-group-start",size:t,fillMode:"flat",icon:"droplet-slider",selected:o==="gradient","aria-label":"Color gradient view"}),(0,re.jsx)(p,{className:"k-group-end",size:t,fillMode:"flat",icon:"palette",selected:o==="palette","aria-label":"Color palette view"})]})}),(0,re.jsx)("div",{className:"k-spacer"}),(0,re.jsxs)("div",{className:"k-coloreditor-header-actions k-hstack",children:[(0,re.jsx)(p,{fillMode:"flat",icon:"droplet-slash",size:t,"aria-label":"Reset color"}),(0,re.jsxs)("div",{className:"k-coloreditor-preview k-vstack",children:[(0,re.jsx)(ro,{className:"k-coloreditor-preview-color",color:n}),(0,re.jsx)(ro,{className:"k-coloreditor-current-color",color:i})]})]})]}),(0,re.jsx)("div",{className:"k-coloreditor-views k-vstack",children:o==="gradient"?(0,re.jsx)(ue,{focus:c,size:t,canvasOrientation:x,role:"none",tabIndex:-1}):(0,re.jsx)(Ge,{palette:a,size:t})}),N&&(0,re.jsxs)(nt,{className:"k-coloreditor-footer",alignment:"start",children:[(0,re.jsx)(p,{themeColor:"primary",size:t,className:"k-coloreditor-apply",children:"Apply"}),(0,re.jsx)(p,{className:"k-coloreditor-cancel",size:t,children:"Cancel"})]})]})};te.states=th;te.options=oh;te.className=Un;te.defaultOptions=nn;te.moduleName=Vp;te.folderName=$p;te.ariaSpec={selector:".k-flatcolorpicker",rules:[{selector:".k-flatcolorpicker",attribute:"role=textbox",usage:"The focusable wrapper should be considered a textbox with a submittable value."},{selector:".k-flatcolorpicker",attribute:"aria-label or aria-labelledby",usage:"The component needs an accessible name including the currently selected value."},{selector:".k-flatcolorpicker",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-flatcolorpicker.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the FlatColorPicker is disabled."},{selector:".k-colorgradient",attribute:"role=none",usage:"The inner ColorGradient must have its role removed."},{selector:".k-colorgradient",attribute:"tabindex=-1",usage:"The inner ColorGradient must be removed from the page tab sequence."}]};var ma=te;var ah=require("react/jsx-runtime");var nh=require("react/jsx-runtime");var qp=require("react/jsx-runtime"),Xp=e=>(0,qp.jsx)(ma,{group:!0,currentColor:"fuchsia",...e});var Jp=require("react/jsx-runtime"),Wp=e=>(0,Jp.jsx)(ma,{view:"palette",group:!0,currentColor:"fuchsia",...e});var gs=require("react/jsx-runtime"),rh=te.options,sh=te.states,ih={...te.defaultOptions,variant:"gradient"},lh=[{name:"gradient",title:"Gradient"},{name:"palette",title:"Palette"}],ph=[],ua=e=>{let{variant:t,...o}=e;return t==="palette"?(0,gs.jsx)(Wp,{...o,color:"white"}):(0,gs.jsx)(Xp,{...o,color:"rgba(183, 118 , 118, 1.00)"})};ua.options=rh;ua.states=sh;ua.variants=lh;ua.defaultOptions=ih;ua.modifiers=ph;ua.className=te.className;var Yp="color-picker",Zp="colorpicker";var ce=require("react/jsx-runtime"),Qp="k-colorpicker",dh=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled],ch={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[h.undefined,h.solid,h.flat,h.outline]},jp={arrowIconName:"chevron-down"},st=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:n=jp.arrowIconName,prefix:i,suffix:l,value:c,placeholder:u,hover:f,focus:N,valid:x,invalid:m,required:L,disabled:k,valueIconName:A,popup:E,opened:M,adaptive:O,adaptiveSettings:J,adaptiveTitle:ye,adaptiveSubtitle:Ke,..._e}=e,ot="colorpicker-popup";return(0,ce.jsxs)(ce.Fragment,{children:[(0,ce.jsxs)(Bt,{..._e,size:t,rounded:o,fillMode:a,hover:f,focus:N,valid:x,invalid:m,required:L,disabled:k,role:"combobox","aria-haspopup":"dialog","aria-expanded":M?"true":"false","aria-controls":M\|\|O?ot:void 0,"aria-label":"Color picker",tabIndex:0,"aria-disabled":k?"true":void 0,className:r(e.className,Qp,"k-icon-picker"),children:[(0,ce.jsx)(dt,{children:i}),(0,ce.jsx)(ko,{placeholder:u,value:c,showValue:!1,valueIcon:(0,ce.jsx)(ro,{className:"k-value-icon",color:c,iconName:A}),valueIconName:A}),(0,ce.jsx)(ct,{children:l}),(0,ce.jsx)(p,{className:"k-input-button",icon:n,size:t,fillMode:a,tabIndex:-1,"aria-label":"Open color picker",disabled:k})]}),M&&E&&(0,ce.jsx)(W,{id:ot,className:"k-colorpicker-popup",children:E}),O&&(0,ce.jsx)(ee,{adaptive:!0,id:ot,...J,header:(0,ce.jsx)(ze,{actionsEnd:(0,ce.jsx)(p,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply"}),title:ye,subtitle:Ke}),footer:(0,ce.jsxs)(so,{children:[(0,ce.jsx)(p,{text:"Cancel",size:"large"}),(0,ce.jsx)(p,{text:"Set",size:"large",themeColor:"primary"})]}),children:(0,ce.jsx)(te,{canvasOrientation:"vertical",size:"large",actionButtons:!1,group:!0})})]})};st.states=dh;st.options=ch;st.className=Qp;st.defaultOptions=jp;st.moduleName=Yp;st.folderName=Zp;st.ariaSpec={selector:".k-colorpicker",rules:[{selector:".k-colorpicker",attribute:"role=combobox",usage:"The focusable element should have role combobox (input with popup)."},{selector:".k-colorpicker",attribute:"aria-label or aria-labelledby",usage:"The component needs an accessible name including the currently selected value."},{selector:".k-colorpicker",attribute:"aria-haspopup=dialog",usage:"Indicates the component has a Dialog Popup."},{selector:".k-colorpicker",attribute:"aria-expanded=true/false",usage:"Announces the visibility state of the popup."},{selector:".k-colorpicker",attribute:"aria-controls (when open)",usage:"Points to the popup element."},{selector:".k-colorpicker",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-colorpicker.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the picker is disabled."},{selector:".k-colorpicker.k-disabled .k-button",attribute:"disabled or aria-disabled=true",usage:"Rendered only when the picker is disabled."},{selector:".k-colorgradient",attribute:"tabindex=-1",usage:"The inner ColorGradient must be removed from the page tab sequence."}]};var Jt=st;var ed=require("react/jsx-runtime"),Fn=e=>(0,ed.jsx)(Jt,{...e});var mh=require("react/jsx-runtime");var uh=require("react/jsx-runtime");var fh=require("react/jsx-runtime");var bh=require("react/jsx-runtime");var hh=require("react/jsx-runtime");var xh=require("react/jsx-runtime");var mo=require("react/jsx-runtime"),gh=Jt.options,Nh=Jt.states,td={...Jt.defaultOptions,variant:"color"},vh=[{name:"color",title:"Color",default:!0},{name:"no color",title:"No color"},{name:"icon",title:"Icon"}],kh=[{name:"opened",title:"Opened"}],fa=e=>{let{variant:t,modifiers:o,...a}={...td,...e},n={};Object.keys(o\|\|{}).forEach(l=>{l==="opened"&&(n.opened=!!(o!=null&&o[l]),n.popup=o!=null&&o[l]?(0,mo.jsx)(te,{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,mo.jsx)("div",{style:i,children:(0,mo.jsx)(Fn,{...a,...n})});case"icon":return(0,mo.jsx)("div",{style:i,children:(0,mo.jsx)(Fn,{value:"rgba(183, 118 , 118, 1.00)",valueIconName:"edit-tools",...a,...n})});default:return(0,mo.jsx)("div",{style:i,children:(0,mo.jsx)(Fn,{value:"rgba(183, 118 , 118, 1.00)",...a,...n})})}};fa.options=gh;fa.states=Nh;fa.variants=vh;fa.defaultOptions=td;fa.modifiers=kh;fa.className=Jt.className;var Ns="combobox",od=Ns;var _=require("react/jsx-runtime"),ad="k-combobox",Lh=[s.hover,s.focus,s.valid,s.invalid,s.loading,s.required,s.disabled,s.readonly],Mh={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[h.undefined,h.solid,h.flat,h.outline]},nd={separators:!0},Ie=e=>{let{size:t,rounded:o,fillMode:a,separators:n=nd.separators,prefix:i,suffix:l,value:c,placeholder:u,hover:f,focus:N,valid:x,invalid:m,required:L,loading:k,disabled:A,popup:E,opened:M,readonly:O,adaptive:J,adaptiveSettings:ye,adaptiveTitle:Ke,adaptiveSubtitle:_e,adaptiveCustomValue:ot,id:No,autocomplete:or,activeDescendant:no,"aria-label":fn,...ar}=e,nr=No?`${No}-listbox`:void 0;return(0,_.jsxs)(_.Fragment,{children:[(0,_.jsxs)(ne,{...ar,size:t,rounded:o,fillMode:a,hover:f,focus:N,valid:x,invalid:m,required:L,loading:k,disabled:A,readonly:O,className:r(e.className,ad),children:[i&&(0,_.jsxs)(_.Fragment,{children:[(0,_.jsx)(dt,{children:i}),n&&(0,_.jsx)(mt,{})]}),(0,_.jsx)(De,{id:No,placeholder:u,value:c,role:"combobox","aria-haspopup":"listbox","aria-expanded":M?"true":"false","aria-controls":M?nr:void 0,"aria-activedescendant":M&&no?no:void 0,"aria-autocomplete":or,"aria-invalid":m?"true":void 0,"aria-busy":k?"true":void 0,"aria-label":fn,disabled:A,readOnly:O}),(0,_.jsx)(He,{valid:x,invalid:m,loading:k,disabled:A}),(0,_.jsx)(Ye,{loading:k,disabled:A}),(0,_.jsx)(at,{loading:k,disabled:A,readonly:O,value:c}),l&&(0,_.jsxs)(_.Fragment,{children:[n&&(0,_.jsx)(mt,{}),(0,_.jsx)(ct,{children:l})]}),(0,_.jsx)(p,{className:"k-input-button",icon:"chevron-down",size:t,fillMode:a,"aria-label":"Open popup",tabIndex:-1,disabled:A})]}),M&&E&&(0,_.jsx)(W,{className:"k-list-container k-combobox-popup",containerRole:"region",containerAriaLabel:"Combobox suggestions",children:E}),J&&(0,_.jsx)(ee,{adaptive:!0,id:No?`${No}-adaptive`:void 0,...ye,header:(0,_.jsx)(ze,{actionsEnd:(0,_.jsx)(p,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),input:!0,inputValue:c,inputPlaceholder:u,title:Ke,subtitle:_e}),children:(0,_.jsx)("div",{className:"k-list-container",children:(0,_.jsx)(K,{customValue:ot?(0,_.jsx)(co,{text:`Use "${c}"`}):void 0,size:"large",children:(0,_.jsxs)(F,{"aria-label":Ke\|\|"Options",children:[(0,_.jsx)(P,{text:"List item"}),(0,_.jsx)(P,{text:"List item"}),(0,_.jsx)(P,{text:"List item"})]})})})})]})};Ie.states=Lh;Ie.options=Mh;Ie.className=ad;Ie.defaultOptions=nd;Ie.moduleName=Ns;Ie.folderName=od;Ie.ariaSpec={selector:".k-combobox",rules:[{selector:".k-combobox > .k-input-inner",attribute:"role=combobox",usage:"Identifies the input as a combobox."},{selector:".k-combobox > .k-input-inner",attribute:"aria-haspopup=listbox",usage:"Indicates the combobox has a listbox popup."},{selector:".k-combobox > .k-input-inner",attribute:"aria-expanded",usage:"Indicates whether the popup is open."},{selector:".k-combobox > .k-input-inner",attribute:"aria-controls=${id}-listbox (when open)",usage:"Points to the listbox element when popup is open."},{selector:".k-combobox > .k-input-inner",attribute:"aria-activedescendant (when open)",usage:"Points to the focused item in the listbox."},{selector:".k-combobox > .k-input-inner",attribute:"aria-autocomplete=list\|both\|inline (when has autocomplete)",usage:"Indicates the autocomplete behavior."},{selector:".k-combobox > .k-input-inner",attribute:"aria-invalid=true (when invalid)",usage:"Rendered when the combobox is in an invalid state."},{selector:".k-combobox > .k-input-inner",attribute:"aria-busy=true (when loading)",usage:"Rendered when the combobox is loading data."},{selector:".k-combobox > .k-input-inner",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"Accessible name provided by consuming app."},{selector:".k-combobox.k-disabled > .k-input-inner",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the combobox is disabled."},{selector:".k-combobox .k-input-button",attribute:"role=button or nodeName=button",usage:"The dropdown toggle button."},{selector:".k-combobox .k-input-button",attribute:"aria-label",usage:"Accessible name for the dropdown button."},{selector:".k-combobox .k-input-button",attribute:"tabindex=-1",usage:"Dropdown button is not in the tab order."},{selector:".k-combobox-popup .k-list-content, .k-combobox-popup .k-list-ul",attribute:"role=listbox",usage:"The popup list container has the listbox role."},{selector:'.k-combobox-popup .k-list-ul[role="listbox"], .k-combobox-popup .k-list-content[role="listbox"]',attribute:"aria-label or aria-labelledby",usage:"Popup listbox must have an accessible name. Consuming code is responsible for associating with the component label via aria-labelledby."},{selector:".k-combobox-popup .k-list-item",attribute:"role=option",usage:"Each list item is an option."},{selector:".k-combobox-popup .k-list-item",attribute:"aria-selected (when selectable)",usage:"Indicates the selected state."},{selector:".k-combobox-popup .k-no-data",attribute:"aria-live=polite",usage:"Announces no-data state to screen readers."}]};var it=Ie;var sd=require("react/jsx-runtime"),rd=e=>(0,sd.jsx)(it,{...e});var id=require("react/jsx-runtime");var ld=require("react/jsx-runtime");var pd=require("react/jsx-runtime");var dd=require("react/jsx-runtime");var cd=require("react/jsx-runtime");var md=require("react/jsx-runtime");var vs=require("react/jsx-runtime");var Sh=require("react/jsx-runtime");var yh=require("react/jsx-runtime");var ud=require("react/jsx-runtime");var fd=require("react/jsx-runtime");var Ct=require("react/jsx-runtime"),Ah=Ie.states,Ch=Ie.defaultOptions,Eh=Ie.options,Ih=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"opened",title:"Opened"}],Th=[],ba=e=>{let{modifiers:t,...o}=e,a={},n=(0,Ct.jsx)(K,{style:{width:300},size:o.size,children:(0,Ct.jsxs)(F,{children:[(0,Ct.jsx)(P,{children:"List item"}),(0,Ct.jsx)(P,{children:"List item"}),(0,Ct.jsx)(P,{children:"List item"})]})});return Object.keys(t\|\|{}).forEach(i=>{switch(i){case"prefix":a.prefix=t!=null&&t[i]?(0,Ct.jsx)(v,{icon:"map-marker-target"}):void 0;break;case"suffix":a.suffix=t!=null&&t[i]?(0,Ct.jsx)(be,{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,Ct.jsx)("div",{children:(0,Ct.jsx)(rd,{value:"Value",style:{width:300},...o,...a})})};ba.options=Eh;ba.states=Ah;ba.variants=Th;ba.defaultOptions=Ch;ba.modifiers=Ih;ba.className=Ie.className;var ks="menu-button",bd=ks;var xd=require("react/jsx-runtime"),hd="k-menu-button",Oh=[s.hover,s.focus,s.active,s.selected,s.disabled],Bh={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:[h.undefined,h.solid,h.flat,h.outline,h.clear,h.link],themeColor:[g.undefined,g.base,g.primary,g.secondary,g.tertiary,g.success,g.warning,g.error,g.info,g.inverse]},Ls={showArrow:!0,arrowIconName:"chevron-down"},H=e=>{let{size:t,rounded:o,fillMode:a,themeColor:n,hover:i,focus:l,active:c,selected:u,disabled:f,icon:N,text:x,showArrow:m=Ls.showArrow,arrowIconName:L=Ls.arrowIconName,expanded:k,...A}=e;return(0,xd.jsx)(p,{...A,className:r(e.className,hd),text:x,size:t,rounded:o,fillMode:a,themeColor:n,hover:i,focus:l,active:c,selected:u,disabled:f,icon:N,showArrow:m,arrowIconName:L,"aria-expanded":k?"true":"false",...!x&&N&&!e["aria-label"]&&{"aria-label":"Menu"},...f&&{"aria-disabled":"true"}})};H.states=Oh;H.options=Bh;H.className=hd;H.defaultOptions=Ls;H.moduleName=ks;H.folderName=bd;H.ariaSpec={selector:".k-menu-button",rules:[{selector:".k-menu-button",attribute:"role=button or nodeName=button",usage:"Omitted if the button DOM element is used."},{selector:".k-menu-button",attribute:"aria-label (when icon-only)",usage:"Required when no text is visible in the button."},{selector:".k-menu-button",attribute:"aria-expanded=true/false",usage:"Announces the state of the popup visibility."},{selector:".k-menu-button",attribute:"aria-controls=.k-menu-group id (when open)",usage:"Points to the popup element. Builds a relationship between the button and the popup."},{selector:".k-menu-button.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the button is disabled."},{selector:".k-menu-group",attribute:"role=list",usage:"Announces the list role of the popup."},{selector:".k-menu-item",attribute:"role=listitem",usage:"Announces the listitem role of the popup items."}]};var Ph=require("react/jsx-runtime");var wh=require("react/jsx-runtime");var Rh=require("react/jsx-runtime");var lt="menu",xt=lt;var Yt=require("react/jsx-runtime"),Ms="k-menu-item",Kh=[s.hover,s.focus,s.active,s.selected,s.disabled],_h={},gd={iconPosition:"before"},Te=e=>{let{hover:t,focus:o,active:a,selected:n,disabled:i,icon:l,text:c,first:u,last:f,showArrow:N,arrowIconName:x,iconPosition:m=gd.iconPosition,dir:L,children:k,expanded:A,...E}=e,M=x;return M\|\|(M=L==="rtl"?"chevron-left":"chevron-right"),(0,Yt.jsxs)("li",{...E,className:r(e.className,Ms,"k-item",y(Ms,{focus:o,disabled:i,hover:t,active:a,selected:n}),{"k-first":u,"k-last":f}),role:"menuitem",...N&&{"aria-haspopup":"menu"},...N&&{"aria-expanded":A?"true":"false"},...i&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[(0,Yt.jsxs)("span",{className:r("k-link k-menu-link"),children:[l&&m==="before"&&(0,Yt.jsx)(v,{className:"k-menu-link-icon",icon:l}),(0,Yt.jsx)("span",{className:"k-menu-link-text",children:c}),l&&m==="after"&&(0,Yt.jsx)(v,{className:"k-menu-link-icon",icon:l}),N&&(0,Yt.jsx)("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:(0,Yt.jsx)(v,{icon:M})})]}),k]})};Te.states=Kh;Te.options=_h;Te.className=Ms;Te.defaultOptions=gd;Te.moduleName=lt;Te.folderName=xt;var Zt=require("react/jsx-runtime"),Ss="k-menu-item",Dh=[s.hover,s.focus,s.active,s.selected,s.disabled],Hh={},ys={dir:"ltr",iconPosition:"before"},Q=e=>{let{hover:t,focus:o,active:a,selected:n,disabled:i,icon:l,text:c,first:u,last:f,showArrow:N,arrowIconName:x,iconPosition:m=ys.iconPosition,dir:L=ys.dir,children:k,popup:A,expanded:E,...M}=e,O=x;return O\|\|(O=L==="rtl"?"chevron-left":"chevron-right"),(0,Zt.jsxs)("li",{...M,className:r(e.className,Ss,"k-item",y(Ss,{focus:o,disabled:i}),{"k-first":u,"k-last":f}),role:"menuitem",...N&&{"aria-haspopup":"menu"},...N&&{"aria-expanded":E?"true":"false"},...i&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[(0,Zt.jsxs)("span",{className:r("k-link k-menu-link",y("k-menu-link",{hover:t,active:a,selected:n,disabled:i})),children:[l&&m==="before"&&(0,Zt.jsx)(v,{className:"k-menu-link-icon",icon:l}),(0,Zt.jsx)("span",{className:"k-menu-link-text",children:c}),l&&m==="after"&&(0,Zt.jsx)(v,{className:"k-menu-link-icon",icon:l}),N&&(0,Zt.jsx)("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:(0,Zt.jsx)(v,{icon:O})})]}),k,A]})};Q.states=Dh;Q.options=Hh;Q.className=Ss;Q.defaultOptions=ys;Q.moduleName=lt;Q.folderName=xt;var kd=require("react/jsx-runtime"),Nd="k-menu-scroll-wrapper",zh=[],Uh={},Fh={},Co=e=>{let{className:t,children:o,orientation:a,...n}=e;return(0,kd.jsx)("div",{...n,className:r(t,Nd,{"k-menu-scroll-wrapper-vertical":a==="vertical"}),children:o})};Co.states=zh;Co.options=Uh;Co.className=Nd;Co.defaultOptions=Fh;Co.moduleName=lt;Co.folderName=xt;var vd=Co;var ke=require("react/jsx-runtime"),As="k-menu",Gh=[],Vh={},Vn={orientation:"horizontal",header:!0,scrollButtonsPosition:"around"},fe=e=>{let{children:t,orientation:o=Vn.orientation,header:a=Vn.header,scrollable:n,scrollButtonsPosition:i=Vn.scrollButtonsPosition,wrapperStyles:l,dir:c,popup:u,contextMenu:f,...N}=e,x={horizontal:{prev:c!=="rtl"?"left":"right",next:c!=="rtl"?"right":"left"},vertical:{prev:"up",next:"down"}},m=(0,ke.jsx)("ul",{dir:c,...N,className:r(e.className,"k-reset",As,{[`${As}-${o}`]:o,"k-header":a}),role:f?"menu":"menubar",...o==="vertical"&&{"aria-orientation":"vertical"},children:t});return(0,ke.jsxs)(ke.Fragment,{children:[n?(0,ke.jsxs)(vd,{orientation:o,style:l,dir:e.dir,children:[i==="start"&&(0,ke.jsxs)(ke.Fragment,{children:[(0,ke.jsx)(p,{fillMode:"flat",icon:`chevron-${x[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),(0,ke.jsx)(p,{fillMode:"flat",icon:`chevron-${x[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),i==="around"&&(0,ke.jsx)(p,{fillMode:"flat",icon:`chevron-${x[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),m,i==="end"&&(0,ke.jsxs)(ke.Fragment,{children:[(0,ke.jsx)(p,{fillMode:"flat",icon:`chevron-${x[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),(0,ke.jsx)(p,{fillMode:"flat",icon:`chevron-${x[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),i==="around"&&(0,ke.jsx)(p,{fillMode:"flat",icon:`chevron-${x[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}):m,u]})};fe.states=Gh;fe.options=Vh;fe.className=As;fe.defaultOptions=Vn;fe.moduleName=lt;fe.folderName=xt;fe.ariaSpec={selector:".k-menu",rules:[{selector:".k-menu:not(.k-context-menu)",attribute:"role=menubar",usage:"Announces the Menu menubar role."},{selector:".k-menu.k-menu-vertical",attribute:"aria-orientation=vertical",usage:"Announces the Menu orientation when vertical."},{selector:".k-menu-item",attribute:"role=menuitem",usage:"Announces the Menu item role."},{selector:".k-menu-item",attribute:"aria-haspopup=menu (when present)",usage:"Indicates a popup menu is associated with the item."},{selector:".k-menu-item",attribute:"aria-expanded=true/false (when present)",usage:"Indicates whether the submenu is expanded."},{selector:".k-menu-item.k-disabled",attribute:"aria-disabled=true",usage:"Informs assistive technologies that a Menu item is disabled."},{selector:".k-menu-expand-arrow",attribute:"aria-hidden=true",usage:"Expand arrow elements are hidden from assistive technologies."},{selector:".k-menu-popup .k-menu-group",attribute:"role=menu",usage:"The role of the nested menu displayed in a popup."},{selector:".k-menu-scroll-button",attribute:"tabindex=-1",usage:"Scroll buttons are removed from the tab sequence."},{selector:".k-menu-scroll-button",attribute:"aria-label",usage:"Scroll buttons have an accessible label."},{selector:".k-menu-item.k-focus",attribute:"tabindex=0",usage:"The focused item has tabindex 0."},{selector:".k-menu-item",attribute:"aria-controls=ul.k-menu-group id (when present)",usage:"Points to the ID of the submenu. Only present when the item controls a submenu element."},{selector:".k-menu-popup .k-menu-group",attribute:"id",usage:"Each nested menu has a deterministic id linked to the parent aria-controls."}]};var Md=require("react/jsx-runtime"),Cs="k-separator",Ld={orientation:"horizontal"},ha=e=>{let{orientation:t=Ld.orientation,...o}=e;return(0,Md.jsx)("li",{...o,className:r(e.className,"k-item",Cs,{[`${Cs}-${t}`]:t}),role:"separator"})};ha.className=Cs;ha.defaultOptions=Ld;ha.moduleName=lt;ha.folderName=xt;var Sd=require("react/jsx-runtime");var yd=require("react/jsx-runtime"),Es="k-menu-group",$h=[],Xh={size:[d.undefined,d.small,d.medium,d.large]},qh={},Oe=e=>{let{children:t,size:o,...a}=e;return(0,yd.jsx)("ul",{...a,className:r(e.className,Es,C(Es,{size:o})),role:"menu",children:t})};Oe.states=$h;Oe.options=Xh;Oe.className=Es;Oe.defaultOptions=qh;Oe.moduleName=lt;Oe.folderName=xt;var Et=require("react/jsx-runtime"),Is=e=>(0,Et.jsx)(fe,{children:(0,Et.jsxs)(Et.Fragment,{children:[(0,Et.jsx)(Te,{first:!0,text:"Item 1"}),(0,Et.jsx)(Te,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 2"}),(0,Et.jsx)(Te,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 3"}),(0,Et.jsx)(Te,{text:"Item 4"}),(0,Et.jsx)(Te,{last:!0,text:"Item 5"})]}),...e});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 _t=require("react/jsx-runtime"),Wh=fe.options,Jh=fe.states,Ad={...fe.defaultOptions,variant:"horizontal"},Yh=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],Zh=[{name:"scrollable",title:"Scrollable"},{name:"opened",title:"Opened"}],xa=e=>{let{variant:t,modifiers:o,...a}={...Ad,...e},n={};return Object.keys(o\|\|{}).forEach(i=>{switch(i){case"scrollable":n.scrollable=!!(o!=null&&o[i]);break;case"opened":n.opened=!!(o!=null&&o[i]),n.popup=(0,_t.jsx)(W,{className:"k-menu-popup",children:(0,_t.jsxs)(Oe,{children:[(0,_t.jsx)(Q,{text:"Item 1"}),(0,_t.jsx)(Q,{text:"Item 2"}),(0,_t.jsx)(ha,{}),(0,_t.jsx)(Q,{text:"Item 3"})]})});break}}),t==="vertical"?(0,_t.jsx)(Is,{...a,...n,orientation:"vertical",style:{width:"200px"}}):(0,_t.jsx)(Is,{...a,...n})};xa.options=Wh;xa.states=Jh;xa.variants=Yh;xa.defaultOptions=Ad;xa.modifiers=Zh;xa.className=fe.className;var ws=require("react/jsx-runtime");var Qh=require("react/jsx-runtime");var Be=require("react/jsx-runtime"),jh=p.states,Cd={...p.defaultOptions,variant:"text"},ex=p.options,tx=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],ox=[{name:"opened",title:"Opened"}],ga=e=>{let{variant:t,modifiers:o,...a}={...Cd,...e},n={},i=(0,Be.jsx)(W,{className:"k-menu-popup",children:(0,Be.jsxs)(Oe,{size:a.size,children:[(0,Be.jsx)(Q,{first:!0,text:"Menu Item"}),(0,Be.jsx)(Q,{text:"Menu Item"}),(0,Be.jsx)(Q,{last:!0,text:"Menu Item"})]})}),l;switch(t){case"icon-only":l=(0,Be.jsx)("div",{children:(0,Be.jsx)(H,{...a,...n,icon:"star"})});break;case"icon-and-text":l=(0,Be.jsx)("div",{children:(0,Be.jsx)(H,{...a,...n,icon:"star",children:"Dropdown Button"})});break;default:l=(0,Be.jsx)("div",{children:(0,Be.jsx)(H,{...a,...n,children:"Dropdown Button"})});break}return(0,Be.jsxs)(Be.Fragment,{children:[l,(o==null?void 0:o.opened)&&i]})};ga.options=ex;ga.states=jh;ga.variants=tx;ga.defaultOptions=Cd;ga.modifiers=ox;ga.className=H.className;var Rs="split-button",Ed=Rs;var Qt=require("react/jsx-runtime"),Ks="k-split-button",ax=[s.hover,s.focus,s.active,s.selected,s.disabled],nx={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[h.undefined,h.solid,h.flat,h.outline,h.clear,h.link],themeColor:[g.undefined,g.base,g.primary,g.secondary,g.tertiary,g.success,g.warning,g.error,g.info,g.inverse]},Id={arrowIconName:"chevron-down"},w=e=>{let{size:t,rounded:o,fillMode:a,themeColor:n,hover:i,focus:l,active:c,selected:u,disabled:f,icon:N,text:x,arrowIconName:m=Id.arrowIconName,popup:L,opened:k,popupId:A,...E}=e;return(0,Qt.jsxs)(Qt.Fragment,{children:[(0,Qt.jsxs)("div",{...E,className:r(e.className,Ks,"k-button-group",C(Ks,{rounded:o})),children:[(0,Qt.jsx)(p,{text:x,icon:N,size:t,rounded:o,fillMode:a,themeColor:n,hover:i,focus:l,active:c,selected:u,disabled:f,...!x&&!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,"aria-label":"Toggle dropdown","aria-expanded":k?"true":"false","aria-controls":k?A:void 0,tabIndex:-1,...f&&{"aria-disabled":"true"}})]}),k&&L&&(0,Qt.jsx)(W,{className:"k-menu-popup",children:L})]})};w.states=ax;w.options=nx;w.className=Ks;w.defaultOptions=Id;w.moduleName=Rs;w.folderName=Ed;w.ariaSpec={selector:".k-split-button",rules:[{selector:".k-split-button-arrow",attribute:"role=button or nodeName=button",usage:"Omitted if the <button> DOM element is used."},{selector:".k-split-button-arrow",attribute:"aria-label",usage:"The attribute must be present when no text is initially visible in the button."},{selector:".k-split-button-arrow",attribute:"aria-expanded=true/false",usage:"Announces the state of the popup visibility."},{selector:".k-split-button-arrow",attribute:"aria-controls=.k-menu-group id (when open)",usage:"Points to the popup element. Builds a relationship between the button and the popup."},{selector:".k-split-button-arrow",attribute:"tabindex=-1",usage:"The arrow button is removed from the tab sequence."},{selector:".k-split-button-arrow.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the button is disabled."},{selector:".k-menu-group",attribute:"role=list",usage:"Announces the list role of the popup."},{selector:".k-menu-item",attribute:"role=listitem",usage:"Announces the listitem role of the popup items."}]};var _s=w;var Td=require("react/jsx-runtime"),rx="k-toolbar-separator",It=e=>(0,Td.jsx)("div",{className:r(rx,e.className,"k-separator")});var jt="toolbar",uo=jt;var T=require("react/jsx-runtime"),eo="k-toolbar",sx=[s.focus],ix={size:[d.undefined,d.small,d.medium,d.large],fillMode:[h.undefined,h.solid,h.outline,h.flat]},lx={scrollButtons:"around"},G=e=>{let{size:t,fillMode:o,focus:a,resizable:n,scrollable:i,scrollButtons:l,scrollingPosition:c,section:u,...f}=e,N=[],x=(m,L)=>{let k=[];if(m.type===p&&m.props.className&&m.props.className.includes("k-toolbar-overflow-button"))k.push((0,T.jsx)(p,{...m.props,className:`${m.props.className?m.props.className:""}`},`${L}-${new Date().getTime()}`));else if(m.type===p)k.push((0,T.jsx)(p,{...m.props,className:`k-toolbar-button ${m.props.className?m.props.className:""}`},`${L}-${new Date().getTime()}`));else if(m.type===Ha)k.push((0,T.jsx)(Ha,{...m.props,className:`k-toolbar-button ${m.props.className?m.props.className:""}`},`${L}-${new Date().getTime()}`));else if(m.type===be)k.push((0,T.jsx)(be,{...m.props,className:`k-toolbar-button ${m.props.className?m.props.className:""}`},`${L}-${new Date().getTime()}`));else if(m.type===H)k.push((0,T.jsx)(H,{...m.props,className:`k-toolbar-menu-button ${m.props.className?m.props.className:""}`},`${L}-${new Date().getTime()}`));else if(m.type===_s)k.push((0,T.jsx)(_s,{...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 A=[];(Array.isArray(m.props.children)?m.props.children:[m.props.children]).forEach((M,O)=>{A.push((0,T.jsx)(p,{...M.props,className:`${M.props.className?M.props.className:""}`},`${O}-${new Date().getTime()}`))}),k.push((0,T.jsx)(B,{...m.props,className:`k-toolbar-button-group ${m.props.className?m.props.className:""}`,children:A},`${L}-${new Date().getTime()}`))}else m.type===Ie?k.push((0,T.jsx)(Ie,{...m.props,className:`k-toolbar-combobox ${m.props.className?m.props.className:""}`},`${L}-${new Date().getTime()}`)):m.type===pe?k.push((0,T.jsx)(pe,{...m.props,className:`k-toolbar-dropdownlist ${m.props.className?m.props.className:""}`},`${L}-${new Date().getTime()}`)):m.type===st?k.push((0,T.jsx)(st,{...m.props,className:`k-toolbar-colorpicker ${m.props.className?m.props.className:""}`},`${L}-${new Date().getTime()}`)):k.push(m);k.forEach(A=>{N.push(A)})};return e.children&&(Array.isArray(e.children)?e.children:[e.children]).forEach((L,k)=>{x(L,k)}),(0,T.jsxs)("div",{...f,className:r(e.className,eo,C(eo,{size:t,fillMode:o}),y(eo,{focus:a}),{[`${eo}-resizable`]:n,[`${eo}-scrollable`]:i,[`${eo}-scrollable-overlay`]:i&&l==="hidden",[`${eo}-scrollable-${c}`]:c&&c!=="both",[`${eo}-section`]:u}),role:"toolbar","aria-label":"Toolbar",children:[!i&&N,i&&l==="hidden"&&(0,T.jsx)("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N}),i&&l==="start"&&(0,T.jsxs)(T.Fragment,{children:[(0,T.jsxs)(B,{children:[(0,T.jsx)("span",{className:r("k-toolbar-prev","k-button",C("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,T.jsx)(v,{className:"k-button-icon",icon:"chevron-left"})}),(0,T.jsx)("span",{className:r("k-toolbar-next","k-button",C("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,T.jsx)(v,{className:"k-button-icon",icon:"chevron-right"})})]}),(0,T.jsx)(It,{className:"k-toolbar-button-separator"}),(0,T.jsx)("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N})]}),i&&l==="end"&&(0,T.jsxs)(T.Fragment,{children:[(0,T.jsx)("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N}),(0,T.jsx)(It,{className:"k-toolbar-button-separator"}),(0,T.jsxs)(B,{children:[(0,T.jsx)("span",{className:r("k-toolbar-prev","k-button",C("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,T.jsx)(v,{className:"k-button-icon",icon:"chevron-left"})}),(0,T.jsx)("span",{className:r("k-toolbar-next","k-button",C("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,T.jsx)(v,{className:"k-button-icon",icon:"chevron-right"})})]})]}),i&&(l==="around"\|\|!l)&&(0,T.jsxs)(T.Fragment,{children:[(0,T.jsx)("span",{className:r("k-toolbar-prev","k-button",C("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,T.jsx)(v,{className:"k-button-icon",icon:"chevron-left"})}),(0,T.jsx)(It,{className:"k-toolbar-button-separator"}),(0,T.jsx)("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N}),(0,T.jsx)(It,{className:"k-toolbar-button-separator"}),(0,T.jsx)("span",{className:r("k-toolbar-next","k-button",C("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,T.jsx)(v,{className:"k-button-icon",icon:"chevron-right"})})]})]})};G.states=sx;G.options=ix;G.className=eo;G.defaultOptions=lx;G.moduleName=jt;G.folderName=uo;G.ariaSpec={selector:".k-toolbar",rules:[{selector:".k-toolbar",attribute:"role=toolbar",usage:"The component role."},{selector:".k-toolbar",attribute:"aria-label or aria-labelledby",usage:"Must be supplied when multiple toolbars exist."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class="i-more-vertical"])',attribute:"aria-haspopup=menu",usage:"The overflow button opens a menu popup."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class="i-more-vertical"])',attribute:"aria-expanded=true/false",usage:"Announces popup visibility state."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class="i-more-vertical"])',attribute:"aria-controls=.k-toolbar-popup .k-menu-group id (when present)",usage:"Indicates the connection between the toggle button and the menu popup."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class="i-more-vertical"])',attribute:"aria-label or title",usage:"Icon-only button must have accessible text."},{selector:".k-toolbar-popup .k-menu-group",attribute:"role=menu",usage:"The role of the tools wrapper in the overflow section."},{selector:".k-toolbar-popup .k-menu-group",attribute:"aria-labelledby=.k-toolbar-overflow-button id (when present)",usage:"Associates the title of the menu toggle button."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class="i-more-horizontal"])',attribute:"aria-expanded=true/false",usage:"Announces section popup visibility state."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class="i-more-horizontal"])',attribute:"aria-label or title",usage:"Icon-only button must have accessible text."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-horizontal"])',attribute:"aria-controls=.k-toolbar-popup .k-toolbar-items-list id (when present)",usage:"Indicates the connection between the toggle button and the section popup."},{selector:".k-toolbar-popup .k-toolbar-items-list",attribute:"role=toolbar",usage:"The role of the tools wrapper in the overflow section."},{selector:".k-toolbar-popup .k-toolbar-items-list",attribute:"aria-labelledby=.k-toolbar-overflow-button id (when present)",usage:"Associates the title of the section toggle button."}]};var Bd=require("react/jsx-runtime"),Od="k-floating-toolbar",px=[],dx={},cx={},Na=e=>{let{...t}=e;return(0,Bd.jsx)("div",{...t,className:r(e.className,Od),children:e.children})};Na.states=px;Na.options=dx;Na.className=Od;Na.defaultOptions=cx;Na.moduleName=jt;Na.folderName=uo;var Pd=require("react/jsx-runtime"),Ds="k-toolbar-item",mx=[s.focus],ux={},fx={},va=e=>{let{focus:t,...o}=e;return(0,Pd.jsx)("div",{...o,className:r(e.className,Ds,y(Ds,{focus:t})),children:e.children})};va.states=mx;va.options=ux;va.className=Ds;va.defaultOptions=fx;va.moduleName=jt;va.folderName=uo;var Hs=require("react/jsx-runtime"),wd="k-toolbar-popup",bx=[],hx={size:[d.undefined,d.small,d.medium,d.large],fillMode:[h.undefined,h.solid,h.outline,h.flat]},xx={},Eo=e=>{let{size:t,fillMode:o,section:a,...n}=e;return(0,Hs.jsx)(W,{...n,className:r(e.className,wd),children:a?(0,Hs.jsx)("span",{className:r("k-toolbar-items-list",C("k-toolbar-items-list",{size:t,fillMode:o})),role:"toolbar",children:e.children}):e.children})};Eo.states=bx;Eo.options=hx;Eo.className=wd;Eo.defaultOptions=xx;Eo.moduleName=jt;Eo.folderName=uo;var $n=Eo;var gx=require("react/jsx-runtime");var Nx=require("react/jsx-runtime");var vx=require("react/jsx-runtime");var Rd=require("react/jsx-runtime");var kx=require("react/jsx-runtime");var gt=require("react/jsx-runtime"),Lx=w.states,Kd={...w.defaultOptions,variant:"text"},Mx=w.options,Sx=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],yx=[{name:"opened",title:"Opened"}],ka=e=>{let{variant:t,modifiers:o,...a}={...Kd,...e},n={},i=(0,gt.jsxs)(Oe,{size:a.size,children:[(0,gt.jsx)(Q,{first:!0,text:"Menu Item"}),(0,gt.jsx)(Q,{text:"Menu Item"}),(0,gt.jsx)(Q,{last:!0,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)(w,{...a,...n,icon:"star"})});case"icon-and-text":return(0,gt.jsx)("div",{children:(0,gt.jsx)(w,{...a,...n,icon:"star",children:"Split Button"})});default:return(0,gt.jsx)("div",{children:(0,gt.jsx)(w,{...a,...n,children:"Split Button"})})}};ka.options=Mx;ka.states=Lx;ka.variants=Sx;ka.defaultOptions=Kd;ka.modifiers=yx;ka.className=w.className;var Dt=require("react/jsx-runtime"),_d=e=>(0,Dt.jsx)(G,{children:[(0,Dt.jsx)(p,{children:"Button"},"toolbar-button"),(0,Dt.jsx)(H,{text:"Menu button"},"toolbar-menu-button"),(0,Dt.jsx)(w,{children:"Split button"},"toolbar-split-button"),(0,Dt.jsxs)(B,{children:[(0,Dt.jsx)(p,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,Dt.jsx)(p,{icon:"align-center",children:"Center"}),(0,Dt.jsx)(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});var Dd=require("react/jsx-runtime");var Le=require("react/jsx-runtime"),Hd=e=>(0,Le.jsx)(G,{scrollable:!0,...e,children:[(0,Le.jsx)(p,{children:"Button"},"toolbar-button"),(0,Le.jsx)(H,{text:"Menu button"},"toolbar-menu-button"),(0,Le.jsx)(w,{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)(H,{text:"Menu button"},"toolbar-menu-button"),(0,Le.jsx)(w,{children:"Split button"},"toolbar-split-button"),(0,Le.jsxs)(B,{children:[(0,Le.jsx)(p,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,Le.jsx)(p,{icon:"align-center",children:"Center"}),(0,Le.jsx)(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});var Me=require("react/jsx-runtime"),zd=({scrollingPosition:e="start",...t})=>(0,Me.jsx)(G,{scrollable:!0,scrollButtons:"hidden",scrollingPosition:e,...t,children:[(0,Me.jsx)(p,{children:"Button"},"toolbar-button"),(0,Me.jsx)(H,{text:"Menu button"},"toolbar-menu-button"),(0,Me.jsx)(w,{children:"Split button"},"toolbar-split-button"),(0,Me.jsxs)(B,{children:[(0,Me.jsx)(p,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,Me.jsx)(p,{icon:"align-center",children:"Center"}),(0,Me.jsx)(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),(0,Me.jsx)(p,{children:"Button"},"toolbar-button"),(0,Me.jsx)(H,{text:"Menu button"},"toolbar-menu-button"),(0,Me.jsx)(w,{children:"Split button"},"toolbar-split-button"),(0,Me.jsxs)(B,{children:[(0,Me.jsx)(p,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,Me.jsx)(p,{icon:"align-center",children:"Center"}),(0,Me.jsx)(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...t});var j=require("react/jsx-runtime"),Ud=({fillMode:e,size:t,...o})=>(0,j.jsxs)(j.Fragment,{children:[(0,j.jsx)(G,{section:!0,fillMode:e,size:t,children:[(0,j.jsx)(p,{fillMode:e,size:t,children:"Button"},"toolbar-button"),(0,j.jsxs)(B,{fillMode:e,children:[(0,j.jsx)(p,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),(0,j.jsx)(p,{icon:"align-center",fillMode:e,size:t,children:"Center"}),(0,j.jsx)(p,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group"),(0,j.jsx)(It,{className:"k-toolbar-button-separator"}),(0,j.jsx)(p,{icon:"more-horizontal",className:"k-toolbar-overflow-button",fillMode:"flat",size:t,rounded:"none","aria-label":"More options","aria-expanded":"false"})],...o}),(0,j.jsxs)($n,{size:t,fillMode:e,section:!0,...o,children:[(0,j.jsx)(w,{fillMode:e,size:t,children:"Split button"},"toolbar-split-button"),(0,j.jsx)(p,{fillMode:e,size:t,children:"Button"},"toolbar-button"),(0,j.jsx)(It,{}),(0,j.jsx)(H,{text:"Menu button",fillMode:e,size:t},"toolbar-menu-button"),(0,j.jsxs)(B,{fillMode:e,children:[(0,j.jsx)(p,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),(0,j.jsx)(p,{icon:"align-center",fillMode:e,size:t,children:"Center"}),(0,j.jsx)(p,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group")]})]});var zs=require("react/jsx-runtime");var Us=require("react/jsx-runtime");var to=require("react/jsx-runtime"),Ax=G.options,Cx=G.states,Fd={...G.defaultOptions,variant:"default"},Ex=[{name:"default",title:"Default"},{name:"scrollable",title:"Scrollable"},{name:"overlay",title:"Overlay"},{name:"responsive",title:"Responsive"}],Ix=[],La=e=>{let{variant:t,...o}={...Fd,...e};switch(t){case"responsive":return(0,to.jsx)("div",{children:(0,to.jsx)(Ud,{style:{width:"583px"},...o})});case"overlay":return(0,to.jsx)("div",{children:(0,to.jsx)(zd,{style:{width:"583px"},...o,scrollingPosition:"start",scrollButtons:"hidden"})});case"scrollable":return(0,to.jsx)("div",{children:(0,to.jsx)(Hd,{style:{width:"583px"},...o})});default:return(0,to.jsx)("div",{children:(0,to.jsx)(_d,{style:{width:"583px"},...o})})}};La.options=Ax;La.states=Cx;La.variants=Ex;La.defaultOptions=Fd;La.modifiers=Ix;La.className=G.className;var se=require("react/jsx-runtime"),Gd="k-message",Tx=[s.hover,s.selected,s.active,s.focus],Ox={},Bx=[(0,se.jsx)(p,{icon:"copy",fillMode:"flat","aria-label":"Copy"}),(0,se.jsx)(p,{icon:"arrow-rotate-cw-outline",fillMode:"flat","aria-label":"Retry"}),(0,se.jsx)(p,{icon:"download-light",fillMode:"flat","aria-label":"Download"})],Ma={time:"Thu Feb 08 2018",text:"How can I help you?",status:"Seen",toolbarItems:Bx,failed:"Failed to send"},X=e=>{let{time:t=Ma.time,text:o=Ma.text,content:a,status:n=Ma.status,statusIcon:i,toolbarItems:l=Ma.toolbarItems,hover:c,selected:u,active:f,focus:N,toolbar:x,typing:m,expandable:L,expanded:k,removed:A,files:E,failed:M,...O}=e,J=M===!0?Ma.failed:M;return(0,se.jsxs)("div",{...O,className:r(Gd,e.className,{"k-message-removed":A,"k-message-failed":M}),children:[M&&(0,se.jsx)(be,{className:"k-resend-button",icon:"arrow-rotate-cw-outline",size:"xsmall",fillMode:"clear","aria-label":"Resend"}),(0,se.jsx)(Vd,{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:k,files:E}),(0,se.jsxs)("div",{className:"k-message-info",children:[n&&(0,se.jsxs)("span",{className:"k-message-status",children:[i&&(0,se.jsx)(v,{icon:i,size:"xsmall"}),n]}),t&&(0,se.jsx)("time",{className:"k-message-time",children:t}),M&&(0,se.jsxs)("span",{className:"k-message-failed-content",children:[M&&(0,se.jsx)(v,{icon:"warning-triangle",size:"xsmall"}),M&&(0,se.jsx)("span",{className:"k-message-failed-text",children:J})]})]}),x&&(0,se.jsx)(G,{className:"k-chat-message-toolbar",fillMode:"flat",children:l})]})};X.states=Tx;X.options=Ox;X.className=Gd;X.defaultOptions=Ma;var Fs="avatar",$d=Fs;var Vs=require("react/jsx-runtime"),rn="k-avatar";var Px=[s.hover,s.focus,s.active,s.selected,s.disabled],wx={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[h.undefined,h.solid,h.outline],themeColor:[g.undefined,g.base,g.primary,g.secondary,g.tertiary]},Gs={type:"text",border:!1},Pe=e=>{let{size:t,rounded:o,fillMode:a,themeColor:n,type:i=Gs.type,border:l=Gs.border,...c}=e;return(0,Vs.jsx)("div",{...c,className:r(e.className,rn,C(rn,{size:t,rounded:o,fillMode:a,themeColor:n}),{[`${rn}-bordered`]:l}),children:(0,Vs.jsx)("span",{className:`${rn}-${i}`,children:e.children})})};Pe.states=Px;Pe.options=wx;Pe.className=rn;Pe.defaultOptions=Gs;Pe.moduleName=Fs;Pe.folderName=$d;Pe.ariaSpec={selector:".k-avatar",rules:[{selector:".k-avatar img",attribute:"alt",usage:"Images inside Avatar must have alt text for screen readers."}]};var Io=Pe;var qd=require("react/jsx-runtime"),Xd=e=>(0,qd.jsx)(Io,{type:"icon",...e});var Jd=require("react/jsx-runtime"),Wd=e=>(0,Jd.jsx)(Io,{type:"text",...e});var Yd=require("react/jsx-runtime"),Xn=e=>(0,Yd.jsx)(Io,{type:"image",...e});var Rx=require("react/jsx-runtime");var Sa=require("react/jsx-runtime"),Kx=Pe.options,_x=Pe.states,Dx={...Pe.defaultOptions,variant:"image"},Hx=[{name:"image",title:"Image"},{name:"icon",title:"Icon Avatar"},{name:"text",title:"Text Avatar"}],zx=[],ya=e=>{let{variant:t,...o}=e;switch(t){case"icon":return(0,Sa.jsx)(Xd,{...o,children:(0,Sa.jsx)(v,{icon:"star"})});case"text":return(0,Sa.jsx)(Wd,{...o,children:"JO"});default:return(0,Sa.jsx)(Xn,{...o,children:(0,Sa.jsx)("img",{src:"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg"})})}};ya.options=Kx;ya.states=_x;ya.variants=Hx;ya.defaultOptions=Dx;ya.modifiers=zx;ya.className=Pe.className;var Tt=require("react/jsx-runtime"),sn="k-message-group",Ux=[s.selected],Fx={},qn={author:"Bruv",avatar:"/packages/html/assets/avatar.jpg",type:"receiver"},q=e=>{let{type:t=qn.type,author:o=qn.author,avatar:a=qn.avatar,status:n,selected:i,fullWidth:l,...c}=e;return(0,Tt.jsxs)("div",{...c,className:r(sn,e.className,y(sn,{selected:i}),{[`${sn}-${t}`]:t,"k-no-avatar":!a,[`${sn}-full-width`]:l}),children:[a&&!n&&(0,Tt.jsx)(Pe,{type:"image",children:(0,Tt.jsx)("img",{src:a,alt:o\|\|""})}),n&&a&&(0,Tt.jsxs)("div",{className:"k-chat-user-status-wrapper",children:[(0,Tt.jsx)(Pe,{type:"image",children:(0,Tt.jsx)("img",{src:a,alt:o\|\|""})}),(0,Tt.jsx)("div",{className:"k-chat-user-status"})]}),(0,Tt.jsxs)("div",{className:"k-message-group-content",children:[o&&(0,Tt.jsx)("span",{className:"k-message-author",children:o}),e.children]})]})};q.states=Ux;q.options=Fx;q.className=sn;q.defaultOptions=qn;var Ht=require("react/jsx-runtime"),$s="k-message-reference",Gx={},Zd={type:"receiver"},Aa=e=>{let{content:t,closeable:o,pinned:a,type:n=Zd.type,...i}=e;return(0,Ht.jsxs)("div",{...i,className:r($s,e.className,{[`${$s}-${n}`]:n,"k-message-pinned":a}),children:[a&&(0,Ht.jsx)(v,{icon:"pin-outline"}),(0,Ht.jsx)("div",{className:"k-message-reference-content",children:t}),o&&(0,Ht.jsxs)(Ht.Fragment,{children:[(0,Ht.jsx)("span",{className:"k-spacer"}),(0,Ht.jsx)(p,{icon:"x-mark-sm-outline",fillMode:"flat",size:"xsmall","aria-label":"Close"})]})]})};Aa.options=Gx;Aa.className=$s;Aa.defaultOptions=Zd;var Xs="bubble",Qd=Xs;var To=require("react/jsx-runtime"),qs="k-bubble",Vx=[s.hover,s.active,s.selected,s.focus],Ws={expandable:!1,expanded:!1},fo=e=>{let{content:t,hover:o,active:a,focus:n,selected:i,expandable:l=Ws.expandable,expanded:c=Ws.expanded,...u}=e;return(0,To.jsxs)("div",{...u,className:r(e.className,qs,y(qs,{hover:o,active:a,focus:n,selected:i}),{"k-bubble-expandable":l},{"k-expanded":c}),tabIndex:0,children:[(0,To.jsx)("div",{className:"k-bubble-content",children:t??e.children}),l&&(0,To.jsx)("span",{className:"k-bubble-expandable-indicator",role:"button","aria-label":c?"Show less":"Show more",tabIndex:0,children:c?(0,To.jsx)(v,{icon:"chevron-up"}):(0,To.jsx)(v,{icon:"chevron-down"})})]})};fo.states=Vx;fo.className=qs;fo.defaultOptions=Ws;fo.moduleName=Xs;fo.folderName=Qd;fo.ariaSpec={selector:".k-bubble",rules:[{selector:".k-bubble",attribute:"tabindex=0",usage:"The Chat bubble must be focusable."},{selector:".k-bubble-expandable-indicator",attribute:"role=button",usage:"The expandable indicator must have an appropriate role."},{selector:".k-bubble-expandable-indicator",attribute:"aria-label or title",usage:"The expandable indicator must be properly labelled."},{selector:".k-bubble-expandable-indicator",attribute:"tabindex=0",usage:"The expandable indicator must be part of the page tabsequence."}]};var $x=require("react/jsx-runtime");var Xx=require("react/jsx-runtime");var qx=require("react/jsx-runtime");var Oo=require("react/jsx-runtime"),Wx="k-chat-bubble",Vd=e=>{let{typing:t,content:o,files:a,...n}=e;return(0,Oo.jsxs)(fo,{...n,className:r(e.className,Wx),children:[t?(0,Oo.jsxs)("div",{className:"k-typing-indicator",tabIndex:-1,children:[(0,Oo.jsx)("span",{}),(0,Oo.jsx)("span",{}),(0,Oo.jsx)("span",{})]}):o,a]})};var Jx=require("react/jsx-runtime");var ln=require("react/jsx-runtime"),ec="k-chat-event",Js={icon:"trash",text:"You deleted Chat history."},tc=e=>{let{icon:t=Js.icon,text:o=Js.text,...a}=e;return(0,ln.jsxs)("div",{...a,className:r(e.className,ec),children:[t&&(0,ln.jsx)(v,{className:"k-chat-event-icon",icon:t,size:"xsmall"}),o&&(0,ln.jsx)("span",{className:"k-chat-event-text",children:o})]})};tc.className=ec;tc.defaultOptions=Js;var Yx=require("react/jsx-runtime");var Ve=require("react/jsx-runtime"),oc=e=>(0,Ve.jsx)(V,{children:(0,Ve.jsxs)(Ve.Fragment,{children:[(0,Ve.jsx)("div",{className:"k-timestamp",children:"Day, Month 7, 2023"}),(0,Ve.jsx)(q,{children:(0,Ve.jsx)(X,{})}),(0,Ve.jsx)(q,{type:"sender",children:(0,Ve.jsx)(X,{})}),(0,Ve.jsx)(q,{children:(0,Ve.jsx)(X,{text:"Very long message text that tests message overflowing behavior. Very long message text that tests message overflowing behavior."})}),(0,Ve.jsx)(q,{type:"sender",children:(0,Ve.jsx)(X,{text:"Unusually_long_word_that_tests_word_break_behavior__unusually_long_word_that_tests_word_break_behavior"})})]}),...e});var Ys=require("react/jsx-runtime"),Wn="k-file-box-wrapper",ac={layout:"horizontal"},zt=e=>{let{layout:t=ac.layout,scrollingPosition:o,...a}=e;return(0,Ys.jsx)("ul",{role:"list","aria-label":"Attached files",...a,className:r(e.className,Wn,{"k-files-vertical":t==="vertical","k-files-wrap":t==="wrap",[`${Wn}-scrollable-start`]:t==="horizontal"&&(o==="start"\|\|o==="both"),[`${Wn}-scrollable-end`]:t==="horizontal"&&(o==="end"\|\|o==="both")}),children:t==="horizontal"?(0,Ys.jsx)("div",{className:"k-files-scroll",role:"presentation",children:e.children}):e.children})};zt.className=Wn;zt.defaultOptions=ac;var Zs="file-box",nc=Zs;var Ut=require("react/jsx-runtime"),rc="k-file-box",Zx=[s.selected],Qx={},pn={icon:"file-pdf",name:"FileName.pdf",size:"2MB",showButton:"true"},$e=e=>{let{icon:t=pn.icon,name:o=pn.name,size:a=pn.size,status:n,deleted:i,removeButton:l,showButton:c=pn.showButton,...u}=e,f=[o,a].filter(Boolean).join(" ");return(0,Ut.jsxs)("li",{role:"listitem",tabIndex:0,"aria-label":f\|\|void 0,...u,className:r(rc,e.className,{"k-file-deleted":i}),children:[(0,Ut.jsx)(v,{icon:t,size:"xlarge","aria-hidden":"true"}),(0,Ut.jsxs)("div",{className:"k-file-info",children:[o&&(0,Ut.jsx)("span",{className:"k-file-name",children:o}),a&&(0,Ut.jsx)("span",{className:"k-file-size",children:a}),n&&(0,Ut.jsx)("span",{className:"k-file-status",children:n})]}),c&&(l?(0,Ut.jsx)(p,{as:"span",icon:"x-mark-sm-outline",fillMode:"flat",size:"xsmall","aria-hidden":"true"}):(0,Ut.jsx)(H,{icon:"more-vertical",fillMode:"flat",size:"xsmall",showArrow:!1,"aria-label":"File actions"}))]})};$e.states=Zx;$e.options=Qx;$e.className=rc;$e.defaultOptions=pn;$e.moduleName=Zs;$e.folderName=nc;$e.ariaSpec={selector:".k-file-box-wrapper",rules:[{selector:".k-file-box-wrapper",attribute:"role=list",usage:"Explicitly sets the UL role to list."},{selector:".k-file-box-wrapper",attribute:"aria-label",usage:'Provides an accessible name for the file list (e.g. "Attached files").'},{selector:".k-file-box-wrapper .k-files-scroll",attribute:"role=presentation",usage:"The scrollable container between the list and its items is presentational, ensuring the list\u2192listitem relationship is preserved in the accessibility tree."},{selector:".k-file-box-wrapper .k-file-box",attribute:"role=listitem",usage:"Explicitly sets the LI role to listitem."},{selector:".k-file-box-wrapper .k-file-box",attribute:"tabindex",usage:"Makes the file box focusable. Uses roving tabindex: 0 for the focused item, -1 for the rest."},{selector:".k-file-box-wrapper .k-file-box",attribute:"aria-label",usage:'Provides an accessible name describing the file. Can include the file name and size (e.g. "FileName.pdf 2MB").'},{selector:".k-file-box-wrapper .k-file-box .k-icon",attribute:"aria-hidden=true",usage:"The file type icon is decorative and hidden from screen readers."},{selector:".k-file-box-wrapper .k-file-box span.k-button",attribute:"aria-hidden=true",usage:"The remove button is rendered as a decorative span and hidden from screen readers. File removal is handled by keyboard interaction on the listitem itself."}]};var jx=require("react/jsx-runtime");var eg=require("react/jsx-runtime");var sc=require("react/jsx-runtime");var ic=require("react/jsx-runtime");var tg=require("react/jsx-runtime");var Qs=require("react/jsx-runtime");var js=require("react/jsx-runtime");var ei=require("react/jsx-runtime");var ti="window",lc=ti;var dc=require("react/jsx-runtime"),pc="k-window-content",og=[],ag={},ng={},bo=e=>{let{children:t,...o}=e;return(0,dc.jsx)("div",{...o,className:r(pc,e.className),children:t})};bo.states=og;bo.options=ag;bo.className=pc;bo.defaultOptions=ng;bo.moduleName=ti;bo.folderName=lc;var dn="dialog",Jn=dn;var je=require("react/jsx-runtime"),cc="k-dialog",rg=[],sg={},oi={actionButtonsAlign:"stretched",modal:!0},et=e=>{let{title:t,actions:o,actionButtons:a,actionButtonsAlign:n=oi.actionButtonsAlign,modal:i=oi.modal,...l}=e,c=t!==void 0?R("dialog-titlebar"):void 0,u=R("dialog-content");return(0,je.jsxs)("div",{className:"k-dialog-wrapper",children:[i&&(0,je.jsx)(wt,{}),(0,je.jsxs)("div",{...l,className:r(e.className,cc,"k-window"),role:"dialog","aria-labelledby":c,"aria-describedby":u,...i&&{"aria-modal":"true"},children:[(t!==void 0\|\|o)&&(0,je.jsxs)("div",{className:"k-window-titlebar k-dialog-titlebar",id:c,children:[t!==void 0&&(0,je.jsx)("span",{className:"k-window-title k-dialog-title",children:t}),o&&(0,je.jsx)(je.Fragment,{children:(0,je.jsx)("div",{className:"k-window-titlebar-actions k-dialog-titlebar-actions",children:o.map(f=>(0,je.jsx)(p,{icon:f,fillMode:"flat",size:"xsmall",className:"k-window-titlebar-action k-dialog-titlebar-action","aria-label":f},f))})})]}),(0,je.jsx)(bo,{className:"k-dialog-content",id:u,children:e.children}),a&&(0,je.jsx)(nt,{alignment:n,className:"k-window-actions k-dialog-actions",children:a})]})]})};et.states=rg;et.options=sg;et.className=cc;et.defaultOptions=oi;et.moduleName=dn;et.folderName=Jn;et.ariaSpec={selector:".k-dialog",rules:[{selector:".k-dialog",attribute:"role=dialog or role=alertdialog",usage:"Announces the dialog or alertdialog role of the component."},{selector:".k-dialog",attribute:"aria-labelledby",usage:"Associate the title of the dialog."},{selector:".k-dialog",attribute:"aria-describedby",usage:"Associate the dialog content to the wrap element."},{selector:".k-overlay + .k-dialog",attribute:"aria-modal=true",usage:"Announces that the dialog is modal. Attribute is added only when the dialog is modal."}]};var ai=et;var uc=require("react/jsx-runtime"),mc="k-dialog-wrapper",ig=[],lg={},pg={},Ca=e=>{let{...t}=e;return(0,uc.jsx)("div",{...t,className:r(e.className,mc),children:e.children})};Ca.states=ig;Ca.options=lg;Ca.className=mc;Ca.defaultOptions=pg;Ca.moduleName=dn;Ca.folderName=Jn;var Ft=require("react/jsx-runtime"),fc=e=>(0,Ft.jsx)(ai,{title:"Title",children:(0,Ft.jsx)(Ft.Fragment,{children:"Dialog content"}),actionButtons:(0,Ft.jsxs)(Ft.Fragment,{children:[(0,Ft.jsx)(p,{children:"Action"}),(0,Ft.jsx)(p,{themeColor:"primary",children:"Primary"})]}),actions:["x"],...e});var ni=require("react/jsx-runtime");var oo=require("react/jsx-runtime"),dg=et.options,cg=[],mg=et.states,ug=et.defaultOptions,fg=[],Ea=e=>(0,oo.jsx)(fc,{style:{width:"350px",height:"215px"},...e,title:"Please confirm",actions:["x"],actionButtonsAlign:"stretched",actionButtons:(0,oo.jsxs)(oo.Fragment,{children:[(0,oo.jsx)(p,{children:"No"}),(0,oo.jsx)(p,{themeColor:"primary",children:"Yes"})]}),children:(0,oo.jsx)("p",{style:{margin:"36px",textAlign:"center"},children:"Are you sure you want to continue?"})});Ea.options=dg;Ea.states=mg;Ea.variants=cg;Ea.defaultOptions=ug;Ea.modifiers=fg;Ea.className=et.className;var ri="dropzone",bc=ri;var Bo=require("react/jsx-runtime"),si="k-external-dropzone",bg=[s.disabled,s.hover],hg={},ii={icon:"upload",hint:"Drag and drop files here to upload"},Xe=e=>{let{hover:t,disabled:o,icon:a=ii.icon,hint:n=ii.hint,note:i,...l}=e;return(0,Bo.jsx)("div",{...l,className:r(e.className,si,y(si,{disabled:o}),{"k-external-dropzone-hover":t}),children:(0,Bo.jsxs)("div",{className:"k-dropzone-inner",children:[a&&(0,Bo.jsx)(v,{icon:a,className:"k-dropzone-icon",size:"xxxlarge"}),n&&(0,Bo.jsx)("span",{className:"k-dropzone-hint",children:n}),i&&(0,Bo.jsx)("span",{className:"k-dropzone-note",children:i})]})})};Xe.states=bg;Xe.options=hg;Xe.className=si;Xe.defaultOptions=ii;Xe.moduleName=ri;Xe.folderName=bc;var xc=require("react/jsx-runtime"),hc=e=>(0,xc.jsx)(Xe,{...e});var xg=require("react/jsx-runtime");var gc=require("react/jsx-runtime"),gg=Xe.options,Ng=Xe.states,vg=Xe.defaultOptions,kg=[{name:"note",title:"Note"}],Lg=[],Ia=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,gc.jsx)(hc,{style:{width:"500px"},...o,...a})};Ia.options=gg;Ia.states=Ng;Ia.variants=Lg;Ia.defaultOptions=vg;Ia.modifiers=kg;Ia.className=Xe.className;var ie=require("react/jsx-runtime"),li="k-upload-dropzone",Mg=[s.hover],Yn=e=>{let{hover:t,status:o,disabled:a,hasFiles:n,filesId:i,...l}=e,c;switch(o){case"uploading":c=(0,ie.jsxs)(ie.Fragment,{children:[(0,ie.jsx)(v,{icon:"upload"}),"Uploading..."]});break;case"done":c=(0,ie.jsxs)(ie.Fragment,{children:[(0,ie.jsx)(v,{icon:"check"}),"Done"]});break;case"failed":c=(0,ie.jsxs)(ie.Fragment,{children:[(0,ie.jsx)(v,{icon:"exclamation-circle"}),"Done"]});break;default:c=(0,ie.jsx)(ie.Fragment,{});break}return(0,ie.jsxs)("div",{...l,className:r(e.className,li,"k-dropzone",y(li,{hover:t})),children:[(0,ie.jsxs)("div",{className:"k-upload-button-wrap",children:[(0,ie.jsx)(p,{className:"k-upload-button","aria-disabled":a?"true":"false",...n&&i?{"aria-controls":i}:{},children:"Select files..."}),(0,ie.jsx)("input",{id:"upload-input",className:"k-hidden",tabIndex:-1,"aria-hidden":"true"})]}),(0,ie.jsx)("span",{className:r("k-dropzone-hint",{"k-hidden":o!=="upload"}),children:"Drop files here to upload"}),o!=="upload"&&(0,ie.jsx)("span",{className:"k-upload-status",children:c})]})};Yn.states=Mg;Yn.className=li;var pi="upload",Nc=pi;var ho=require("react/jsx-runtime"),di="k-upload",Sg=[s.hover,s.disabled],yg={},kc={actionsLayout:"end"},vc="upload-files-list",le=e=>{let{async:t,empty:o,actions:a,actionsLayout:n=kc.actionsLayout,hover:i,status:l,disabled:c,...u}=e,f=!!e.children;return(0,ho.jsxs)("div",{...u,className:r(e.className,di,y(di,{disabled:c}),{"k-upload-async":t,"k-upload-empty":o}),children:[(0,ho.jsx)(Yn,{status:l,hover:i,disabled:c,hasFiles:f,filesId:vc}),f&&(0,ho.jsx)("ul",{className:"k-upload-files",role:"list",id:vc,children:e.children}),a&&f&&(0,ho.jsxs)(El,{alignment:n,orientation:"horizontal",children:[(0,ho.jsx)(p,{className:"k-clear-selected",children:"Clear"}),(0,ho.jsx)(p,{themeColor:"primary",className:"k-upload-selected",children:"Upload"})]})]})};le.states=Sg;le.options=yg;le.className=di;le.defaultOptions=kc;le.moduleName=pi;le.folderName=Nc;le.ariaSpec={selector:".k-upload",rules:[{selector:".k-upload .k-upload-button",attribute:"aria-disabled",usage:"Announces the disabled state of the upload button."},{selector:".k-upload .k-upload-button",attribute:"aria-controls (when present)",usage:"Creates the relationship between the button and the list of selected files when the list is present."},{selector:".k-upload input",attribute:"tabindex=-1",usage:"Assures that the input element inside the upload is not focusable."},{selector:".k-upload input",attribute:"aria-hidden=true",usage:"The input needs to be hidden from screen readers."},{selector:".k-upload-files",attribute:"role=list",usage:"Explicitly sets the UL role to list."},{selector:".k-upload-files",attribute:"id",usage:"Unique and deterministic id linked to the button aria-controls attribute."},{selector:".k-upload-files .k-file",attribute:"role=listitem",usage:"Explicitly sets the LI role to listitem."},{selector:".k-upload .k-file .k-file-validation-message",attribute:"aria-live=polite",usage:"Announces the change in the upload status of the file."},{selector:".k-upload .k-upload-actions .k-upload-action",attribute:"aria-label",usage:"Provides accessible names for the file action buttons."},{selector:".k-upload .k-upload-actions .k-upload-action",attribute:"tabindex=-1",usage:"The list file action buttons are not focusable elements."}]};var cn="progressbar",Zn=cn;var xo=require("react/jsx-runtime"),Nt="k-progressbar",Ag=[s.disabled,s.indeterminate],Cg={orientation:["horizontal","vertical"]},Po={indeterminate:!1,label:!0,labelPosition:"start",orientation:"horizontal",reverse:!1,value:"0"},we=e=>{let{disabled:t,height:o,indeterminate:a=Po.indeterminate,label:n=Po.label,labelPosition:i=Po.labelPosition,orientation:l=Po.orientation,reverse:c=Po.reverse,value:u=Po.value,width:f,style:N,ariaLabel:x,...m}=e;return(0,xo.jsxs)("div",{...m,className:r(e.className,Nt,y(Nt,{disabled:t}),{[`${Nt}-${l}`]:l,[`${Nt}-indeterminate`]:a,[`${Nt}-reverse`]:c}),style:{...N,"--kendo-progressbar-value":u,[l==="horizontal"?"height":"width"]:l==="horizontal"?o:f},role:"progressbar","aria-label":x\|\|"progress","aria-valuenow":a?void 0:Number(u),"aria-valuemin":0,"aria-valuemax":100,children:[(0,xo.jsx)("span",{className:r("k-progress-status-wrap",{[`k-progress-${i}`]:i&&!a}),children:n&&(0,xo.jsxs)("span",{className:"k-progress-status",children:[u,"%"]})}),!a&&(0,xo.jsx)("div",{className:"k-progressbar-value k-selected",children:(0,xo.jsx)("span",{className:r("k-progress-status-wrap",{[`k-progress-${i}`]:i}),children:n&&(0,xo.jsxs)("span",{className:"k-progress-status",children:[e.value,"%"]})})})]})};we.states=Ag;we.options=Cg;we.className=Nt;we.defaultOptions=Po;we.moduleName=cn;we.folderName=Zn;we.ariaSpec={selector:".k-progressbar",implicitRole:"progressbar",rules:[{selector:".k-progressbar",attribute:"role=progressbar",usage:"Sets the proper role for ProgressBar."},{selector:".k-progressbar",attribute:"aria-label or aria-labelledby",usage:"The ProgressBar needs an accessible name to be assigned to it."},{selector:".k-progressbar:not(.k-progressbar-indeterminate)",attribute:"aria-valuenow",usage:"Required if the value is not indeterminate. Decimal value between aria-valuemin and aria-valuemax."},{selector:".k-progressbar",attribute:"aria-valuemin",usage:"Minimum value. Defaults to 0."},{selector:".k-progressbar",attribute:"aria-valuemax",usage:"Maximum value. Defaults to 100."}]};var Lc=we;var jn=require("react/jsx-runtime"),Mc="k-chunk-progressbar",Eg=(e,t)=>t<=e-1,Ig=[s.disabled,s.indeterminate],Tg={},Qn={chunkCount:5,orientation:"horizontal",progress:0},wo=e=>{let{disabled:t,chunkCount:o=Qn.chunkCount,indeterminate:a,orientation:n=Qn.orientation,progress:i=Qn.progress,reverse:l,ariaLabel:c,...u}=e;return(0,jn.jsx)("div",{...u,className:r(e.className,Nt,Mc,y(Nt,{disabled:t}),{[`${Nt}-${n}`]:n,[`${Nt}-indeterminate`]:a,[`${Nt}-reverse`]:l}),role:"progressbar","aria-label":c\|\|"progress","aria-valuenow":a?void 0:i,"aria-valuemin":0,"aria-valuemax":o,children:(0,jn.jsx)("ul",{className:"k-progressbar-chunks k-reset",children:[...Array(o)].map((f,N)=>(0,jn.jsx)("li",{className:r("k-progressbar-chunk",{"k-first":N===0,"k-last":N===[...Array(o)].length-1,"k-selected":Eg(i,N)})},N))})})};wo.states=Ig;wo.options=Tg;wo.className=Mc;wo.defaultOptions=Qn;wo.moduleName=cn;wo.folderName=Zn;wo.ariaSpec={selector:".k-chunk-progressbar",implicitRole:"progressbar",rules:[{selector:".k-chunk-progressbar",attribute:"role=progressbar",usage:"Sets the proper role for ChunkProgressBar."},{selector:".k-chunk-progressbar",attribute:"aria-label or aria-labelledby",usage:"The ChunkProgressBar needs an accessible name to be assigned to it."},{selector:".k-chunk-progressbar:not(.k-progressbar-indeterminate)",attribute:"aria-valuenow",usage:"Required if the value is not indeterminate. Value between aria-valuemin and aria-valuemax."},{selector:".k-chunk-progressbar",attribute:"aria-valuemin",usage:"Minimum value. Defaults to 0."},{selector:".k-chunk-progressbar",attribute:"aria-valuemax",usage:"Maximum value. Defaults to chunk count."}]};var Sc=require("react/jsx-runtime"),mn=e=>(0,Sc.jsx)(Lc,{...e});var Og=require("react/jsx-runtime");var ao=require("react/jsx-runtime"),Bg=we.options,Pg=we.states,yc={...we.defaultOptions,variant:"start"},wg=[{name:"start",title:"Label start"},{name:"center",title:"Label center"},{name:"end",title:"Label end"},{name:"empty",title:"No label"}],Rg=[],Ta=e=>{let{variant:t,modifiers:o,...a}={...yc,...e},n={},i={style:{width:"324px"}};switch(Object.keys(o\|\|{}).forEach(l=>{switch(l){case"reverse":n.reverse=!!(o!=null&&o[l]);break;case"vertical":n.orientation=o!=null&&o[l]?"vertical":void 0,i.style=o!=null&&o[l]?void 0:{width:"324px"};break}}),t){case"end":return(0,ao.jsx)("div",{...i,children:(0,ao.jsx)(mn,{...a,...n,labelPosition:"end",value:"50"})});case"center":return(0,ao.jsx)("div",{...i,children:(0,ao.jsx)(mn,{...a,...n,labelPosition:"center",value:"50"})});case"empty":return(0,ao.jsx)("div",{...i,children:(0,ao.jsx)(mn,{...a,...n,label:!1,value:"50"})});default:return(0,ao.jsx)("div",{...i,children:(0,ao.jsx)(mn,{...a,...n,labelPosition:"start",value:"50"})})}};Ta.options=Bg;Ta.states=Pg;Ta.variants=wg;Ta.defaultOptions=yc;Ta.modifiers=Rg;Ta.className=we.className;var Oa=require("react/jsx-runtime"),Kg="k-file-info",ci=e=>{let{name:t,size:o,validationMsg:a,...n}=e;return(0,Oa.jsxs)("div",{...n,className:r(e.className,Kg),children:[t&&(0,Oa.jsx)("span",{className:"k-file-name",children:t}),o&&(0,Oa.jsx)("span",{className:"k-file-size",children:o}),a&&(0,Oa.jsx)("span",{className:"k-file-validation-message","aria-live":"polite",children:a})]})};var Se=require("react/jsx-runtime"),_g="k-file",tt=e=>{let{status:t,progress:o,name:a,icon:n,size:i,state:l,validationMsg:c,...u}=e;return(0,Se.jsx)("li",{...u,className:r(e.className,_g,{[`k-file-${t}`]:t}),role:"listitem",tabIndex:0,children:(0,Se.jsxs)("div",{className:"k-file-single",children:[(0,Se.jsx)(we,{className:r({"k-hidden":t!=="progress"}),value:o,label:!1}),(0,Se.jsxs)("span",{className:"k-file-icon-wrapper",children:[(0,Se.jsx)(v,{className:"k-file-icon",icon:n,size:"xxlarge"}),l&&(0,Se.jsx)("span",{className:"k-file-state",children:l})]}),(0,Se.jsx)(ci,{name:a,size:i,validationMsg:c}),(0,Se.jsx)("div",{className:"k-upload-actions",children:t==="progress"?(0,Se.jsxs)(Se.Fragment,{children:[(0,Se.jsxs)("span",{className:"k-upload-pct",children:[o,"%"]}),(0,Se.jsx)(p,{icon:"pause-sm",fillMode:"flat",size:"xsmall",className:"k-upload-action","aria-label":"Pause upload",tabIndex:-1}),(0,Se.jsx)(p,{icon:"cancel",fillMode:"flat",size:"xsmall",className:"k-upload-action","aria-label":"Cancel upload",tabIndex:-1})]}):(0,Se.jsx)(p,{icon:"x",fillMode:"flat",size:"xsmall",className:"k-upload-action","aria-label":"Remove file",tabIndex:-1})})]})})};var mi=require("react/jsx-runtime");var go=require("react/jsx-runtime"),un=e=>(0,go.jsx)(le,{async:!0,children:(0,go.jsxs)(go.Fragment,{children:[(0,go.jsx)(tt,{name:"Image_With_Very_Very_Very_Very_Very_Long_Name1.png",icon:"file-image",size:"51.23 KB"}),(0,go.jsx)(tt,{name:"Image2.jpg",icon:"file-image",size:"106.43 KB"})]}),...e});var ui=require("react/jsx-runtime");var Cc=require("react/jsx-runtime"),Ac=e=>(0,Cc.jsx)(le,{async:!0,empty:!0,...e});var fi=require("react/jsx-runtime");var bi=require("react/jsx-runtime");var qe=require("react/jsx-runtime"),Dg=le.options,Hg=le.states,Ec={...le.defaultOptions,variant:"empty"},zg=[{name:"empty",title:"Empty"},{name:"upload",title:"Upload"},{name:"uploading",title:"Uploading"},{name:"success",title:"Success"},{name:"failed",title:"Failed"}],Ug=[],Ba=e=>{let{variant:t,...o}={...Ec,...e};switch(t){case"success":return(0,qe.jsxs)(un,{status:"done",style:{width:"586px"},...o,children:[(0,qe.jsx)(tt,{status:"success",validationMsg:"File(s) uploaded successfully.",name:"Image1.png",icon:"file-image"}),(0,qe.jsx)(tt,{status:"success",validationMsg:"File(s) uploaded successfully.",name:"Image2.png",icon:"file-image"})]});case"failed":return(0,qe.jsxs)(un,{status:"failed",style:{width:"586px"},...o,children:[(0,qe.jsx)(tt,{status:"error",validationMsg:"File type not allowed.",name:"Movie1.mkv",icon:"file-image"}),(0,qe.jsx)(tt,{status:"error",validationMsg:"File type not allowed.",name:"Video2.mkv",icon:"file-image"})]});case"uploading":return(0,qe.jsxs)(un,{status:"uploading",style:{width:"586px"},...o,children:[(0,qe.jsx)(tt,{progress:"50",status:"progress",name:"Document1.txt",icon:"file-pdf",size:"328.92 KB"}),(0,qe.jsx)(tt,{progress:"70",status:"progress",name:"Document2.txt",icon:"file-pdf",size:"225.68 KB"})]});case"upload":return(0,qe.jsxs)(un,{actions:!0,status:"upload",style:{width:"586px"},...o,children:[(0,qe.jsx)(tt,{name:"Image1.png",icon:"file-image",size:"51.23 KB"}),(0,qe.jsx)(tt,{name:"Image2.jpg",icon:"file-image",size:"106.43 KB"})]});default:return(0,qe.jsx)(Ac,{async:!0,status:"upload",style:{width:"586px"},...o})}};Ba.options=Dg;Ba.states=Hg;Ba.variants=zg;Ba.defaultOptions=Ec;Ba.modifiers=Ug;Ba.className=le.className;var hi=require("react/jsx-runtime");var Fg=require("react/jsx-runtime");var xi=require("react/jsx-runtime");var gi=require("react/jsx-runtime");var Ni=require("react/jsx-runtime");var Ic=require("react/jsx-runtime");var vi="appbar",Tc=vi;var Oc=require("react/jsx-runtime"),ki="k-appbar",Gg=[],Vg={themeColor:[g.undefined,g.base,g.primary,g.secondary,g.tertiary,g.inverse]},$g={},Re=e=>{let{themeColor:t,positionMode:o,position:a,...n}=e;return(0,Oc.jsx)("div",{...n,className:r(e.className,ki,C(ki,{themeColor:t}),{[`k-appbar-${o}`]:o,[`k-appbar-${a}`]:a}),children:e.children})};Re.states=Gg;Re.options=Vg;Re.className=ki;Re.defaultOptions=$g;Re.moduleName=vi;Re.folderName=Tc;Re.ariaSpec={selector:".k-appbar",rules:[]};var Bc=require("react/jsx-runtime"),Xg="k-appbar-section",Gt=e=>{let{...t}=e;return(0,Bc.jsx)("div",{...t,className:r(Xg,e.className),children:e.children})};var Li=require("react/jsx-runtime");var z=require("react/jsx-runtime"),Mi={...Re.options,positionMode:["static","sticky","fixed"]},qg=Re.states,Pc={...Re.defaultOptions,themeColor:"primary",variant:"top",positionMode:"sticky"};Mi.themeColor=["primary",...Mi.themeColor.filter(e=>e!=="primary")];var Wg=[{name:"top",title:"Top"},{name:"bottom",title:"Bottom"}],Pa=e=>{let{variant:t,...o}={...Pc,...e},a=(0,z.jsxs)(Re,{position:t,...o,children:[(0,z.jsx)(Gt,{children:(0,z.jsx)(be,{fillMode:"flat",icon:"menu"})}),(0,z.jsx)("span",{className:"k-spacer k-spacer-sized",style:{width:"8px"}}),(0,z.jsx)(Gt,{children:(0,z.jsx)("h3",{className:"k-m-0",children:"AppBar"})}),(0,z.jsx)("span",{className:"k-spacer"}),(0,z.jsxs)(Gt,{children:[(0,z.jsx)(Mt,{fillMode:"flat",children:"Button"}),(0,z.jsx)(Mt,{fillMode:"flat",children:"Button"}),(0,z.jsx)(Mt,{fillMode:"flat",children:"Button"})]}),(0,z.jsx)("span",{className:"k-spacer k-spacer-sized",style:{width:"8px"}}),(0,z.jsx)(Gt,{children:(0,z.jsx)(Cn,{value:"Input value"})}),(0,z.jsxs)(Gt,{children:[(0,z.jsx)(be,{className:"k-mx-sm",fillMode:"flat",icon:"bell"}),(0,z.jsx)("span",{className:"k-appbar-separator"}),(0,z.jsx)(Xn,{className:"k-mx-sm",children:(0,z.jsx)("img",{src:"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg"})})]})]}),n=(0,z.jsxs)("div",{style:{padding:"25px 10px"},children:[(0,z.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,z.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,z.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,z.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,z.jsxs)("div",{style:{height:"250px",overflow:"auto"},children:[n,a]}):(0,z.jsxs)("div",{style:{height:"250px",overflow:"auto"},children:[a,n]})};Pa.options=Mi;Pa.states=qg;Pa.variants=Wg;Pa.defaultOptions=Pc;Pa.modifiers=[];Pa.className=Re.className;var Si="suggestion",wc=Si;var Ro=require("react/jsx-runtime"),er="k-suggestion-group",Jg=[],Yg={},Rc={layout:"scrollable",scrollingPosition:"start"},vt=e=>{let{layout:t=Rc.layout,scrollingPosition:o,...a}=e,n=(0,Ro.jsx)("div",{...a,className:r(er,{"k-suggestion-group-scrollable":t=="scrollable",[`${er}-scrollable-start`]:o==="start"\|\|o==="both",[`${er}-scrollable-end`]:o==="end"\|\|o==="both"},e.className),role:"group",children:t==="scrollable"\|\|t==="scrollButtons"?(0,Ro.jsx)("div",{className:"k-suggestions-scroll",children:e.children}):e.children});return t=="scrollButtons"?(0,Ro.jsxs)("div",{className:"k-suggestion-scrollwrap",children:[(0,Ro.jsx)(p,{fillMode:"flat",icon:"chevron-left",size:"xsmall","aria-label":"Scroll left"}),n,(0,Ro.jsx)(p,{fillMode:"flat",icon:"chevron-right",size:"xsmall","aria-label":"Scroll right"})]}):n};vt.states=Jg;vt.options=Yg;vt.className=er;vt.defaultOptions=Rc;vt.moduleName=Si;vt.folderName=wc;var Kc=require("react/jsx-runtime"),tr="k-suggestion",Zg=[s.active,s.hover,s.focus],Qg={themeColor:[g.undefined,g.base,g.primary,g.secondary,g.tertiary]},jg={text:"Suggestion"},kt=e=>{let{themeColor:t,active:o,hover:a,focus:n,text:i,...l}=e;return(0,Kc.jsx)("span",{...l,className:r(e.className,tr,y(tr,{hover:a,active:o,focus:n}),C(tr,{themeColor:t})),role:"button",tabIndex:0,"aria-label":i,children:i})};kt.states=Zg;kt.options=Qg;kt.className=tr;kt.item=jg;var yi=require("react/jsx-runtime");var Ai=require("react/jsx-runtime");var Ci=require("react/jsx-runtime");var U=require("react/jsx-runtime"),eN=V.states,tN=V.defaultOptions,oN=V.options,aN=[{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"}],nN=[],wa=e=>{let{modifiers:t,...o}=e,a={author:null,avatar:null},n=(0,U.jsxs)(Re,{className:"k-chat-header",positionMode:"sticky",themeColor:"primary",children:[(0,U.jsx)("span",{className:"k-spacer k-spacer-sized k-w-1"}),(0,U.jsx)(Gt,{children:(0,U.jsx)("span",{children:"Chat with demo bot"})}),(0,U.jsx)("span",{className:"k-spacer"}),(0,U.jsx)(Gt,{children:(0,U.jsx)(p,{fillMode:"flat",icon:"more-vertical"})})]}),i=(0,U.jsx)(Aa,{type:"sender",pinned:!0,content:"Hello! Generate a cover letter.",closeable:!0}),l=(0,U.jsxs)(vt,{children:[(0,U.jsx)(kt,{text:"Provide a CV template"}),(0,U.jsx)(kt,{text:"Generate a cover letter"})]}),c=(0,U.jsxs)(vt,{children:[(0,U.jsx)(kt,{themeColor:"primary",text:"Thank you!"}),(0,U.jsx)(kt,{themeColor:"primary",text:"Great!"})]}),u="https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg",f=null,N="User",x="Demo Bot";Object.keys(t\|\|{}).forEach(O=>{switch(O){case"header":a.header=t!=null&&t[O]?n:!1;break;case"pinned":a.pinned=t!=null&&t[O]?i:!1;break;case"suggested":a.suggestedActions=t!=null&&t[O]?l:!1;break;case"author":a.author=t!=null&&t[O]?!0:null;break;case"avatar":a.avatar=t!=null&&t[O]?u:null;break;case"quick":a.quickReplies=t!=null&&t[O]?c:(0,U.jsx)(U.Fragment,{});break;default:break}});let{header:m,pinned:L,suggestedActions:k,author:A,avatar:E,quickReplies:M}=a;return(0,U.jsxs)(oc,{value:"Thank you!",style:{minHeight:"100%"},...o,header:m,pinned:L,suggestedActions:k,children:[(0,U.jsx)(q,{avatar:f,author:A?x:null,children:(0,U.jsx)(X,{text:"Hello, this is a demo bot. How can I help you ?"})}),(0,U.jsx)(q,{avatar:E?u:null,author:A?N:null,type:"sender",children:(0,U.jsx)(X,{text:"Hello! Generate a cover letter."})}),(0,U.jsx)(q,{avatar:f,author:A?x:null,children:(0,U.jsx)(X,{text:"Sure. Here is a cover letter template",files:(0,U.jsx)(zt,{children:(0,U.jsx)($e,{icon:"file-pdf",name:"cover_letter.pdf",size:"1.43MB"})})})}),M]})};wa.options=oN;wa.states=eN;wa.variants=nN;wa.defaultOptions=tN;wa.modifiers=aN;wa.className=V.className;var Ei="skeleton",_c=Ei;var Dc=require("react/jsx-runtime"),Ii="k-skeleton",rN=["circle","text","rect"],sN=[],iN={},Ti={variant:"text",shape:"text",animation:"pulse"},pt=e=>{let{variant:t,shape:o,animation:a=Ti.animation,...n}=e,i=`skeleton-${t\|\|o\|\|Ti.variant}`;return(0,Dc.jsx)("span",{...n,className:r(e.className,Ii,hn(Ii,i),{[`k-skeleton-${a}`]:a}),style:e.style})};pt.states=sN;pt.options=iN;pt.variants=rN;pt.className=Ii;pt.defaultOptions=Ti;pt.moduleName=Ei;pt.folderName=_c;pt.ariaSpec={selector:".k-skeleton",rules:[]};var Hc=require("react/jsx-runtime"),Ko=e=>(0,Hc.jsx)(pt,{...e});var Uc=require("react/jsx-runtime"),zc=e=>(0,Uc.jsx)(pt,{shape:"rect",...e});var lN=require("react/jsx-runtime");var oe=require("react/jsx-runtime"),pN=e=>(0,oe.jsx)(V,{children:(0,oe.jsxs)(oe.Fragment,{children:[(0,oe.jsx)("div",{className:"k-timestamp",children:"Day, Month 7, 2023"}),(0,oe.jsx)(q,{fullWidth:!0,children:(0,oe.jsx)(X,{text:null,content:(0,oe.jsxs)("div",{className:"k-skeleton-container",style:{width:"100%"},children:[(0,oe.jsx)(Ko,{style:{width:"100%"}}),(0,oe.jsx)(Ko,{style:{width:"100%"}}),(0,oe.jsx)(Ko,{style:{width:"100%"}}),(0,oe.jsx)(Ko,{style:{width:"75%"}})]})})}),(0,oe.jsx)(q,{type:"sender",fullWidth:!0,avatar:null,children:(0,oe.jsx)(X,{text:null,content:(0,oe.jsxs)("div",{className:"k-skeleton-container",style:{width:"100%",display:"flex",alignItems:"center",gap:"var( --kendo-spacing-1 )"},children:[(0,oe.jsx)(zc,{style:{width:"32px",height:"32px"}}),(0,oe.jsxs)("div",{style:{flex:"1 1 50%"},children:[(0,oe.jsx)(Ko,{style:{width:"100%"}}),(0,oe.jsx)(Ko,{style:{width:"50%"}})]})]})})})]}),...e});
1	+ var Gc=Object.create;var bn=Object.defineProperty;var Vc=Object.getOwnPropertyDescriptor;var $c=Object.getOwnPropertyNames;var Xc=Object.getPrototypeOf,qc=Object.prototype.hasOwnProperty;var Wc=(e,t)=>{for(var o in t)bn(e,o,{get:t[o],enumerable:!0})},Bi=(e,t,o,a)=>{if(t&&typeof t=="object"\|\|typeof t=="function")for(let n of $c(t))!qc.call(e,n)&&n!==o&&bn(e,n,{get:()=>t[n],enumerable:!(a=Vc(t,n))\|\|a.enumerable});return e};var Pi=(e,t,o)=>(o=e!=null?Gc(Xc(e)):{},Bi(t\|\|!e\|\|!e.__esModule?bn(o,"default",{value:e,enumerable:!0}):o,e)),Jc=e=>Bi(bn({},"__esModule",{value:!0}),e);var dN={};Wc(dN,{ChatMessageSkeleton:()=>pN});module.exports=Jc(dN);var r=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?r(...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 C=(e,t)=>r({[`${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"}),y=(e,t)=>{let{valid:o,invalid:a,hover:n,focus:i,checked:l,active:c,selected:u,disabled:f,indeterminate:N,loading:x,empty:m,readonly:L,highlighted:k,...A}=t;return r({"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":x,"k-empty":m,"k-readonly":L,"k-highlighted":k},Object.keys(A).reduce((E,M)=>(M.startsWith("k-")?E[M]=A[M]:E[`k-${M}`]=A[M],E),{}))};function hn(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"},h={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},g={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",inverse:"inverse"},s={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 rr={};function R(e){return rr[e]=(rr[e]\|\|0)+1,`k-${e}-${rr[e]}`}var Ra=require("react/jsx-runtime"),sr="k-font-icon",Yc=[],Zc={size:[d.undefined,d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[g.undefined,g.base,g.primary,g.secondary,g.tertiary,g.success,g.warning,g.error,g.info]},Qc={},Ka=e=>{let{size:t,themeColor:o,icon:a,rotate:n,flip:i,...l}=e;return a?(0,Ra.jsx)("span",{...l,className:r(e.className,sr,C(sr,{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,Ra.jsx)(Ra.Fragment,{})};Ka.states=Yc;Ka.options=Zc;Ka.className=sr;Ka.defaultOptions=Qc;var wi=Ka;var vo=require("react/jsx-runtime"),ir="k-svg-icon",jc=[],em={size:[d.undefined,d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[g.undefined,g.base,g.primary,g.secondary,g.tertiary,g.success,g.warning,g.error,g.info]},Ri={viewBox:"0 0 24 24"},_a=e=>{let{size:t,themeColor:o,rotate:a,flip:n,viewBox:i=Ri.viewBox,icon:l,...c}=e;if(!l)return(0,vo.jsx)(vo.Fragment,{});if(l==="none")return(0,vo.jsx)("span",{...c,className:r(e.className,ir,C("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let u=typeof l=="object"&&l.name&&l.name;return(0,vo.jsx)("span",{...c,className:r(e.className,ir,C("k-icon",{size:t}),{[`k-svg-i-${u}`]:u,[`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,vo.jsx)("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof l=="object"?l.viewBox:i,dangerouslySetInnerHTML:typeof l=="object"?{__html:l.content}:void 0,children:l?void 0:e.children})})};_a.states=jc;_a.options=em;_a.className=ir;_a.defaultOptions=Ri;var lr=_a;var pr=Pi(require("@progress/kendo-svg-icons"));var Ki="icon",_i="icons";var zi=require("react");var Di=require("react"),Hi=(0,Di.createContext)({iconsType:"svg"});var Vt=require("react/jsx-runtime"),xn="k-icon",tm=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),om=[],am={size:[d.undefined,d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[g.undefined,g.base,g.primary,g.secondary,g.tertiary,g.success,g.warning,g.error,g.info]},dr={viewBox:"0 0 24 24",type:"svg"},v=e=>{let{iconsType:t}=(0,zi.useContext)(Hi),{size:o,themeColor:a,icon:n,type:i=t\|\|dr.type,rotate:l,flip:c,viewBox:u=dr.viewBox,...f}=e;if(!n)return(0,Vt.jsx)(Vt.Fragment,{});if((t\|\|i)==="svg"){if(n==="none")return(0,Vt.jsx)(lr,{...f,className:r(e.className,xn),icon:n,size:o});let x=pr[n]?n:tm(`${n}-icon`);return pr[x]?(0,Vt.jsx)(lr,{...f,className:r(e.className,xn),icon:pr[x],size:o,themeColor:a,rotate:l,flip:c,viewBox:u}):(0,Vt.jsx)(Vt.Fragment,{})}return(0,Vt.jsx)(wi,{...f,className:r(e.className,xn),icon:n,size:o,themeColor:a,rotate:l,flip:c})};v.states=om;v.options=am;v.defaultOptions=dr;v.className=xn;v.moduleName=Ki;v.folderName=_i;v.ariaSpec={selector:".k-icon, .k-svg-icon",rules:[{selector:".k-icon, .k-svg-icon",attribute:"aria-hidden=true",usage:"Hides the icon element and all its children from assistive technologies."}]};var cr="button",Ui=cr;var Lt=require("react/jsx-runtime"),Da="k-button",nm=["icon-button"],rm=[s.hover,s.focus,s.active,s.selected,s.disabled,s.generating],sm={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:[h.undefined,h.solid,h.flat,h.outline,h.clear,h.link],themeColor:[g.undefined,g.base,g.primary,g.secondary,g.tertiary,g.success,g.warning,g.error,g.info,g.inverse]},mr={showArrow:!1,arrowIconName:"chevron-down"},p=e=>{let{as:t="button",size:o,rounded:a,fillMode:n,themeColor:i,showArrow:l=mr.showArrow,arrowIconName:c=mr.arrowIconName,variant:u,hover:f,focus:N,active:x,selected:m,disabled:L,togglable:k,ariaDisabled:A,icon:E,text:M,iconClassName:O,className:J,...ye}=e,Ke=E!==void 0,_e=e.children!==void 0;return(0,Lt.jsxs)(t,{className:r(J,Da,hn(Da,u),C(Da,{size:o,rounded:a,fillMode:n,themeColor:i}),y(Da,{hover:f,focus:N,active:x,disabled:L\|\|A,selected:m}),{"k-icon-button":!M&&!_e&&Ke}),...ye,"aria-pressed":k?m?"true":"false":void 0,"aria-disabled":A?"true":void 0,disabled:L\|\|void 0,children:[E&&(0,Lt.jsx)(v,{className:r(O,"k-button-icon"),icon:E}),M?(0,Lt.jsxs)(Lt.Fragment,{children:[M&&(0,Lt.jsx)("span",{className:"k-button-text",children:M}),e.children]}):e.children&&(0,Lt.jsx)("span",{className:"k-button-text",children:e.children}),l&&(0,Lt.jsx)("span",{className:"k-menu-button-arrow k-button-arrow",children:(0,Lt.jsx)(v,{icon:c})})]})};p.states=rm;p.options=sm;p.variants=nm;p.className=Da;p.defaultOptions=mr;p.moduleName=cr;p.folderName=Ui;p.ariaSpec={selector:".k-button",rules:[{selector:".k-button",attribute:"role=button or nodeName=button",usage:"The button role is implicit from the native <button> element."},{selector:".k-button",attribute:"aria-label (when icon-only)",usage:"Required for icon-only buttons that have no visible text."},{selector:".k-button",attribute:"aria-pressed (when togglable)",usage:"Indicates the pressed state of a toggle button."},{selector:".k-button",attribute:"disabled (when disabled)",usage:"Rendered when the button is disabled."}]};var Fi=require("react/jsx-runtime"),be=e=>(0,Fi.jsx)(p,{icon:"folder",...e,"aria-label":e["aria-label"]\|\|"Folder",children:void 0});var Gi=require("react/jsx-runtime"),Ha=e=>(0,Gi.jsx)(p,{icon:"folder",children:"Button",...e});var Vi=require("react/jsx-runtime"),Mt=e=>(0,Vi.jsx)(p,{children:"Button",...e});var gn=require("react/jsx-runtime"),im=p.options,lm=p.states,pm={...p.defaultOptions,variant:"text"},dm=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],cm=[],_o=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return(0,gn.jsx)(be,{...o,icon:"star"});case"icon-and-text":return(0,gn.jsx)(Ha,{...o,icon:"star",children:"Button"});default:return(0,gn.jsx)(Mt,{...o,children:"Button"})}};_o.options=im;_o.states=lm;_o.variants=dm;_o.defaultOptions=pm;_o.modifiers=cm;_o.className=p.className;var za=require("react/jsx-runtime"),Nn="k-fab",fm=[s.hover,s.focus,s.active,s.selected,s.disabled],bm={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],themeColor:[g.undefined,g.base,g.primary,g.secondary,g.tertiary]},$i={type:"button"},ae=e=>{let{size:t,rounded:o,themeColor:a,text:n,icon:i,type:l=$i.type,position:c,hover:u,focus:f,active:N,selected:x,disabled:m,...L}=e;return(0,za.jsxs)("button",{...L,type:l,className:r(e.className,Nn,C(Nn,{size:t,rounded:o,themeColor:a}),y(Nn,{hover:u,focus:f,active:N,disabled:m,selected:x}),{[`!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,za.jsx)(v,{className:"k-fab-icon",icon:i}),n&&(0,za.jsx)("span",{className:"k-fab-text",children:n})]})};ae.states=fm;ae.options=bm;ae.className=Nn;ae.defaultOptions=$i;ae.moduleName="fab";ae.folderName="fab";ae.ariaSpec={selector:".k-fab",rules:[{selector:".k-fab",attribute:"role=button or nodeName=button",usage:"Omitted if the <button> DOM element is used."},{selector:".k-fab",attribute:"aria-label or title (when icon-only)",usage:"The attribute must be present when no text is initially visible in the button."},{selector:".k-fab.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the button is disabled."}]};var qi=require("react/jsx-runtime"),hm="k-fab-items",Xi=e=>{let{position:t,...o}=e;return(0,qi.jsx)("ul",{...o,className:r(e.className,hm,{[`k-fab-items-${t}`]:t}),children:e.children})};var Ua=require("react/jsx-runtime"),Wi="k-fab-item",xm=[s.hover,s.focus,s.active,s.disabled],ur=e=>{let{text:t,icon:o,align:a,hover:n,focus:i,active:l,disabled:c,...u}=e;return(0,Ua.jsxs)("li",{...u,className:r(e.className,Wi,{[`k-text-${a}`]:a},y(Wi,{hover:n,focus:i,active:l,disabled:c})),children:[(0,Ua.jsx)("span",{className:"k-fab-item-text",children:t}),(0,Ua.jsx)(v,{className:"k-fab-item-icon",icon:o})]})};ur.states=xm;var gm=require("react/jsx-runtime");var Yi=require("react/jsx-runtime"),Ji=e=>(0,Yi.jsx)(ae,{icon:"plus",...e});var Nm=require("react/jsx-runtime");var vm=require("react/jsx-runtime");var $t=require("react/jsx-runtime"),km=ae.options,Lm=ae.states,Mm={...ae.defaultOptions,variant:"text"},Sm=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],ym=[{name:"opened",title:"Opened"}],Do=e=>{let{variant:t,modifiers:o,...a}=e,{opened:n}=o\|\|{},i=n?(0,$t.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,$t.jsx)(Xi,{position:"bottom",children:(0,$t.jsx)(ur,{text:"Item",icon:"pencil",align:"right"})})}):null,l;switch(t){case"icon-only":l=(0,$t.jsx)(ae,{...a,icon:"star"});break;case"icon-and-text":l=(0,$t.jsx)(ae,{...a,icon:"star",text:"Action"});break;default:l=(0,$t.jsx)(ae,{...a,text:"Action"});break}return(0,$t.jsxs)("span",{style:{position:"relative"},children:[l,i]})};Do.options=km;Do.states=Lm;Do.variants=Sm;Do.defaultOptions=Mm;Do.modifiers=ym;Do.className=ae.className;var Zi=require("react/jsx-runtime"),fr="k-input-inner",Am=[],Cm={},vn={type:"text",autocomplete:"off",value:"",placeholder:""},De=e=>{let{value:t=vn.value,type:o=vn.type,placeholder:a=vn.placeholder,autocomplete:n=vn.autocomplete,disabled:i,readOnly:l,...c}=e;return(0,Zi.jsx)("input",{...c,type:o,className:r(e.className,fr,C(fr,e)),placeholder:a,autoComplete:n,defaultValue:t,disabled:i\|\|void 0,readOnly:l\|\|void 0})};De.states=Am;De.options=Cm;De.className=fr;var ji=require("react/jsx-runtime"),br="k-input-inner",Em=[],Im={},Qi={value:"",placeholder:""},Fa=e=>{let{value:t=Qi.value,placeholder:o=Qi.placeholder,rows:a,disabled:n,...i}=e;return(0,ji.jsx)("textarea",{...i,className:r(e.className,br,C(br,e)),placeholder:o,rows:a,defaultValue:t,disabled:n\|\|void 0})};Fa.states=Em;Fa.options=Im;Fa.className=br;var hr="prompt-box",el=hr;var xr="speech-to-text-button",tl=xr;var nl=require("react/jsx-runtime"),ol="k-speech-to-text-button",al={icon:"microphone"},We=e=>{let{listening:t=!1,icon:o=al.icon,...a}=e;return(0,nl.jsx)(p,{...a,icon:t?"stop":o,className:r(e.className,ol,{"k-listening":t}),"aria-pressed":t?"true":"false","aria-label":t?"Stop listening":"Start listening"})};We.states=p.states;We.options=p.options;We.className=ol;We.defaultOptions=al;We.moduleName=xr;We.folderName=tl;We.ariaSpec={selector:".k-speech-to-text-button",rules:[{selector:".k-button.k-speech-to-text-button",attribute:"role=button or nodeName=button",usage:"If the used element is not <button>, explicitly set its role to button."},{selector:".k-button.k-speech-to-text-button",attribute:"aria-pressed",usage:"Announces the toggle behaviour of the button."},{selector:".k-button.k-speech-to-text-button",attribute:"aria-label",usage:"Accessible name for the speech-to-text button."}]};var Tm=require("react/jsx-runtime");var Om=require("react/jsx-runtime");var sl=require("react/jsx-runtime"),Bm=p.states,rl={...p.defaultOptions,variant:"normal"},Pm={...p.options,fillMode:p.options.fillMode.filter(e=>e!=="clear"&&e!=="link")},wm=[],Rm=[{name:"normal",title:"Normal"},{name:"listening",title:"Listening"}],Ho=e=>{let{variant:t,...o}={...rl,...e},a={};return t==="listening"&&(a.listening=!0),(0,sl.jsx)(We,{...o,...a})};Ho.options=Pm;Ho.states=Bm;Ho.variants=Rm;Ho.defaultOptions=rl;Ho.modifiers=wm;Ho.className=We.className;var St=require("react/jsx-runtime"),Ot="k-prompt-box",Km=[s.hover,s.focus,s.disabled],_m={fillMode:[h.undefined,h.solid,h.flat,h.outline]},gr={lineMode:"auto",isExpanded:!1},Xt=e=>{let{fillMode:t,lineMode:o=gr.lineMode,startAffix:a,endAffix:n,header:i,isExpanded:l=gr.isExpanded,className:c,children:u,value:f,placeholder:N,generating:x,hover:m,focus:L,disabled:k,...A}=e,E=o==="multi"\|\|o==="auto"&&l;return(0,St.jsxs)("div",{...A,className:r(c,"k-input",Ot,{[`${Ot}-singleline`]:o==="single",[`${Ot}-multiline`]:E,[`k-input-${t}`]:t,"k-hover":m,"k-focus":L,"k-disabled":k}),children:[i&&(0,St.jsx)("div",{className:`${Ot}-header`,children:i}),(0,St.jsxs)("div",{className:`${Ot}-content`,children:[a&&(0,St.jsx)("div",{className:`${Ot}-affix`,children:a}),o==="single"?(0,St.jsx)(De,{value:f,placeholder:N,className:`${Ot}-input`,type:"text","aria-label":"Prompt input"}):(0,St.jsx)(Fa,{value:f,placeholder:N,className:`${Ot}-textarea`,rows:o==="multi"\|\|l?3:1,"aria-label":"Prompt input","aria-multiline":"true"}),(0,St.jsxs)("div",{className:`${Ot}-affix`,children:[n,(0,St.jsx)(We,{size:"small",fillMode:"flat",rounded:"full"}),(0,St.jsx)(be,{icon:x?"stop":"arrow-up",size:"small",rounded:"full",active:x,disabled:!f&&!x,className:r({"k-generating":x}),"aria-label":x?"Stop generating":"Send prompt","aria-live":"polite"})]})]}),u]})};Xt.states=Km;Xt.options=_m;Xt.className=Ot;Xt.defaultOptions=gr;Xt.moduleName=hr;Xt.folderName=el;Xt.ariaSpec={selector:".k-prompt-box",rules:[{selector:".k-prompt-box-singleline .k-prompt-box-input",attribute:"nodeName=input",usage:"Ensures the input field has the proper textbox role."},{selector:".k-prompt-box-singleline .k-prompt-box-input",attribute:"aria-label",usage:"Provides an accessible label for the single-line input."},{selector:".k-prompt-box-multiline .k-prompt-box-textarea",attribute:"nodeName=textarea",usage:"Ensures the textarea has the proper textbox role."},{selector:".k-prompt-box-multiline .k-prompt-box-textarea",attribute:"aria-label",usage:"Provides an accessible label for the textarea."},{selector:".k-prompt-box-multiline .k-prompt-box-textarea",attribute:"aria-multiline=true",usage:"Indicates the textarea supports multiple lines of text."},{selector:".k-prompt-box:not(.k-prompt-box-singleline):not(.k-prompt-box-multiline) .k-prompt-box-textarea",attribute:"nodeName=textarea",usage:"Ensures the auto-mode textarea has the proper textbox role."},{selector:".k-prompt-box:not(.k-prompt-box-singleline):not(.k-prompt-box-multiline) .k-prompt-box-textarea",attribute:"aria-label",usage:"Provides an accessible label for the auto-mode textarea."},{selector:".k-prompt-box:not(.k-prompt-box-singleline):not(.k-prompt-box-multiline) .k-prompt-box-textarea",attribute:"aria-multiline=true",usage:"Indicates the auto-mode textarea supports multiple lines of text."},{selector:".k-prompt-box-affix .k-button:not(.k-speech-to-text-button)",attribute:"aria-label",usage:"The send/stop button is labelled to indicate its current action."},{selector:".k-prompt-box-affix .k-button:not(.k-speech-to-text-button)",attribute:"aria-live=polite",usage:"Announces the change in status of the send/stop button."}]};var Dm=require("react/jsx-runtime");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 Nr="chat",il=Nr;var he=require("react/jsx-runtime"),ll="k-chat",Gm=[],Vm={},$m=(0,he.jsxs)(he.Fragment,{children:[(0,he.jsx)(be,{icon:"paperclip",fillMode:"clear",rounded:"full",size:"small","aria-label":"Attach file"},"paperclip"),(0,he.jsx)("div",{className:"k-spacer"})]}),pl={tools:$m},V=e=>{let{header:t,dir:o,suggestedActions:a,files:n,pinned:i,replied:l,generating:c,tools:u=pl.tools,value:f,empty:N,scrollToBottom:x,scrollbar:m,promptBoxProps:L,...k}=e;return(0,he.jsxs)("div",{...k,className:r(ll,e.className),dir:o,children:[t,(0,he.jsxs)("div",{className:"k-message-list",role:"log","aria-label":"Message list","aria-live":"polite",children:[i,(0,he.jsx)("div",{className:r("k-message-list-content",N&&"k-message-list-content-empty"),children:e.children}),x&&(0,he.jsx)("div",{className:"k-chat-scroll-to-bottom-container",children:(0,he.jsx)(Ji,{themeColor:"base",icon:"arrow-down",size:"small"})})]}),m&&(0,he.jsx)("div",{className:"k-separator"}),(0,he.jsxs)("div",{className:"k-message-box-wrapper",children:[a,(0,he.jsx)(Xt,{lineMode:"multi",placeholder:"Type a message",generating:c,value:f,header:n\|\|l?(0,he.jsxs)(he.Fragment,{children:[l,n]}):void 0,endAffix:u,...L})]})]})};V.states=Gm;V.options=Vm;V.className=ll;V.defaultOptions=pl;V.moduleName=Nr;V.folderName=il;V.ariaSpec={selector:".k-chat",rules:[{selector:".k-message-list",attribute:"role=log",usage:"The role of the Chat message list must imply that there is a log (list) of messages."},{selector:".k-message-list",attribute:"aria-label",usage:"Announces the purpose of the Chat message list."},{selector:".k-message-list",attribute:"aria-live=polite",usage:"Announces new messages in the Chat message list."},{selector:".k-bubble",attribute:"tabindex=0",usage:"The Chat bubble must be focusable."},{selector:".k-bubble .k-typing-indicator",attribute:"tabindex=-1",usage:"The Chat bubble typing indicator should not be focusable."},{selector:".k-bubble-expandable-indicator",attribute:"role=button",usage:"The expandable indicator must have an appropriate role."},{selector:".k-bubble-expandable-indicator",attribute:"aria-label or title",usage:"The expandable indicator must be properly labelled."},{selector:".k-bubble-expandable-indicator",attribute:"tabindex=0",usage:"The expandable indicator must be part of the page tabsequence."},{selector:".k-message-reference>.k-button",attribute:"aria-label or title",usage:"The reference close button must be properly labelled."},{selector:".k-message-reference>.k-button",attribute:"role=button or nodeName=button",usage:"The reference close button must have an appropriate role."},{selector:".k-prompt-box-affix>.k-button",attribute:"role=button or nodeName=button",usage:"The buttons must have appropriate role."},{selector:".k-prompt-box-affix>.k-button",attribute:"aria-label or title",usage:"The buttons must be properly labelled."},{selector:".k-prompt-box-affix>.k-button.k-disabled",attribute:"disabled",usage:"Announces the send action as disabled when necessary."}]};var vr="button",dl=vr;var cl=require("react/jsx-runtime"),Ga="k-button-group",Xm=[s.disabled],qm={fillMode:[h.undefined,h.solid,h.flat,h.outline,h.clear,h.link]},Wm={},B=e=>{let{fillMode:t,disabled:o,stretched:a,...n}=e;return(0,cl.jsx)("div",{role:"group",...n,className:r(e.className,Ga,C(Ga,{fillMode:t}),y(Ga,{disabled:o}),{[`${Ga}-stretched`]:a}),...o&&{"aria-disabled":"true"},children:e.children})};B.states=Xm;B.options=qm;B.className=Ga;B.defaultOptions=Wm;B.moduleName=vr;B.folderName=dl;B.ariaSpec={selector:".k-button-group",rules:[{selector:".k-button-group:not(.k-split-button)",attribute:"role=group",usage:"Sets the proper role for the group of buttons."},{selector:".k-button-group.k-disabled",attribute:"aria-disabled=true",usage:"The attribute is rendered only when the entire button group is disabled."},{selector:".k-button-group:not(.k-split-button):not(.k-scheduler-navigation):not(.k-zoom-control) .k-button",attribute:"aria-pressed (when selected)",usage:"Specifies the current state of the ButtonGroup. Only the selected button within the group will have this attribute set to true."}]};var kr=require("react/jsx-runtime");var Lr=require("react/jsx-runtime");var Mr=require("react/jsx-runtime");var Sr=require("react/jsx-runtime");var yr=require("react/jsx-runtime");var Ar=require("react/jsx-runtime");var Je=require("react/jsx-runtime"),Jm={...p.options,...B.options},Ym=p.states,Zm={...p.defaultOptions,...B.defaultOptions,variant:"text-button"},Qm=[{name:"icon-button",title:"Icon Only"},{name:"text-button",title:"Text"},{name:"icon-text-button",title:"Icon Text"}],jm=[],zo=e=>{let{variant:t,className:o,...a}=e;return t==="icon-button"?(0,Je.jsxs)(B,{fillMode:a.fillMode,className:o,children:[(0,Je.jsx)(p,{...a,icon:"star"}),(0,Je.jsx)(p,{...a,icon:"star"}),(0,Je.jsx)(p,{...a,icon:"star"})]}):t==="icon-text-button"?(0,Je.jsxs)(B,{fillMode:a.fillMode,className:o,children:[(0,Je.jsx)(p,{...a,icon:"star",children:"First"}),(0,Je.jsx)(p,{...a,icon:"star",children:"Middle"}),(0,Je.jsx)(p,{...a,icon:"star",children:"Last"})]}):(0,Je.jsxs)(B,{fillMode:a.fillMode,className:o,children:[(0,Je.jsx)(p,{...a,children:"First"}),(0,Je.jsx)(p,{...a,children:"Middle"}),(0,Je.jsx)(p,{...a,children:"Last"})]})};zo.options=Jm;zo.states=Ym;zo.variants=Qm;zo.defaultOptions=Zm;zo.modifiers=jm;zo.className=B.className;var Va="input",Ln=Va;var ml=require("react/jsx-runtime"),Mn="k-input",eu=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],tu={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[h.undefined,h.solid,h.flat,h.outline]},ou={},ne=e=>{let{hover:t,focus:o,disabled:a,invalid:n,valid:i,loading:l,readonly:c,size:u,rounded:f,fillMode:N,...x}=e;return(0,ml.jsx)("span",{...x,className:r(e.className,Mn,C(Mn,{size:u,rounded:f,fillMode:N}),y(Mn,{hover:t,focus:o,disabled:a,invalid:n,valid:i,loading:l,readonly:c}))})};ne.states=eu;ne.options=tu;ne.className=Mn;ne.defaultOptions=ou;ne.moduleName=Va;ne.folderName=Ln;var ul=require("react/jsx-runtime"),Sn="k-picker",au=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],nu={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[h.undefined,h.solid,h.flat,h.outline]},ru={},Bt=e=>{let{hover:t,focus:o,disabled:a,invalid:n,valid:i,loading:l,readonly:c,size:u,rounded:f,fillMode:N,...x}=e;return(0,ul.jsx)("span",{...x,className:r(e.className,Sn,C(Sn,{size:u,rounded:f,fillMode:N}),y(Sn,{hover:t,focus:o,disabled:a,invalid:n,valid:i,loading:l,readonly:c})),children:e.children})};Bt.states=au;Bt.options=nu;Bt.className=Sn;Bt.defaultOptions=ru;Bt.moduleName=Va;Bt.folderName=Ln;var Uo=require("react/jsx-runtime"),fl="k-clear-value",su=[s.disabled,s.loading,s.readonly],iu={},at=e=>{let{disabled:t,loading:o,readonly:a,value:n}=e;return t\|\|a\|\|o\|\|!n?(0,Uo.jsx)(Uo.Fragment,{}):(0,Uo.jsx)("span",{className:r(e.className,fl),children:(0,Uo.jsx)(v,{icon:"x"})})};at.states=su;at.options=iu;at.className=fl;var $a=require("react/jsx-runtime"),Cr="k-input-inner",lu=[],pu={},ko=e=>{let{value:t,placeholder:o,showValue:a,valueIcon:n,valueIconName:i,...l}=e;return(0,$a.jsxs)("span",{...l,className:r(e.className,Cr,C(Cr,e)),children:[n,!n&&i&&(0,$a.jsx)(v,{className:"k-input-value-icon",icon:i}),a&&!t&&o,a&&t&&(0,$a.jsx)("span",{className:"k-input-value-text",children:t})]})};ko.states=lu;ko.options=pu;ko.className=Cr;var Xa=require("react/jsx-runtime"),bl="k-input-loading-icon",du=[s.disabled,s.loading],Ye=e=>{let{disabled:t,loading:o}=e;return t\|\|!o?(0,Xa.jsx)(Xa.Fragment,{}):(0,Xa.jsx)("span",{className:r(e.className,bl,"k-icon k-i-loading")})};Ye.states=du;Ye.className=bl;var qa=require("react/jsx-runtime"),hl="k-input-validation-icon",cu=[s.valid,s.invalid,s.disabled,s.loading],mu={},He=e=>{let{valid:t,invalid:o,disabled:a,loading:n}=e,i=o?"warning-circle":"check-circle";return a\|\|n\|\|!!!(t\|\|o)?(0,qa.jsx)(qa.Fragment,{}):(0,qa.jsx)(v,{className:r(hl),icon:i})};He.states=cu;He.options=mu;He.className=hl;var Wa=require("react/jsx-runtime"),uu="k-input-prefix",fu={direction:"horizontal"},dt=e=>{let{direction:t=fu.direction,...o}=e;return e.children?(0,Wa.jsx)("span",{...o,className:r(uu,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):(0,Wa.jsx)(Wa.Fragment,{})};var Ja=require("react/jsx-runtime"),bu="k-input-suffix",hu={direction:"horizontal"},ct=e=>{let{direction:t=hu.direction,...o}=e;return e.children?(0,Ja.jsx)("span",{...o,className:r(bu,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):(0,Ja.jsx)(Ja.Fragment,{})};var xu=require("react/jsx-runtime");var xl=require("react/jsx-runtime"),gu="k-input-suffix-text",Er=e=>{let{children:t,...o}=e;return(0,xl.jsx)("span",{...o,className:r(gu,e.className),children:t})};var Nl=require("react/jsx-runtime"),gl="k-input-separator",Nu={direction:"vertical"},mt=e=>{let{direction:t=Nu.direction,...o}=e;return(0,Nl.jsx)("span",{...o,className:r(gl,e.className,{[`${gl}-${t}`]:t})})};var me=require("react/jsx-runtime"),vu=ne.states,ku=ne.defaultOptions,Lu=ne.options,Mu=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],Su=[],Fo=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"],x=t==null?void 0:t["validation-icon"],m=t==null?void 0:t.separators;return(0,me.jsxs)(ne,{...c,valid:o,invalid:a,loading:n,disabled:i,readonly:l,style:{width:300},children:[u&&(0,me.jsxs)(me.Fragment,{children:[(0,me.jsx)(dt,{children:(0,me.jsx)(v,{icon:"lock"})}),m&&(0,me.jsx)(mt,{})]}),(0,me.jsx)(De,{placeholder:"Placeholder",value:"Value"}),x&&(0,me.jsx)(He,{valid:o,invalid:a,loading:n,disabled:i}),(0,me.jsx)(Ye,{loading:n,disabled:i}),N&&(0,me.jsx)(at,{loading:n,disabled:i,readonly:l,value:"Value"}),f&&(0,me.jsxs)(me.Fragment,{children:[m&&(0,me.jsx)(mt,{}),(0,me.jsx)(ct,{children:(0,me.jsx)(Mt,{size:c.size,fillMode:"clear",children:"Send"})})]})]})};Fo.options=Lu;Fo.states=vu;Fo.variants=Su;Fo.defaultOptions=ku;Fo.modifiers=Mu;Fo.className=ne.className;var Ya=require("react/jsx-runtime"),vl="k-color-preview",yu=[],Au={},ro=e=>{let{color:t,iconName:o,...a}=e;return(0,Ya.jsxs)("span",{...a,className:r(e.className,vl,{"k-icon-color-preview":o,"k-no-color":!t}),children:[o&&(0,Ya.jsx)(v,{icon:o,className:"k-color-preview-icon"}),(0,Ya.jsx)("span",{className:"k-color-preview-mask",style:{backgroundColor:t}})]})};ro.states=yu;ro.options=Au;ro.className=vl;var Ir="popup",kl=Ir;var Tr=require("react/jsx-runtime"),Ll="k-animation-container",Cu=[],Eu={},Ml={positionMode:"absolute"},Pt=e=>{let{positionMode:t=Ml.positionMode,animationStyle:o,offset:a,...n}=e;return(0,Tr.jsx)("div",{...n,style:{...a,...e.style},className:r(e.className,Ll,"k-animation-container-shown",{"k-animation-container-fixed":t==="fixed"}),children:(0,Tr.jsx)("div",{className:"k-child-animation-container",style:o,children:e.children})})};Pt.states=Cu;Pt.options=Eu;Pt.className=Ll;Pt.defaultOptions=Ml;Pt.moduleName=Ir;Pt.folderName=kl;var Or="popup",Sl=Or;var Br=require("react/jsx-runtime"),yl="k-popup",Iu=[],Tu={},Al={positionMode:"absolute"},W=e=>{let{offset:t,positionMode:o=Al.positionMode,animationStyle:a,containerClassName:n,containerRole:i,containerAriaLabel:l,...c}=e;return(0,Br.jsx)(Pt,{positionMode:o,offset:t,animationStyle:a,className:n,role:i,"aria-label":l,children:(0,Br.jsx)("div",{...c,className:r(e.className,yl),children:e.children})})};W.states=Iu;W.options=Tu;W.className=yl;W.defaultOptions=Al;W.moduleName=Or;W.folderName=Sl;W.ariaSpec={selector:".k-popup",rules:[{selector:".k-animation-container",attribute:"role (when appended to body)",usage:'Container gets role="region" when appended to document body. Popup is a building block \u2014 ARIA semantics come from consuming components.'}]};var Pr="action-buttons",Cl=Pr;var Il=require("react/jsx-runtime"),yn="k-actions",Ou=[],Bu={},wr={alignment:"start",orientation:"horizontal"},nt=e=>{let{alignment:t=wr.alignment,orientation:o=wr.orientation,...a}=e;return(0,Il.jsx)("div",{...a,className:r(yn,{[`${yn}-${t}`]:t,[`${yn}-${o}`]:o},e.className),children:e.children})};nt.states=Ou;nt.options=Bu;nt.className=yn;nt.defaultOptions=wr;nt.moduleName=Pr;nt.folderName=Cl;var El=nt;var Ol=require("react/jsx-runtime"),Pu="k-actionsheet-footer",Tl={alignment:"stretched",orientation:"horizontal"},so=e=>{let{alignment:t=Tl.alignment,orientation:o=Tl.orientation,template:a,as:n=a?"div":nt,...i}=e;return(0,Ol.jsx)(n,{...i,...!a&&{alignment:t,orientation:o},className:r(e.className,Pu),children:e.children})};var Rr="searchbox",Bl=Rr;var io=require("react/jsx-runtime"),Pl="k-searchbox",wu=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading],Ru={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[h.undefined,h.solid,h.flat,h.outline]},Kr={showIcon:!0,icon:"search"},ut=e=>{let{value:t,placeholder:o,size:a,rounded:n,fillMode:i,hover:l,focus:c,valid:u,invalid:f,required:N,loading:x,disabled:m,showIcon:L=Kr.showIcon,icon:k=Kr.icon,"aria-label":A,...E}=e;return(0,io.jsxs)(ne,{...E,size:a,rounded:n,fillMode:i,hover:l,focus:c,valid:u,invalid:f,required:N,loading:x,disabled:m,className:r(e.className,Pl),children:[L&&(0,io.jsx)(v,{className:"k-input-icon",icon:k}),(0,io.jsx)(De,{placeholder:o,value:t,"aria-label":A}),(0,io.jsx)(Ye,{...e}),(0,io.jsx)(He,{...e}),(0,io.jsx)(at,{...e})]})};ut.states=wu;ut.options=Ru;ut.className=Pl;ut.defaultOptions=Kr;ut.moduleName=Rr;ut.folderName=Bl;var Ku=require("react/jsx-runtime");var _r="textbox",wl=_r;var Ae=require("react/jsx-runtime"),Rl="k-textbox",_u=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.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:[h.undefined,h.solid,h.flat,h.outline]},An={showClearButton:!0,showValidationIcon:!0,separators:!0},xe=e=>{let{size:t,rounded:o,fillMode:a,separators:n=An.separators,showClearButton:i=An.showClearButton,showValidationIcon:l=An.showValidationIcon,prefix:c,suffix:u,type:f,value:N,placeholder:x,hover:m,focus:L,valid:k,invalid:A,required:E,loading:M,disabled:O,readonly:J,id:ye,"aria-label":Ke,"aria-describedby":_e,...ot}=e;return(0,Ae.jsxs)(ne,{...ot,size:t,rounded:o,fillMode:a,hover:m,focus:L,valid:k,invalid:A,required:E,loading:M,disabled:O,readonly:J,className:r(e.className,Rl),children:[c&&(0,Ae.jsxs)(Ae.Fragment,{children:[(0,Ae.jsx)(dt,{children:c}),n&&(0,Ae.jsx)(mt,{})]}),(0,Ae.jsx)(De,{id:ye,placeholder:x,value:N,type:f,disabled:O,"aria-label":Ke,"aria-describedby":_e,"aria-invalid":A?"true":void 0}),l&&(0,Ae.jsx)(He,{valid:k,invalid:A,loading:M,disabled:O}),(0,Ae.jsx)(Ye,{loading:M,disabled:O}),i&&(0,Ae.jsx)(at,{loading:M,disabled:O,readonly:J,value:N}),u&&(0,Ae.jsxs)(Ae.Fragment,{children:[n&&(0,Ae.jsx)(mt,{}),(0,Ae.jsx)(ct,{children:u})]})]})};xe.states=_u;xe.options=Du;xe.className=Rl;xe.defaultOptions=An;xe.moduleName=_r;xe.folderName=wl;xe.ariaSpec={selector:".k-textbox",rules:[{selector:".k-textbox > .k-input-inner",attribute:"role=textbox or nodeName=input",usage:"Describes the role of the component."},{selector:".k-textbox > .k-input-inner",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"The input requires an accessible name (provided by consuming app)."},{selector:".k-textbox > .k-input-inner",attribute:"aria-invalid=true (when invalid)",usage:"Rendered when the TextBox is in an invalid state."},{selector:".k-textbox > .k-input-inner",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message for the input."},{selector:".k-textbox.k-disabled > .k-input-inner",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the TextBox is disabled."}]};var Za=xe;var Kl=require("react/jsx-runtime"),Cn=e=>(0,Kl.jsx)(Za,{...e});var _l=require("react/jsx-runtime");var Dl=require("react/jsx-runtime");var Hu=require("react/jsx-runtime");var En=require("react/jsx-runtime"),zu=xe.states,Uu=xe.defaultOptions,Fu=xe.options,Gu=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],Vu=[],Go=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(n=>{switch(n){case"prefix":a.prefix=t!=null&&t[n]?(0,En.jsx)(v,{icon:"lock"}):void 0;break;case"suffix":a.suffix=t!=null&&t[n]?(0,En.jsx)(Mt,{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,En.jsx)(Cn,{value:"Value",style:{width:300},...o,...a})};Go.options=Fu;Go.states=zu;Go.variants=Vu;Go.defaultOptions=Uu;Go.modifiers=Gu;Go.className=xe.className;var rt=require("react/jsx-runtime"),Hl="k-actionsheet-titlebar",$u={},ze=e=>{let{title:t,subtitle:o,actionsStart:a,actionsEnd:n,filter:i,input:l,inputValue:c,inputPlaceholder:u,adaptive:f,titleId:N,children:x,...m}=e;return(0,rt.jsxs)("div",{...m,className:r(e.className,Hl),children:[(0,rt.jsxs)("div",{className:"k-actionsheet-titlebar-group",children:[a&&(0,rt.jsx)("div",{className:"k-actionsheet-actions",children:a}),!x&&(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})]}),x&&(0,rt.jsx)("div",{className:"k-actionsheet-title",id:N,children:x}),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)(xe,{value:c,placeholder:u,size:f?"large":"medium","aria-label":t\|\|u\|\|"Input"}):(0,rt.jsx)(ut,{placeholder:"Filter",size:f?"large":"medium","aria-label":"Filter options"})})]})};ze.className=Hl;ze.defaultOptions=$u;var Vo=require("react/jsx-runtime"),Dr="k-actionsheet-view",Xu=[],qu={},Wu={},$o=e=>{let{adaptive:t,animated:o,children:a,header:n,footer:i,titleId:l,...c}=e,u=(n==null?void 0:n.type)===ze&&(0,Vo.jsx)(ze,{adaptive:t,titleId:l,...n==null?void 0:n.props}),f=(i==null?void 0:i.type)===so&&(0,Vo.jsx)(so,{...i==null?void 0:i.props});return(0,Vo.jsxs)("div",{...c,className:r(e.className,Dr,{[`${Dr}-animated`]:o}),children:[u,(0,Vo.jsx)("div",{className:"k-actionsheet-content",children:a}),f]})};$o.states=Xu;$o.options=qu;$o.className=Dr;$o.defaultOptions=Wu;var Qa="action-sheet",In=Qa;var Hr="overlay",zl=Hr;var Fl=require("react/jsx-runtime"),Ul="k-overlay",Ju=[],Yu={},Zu={},wt=e=>{let{...t}=e;return(0,Fl.jsx)("div",{...t,className:r(e.className,Ul),children:e.children})};wt.states=Ju;wt.options=Yu;wt.className=Ul;wt.defaultOptions=Zu;wt.moduleName=Hr;wt.folderName=zl;var Lo=require("react/jsx-runtime"),Gl="k-actionsheet",Qu=[],ju={},ja={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},ee=e=>{let{side:t=ja.side,fullscreen:o=ja.fullscreen,adaptive:a=ja.adaptive,overlay:n=ja.overlay,template:i,children:l,header:c,footer:u,id:f,...N}=e,x=f&&!i&&c?`${f}-title`:void 0;return(0,Lo.jsxs)("div",{className:"k-actionsheet-container",children:[n&&(0,Lo.jsx)(wt,{}),(0,Lo.jsx)(Pt,{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,Lo.jsx)("div",{...N,id:f,role:"dialog","aria-modal":n?"true":void 0,"aria-labelledby":x,className:r(e.className,Gl,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":a}),children:i\|\|(0,Lo.jsx)($o,{header:c,footer:u,adaptive:a,titleId:x,...e,children:l})})})]})};ee.states=Qu;ee.options=ju;ee.className=Gl;ee.defaultOptions=ja;ee.moduleName=Qa;ee.folderName=In;ee.ariaSpec={selector:".k-actionsheet",rules:[{selector:".k-actionsheet",attribute:"role=dialog",usage:"Announces the dialog role of the component."},{selector:".k-actionsheet",attribute:"aria-labelledby (when has title)",usage:"Associates the title of the action sheet."},{selector:".k-actionsheet",attribute:"aria-hidden=true/false (when hidden)",usage:"Announces the hidden state of the ActionSheet container."},{selector:".k-actionsheet",attribute:"aria-modal=true (when modal)",usage:"Announces that the action sheet is modal."},{selector:".k-actionsheet .k-actionsheet-title",attribute:"id",usage:"Used to associate the title with the action sheet wrapper element."}]};var $l=require("react/jsx-runtime"),Vl="k-actionsheet-container",ef=[],tf={},of={},Xo=e=>{let{children:t,...o}=e;return(0,$l.jsx)("div",{...o,className:Vl,children:t})};Xo.states=ef;Xo.options=tf;Xo.className=Vl;Xo.defaultOptions=of;Xo.moduleName=Qa;Xo.folderName=In;var Xl=require("react/jsx-runtime"),zr=e=>{let{...t}=e;return(0,Xl.jsx)("div",{...t,className:r(e.className,"k-list-ul"),children:e.children})};var ft=require("react/jsx-runtime"),Ur="k-actionsheet-item",af=[s.hover,s.focus,s.selected,s.disabled],lo=e=>{let{iconName:t,text:o,description:a,hover:n,focus:i,selected:l,disabled:c,...u}=e;return(0,ft.jsxs)("span",{...u,className:r(e.className,Ur,y(Ur,{hover:n,focus:i,selected:l,disabled:c})),children:[!e.children&&(0,ft.jsx)(ft.Fragment,{children:(0,ft.jsxs)("span",{className:"k-actionsheet-action",children:[t&&(0,ft.jsx)("span",{className:"k-icon-wrap",children:(0,ft.jsx)(v,{className:"k-actionsheet-item-icon",icon:t})}),(0,ft.jsxs)("span",{className:"k-actionsheet-item-text",children:[o&&(0,ft.jsx)("span",{className:"k-actionsheet-item-title",children:o}),a&&(0,ft.jsx)("span",{className:"k-actionsheet-item-description",children:a})]})]})}),e.children]})};lo.states=af;lo.className=Ur;var ql=require("react/jsx-runtime");var nf=require("react/jsx-runtime");var rf=require("react/jsx-runtime");var sf=require("react/jsx-runtime");var Y=require("react/jsx-runtime"),lf=ee.options,pf=ee.states,Jl={...ee.defaultOptions,variant:"normal"},df=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],cf=[{name:"actions",title:"Titlebar Actions",type:"boolean"},{name:"subtitle",title:"Subtitle",type:"boolean"},{name:"footer",title:"Footer",type:"boolean"}],qo=e=>{let{variant:t,modifiers:o,...a}={...Jl,...e},n={},i=(0,Y.jsxs)(zr,{children:[(0,Y.jsx)(lo,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),(0,Y.jsx)(lo,{text:"Add to Favorites",iconName:"heart"}),(0,Y.jsx)(lo,{text:"Upload New",iconName:"upload",disabled:!0}),(0,Y.jsx)("hr",{className:"k-hr"}),(0,Y.jsx)(lo,{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,Y.jsx)(ee,{...a,adaptive:!0,fullscreen:n.fullScreen,header:(0,Y.jsx)(ze,{actionsStart:n.actionsStart?(0,Y.jsx)(p,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:n.actionsEnd?(0,Y.jsx)(p,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:c,subtitle:n.subtitle}),footer:n.footer?(0,Y.jsxs)(so,{alignment:"stretched",children:[(0,Y.jsx)(p,{text:"Cancel",size:"large",themeColor:"base"}),(0,Y.jsx)(p,{text:"Apply",size:"large",themeColor:"primary"})]}):void 0,children:i}):(0,Y.jsx)(ee,{...a,fullscreen:n.fullScreen,header:(0,Y.jsx)(ze,{actionsStart:n.actionsStart?(0,Y.jsx)(p,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:n.actionsEnd?(0,Y.jsx)(p,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:n.subtitle}),footer:n.footer?(0,Y.jsxs)(so,{alignment:"stretched",children:[(0,Y.jsx)(p,{text:"Apply",themeColor:"primary"}),(0,Y.jsx)(p,{text:"Cancel",themeColor:"base"})]}):void 0,children:i})};qo.options=lf;qo.states=pf;qo.variants=df;qo.defaultOptions=Jl;qo.modifiers=cf;qo.className=ee.className;var Fr="slider",Yl=Fr;var yt=require("react/jsx-runtime"),en="k-slider",mf=[s.hover,s.focus,s.active,s.disabled,s.readonly],uf={},bt={type:"single",orientation:"horizontal",gradientType:"1d",readonly:!1,disabled:!1,handlePosition:"end",showButtons:!0,showTicks:!0,value:50,min:0,max:100},$=e=>{let{type:t=bt.type,orientation:o=bt.orientation,gradientType:a=bt.gradientType,readonly:n=bt.readonly,disabled:i=bt.disabled,handlePosition:l=bt.handlePosition,showButtons:c=bt.showButtons,showTicks:u=bt.showTicks,value:f=bt.value,min:N=bt.min,max:x=bt.max,startValue:m,endValue:L,hover:k,focus:A,active:E,trackStyle:M,dir:O,...J}=e,Ke=(()=>{if(t==="gradient"&&a==="2d")return"undefined";if(o==="vertical")return"vertical"})(),_e,ot;return o==="horizontal"?(_e=O==="rtl"?"chevron-left":"chevron-right",ot=O==="rtl"?"chevron-right":"chevron-left"):o==="vertical"&&(_e="chevron-up",ot="chevron-down"),(0,yt.jsxs)("div",{...J,className:r(en,e.className,y(en,{readonly:n,disabled:i}),{[`k-slider-${o}`]:o,"k-colorgradient-slider":t==="gradient"}),dir:O,children:[c&&(0,yt.jsx)(p,{className:"k-button-decrease",rounded:"full",icon:ot,tabIndex:-1,title:"Decrease"}),(0,yt.jsxs)("div",{className:"k-slider-track-wrap",children:[u&&(0,yt.jsx)("ul",{className:"k-reset k-slider-items","aria-hidden":"true",children:e.children}),(0,yt.jsxs)("div",{className:"k-slider-track",style:M,children:[(0,yt.jsx)("div",{className:"k-slider-selection"}),t==="range"&&(0,yt.jsx)("span",{className:r("k-draghandle","k-draghandle-start",y(en,{hover:k,focus:A,active:E})),role:"slider",tabIndex:i?void 0:0,"aria-valuenow":m??N,"aria-valuemin":N,"aria-valuemax":L??x,"aria-orientation":Ke,"aria-disabled":i?"true":void 0,"aria-readonly":n?"true":void 0,"aria-label":J["aria-label"]?`${J["aria-label"]} start`:"Range start"}),(0,yt.jsx)("span",{className:r("k-draghandle",`k-draghandle-${l}`,y(en,{hover:k,focus:A,active:E})),role:"slider",tabIndex:i?void 0:0,"aria-valuenow":t==="range"?L??x:f,"aria-valuemin":t==="range"?m??N:N,"aria-valuemax":x,"aria-orientation":Ke,"aria-disabled":i?"true":void 0,"aria-readonly":n?"true":void 0,"aria-label":t==="range"?J["aria-label"]?`${J["aria-label"]} end`:"Range end":J["aria-label"]})]})]}),c&&(0,yt.jsx)(p,{className:"k-button-increase",rounded:"full",icon:_e,tabIndex:-1,title:"Increase"})]})};$.states=mf;$.options=uf;$.className=en;$.defaultOptions=bt;$.moduleName=Fr;$.folderName=Yl;$.ariaSpec={selector:".k-slider",rules:[{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"role=slider",usage:"Sets the proper role for Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-label or aria-labelledby or title",usage:"The Slider needs an accessible name to be assigned to it."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-invalid=true (when invalid)",usage:"Rendered only when the Slider is in a form and announces the invalid state."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuenow",usage:"Specifies the currently selected value in the Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuemin",usage:"Specifies the minimum available value in the Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuemax",usage:"Specifies the maximum available value in the Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuetext (when has text alternative)",usage:"Specifies a human-readable text alternative to the numeric value. Provided by consuming applications."},{selector:".k-slider:not(.k-disabled) .k-draghandle:not(.k-hsv-draghandle)",attribute:"tabindex=0",usage:"The element must be focusable. Disabled sliders are removed from tab order."},{selector:".k-slider-vertical .k-draghandle",attribute:"aria-orientation=vertical (when vertical)",usage:"Present only when slider is vertical."},{selector:".k-slider.k-disabled .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-disabled=true",usage:"Rendered only when the Slider is disabled."},{selector:".k-slider.k-readonly .k-draghandle",attribute:"aria-readonly=true (when readonly)",usage:"Rendered only when the Slider is readonly. Readonly sliders remain focusable but their value cannot be changed."},{selector:".k-slider .k-button",attribute:"tabindex=-1",usage:"Excludes the buttons from the natural tab order. Keyboard users use arrow keys on the drag handle."},{selector:".k-slider .k-button",attribute:"title",usage:'Provides a tooltip describing the button action (e.g., "Decrease" or "Increase").'},{selector:".k-slider .k-slider-items",attribute:"aria-hidden=true",usage:"Hides the tick list from assistive technologies. Tick values are redundant with the drag handle value attributes."},{selector:".k-slider .k-tick",attribute:"role=presentation",usage:"Removes semantic meaning from individual tick elements. Ticks are visual-only markers."},{selector:".k-slider .k-tick",attribute:"title",usage:"Represents the value associated with the respective tick."}]};var Gr=require("react/jsx-runtime"),Zl="k-tick",ff=[],bf={},Ql={label:!1},I=e=>{let{style:t,label:o=Ql.label,orientation:a,large:n,text:i,...l}=e;return(0,Gr.jsx)("li",{...l,role:"presentation",title:i\|\|"Tick",className:r(e.className,Zl,{[`k-tick-${a}`]:a,"k-tick-large":n}),style:t,children:o&&(0,Gr.jsx)("span",{className:"k-label",children:i})})};I.states=ff;I.options=bf;I.className=Zl;I.defaultOptions=Ql;var ge=require("react/jsx-runtime"),jl=e=>(0,ge.jsx)($,{"aria-label":e["aria-label"]\|\|"Slider",children:(0,ge.jsxs)(ge.Fragment,{children:[(0,ge.jsx)(I,{className:"k-first",label:!0,large:!0,text:"0"}),(0,ge.jsx)(I,{}),(0,ge.jsx)(I,{}),(0,ge.jsx)(I,{}),(0,ge.jsx)(I,{}),(0,ge.jsx)(I,{label:!0,large:!0,text:"5"}),(0,ge.jsx)(I,{}),(0,ge.jsx)(I,{}),(0,ge.jsx)(I,{}),(0,ge.jsx)(I,{}),(0,ge.jsx)(I,{className:"k-last",label:!0,large:!0,text:"10"})]}),...e});var Ne=require("react/jsx-runtime"),ep=e=>(0,Ne.jsx)($,{children:(0,Ne.jsxs)(Ne.Fragment,{children:[(0,Ne.jsx)(I,{className:"k-first",label:!0,large:!0,text:"0"}),(0,Ne.jsx)(I,{}),(0,Ne.jsx)(I,{}),(0,Ne.jsx)(I,{}),(0,Ne.jsx)(I,{}),(0,Ne.jsx)(I,{label:!0,large:!0,text:"5"}),(0,Ne.jsx)(I,{}),(0,Ne.jsx)(I,{}),(0,Ne.jsx)(I,{}),(0,Ne.jsx)(I,{}),(0,Ne.jsx)(I,{className:"k-last",label:!0,large:!0,text:"10"})]}),"aria-label":e["aria-label"]\|\|"Vertical slider",...e,orientation:"vertical"});var Vr=require("react/jsx-runtime");var $r=require("react/jsx-runtime");var tp=require("react/jsx-runtime"),Xr=e=>(0,tp.jsx)($,{type:"gradient",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]\|\|"Color slider"});var op=require("react/jsx-runtime"),qr=e=>(0,op.jsx)($,{type:"gradient",orientation:"vertical",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]\|\|"Color slider"});var Wr=require("react/jsx-runtime");var Jr=require("react/jsx-runtime");var Ze=require("react/jsx-runtime"),hf=$.options,xf=$.states,ap={...$.defaultOptions,variant:"horizontal",label:!0},gf=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],Nf=[{name:"label",title:"Labels"},{name:"tick",title:"Ticks"},{name:"button",title:"Side Buttons"}],Wo=e=>{let{variant:t,modifiers:o,...a}={...ap,...e},n={};Object.keys(o\|\|{}).forEach(f=>{switch(f){case"button":{n.showButtons=!!(o!=null&&o[f]);break}case"label":{n.label=!!(o!=null&&o[f]);break}case"tick":{n.showTicks=!!(o!=null&&o[f]);break}}});let{label:i=!0,showButtons:l,showTicks:c}=n,u={"--kendo-slider-start":0,"--kendo-slider-end":60};return t==="vertical"?(0,Ze.jsxs)(ep,{showTicks:c,showButtons:l,style:{height:"300px",...u},...a,children:[(0,Ze.jsx)(I,{label:i,large:!0,orientation:"vertical",text:"0",style:{position:"absolute",bottom:"0%"}}),(0,Ze.jsx)(I,{label:i,large:!0,orientation:"vertical",text:"2",style:{position:"absolute",bottom:"25%"}}),(0,Ze.jsx)(I,{label:i,large:!0,orientation:"vertical",text:"4",style:{position:"absolute",bottom:"50%"}}),(0,Ze.jsx)(I,{label:i,large:!0,orientation:"vertical",text:"6",style:{position:"absolute",bottom:"75%"}}),(0,Ze.jsx)(I,{label:i,large:!0,orientation:"vertical",text:"8",style:{position:"absolute",bottom:"100%"}})]}):(0,Ze.jsxs)(jl,{showTicks:c,showButtons:l,style:{width:"400px",...u},...a,children:[(0,Ze.jsx)(I,{label:i,large:!0,orientation:"horizontal",text:"0",style:{position:"absolute",left:"0%"}}),(0,Ze.jsx)(I,{label:i,large:!0,orientation:"horizontal",text:"2",style:{position:"absolute",left:"25%"}}),(0,Ze.jsx)(I,{label:i,large:!0,orientation:"horizontal",text:"4",style:{position:"absolute",left:"50%"}}),(0,Ze.jsx)(I,{label:i,large:!0,orientation:"horizontal",text:"6",style:{position:"absolute",left:"75%"}}),(0,Ze.jsx)(I,{label:i,large:!0,orientation:"horizontal",text:"8",style:{position:"absolute",left:"100%"}})]})};Wo.options=hf;Wo.states=xf;Wo.variants=gf;Wo.defaultOptions=ap;Wo.modifiers=Nf;Wo.className=$.className;var tn=require("react/jsx-runtime"),np="k-spin-button",Lf=[],Mf={size:[d.undefined,d.small,d.medium,d.large],fillMode:[h.undefined,h.solid,h.flat,h.outline,h.clear,h.link]},Yr={increaseLabel:"Increase value",decreaseLabel:"Decrease value"},po=e=>{let{size:t,fillMode:o,disabled:a,increaseLabel:n=Yr.increaseLabel,decreaseLabel:i=Yr.decreaseLabel,...l}=e;return(0,tn.jsxs)("span",{...l,className:r(np,e.className),children:[(0,tn.jsx)(p,{className:"k-spinner-increase",icon:"chevron-up",size:t,fillMode:o,disabled:a,"aria-label":n}),(0,tn.jsx)(p,{className:"k-spinner-decrease",icon:"chevron-down",size:t,fillMode:o,disabled:a,"aria-label":i})]})};po.states=Lf;po.options=Mf;po.className=np;po.defaultOptions=Yr;po.moduleName=null;po.folderName=null;var rp="numeric-textbox",sp="numerictextbox";var ve=require("react/jsx-runtime"),ip="k-numerictextbox",Sf=[s.hover,s.focus,s.valid,s.invalid,s.loading,s.required,s.disabled,s.readonly],yf={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[h.undefined,h.solid,h.flat,h.outline]},Tn={showSpinButton:!0,showClearButton:!0,separators:!0},D=e=>{let{size:t,rounded:o,fillMode:a,separators:n=Tn.separators,showClearButton:i=Tn.showClearButton,showSpinButton:l=Tn.showSpinButton,prefix:c,suffix:u,value:f,placeholder:N,hover:x,focus:m,valid:L,invalid:k,required:A,loading:E,disabled:M,readonly:O,id:J,"aria-label":ye,"aria-describedby":Ke,..._e}=e;return(0,ve.jsxs)(ne,{..._e,size:t,rounded:o,fillMode:a,hover:x,focus:m,valid:L,invalid:k,required:A,loading:E,disabled:M,readonly:O,className:r(e.className,ip),children:[c&&(0,ve.jsxs)(ve.Fragment,{children:[(0,ve.jsx)(dt,{children:c}),n&&(0,ve.jsx)(mt,{})]}),(0,ve.jsx)(De,{id:J,placeholder:N,value:f,role:"spinbutton",disabled:M,"aria-label":ye,"aria-describedby":Ke,"aria-invalid":k?"true":void 0}),(0,ve.jsx)(He,{valid:L,invalid:k,loading:E,disabled:M}),(0,ve.jsx)(Ye,{loading:E,disabled:M}),i&&(0,ve.jsx)(at,{loading:E,disabled:M,readonly:O,value:f}),u&&(0,ve.jsxs)(ve.Fragment,{children:[n&&(0,ve.jsx)(mt,{}),(0,ve.jsx)(ct,{children:u})]}),l&&(0,ve.jsx)(po,{className:"k-input-spinner",size:t,fillMode:a,disabled:M})]})};D.states=Sf;D.options=yf;D.className=ip;D.defaultOptions=Tn;D.moduleName=rp;D.folderName=sp;D.ariaSpec={selector:".k-numerictextbox",rules:[{selector:".k-numerictextbox > .k-input-inner",attribute:"role=spinbutton",usage:"Announces the spin button capabilities of the NumericTextBox."},{selector:".k-numerictextbox > .k-input-inner",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"The input requires an accessible name (provided by consuming app)."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-valuenow (when has value)",usage:"Announces the current value of the component."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-valuemin (when has min)",usage:"Announces the minimum allowed value."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-valuemax (when has max)",usage:"Announces the maximum allowed value."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-invalid=true (when invalid)",usage:"Rendered when the NumericTextBox is in an invalid state."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message."},{selector:".k-numerictextbox.k-disabled > .k-input-inner",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the NumericTextBox is disabled."},{selector:".k-numerictextbox .k-spin-button > .k-button",attribute:"role=button or nodeName=button",usage:"Describes the role of the spin buttons."},{selector:".k-numerictextbox .k-spin-button > .k-button",attribute:"aria-label",usage:"The button element requires discernible text."},{selector:".k-numerictextbox.k-disabled .k-spin-button > .k-button",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the NumericTextBox is disabled."}]};var on=D;var pp=require("react/jsx-runtime"),lp=e=>(0,pp.jsx)(on,{...e});var Bn=Pi(require("react"));var Zr=require("react/jsx-runtime"),Af="k-list-group-sticky-header",Qr=e=>(0,Zr.jsx)("div",{className:r(Af,e.className),children:(0,Zr.jsx)("div",{className:"k-list-header-text",children:e.children})});var dp=require("react/jsx-runtime"),Cf="k-no-data",On=e=>{let{live:t,...o}=e;return(0,dp.jsx)("span",{...o,className:r(Cf,e.className),"aria-live":t?"polite":void 0,children:e.children})};var Mo="list",Jo=Mo;var Yo=require("react/jsx-runtime"),jr="k-list",Ef=[],If={size:[d.undefined,d.small,d.medium,d.large]},Tf={},K=e=>{var L;let{size:t,virtualization:o,children:a,header:n,optionLabel:i,customValue:l,noData:c,screenReaders:u,...f}=e,x=Bn.default.Children.toArray(a)[0],m=(L=x==null?void 0:x.props)!=null&&L.children?Bn.default.Children.count(x.props.children):Bn.default.Children.count(a);return(0,Yo.jsxs)("div",{...f,className:r(e.className,jr,C(jr,{size:t}),{"k-virtual-list":o}),children:[i,l,n&&(0,Yo.jsx)(Qr,{children:n}),a\|\|(c!==void 0?c:(0,Yo.jsx)(On,{live:!0,children:"No data found."})),u&&a&&(0,Yo.jsxs)(On,{className:"k-sr-only",live:!0,children:[m," items found."]})]})};K.states=Ef;K.options=If;K.className=jr;K.defaultOptions=Tf;K.moduleName=Mo;K.folderName=Jo;K.ariaSpec={selector:".k-list",rules:[{selector:".k-list .k-no-data",attribute:"aria-live=polite",usage:'Announces "No data found" to screen readers.'}]};var mp=require("react/jsx-runtime"),cp="k-list-container",Of=[],Bf={},Pf={},Zo=e=>{let{...t}=e;return(0,mp.jsx)("div",{...t,className:r(e.className,cp),children:e.children})};Zo.states=Of;Zo.options=Bf;Zo.className=cp;Zo.defaultOptions=Pf;Zo.moduleName=Mo;Zo.folderName=Jo;var So="checkbox",Qo=So;var es=require("react/jsx-runtime"),Pn="k-checkbox",wf=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.checked,s.indeterminate],Rf={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full]},Kf={},ht=e=>{let{id:t,checked:o,indeterminate:a,hover:n,focus:i,disabled:l,invalid:c,valid:u,required:f,size:N,rounded:x,wrapperRole:m,...L}=e;return(0,es.jsx)("span",{className:"k-checkbox-wrap",role:m,children:(0,es.jsx)("input",{...L,id:t,type:"checkbox",defaultChecked:o,required:f,disabled:l\|\|void 0,"aria-invalid":c?"true":void 0,className:r(e.className,Pn,C(Pn,{size:N,rounded:x}),y(Pn,{hover:n,focus:i,disabled:l,invalid:c,valid:u,indeterminate:a,checked:o}))})})};ht.states=wf;ht.options=Rf;ht.className=Pn;ht.defaultOptions=Kf;ht.moduleName=So;ht.folderName=Qo;ht.ariaSpec={selector:".k-checkbox",rules:[{selector:".k-checkbox",attribute:"role=checkbox or type=checkbox",usage:"Announces the checkbox role of the element."},{selector:".k-checkbox",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"The input requires an accessible name to which it will be assigned."},{selector:".k-checkbox",attribute:"aria-checked=true/false/mixed or checked",usage:"For native checkboxes the checked state is handled by the browser. aria-checked is used for custom implementations."},{selector:".k-checkbox",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message for the checkbox."},{selector:".k-checkbox",attribute:"disabled or aria-disabled=true (when disabled)",usage:"For native checkboxes use the HTML disabled attribute. aria-disabled for custom implementations."},{selector:".k-invalid, .ng-invalid",attribute:"aria-invalid=true (when invalid)",usage:"Rendered only when the CheckBox is in a form and announces the invalid state."}]};var At=ht;var bp=require("react/jsx-runtime"),up="k-checkbox-list",_f=[],Df={},fp={layout:"vertical"},Ue=e=>{let{layout:t=fp.layout,...o}=e;return(0,bp.jsx)("ul",{...o,className:r(e.className,up,{[`k-list-${t}`]:t}),children:e.children})};Ue.states=_f;Ue.options=Df;Ue.className=up;Ue.defaultOptions=fp;Ue.moduleName=So;Ue.folderName=Qo;var xp=require("react/jsx-runtime"),hp="k-checkbox-list-item",Hf=[],zf={},Uf={},Fe=e=>{let{...t}=e;return(0,xp.jsx)("li",{...t,className:r(e.className,hp),children:e.children})};Fe.states=Hf;Fe.options=zf;Fe.className=hp;Fe.defaultOptions=Uf;Fe.moduleName=So;Fe.folderName=Qo;var yo=require("react/jsx-runtime"),qt=({children:e="Label",id:t="cb-label-after",...o})=>(0,yo.jsxs)(yo.Fragment,{children:[(0,yo.jsx)(At,{id:t,...o}),(0,yo.jsx)("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});var ts=require("react/jsx-runtime");var os=require("react/jsx-runtime");var as=require("react/jsx-runtime");var Ff=require("react/jsx-runtime");var Gf=require("react/jsx-runtime");var Vf=require("react/jsx-runtime");var Ce=require("react/jsx-runtime"),$f=Ue.options,Xf=Ue.states,qf={...Ue.defaultOptions,variant:"vertical"},Wf=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],Jf=[],jo=e=>{let{variant:t,...o}=e;return t==="horizontal"?(0,Ce.jsxs)(Ue,{layout:"horizontal",...o,children:[(0,Ce.jsx)(Fe,{children:(0,Ce.jsx)(qt,{id:R("cb"),defaultChecked:!0,children:"Label"})}),(0,Ce.jsx)(Fe,{children:(0,Ce.jsx)(qt,{id:R("cb"),children:"Label"})}),(0,Ce.jsx)(Fe,{children:(0,Ce.jsx)(qt,{id:R("cb"),children:"Label"})})]}):(0,Ce.jsxs)(Ue,{...o,children:[(0,Ce.jsx)(Fe,{children:(0,Ce.jsx)(qt,{id:R("cb"),defaultChecked:!0,children:"Label"})}),(0,Ce.jsx)(Fe,{children:(0,Ce.jsx)(qt,{id:R("cb"),children:"Label"})}),(0,Ce.jsx)(Fe,{children:(0,Ce.jsx)(qt,{id:R("cb"),children:"Label"})})]})};jo.options=$f;jo.states=Xf;jo.variants=Wf;jo.defaultOptions=qf;jo.modifiers=Jf;jo.className=Ue.className;var gp=require("react/jsx-runtime"),Yf=At.options,Zf=At.states,Qf=At.defaultOptions,jf=[],eb=[],ea=e=>(0,gp.jsx)(qt,{id:R("checkbox"),...e,defaultChecked:!0,children:"Label"});ea.options=Yf;ea.states=Zf;ea.variants=jf;ea.defaultOptions=Qf;ea.modifiers=eb;ea.className=At.className;var Rt=require("react/jsx-runtime"),ns="k-list-item",tb=[s.hover,s.focus,s.selected,s.disabled],ob={},ab={},P=e=>{let{text:t,groupLabel:o,group:a,iconName:n,iconClassName:i,showCheckbox:l,checked:c,hover:u,focus:f,selected:N,disabled:x,actions:m,description:L,id:k,...A}=e,E=t\|\|e.children;return(0,Rt.jsxs)("li",{...A,id:k,role:a?"presentation":"option",tabIndex:a?void 0:f?0:-1,"aria-selected":!a&&N?"true":a?void 0:"false","aria-disabled":!a&&x?"true":void 0,className:r(e.className,a?"k-list-group-item":ns,y(ns,{hover:u,focus:f,disabled:x,selected:N})),children:[l&&(0,Rt.jsx)(ht,{checked:c}),n&&(0,Rt.jsx)("span",{className:"k-list-item-icon-wrapper",children:(0,Rt.jsx)(v,{icon:n,className:r("k-list-item-icon",i)})}),(0,Rt.jsx)("span",{className:"k-list-item-text",children:E}),m&&(0,Rt.jsx)("div",{className:"k-list-item-actions",children:m}),L&&(0,Rt.jsx)("span",{className:"k-list-item-description",children:L}),o&&o!==""&&(0,Rt.jsx)("div",{className:"k-list-item-group-label",children:o})]})};P.states=tb;P.options=ob;P.className=ns;P.defaultOptions=ab;P.moduleName=Mo;P.folderName=Jo;P.ariaSpec={selector:".k-list-item",rules:[{selector:".k-list-item",attribute:"role=option",usage:"Each list item is an option in the listbox."},{selector:".k-list-item",attribute:"id",usage:"ID for aria-activedescendant reference."},{selector:".k-list-item",attribute:"aria-selected (when selectable)",usage:"Indicates the selected state of the option."},{selector:".k-list-group-item",attribute:"role=presentation",usage:"Group headers are presentational, not selectable options."},{selector:".k-list-item-icon",attribute:"aria-hidden=true",usage:"Decorative icons are hidden from assistive technology."}]};var Np=require("react/jsx-runtime"),nb="k-list-ul",Wt=e=>{let{children:t,role:o,id:a,...n}=e;return(0,Np.jsx)("ul",{...n,id:a,role:o,className:r(nb,e.className),children:t})};Wt.ariaSpec={selector:".k-list-ul",rules:[{selector:'.k-list-ul[role="listbox"]',attribute:"role=listbox",usage:"For ungrouped lists, the UL has the listbox role."},{selector:'.k-list-ul[role="listbox"]',attribute:"aria-label or aria-labelledby (when has accessible name)",usage:"Accessible name for the listbox."},{selector:'.k-list-ul[role="group"]',attribute:"role=group",usage:"For grouped sublists under a group header."},{selector:'.k-list-ul[role="group"]',attribute:"aria-labelledby (when grouped)",usage:"References the group header ID."}]};var ta=require("react/jsx-runtime"),rb="k-list-content",F=e=>{let{virtualization:t,grouping:o,"aria-label":a,"aria-labelledby":n,listboxId:i,...l}=e;return(0,ta.jsxs)("div",{...l,className:r(rb,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,ta.jsx)(Wt,{role:"listbox",id:i,"aria-label":a,"aria-labelledby":n,children:e.children}),t&&(0,ta.jsx)("div",{className:"k-height-container",children:(0,ta.jsx)("div",{})})]})};F.ariaSpec={selector:".k-list-content",rules:[{selector:'.k-list-content[role="listbox"]',attribute:"role=listbox",usage:"For grouped lists, the list content container has the listbox role."},{selector:'.k-list-content[role="listbox"]',attribute:"aria-label or aria-labelledby (when has accessible name)",usage:"Accessible name for the listbox."}]};var rs=require("react/jsx-runtime");var oa=require("react/jsx-runtime"),sb="k-list-group-item",Ao=e=>{let{groupIconName:t,...o}=e;return(0,oa.jsxs)("li",{...o,role:"presentation",className:r(sb,e.className),children:[t&&(0,oa.jsx)("span",{className:"k-list-item-icon-wrapper",children:(0,oa.jsx)(v,{icon:t,className:"k-list-item-icon"})}),(0,oa.jsx)("span",{className:"k-list-item-text",children:e.children})]})};Ao.ariaSpec={selector:".k-list-group-item",rules:[{selector:".k-list-group-item",attribute:"role=presentation",usage:"Group headers are presentational, not selectable options."},{selector:".k-list-group-item",attribute:"id (when referenced)",usage:"ID for aria-labelledby on the parent group UL."}]};var vp=require("react/jsx-runtime"),ss="k-list-optionlabel",ib=[s.hover,s.focus,s.selected,s.disabled],lb={},pb={},wn=e=>{let{text:t,hover:o,focus:a,selected:n,disabled:i,...l}=e;return(0,vp.jsx)("div",{...l,className:r(ss,y(ss,{hover:o,focus:a,selected:n,disabled:i})),children:t})};wn.states=ib;wn.options=lb;wn.className=ss;wn.defaultOptions=pb;var kp=require("react/jsx-runtime"),is="k-list-custom-value",db=[s.hover,s.focus,s.selected,s.disabled],cb={},mb={},co=e=>{let{text:t,hover:o,focus:a,selected:n,disabled:i,...l}=e;return(0,kp.jsx)("div",{...l,className:r(is,y(is,{hover:o,focus:a,selected:n,disabled:i})),children:t})};co.states=db;co.options=cb;co.className=is;co.defaultOptions=mb;var ls=require("react/jsx-runtime");var ps=require("react/jsx-runtime");var ds=require("react/jsx-runtime");var cs=require("react/jsx-runtime");var ub=require("react/jsx-runtime");var ms=require("react/jsx-runtime");var Lp="dropdown-list",Mp="dropdownlist";var Z=require("react/jsx-runtime"),Sp="k-dropdownlist",fb=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],bb={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[h.undefined,h.solid,h.flat,h.outline]},us={showValue:!0,arrowIconName:"chevron-down"},pe=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:n=us.arrowIconName,showValue:i=us.showValue,valueIconName:l,prefix:c,suffix:u,value:f,placeholder:N,hover:x,focus:m,valid:L,invalid:k,required:A,loading:E,disabled:M,readonly:O,popup:J,opened:ye,adaptive:Ke,adaptiveSettings:_e,adaptiveTitle:ot,adaptiveSubtitle:No,adaptiveFilter:or,id:no,activeDescendant:fn,"aria-label":ar,...nr}=e,Fc=no?`${no}-listbox`:void 0,Oi=no?`${no}-value`:void 0;return(0,Z.jsxs)(Z.Fragment,{children:[(0,Z.jsxs)(Bt,{...nr,id:no,size:t,rounded:o,fillMode:a,hover:x,focus:m,valid:L,invalid:k,required:A,loading:E,disabled:M,readonly:O,className:r(e.className,Sp,{"k-icon-picker":!i&&l}),role:"combobox","aria-haspopup":"listbox","aria-expanded":ye?"true":"false","aria-controls":ye?Fc:void 0,"aria-activedescendant":ye&&fn?fn:void 0,"aria-describedby":ye?Oi:void 0,"aria-disabled":M?"true":void 0,"aria-label":ar,tabIndex:0,children:[(0,Z.jsx)(dt,{children:c}),(0,Z.jsx)(ko,{placeholder:N,value:f,showValue:i,valueIconName:l,id:Oi}),(0,Z.jsx)(He,{valid:L,invalid:k,loading:E,disabled:M}),(0,Z.jsx)(Ye,{loading:E,disabled:M}),(0,Z.jsx)(ct,{children:u}),(0,Z.jsx)(p,{className:"k-input-button",icon:n,size:e.size,fillMode:e.fillMode,"aria-label":N\|\|"Toggle dropdown",tabIndex:-1})]}),ye&&J&&(0,Z.jsx)(W,{className:"k-list-container k-dropdownlist-popup",containerRole:"region",containerAriaLabel:"Dropdown suggestions",children:J}),Ke&&(0,Z.jsx)(ee,{adaptive:!0,..._e,header:(0,Z.jsx)(ze,{actionsEnd:(0,Z.jsx)(p,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),filter:or,inputValue:f,inputPlaceholder:N,title:ot,subtitle:No}),children:(0,Z.jsx)("div",{className:"k-list-container",children:(0,Z.jsx)(K,{size:"large",children:(0,Z.jsxs)(F,{"aria-label":"Options",children:[(0,Z.jsx)(P,{text:"List item"}),(0,Z.jsx)(P,{text:"List item"}),(0,Z.jsx)(P,{text:"List item"})]})})})})]})};pe.states=fb;pe.options=bb;pe.className=Sp;pe.defaultOptions=us;pe.moduleName=Lp;pe.folderName=Mp;pe.ariaSpec={rules:[{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"role=combobox",usage:"Announces the dropdown element."},{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"aria-haspopup=listbox",usage:"Indicates the presence of a listbox popup."},{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"aria-expanded",usage:"Announces the visibility state of the popup."},{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"aria-label",usage:"Accessible name for the dropdown."},{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-dropdownlist.k-disabled",attribute:"aria-disabled=true",usage:"Rendered when the dropdown is disabled."},{selector:".k-dropdownlist .k-input-button",attribute:"aria-label",usage:"Accessible name for the dropdown button."},{selector:".k-dropdownlist .k-input-button",attribute:"tabindex=-1",usage:"The button must not be focusable."},{selector:".k-dropdownlist-popup .k-list-content, .k-dropdownlist-popup .k-list-ul",attribute:"role=listbox",usage:"Popup list has listbox role."},{selector:'.k-dropdownlist-popup .k-list-ul[role="listbox"]',attribute:"aria-label or aria-labelledby",usage:"Popup listbox must have an accessible name. Consuming code is responsible for associating with the component label via aria-labelledby."},{selector:".k-dropdownlist-popup .k-list-item",attribute:"role=option",usage:"Each list item is an option."}]};var hb=require("react/jsx-runtime");var yp=require("react/jsx-runtime");var fs=require("react/jsx-runtime");var xb=require("react/jsx-runtime");var Ap=require("react/jsx-runtime");var bs=require("react/jsx-runtime");var gb=require("react/jsx-runtime");var Qe=require("react/jsx-runtime"),Nb=pe.states,vb=pe.defaultOptions,kb=pe.options,Lb=[{name:"opened",title:"Opened"}],Mb=[],na=e=>{let{modifiers:t,...o}=e,a={},n=(0,Qe.jsxs)(Qe.Fragment,{children:[(0,Qe.jsx)("div",{className:"k-list-filter",children:(0,Qe.jsx)(ut,{})}),(0,Qe.jsx)(K,{style:{width:300},size:o.size,children:(0,Qe.jsxs)(F,{children:[(0,Qe.jsx)(P,{children:"List item"}),(0,Qe.jsx)(P,{children:"List item"}),(0,Qe.jsx)(P,{children:"List item"})]})})]});return Object.keys(t\|\|{}).forEach(i=>{i==="opened"&&(a.opened=!!(t!=null&&t[i]),a.popup=t!=null&&t[i]?n:void 0)}),(0,Qe.jsx)("div",{children:(0,Qe.jsx)(pe,{placeholder:"Value",style:{width:300},...o,...a})})};na.options=kb;na.states=Nb;na.variants=Mb;na.defaultOptions=vb;na.modifiers=Lb;na.className=pe.className;var Cp=require("react/jsx-runtime");var Ep=require("react/jsx-runtime");var Sb=require("react/jsx-runtime");var Rn=require("react/jsx-runtime"),yb=D.states,Ab=D.defaultOptions,Cb=D.options,Eb=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"spin-button",title:"`Spin` Button"}],Ib=[],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,Rn.jsx)(pe,{size:o.size,fillMode:"flat",value:"mm"}):void 0;break;case"suffix":a.suffix=t!=null&&t[n]?(0,Rn.jsx)(Er,{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,Rn.jsx)(lp,{value:"Value",style:{width:300},...o,...a})};ra.options=Cb;ra.states=yb;ra.variants=Ib;ra.defaultOptions=Ab;ra.modifiers=Eb;ra.className=D.className;var S=require("react/jsx-runtime"),Ip="k-colorgradient-inputs",Tb=[],Ob={size:[d.undefined,d.small,d.medium,d.large]},Tp={mode:"rgba"},sa=e=>{let{mode:t=Tp.mode,size:o,...a}=e;return(0,S.jsxs)("div",{...a,className:r(Ip,"k-hstack"),children:[(0,S.jsx)("div",{className:"k-vstack",children:(0,S.jsx)(p,{fillMode:"flat",icon:"caret-alt-expand",className:"k-colorgradient-toggle-mode",size:o,"aria-label":"Toggle color input format"})}),t==="rgba"&&(0,S.jsxs)(S.Fragment,{children:[(0,S.jsxs)("div",{className:"k-vstack",children:[(0,S.jsx)(D,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Red channel"}),(0,S.jsx)("label",{className:"k-colorgradient-input-label",children:"R"})]}),(0,S.jsxs)("div",{className:"k-vstack",children:[(0,S.jsx)(D,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Green channel"}),(0,S.jsx)("label",{className:"k-colorgradient-input-label",children:"G"})]}),(0,S.jsxs)("div",{className:"k-vstack",children:[(0,S.jsx)(D,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Blue channel"}),(0,S.jsx)("label",{className:"k-colorgradient-input-label",children:"B"})]}),(0,S.jsxs)("div",{className:"k-vstack",children:[(0,S.jsx)(D,{showSpinButton:!1,showClearButton:!1,value:"1.00",size:o,"aria-label":"Alpha channel"}),(0,S.jsx)("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="rgb"&&(0,S.jsxs)(S.Fragment,{children:[(0,S.jsxs)("div",{className:"k-vstack",children:[(0,S.jsx)(D,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Red channel"}),(0,S.jsx)("label",{className:"k-colorgradient-input-label",children:"R"})]}),(0,S.jsxs)("div",{className:"k-vstack",children:[(0,S.jsx)(D,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Green channel"}),(0,S.jsx)("label",{className:"k-colorgradient-input-label",children:"G"})]}),(0,S.jsxs)("div",{className:"k-vstack",children:[(0,S.jsx)(D,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Blue channel"}),(0,S.jsx)("label",{className:"k-colorgradient-input-label",children:"B"})]})]}),t==="hsva"&&(0,S.jsxs)(S.Fragment,{children:[(0,S.jsxs)("div",{className:"k-vstack",children:[(0,S.jsx)(D,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),(0,S.jsx)("label",{className:"k-colorgradient-input-label",children:"H"})]}),(0,S.jsxs)("div",{className:"k-vstack",children:[(0,S.jsx)(D,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),(0,S.jsx)("label",{className:"k-colorgradient-input-label",children:"S"})]}),(0,S.jsxs)("div",{className:"k-vstack",children:[(0,S.jsx)(D,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),(0,S.jsx)("label",{className:"k-colorgradient-input-label",children:"V"})]}),(0,S.jsxs)("div",{className:"k-vstack",children:[(0,S.jsx)(D,{showSpinButton:!1,showClearButton:!1,value:"1.00","aria-label":"Alpha channel"}),(0,S.jsx)("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="hsv"&&(0,S.jsxs)(S.Fragment,{children:[(0,S.jsxs)("div",{className:"k-vstack",children:[(0,S.jsx)(D,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),(0,S.jsx)("label",{className:"k-colorgradient-input-label",children:"H"})]}),(0,S.jsxs)("div",{className:"k-vstack",children:[(0,S.jsx)(D,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),(0,S.jsx)("label",{className:"k-colorgradient-input-label",children:"S"})]}),(0,S.jsxs)("div",{className:"k-vstack",children:[(0,S.jsx)(D,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),(0,S.jsx)("label",{className:"k-colorgradient-input-label",children:"V"})]})]}),t==="hex"&&(0,S.jsx)(S.Fragment,{children:(0,S.jsxs)("div",{className:"k-vstack k-flex-1",children:[(0,S.jsx)(xe,{showClearButton:!1,value:"#b88484AA",className:"k-hex-value"}),(0,S.jsx)("label",{className:"k-colorgradient-input-label",children:"HEX"})]})})]})};sa.states=Tb;sa.options=Ob;sa.className=Ip;sa.defaultOptions=Tp;var Ee=require("react/jsx-runtime"),Op="k-colorgradient-color-contrast",Bb=[],Pb={},wb={},ia=()=>(0,Ee.jsxs)("div",{className:r(Op,"k-vbox"),children:[(0,Ee.jsxs)("div",{className:"k-contrast-ratio",children:[(0,Ee.jsx)("span",{className:"k-contrast-ratio-text",children:"Contrast ratio: 7.1"}),(0,Ee.jsxs)("span",{className:"k-contrast-validation !k-text-success",children:[(0,Ee.jsx)(v,{icon:"check"}),(0,Ee.jsx)(v,{icon:"check"})]})]}),(0,Ee.jsxs)("div",{children:[(0,Ee.jsx)("span",{children:"AA: 4.5"}),(0,Ee.jsxs)("span",{className:"k-contrast-validation !k-text-success",children:["Pass",(0,Ee.jsx)(v,{icon:"check"})]})]}),(0,Ee.jsxs)("div",{children:[(0,Ee.jsx)("span",{children:"AAA: 7.0"}),(0,Ee.jsxs)("span",{className:"k-contrast-validation !k-text-error",children:["Fail",(0,Ee.jsx)(v,{icon:"x"})]})]})]});ia.states=Bb;ia.options=Pb;ia.className=Op;ia.defaultOptions=wb;var Bp="color-gradient",Pp="colorgradient";var de=require("react/jsx-runtime"),Kn="k-colorgradient",Rb=[s.hover,s.focus,s.readonly,s.disabled],Kb={size:[d.undefined,d.small,d.medium,d.large]},Kt={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"},ue=e=>{let{size:t,mode:o=Kt.mode,readonly:a=Kt.readonly,disabled:n=Kt.disabled,gradientStyle:i=Kt.gradientStyle,dragHandleStyle:l=Kt.dragHandleStyle,alphaStyle:c=Kt.alphaStyle,alphaStyleHorizontal:u=Kt.alphaStyleHorizontal,contrast:f=Kt.contrast,dir:N,hover:x,focus:m,hoverHandle:L,focusHandle:k,canvasOrientation:A=Kt.canvasOrientation,role:E,tabIndex:M,...O}=e;return(0,de.jsxs)("div",{...O,role:E??"textbox","aria-label":E==="none"?void 0:"Color gradient",tabIndex:M??0,"aria-disabled":n?"true":void 0,className:r(e.className,Kn,C(Kn,{size:t}),y(Kn,{hover:x,focus:m,readonly:a,disabled:n})),dir:N,children:[!A\|\|A==="horizontal"&&(0,de.jsxs)("div",{className:"k-colorgradient-canvas k-hstack",children:[(0,de.jsx)("div",{className:"k-hsv-rectangle",style:i,children:(0,de.jsx)("div",{className:"k-hsv-gradient",children:(0,de.jsx)("div",{className:r("k-hsv-draghandle","k-draghandle",{"k-hover":L,"k-focus":k}),style:l,role:"slider","aria-orientation":"undefined","aria-label":"Color well with two-dimensional slider for selecting saturation and lightness","aria-valuetext":"X: 73, Y: 50","aria-valuenow":50,"aria-valuemin":0,"aria-valuemax":100})})}),(0,de.jsxs)("div",{className:"k-hsv-controls k-hstack",children:[(0,de.jsx)(qr,{className:"k-hue-slider",hover:L,focus:k}),o!=="rgb"&&o!=="hsv"&&(0,de.jsx)(qr,{className:"k-alpha-slider",hover:L,focus:k,trackStyle:c})]})]}),A==="vertical"&&(0,de.jsxs)("div",{className:"k-colorgradient-canvas k-vstack",children:[(0,de.jsx)("div",{className:"k-hsv-rectangle",style:i,children:(0,de.jsx)("div",{className:"k-hsv-gradient",children:(0,de.jsx)("div",{className:r("k-hsv-draghandle","k-draghandle",{"k-hover":L,"k-focus":k}),style:l,role:"slider","aria-orientation":"undefined","aria-label":"Color well with two-dimensional slider for selecting saturation and lightness","aria-valuetext":"X: 73, Y: 50","aria-valuenow":50,"aria-valuemin":0,"aria-valuemax":100})})}),(0,de.jsxs)("div",{className:"k-hsv-controls k-vstack",children:[(0,de.jsx)(Xr,{className:"k-hue-slider",hover:L,focus:k}),o!=="rgb"&&o!=="hsv"&&(0,de.jsx)(Xr,{className:"k-alpha-slider",hover:L,focus:k,trackStyle:u})]})]}),(0,de.jsx)(sa,{mode:e.mode,size:t}),f&&(0,de.jsx)(ia,{})]})};ue.states=Rb;ue.options=Kb;ue.className=Kn;ue.defaultOptions=Kt;ue.moduleName=Bp;ue.folderName=Pp;ue.ariaSpec={selector:".k-colorgradient",rules:[{selector:".k-colorgradient",attribute:"role=textbox",usage:"The focusable wrapper should be considered a textbox with a value that could be submitted."},{selector:".k-colorgradient",attribute:"aria-label or aria-labelledby",usage:"The component needs an accessible name including the currently selected value."},{selector:".k-colorgradient",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-colorgradient.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the ColorGradient is disabled."},{selector:".k-hsv-draghandle",attribute:"role=slider",usage:"The 2D draghandle must have slider role for ARIA-allowed attributes."},{selector:".k-hsv-draghandle",attribute:"aria-orientation=undefined",usage:"The implicit orientation for the slider must be removed for the 2D handle."},{selector:".k-hsv-draghandle",attribute:"aria-label",usage:"Must provide information about the purpose of the slider and the currently selected color."},{selector:".k-hsv-draghandle",attribute:"aria-valuetext",usage:"Must specify the values on both X and Y axis."},{selector:".k-hsv-draghandle",attribute:"aria-valuenow",usage:"Required by the slider role."},{selector:".k-hsv-draghandle",attribute:"aria-valuemin",usage:"Required by the slider role."},{selector:".k-hsv-draghandle",attribute:"aria-valuemax",usage:"Required by the slider role."},{selector:".k-numerictextbox>.k-input-inner",attribute:"aria-label",usage:"Must provide the name of the channel (red, green, blue, or alpha)."}]};var wp=require("react/jsx-runtime"),_n=e=>(0,wp.jsx)(ue,{...e});var _b=require("react/jsx-runtime");var Db=require("react/jsx-runtime");var Dn=require("react/jsx-runtime"),Hb=ue.options,zb=ue.states,Ub={...ue.defaultOptions,variant:"rgba"},Fb=[{name:"rgba",title:"RGBA"},{name:"rgb",title:"RGB"},{name:"hex",title:"HEX"}],Gb=[],la=e=>{let{variant:t,...o}=e;switch(t){case"hex":return(0,Dn.jsx)(_n,{...o,mode:t});case"rgb":return(0,Dn.jsx)(_n,{...o,mode:t});default:return(0,Dn.jsx)(_n,{...o,mode:t})}};la.options=Hb;la.states=zb;la.variants=Fb;la.defaultOptions=Ub;la.modifiers=Gb;la.className=ue.className;var Rp=require("react/jsx-runtime"),hs=e=>(0,Rp.jsx)("tr",{role:"row",children:e.children});var Kp=require("react/jsx-runtime"),xs="k-colorpalette-tile",Vb=[s.hover,s.focus,s.selected],$b={},pa=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,Kp.jsx)("td",{...l,role:"gridcell","aria-label":t,"aria-selected":i?"true":void 0,className:r(e.className,xs,y(xs,{hover:a,focus:n,selected:i})),style:c})};pa.states=Vb;pa.options=$b;pa.className=xs;var _p="color-palette",Dp="colorpalette";var da=require("react/jsx-runtime"),Hn="k-colorpalette",Xb=[s.disabled],qb={size:[d.undefined,d.small,d.medium,d.large]},Hp={columns:10},Ge=e=>{let{size:t,palette:o,columns:a=Hp.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,x)=>{let m=[];f.slice(xu,(x+1)u).map((k,A)=>{m.push((0,da.jsx)(pa,{color:k,tileSize:n},A))});let L=(0,da.jsx)(hs,{children:m},x);c.push(L)})}return(0,da.jsx)("div",{...l,role:"grid","aria-label":"Color palette",tabIndex:0,"aria-disabled":i?"true":void 0,className:r(e.className,Hn,y(Hn,{disabled:i}),C(Hn,{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})})})};Ge.states=Xb;Ge.options=qb;Ge.className=Hn;Ge.defaultOptions=Hp;Ge.moduleName=_p;Ge.folderName=Dp;Ge.ariaSpec={selector:".k-colorpalette",rules:[{selector:".k-colorpalette",attribute:"role=grid",usage:"The focusable wrapper announces its role as a grid."},{selector:".k-colorpalette",attribute:"aria-label or aria-labelledby",usage:"The component needs an accessible name including the currently selected value."},{selector:".k-colorpalette",attribute:"aria-activedescendant",usage:"Points to the focused cell in the table."},{selector:".k-colorpalette",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-colorpalette.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the ColorPalette is disabled."},{selector:".k-colorpalette-table",attribute:"role=none or role=presentation",usage:"Negates the default role of the table element."},{selector:".k-colorpalette-table>tbody>tr",attribute:"role=row",usage:"Required as the semantic role of the parent table has been removed."},{selector:".k-colorpalette-tile",attribute:"role=gridcell",usage:"Required as the semantic role of the parent table has been removed."},{selector:".k-colorpalette-tile",attribute:"aria-label or title",usage:"The text representation of the color value for the current cell."},{selector:".k-colorpalette-tile.k-selected",attribute:"aria-selected=true",usage:"Present on the currently selected cell."}]};var zn=Ge;var an={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 Up=require("react/jsx-runtime"),zp=e=>(0,Up.jsx)(zn,{palette:an.basic,...e});var Wb=require("react/jsx-runtime");var Fp=require("react/jsx-runtime");var Gp=require("react/jsx-runtime"),Jb=Ge.options,Yb=Ge.states,Zb={...Ge.defaultOptions,variant:"basic"},Qb=[{name:"basic",title:"Basic"},{name:"monochrome",title:"Monochrome"}],jb={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}},eh=[],ca=e=>{let{variant:t="basic",...o}=e,a=jb[t];return(0,Gp.jsx)(zp,{columns:a.columns,palette:a,...o})};ca.options=Jb;ca.states=Yb;ca.variants=Qb;ca.defaultOptions=Zb;ca.modifiers=eh;ca.className=Ge.className;var Vp="color-editor",$p="coloreditor";var re=require("react/jsx-runtime"),Un="k-coloreditor",th=[s.focus],oh={size:[d.undefined,d.small,d.medium,d.large]},nn={view:"gradient",palette:an.office,actionButtons:!0,canvasOrientation:"horizontal"},te=e=>{let{size:t,view:o=nn.view,palette:a=nn.palette,color:n,currentColor:i,focus:l,focusView:c,dir:u,group:f,actionButtons:N=nn.actionButtons,canvasOrientation:x=nn.canvasOrientation,...m}=e;return(0,re.jsxs)("div",{...m,role:"textbox","aria-label":"Color editor",tabIndex:0,className:r(e.className,"k-flatcolorpicker",Un,C(Un,{size:t}),y(Un,{focus:l})),dir:u,children:[(0,re.jsxs)("div",{className:"k-coloreditor-header k-hstack",children:[(0,re.jsx)("div",{className:"k-coloreditor-header-actions k-hstack",children:f&&(0,re.jsxs)(B,{fillMode:"flat",children:[(0,re.jsx)(p,{className:"k-group-start",size:t,fillMode:"flat",icon:"droplet-slider",selected:o==="gradient","aria-label":"Color gradient view"}),(0,re.jsx)(p,{className:"k-group-end",size:t,fillMode:"flat",icon:"palette",selected:o==="palette","aria-label":"Color palette view"})]})}),(0,re.jsx)("div",{className:"k-spacer"}),(0,re.jsxs)("div",{className:"k-coloreditor-header-actions k-hstack",children:[(0,re.jsx)(p,{fillMode:"flat",icon:"droplet-slash",size:t,"aria-label":"Reset color"}),(0,re.jsxs)("div",{className:"k-coloreditor-preview k-vstack",children:[(0,re.jsx)(ro,{className:"k-coloreditor-preview-color",color:n}),(0,re.jsx)(ro,{className:"k-coloreditor-current-color",color:i})]})]})]}),(0,re.jsx)("div",{className:"k-coloreditor-views k-vstack",children:o==="gradient"?(0,re.jsx)(ue,{focus:c,size:t,canvasOrientation:x,role:"none",tabIndex:-1}):(0,re.jsx)(Ge,{palette:a,size:t})}),N&&(0,re.jsxs)(nt,{className:"k-coloreditor-footer",alignment:"start",children:[(0,re.jsx)(p,{themeColor:"primary",size:t,className:"k-coloreditor-apply",children:"Apply"}),(0,re.jsx)(p,{className:"k-coloreditor-cancel",size:t,children:"Cancel"})]})]})};te.states=th;te.options=oh;te.className=Un;te.defaultOptions=nn;te.moduleName=Vp;te.folderName=$p;te.ariaSpec={selector:".k-flatcolorpicker",rules:[{selector:".k-flatcolorpicker",attribute:"role=textbox",usage:"The focusable wrapper should be considered a textbox with a submittable value."},{selector:".k-flatcolorpicker",attribute:"aria-label or aria-labelledby",usage:"The component needs an accessible name including the currently selected value."},{selector:".k-flatcolorpicker",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-flatcolorpicker.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the FlatColorPicker is disabled."},{selector:".k-colorgradient",attribute:"role=none",usage:"The inner ColorGradient must have its role removed."},{selector:".k-colorgradient",attribute:"tabindex=-1",usage:"The inner ColorGradient must be removed from the page tab sequence."}]};var ma=te;var ah=require("react/jsx-runtime");var nh=require("react/jsx-runtime");var qp=require("react/jsx-runtime"),Xp=e=>(0,qp.jsx)(ma,{group:!0,currentColor:"fuchsia",...e});var Jp=require("react/jsx-runtime"),Wp=e=>(0,Jp.jsx)(ma,{view:"palette",group:!0,currentColor:"fuchsia",...e});var gs=require("react/jsx-runtime"),rh=te.options,sh=te.states,ih={...te.defaultOptions,variant:"gradient"},lh=[{name:"gradient",title:"Gradient"},{name:"palette",title:"Palette"}],ph=[],ua=e=>{let{variant:t,...o}=e;return t==="palette"?(0,gs.jsx)(Wp,{...o,color:"white"}):(0,gs.jsx)(Xp,{...o,color:"rgba(183, 118 , 118, 1.00)"})};ua.options=rh;ua.states=sh;ua.variants=lh;ua.defaultOptions=ih;ua.modifiers=ph;ua.className=te.className;var Yp="color-picker",Zp="colorpicker";var ce=require("react/jsx-runtime"),Qp="k-colorpicker",dh=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled],ch={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[h.undefined,h.solid,h.flat,h.outline]},jp={arrowIconName:"chevron-down"},st=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:n=jp.arrowIconName,prefix:i,suffix:l,value:c,placeholder:u,hover:f,focus:N,valid:x,invalid:m,required:L,disabled:k,valueIconName:A,popup:E,opened:M,adaptive:O,adaptiveSettings:J,adaptiveTitle:ye,adaptiveSubtitle:Ke,..._e}=e,ot="colorpicker-popup";return(0,ce.jsxs)(ce.Fragment,{children:[(0,ce.jsxs)(Bt,{..._e,size:t,rounded:o,fillMode:a,hover:f,focus:N,valid:x,invalid:m,required:L,disabled:k,role:"combobox","aria-haspopup":"dialog","aria-expanded":M?"true":"false","aria-controls":M\|\|O?ot:void 0,"aria-label":"Color picker",tabIndex:0,"aria-disabled":k?"true":void 0,className:r(e.className,Qp,"k-icon-picker"),children:[(0,ce.jsx)(dt,{children:i}),(0,ce.jsx)(ko,{placeholder:u,value:c,showValue:!1,valueIcon:(0,ce.jsx)(ro,{className:"k-value-icon",color:c,iconName:A}),valueIconName:A}),(0,ce.jsx)(ct,{children:l}),(0,ce.jsx)(p,{className:"k-input-button",icon:n,size:t,fillMode:a,tabIndex:-1,"aria-label":"Open color picker",disabled:k})]}),M&&E&&(0,ce.jsx)(W,{id:ot,className:"k-colorpicker-popup",children:E}),O&&(0,ce.jsx)(ee,{adaptive:!0,id:ot,...J,header:(0,ce.jsx)(ze,{actionsEnd:(0,ce.jsx)(p,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply"}),title:ye,subtitle:Ke}),footer:(0,ce.jsxs)(so,{children:[(0,ce.jsx)(p,{text:"Cancel",size:"large"}),(0,ce.jsx)(p,{text:"Set",size:"large",themeColor:"primary"})]}),children:(0,ce.jsx)(te,{canvasOrientation:"vertical",size:"large",actionButtons:!1,group:!0})})]})};st.states=dh;st.options=ch;st.className=Qp;st.defaultOptions=jp;st.moduleName=Yp;st.folderName=Zp;st.ariaSpec={selector:".k-colorpicker",rules:[{selector:".k-colorpicker",attribute:"role=combobox",usage:"The focusable element should have role combobox (input with popup)."},{selector:".k-colorpicker",attribute:"aria-label or aria-labelledby",usage:"The component needs an accessible name including the currently selected value."},{selector:".k-colorpicker",attribute:"aria-haspopup=dialog",usage:"Indicates the component has a Dialog Popup."},{selector:".k-colorpicker",attribute:"aria-expanded=true/false",usage:"Announces the visibility state of the popup."},{selector:".k-colorpicker",attribute:"aria-controls (when open)",usage:"Points to the popup element."},{selector:".k-colorpicker",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-colorpicker.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the picker is disabled."},{selector:".k-colorpicker.k-disabled .k-button",attribute:"disabled or aria-disabled=true",usage:"Rendered only when the picker is disabled."},{selector:".k-colorgradient",attribute:"tabindex=-1",usage:"The inner ColorGradient must be removed from the page tab sequence."}]};var Jt=st;var ed=require("react/jsx-runtime"),Fn=e=>(0,ed.jsx)(Jt,{...e});var mh=require("react/jsx-runtime");var uh=require("react/jsx-runtime");var fh=require("react/jsx-runtime");var bh=require("react/jsx-runtime");var hh=require("react/jsx-runtime");var xh=require("react/jsx-runtime");var mo=require("react/jsx-runtime"),gh=Jt.options,Nh=Jt.states,td={...Jt.defaultOptions,variant:"color"},vh=[{name:"color",title:"Color",default:!0},{name:"no color",title:"No color"},{name:"icon",title:"Icon"}],kh=[{name:"opened",title:"Opened"}],fa=e=>{let{variant:t,modifiers:o,...a}={...td,...e},n={};Object.keys(o\|\|{}).forEach(l=>{l==="opened"&&(n.opened=!!(o!=null&&o[l]),n.popup=o!=null&&o[l]?(0,mo.jsx)(te,{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,mo.jsx)("div",{style:i,children:(0,mo.jsx)(Fn,{...a,...n})});case"icon":return(0,mo.jsx)("div",{style:i,children:(0,mo.jsx)(Fn,{value:"rgba(183, 118 , 118, 1.00)",valueIconName:"edit-tools",...a,...n})});default:return(0,mo.jsx)("div",{style:i,children:(0,mo.jsx)(Fn,{value:"rgba(183, 118 , 118, 1.00)",...a,...n})})}};fa.options=gh;fa.states=Nh;fa.variants=vh;fa.defaultOptions=td;fa.modifiers=kh;fa.className=Jt.className;var Ns="combobox",od=Ns;var _=require("react/jsx-runtime"),ad="k-combobox",Lh=[s.hover,s.focus,s.valid,s.invalid,s.loading,s.required,s.disabled,s.readonly],Mh={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[h.undefined,h.solid,h.flat,h.outline]},nd={separators:!0},Ie=e=>{let{size:t,rounded:o,fillMode:a,separators:n=nd.separators,prefix:i,suffix:l,value:c,placeholder:u,hover:f,focus:N,valid:x,invalid:m,required:L,loading:k,disabled:A,popup:E,opened:M,readonly:O,adaptive:J,adaptiveSettings:ye,adaptiveTitle:Ke,adaptiveSubtitle:_e,adaptiveCustomValue:ot,id:No,autocomplete:or,activeDescendant:no,"aria-label":fn,...ar}=e,nr=No?`${No}-listbox`:void 0;return(0,_.jsxs)(_.Fragment,{children:[(0,_.jsxs)(ne,{...ar,size:t,rounded:o,fillMode:a,hover:f,focus:N,valid:x,invalid:m,required:L,loading:k,disabled:A,readonly:O,className:r(e.className,ad),children:[i&&(0,_.jsxs)(_.Fragment,{children:[(0,_.jsx)(dt,{children:i}),n&&(0,_.jsx)(mt,{})]}),(0,_.jsx)(De,{id:No,placeholder:u,value:c,role:"combobox","aria-haspopup":"listbox","aria-expanded":M?"true":"false","aria-controls":M?nr:void 0,"aria-activedescendant":M&&no?no:void 0,"aria-autocomplete":or,"aria-invalid":m?"true":void 0,"aria-busy":k?"true":void 0,"aria-label":fn,disabled:A,readOnly:O}),(0,_.jsx)(He,{valid:x,invalid:m,loading:k,disabled:A}),(0,_.jsx)(Ye,{loading:k,disabled:A}),(0,_.jsx)(at,{loading:k,disabled:A,readonly:O,value:c}),l&&(0,_.jsxs)(_.Fragment,{children:[n&&(0,_.jsx)(mt,{}),(0,_.jsx)(ct,{children:l})]}),(0,_.jsx)(p,{className:"k-input-button",icon:"chevron-down",size:t,fillMode:a,"aria-label":"Open popup",tabIndex:-1,disabled:A})]}),M&&E&&(0,_.jsx)(W,{className:"k-list-container k-combobox-popup",containerRole:"region",containerAriaLabel:"Combobox suggestions",children:E}),J&&(0,_.jsx)(ee,{adaptive:!0,id:No?`${No}-adaptive`:void 0,...ye,header:(0,_.jsx)(ze,{actionsEnd:(0,_.jsx)(p,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),input:!0,inputValue:c,inputPlaceholder:u,title:Ke,subtitle:_e}),children:(0,_.jsx)("div",{className:"k-list-container",children:(0,_.jsx)(K,{customValue:ot?(0,_.jsx)(co,{text:`Use "${c}"`}):void 0,size:"large",children:(0,_.jsxs)(F,{"aria-label":Ke\|\|"Options",children:[(0,_.jsx)(P,{text:"List item"}),(0,_.jsx)(P,{text:"List item"}),(0,_.jsx)(P,{text:"List item"})]})})})})]})};Ie.states=Lh;Ie.options=Mh;Ie.className=ad;Ie.defaultOptions=nd;Ie.moduleName=Ns;Ie.folderName=od;Ie.ariaSpec={selector:".k-combobox",rules:[{selector:".k-combobox > .k-input-inner",attribute:"role=combobox",usage:"Identifies the input as a combobox."},{selector:".k-combobox > .k-input-inner",attribute:"aria-haspopup=listbox",usage:"Indicates the combobox has a listbox popup."},{selector:".k-combobox > .k-input-inner",attribute:"aria-expanded",usage:"Indicates whether the popup is open."},{selector:".k-combobox > .k-input-inner",attribute:"aria-controls=${id}-listbox (when open)",usage:"Points to the listbox element when popup is open."},{selector:".k-combobox > .k-input-inner",attribute:"aria-activedescendant (when open)",usage:"Points to the focused item in the listbox."},{selector:".k-combobox > .k-input-inner",attribute:"aria-autocomplete=list\|both\|inline (when has autocomplete)",usage:"Indicates the autocomplete behavior."},{selector:".k-combobox > .k-input-inner",attribute:"aria-invalid=true (when invalid)",usage:"Rendered when the combobox is in an invalid state."},{selector:".k-combobox > .k-input-inner",attribute:"aria-busy=true (when loading)",usage:"Rendered when the combobox is loading data."},{selector:".k-combobox > .k-input-inner",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"Accessible name provided by consuming app."},{selector:".k-combobox.k-disabled > .k-input-inner",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the combobox is disabled."},{selector:".k-combobox .k-input-button",attribute:"role=button or nodeName=button",usage:"The dropdown toggle button."},{selector:".k-combobox .k-input-button",attribute:"aria-label",usage:"Accessible name for the dropdown button."},{selector:".k-combobox .k-input-button",attribute:"tabindex=-1",usage:"Dropdown button is not in the tab order."},{selector:".k-combobox-popup .k-list-content, .k-combobox-popup .k-list-ul",attribute:"role=listbox",usage:"The popup list container has the listbox role."},{selector:'.k-combobox-popup .k-list-ul[role="listbox"], .k-combobox-popup .k-list-content[role="listbox"]',attribute:"aria-label or aria-labelledby",usage:"Popup listbox must have an accessible name. Consuming code is responsible for associating with the component label via aria-labelledby."},{selector:".k-combobox-popup .k-list-item",attribute:"role=option",usage:"Each list item is an option."},{selector:".k-combobox-popup .k-list-item",attribute:"aria-selected (when selectable)",usage:"Indicates the selected state."},{selector:".k-combobox-popup .k-no-data",attribute:"aria-live=polite",usage:"Announces no-data state to screen readers."}]};var it=Ie;var sd=require("react/jsx-runtime"),rd=e=>(0,sd.jsx)(it,{...e});var id=require("react/jsx-runtime");var ld=require("react/jsx-runtime");var pd=require("react/jsx-runtime");var dd=require("react/jsx-runtime");var cd=require("react/jsx-runtime");var md=require("react/jsx-runtime");var vs=require("react/jsx-runtime");var Sh=require("react/jsx-runtime");var yh=require("react/jsx-runtime");var ud=require("react/jsx-runtime");var fd=require("react/jsx-runtime");var Ct=require("react/jsx-runtime"),Ah=Ie.states,Ch=Ie.defaultOptions,Eh=Ie.options,Ih=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"opened",title:"Opened"}],Th=[],ba=e=>{let{modifiers:t,...o}=e,a={},n=(0,Ct.jsx)(K,{style:{width:300},size:o.size,children:(0,Ct.jsxs)(F,{children:[(0,Ct.jsx)(P,{children:"List item"}),(0,Ct.jsx)(P,{children:"List item"}),(0,Ct.jsx)(P,{children:"List item"})]})});return Object.keys(t\|\|{}).forEach(i=>{switch(i){case"prefix":a.prefix=t!=null&&t[i]?(0,Ct.jsx)(v,{icon:"map-marker-target"}):void 0;break;case"suffix":a.suffix=t!=null&&t[i]?(0,Ct.jsx)(be,{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,Ct.jsx)("div",{children:(0,Ct.jsx)(rd,{value:"Value",style:{width:300},...o,...a})})};ba.options=Eh;ba.states=Ah;ba.variants=Th;ba.defaultOptions=Ch;ba.modifiers=Ih;ba.className=Ie.className;var ks="menu-button",bd=ks;var xd=require("react/jsx-runtime"),hd="k-menu-button",Oh=[s.hover,s.focus,s.active,s.selected,s.disabled],Bh={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:[h.undefined,h.solid,h.flat,h.outline,h.clear,h.link],themeColor:[g.undefined,g.base,g.primary,g.secondary,g.tertiary,g.success,g.warning,g.error,g.info,g.inverse]},Ls={showArrow:!0,arrowIconName:"chevron-down"},H=e=>{let{size:t,rounded:o,fillMode:a,themeColor:n,hover:i,focus:l,active:c,selected:u,disabled:f,icon:N,text:x,showArrow:m=Ls.showArrow,arrowIconName:L=Ls.arrowIconName,expanded:k,...A}=e;return(0,xd.jsx)(p,{...A,className:r(e.className,hd),text:x,size:t,rounded:o,fillMode:a,themeColor:n,hover:i,focus:l,active:c,selected:u,disabled:f,icon:N,showArrow:m,arrowIconName:L,"aria-expanded":k?"true":"false",...!x&&N&&!e["aria-label"]&&{"aria-label":"Menu"},...f&&{"aria-disabled":"true"}})};H.states=Oh;H.options=Bh;H.className=hd;H.defaultOptions=Ls;H.moduleName=ks;H.folderName=bd;H.ariaSpec={selector:".k-menu-button",rules:[{selector:".k-menu-button",attribute:"role=button or nodeName=button",usage:"Omitted if the button DOM element is used."},{selector:".k-menu-button",attribute:"aria-label (when icon-only)",usage:"Required when no text is visible in the button."},{selector:".k-menu-button",attribute:"aria-expanded=true/false",usage:"Announces the state of the popup visibility."},{selector:".k-menu-button",attribute:"aria-controls=.k-menu-group id (when open)",usage:"Points to the popup element. Builds a relationship between the button and the popup."},{selector:".k-menu-button.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the button is disabled."},{selector:".k-menu-group",attribute:"role=list",usage:"Announces the list role of the popup."},{selector:".k-menu-item",attribute:"role=listitem",usage:"Announces the listitem role of the popup items."}]};var Ph=require("react/jsx-runtime");var wh=require("react/jsx-runtime");var Rh=require("react/jsx-runtime");var lt="menu",xt=lt;var Yt=require("react/jsx-runtime"),Ms="k-menu-item",Kh=[s.hover,s.focus,s.active,s.selected,s.disabled],_h={},gd={iconPosition:"before"},Te=e=>{let{hover:t,focus:o,active:a,selected:n,disabled:i,icon:l,text:c,first:u,last:f,showArrow:N,arrowIconName:x,iconPosition:m=gd.iconPosition,dir:L,children:k,expanded:A,...E}=e,M=x;return M\|\|(M=L==="rtl"?"chevron-left":"chevron-right"),(0,Yt.jsxs)("li",{...E,className:r(e.className,Ms,"k-item",y(Ms,{focus:o,disabled:i,hover:t,active:a,selected:n}),{"k-first":u,"k-last":f}),role:"menuitem",...N&&{"aria-haspopup":"menu"},...N&&{"aria-expanded":A?"true":"false"},...i&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[(0,Yt.jsxs)("span",{className:r("k-link k-menu-link"),children:[l&&m==="before"&&(0,Yt.jsx)(v,{className:"k-menu-link-icon",icon:l}),(0,Yt.jsx)("span",{className:"k-menu-link-text",children:c}),l&&m==="after"&&(0,Yt.jsx)(v,{className:"k-menu-link-icon",icon:l}),N&&(0,Yt.jsx)("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:(0,Yt.jsx)(v,{icon:M})})]}),k]})};Te.states=Kh;Te.options=_h;Te.className=Ms;Te.defaultOptions=gd;Te.moduleName=lt;Te.folderName=xt;var Zt=require("react/jsx-runtime"),Ss="k-menu-item",Dh=[s.hover,s.focus,s.active,s.selected,s.disabled],Hh={},ys={dir:"ltr",iconPosition:"before"},Q=e=>{let{hover:t,focus:o,active:a,selected:n,disabled:i,icon:l,text:c,first:u,last:f,showArrow:N,arrowIconName:x,iconPosition:m=ys.iconPosition,dir:L=ys.dir,children:k,popup:A,expanded:E,...M}=e,O=x;return O\|\|(O=L==="rtl"?"chevron-left":"chevron-right"),(0,Zt.jsxs)("li",{...M,className:r(e.className,Ss,"k-item",y(Ss,{focus:o,disabled:i}),{"k-first":u,"k-last":f}),role:"menuitem",...N&&{"aria-haspopup":"menu"},...N&&{"aria-expanded":E?"true":"false"},...i&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[(0,Zt.jsxs)("span",{className:r("k-link k-menu-link",y("k-menu-link",{hover:t,active:a,selected:n,disabled:i})),children:[l&&m==="before"&&(0,Zt.jsx)(v,{className:"k-menu-link-icon",icon:l}),(0,Zt.jsx)("span",{className:"k-menu-link-text",children:c}),l&&m==="after"&&(0,Zt.jsx)(v,{className:"k-menu-link-icon",icon:l}),N&&(0,Zt.jsx)("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:(0,Zt.jsx)(v,{icon:O})})]}),k,A]})};Q.states=Dh;Q.options=Hh;Q.className=Ss;Q.defaultOptions=ys;Q.moduleName=lt;Q.folderName=xt;var kd=require("react/jsx-runtime"),Nd="k-menu-scroll-wrapper",zh=[],Uh={},Fh={},Co=e=>{let{className:t,children:o,orientation:a,...n}=e;return(0,kd.jsx)("div",{...n,className:r(t,Nd,{"k-menu-scroll-wrapper-vertical":a==="vertical"}),children:o})};Co.states=zh;Co.options=Uh;Co.className=Nd;Co.defaultOptions=Fh;Co.moduleName=lt;Co.folderName=xt;var vd=Co;var ke=require("react/jsx-runtime"),As="k-menu",Gh=[],Vh={},Vn={orientation:"horizontal",header:!0,scrollButtonsPosition:"around"},fe=e=>{let{children:t,orientation:o=Vn.orientation,header:a=Vn.header,scrollable:n,scrollButtonsPosition:i=Vn.scrollButtonsPosition,wrapperStyles:l,dir:c,popup:u,contextMenu:f,...N}=e,x={horizontal:{prev:c!=="rtl"?"left":"right",next:c!=="rtl"?"right":"left"},vertical:{prev:"up",next:"down"}},m=(0,ke.jsx)("ul",{dir:c,...N,className:r(e.className,"k-reset",As,{[`${As}-${o}`]:o,"k-header":a}),role:f?"menu":"menubar",...o==="vertical"&&{"aria-orientation":"vertical"},children:t});return(0,ke.jsxs)(ke.Fragment,{children:[n?(0,ke.jsxs)(vd,{orientation:o,style:l,dir:e.dir,children:[i==="start"&&(0,ke.jsxs)(ke.Fragment,{children:[(0,ke.jsx)(p,{fillMode:"flat",icon:`chevron-${x[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),(0,ke.jsx)(p,{fillMode:"flat",icon:`chevron-${x[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),i==="around"&&(0,ke.jsx)(p,{fillMode:"flat",icon:`chevron-${x[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),m,i==="end"&&(0,ke.jsxs)(ke.Fragment,{children:[(0,ke.jsx)(p,{fillMode:"flat",icon:`chevron-${x[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),(0,ke.jsx)(p,{fillMode:"flat",icon:`chevron-${x[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),i==="around"&&(0,ke.jsx)(p,{fillMode:"flat",icon:`chevron-${x[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}):m,u]})};fe.states=Gh;fe.options=Vh;fe.className=As;fe.defaultOptions=Vn;fe.moduleName=lt;fe.folderName=xt;fe.ariaSpec={selector:".k-menu",rules:[{selector:".k-menu:not(.k-context-menu)",attribute:"role=menubar",usage:"Announces the Menu menubar role."},{selector:".k-menu.k-menu-vertical",attribute:"aria-orientation=vertical",usage:"Announces the Menu orientation when vertical."},{selector:".k-menu-item",attribute:"role=menuitem",usage:"Announces the Menu item role."},{selector:".k-menu-item",attribute:"aria-haspopup=menu (when present)",usage:"Indicates a popup menu is associated with the item."},{selector:".k-menu-item",attribute:"aria-expanded=true/false (when present)",usage:"Indicates whether the submenu is expanded."},{selector:".k-menu-item.k-disabled",attribute:"aria-disabled=true",usage:"Informs assistive technologies that a Menu item is disabled."},{selector:".k-menu-expand-arrow",attribute:"aria-hidden=true",usage:"Expand arrow elements are hidden from assistive technologies."},{selector:".k-menu-popup .k-menu-group",attribute:"role=menu",usage:"The role of the nested menu displayed in a popup."},{selector:".k-menu-scroll-button",attribute:"tabindex=-1",usage:"Scroll buttons are removed from the tab sequence."},{selector:".k-menu-scroll-button",attribute:"aria-label",usage:"Scroll buttons have an accessible label."},{selector:".k-menu-item.k-focus",attribute:"tabindex=0",usage:"The focused item has tabindex 0."},{selector:".k-menu-item",attribute:"aria-controls=ul.k-menu-group id (when present)",usage:"Points to the ID of the submenu. Only present when the item controls a submenu element."},{selector:".k-menu-popup .k-menu-group",attribute:"id",usage:"Each nested menu has a deterministic id linked to the parent aria-controls."}]};var Md=require("react/jsx-runtime"),Cs="k-separator",Ld={orientation:"horizontal"},ha=e=>{let{orientation:t=Ld.orientation,...o}=e;return(0,Md.jsx)("li",{...o,className:r(e.className,"k-item",Cs,{[`${Cs}-${t}`]:t}),role:"separator"})};ha.className=Cs;ha.defaultOptions=Ld;ha.moduleName=lt;ha.folderName=xt;var Sd=require("react/jsx-runtime");var yd=require("react/jsx-runtime"),Es="k-menu-group",$h=[],Xh={size:[d.undefined,d.small,d.medium,d.large]},qh={},Oe=e=>{let{children:t,size:o,...a}=e;return(0,yd.jsx)("ul",{...a,className:r(e.className,Es,C(Es,{size:o})),role:"menu",children:t})};Oe.states=$h;Oe.options=Xh;Oe.className=Es;Oe.defaultOptions=qh;Oe.moduleName=lt;Oe.folderName=xt;var Et=require("react/jsx-runtime"),Is=e=>(0,Et.jsx)(fe,{children:(0,Et.jsxs)(Et.Fragment,{children:[(0,Et.jsx)(Te,{first:!0,text:"Item 1"}),(0,Et.jsx)(Te,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 2"}),(0,Et.jsx)(Te,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 3"}),(0,Et.jsx)(Te,{text:"Item 4"}),(0,Et.jsx)(Te,{last:!0,text:"Item 5"})]}),...e});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 _t=require("react/jsx-runtime"),Wh=fe.options,Jh=fe.states,Ad={...fe.defaultOptions,variant:"horizontal"},Yh=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],Zh=[{name:"scrollable",title:"Scrollable"},{name:"opened",title:"Opened"}],xa=e=>{let{variant:t,modifiers:o,...a}={...Ad,...e},n={};return Object.keys(o\|\|{}).forEach(i=>{switch(i){case"scrollable":n.scrollable=!!(o!=null&&o[i]);break;case"opened":n.opened=!!(o!=null&&o[i]),n.popup=(0,_t.jsx)(W,{className:"k-menu-popup",children:(0,_t.jsxs)(Oe,{children:[(0,_t.jsx)(Q,{text:"Item 1"}),(0,_t.jsx)(Q,{text:"Item 2"}),(0,_t.jsx)(ha,{}),(0,_t.jsx)(Q,{text:"Item 3"})]})});break}}),t==="vertical"?(0,_t.jsx)(Is,{...a,...n,orientation:"vertical",style:{width:"200px"}}):(0,_t.jsx)(Is,{...a,...n})};xa.options=Wh;xa.states=Jh;xa.variants=Yh;xa.defaultOptions=Ad;xa.modifiers=Zh;xa.className=fe.className;var ws=require("react/jsx-runtime");var Qh=require("react/jsx-runtime");var Be=require("react/jsx-runtime"),jh=p.states,Cd={...p.defaultOptions,variant:"text"},ex=p.options,tx=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],ox=[{name:"opened",title:"Opened"}],ga=e=>{let{variant:t,modifiers:o,...a}={...Cd,...e},n={},i=(0,Be.jsx)(W,{className:"k-menu-popup",children:(0,Be.jsxs)(Oe,{size:a.size,children:[(0,Be.jsx)(Q,{first:!0,text:"Menu Item"}),(0,Be.jsx)(Q,{text:"Menu Item"}),(0,Be.jsx)(Q,{last:!0,text:"Menu Item"})]})}),l;switch(t){case"icon-only":l=(0,Be.jsx)("div",{children:(0,Be.jsx)(H,{...a,...n,icon:"star"})});break;case"icon-and-text":l=(0,Be.jsx)("div",{children:(0,Be.jsx)(H,{...a,...n,icon:"star",children:"Dropdown Button"})});break;default:l=(0,Be.jsx)("div",{children:(0,Be.jsx)(H,{...a,...n,children:"Dropdown Button"})});break}return(0,Be.jsxs)(Be.Fragment,{children:[l,(o==null?void 0:o.opened)&&i]})};ga.options=ex;ga.states=jh;ga.variants=tx;ga.defaultOptions=Cd;ga.modifiers=ox;ga.className=H.className;var Rs="split-button",Ed=Rs;var Qt=require("react/jsx-runtime"),Ks="k-split-button",ax=[s.hover,s.focus,s.active,s.selected,s.disabled],nx={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[h.undefined,h.solid,h.flat,h.outline,h.clear,h.link],themeColor:[g.undefined,g.base,g.primary,g.secondary,g.tertiary,g.success,g.warning,g.error,g.info,g.inverse]},Id={arrowIconName:"chevron-down"},w=e=>{let{size:t,rounded:o,fillMode:a,themeColor:n,hover:i,focus:l,active:c,selected:u,disabled:f,icon:N,text:x,arrowIconName:m=Id.arrowIconName,popup:L,opened:k,popupId:A,...E}=e;return(0,Qt.jsxs)(Qt.Fragment,{children:[(0,Qt.jsxs)("div",{...E,className:r(e.className,Ks,"k-button-group",C(Ks,{rounded:o})),children:[(0,Qt.jsx)(p,{text:x,icon:N,size:t,rounded:o,fillMode:a,themeColor:n,hover:i,focus:l,active:c,selected:u,disabled:f,...!x&&!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,"aria-label":"Toggle dropdown","aria-expanded":k?"true":"false","aria-controls":k?A:void 0,tabIndex:-1,...f&&{"aria-disabled":"true"}})]}),k&&L&&(0,Qt.jsx)(W,{className:"k-menu-popup",children:L})]})};w.states=ax;w.options=nx;w.className=Ks;w.defaultOptions=Id;w.moduleName=Rs;w.folderName=Ed;w.ariaSpec={selector:".k-split-button",rules:[{selector:".k-split-button-arrow",attribute:"role=button or nodeName=button",usage:"Omitted if the <button> DOM element is used."},{selector:".k-split-button-arrow",attribute:"aria-label",usage:"The attribute must be present when no text is initially visible in the button."},{selector:".k-split-button-arrow",attribute:"aria-expanded=true/false",usage:"Announces the state of the popup visibility."},{selector:".k-split-button-arrow",attribute:"aria-controls=.k-menu-group id (when open)",usage:"Points to the popup element. Builds a relationship between the button and the popup."},{selector:".k-split-button-arrow",attribute:"tabindex=-1",usage:"The arrow button is removed from the tab sequence."},{selector:".k-split-button-arrow.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the button is disabled."},{selector:".k-menu-group",attribute:"role=list",usage:"Announces the list role of the popup."},{selector:".k-menu-item",attribute:"role=listitem",usage:"Announces the listitem role of the popup items."}]};var _s=w;var Td=require("react/jsx-runtime"),rx="k-toolbar-separator",It=e=>(0,Td.jsx)("div",{className:r(rx,e.className,"k-separator")});var jt="toolbar",uo=jt;var T=require("react/jsx-runtime"),eo="k-toolbar",sx=[s.focus],ix={size:[d.undefined,d.small,d.medium,d.large],fillMode:[h.undefined,h.solid,h.outline,h.flat]},lx={scrollButtons:"around"},G=e=>{let{size:t,fillMode:o,focus:a,resizable:n,scrollable:i,scrollButtons:l,scrollingPosition:c,section:u,...f}=e,N=[],x=(m,L)=>{let k=[];if(m.type===p&&m.props.className&&m.props.className.includes("k-toolbar-overflow-button"))k.push((0,T.jsx)(p,{...m.props,className:`${m.props.className?m.props.className:""}`},`${L}-${new Date().getTime()}`));else if(m.type===p)k.push((0,T.jsx)(p,{...m.props,className:`k-toolbar-button ${m.props.className?m.props.className:""}`},`${L}-${new Date().getTime()}`));else if(m.type===Ha)k.push((0,T.jsx)(Ha,{...m.props,className:`k-toolbar-button ${m.props.className?m.props.className:""}`},`${L}-${new Date().getTime()}`));else if(m.type===be)k.push((0,T.jsx)(be,{...m.props,className:`k-toolbar-button ${m.props.className?m.props.className:""}`},`${L}-${new Date().getTime()}`));else if(m.type===H)k.push((0,T.jsx)(H,{...m.props,className:`k-toolbar-menu-button ${m.props.className?m.props.className:""}`},`${L}-${new Date().getTime()}`));else if(m.type===_s)k.push((0,T.jsx)(_s,{...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 A=[];(Array.isArray(m.props.children)?m.props.children:[m.props.children]).forEach((M,O)=>{A.push((0,T.jsx)(p,{...M.props,className:`${M.props.className?M.props.className:""}`},`${O}-${new Date().getTime()}`))}),k.push((0,T.jsx)(B,{...m.props,className:`k-toolbar-button-group ${m.props.className?m.props.className:""}`,children:A},`${L}-${new Date().getTime()}`))}else m.type===Ie?k.push((0,T.jsx)(Ie,{...m.props,className:`k-toolbar-combobox ${m.props.className?m.props.className:""}`},`${L}-${new Date().getTime()}`)):m.type===pe?k.push((0,T.jsx)(pe,{...m.props,className:`k-toolbar-dropdownlist ${m.props.className?m.props.className:""}`},`${L}-${new Date().getTime()}`)):m.type===st?k.push((0,T.jsx)(st,{...m.props,className:`k-toolbar-colorpicker ${m.props.className?m.props.className:""}`},`${L}-${new Date().getTime()}`)):k.push(m);k.forEach(A=>{N.push(A)})};return e.children&&(Array.isArray(e.children)?e.children:[e.children]).forEach((L,k)=>{x(L,k)}),(0,T.jsxs)("div",{...f,className:r(e.className,eo,C(eo,{size:t,fillMode:o}),y(eo,{focus:a}),{[`${eo}-resizable`]:n,[`${eo}-scrollable`]:i,[`${eo}-scrollable-overlay`]:i&&l==="hidden",[`${eo}-scrollable-${c}`]:c&&c!=="both",[`${eo}-section`]:u}),role:"toolbar","aria-label":"Toolbar",children:[!i&&N,i&&l==="hidden"&&(0,T.jsx)("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N}),i&&l==="start"&&(0,T.jsxs)(T.Fragment,{children:[(0,T.jsxs)(B,{children:[(0,T.jsx)("span",{className:r("k-toolbar-prev","k-button",C("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,T.jsx)(v,{className:"k-button-icon",icon:"chevron-left"})}),(0,T.jsx)("span",{className:r("k-toolbar-next","k-button",C("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,T.jsx)(v,{className:"k-button-icon",icon:"chevron-right"})})]}),(0,T.jsx)(It,{className:"k-toolbar-button-separator"}),(0,T.jsx)("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N})]}),i&&l==="end"&&(0,T.jsxs)(T.Fragment,{children:[(0,T.jsx)("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N}),(0,T.jsx)(It,{className:"k-toolbar-button-separator"}),(0,T.jsxs)(B,{children:[(0,T.jsx)("span",{className:r("k-toolbar-prev","k-button",C("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,T.jsx)(v,{className:"k-button-icon",icon:"chevron-left"})}),(0,T.jsx)("span",{className:r("k-toolbar-next","k-button",C("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,T.jsx)(v,{className:"k-button-icon",icon:"chevron-right"})})]})]}),i&&(l==="around"\|\|!l)&&(0,T.jsxs)(T.Fragment,{children:[(0,T.jsx)("span",{className:r("k-toolbar-prev","k-button",C("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,T.jsx)(v,{className:"k-button-icon",icon:"chevron-left"})}),(0,T.jsx)(It,{className:"k-toolbar-button-separator"}),(0,T.jsx)("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N}),(0,T.jsx)(It,{className:"k-toolbar-button-separator"}),(0,T.jsx)("span",{className:r("k-toolbar-next","k-button",C("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,T.jsx)(v,{className:"k-button-icon",icon:"chevron-right"})})]})]})};G.states=sx;G.options=ix;G.className=eo;G.defaultOptions=lx;G.moduleName=jt;G.folderName=uo;G.ariaSpec={selector:".k-toolbar",rules:[{selector:".k-toolbar",attribute:"role=toolbar",usage:"The component role."},{selector:".k-toolbar",attribute:"aria-label or aria-labelledby",usage:"Must be supplied when multiple toolbars exist."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class="i-more-vertical"])',attribute:"aria-haspopup=menu",usage:"The overflow button opens a menu popup."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class="i-more-vertical"])',attribute:"aria-expanded=true/false",usage:"Announces popup visibility state."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class="i-more-vertical"])',attribute:"aria-controls=.k-toolbar-popup .k-menu-group id (when present)",usage:"Indicates the connection between the toggle button and the menu popup."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class="i-more-vertical"])',attribute:"aria-label or title",usage:"Icon-only button must have accessible text."},{selector:".k-toolbar-popup .k-menu-group",attribute:"role=menu",usage:"The role of the tools wrapper in the overflow section."},{selector:".k-toolbar-popup .k-menu-group",attribute:"aria-labelledby=.k-toolbar-overflow-button id (when present)",usage:"Associates the title of the menu toggle button."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class="i-more-horizontal"])',attribute:"aria-expanded=true/false",usage:"Announces section popup visibility state."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class="i-more-horizontal"])',attribute:"aria-label or title",usage:"Icon-only button must have accessible text."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-horizontal"])',attribute:"aria-controls=.k-toolbar-popup .k-toolbar-items-list id (when present)",usage:"Indicates the connection between the toggle button and the section popup."},{selector:".k-toolbar-popup .k-toolbar-items-list",attribute:"role=toolbar",usage:"The role of the tools wrapper in the overflow section."},{selector:".k-toolbar-popup .k-toolbar-items-list",attribute:"aria-labelledby=.k-toolbar-overflow-button id (when present)",usage:"Associates the title of the section toggle button."}]};var Bd=require("react/jsx-runtime"),Od="k-floating-toolbar",px=[],dx={},cx={},Na=e=>{let{...t}=e;return(0,Bd.jsx)("div",{...t,className:r(e.className,Od),children:e.children})};Na.states=px;Na.options=dx;Na.className=Od;Na.defaultOptions=cx;Na.moduleName=jt;Na.folderName=uo;var Pd=require("react/jsx-runtime"),Ds="k-toolbar-item",mx=[s.focus],ux={},fx={},va=e=>{let{focus:t,...o}=e;return(0,Pd.jsx)("div",{...o,className:r(e.className,Ds,y(Ds,{focus:t})),children:e.children})};va.states=mx;va.options=ux;va.className=Ds;va.defaultOptions=fx;va.moduleName=jt;va.folderName=uo;var Hs=require("react/jsx-runtime"),wd="k-toolbar-popup",bx=[],hx={size:[d.undefined,d.small,d.medium,d.large],fillMode:[h.undefined,h.solid,h.outline,h.flat]},xx={},Eo=e=>{let{size:t,fillMode:o,section:a,...n}=e;return(0,Hs.jsx)(W,{...n,className:r(e.className,wd),children:a?(0,Hs.jsx)("span",{className:r("k-toolbar-items-list",C("k-toolbar-items-list",{size:t,fillMode:o})),role:"toolbar",children:e.children}):e.children})};Eo.states=bx;Eo.options=hx;Eo.className=wd;Eo.defaultOptions=xx;Eo.moduleName=jt;Eo.folderName=uo;var $n=Eo;var gx=require("react/jsx-runtime");var Nx=require("react/jsx-runtime");var vx=require("react/jsx-runtime");var Rd=require("react/jsx-runtime");var kx=require("react/jsx-runtime");var gt=require("react/jsx-runtime"),Lx=w.states,Kd={...w.defaultOptions,variant:"text"},Mx=w.options,Sx=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],yx=[{name:"opened",title:"Opened"}],ka=e=>{let{variant:t,modifiers:o,...a}={...Kd,...e},n={},i=(0,gt.jsxs)(Oe,{size:a.size,children:[(0,gt.jsx)(Q,{first:!0,text:"Menu Item"}),(0,gt.jsx)(Q,{text:"Menu Item"}),(0,gt.jsx)(Q,{last:!0,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)(w,{...a,...n,icon:"star"})});case"icon-and-text":return(0,gt.jsx)("div",{children:(0,gt.jsx)(w,{...a,...n,icon:"star",children:"Split Button"})});default:return(0,gt.jsx)("div",{children:(0,gt.jsx)(w,{...a,...n,children:"Split Button"})})}};ka.options=Mx;ka.states=Lx;ka.variants=Sx;ka.defaultOptions=Kd;ka.modifiers=yx;ka.className=w.className;var Dt=require("react/jsx-runtime"),_d=e=>(0,Dt.jsx)(G,{children:[(0,Dt.jsx)(p,{children:"Button"},"toolbar-button"),(0,Dt.jsx)(H,{text:"Menu button"},"toolbar-menu-button"),(0,Dt.jsx)(w,{children:"Split button"},"toolbar-split-button"),(0,Dt.jsxs)(B,{children:[(0,Dt.jsx)(p,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,Dt.jsx)(p,{icon:"align-center",children:"Center"}),(0,Dt.jsx)(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});var Dd=require("react/jsx-runtime");var Le=require("react/jsx-runtime"),Hd=e=>(0,Le.jsx)(G,{scrollable:!0,...e,children:[(0,Le.jsx)(p,{children:"Button"},"toolbar-button"),(0,Le.jsx)(H,{text:"Menu button"},"toolbar-menu-button"),(0,Le.jsx)(w,{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)(H,{text:"Menu button"},"toolbar-menu-button"),(0,Le.jsx)(w,{children:"Split button"},"toolbar-split-button"),(0,Le.jsxs)(B,{children:[(0,Le.jsx)(p,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,Le.jsx)(p,{icon:"align-center",children:"Center"}),(0,Le.jsx)(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});var Me=require("react/jsx-runtime"),zd=({scrollingPosition:e="start",...t})=>(0,Me.jsx)(G,{scrollable:!0,scrollButtons:"hidden",scrollingPosition:e,...t,children:[(0,Me.jsx)(p,{children:"Button"},"toolbar-button"),(0,Me.jsx)(H,{text:"Menu button"},"toolbar-menu-button"),(0,Me.jsx)(w,{children:"Split button"},"toolbar-split-button"),(0,Me.jsxs)(B,{children:[(0,Me.jsx)(p,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,Me.jsx)(p,{icon:"align-center",children:"Center"}),(0,Me.jsx)(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),(0,Me.jsx)(p,{children:"Button"},"toolbar-button"),(0,Me.jsx)(H,{text:"Menu button"},"toolbar-menu-button"),(0,Me.jsx)(w,{children:"Split button"},"toolbar-split-button"),(0,Me.jsxs)(B,{children:[(0,Me.jsx)(p,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,Me.jsx)(p,{icon:"align-center",children:"Center"}),(0,Me.jsx)(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...t});var j=require("react/jsx-runtime"),Ud=({fillMode:e,size:t,...o})=>(0,j.jsxs)(j.Fragment,{children:[(0,j.jsx)(G,{section:!0,fillMode:e,size:t,children:[(0,j.jsx)(p,{fillMode:e,size:t,children:"Button"},"toolbar-button"),(0,j.jsxs)(B,{fillMode:e,children:[(0,j.jsx)(p,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),(0,j.jsx)(p,{icon:"align-center",fillMode:e,size:t,children:"Center"}),(0,j.jsx)(p,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group"),(0,j.jsx)(It,{className:"k-toolbar-button-separator"}),(0,j.jsx)(p,{icon:"more-horizontal",className:"k-toolbar-overflow-button",fillMode:"flat",size:t,rounded:"none","aria-label":"More options","aria-expanded":"false"})],...o}),(0,j.jsxs)($n,{size:t,fillMode:e,section:!0,...o,children:[(0,j.jsx)(w,{fillMode:e,size:t,children:"Split button"},"toolbar-split-button"),(0,j.jsx)(p,{fillMode:e,size:t,children:"Button"},"toolbar-button"),(0,j.jsx)(It,{}),(0,j.jsx)(H,{text:"Menu button",fillMode:e,size:t},"toolbar-menu-button"),(0,j.jsxs)(B,{fillMode:e,children:[(0,j.jsx)(p,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),(0,j.jsx)(p,{icon:"align-center",fillMode:e,size:t,children:"Center"}),(0,j.jsx)(p,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group")]})]});var zs=require("react/jsx-runtime");var Us=require("react/jsx-runtime");var to=require("react/jsx-runtime"),Ax=G.options,Cx=G.states,Fd={...G.defaultOptions,variant:"default"},Ex=[{name:"default",title:"Default"},{name:"scrollable",title:"Scrollable"},{name:"overlay",title:"Overlay"},{name:"responsive",title:"Responsive"}],Ix=[],La=e=>{let{variant:t,...o}={...Fd,...e};switch(t){case"responsive":return(0,to.jsx)("div",{children:(0,to.jsx)(Ud,{style:{width:"583px"},...o})});case"overlay":return(0,to.jsx)("div",{children:(0,to.jsx)(zd,{style:{width:"583px"},...o,scrollingPosition:"start",scrollButtons:"hidden"})});case"scrollable":return(0,to.jsx)("div",{children:(0,to.jsx)(Hd,{style:{width:"583px"},...o})});default:return(0,to.jsx)("div",{children:(0,to.jsx)(_d,{style:{width:"583px"},...o})})}};La.options=Ax;La.states=Cx;La.variants=Ex;La.defaultOptions=Fd;La.modifiers=Ix;La.className=G.className;var se=require("react/jsx-runtime"),Gd="k-message",Tx=[s.hover,s.selected,s.active,s.focus],Ox={},Bx=[(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"})],Ma={time:"Thu Feb 08 2018",text:"How can I help you?",status:"Seen",toolbarItems:Bx,failed:"Failed to send"},X=e=>{let{time:t=Ma.time,text:o=Ma.text,content:a,status:n=Ma.status,statusIcon:i,toolbarItems:l=Ma.toolbarItems,hover:c,selected:u,active:f,focus:N,toolbar:x,typing:m,expandable:L,expanded:k,removed:A,files:E,failed:M,...O}=e,J=M===!0?Ma.failed:M;return(0,se.jsxs)("div",{...O,className:r(Gd,e.className,{"k-message-removed":A,"k-message-failed":M}),children:[M&&(0,se.jsx)(be,{className:"k-resend-button",icon:"arrow-rotate-cw",size:"xsmall",fillMode:"clear","aria-label":"Resend"}),(0,se.jsx)(Vd,{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:k,files:E}),(0,se.jsxs)("div",{className:"k-message-info",children:[n&&(0,se.jsxs)("span",{className:"k-message-status",children:[i&&(0,se.jsx)(v,{icon:i,size:"xsmall"}),n]}),t&&(0,se.jsx)("time",{className:"k-message-time",children:t}),M&&(0,se.jsxs)("span",{className:"k-message-failed-content",children:[M&&(0,se.jsx)(v,{icon:"warning-triangle",size:"xsmall"}),M&&(0,se.jsx)("span",{className:"k-message-failed-text",children:J})]})]}),x&&(0,se.jsx)(G,{className:"k-chat-message-toolbar",fillMode:"flat",children:l})]})};X.states=Tx;X.options=Ox;X.className=Gd;X.defaultOptions=Ma;var Fs="avatar",$d=Fs;var Vs=require("react/jsx-runtime"),rn="k-avatar";var Px=[s.hover,s.focus,s.active,s.selected,s.disabled],wx={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[h.undefined,h.solid,h.outline],themeColor:[g.undefined,g.base,g.primary,g.secondary,g.tertiary]},Gs={type:"text",border:!1},Pe=e=>{let{size:t,rounded:o,fillMode:a,themeColor:n,type:i=Gs.type,border:l=Gs.border,...c}=e;return(0,Vs.jsx)("div",{...c,className:r(e.className,rn,C(rn,{size:t,rounded:o,fillMode:a,themeColor:n}),{[`${rn}-bordered`]:l}),children:(0,Vs.jsx)("span",{className:`${rn}-${i}`,children:e.children})})};Pe.states=Px;Pe.options=wx;Pe.className=rn;Pe.defaultOptions=Gs;Pe.moduleName=Fs;Pe.folderName=$d;Pe.ariaSpec={selector:".k-avatar",rules:[{selector:".k-avatar img",attribute:"alt",usage:"Images inside Avatar must have alt text for screen readers."}]};var Io=Pe;var qd=require("react/jsx-runtime"),Xd=e=>(0,qd.jsx)(Io,{type:"icon",...e});var Jd=require("react/jsx-runtime"),Wd=e=>(0,Jd.jsx)(Io,{type:"text",...e});var Yd=require("react/jsx-runtime"),Xn=e=>(0,Yd.jsx)(Io,{type:"image",...e});var Rx=require("react/jsx-runtime");var Sa=require("react/jsx-runtime"),Kx=Pe.options,_x=Pe.states,Dx={...Pe.defaultOptions,variant:"image"},Hx=[{name:"image",title:"Image"},{name:"icon",title:"Icon Avatar"},{name:"text",title:"Text Avatar"}],zx=[],ya=e=>{let{variant:t,...o}=e;switch(t){case"icon":return(0,Sa.jsx)(Xd,{...o,children:(0,Sa.jsx)(v,{icon:"star"})});case"text":return(0,Sa.jsx)(Wd,{...o,children:"JO"});default:return(0,Sa.jsx)(Xn,{...o,children:(0,Sa.jsx)("img",{src:"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg"})})}};ya.options=Kx;ya.states=_x;ya.variants=Hx;ya.defaultOptions=Dx;ya.modifiers=zx;ya.className=Pe.className;var Tt=require("react/jsx-runtime"),sn="k-message-group",Ux=[s.selected],Fx={},qn={author:"Bruv",avatar:"/packages/html/assets/avatar.jpg",type:"receiver"},q=e=>{let{type:t=qn.type,author:o=qn.author,avatar:a=qn.avatar,status:n,selected:i,fullWidth:l,...c}=e;return(0,Tt.jsxs)("div",{...c,className:r(sn,e.className,y(sn,{selected:i}),{[`${sn}-${t}`]:t,"k-no-avatar":!a,[`${sn}-full-width`]:l}),children:[a&&!n&&(0,Tt.jsx)(Pe,{type:"image",children:(0,Tt.jsx)("img",{src:a,alt:o\|\|""})}),n&&a&&(0,Tt.jsxs)("div",{className:"k-chat-user-status-wrapper",children:[(0,Tt.jsx)(Pe,{type:"image",children:(0,Tt.jsx)("img",{src:a,alt:o\|\|""})}),(0,Tt.jsx)("div",{className:"k-chat-user-status"})]}),(0,Tt.jsxs)("div",{className:"k-message-group-content",children:[o&&(0,Tt.jsx)("span",{className:"k-message-author",children:o}),e.children]})]})};q.states=Ux;q.options=Fx;q.className=sn;q.defaultOptions=qn;var Ht=require("react/jsx-runtime"),$s="k-message-reference",Gx={},Zd={type:"receiver"},Aa=e=>{let{content:t,closeable:o,pinned:a,type:n=Zd.type,...i}=e;return(0,Ht.jsxs)("div",{...i,className:r($s,e.className,{[`${$s}-${n}`]:n,"k-message-pinned":a}),children:[a&&(0,Ht.jsx)(v,{icon:"pin-outline"}),(0,Ht.jsx)("div",{className:"k-message-reference-content",children:t}),o&&(0,Ht.jsxs)(Ht.Fragment,{children:[(0,Ht.jsx)("span",{className:"k-spacer"}),(0,Ht.jsx)(p,{icon:"x-mark-sm-outline",fillMode:"flat",size:"xsmall","aria-label":"Close"})]})]})};Aa.options=Gx;Aa.className=$s;Aa.defaultOptions=Zd;var Xs="bubble",Qd=Xs;var To=require("react/jsx-runtime"),qs="k-bubble",Vx=[s.hover,s.active,s.selected,s.focus],Ws={expandable:!1,expanded:!1},fo=e=>{let{content:t,hover:o,active:a,focus:n,selected:i,expandable:l=Ws.expandable,expanded:c=Ws.expanded,...u}=e;return(0,To.jsxs)("div",{...u,className:r(e.className,qs,y(qs,{hover:o,active:a,focus:n,selected:i}),{"k-bubble-expandable":l},{"k-expanded":c}),tabIndex:0,children:[(0,To.jsx)("div",{className:"k-bubble-content",children:t??e.children}),l&&(0,To.jsx)("span",{className:"k-bubble-expandable-indicator",role:"button","aria-label":c?"Show less":"Show more",tabIndex:0,children:c?(0,To.jsx)(v,{icon:"chevron-up"}):(0,To.jsx)(v,{icon:"chevron-down"})})]})};fo.states=Vx;fo.className=qs;fo.defaultOptions=Ws;fo.moduleName=Xs;fo.folderName=Qd;fo.ariaSpec={selector:".k-bubble",rules:[{selector:".k-bubble",attribute:"tabindex=0",usage:"The Chat bubble must be focusable."},{selector:".k-bubble-expandable-indicator",attribute:"role=button",usage:"The expandable indicator must have an appropriate role."},{selector:".k-bubble-expandable-indicator",attribute:"aria-label or title",usage:"The expandable indicator must be properly labelled."},{selector:".k-bubble-expandable-indicator",attribute:"tabindex=0",usage:"The expandable indicator must be part of the page tabsequence."}]};var $x=require("react/jsx-runtime");var Xx=require("react/jsx-runtime");var qx=require("react/jsx-runtime");var Oo=require("react/jsx-runtime"),Wx="k-chat-bubble",Vd=e=>{let{typing:t,content:o,files:a,...n}=e;return(0,Oo.jsxs)(fo,{...n,className:r(e.className,Wx),children:[t?(0,Oo.jsxs)("div",{className:"k-typing-indicator",tabIndex:-1,children:[(0,Oo.jsx)("span",{}),(0,Oo.jsx)("span",{}),(0,Oo.jsx)("span",{})]}):o,a]})};var Jx=require("react/jsx-runtime");var ln=require("react/jsx-runtime"),ec="k-chat-event",Js={icon:"trash",text:"You deleted Chat history."},tc=e=>{let{icon:t=Js.icon,text:o=Js.text,...a}=e;return(0,ln.jsxs)("div",{...a,className:r(e.className,ec),children:[t&&(0,ln.jsx)(v,{className:"k-chat-event-icon",icon:t,size:"xsmall"}),o&&(0,ln.jsx)("span",{className:"k-chat-event-text",children:o})]})};tc.className=ec;tc.defaultOptions=Js;var Yx=require("react/jsx-runtime");var Ve=require("react/jsx-runtime"),oc=e=>(0,Ve.jsx)(V,{children:(0,Ve.jsxs)(Ve.Fragment,{children:[(0,Ve.jsx)("div",{className:"k-timestamp",children:"Day, Month 7, 2023"}),(0,Ve.jsx)(q,{children:(0,Ve.jsx)(X,{})}),(0,Ve.jsx)(q,{type:"sender",children:(0,Ve.jsx)(X,{})}),(0,Ve.jsx)(q,{children:(0,Ve.jsx)(X,{text:"Very long message text that tests message overflowing behavior. Very long message text that tests message overflowing behavior."})}),(0,Ve.jsx)(q,{type:"sender",children:(0,Ve.jsx)(X,{text:"Unusually_long_word_that_tests_word_break_behavior__unusually_long_word_that_tests_word_break_behavior"})})]}),...e});var Ys=require("react/jsx-runtime"),Wn="k-file-box-wrapper",ac={layout:"horizontal"},zt=e=>{let{layout:t=ac.layout,scrollingPosition:o,...a}=e;return(0,Ys.jsx)("ul",{role:"list","aria-label":"Attached files",...a,className:r(e.className,Wn,{"k-files-vertical":t==="vertical","k-files-wrap":t==="wrap",[`${Wn}-scrollable-start`]:t==="horizontal"&&(o==="start"\|\|o==="both"),[`${Wn}-scrollable-end`]:t==="horizontal"&&(o==="end"\|\|o==="both")}),children:t==="horizontal"?(0,Ys.jsx)("div",{className:"k-files-scroll",role:"presentation",children:e.children}):e.children})};zt.className=Wn;zt.defaultOptions=ac;var Zs="file-box",nc=Zs;var Ut=require("react/jsx-runtime"),rc="k-file-box",Zx=[s.selected],Qx={},pn={icon:"file-pdf",name:"FileName.pdf",size:"2MB",showButton:"true"},$e=e=>{let{icon:t=pn.icon,name:o=pn.name,size:a=pn.size,status:n,deleted:i,removeButton:l,showButton:c=pn.showButton,...u}=e,f=[o,a].filter(Boolean).join(" ");return(0,Ut.jsxs)("li",{role:"listitem",tabIndex:0,"aria-label":f\|\|void 0,...u,className:r(rc,e.className,{"k-file-deleted":i}),children:[(0,Ut.jsx)(v,{icon:t,size:"xlarge","aria-hidden":"true"}),(0,Ut.jsxs)("div",{className:"k-file-info",children:[o&&(0,Ut.jsx)("span",{className:"k-file-name",children:o}),a&&(0,Ut.jsx)("span",{className:"k-file-size",children:a}),n&&(0,Ut.jsx)("span",{className:"k-file-status",children:n})]}),c&&(l?(0,Ut.jsx)(p,{as:"span",icon:"x-mark-sm-outline",fillMode:"flat",size:"xsmall","aria-hidden":"true"}):(0,Ut.jsx)(H,{icon:"more-vertical",fillMode:"flat",size:"xsmall",showArrow:!1,"aria-label":"File actions"}))]})};$e.states=Zx;$e.options=Qx;$e.className=rc;$e.defaultOptions=pn;$e.moduleName=Zs;$e.folderName=nc;$e.ariaSpec={selector:".k-file-box-wrapper",rules:[{selector:".k-file-box-wrapper",attribute:"role=list",usage:"Explicitly sets the UL role to list."},{selector:".k-file-box-wrapper",attribute:"aria-label",usage:'Provides an accessible name for the file list (e.g. "Attached files").'},{selector:".k-file-box-wrapper .k-files-scroll",attribute:"role=presentation",usage:"The scrollable container between the list and its items is presentational, ensuring the list\u2192listitem relationship is preserved in the accessibility tree."},{selector:".k-file-box-wrapper .k-file-box",attribute:"role=listitem",usage:"Explicitly sets the LI role to listitem."},{selector:".k-file-box-wrapper .k-file-box",attribute:"tabindex",usage:"Makes the file box focusable. Uses roving tabindex: 0 for the focused item, -1 for the rest."},{selector:".k-file-box-wrapper .k-file-box",attribute:"aria-label",usage:'Provides an accessible name describing the file. Can include the file name and size (e.g. "FileName.pdf 2MB").'},{selector:".k-file-box-wrapper .k-file-box .k-icon",attribute:"aria-hidden=true",usage:"The file type icon is decorative and hidden from screen readers."},{selector:".k-file-box-wrapper .k-file-box span.k-button",attribute:"aria-hidden=true",usage:"The remove button is rendered as a decorative span and hidden from screen readers. File removal is handled by keyboard interaction on the listitem itself."}]};var jx=require("react/jsx-runtime");var eg=require("react/jsx-runtime");var sc=require("react/jsx-runtime");var ic=require("react/jsx-runtime");var tg=require("react/jsx-runtime");var Qs=require("react/jsx-runtime");var js=require("react/jsx-runtime");var ei=require("react/jsx-runtime");var ti="window",lc=ti;var dc=require("react/jsx-runtime"),pc="k-window-content",og=[],ag={},ng={},bo=e=>{let{children:t,...o}=e;return(0,dc.jsx)("div",{...o,className:r(pc,e.className),children:t})};bo.states=og;bo.options=ag;bo.className=pc;bo.defaultOptions=ng;bo.moduleName=ti;bo.folderName=lc;var dn="dialog",Jn=dn;var je=require("react/jsx-runtime"),cc="k-dialog",rg=[],sg={},oi={actionButtonsAlign:"stretched",modal:!0},et=e=>{let{title:t,actions:o,actionButtons:a,actionButtonsAlign:n=oi.actionButtonsAlign,modal:i=oi.modal,...l}=e,c=t!==void 0?R("dialog-titlebar"):void 0,u=R("dialog-content");return(0,je.jsxs)("div",{className:"k-dialog-wrapper",children:[i&&(0,je.jsx)(wt,{}),(0,je.jsxs)("div",{...l,className:r(e.className,cc,"k-window"),role:"dialog","aria-labelledby":c,"aria-describedby":u,...i&&{"aria-modal":"true"},children:[(t!==void 0\|\|o)&&(0,je.jsxs)("div",{className:"k-window-titlebar k-dialog-titlebar",id:c,children:[t!==void 0&&(0,je.jsx)("span",{className:"k-window-title k-dialog-title",children:t}),o&&(0,je.jsx)(je.Fragment,{children:(0,je.jsx)("div",{className:"k-window-titlebar-actions k-dialog-titlebar-actions",children:o.map(f=>(0,je.jsx)(p,{icon:f,fillMode:"flat",size:"xsmall",className:"k-window-titlebar-action k-dialog-titlebar-action","aria-label":f},f))})})]}),(0,je.jsx)(bo,{className:"k-dialog-content",id:u,children:e.children}),a&&(0,je.jsx)(nt,{alignment:n,className:"k-window-actions k-dialog-actions",children:a})]})]})};et.states=rg;et.options=sg;et.className=cc;et.defaultOptions=oi;et.moduleName=dn;et.folderName=Jn;et.ariaSpec={selector:".k-dialog",rules:[{selector:".k-dialog",attribute:"role=dialog or role=alertdialog",usage:"Announces the dialog or alertdialog role of the component."},{selector:".k-dialog",attribute:"aria-labelledby",usage:"Associate the title of the dialog."},{selector:".k-dialog",attribute:"aria-describedby",usage:"Associate the dialog content to the wrap element."},{selector:".k-overlay + .k-dialog",attribute:"aria-modal=true",usage:"Announces that the dialog is modal. Attribute is added only when the dialog is modal."}]};var ai=et;var uc=require("react/jsx-runtime"),mc="k-dialog-wrapper",ig=[],lg={},pg={},Ca=e=>{let{...t}=e;return(0,uc.jsx)("div",{...t,className:r(e.className,mc),children:e.children})};Ca.states=ig;Ca.options=lg;Ca.className=mc;Ca.defaultOptions=pg;Ca.moduleName=dn;Ca.folderName=Jn;var Ft=require("react/jsx-runtime"),fc=e=>(0,Ft.jsx)(ai,{title:"Title",children:(0,Ft.jsx)(Ft.Fragment,{children:"Dialog content"}),actionButtons:(0,Ft.jsxs)(Ft.Fragment,{children:[(0,Ft.jsx)(p,{children:"Action"}),(0,Ft.jsx)(p,{themeColor:"primary",children:"Primary"})]}),actions:["x"],...e});var ni=require("react/jsx-runtime");var oo=require("react/jsx-runtime"),dg=et.options,cg=[],mg=et.states,ug=et.defaultOptions,fg=[],Ea=e=>(0,oo.jsx)(fc,{style:{width:"350px",height:"215px"},...e,title:"Please confirm",actions:["x"],actionButtonsAlign:"stretched",actionButtons:(0,oo.jsxs)(oo.Fragment,{children:[(0,oo.jsx)(p,{children:"No"}),(0,oo.jsx)(p,{themeColor:"primary",children:"Yes"})]}),children:(0,oo.jsx)("p",{style:{margin:"36px",textAlign:"center"},children:"Are you sure you want to continue?"})});Ea.options=dg;Ea.states=mg;Ea.variants=cg;Ea.defaultOptions=ug;Ea.modifiers=fg;Ea.className=et.className;var ri="dropzone",bc=ri;var Bo=require("react/jsx-runtime"),si="k-external-dropzone",bg=[s.disabled,s.hover],hg={},ii={icon:"upload",hint:"Drag and drop files here to upload"},Xe=e=>{let{hover:t,disabled:o,icon:a=ii.icon,hint:n=ii.hint,note:i,...l}=e;return(0,Bo.jsx)("div",{...l,className:r(e.className,si,y(si,{disabled:o}),{"k-external-dropzone-hover":t}),children:(0,Bo.jsxs)("div",{className:"k-dropzone-inner",children:[a&&(0,Bo.jsx)(v,{icon:a,className:"k-dropzone-icon",size:"xxxlarge"}),n&&(0,Bo.jsx)("span",{className:"k-dropzone-hint",children:n}),i&&(0,Bo.jsx)("span",{className:"k-dropzone-note",children:i})]})})};Xe.states=bg;Xe.options=hg;Xe.className=si;Xe.defaultOptions=ii;Xe.moduleName=ri;Xe.folderName=bc;var xc=require("react/jsx-runtime"),hc=e=>(0,xc.jsx)(Xe,{...e});var xg=require("react/jsx-runtime");var gc=require("react/jsx-runtime"),gg=Xe.options,Ng=Xe.states,vg=Xe.defaultOptions,kg=[{name:"note",title:"Note"}],Lg=[],Ia=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,gc.jsx)(hc,{style:{width:"500px"},...o,...a})};Ia.options=gg;Ia.states=Ng;Ia.variants=Lg;Ia.defaultOptions=vg;Ia.modifiers=kg;Ia.className=Xe.className;var ie=require("react/jsx-runtime"),li="k-upload-dropzone",Mg=[s.hover],Yn=e=>{let{hover:t,status:o,disabled:a,hasFiles:n,filesId:i,...l}=e,c;switch(o){case"uploading":c=(0,ie.jsxs)(ie.Fragment,{children:[(0,ie.jsx)(v,{icon:"upload"}),"Uploading..."]});break;case"done":c=(0,ie.jsxs)(ie.Fragment,{children:[(0,ie.jsx)(v,{icon:"check"}),"Done"]});break;case"failed":c=(0,ie.jsxs)(ie.Fragment,{children:[(0,ie.jsx)(v,{icon:"exclamation-circle"}),"Done"]});break;default:c=(0,ie.jsx)(ie.Fragment,{});break}return(0,ie.jsxs)("div",{...l,className:r(e.className,li,"k-dropzone",y(li,{hover:t})),children:[(0,ie.jsxs)("div",{className:"k-upload-button-wrap",children:[(0,ie.jsx)(p,{className:"k-upload-button","aria-disabled":a?"true":"false",...n&&i?{"aria-controls":i}:{},children:"Select files..."}),(0,ie.jsx)("input",{id:"upload-input",className:"k-hidden",tabIndex:-1,"aria-hidden":"true"})]}),(0,ie.jsx)("span",{className:r("k-dropzone-hint",{"k-hidden":o!=="upload"}),children:"Drop files here to upload"}),o!=="upload"&&(0,ie.jsx)("span",{className:"k-upload-status",children:c})]})};Yn.states=Mg;Yn.className=li;var pi="upload",Nc=pi;var ho=require("react/jsx-runtime"),di="k-upload",Sg=[s.hover,s.disabled],yg={},kc={actionsLayout:"end"},vc="upload-files-list",le=e=>{let{async:t,empty:o,actions:a,actionsLayout:n=kc.actionsLayout,hover:i,status:l,disabled:c,...u}=e,f=!!e.children;return(0,ho.jsxs)("div",{...u,className:r(e.className,di,y(di,{disabled:c}),{"k-upload-async":t,"k-upload-empty":o}),children:[(0,ho.jsx)(Yn,{status:l,hover:i,disabled:c,hasFiles:f,filesId:vc}),f&&(0,ho.jsx)("ul",{className:"k-upload-files",role:"list",id:vc,children:e.children}),a&&f&&(0,ho.jsxs)(El,{alignment:n,orientation:"horizontal",children:[(0,ho.jsx)(p,{className:"k-clear-selected",children:"Clear"}),(0,ho.jsx)(p,{themeColor:"primary",className:"k-upload-selected",children:"Upload"})]})]})};le.states=Sg;le.options=yg;le.className=di;le.defaultOptions=kc;le.moduleName=pi;le.folderName=Nc;le.ariaSpec={selector:".k-upload",rules:[{selector:".k-upload .k-upload-button",attribute:"aria-disabled",usage:"Announces the disabled state of the upload button."},{selector:".k-upload .k-upload-button",attribute:"aria-controls (when present)",usage:"Creates the relationship between the button and the list of selected files when the list is present."},{selector:".k-upload input",attribute:"tabindex=-1",usage:"Assures that the input element inside the upload is not focusable."},{selector:".k-upload input",attribute:"aria-hidden=true",usage:"The input needs to be hidden from screen readers."},{selector:".k-upload-files",attribute:"role=list",usage:"Explicitly sets the UL role to list."},{selector:".k-upload-files",attribute:"id",usage:"Unique and deterministic id linked to the button aria-controls attribute."},{selector:".k-upload-files .k-file",attribute:"role=listitem",usage:"Explicitly sets the LI role to listitem."},{selector:".k-upload .k-file .k-file-validation-message",attribute:"aria-live=polite",usage:"Announces the change in the upload status of the file."},{selector:".k-upload .k-upload-actions .k-upload-action",attribute:"aria-label",usage:"Provides accessible names for the file action buttons."},{selector:".k-upload .k-upload-actions .k-upload-action",attribute:"tabindex=-1",usage:"The list file action buttons are not focusable elements."}]};var cn="progressbar",Zn=cn;var xo=require("react/jsx-runtime"),Nt="k-progressbar",Ag=[s.disabled,s.indeterminate],Cg={orientation:["horizontal","vertical"]},Po={indeterminate:!1,label:!0,labelPosition:"start",orientation:"horizontal",reverse:!1,value:"0"},we=e=>{let{disabled:t,height:o,indeterminate:a=Po.indeterminate,label:n=Po.label,labelPosition:i=Po.labelPosition,orientation:l=Po.orientation,reverse:c=Po.reverse,value:u=Po.value,width:f,style:N,ariaLabel:x,...m}=e;return(0,xo.jsxs)("div",{...m,className:r(e.className,Nt,y(Nt,{disabled:t}),{[`${Nt}-${l}`]:l,[`${Nt}-indeterminate`]:a,[`${Nt}-reverse`]:c}),style:{...N,"--kendo-progressbar-value":u,[l==="horizontal"?"height":"width"]:l==="horizontal"?o:f},role:"progressbar","aria-label":x\|\|"progress","aria-valuenow":a?void 0:Number(u),"aria-valuemin":0,"aria-valuemax":100,children:[(0,xo.jsx)("span",{className:r("k-progress-status-wrap",{[`k-progress-${i}`]:i&&!a}),children:n&&(0,xo.jsxs)("span",{className:"k-progress-status",children:[u,"%"]})}),!a&&(0,xo.jsx)("div",{className:"k-progressbar-value k-selected",children:(0,xo.jsx)("span",{className:r("k-progress-status-wrap",{[`k-progress-${i}`]:i}),children:n&&(0,xo.jsxs)("span",{className:"k-progress-status",children:[e.value,"%"]})})})]})};we.states=Ag;we.options=Cg;we.className=Nt;we.defaultOptions=Po;we.moduleName=cn;we.folderName=Zn;we.ariaSpec={selector:".k-progressbar",implicitRole:"progressbar",rules:[{selector:".k-progressbar",attribute:"role=progressbar",usage:"Sets the proper role for ProgressBar."},{selector:".k-progressbar",attribute:"aria-label or aria-labelledby",usage:"The ProgressBar needs an accessible name to be assigned to it."},{selector:".k-progressbar:not(.k-progressbar-indeterminate)",attribute:"aria-valuenow",usage:"Required if the value is not indeterminate. Decimal value between aria-valuemin and aria-valuemax."},{selector:".k-progressbar",attribute:"aria-valuemin",usage:"Minimum value. Defaults to 0."},{selector:".k-progressbar",attribute:"aria-valuemax",usage:"Maximum value. Defaults to 100."}]};var Lc=we;var jn=require("react/jsx-runtime"),Mc="k-chunk-progressbar",Eg=(e,t)=>t<=e-1,Ig=[s.disabled,s.indeterminate],Tg={},Qn={chunkCount:5,orientation:"horizontal",progress:0},wo=e=>{let{disabled:t,chunkCount:o=Qn.chunkCount,indeterminate:a,orientation:n=Qn.orientation,progress:i=Qn.progress,reverse:l,ariaLabel:c,...u}=e;return(0,jn.jsx)("div",{...u,className:r(e.className,Nt,Mc,y(Nt,{disabled:t}),{[`${Nt}-${n}`]:n,[`${Nt}-indeterminate`]:a,[`${Nt}-reverse`]:l}),role:"progressbar","aria-label":c\|\|"progress","aria-valuenow":a?void 0:i,"aria-valuemin":0,"aria-valuemax":o,children:(0,jn.jsx)("ul",{className:"k-progressbar-chunks k-reset",children:[...Array(o)].map((f,N)=>(0,jn.jsx)("li",{className:r("k-progressbar-chunk",{"k-first":N===0,"k-last":N===[...Array(o)].length-1,"k-selected":Eg(i,N)})},N))})})};wo.states=Ig;wo.options=Tg;wo.className=Mc;wo.defaultOptions=Qn;wo.moduleName=cn;wo.folderName=Zn;wo.ariaSpec={selector:".k-chunk-progressbar",implicitRole:"progressbar",rules:[{selector:".k-chunk-progressbar",attribute:"role=progressbar",usage:"Sets the proper role for ChunkProgressBar."},{selector:".k-chunk-progressbar",attribute:"aria-label or aria-labelledby",usage:"The ChunkProgressBar needs an accessible name to be assigned to it."},{selector:".k-chunk-progressbar:not(.k-progressbar-indeterminate)",attribute:"aria-valuenow",usage:"Required if the value is not indeterminate. Value between aria-valuemin and aria-valuemax."},{selector:".k-chunk-progressbar",attribute:"aria-valuemin",usage:"Minimum value. Defaults to 0."},{selector:".k-chunk-progressbar",attribute:"aria-valuemax",usage:"Maximum value. Defaults to chunk count."}]};var Sc=require("react/jsx-runtime"),mn=e=>(0,Sc.jsx)(Lc,{...e});var Og=require("react/jsx-runtime");var ao=require("react/jsx-runtime"),Bg=we.options,Pg=we.states,yc={...we.defaultOptions,variant:"start"},wg=[{name:"start",title:"Label start"},{name:"center",title:"Label center"},{name:"end",title:"Label end"},{name:"empty",title:"No label"}],Rg=[],Ta=e=>{let{variant:t,modifiers:o,...a}={...yc,...e},n={},i={style:{width:"324px"}};switch(Object.keys(o\|\|{}).forEach(l=>{switch(l){case"reverse":n.reverse=!!(o!=null&&o[l]);break;case"vertical":n.orientation=o!=null&&o[l]?"vertical":void 0,i.style=o!=null&&o[l]?void 0:{width:"324px"};break}}),t){case"end":return(0,ao.jsx)("div",{...i,children:(0,ao.jsx)(mn,{...a,...n,labelPosition:"end",value:"50"})});case"center":return(0,ao.jsx)("div",{...i,children:(0,ao.jsx)(mn,{...a,...n,labelPosition:"center",value:"50"})});case"empty":return(0,ao.jsx)("div",{...i,children:(0,ao.jsx)(mn,{...a,...n,label:!1,value:"50"})});default:return(0,ao.jsx)("div",{...i,children:(0,ao.jsx)(mn,{...a,...n,labelPosition:"start",value:"50"})})}};Ta.options=Bg;Ta.states=Pg;Ta.variants=wg;Ta.defaultOptions=yc;Ta.modifiers=Rg;Ta.className=we.className;var Oa=require("react/jsx-runtime"),Kg="k-file-info",ci=e=>{let{name:t,size:o,validationMsg:a,...n}=e;return(0,Oa.jsxs)("div",{...n,className:r(e.className,Kg),children:[t&&(0,Oa.jsx)("span",{className:"k-file-name",children:t}),o&&(0,Oa.jsx)("span",{className:"k-file-size",children:o}),a&&(0,Oa.jsx)("span",{className:"k-file-validation-message","aria-live":"polite",children:a})]})};var Se=require("react/jsx-runtime"),_g="k-file",tt=e=>{let{status:t,progress:o,name:a,icon:n,size:i,state:l,validationMsg:c,...u}=e;return(0,Se.jsx)("li",{...u,className:r(e.className,_g,{[`k-file-${t}`]:t}),role:"listitem",tabIndex:0,children:(0,Se.jsxs)("div",{className:"k-file-single",children:[(0,Se.jsx)(we,{className:r({"k-hidden":t!=="progress"}),value:o,label:!1}),(0,Se.jsxs)("span",{className:"k-file-icon-wrapper",children:[(0,Se.jsx)(v,{className:"k-file-icon",icon:n,size:"xxlarge"}),l&&(0,Se.jsx)("span",{className:"k-file-state",children:l})]}),(0,Se.jsx)(ci,{name:a,size:i,validationMsg:c}),(0,Se.jsx)("div",{className:"k-upload-actions",children:t==="progress"?(0,Se.jsxs)(Se.Fragment,{children:[(0,Se.jsxs)("span",{className:"k-upload-pct",children:[o,"%"]}),(0,Se.jsx)(p,{icon:"pause-sm",fillMode:"flat",size:"xsmall",className:"k-upload-action","aria-label":"Pause upload",tabIndex:-1}),(0,Se.jsx)(p,{icon:"cancel",fillMode:"flat",size:"xsmall",className:"k-upload-action","aria-label":"Cancel upload",tabIndex:-1})]}):(0,Se.jsx)(p,{icon:"x",fillMode:"flat",size:"xsmall",className:"k-upload-action","aria-label":"Remove file",tabIndex:-1})})]})})};var mi=require("react/jsx-runtime");var go=require("react/jsx-runtime"),un=e=>(0,go.jsx)(le,{async:!0,children:(0,go.jsxs)(go.Fragment,{children:[(0,go.jsx)(tt,{name:"Image_With_Very_Very_Very_Very_Very_Long_Name1.png",icon:"file-image",size:"51.23 KB"}),(0,go.jsx)(tt,{name:"Image2.jpg",icon:"file-image",size:"106.43 KB"})]}),...e});var ui=require("react/jsx-runtime");var Cc=require("react/jsx-runtime"),Ac=e=>(0,Cc.jsx)(le,{async:!0,empty:!0,...e});var fi=require("react/jsx-runtime");var bi=require("react/jsx-runtime");var qe=require("react/jsx-runtime"),Dg=le.options,Hg=le.states,Ec={...le.defaultOptions,variant:"empty"},zg=[{name:"empty",title:"Empty"},{name:"upload",title:"Upload"},{name:"uploading",title:"Uploading"},{name:"success",title:"Success"},{name:"failed",title:"Failed"}],Ug=[],Ba=e=>{let{variant:t,...o}={...Ec,...e};switch(t){case"success":return(0,qe.jsxs)(un,{status:"done",style:{width:"586px"},...o,children:[(0,qe.jsx)(tt,{status:"success",validationMsg:"File(s) uploaded successfully.",name:"Image1.png",icon:"file-image"}),(0,qe.jsx)(tt,{status:"success",validationMsg:"File(s) uploaded successfully.",name:"Image2.png",icon:"file-image"})]});case"failed":return(0,qe.jsxs)(un,{status:"failed",style:{width:"586px"},...o,children:[(0,qe.jsx)(tt,{status:"error",validationMsg:"File type not allowed.",name:"Movie1.mkv",icon:"file-image"}),(0,qe.jsx)(tt,{status:"error",validationMsg:"File type not allowed.",name:"Video2.mkv",icon:"file-image"})]});case"uploading":return(0,qe.jsxs)(un,{status:"uploading",style:{width:"586px"},...o,children:[(0,qe.jsx)(tt,{progress:"50",status:"progress",name:"Document1.txt",icon:"file-pdf",size:"328.92 KB"}),(0,qe.jsx)(tt,{progress:"70",status:"progress",name:"Document2.txt",icon:"file-pdf",size:"225.68 KB"})]});case"upload":return(0,qe.jsxs)(un,{actions:!0,status:"upload",style:{width:"586px"},...o,children:[(0,qe.jsx)(tt,{name:"Image1.png",icon:"file-image",size:"51.23 KB"}),(0,qe.jsx)(tt,{name:"Image2.jpg",icon:"file-image",size:"106.43 KB"})]});default:return(0,qe.jsx)(Ac,{async:!0,status:"upload",style:{width:"586px"},...o})}};Ba.options=Dg;Ba.states=Hg;Ba.variants=zg;Ba.defaultOptions=Ec;Ba.modifiers=Ug;Ba.className=le.className;var hi=require("react/jsx-runtime");var Fg=require("react/jsx-runtime");var xi=require("react/jsx-runtime");var gi=require("react/jsx-runtime");var Ni=require("react/jsx-runtime");var Ic=require("react/jsx-runtime");var vi="appbar",Tc=vi;var Oc=require("react/jsx-runtime"),ki="k-appbar",Gg=[],Vg={themeColor:[g.undefined,g.base,g.primary,g.secondary,g.tertiary,g.inverse]},$g={},Re=e=>{let{themeColor:t,positionMode:o,position:a,...n}=e;return(0,Oc.jsx)("div",{...n,className:r(e.className,ki,C(ki,{themeColor:t}),{[`k-appbar-${o}`]:o,[`k-appbar-${a}`]:a}),children:e.children})};Re.states=Gg;Re.options=Vg;Re.className=ki;Re.defaultOptions=$g;Re.moduleName=vi;Re.folderName=Tc;Re.ariaSpec={selector:".k-appbar",rules:[]};var Bc=require("react/jsx-runtime"),Xg="k-appbar-section",Gt=e=>{let{...t}=e;return(0,Bc.jsx)("div",{...t,className:r(Xg,e.className),children:e.children})};var Li=require("react/jsx-runtime");var z=require("react/jsx-runtime"),Mi={...Re.options,positionMode:["static","sticky","fixed"]},qg=Re.states,Pc={...Re.defaultOptions,themeColor:"primary",variant:"top",positionMode:"sticky"};Mi.themeColor=["primary",...Mi.themeColor.filter(e=>e!=="primary")];var Wg=[{name:"top",title:"Top"},{name:"bottom",title:"Bottom"}],Pa=e=>{let{variant:t,...o}={...Pc,...e},a=(0,z.jsxs)(Re,{position:t,...o,children:[(0,z.jsx)(Gt,{children:(0,z.jsx)(be,{fillMode:"flat",icon:"menu"})}),(0,z.jsx)("span",{className:"k-spacer k-spacer-sized",style:{width:"8px"}}),(0,z.jsx)(Gt,{children:(0,z.jsx)("h3",{className:"k-m-0",children:"AppBar"})}),(0,z.jsx)("span",{className:"k-spacer"}),(0,z.jsxs)(Gt,{children:[(0,z.jsx)(Mt,{fillMode:"flat",children:"Button"}),(0,z.jsx)(Mt,{fillMode:"flat",children:"Button"}),(0,z.jsx)(Mt,{fillMode:"flat",children:"Button"})]}),(0,z.jsx)("span",{className:"k-spacer k-spacer-sized",style:{width:"8px"}}),(0,z.jsx)(Gt,{children:(0,z.jsx)(Cn,{value:"Input value"})}),(0,z.jsxs)(Gt,{children:[(0,z.jsx)(be,{className:"k-mx-sm",fillMode:"flat",icon:"bell"}),(0,z.jsx)("span",{className:"k-appbar-separator"}),(0,z.jsx)(Xn,{className:"k-mx-sm",children:(0,z.jsx)("img",{src:"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg"})})]})]}),n=(0,z.jsxs)("div",{style:{padding:"25px 10px"},children:[(0,z.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,z.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,z.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,z.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,z.jsxs)("div",{style:{height:"250px",overflow:"auto"},children:[n,a]}):(0,z.jsxs)("div",{style:{height:"250px",overflow:"auto"},children:[a,n]})};Pa.options=Mi;Pa.states=qg;Pa.variants=Wg;Pa.defaultOptions=Pc;Pa.modifiers=[];Pa.className=Re.className;var Si="suggestion",wc=Si;var Ro=require("react/jsx-runtime"),er="k-suggestion-group",Jg=[],Yg={},Rc={layout:"scrollable",scrollingPosition:"start"},vt=e=>{let{layout:t=Rc.layout,scrollingPosition:o,...a}=e,n=(0,Ro.jsx)("div",{...a,className:r(er,{"k-suggestion-group-scrollable":t=="scrollable",[`${er}-scrollable-start`]:o==="start"\|\|o==="both",[`${er}-scrollable-end`]:o==="end"\|\|o==="both"},e.className),role:"group",children:t==="scrollable"\|\|t==="scrollButtons"?(0,Ro.jsx)("div",{className:"k-suggestions-scroll",children:e.children}):e.children});return t=="scrollButtons"?(0,Ro.jsxs)("div",{className:"k-suggestion-scrollwrap",children:[(0,Ro.jsx)(p,{fillMode:"flat",icon:"chevron-left",size:"xsmall","aria-label":"Scroll left"}),n,(0,Ro.jsx)(p,{fillMode:"flat",icon:"chevron-right",size:"xsmall","aria-label":"Scroll right"})]}):n};vt.states=Jg;vt.options=Yg;vt.className=er;vt.defaultOptions=Rc;vt.moduleName=Si;vt.folderName=wc;var Kc=require("react/jsx-runtime"),tr="k-suggestion",Zg=[s.active,s.hover,s.focus],Qg={themeColor:[g.undefined,g.base,g.primary,g.secondary,g.tertiary]},jg={text:"Suggestion"},kt=e=>{let{themeColor:t,active:o,hover:a,focus:n,text:i,...l}=e;return(0,Kc.jsx)("span",{...l,className:r(e.className,tr,y(tr,{hover:a,active:o,focus:n}),C(tr,{themeColor:t})),role:"button",tabIndex:0,"aria-label":i,children:i})};kt.states=Zg;kt.options=Qg;kt.className=tr;kt.item=jg;var yi=require("react/jsx-runtime");var Ai=require("react/jsx-runtime");var Ci=require("react/jsx-runtime");var U=require("react/jsx-runtime"),eN=V.states,tN=V.defaultOptions,oN=V.options,aN=[{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"}],nN=[],wa=e=>{let{modifiers:t,...o}=e,a={author:null,avatar:null},n=(0,U.jsxs)(Re,{className:"k-chat-header",positionMode:"sticky",themeColor:"primary",children:[(0,U.jsx)("span",{className:"k-spacer k-spacer-sized k-w-1"}),(0,U.jsx)(Gt,{children:(0,U.jsx)("span",{children:"Chat with demo bot"})}),(0,U.jsx)("span",{className:"k-spacer"}),(0,U.jsx)(Gt,{children:(0,U.jsx)(p,{fillMode:"flat",icon:"more-vertical"})})]}),i=(0,U.jsx)(Aa,{type:"sender",pinned:!0,content:"Hello! Generate a cover letter.",closeable:!0}),l=(0,U.jsxs)(vt,{children:[(0,U.jsx)(kt,{text:"Provide a CV template"}),(0,U.jsx)(kt,{text:"Generate a cover letter"})]}),c=(0,U.jsxs)(vt,{children:[(0,U.jsx)(kt,{themeColor:"primary",text:"Thank you!"}),(0,U.jsx)(kt,{themeColor:"primary",text:"Great!"})]}),u="https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg",f=null,N="User",x="Demo Bot";Object.keys(t\|\|{}).forEach(O=>{switch(O){case"header":a.header=t!=null&&t[O]?n:!1;break;case"pinned":a.pinned=t!=null&&t[O]?i:!1;break;case"suggested":a.suggestedActions=t!=null&&t[O]?l:!1;break;case"author":a.author=t!=null&&t[O]?!0:null;break;case"avatar":a.avatar=t!=null&&t[O]?u:null;break;case"quick":a.quickReplies=t!=null&&t[O]?c:(0,U.jsx)(U.Fragment,{});break;default:break}});let{header:m,pinned:L,suggestedActions:k,author:A,avatar:E,quickReplies:M}=a;return(0,U.jsxs)(oc,{value:"Thank you!",style:{minHeight:"100%"},...o,header:m,pinned:L,suggestedActions:k,children:[(0,U.jsx)(q,{avatar:f,author:A?x:null,children:(0,U.jsx)(X,{text:"Hello, this is a demo bot. How can I help you ?"})}),(0,U.jsx)(q,{avatar:E?u:null,author:A?N:null,type:"sender",children:(0,U.jsx)(X,{text:"Hello! Generate a cover letter."})}),(0,U.jsx)(q,{avatar:f,author:A?x:null,children:(0,U.jsx)(X,{text:"Sure. Here is a cover letter template",files:(0,U.jsx)(zt,{children:(0,U.jsx)($e,{icon:"file-pdf",name:"cover_letter.pdf",size:"1.43MB"})})})}),M]})};wa.options=oN;wa.states=eN;wa.variants=nN;wa.defaultOptions=tN;wa.modifiers=aN;wa.className=V.className;var Ei="skeleton",_c=Ei;var Dc=require("react/jsx-runtime"),Ii="k-skeleton",rN=["circle","text","rect"],sN=[],iN={},Ti={variant:"text",shape:"text",animation:"pulse"},pt=e=>{let{variant:t,shape:o,animation:a=Ti.animation,...n}=e,i=`skeleton-${t\|\|o\|\|Ti.variant}`;return(0,Dc.jsx)("span",{...n,className:r(e.className,Ii,hn(Ii,i),{[`k-skeleton-${a}`]:a}),style:e.style})};pt.states=sN;pt.options=iN;pt.variants=rN;pt.className=Ii;pt.defaultOptions=Ti;pt.moduleName=Ei;pt.folderName=_c;pt.ariaSpec={selector:".k-skeleton",rules:[]};var Hc=require("react/jsx-runtime"),Ko=e=>(0,Hc.jsx)(pt,{...e});var Uc=require("react/jsx-runtime"),zc=e=>(0,Uc.jsx)(pt,{shape:"rect",...e});var lN=require("react/jsx-runtime");var oe=require("react/jsx-runtime"),pN=e=>(0,oe.jsx)(V,{children:(0,oe.jsxs)(oe.Fragment,{children:[(0,oe.jsx)("div",{className:"k-timestamp",children:"Day, Month 7, 2023"}),(0,oe.jsx)(q,{fullWidth:!0,children:(0,oe.jsx)(X,{text:null,content:(0,oe.jsxs)("div",{className:"k-skeleton-container",style:{width:"100%"},children:[(0,oe.jsx)(Ko,{style:{width:"100%"}}),(0,oe.jsx)(Ko,{style:{width:"100%"}}),(0,oe.jsx)(Ko,{style:{width:"100%"}}),(0,oe.jsx)(Ko,{style:{width:"75%"}})]})})}),(0,oe.jsx)(q,{type:"sender",fullWidth:!0,avatar:null,children:(0,oe.jsx)(X,{text:null,content:(0,oe.jsxs)("div",{className:"k-skeleton-container",style:{width:"100%",display:"flex",alignItems:"center",gap:"var( --kendo-spacing-1 )"},children:[(0,oe.jsx)(zc,{style:{width:"32px",height:"32px"}}),(0,oe.jsxs)("div",{style:{flex:"1 1 50%"},children:[(0,oe.jsx)(Ko,{style:{width:"100%"}}),(0,oe.jsx)(Ko,{style:{width:"50%"}})]})]})})})]}),...e});