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

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

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

Files changed (152) hide show

package/dist/esm/prompt/templates/prompt-popup.mjs CHANGED Viewed

	@@ -1 +1 @@
1	- var n=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?n(...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 I=(e,t)=>n({[`${e}-xs`]:t.size==="xsmall",[`${e}-sm`]:t.size==="small",[`${e}-md`]:t.size==="medium",[`${e}-lg`]:t.size==="large",[`${e}-xl`]:t.size==="xlarge",[`${e}-xxl`]:t.size==="xxlarge",[`${e}-xxxl`]:t.size==="xxxlarge"},{[`${e}-${t.fillMode}`]:t.fillMode},{[`${e}-${t.themeColor}`]:t.themeColor},{"k-rounded-sm":t.rounded==="small","k-rounded-md":t.rounded==="medium","k-rounded-lg":t.rounded==="large","k-rounded-full":t.rounded==="full","k-rounded-none":t.rounded==="none"}),S=(e,t)=>{let{valid:o,invalid:a,hover:r,focus:s,checked:l,active:p,selected:b,disabled:x,indeterminate:N,loading:k,empty:m,readonly:L,highlighted:C,...M}=t;return n({"k-valid":o,"k-invalid":a,"k-hover":r,"k-focus":s,"k-checked":l,"k-active":p,"k-selected":b,"k-disabled":x,"k-indeterminate":N&&!l,"k-loading":k,"k-empty":m,"k-readonly":L,"k-highlighted":C},Object.keys(M).reduce((E,A)=>(A.startsWith("k-")?E[A]=M[A]:E[`k-${A}`]=M[A],E),{}))};function vi(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(a=>[`k-${a}`,!0]))}var c={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},u={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},f={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},h={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",inverse:"inverse"},i={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"},Ci={calloutMap:{top:"n",bottom:"s",left:"w",right:"e"},orientationMap:{vertical:"vstack",horizontal:"hstack"}};var wr={};function T(e){return wr[e]=(wr[e]\|\|0)+1,`k-${e}-${wr[e]}`}var Rr="action-buttons",Li=Rr;import{jsx as Fd}from"react/jsx-runtime";var $a="k-actions",Hd=[],zd={},Kr={alignment:"start",orientation:"horizontal"},z=e=>{let{alignment:t=Kr.alignment,orientation:o=Kr.orientation,...a}=e;return Fd("div",{...a,className:n($a,{[`${$a}-${t}`]:t,[`${$a}-${o}`]:o},e.className),children:e.children})};z.states=Hd;z.options=zd;z.className=$a;z.defaultOptions=Kr;z.moduleName=Rr;z.folderName=Li;import{Fragment as $d,jsx as Mi}from"react/jsx-runtime";var _r="k-font-icon",Ud=[],Gd={size:[c.undefined,c.xsmall,c.small,c.medium,c.large,c.xlarge,c.xxlarge,c.xxxlarge],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary,h.success,h.warning,h.error,h.info]},Vd={},ma=e=>{let{size:t,themeColor:o,icon:a,rotate:r,flip:s,...l}=e;return a?Mi("span",{...l,className:n(e.className,_r,I(_r,{size:t}),{[`k-i-${a}`]:a,[`k-color-${o}`]:o,[`k-rotate-${r}`]:r,"k-flip-h":s==="h"\|\|s==="both","k-flip-v":s==="v"\|\|s==="both"}),"aria-hidden":"true"}):Mi($d,{})};ma.states=Ud;ma.options=Gd;ma.className=_r;ma.defaultOptions=Vd;var Si=ma;import{Fragment as Wd,jsx as Xa}from"react/jsx-runtime";var Dr="k-svg-icon",Xd=[],qd={size:[c.undefined,c.xsmall,c.small,c.medium,c.large,c.xlarge,c.xxlarge,c.xxxlarge],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary,h.success,h.warning,h.error,h.info]},Ai={viewBox:"0 0 24 24"},ua=e=>{let{size:t,themeColor:o,rotate:a,flip:r,viewBox:s=Ai.viewBox,icon:l,...p}=e;if(!l)return Xa(Wd,{});if(l==="none")return Xa("span",{...p,className:n(e.className,Dr,I("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let b=typeof l=="object"&&l.name&&l.name;return Xa("span",{...p,className:n(e.className,Dr,I("k-icon",{size:t}),{[`k-svg-i-${b}`]:b,[`k-color-${o}`]:o,[`k-rotate-${a}`]:a,"k-flip-h":r==="h"\|\|r==="both","k-flip-v":r==="v"\|\|r==="both"}),"aria-hidden":"true",children:Xa("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof l=="object"?l.viewBox:s,dangerouslySetInnerHTML:typeof l=="object"?{__html:l.content}:void 0,children:l?void 0:e.children})})};ua.states=Xd;ua.options=qd;ua.className=Dr;ua.defaultOptions=Ai;var Hr=ua;importas zr from"@progress/kendo-svg-icons";var Ii="icon",Ti="icons";import{useContext as Yd}from"react";import{createContext as Jd}from"react";var yi=Jd({iconsType:"svg"});import{Fragment as Ei,jsx as fa}from"react/jsx-runtime";var qa="k-icon",Qd=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),Zd=[],jd={size:[c.undefined,c.xsmall,c.small,c.medium,c.large,c.xlarge,c.xxlarge,c.xxxlarge],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary,h.success,h.warning,h.error,h.info]},Fr={viewBox:"0 0 24 24",type:"svg"},v=e=>{let{iconsType:t}=Yd(yi),{size:o,themeColor:a,icon:r,type:s=t\|\|Fr.type,rotate:l,flip:p,viewBox:b=Fr.viewBox,...x}=e;if(!r)return fa(Ei,{});if((t\|\|s)==="svg"){if(r==="none")return fa(Hr,{...x,className:n(e.className,qa),icon:r,size:o});let k=zr[r]?r:Qd(`${r}-icon`);return zr[k]?fa(Hr,{...x,className:n(e.className,qa),icon:zr[k],size:o,themeColor:a,rotate:l,flip:p,viewBox:b}):fa(Ei,{})}return fa(Si,{...x,className:n(e.className,qa),icon:r,size:o,themeColor:a,rotate:l,flip:p})};v.states=Zd;v.options=jd;v.defaultOptions=Fr;v.className=qa;v.moduleName=Ii;v.folderName=Ti;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 Ur="button",Oi=Ur;import{Fragment as ac,jsx as ba,jsxs as Bi}from"react/jsx-runtime";var ha="k-button",ec=["icon-button"],tc=[i.hover,i.focus,i.active,i.selected,i.disabled,i.generating],oc={size:[c.undefined,c.xsmall,c.small,c.medium,c.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[f.undefined,f.solid,f.flat,f.outline,f.clear,f.link],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary,h.success,h.warning,h.error,h.info,h.inverse]},Gr={showArrow:!1,arrowIconName:"chevron-down"},d=e=>{let{as:t="button",size:o,rounded:a,fillMode:r,themeColor:s,showArrow:l=Gr.showArrow,arrowIconName:p=Gr.arrowIconName,variant:b,hover:x,focus:N,active:k,selected:m,disabled:L,togglable:C,ariaDisabled:M,icon:E,text:A,iconClassName:w,className:J,...ce}=e,ue=E!==void 0,fe=e.children!==void 0;return Bi(t,{className:n(J,ha,vi(ha,b),I(ha,{size:o,rounded:a,fillMode:r,themeColor:s}),S(ha,{hover:x,focus:N,active:k,disabled:L\|\|M,selected:m}),{"k-icon-button":!A&&!fe&&ue}),...ce,"aria-pressed":C?m?"true":"false":void 0,"aria-disabled":M?"true":void 0,disabled:L\|\|void 0,children:[E&&ba(v,{className:n(w,"k-button-icon"),icon:E}),A?Bi(ac,{children:[A&&ba("span",{className:"k-button-text",children:A}),e.children]}):e.children&&ba("span",{className:"k-button-text",children:e.children}),l&&ba("span",{className:"k-menu-button-arrow k-button-arrow",children:ba(v,{icon:p})})]})};d.states=tc;d.options=oc;d.variants=ec;d.className=ha;d.defaultOptions=Gr;d.moduleName=Ur;d.folderName=Oi;d.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."}]};import{jsx as rc}from"react/jsx-runtime";var V=e=>rc(d,{icon:"folder",...e,"aria-label":e["aria-label"]\|\|"Folder",children:void 0});import{jsx as nc}from"react/jsx-runtime";var F=e=>nc(d,{icon:"folder",children:"Button",...e});import{jsx as ic}from"react/jsx-runtime";var Xt=e=>ic(d,{children:"Button",...e});import{jsx as Vr}from"react/jsx-runtime";var sc=d.options,lc=d.states,dc={...d.defaultOptions,variant:"text"},cc=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],pc=[],po=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return Vr(V,{...o,icon:"star"});case"icon-and-text":return Vr(F,{...o,icon:"star",children:"Button"});default:return Vr(Xt,{...o,children:"Button"})}};po.options=sc;po.states=lc;po.variants=cc;po.defaultOptions=dc;po.modifiers=pc;po.className=d.className;var $r="button",Pi=$r;import{jsx as bc}from"react/jsx-runtime";var xa="k-button-group",mc=[i.disabled],uc={fillMode:[f.undefined,f.solid,f.flat,f.outline,f.clear,f.link]},fc={},B=e=>{let{fillMode:t,disabled:o,stretched:a,...r}=e;return bc("div",{role:"group",...r,className:n(e.className,xa,I(xa,{fillMode:t}),S(xa,{disabled:o}),{[`${xa}-stretched`]:a}),...o&&{"aria-disabled":"true"},children:e.children})};B.states=mc;B.options=uc;B.className=xa;B.defaultOptions=fc;B.moduleName=$r;B.folderName=Pi;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."}]};import{Fragment as Xk,jsx as $k,jsxs as qk}from"react/jsx-runtime";import{Fragment as jk,jsx as Zk,jsxs as eg}from"react/jsx-runtime";import{Fragment as ig,jsx as ng,jsxs as sg}from"react/jsx-runtime";import{Fragment as ug,jsx as mg,jsxs as fg}from"react/jsx-runtime";import{Fragment as gg,jsx as kg,jsxs as vg}from"react/jsx-runtime";import{Fragment as Ig,jsx as Ag,jsxs as Tg}from"react/jsx-runtime";import{jsx as gt,jsxs as Xr}from"react/jsx-runtime";var hc={...d.options,...B.options},xc=d.states,Nc={...d.defaultOptions,...B.defaultOptions,variant:"text-button"},kc=[{name:"icon-button",title:"Icon Only"},{name:"text-button",title:"Text"},{name:"icon-text-button",title:"Icon Text"}],gc=[],mo=e=>{let{variant:t,className:o,...a}=e;return t==="icon-button"?Xr(B,{fillMode:a.fillMode,className:o,children:[gt(d,{...a,icon:"star"}),gt(d,{...a,icon:"star"}),gt(d,{...a,icon:"star"})]}):t==="icon-text-button"?Xr(B,{fillMode:a.fillMode,className:o,children:[gt(d,{...a,icon:"star",children:"First"}),gt(d,{...a,icon:"star",children:"Middle"}),gt(d,{...a,icon:"star",children:"Last"})]}):Xr(B,{fillMode:a.fillMode,className:o,children:[gt(d,{...a,children:"First"}),gt(d,{...a,children:"Middle"}),gt(d,{...a,children:"Last"})]})};mo.options=hc;mo.states=xc;mo.variants=kc;mo.defaultOptions=Nc;mo.modifiers=gc;mo.className=B.className;var Na="input",Wa=Na;import{jsx as Mc}from"react/jsx-runtime";var Ja="k-input",vc=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],Cc={size:[c.undefined,c.small,c.medium,c.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[f.undefined,f.solid,f.flat,f.outline]},Lc={},Q=e=>{let{hover:t,focus:o,disabled:a,invalid:r,valid:s,loading:l,readonly:p,size:b,rounded:x,fillMode:N,...k}=e;return Mc("span",{...k,className:n(e.className,Ja,I(Ja,{size:b,rounded:x,fillMode:N}),S(Ja,{hover:t,focus:o,disabled:a,invalid:r,valid:s,loading:l,readonly:p}))})};Q.states=vc;Q.options=Cc;Q.className=Ja;Q.defaultOptions=Lc;Q.moduleName=Na;Q.folderName=Wa;import{jsx as Tc}from"react/jsx-runtime";var Ya="k-picker",Sc=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],Ac={size:[c.undefined,c.small,c.medium,c.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[f.undefined,f.solid,f.flat,f.outline]},Ic={},ft=e=>{let{hover:t,focus:o,disabled:a,invalid:r,valid:s,loading:l,readonly:p,size:b,rounded:x,fillMode:N,...k}=e;return Tc("span",{...k,className:n(e.className,Ya,I(Ya,{size:b,rounded:x,fillMode:N}),S(Ya,{hover:t,focus:o,disabled:a,invalid:r,valid:s,loading:l,readonly:p})),children:e.children})};ft.states=Sc;ft.options=Ac;ft.className=Ya;ft.defaultOptions=Ic;ft.moduleName=Na;ft.folderName=Wa;import{Fragment as Oc,jsx as qr}from"react/jsx-runtime";var wi="k-clear-value",yc=[i.disabled,i.loading,i.readonly],Ec={},ze=e=>{let{disabled:t,loading:o,readonly:a,value:r}=e;return t\|\|a\|\|o\|\|!r?qr(Oc,{}):qr("span",{className:n(e.className,wi),children:qr(v,{icon:"x"})})};ze.states=yc;ze.options=Ec;ze.className=wi;import{jsx as wc}from"react/jsx-runtime";var Wr="k-input-inner",Bc=[],Pc={},Qa={type:"text",autocomplete:"off",value:"",placeholder:""},Fe=e=>{let{value:t=Qa.value,type:o=Qa.type,placeholder:a=Qa.placeholder,autocomplete:r=Qa.autocomplete,disabled:s,readOnly:l,...p}=e;return wc("input",{...p,type:o,className:n(e.className,Wr,I(Wr,e)),placeholder:a,autoComplete:r,defaultValue:t,disabled:s\|\|void 0,readOnly:l\|\|void 0})};Fe.states=Bc;Fe.options=Pc;Fe.className=Wr;import{jsx as Ri,jsxs as _c}from"react/jsx-runtime";var Jr="k-input-inner",Rc=[],Kc={},qt=e=>{let{value:t,placeholder:o,showValue:a,valueIcon:r,valueIconName:s,...l}=e;return _c("span",{...l,className:n(e.className,Jr,I(Jr,e)),children:[r,!r&&s&&Ri(v,{className:"k-input-value-icon",icon:s}),a&&!t&&o,a&&t&&Ri("span",{className:"k-input-value-text",children:t})]})};qt.states=Rc;qt.options=Kc;qt.className=Jr;import{jsx as zc}from"react/jsx-runtime";var Yr="k-input-inner",Dc=[],Hc={},Ki={value:"",placeholder:""},ka=e=>{let{value:t=Ki.value,placeholder:o=Ki.placeholder,rows:a,disabled:r,...s}=e;return zc("textarea",{...s,className:n(e.className,Yr,I(Yr,e)),placeholder:o,rows:a,defaultValue:t,disabled:r\|\|void 0})};ka.states=Dc;ka.options=Hc;ka.className=Yr;import{Fragment as Uc,jsx as _i}from"react/jsx-runtime";var Di="k-input-loading-icon",Fc=[i.disabled,i.loading],Ke=e=>{let{disabled:t,loading:o}=e;return t\|\|!o?_i(Uc,{}):_i("span",{className:n(e.className,Di,"k-icon k-i-loading")})};Ke.states=Fc;Ke.className=Di;import{Fragment as $c,jsx as Hi}from"react/jsx-runtime";var zi="k-input-validation-icon",Gc=[i.valid,i.invalid,i.disabled,i.loading],Vc={},Le=e=>{let{valid:t,invalid:o,disabled:a,loading:r}=e,s=o?"warning-circle":"check-circle";return a\|\|r\|\|!!!(t\|\|o)?Hi($c,{}):Hi(v,{className:n(zi),icon:s})};Le.states=Gc;Le.options=Vc;Le.className=zi;import{Fragment as Wc,jsx as Fi}from"react/jsx-runtime";var Xc="k-input-prefix",qc={direction:"horizontal"},_e=e=>{let{direction:t=qc.direction,...o}=e;return e.children?Fi("span",{...o,className:n(Xc,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):Fi(Wc,{})};import{Fragment as Qc,jsx as Ui}from"react/jsx-runtime";var Jc="k-input-suffix",Yc={direction:"horizontal"},De=e=>{let{direction:t=Yc.direction,...o}=e;return e.children?Ui("span",{...o,className:n(Jc,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):Ui(Qc,{})};import{jsx as Tv}from"react/jsx-runtime";import{jsx as jc}from"react/jsx-runtime";var Zc="k-input-suffix-text",Qr=e=>{let{children:t,...o}=e;return jc("span",{...o,className:n(Zc,e.className),children:t})};import{jsx as tp}from"react/jsx-runtime";var Gi="k-input-separator",ep={direction:"vertical"},Me=e=>{let{direction:t=ep.direction,...o}=e;return tp("span",{...o,className:n(Gi,e.className,{[`${Gi}-${t}`]:t})})};import{Fragment as Vi,jsx as bt,jsxs as Zr}from"react/jsx-runtime";var op=Q.states,ap=Q.defaultOptions,rp=Q.options,np=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],ip=[],uo=e=>{let{modifiers:t,valid:o,invalid:a,loading:r,disabled:s,readonly:l,...p}=e,b=t?.prefix,x=t?.suffix,N=t?.["clear-button"],k=t?.["validation-icon"],m=t?.separators;return Zr(Q,{...p,valid:o,invalid:a,loading:r,disabled:s,readonly:l,style:{width:300},children:[b&&Zr(Vi,{children:[bt(_e,{children:bt(v,{icon:"lock"})}),m&&bt(Me,{})]}),bt(Fe,{placeholder:"Placeholder",value:"Value"}),k&&bt(Le,{valid:o,invalid:a,loading:r,disabled:s}),bt(Ke,{loading:r,disabled:s}),N&&bt(ze,{loading:r,disabled:s,readonly:l,value:"Value"}),x&&Zr(Vi,{children:[m&&bt(Me,{}),bt(De,{children:bt(Xt,{size:p.size,fillMode:"clear",children:"Send"})})]})]})};uo.options=rp;uo.states=op;uo.variants=ip;uo.defaultOptions=ap;uo.modifiers=np;uo.className=Q.className;import{jsx as $i,jsxs as dp}from"react/jsx-runtime";var Xi="k-color-preview",sp=[],lp={},Ot=e=>{let{color:t,iconName:o,...a}=e;return dp("span",{...a,className:n(e.className,Xi,{"k-icon-color-preview":o,"k-no-color":!t}),children:[o&&$i(v,{icon:o,className:"k-color-preview-icon"}),$i("span",{className:"k-color-preview-mask",style:{backgroundColor:t}})]})};Ot.states=sp;Ot.options=lp;Ot.className=Xi;var jr="popup",qi=jr;import{jsx as Wi}from"react/jsx-runtime";var Ji="k-animation-container",cp=[],pp={},Yi={positionMode:"absolute"},ht=e=>{let{positionMode:t=Yi.positionMode,animationStyle:o,offset:a,...r}=e;return Wi("div",{...r,style:{...a,...e.style},className:n(e.className,Ji,"k-animation-container-shown",{"k-animation-container-fixed":t==="fixed"}),children:Wi("div",{className:"k-child-animation-container",style:o,children:e.children})})};ht.states=cp;ht.options=pp;ht.className=Ji;ht.defaultOptions=Yi;ht.moduleName=jr;ht.folderName=qi;var en="popup",Qi=en;import{jsx as Zi}from"react/jsx-runtime";var ji="k-popup",mp=[],up={},es={positionMode:"absolute"},U=e=>{let{offset:t,positionMode:o=es.positionMode,animationStyle:a,containerClassName:r,containerRole:s,containerAriaLabel:l,...p}=e;return Zi(ht,{positionMode:o,offset:t,animationStyle:a,className:r,role:s,"aria-label":l,children:Zi("div",{...p,className:n(e.className,ji),children:e.children})})};U.states=mp;U.options=up;U.className=ji;U.defaultOptions=es;U.moduleName=en;U.folderName=Qi;U.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.'}]};import{jsx as bp}from"react/jsx-runtime";var fp="k-actionsheet-footer",ts={alignment:"stretched",orientation:"horizontal"},Bt=e=>{let{alignment:t=ts.alignment,orientation:o=ts.orientation,template:a,as:r=a?"div":z,...s}=e;return bp(r,{...s,...!a&&{alignment:t,orientation:o},className:n(e.className,fp),children:e.children})};var tn="searchbox",os=tn;import{jsx as ga,jsxs as Np}from"react/jsx-runtime";var as="k-searchbox",hp=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading],xp={size:[c.undefined,c.small,c.medium,c.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[f.undefined,f.solid,f.flat,f.outline]},on={showIcon:!0,icon:"search"},Qe=e=>{let{value:t,placeholder:o,size:a,rounded:r,fillMode:s,hover:l,focus:p,valid:b,invalid:x,required:N,loading:k,disabled:m,showIcon:L=on.showIcon,icon:C=on.icon,"aria-label":M,...E}=e;return Np(Q,{...E,size:a,rounded:r,fillMode:s,hover:l,focus:p,valid:b,invalid:x,required:N,loading:k,disabled:m,className:n(e.className,as),children:[L&&ga(v,{className:"k-input-icon",icon:C}),ga(Fe,{placeholder:o,value:t,"aria-label":M}),ga(Ke,{...e}),ga(Le,{...e}),ga(ze,{...e})]})};Qe.states=hp;Qe.options=xp;Qe.className=as;Qe.defaultOptions=on;Qe.moduleName=tn;Qe.folderName=os;import{jsx as XC}from"react/jsx-runtime";var an="textbox",rs=an;import{Fragment as ns,jsx as Pt,jsxs as rn}from"react/jsx-runtime";var is="k-textbox",kp=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],gp={size:[c.undefined,c.small,c.medium,c.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[f.undefined,f.solid,f.flat,f.outline]},Za={showClearButton:!0,showValidationIcon:!0,separators:!0},be=e=>{let{size:t,rounded:o,fillMode:a,separators:r=Za.separators,showClearButton:s=Za.showClearButton,showValidationIcon:l=Za.showValidationIcon,prefix:p,suffix:b,type:x,value:N,placeholder:k,hover:m,focus:L,valid:C,invalid:M,required:E,loading:A,disabled:w,readonly:J,id:ce,"aria-label":ue,"aria-describedby":fe,...Ce}=e;return rn(Q,{...Ce,size:t,rounded:o,fillMode:a,hover:m,focus:L,valid:C,invalid:M,required:E,loading:A,disabled:w,readonly:J,className:n(e.className,is),children:[p&&rn(ns,{children:[Pt(_e,{children:p}),r&&Pt(Me,{})]}),Pt(Fe,{id:ce,placeholder:k,value:N,type:x,disabled:w,"aria-label":ue,"aria-describedby":fe,"aria-invalid":M?"true":void 0}),l&&Pt(Le,{valid:C,invalid:M,loading:A,disabled:w}),Pt(Ke,{loading:A,disabled:w}),s&&Pt(ze,{loading:A,disabled:w,readonly:J,value:N}),b&&rn(ns,{children:[r&&Pt(Me,{}),Pt(De,{children:b})]})]})};be.states=kp;be.options=gp;be.className=is;be.defaultOptions=Za;be.moduleName=an;be.folderName=rs;be.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 va=be;import{jsx as vp}from"react/jsx-runtime";var ss=e=>vp(va,{...e});import{Fragment as cL,jsx as dL}from"react/jsx-runtime";import{Fragment as hL,jsx as bL}from"react/jsx-runtime";import{jsx as gL}from"react/jsx-runtime";import{jsx as nn}from"react/jsx-runtime";var Cp=be.states,Lp=be.defaultOptions,Mp=be.options,Sp=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],Ap=[],fo=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(r=>{switch(r){case"prefix":a.prefix=t?.[r]?nn(v,{icon:"lock"}):void 0;break;case"suffix":a.suffix=t?.[r]?nn(Xt,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":a.showClearButton=t?.[r];break;default:break}}),nn(ss,{value:"Value",style:{width:300},...o,...a})};fo.options=Mp;fo.states=Cp;fo.variants=Ap;fo.defaultOptions=Lp;fo.modifiers=Sp;fo.className=be.className;import{jsx as wt,jsxs as sn}from"react/jsx-runtime";var ls="k-actionsheet-titlebar",Ip={},Se=e=>{let{title:t,subtitle:o,actionsStart:a,actionsEnd:r,filter:s,input:l,inputValue:p,inputPlaceholder:b,adaptive:x,titleId:N,children:k,...m}=e;return sn("div",{...m,className:n(e.className,ls),children:[sn("div",{className:"k-actionsheet-titlebar-group",children:[a&&wt("div",{className:"k-actionsheet-actions",children:a}),!k&&sn("div",{className:"k-actionsheet-title",id:N,children:[t&&wt("div",{className:"k-text-center",children:t}),o&&wt("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),k&&wt("div",{className:"k-actionsheet-title",id:N,children:k}),r&&wt("div",{className:"k-actionsheet-actions",children:r})]}),(l\|\|s)&&wt("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:l?wt(be,{value:p,placeholder:b,size:x?"large":"medium","aria-label":t\|\|b\|\|"Input"}):wt(Qe,{placeholder:"Filter",size:x?"large":"medium","aria-label":"Filter options"})})]})};Se.className=ls;Se.defaultOptions=Ip;import{jsx as ln,jsxs as Op}from"react/jsx-runtime";var dn="k-actionsheet-view",Tp=[],yp={},Ep={},bo=e=>{let{adaptive:t,animated:o,children:a,header:r,footer:s,titleId:l,...p}=e,b=r?.type===Se&&ln(Se,{adaptive:t,titleId:l,...r?.props}),x=s?.type===Bt&&ln(Bt,{...s?.props});return Op("div",{...p,className:n(e.className,dn,{[`${dn}-animated`]:o}),children:[b,ln("div",{className:"k-actionsheet-content",children:a}),x]})};bo.states=Tp;bo.options=yp;bo.className=dn;bo.defaultOptions=Ep;var Ca="action-sheet",ja=Ca;var cn="overlay",ds=cn;import{jsx as Rp}from"react/jsx-runtime";var cs="k-overlay",Bp=[],Pp={},wp={},Rt=e=>{let{...t}=e;return Rp("div",{...t,className:n(e.className,cs),children:e.children})};Rt.states=Bp;Rt.options=Pp;Rt.className=cs;Rt.defaultOptions=wp;Rt.moduleName=cn;Rt.folderName=ds;import{jsx as er,jsxs as Dp}from"react/jsx-runtime";var ps="k-actionsheet",Kp=[],_p={},La={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},te=e=>{let{side:t=La.side,fullscreen:o=La.fullscreen,adaptive:a=La.adaptive,overlay:r=La.overlay,template:s,children:l,header:p,footer:b,id:x,...N}=e,k=x&&!s&&p?`${x}-title`:void 0;return Dp("div",{className:"k-actionsheet-container",children:[r&&er(Rt,{}),er(ht,{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:er("div",{...N,id:x,role:"dialog","aria-modal":r?"true":void 0,"aria-labelledby":k,className:n(e.className,ps,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":a}),children:s\|\|er(bo,{header:p,footer:b,adaptive:a,titleId:k,...e,children:l})})})]})};te.states=Kp;te.options=_p;te.className=ps;te.defaultOptions=La;te.moduleName=Ca;te.folderName=ja;te.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."}]};import{jsx as Up}from"react/jsx-runtime";var ms="k-actionsheet-container",Hp=[],zp={},Fp={},ho=e=>{let{children:t,...o}=e;return Up("div",{...o,className:ms,children:t})};ho.states=Hp;ho.options=zp;ho.className=ms;ho.defaultOptions=Fp;ho.moduleName=Ca;ho.folderName=ja;import{jsx as Gp}from"react/jsx-runtime";var pn=e=>{let{...t}=e;return Gp("div",{...t,className:n(e.className,"k-list-ul"),children:e.children})};import{Fragment as $p,jsx as Ma,jsxs as mn}from"react/jsx-runtime";var un="k-actionsheet-item",Vp=[i.hover,i.focus,i.selected,i.disabled],Kt=e=>{let{iconName:t,text:o,description:a,hover:r,focus:s,selected:l,disabled:p,...b}=e;return mn("span",{...b,className:n(e.className,un,S(un,{hover:r,focus:s,selected:l,disabled:p})),children:[!e.children&&Ma($p,{children:mn("span",{className:"k-actionsheet-action",children:[t&&Ma("span",{className:"k-icon-wrap",children:Ma(v,{className:"k-actionsheet-item-icon",icon:t})}),mn("span",{className:"k-actionsheet-item-text",children:[o&&Ma("span",{className:"k-actionsheet-item-title",children:o}),a&&Ma("span",{className:"k-actionsheet-item-description",children:a})]})]})}),e.children]})};Kt.states=Vp;Kt.className=un;import{jsx as kM,jsxs as gM}from"react/jsx-runtime";import{jsx as MM}from"react/jsx-runtime";import{jsx as TM}from"react/jsx-runtime";import{jsx as BM}from"react/jsx-runtime";import{jsx as he,jsxs as fn}from"react/jsx-runtime";var Xp=te.options,qp=te.states,fs={...te.defaultOptions,variant:"normal"},Wp=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],Jp=[{name:"actions",title:"Titlebar Actions",type:"boolean"},{name:"subtitle",title:"Subtitle",type:"boolean"},{name:"footer",title:"Footer",type:"boolean"}],xo=e=>{let{variant:t,modifiers:o,...a}={...fs,...e},r={},s=fn(pn,{children:[he(Kt,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),he(Kt,{text:"Add to Favorites",iconName:"heart"}),he(Kt,{text:"Upload New",iconName:"upload",disabled:!0}),he("hr",{className:"k-hr"}),he(Kt,{text:"Cancel",iconName:"cancel"})]}),l="Choose from the items below",p="Select Item";return t==="fullScreen"&&(r.fullScreen=!0),Object.keys(o\|\|{}).forEach(b=>{switch(b){case"actions":r.actionsStart=!!o?.[b],r.actionsEnd=!!o?.[b];break;case"subtitle":r.subtitle=o?.[b]?l:void 0;break;case"footer":r.footer=!!o?.[b];break;default:break}}),t==="adaptive"?he(te,{...a,adaptive:!0,fullscreen:r.fullScreen,header:he(Se,{actionsStart:r.actionsStart?he(d,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:r.actionsEnd?he(d,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:p,subtitle:r.subtitle}),footer:r.footer?fn(Bt,{alignment:"stretched",children:[he(d,{text:"Cancel",size:"large",themeColor:"base"}),he(d,{text:"Apply",size:"large",themeColor:"primary"})]}):void 0,children:s}):he(te,{...a,fullscreen:r.fullScreen,header:he(Se,{actionsStart:r.actionsStart?he(d,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:r.actionsEnd?he(d,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:r.subtitle}),footer:r.footer?fn(Bt,{alignment:"stretched",children:[he(d,{text:"Apply",themeColor:"primary"}),he(d,{text:"Cancel",themeColor:"base"})]}):void 0,children:s})};xo.options=Xp;xo.states=qp;xo.variants=Wp;xo.defaultOptions=fs;xo.modifiers=Jp;xo.className=te.className;var bn="slider",bs=bn;import{jsx as No,jsxs as hn}from"react/jsx-runtime";var Sa="k-slider",Yp=[i.hover,i.focus,i.active,i.disabled,i.readonly],Qp={},Ze={type:"single",orientation:"horizontal",gradientType:"1d",readonly:!1,disabled:!1,handlePosition:"end",showButtons:!0,showTicks:!0,value:50,min:0,max:100},q=e=>{let{type:t=Ze.type,orientation:o=Ze.orientation,gradientType:a=Ze.gradientType,readonly:r=Ze.readonly,disabled:s=Ze.disabled,handlePosition:l=Ze.handlePosition,showButtons:p=Ze.showButtons,showTicks:b=Ze.showTicks,value:x=Ze.value,min:N=Ze.min,max:k=Ze.max,startValue:m,endValue:L,hover:C,focus:M,active:E,trackStyle:A,dir:w,...J}=e,ue=(()=>{if(t==="gradient"&&a==="2d")return"undefined";if(o==="vertical")return"vertical"})(),fe,Ce;return o==="horizontal"?(fe=w==="rtl"?"chevron-left":"chevron-right",Ce=w==="rtl"?"chevron-right":"chevron-left"):o==="vertical"&&(fe="chevron-up",Ce="chevron-down"),hn("div",{...J,className:n(Sa,e.className,S(Sa,{readonly:r,disabled:s}),{[`k-slider-${o}`]:o,"k-colorgradient-slider":t==="gradient"}),dir:w,children:[p&&No(d,{className:"k-button-decrease",rounded:"full",icon:Ce,tabIndex:-1,title:"Decrease"}),hn("div",{className:"k-slider-track-wrap",children:[b&&No("ul",{className:"k-reset k-slider-items","aria-hidden":"true",children:e.children}),hn("div",{className:"k-slider-track",style:A,children:[No("div",{className:"k-slider-selection"}),t==="range"&&No("span",{className:n("k-draghandle","k-draghandle-start",S(Sa,{hover:C,focus:M,active:E})),role:"slider",tabIndex:s?void 0:0,"aria-valuenow":m??N,"aria-valuemin":N,"aria-valuemax":L??k,"aria-orientation":ue,"aria-disabled":s?"true":void 0,"aria-readonly":r?"true":void 0,"aria-label":J["aria-label"]?`${J["aria-label"]} start`:"Range start"}),No("span",{className:n("k-draghandle",`k-draghandle-${l}`,S(Sa,{hover:C,focus:M,active:E})),role:"slider",tabIndex:s?void 0:0,"aria-valuenow":t==="range"?L??k:x,"aria-valuemin":t==="range"?m??N:N,"aria-valuemax":k,"aria-orientation":ue,"aria-disabled":s?"true":void 0,"aria-readonly":r?"true":void 0,"aria-label":t==="range"?J["aria-label"]?`${J["aria-label"]} end`:"Range end":J["aria-label"]})]})]}),p&&No(d,{className:"k-button-increase",rounded:"full",icon:fe,tabIndex:-1,title:"Increase"})]})};q.states=Yp;q.options=Qp;q.className=Sa;q.defaultOptions=Ze;q.moduleName=bn;q.folderName=bs;q.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."}]};import{jsx as hs}from"react/jsx-runtime";var xs="k-tick",Zp=[],jp={},Ns={label:!1},O=e=>{let{style:t,label:o=Ns.label,orientation:a,large:r,text:s,...l}=e;return hs("li",{...l,role:"presentation",title:s\|\|"Tick",className:n(e.className,xs,{[`k-tick-${a}`]:a,"k-tick-large":r}),style:t,children:o&&hs("span",{className:"k-label",children:s})})};O.states=Zp;O.options=jp;O.className=xs;O.defaultOptions=Ns;import{Fragment as em,jsx as je,jsxs as tm}from"react/jsx-runtime";var ks=e=>je(q,{"aria-label":e["aria-label"]\|\|"Slider",children:tm(em,{children:[je(O,{className:"k-first",label:!0,large:!0,text:"0"}),je(O,{}),je(O,{}),je(O,{}),je(O,{}),je(O,{label:!0,large:!0,text:"5"}),je(O,{}),je(O,{}),je(O,{}),je(O,{}),je(O,{className:"k-last",label:!0,large:!0,text:"10"})]}),...e});import{Fragment as om,jsx as et,jsxs as am}from"react/jsx-runtime";var gs=e=>et(q,{children:am(om,{children:[et(O,{className:"k-first",label:!0,large:!0,text:"0"}),et(O,{}),et(O,{}),et(O,{}),et(O,{}),et(O,{label:!0,large:!0,text:"5"}),et(O,{}),et(O,{}),et(O,{}),et(O,{}),et(O,{className:"k-last",label:!0,large:!0,text:"10"})]}),"aria-label":e["aria-label"]\|\|"Vertical slider",...e,orientation:"vertical"});import{Fragment as gS,jsx as kS,jsxs as vS}from"react/jsx-runtime";import{Fragment as AS,jsx as SS,jsxs as IS}from"react/jsx-runtime";import{jsx as rm}from"react/jsx-runtime";var xn=e=>rm(q,{type:"gradient",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]\|\|"Color slider"});import{jsx as nm}from"react/jsx-runtime";var Nn=e=>nm(q,{type:"gradient",orientation:"vertical",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]\|\|"Color slider"});import{Fragment as DS,jsx as _S,jsxs as HS}from"react/jsx-runtime";import{Fragment as VS,jsx as GS,jsxs as $S}from"react/jsx-runtime";import{jsx as xt,jsxs as vs}from"react/jsx-runtime";var im=q.options,sm=q.states,Cs={...q.defaultOptions,variant:"horizontal",label:!0},lm=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],dm=[{name:"label",title:"Labels"},{name:"tick",title:"Ticks"},{name:"button",title:"Side Buttons"}],ko=e=>{let{variant:t,modifiers:o,...a}={...Cs,...e},r={};Object.keys(o\|\|{}).forEach(x=>{switch(x){case"button":{r.showButtons=!!o?.[x];break}case"label":{r.label=!!o?.[x];break}case"tick":{r.showTicks=!!o?.[x];break}}});let{label:s=!0,showButtons:l,showTicks:p}=r,b={"--kendo-slider-start":0,"--kendo-slider-end":60};return t==="vertical"?vs(gs,{showTicks:p,showButtons:l,style:{height:"300px",...b},...a,children:[xt(O,{label:s,large:!0,orientation:"vertical",text:"0",style:{position:"absolute",bottom:"0%"}}),xt(O,{label:s,large:!0,orientation:"vertical",text:"2",style:{position:"absolute",bottom:"25%"}}),xt(O,{label:s,large:!0,orientation:"vertical",text:"4",style:{position:"absolute",bottom:"50%"}}),xt(O,{label:s,large:!0,orientation:"vertical",text:"6",style:{position:"absolute",bottom:"75%"}}),xt(O,{label:s,large:!0,orientation:"vertical",text:"8",style:{position:"absolute",bottom:"100%"}})]}):vs(ks,{showTicks:p,showButtons:l,style:{width:"400px",...b},...a,children:[xt(O,{label:s,large:!0,orientation:"horizontal",text:"0",style:{position:"absolute",left:"0%"}}),xt(O,{label:s,large:!0,orientation:"horizontal",text:"2",style:{position:"absolute",left:"25%"}}),xt(O,{label:s,large:!0,orientation:"horizontal",text:"4",style:{position:"absolute",left:"50%"}}),xt(O,{label:s,large:!0,orientation:"horizontal",text:"6",style:{position:"absolute",left:"75%"}}),xt(O,{label:s,large:!0,orientation:"horizontal",text:"8",style:{position:"absolute",left:"100%"}})]})};ko.options=im;ko.states=sm;ko.variants=lm;ko.defaultOptions=Cs;ko.modifiers=dm;ko.className=q.className;import{jsx as Ls,jsxs as fm}from"react/jsx-runtime";var Ms="k-spin-button",mm=[],um={size:[c.undefined,c.small,c.medium,c.large],fillMode:[f.undefined,f.solid,f.flat,f.outline,f.clear,f.link]},kn={increaseLabel:"Increase value",decreaseLabel:"Decrease value"},_t=e=>{let{size:t,fillMode:o,disabled:a,increaseLabel:r=kn.increaseLabel,decreaseLabel:s=kn.decreaseLabel,...l}=e;return fm("span",{...l,className:n(Ms,e.className),children:[Ls(d,{className:"k-spinner-increase",icon:"chevron-up",size:t,fillMode:o,disabled:a,"aria-label":r}),Ls(d,{className:"k-spinner-decrease",icon:"chevron-down",size:t,fillMode:o,disabled:a,"aria-label":s})]})};_t.states=mm;_t.options=um;_t.className=Ms;_t.defaultOptions=kn;_t.moduleName=null;_t.folderName=null;var Ss="numeric-textbox",As="numerictextbox";import{Fragment as Is,jsx as vt,jsxs as gn}from"react/jsx-runtime";var Ts="k-numerictextbox",bm=[i.hover,i.focus,i.valid,i.invalid,i.loading,i.required,i.disabled,i.readonly],hm={size:[c.undefined,c.small,c.medium,c.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[f.undefined,f.solid,f.flat,f.outline]},tr={showSpinButton:!0,showClearButton:!0,separators:!0},G=e=>{let{size:t,rounded:o,fillMode:a,separators:r=tr.separators,showClearButton:s=tr.showClearButton,showSpinButton:l=tr.showSpinButton,prefix:p,suffix:b,value:x,placeholder:N,hover:k,focus:m,valid:L,invalid:C,required:M,loading:E,disabled:A,readonly:w,id:J,"aria-label":ce,"aria-describedby":ue,...fe}=e;return gn(Q,{...fe,size:t,rounded:o,fillMode:a,hover:k,focus:m,valid:L,invalid:C,required:M,loading:E,disabled:A,readonly:w,className:n(e.className,Ts),children:[p&&gn(Is,{children:[vt(_e,{children:p}),r&&vt(Me,{})]}),vt(Fe,{id:J,placeholder:N,value:x,role:"spinbutton",disabled:A,"aria-label":ce,"aria-describedby":ue,"aria-invalid":C?"true":void 0}),vt(Le,{valid:L,invalid:C,loading:E,disabled:A}),vt(Ke,{loading:E,disabled:A}),s&&vt(ze,{loading:E,disabled:A,readonly:w,value:x}),b&&gn(Is,{children:[r&&vt(Me,{}),vt(De,{children:b})]}),l&&vt(_t,{className:"k-input-spinner",size:t,fillMode:a,disabled:A})]})};G.states=bm;G.options=hm;G.className=Ts;G.defaultOptions=tr;G.moduleName=Ss;G.folderName=As;G.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 Aa=G;import{jsx as xm}from"react/jsx-runtime";var ys=e=>xm(Aa,{...e});import Cn from"react";import{jsx as Es}from"react/jsx-runtime";var Nm="k-list-group-sticky-header",vn=e=>Es("div",{className:n(Nm,e.className),children:Es("div",{className:"k-list-header-text",children:e.children})});import{jsx as gm}from"react/jsx-runtime";var km="k-no-data",or=e=>{let{live:t,...o}=e;return gm("span",{...o,className:n(km,e.className),"aria-live":t?"polite":void 0,children:e.children})};var Wt="list",go=Wt;import{jsx as Os,jsxs as Bs}from"react/jsx-runtime";var Ln="k-list",vm=[],Cm={size:[c.undefined,c.small,c.medium,c.large]},Lm={},D=e=>{let{size:t,virtualization:o,children:a,header:r,optionLabel:s,customValue:l,noData:p,screenReaders:b,...x}=e,k=Cn.Children.toArray(a)[0],m=k?.props?.children?Cn.Children.count(k.props.children):Cn.Children.count(a);return Bs("div",{...x,className:n(e.className,Ln,I(Ln,{size:t}),{"k-virtual-list":o}),children:[s,l,r&&Os(vn,{children:r}),a\|\|(p!==void 0?p:Os(or,{live:!0,children:"No data found."})),b&&a&&Bs(or,{className:"k-sr-only",live:!0,children:[m," items found."]})]})};D.states=vm;D.options=Cm;D.className=Ln;D.defaultOptions=Lm;D.moduleName=Wt;D.folderName=go;D.ariaSpec={selector:".k-list",rules:[{selector:".k-list .k-no-data",attribute:"aria-live=polite",usage:'Announces "No data found" to screen readers.'}]};import{jsx as Im}from"react/jsx-runtime";var Ps="k-list-container",Mm=[],Sm={},Am={},vo=e=>{let{...t}=e;return Im("div",{...t,className:n(e.className,Ps),children:e.children})};vo.states=Mm;vo.options=Sm;vo.className=Ps;vo.defaultOptions=Am;vo.moduleName=Wt;vo.folderName=go;var Jt="checkbox",Co=Jt;import{jsx as ws}from"react/jsx-runtime";var ar="k-checkbox",Tm=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.checked,i.indeterminate],ym={size:[c.undefined,c.small,c.medium,c.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full]},Em={},tt=e=>{let{id:t,checked:o,indeterminate:a,hover:r,focus:s,disabled:l,invalid:p,valid:b,required:x,size:N,rounded:k,wrapperRole:m,...L}=e;return ws("span",{className:"k-checkbox-wrap",role:m,children:ws("input",{...L,id:t,type:"checkbox",defaultChecked:o,required:x,disabled:l\|\|void 0,"aria-invalid":p?"true":void 0,className:n(e.className,ar,I(ar,{size:N,rounded:k}),S(ar,{hover:r,focus:s,disabled:l,invalid:p,valid:b,indeterminate:a,checked:o}))})})};tt.states=Tm;tt.options=ym;tt.className=ar;tt.defaultOptions=Em;tt.moduleName=Jt;tt.folderName=Co;tt.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 ct=tt;import{jsx as Pm}from"react/jsx-runtime";var Rs="k-checkbox-list",Om=[],Bm={},Ks={layout:"vertical"},Ae=e=>{let{layout:t=Ks.layout,...o}=e;return Pm("ul",{...o,className:n(e.className,Rs,{[`k-list-${t}`]:t}),children:e.children})};Ae.states=Om;Ae.options=Bm;Ae.className=Rs;Ae.defaultOptions=Ks;Ae.moduleName=Jt;Ae.folderName=Co;import{jsx as _m}from"react/jsx-runtime";var _s="k-checkbox-list-item",wm=[],Rm={},Km={},Ie=e=>{let{...t}=e;return _m("li",{...t,className:n(e.className,_s),children:e.children})};Ie.states=wm;Ie.options=Rm;Ie.className=_s;Ie.defaultOptions=Km;Ie.moduleName=Jt;Ie.folderName=Co;import{Fragment as Dm,jsx as Ds,jsxs as Hm}from"react/jsx-runtime";var Ct=({children:e="Label",id:t="cb-label-after",...o})=>Hm(Dm,{children:[Ds(ct,{id:t,...o}),Ds("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});import{Fragment as bI,jsx as fI,jsxs as hI}from"react/jsx-runtime";import{Fragment as vI,jsx as gI,jsxs as CI}from"react/jsx-runtime";import{Fragment as II,jsx as AI,jsxs as TI}from"react/jsx-runtime";import{jsx as BI}from"react/jsx-runtime";import{jsx as KI}from"react/jsx-runtime";import{jsx as zI}from"react/jsx-runtime";import{jsx as ot,jsxs as Hs}from"react/jsx-runtime";var zm=Ae.options,Fm=Ae.states,Um={...Ae.defaultOptions,variant:"vertical"},Gm=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],Vm=[],Lo=e=>{let{variant:t,...o}=e;return t==="horizontal"?Hs(Ae,{layout:"horizontal",...o,children:[ot(Ie,{children:ot(Ct,{id:T("cb"),defaultChecked:!0,children:"Label"})}),ot(Ie,{children:ot(Ct,{id:T("cb"),children:"Label"})}),ot(Ie,{children:ot(Ct,{id:T("cb"),children:"Label"})})]}):Hs(Ae,{...o,children:[ot(Ie,{children:ot(Ct,{id:T("cb"),defaultChecked:!0,children:"Label"})}),ot(Ie,{children:ot(Ct,{id:T("cb"),children:"Label"})}),ot(Ie,{children:ot(Ct,{id:T("cb"),children:"Label"})})]})};Lo.options=zm;Lo.states=Fm;Lo.variants=Gm;Lo.defaultOptions=Um;Lo.modifiers=Vm;Lo.className=Ae.className;import{jsx as Ym}from"react/jsx-runtime";var $m=ct.options,Xm=ct.states,qm=ct.defaultOptions,Wm=[],Jm=[],Mo=e=>Ym(Ct,{id:T("checkbox"),...e,defaultChecked:!0,children:"Label"});Mo.options=$m;Mo.states=Xm;Mo.variants=Wm;Mo.defaultOptions=qm;Mo.modifiers=Jm;Mo.className=ct.className;import{jsx as Yt,jsxs as eu}from"react/jsx-runtime";var Mn="k-list-item",Qm=[i.hover,i.focus,i.selected,i.disabled],Zm={},jm={},P=e=>{let{text:t,groupLabel:o,group:a,iconName:r,iconClassName:s,showCheckbox:l,checked:p,hover:b,focus:x,selected:N,disabled:k,actions:m,description:L,id:C,...M}=e,E=t\|\|e.children;return eu("li",{...M,id:C,role:a?"presentation":"option",tabIndex:a?void 0:x?0:-1,"aria-selected":!a&&N?"true":a?void 0:"false","aria-disabled":!a&&k?"true":void 0,className:n(e.className,a?"k-list-group-item":Mn,S(Mn,{hover:b,focus:x,disabled:k,selected:N})),children:[l&&Yt(tt,{checked:p}),r&&Yt("span",{className:"k-list-item-icon-wrapper",children:Yt(v,{icon:r,className:n("k-list-item-icon",s)})}),Yt("span",{className:"k-list-item-text",children:E}),m&&Yt("div",{className:"k-list-item-actions",children:m}),L&&Yt("span",{className:"k-list-item-description",children:L}),o&&o!==""&&Yt("div",{className:"k-list-item-group-label",children:o})]})};P.states=Qm;P.options=Zm;P.className=Mn;P.defaultOptions=jm;P.moduleName=Wt;P.folderName=go;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."}]};import{jsx as ou}from"react/jsx-runtime";var tu="k-list-ul",Lt=e=>{let{children:t,role:o,id:a,...r}=e;return ou("ul",{...r,id:a,role:o,className:n(tu,e.className),children:t})};Lt.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."}]};import{jsx as Sn,jsxs as ru}from"react/jsx-runtime";var au="k-list-content",$=e=>{let{virtualization:t,grouping:o,"aria-label":a,"aria-labelledby":r,listboxId:s,...l}=e;return ru("div",{...l,className:n(au,e.className),role:o?"listbox":void 0,id:o?s:void 0,"aria-label":o?a:void 0,"aria-labelledby":o?r:void 0,children:[o?e.children:Sn(Lt,{role:"listbox",id:s,"aria-label":a,"aria-labelledby":r,children:e.children}),t&&Sn("div",{className:"k-height-container",children:Sn("div",{})})]})};$.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."}]};import{Fragment as ET,jsx as yT,jsxs as OT}from"react/jsx-runtime";import{jsx as An,jsxs as iu}from"react/jsx-runtime";var nu="k-list-group-item",Qt=e=>{let{groupIconName:t,...o}=e;return iu("li",{...o,role:"presentation",className:n(nu,e.className),children:[t&&An("span",{className:"k-list-item-icon-wrapper",children:An(v,{icon:t,className:"k-list-item-icon"})}),An("span",{className:"k-list-item-text",children:e.children})]})};Qt.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."}]};import{jsx as cu}from"react/jsx-runtime";var In="k-list-optionlabel",su=[i.hover,i.focus,i.selected,i.disabled],lu={},du={},rr=e=>{let{text:t,hover:o,focus:a,selected:r,disabled:s,...l}=e;return cu("div",{...l,className:n(In,S(In,{hover:o,focus:a,selected:r,disabled:s})),children:t})};rr.states=su;rr.options=lu;rr.className=In;rr.defaultOptions=du;import{jsx as fu}from"react/jsx-runtime";var Tn="k-list-custom-value",pu=[i.hover,i.focus,i.selected,i.disabled],mu={},uu={},Dt=e=>{let{text:t,hover:o,focus:a,selected:r,disabled:s,...l}=e;return fu("div",{...l,className:n(Tn,S(Tn,{hover:o,focus:a,selected:r,disabled:s})),children:t})};Dt.states=pu;Dt.options=mu;Dt.className=Tn;Dt.defaultOptions=uu;import{Fragment as qT,jsx as XT,jsxs as WT}from"react/jsx-runtime";import{Fragment as ey,jsx as jT,jsxs as ty}from"react/jsx-runtime";import{Fragment as ly,jsx as iy,jsxs as sy}from"react/jsx-runtime";import{Fragment as by,jsx as uy,jsxs as fy}from"react/jsx-runtime";import{jsx as ky}from"react/jsx-runtime";import{Fragment as Sy,jsx as My,jsxs as Ay}from"react/jsx-runtime";var zs="dropdown-list",Fs="dropdownlist";import{Fragment as xu,jsx as Te,jsxs as yn}from"react/jsx-runtime";var Us="k-dropdownlist",bu=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],hu={size:[c.undefined,c.small,c.medium,c.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[f.undefined,f.solid,f.flat,f.outline]},En={showValue:!0,arrowIconName:"chevron-down"},ie=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:r=En.arrowIconName,showValue:s=En.showValue,valueIconName:l,prefix:p,suffix:b,value:x,placeholder:N,hover:k,focus:m,valid:L,invalid:C,required:M,loading:E,disabled:A,readonly:w,popup:J,opened:ce,adaptive:ue,adaptiveSettings:fe,adaptiveTitle:Ce,adaptiveSubtitle:$t,adaptiveFilter:Or,id:Et,activeDescendant:Va,"aria-label":Br,...Pr}=e,Dd=Et?`${Et}-listbox`:void 0,gi=Et?`${Et}-value`:void 0;return yn(xu,{children:[yn(ft,{...Pr,id:Et,size:t,rounded:o,fillMode:a,hover:k,focus:m,valid:L,invalid:C,required:M,loading:E,disabled:A,readonly:w,className:n(e.className,Us,{"k-icon-picker":!s&&l}),role:"combobox","aria-haspopup":"listbox","aria-expanded":ce?"true":"false","aria-controls":ce?Dd:void 0,"aria-activedescendant":ce&&Va?Va:void 0,"aria-describedby":ce?gi:void 0,"aria-disabled":A?"true":void 0,"aria-label":Br,tabIndex:0,children:[Te(_e,{children:p}),Te(qt,{placeholder:N,value:x,showValue:s,valueIconName:l,id:gi}),Te(Le,{valid:L,invalid:C,loading:E,disabled:A}),Te(Ke,{loading:E,disabled:A}),Te(De,{children:b}),Te(d,{className:"k-input-button",icon:r,size:e.size,fillMode:e.fillMode,"aria-label":N\|\|"Toggle dropdown",tabIndex:-1})]}),ce&&J&&Te(U,{className:"k-list-container k-dropdownlist-popup",containerRole:"region",containerAriaLabel:"Dropdown suggestions",children:J}),ue&&Te(te,{adaptive:!0,...fe,header:Te(Se,{actionsEnd:Te(d,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),filter:Or,inputValue:x,inputPlaceholder:N,title:Ce,subtitle:$t}),children:Te("div",{className:"k-list-container",children:Te(D,{size:"large",children:yn($,{"aria-label":"Options",children:[Te(P,{text:"List item"}),Te(P,{text:"List item"}),Te(P,{text:"List item"})]})})})})]})};ie.states=bu;ie.options=hu;ie.className=Us;ie.defaultOptions=En;ie.moduleName=zs;ie.folderName=Fs;ie.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."}]};import{jsx as nE}from"react/jsx-runtime";import{jsx as pE,jsxs as mE}from"react/jsx-runtime";import{Fragment as vE,jsx as kE,jsxs as gE}from"react/jsx-runtime";import{jsx as AE}from"react/jsx-runtime";import{jsx as BE,jsxs as PE}from"react/jsx-runtime";import{Fragment as UE,jsx as zE,jsxs as FE}from"react/jsx-runtime";import{jsx as qE}from"react/jsx-runtime";import{Fragment as Lu,jsx as Ht,jsxs as Gs}from"react/jsx-runtime";var Nu=ie.states,ku=ie.defaultOptions,gu=ie.options,vu=[{name:"opened",title:"Opened"}],Cu=[],Ao=e=>{let{modifiers:t,...o}=e,a={},r=Gs(Lu,{children:[Ht("div",{className:"k-list-filter",children:Ht(Qe,{})}),Ht(D,{style:{width:300},size:o.size,children:Gs($,{children:[Ht(P,{children:"List item"}),Ht(P,{children:"List item"}),Ht(P,{children:"List item"})]})})]});return Object.keys(t\|\|{}).forEach(s=>{s==="opened"&&(a.opened=!!t?.[s],a.popup=t?.[s]?r:void 0)}),Ht("div",{children:Ht(ie,{placeholder:"Value",style:{width:300},...o,...a})})};Ao.options=gu;Ao.states=Nu;Ao.variants=Cu;Ao.defaultOptions=ku;Ao.modifiers=vu;Ao.className=ie.className;import{Fragment as bO,jsx as fO}from"react/jsx-runtime";import{Fragment as vO,jsx as gO}from"react/jsx-runtime";import{jsx as SO}from"react/jsx-runtime";import{jsx as On}from"react/jsx-runtime";var Mu=G.states,Su=G.defaultOptions,Au=G.options,Iu=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"spin-button",title:"`Spin` Button"}],Tu=[],Io=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(r=>{switch(r){case"prefix":a.prefix=t?.[r]?On(ie,{size:o.size,fillMode:"flat",value:"mm"}):void 0;break;case"suffix":a.suffix=t?.[r]?On(Qr,{children:"mm"}):void 0;break;case"clear-button":a.showClearButton=t?.[r];break;case"spin-button":a.showSpinButton=t?.[r];break;default:break}}),On(ys,{value:"Value",style:{width:300},...o,...a})};Io.options=Au;Io.states=Mu;Io.variants=Tu;Io.defaultOptions=Su;Io.modifiers=Iu;Io.className=G.className;import{Fragment as Ia,jsx as K,jsxs as ne}from"react/jsx-runtime";var Vs="k-colorgradient-inputs",yu=[],Eu={size:[c.undefined,c.small,c.medium,c.large]},$s={mode:"rgba"},To=e=>{let{mode:t=$s.mode,size:o,...a}=e;return ne("div",{...a,className:n(Vs,"k-hstack"),children:[K("div",{className:"k-vstack",children:K(d,{fillMode:"flat",icon:"caret-alt-expand",className:"k-colorgradient-toggle-mode",size:o,"aria-label":"Toggle color input format"})}),t==="rgba"&&ne(Ia,{children:[ne("div",{className:"k-vstack",children:[K(G,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Red channel"}),K("label",{className:"k-colorgradient-input-label",children:"R"})]}),ne("div",{className:"k-vstack",children:[K(G,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Green channel"}),K("label",{className:"k-colorgradient-input-label",children:"G"})]}),ne("div",{className:"k-vstack",children:[K(G,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Blue channel"}),K("label",{className:"k-colorgradient-input-label",children:"B"})]}),ne("div",{className:"k-vstack",children:[K(G,{showSpinButton:!1,showClearButton:!1,value:"1.00",size:o,"aria-label":"Alpha channel"}),K("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="rgb"&&ne(Ia,{children:[ne("div",{className:"k-vstack",children:[K(G,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Red channel"}),K("label",{className:"k-colorgradient-input-label",children:"R"})]}),ne("div",{className:"k-vstack",children:[K(G,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Green channel"}),K("label",{className:"k-colorgradient-input-label",children:"G"})]}),ne("div",{className:"k-vstack",children:[K(G,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Blue channel"}),K("label",{className:"k-colorgradient-input-label",children:"B"})]})]}),t==="hsva"&&ne(Ia,{children:[ne("div",{className:"k-vstack",children:[K(G,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),K("label",{className:"k-colorgradient-input-label",children:"H"})]}),ne("div",{className:"k-vstack",children:[K(G,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),K("label",{className:"k-colorgradient-input-label",children:"S"})]}),ne("div",{className:"k-vstack",children:[K(G,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),K("label",{className:"k-colorgradient-input-label",children:"V"})]}),ne("div",{className:"k-vstack",children:[K(G,{showSpinButton:!1,showClearButton:!1,value:"1.00","aria-label":"Alpha channel"}),K("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="hsv"&&ne(Ia,{children:[ne("div",{className:"k-vstack",children:[K(G,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),K("label",{className:"k-colorgradient-input-label",children:"H"})]}),ne("div",{className:"k-vstack",children:[K(G,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),K("label",{className:"k-colorgradient-input-label",children:"S"})]}),ne("div",{className:"k-vstack",children:[K(G,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),K("label",{className:"k-colorgradient-input-label",children:"V"})]})]}),t==="hex"&&K(Ia,{children:ne("div",{className:"k-vstack k-flex-1",children:[K(be,{showClearButton:!1,value:"#b88484AA",className:"k-hex-value"}),K("label",{className:"k-colorgradient-input-label",children:"HEX"})]})})]})};To.states=yu;To.options=Eu;To.className=Vs;To.defaultOptions=$s;import{jsx as Zt,jsxs as jt}from"react/jsx-runtime";var Xs="k-colorgradient-color-contrast",Ou=[],Bu={},Pu={},yo=()=>jt("div",{className:n(Xs,"k-vbox"),children:[jt("div",{className:"k-contrast-ratio",children:[Zt("span",{className:"k-contrast-ratio-text",children:"Contrast ratio: 7.1"}),jt("span",{className:"k-contrast-validation !k-text-success",children:[Zt(v,{icon:"check"}),Zt(v,{icon:"check"})]})]}),jt("div",{children:[Zt("span",{children:"AA: 4.5"}),jt("span",{className:"k-contrast-validation !k-text-success",children:["Pass",Zt(v,{icon:"check"})]})]}),jt("div",{children:[Zt("span",{children:"AAA: 7.0"}),jt("span",{className:"k-contrast-validation !k-text-error",children:["Fail",Zt(v,{icon:"x"})]})]})]});yo.states=Ou;yo.options=Bu;yo.className=Xs;yo.defaultOptions=Pu;var qs="color-gradient",Ws="colorgradient";import{jsx as at,jsxs as Ta}from"react/jsx-runtime";var nr="k-colorgradient",wu=[i.hover,i.focus,i.readonly,i.disabled],Ru={size:[c.undefined,c.small,c.medium,c.large]},Nt={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"},pe=e=>{let{size:t,mode:o=Nt.mode,readonly:a=Nt.readonly,disabled:r=Nt.disabled,gradientStyle:s=Nt.gradientStyle,dragHandleStyle:l=Nt.dragHandleStyle,alphaStyle:p=Nt.alphaStyle,alphaStyleHorizontal:b=Nt.alphaStyleHorizontal,contrast:x=Nt.contrast,dir:N,hover:k,focus:m,hoverHandle:L,focusHandle:C,canvasOrientation:M=Nt.canvasOrientation,role:E,tabIndex:A,...w}=e;return Ta("div",{...w,role:E??"textbox","aria-label":E==="none"?void 0:"Color gradient",tabIndex:A??0,"aria-disabled":r?"true":void 0,className:n(e.className,nr,I(nr,{size:t}),S(nr,{hover:k,focus:m,readonly:a,disabled:r})),dir:N,children:[!M\|\|M==="horizontal"&&Ta("div",{className:"k-colorgradient-canvas k-hstack",children:[at("div",{className:"k-hsv-rectangle",style:s,children:at("div",{className:"k-hsv-gradient",children:at("div",{className:n("k-hsv-draghandle","k-draghandle",{"k-hover":L,"k-focus":C}),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})})}),Ta("div",{className:"k-hsv-controls k-hstack",children:[at(Nn,{className:"k-hue-slider",hover:L,focus:C}),o!=="rgb"&&o!=="hsv"&&at(Nn,{className:"k-alpha-slider",hover:L,focus:C,trackStyle:p})]})]}),M==="vertical"&&Ta("div",{className:"k-colorgradient-canvas k-vstack",children:[at("div",{className:"k-hsv-rectangle",style:s,children:at("div",{className:"k-hsv-gradient",children:at("div",{className:n("k-hsv-draghandle","k-draghandle",{"k-hover":L,"k-focus":C}),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})})}),Ta("div",{className:"k-hsv-controls k-vstack",children:[at(xn,{className:"k-hue-slider",hover:L,focus:C}),o!=="rgb"&&o!=="hsv"&&at(xn,{className:"k-alpha-slider",hover:L,focus:C,trackStyle:b})]})]}),at(To,{mode:e.mode,size:t}),x&&at(yo,{})]})};pe.states=wu;pe.options=Ru;pe.className=nr;pe.defaultOptions=Nt;pe.moduleName=qs;pe.folderName=Ws;pe.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)."}]};import{jsx as Ku}from"react/jsx-runtime";var ir=e=>Ku(pe,{...e});import{jsx as cB}from"react/jsx-runtime";import{jsx as fB}from"react/jsx-runtime";import{jsx as Bn}from"react/jsx-runtime";var _u=pe.options,Du=pe.states,Hu={...pe.defaultOptions,variant:"rgba"},zu=[{name:"rgba",title:"RGBA"},{name:"rgb",title:"RGB"},{name:"hex",title:"HEX"}],Fu=[],Eo=e=>{let{variant:t,...o}=e;switch(t){case"hex":return Bn(ir,{...o,mode:t});case"rgb":return Bn(ir,{...o,mode:t});default:return Bn(ir,{...o,mode:t})}};Eo.options=_u;Eo.states=Du;Eo.variants=zu;Eo.defaultOptions=Hu;Eo.modifiers=Fu;Eo.className=pe.className;import{jsx as Uu}from"react/jsx-runtime";var Pn=e=>Uu("tr",{role:"row",children:e.children});import{jsx as $u}from"react/jsx-runtime";var wn="k-colorpalette-tile",Gu=[i.hover,i.focus,i.selected],Vu={},Oo=e=>{let{color:t,tileSize:o,hover:a,focus:r,selected:s,...l}=e,p={backgroundColor:t,width:o?o+"px":"",height:o?o+"px":""};return $u("td",{...l,role:"gridcell","aria-label":t,"aria-selected":s?"true":void 0,className:n(e.className,wn,S(wn,{hover:a,focus:r,selected:s})),style:p})};Oo.states=Gu;Oo.options=Vu;Oo.className=wn;var Js="color-palette",Ys="colorpalette";import{jsx as ya}from"react/jsx-runtime";var sr="k-colorpalette",Xu=[i.disabled],qu={size:[c.undefined,c.small,c.medium,c.large]},Qs={columns:10},ye=e=>{let{size:t,palette:o,columns:a=Qs.columns,tileSize:r,disabled:s,...l}=e,p=[];if(o){let b=a\|\|o.columns,x=o.colors?o.colors:o;Array.isArray(x)&&Array.from({length:Math.ceil(x.length/b)},(N,k)=>{let m=[];x.slice(kb,(k+1)b).map((C,M)=>{m.push(ya(Oo,{color:C,tileSize:r},M))});let L=ya(Pn,{children:m},k);p.push(L)})}return ya("div",{...l,role:"grid","aria-label":"Color palette",tabIndex:0,"aria-disabled":s?"true":void 0,className:n(e.className,sr,S(sr,{disabled:s}),I(sr,{size:t})),children:ya("table",{className:"k-colorpalette-table",role:"none",children:ya("tbody",{children:p.length>0?p:e.children})})})};ye.states=Xu;ye.options=qu;ye.className=sr;ye.defaultOptions=Qs;ye.moduleName=Js;ye.folderName=Ys;ye.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 lr=ye;var Ea={basic:{colors:["#000000","#7f7f7f","#880015","#ed1c24","#ff7f27","#fff200","#22b14c","#00a2e8","#3f48cc","#a349a4","#ffffff","#c3c3c3","#b97a57","#ffaec9","#ffc90e","#efe4b0","#b5e61d","#99d9ea","#7092be","#c8bfe7"],columns:10},office:{colors:["#ffffff","#000000","#e6e6e6","#435569","#4371c4","#ed7e32","#a5a4a5","#febf04","#5a9bd5","#71ae48","#f2f2f3","#7f7f7f","#d1cece","#d5dde3","#dae1f4","#fce5d4","#deeded","#fff2cc","#deeaf6","#e1efd9","#d7d8d8","#585959","#aeabab","#adbaca","#b4c5e7","#f6caac","#dbdbdb","#ffe498","#bcd6ee","#c5e0b2","#bfbfc0","#3f3f3f","#767070","#8595b1","#8fabdb","#f5b183","#c9c8c9","#fed965","#9bc4e5","#a8d08d","#a5a5a6","#262625","#393939","#334050","#2e5496","#c45a11","#7b7b7a","#bf9000","#2f75b5","#548235","#7f7f7f","#0b0c0c","#161616","#222a34","#203764","#843d0b","#525252","#7f6000","#1d4d79","#375623"],columns:10},apex:{colors:["#ffffff","#000000","#c9c2d1","#69676d","#ceb966","#9cb084","#6bb1c9","#6585cf","#7e6bc9","#a379bb","#f2f2f2","#7f7f7f","#f4f2f5","#e0e0e2","#f5f1e0","#ebefe6","#e1eff4","#e0e6f5","#e5e1f4","#ece4f1","#d8d8d8","#595959","#e9e6ec","#c2c1c5","#ebe3c1","#d7dfcd","#c3dfe9","#c1ceeb","#cbc3e9","#dac9e3","#bfbfbf","#3f3f3f","#dedae3","#a4a3a8","#e1d5a3","#c3cfb5","#a6d0de","#a2b5e2","#b1a6de","#c7aed6","#a5a5a5","#262626","#9688a5","#4e4d51","#ae9638","#758c5a","#3d8da9","#365bb0","#533da9","#7d4d99","#7f7f7f","#0c0c0c","#635672","#343336","#746425","#4e5d3c","#295e70","#243c75","#372970","#533366"],columns:10},austin:{colors:["#ffffff","#000000","#caf278","#3e3d2d","#94c600","#71685a","#ff6700","#909465","#956b43","#fea022","#f2f2f2","#7f7f7f","#f4fce4","#dddcd0","#efffc0","#e3e1dc","#ffe0cb","#e8e9df","#ece1d6","#feecd2","#d8d8d8","#595959","#e9f9c9","#bbb9a1","#dfff82","#c8c3ba","#ffc299","#d2d4c0","#dac3ad","#fed9a6","#bfbfbf","#3f3f3f","#dff7ae","#ada598","#cfff43","#ada598","#ffa365","#bcbfa1","#c8a585","#fec67a","#a5a5a5","#262626","#a9ea25","#2e2d21","#6f9400","#544e43","#bf4d00","#6c6f4b","#6f5032","#d77b00","#7f7f7f","#0c0c0c","#74a50f","#1f1e16","#4a6300","#38342d","#7f3300","#484a32","#4a3521","#8f5200"],columns:10},clarity:{colors:["#ffffff","#292934","#f3f2dc","#d2533c","#93a299","#ad8f67","#726056","#4c5a6a","#808da0","#79463d","#f2f2f2","#e7e7ec","#e7e5b9","#f6dcd8","#e9ecea","#eee8e0","#e4dedb","#d8dde3","#e5e8ec","#e9d6d3","#d8d8d8","#c4c4d1","#d5d185","#edbab1","#d3d9d6","#ded2c2","#c9beb8","#b2bcc8","#ccd1d9","#d3aea7","#bfbfbf","#8a8aa3","#aca73b","#e4978a","#bec7c1","#cdbba3","#af9e94","#8c9bac","#b2bac6","#bd857c","#a5a5a5","#56566e","#56531d","#a43925","#6b7c72","#866b48","#554840","#39434f","#5c697b","#5a342d","#7f7f7f","#3b3b4b","#22210b","#6d2619","#47534c","#594730","#39302b","#262d35","#3d4652","#3c231e"],columns:10},slipstream:{colors:["#ffffff","#000000","#b4dcfa","#212745","#4e67c8","#5eccf3","#a7ea52","#5dceaf","#ff8021","#f14124","#f2f2f2","#7f7f7f","#8bc9f7","#c7cce4","#dbe0f4","#def4fc","#edfadc","#def5ef","#ffe5d2","#fcd9d3","#d8d8d8","#595959","#4facf3","#909aca","#b8c2e9","#beeafa","#dbf6b9","#beebdf","#ffcca6","#f9b3a7","#bfbfbf","#3f3f3f","#0d78c9","#5967af","#94a3de","#9ee0f7","#caf297","#9de1cf","#ffb279","#f68d7b","#a5a5a5","#262626","#063c64","#181d33","#31479f","#11b2eb","#81d319","#34ac8b","#d85c00","#c3260c","#7f7f7f","#0c0c0c","#021828","#101322","#202f6a","#0b769c","#568c11","#22725c","#903d00","#821908"],columns:10},metro:{colors:["#ffffff","#000000","#d6ecff","#4e5b6f","#7fd13b","#ea157a","#feb80a","#00addc","#738ac8","#1ab39f","#f2f2f2","#7f7f7f","#a7d6ff","#d9dde4","#e5f5d7","#fad0e4","#fef0cd","#c5f2ff","#e2e7f4","#c9f7f1","#d8d8d8","#595959","#60b5ff","#b3bcca","#cbecb0","#f6a1c9","#fee29c","#8be6ff","#c7d0e9","#94efe3","#bfbfbf","#3f3f3f","#007dea","#8d9baf","#b2e389","#f272af","#fed46b","#51d9ff","#aab8de","#5fe7d5","#a5a5a5","#262626","#003e75","#3a4453","#5ea226","#af0f5b","#c58c00","#0081a5","#425ea9","#138677","#7f7f7f","#0c0c0c","#00192e","#272d37","#3f6c19","#750a3d","#835d00","#00566e","#2c3f71","#0c594f"],columns:10},flow:{colors:["#ffffff","#000000","#dbf5f9","#04617b","#0f6fc6","#009dd9","#0bd0d9","#10cf9b","#7cca62","#a5c249","#f2f2f2","#7f7f7f","#b2e9f2","#b4ecfc","#c7e2fa","#c4eeff","#c9fafc","#c9faed","#e4f4df","#edf2da","#d8d8d8","#595959","#76d9e8","#6adafa","#90c6f6","#89deff","#93f5f9","#94f6db","#cae9c0","#dbe6b6","#bfbfbf","#3f3f3f","#21b2c8","#20c8f7","#59a9f2","#4fceff","#5df0f6","#5ff2ca","#b0dfa0","#c9da91","#a5a5a5","#262626","#105964","#02485c","#0b5394","#0075a2","#089ca2","#0b9b74","#54a838","#7e9532","#7f7f7f","#0c0c0c","#062328","#01303d","#073763","#004e6c","#05686c","#07674d","#387025","#546321"],columns:10},hardcover:{colors:["#ffffff","#000000","#ece9c6","#895d1d","#873624","#d6862d","#d0be40","#877f6c","#972109","#aeb795","#f2f2f2","#7f7f7f","#e1dca5","#f2e0c6","#f0d0c9","#f6e6d5","#f5f2d8","#e7e5e1","#fbc7bc","#eef0e9","#d8d8d8","#595959","#d0c974","#e6c28d","#e2a293","#eeceaa","#ece5b2","#cfccc3","#f78f7a","#dee2d4","#bfbfbf","#3f3f3f","#a29a36","#daa454","#d4735e","#e6b681","#e2d88c","#b7b2a5","#f35838","#ced3bf","#a5a5a5","#262626","#514d1b","#664515","#65281a","#a2641f","#a39428","#655f50","#711806","#879464","#7f7f7f","#0c0c0c","#201e0a","#442e0e","#431b11","#6c4315","#6d621a","#433f35","#4b1004","#5a6243"],columns:10},trek:{colors:["#ffffff","#000000","#fbeec9","#4e3b30","#f0a22e","#a5644e","#b58b80","#c3986d","#a19574","#c17529","#f2f2f2","#7f7f7f","#f7e09e","#e1d6cf","#fcecd5","#eddfda","#f0e7e5","#f3eae1","#ece9e3","#f5e3d1","#d8d8d8","#595959","#f3cc5f","#c4ad9f","#f9d9ab","#dcc0b6","#e1d0cc","#e7d5c4","#d9d4c7","#ebc7a3","#bfbfbf","#3f3f3f","#d29f0f","#a78470","#f6c781","#cba092","#d2b9b2","#dbc1a7","#c6bfab","#e1ac76","#a5a5a5","#262626","#694f07","#3a2c24","#c87d0e","#7b4b3a","#926255","#a17242","#7b7153","#90571e","#7f7f7f","#0c0c0c","#2a1f03","#271d18","#855309","#523226","#614138","#6b4c2c","#524b37","#603a14"],columns:10},verve:{colors:["#ffffff","#000000","#d2d2d2","#666666","#ff388c","#e40059","#9c007f","#68007f","#005bd3","#00349e","#f2f2f2","#7f7f7f","#bdbdbd","#e0e0e0","#ffd7e8","#ffc6dc","#ffb8f1","#f1b2ff","#c3dcff","#b8cfff","#d8d8d8","#595959","#9d9d9d","#c1c1c1","#ffafd1","#ff8eba","#ff71e4","#e365ff","#87baff","#72a0ff","#bfbfbf","#3f3f3f","#696969","#a3a3a3","#ff87ba","#ff5597","#ff2ad7","#d519ff","#4b98ff","#2b71ff","#a5a5a5","#262626","#343434","#4c4c4c","#e90062","#ab0042","#75005f","#4e005f","#00449e","#002676","#7f7f7f","#0c0c0c","#151515","#333333","#9b0041","#72002c","#4e003f","#34003f","#002d69","#00194f"],columns:10},monochrome:{colors:["#000000","#1a1a1a","#333333","#4d4d4d","#666666","#808080","#999999","#b3b3b3","#cccccc","#e6e6e6","#f2f2f2","#ffffff"],columns:12}};import{jsx as Wu}from"react/jsx-runtime";var Zs=e=>Wu(lr,{palette:Ea.basic,...e});import{jsx as JB}from"react/jsx-runtime";import{jsx as tP,jsxs as oP}from"react/jsx-runtime";import{jsx as tf}from"react/jsx-runtime";var Ju=ye.options,Yu=ye.states,Qu={...ye.defaultOptions,variant:"basic"},Zu=[{name:"basic",title:"Basic"},{name:"monochrome",title:"Monochrome"}],ju={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}},ef=[],Bo=e=>{let{variant:t="basic",...o}=e,a=ju[t];return tf(Zs,{columns:a.columns,palette:a,...o})};Bo.options=Ju;Bo.states=Yu;Bo.variants=Zu;Bo.defaultOptions=Qu;Bo.modifiers=ef;Bo.className=ye.className;var js="color-editor",el="coloreditor";import{jsx as rt,jsxs as Po}from"react/jsx-runtime";var dr="k-coloreditor",of=[i.focus],af={size:[c.undefined,c.small,c.medium,c.large]},Oa={view:"gradient",palette:Ea.office,actionButtons:!0,canvasOrientation:"horizontal"},oe=e=>{let{size:t,view:o=Oa.view,palette:a=Oa.palette,color:r,currentColor:s,focus:l,focusView:p,dir:b,group:x,actionButtons:N=Oa.actionButtons,canvasOrientation:k=Oa.canvasOrientation,...m}=e;return Po("div",{...m,role:"textbox","aria-label":"Color editor",tabIndex:0,className:n(e.className,"k-flatcolorpicker",dr,I(dr,{size:t}),S(dr,{focus:l})),dir:b,children:[Po("div",{className:"k-coloreditor-header k-hstack",children:[rt("div",{className:"k-coloreditor-header-actions k-hstack",children:x&&Po(B,{fillMode:"flat",children:[rt(d,{className:"k-group-start",size:t,fillMode:"flat",icon:"droplet-slider",selected:o==="gradient","aria-label":"Color gradient view"}),rt(d,{className:"k-group-end",size:t,fillMode:"flat",icon:"palette",selected:o==="palette","aria-label":"Color palette view"})]})}),rt("div",{className:"k-spacer"}),Po("div",{className:"k-coloreditor-header-actions k-hstack",children:[rt(d,{fillMode:"flat",icon:"droplet-slash",size:t,"aria-label":"Reset color"}),Po("div",{className:"k-coloreditor-preview k-vstack",children:[rt(Ot,{className:"k-coloreditor-preview-color",color:r}),rt(Ot,{className:"k-coloreditor-current-color",color:s})]})]})]}),rt("div",{className:"k-coloreditor-views k-vstack",children:o==="gradient"?rt(pe,{focus:p,size:t,canvasOrientation:k,role:"none",tabIndex:-1}):rt(ye,{palette:a,size:t})}),N&&Po(z,{className:"k-coloreditor-footer",alignment:"start",children:[rt(d,{themeColor:"primary",size:t,className:"k-coloreditor-apply",children:"Apply"}),rt(d,{className:"k-coloreditor-cancel",size:t,children:"Cancel"})]})]})};oe.states=of;oe.options=af;oe.className=dr;oe.defaultOptions=Oa;oe.moduleName=js;oe.folderName=el;oe.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 wo=oe;import{jsx as OP}from"react/jsx-runtime";import{jsx as RP}from"react/jsx-runtime";import{jsx as rf}from"react/jsx-runtime";var tl=e=>rf(wo,{group:!0,currentColor:"fuchsia",...e});import{jsx as nf}from"react/jsx-runtime";var ol=e=>nf(wo,{view:"palette",group:!0,currentColor:"fuchsia",...e});import{jsx as al}from"react/jsx-runtime";var sf=oe.options,lf=oe.states,df={...oe.defaultOptions,variant:"gradient"},cf=[{name:"gradient",title:"Gradient"},{name:"palette",title:"Palette"}],pf=[],Ro=e=>{let{variant:t,...o}=e;return t==="palette"?al(ol,{...o,color:"white"}):al(tl,{...o,color:"rgba(183, 118 , 118, 1.00)"})};Ro.options=sf;Ro.states=lf;Ro.variants=cf;Ro.defaultOptions=df;Ro.modifiers=pf;Ro.className=oe.className;var rl="color-picker",nl="colorpicker";import{Fragment as ff,jsx as nt,jsxs as Rn}from"react/jsx-runtime";var il="k-colorpicker",mf=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled],uf={size:[c.undefined,c.small,c.medium,c.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[f.undefined,f.solid,f.flat,f.outline]},sl={arrowIconName:"chevron-down"},Ue=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:r=sl.arrowIconName,prefix:s,suffix:l,value:p,placeholder:b,hover:x,focus:N,valid:k,invalid:m,required:L,disabled:C,valueIconName:M,popup:E,opened:A,adaptive:w,adaptiveSettings:J,adaptiveTitle:ce,adaptiveSubtitle:ue,...fe}=e,Ce="colorpicker-popup";return Rn(ff,{children:[Rn(ft,{...fe,size:t,rounded:o,fillMode:a,hover:x,focus:N,valid:k,invalid:m,required:L,disabled:C,role:"combobox","aria-haspopup":"dialog","aria-expanded":A?"true":"false","aria-controls":A\|\|w?Ce:void 0,"aria-label":"Color picker",tabIndex:0,"aria-disabled":C?"true":void 0,className:n(e.className,il,"k-icon-picker"),children:[nt(_e,{children:s}),nt(qt,{placeholder:b,value:p,showValue:!1,valueIcon:nt(Ot,{className:"k-value-icon",color:p,iconName:M}),valueIconName:M}),nt(De,{children:l}),nt(d,{className:"k-input-button",icon:r,size:t,fillMode:a,tabIndex:-1,"aria-label":"Open color picker",disabled:C})]}),A&&E&&nt(U,{id:Ce,className:"k-colorpicker-popup",children:E}),w&&nt(te,{adaptive:!0,id:Ce,...J,header:nt(Se,{actionsEnd:nt(d,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply"}),title:ce,subtitle:ue}),footer:Rn(Bt,{children:[nt(d,{text:"Cancel",size:"large"}),nt(d,{text:"Set",size:"large",themeColor:"primary"})]}),children:nt(oe,{canvasOrientation:"vertical",size:"large",actionButtons:!1,group:!0})})]})};Ue.states=mf;Ue.options=uf;Ue.className=il;Ue.defaultOptions=sl;Ue.moduleName=rl;Ue.folderName=nl;Ue.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 Mt=Ue;import{jsx as bf}from"react/jsx-runtime";var cr=e=>bf(Mt,{...e});import{jsx as Nw}from"react/jsx-runtime";import{jsx as Lw}from"react/jsx-runtime";import{jsx as Iw}from"react/jsx-runtime";import{jsx as Ow}from"react/jsx-runtime";import{jsx as Rw}from"react/jsx-runtime";import{jsx as Hw}from"react/jsx-runtime";import{jsx as eo}from"react/jsx-runtime";var hf=Mt.options,xf=Mt.states,ll={...Mt.defaultOptions,variant:"color"},Nf=[{name:"color",title:"Color",default:!0},{name:"no color",title:"No color"},{name:"icon",title:"Icon"}],kf=[{name:"opened",title:"Opened"}],Ko=e=>{let{variant:t,modifiers:o,...a}={...ll,...e},r={};Object.keys(o\|\|{}).forEach(l=>{l==="opened"&&(r.opened=!!o?.[l],r.popup=o?.[l]?eo(oe,{size:a.size,color:"rgba(183, 118 , 118, 1.00)",group:!0}):"")});let s=r.opened?{width:"272px",height:"390px"}:{};switch(t){case"no color":return eo("div",{style:s,children:eo(cr,{...a,...r})});case"icon":return eo("div",{style:s,children:eo(cr,{value:"rgba(183, 118 , 118, 1.00)",valueIconName:"edit-tools",...a,...r})});default:return eo("div",{style:s,children:eo(cr,{value:"rgba(183, 118 , 118, 1.00)",...a,...r})})}};Ko.options=hf;Ko.states=xf;Ko.variants=Nf;Ko.defaultOptions=ll;Ko.modifiers=kf;Ko.className=Mt.className;var Kn="combobox",dl=Kn;import{Fragment as _n,jsx as se,jsxs as Ba}from"react/jsx-runtime";var cl="k-combobox",gf=[i.hover,i.focus,i.valid,i.invalid,i.loading,i.required,i.disabled,i.readonly],vf={size:[c.undefined,c.small,c.medium,c.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[f.undefined,f.solid,f.flat,f.outline]},pl={separators:!0},ke=e=>{let{size:t,rounded:o,fillMode:a,separators:r=pl.separators,prefix:s,suffix:l,value:p,placeholder:b,hover:x,focus:N,valid:k,invalid:m,required:L,loading:C,disabled:M,popup:E,opened:A,readonly:w,adaptive:J,adaptiveSettings:ce,adaptiveTitle:ue,adaptiveSubtitle:fe,adaptiveCustomValue:Ce,id:$t,autocomplete:Or,activeDescendant:Et,"aria-label":Va,...Br}=e,Pr=$t?`${$t}-listbox`:void 0;return Ba(_n,{children:[Ba(Q,{...Br,size:t,rounded:o,fillMode:a,hover:x,focus:N,valid:k,invalid:m,required:L,loading:C,disabled:M,readonly:w,className:n(e.className,cl),children:[s&&Ba(_n,{children:[se(_e,{children:s}),r&&se(Me,{})]}),se(Fe,{id:$t,placeholder:b,value:p,role:"combobox","aria-haspopup":"listbox","aria-expanded":A?"true":"false","aria-controls":A?Pr:void 0,"aria-activedescendant":A&&Et?Et:void 0,"aria-autocomplete":Or,"aria-invalid":m?"true":void 0,"aria-busy":C?"true":void 0,"aria-label":Va,disabled:M,readOnly:w}),se(Le,{valid:k,invalid:m,loading:C,disabled:M}),se(Ke,{loading:C,disabled:M}),se(ze,{loading:C,disabled:M,readonly:w,value:p}),l&&Ba(_n,{children:[r&&se(Me,{}),se(De,{children:l})]}),se(d,{className:"k-input-button",icon:"chevron-down",size:t,fillMode:a,"aria-label":"Open popup",tabIndex:-1,disabled:M})]}),A&&E&&se(U,{className:"k-list-container k-combobox-popup",containerRole:"region",containerAriaLabel:"Combobox suggestions",children:E}),J&&se(te,{adaptive:!0,id:$t?`${$t}-adaptive`:void 0,...ce,header:se(Se,{actionsEnd:se(d,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),input:!0,inputValue:p,inputPlaceholder:b,title:ue,subtitle:fe}),children:se("div",{className:"k-list-container",children:se(D,{customValue:Ce?se(Dt,{text:`Use "${p}"`}):void 0,size:"large",children:Ba($,{"aria-label":ue\|\|"Options",children:[se(P,{text:"List item"}),se(P,{text:"List item"}),se(P,{text:"List item"})]})})})})]})};ke.states=gf;ke.options=vf;ke.className=cl;ke.defaultOptions=pl;ke.moduleName=Kn;ke.folderName=dl;ke.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 Ge=ke;import{jsx as Cf}from"react/jsx-runtime";var ml=e=>Cf(Ge,{...e});import{jsx as vR,jsxs as CR}from"react/jsx-runtime";import{jsx as TR,jsxs as yR}from"react/jsx-runtime";import{jsx as RR,jsxs as KR}from"react/jsx-runtime";import{Fragment as UR,jsx as FR}from"react/jsx-runtime";import{Fragment as WR,jsx as qR}from"react/jsx-runtime";import{jsx as eK,jsxs as tK}from"react/jsx-runtime";import{Fragment as dK,jsx as sK,jsxs as lK}from"react/jsx-runtime";import{jsx as uK}from"react/jsx-runtime";import{jsx as xK}from"react/jsx-runtime";import{jsx as LK,jsxs as MK}from"react/jsx-runtime";import{jsx as EK,jsxs as OK}from"react/jsx-runtime";import{jsx as zt,jsxs as Tf}from"react/jsx-runtime";var Lf=ke.states,Mf=ke.defaultOptions,Sf=ke.options,Af=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"opened",title:"Opened"}],If=[],_o=e=>{let{modifiers:t,...o}=e,a={},r=zt(D,{style:{width:300},size:o.size,children:Tf($,{children:[zt(P,{children:"List item"}),zt(P,{children:"List item"}),zt(P,{children:"List item"})]})});return Object.keys(t\|\|{}).forEach(s=>{switch(s){case"prefix":a.prefix=t?.[s]?zt(v,{icon:"map-marker-target"}):void 0;break;case"suffix":a.suffix=t?.[s]?zt(V,{size:o.size,icon:"copy",fillMode:"clear"}):void 0;break;case"opened":a.opened=!!t?.[s],a.popup=t?.[s]?r:void 0;break;default:break}}),zt("div",{children:zt(ml,{value:"Value",style:{width:300},...o,...a})})};_o.options=Sf;_o.states=Lf;_o.variants=If;_o.defaultOptions=Mf;_o.modifiers=Af;_o.className=ke.className;var Dn="menu-button",ul=Dn;import{jsx as Of}from"react/jsx-runtime";var fl="k-menu-button",yf=[i.hover,i.focus,i.active,i.selected,i.disabled],Ef={size:[c.undefined,c.xsmall,c.small,c.medium,c.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[f.undefined,f.solid,f.flat,f.outline,f.clear,f.link],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary,h.success,h.warning,h.error,h.info,h.inverse]},Hn={showArrow:!0,arrowIconName:"chevron-down"},X=e=>{let{size:t,rounded:o,fillMode:a,themeColor:r,hover:s,focus:l,active:p,selected:b,disabled:x,icon:N,text:k,showArrow:m=Hn.showArrow,arrowIconName:L=Hn.arrowIconName,expanded:C,...M}=e;return Of(d,{...M,className:n(e.className,fl),text:k,size:t,rounded:o,fillMode:a,themeColor:r,hover:s,focus:l,active:p,selected:b,disabled:x,icon:N,showArrow:m,arrowIconName:L,"aria-expanded":C?"true":"false",...!k&&N&&!e["aria-label"]&&{"aria-label":"Menu"},...x&&{"aria-disabled":"true"}})};X.states=yf;X.options=Ef;X.className=fl;X.defaultOptions=Hn;X.moduleName=Dn;X.folderName=ul;X.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."}]};import{jsx as c_}from"react/jsx-runtime";import{jsx as f_}from"react/jsx-runtime";import{jsx as N_}from"react/jsx-runtime";var Ve="menu",it=Ve;import{jsx as Pa,jsxs as bl}from"react/jsx-runtime";var zn="k-menu-item",Bf=[i.hover,i.focus,i.active,i.selected,i.disabled],Pf={},hl={iconPosition:"before"},ge=e=>{let{hover:t,focus:o,active:a,selected:r,disabled:s,icon:l,text:p,first:b,last:x,showArrow:N,arrowIconName:k,iconPosition:m=hl.iconPosition,dir:L,children:C,expanded:M,...E}=e,A=k;return A\|\|(A=L==="rtl"?"chevron-left":"chevron-right"),bl("li",{...E,className:n(e.className,zn,"k-item",S(zn,{focus:o,disabled:s,hover:t,active:a,selected:r}),{"k-first":b,"k-last":x}),role:"menuitem",...N&&{"aria-haspopup":"menu"},...N&&{"aria-expanded":M?"true":"false"},...s&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[bl("span",{className:n("k-link k-menu-link"),children:[l&&m==="before"&&Pa(v,{className:"k-menu-link-icon",icon:l}),Pa("span",{className:"k-menu-link-text",children:p}),l&&m==="after"&&Pa(v,{className:"k-menu-link-icon",icon:l}),N&&Pa("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:Pa(v,{icon:A})})]}),C]})};ge.states=Bf;ge.options=Pf;ge.className=zn;ge.defaultOptions=hl;ge.moduleName=Ve;ge.folderName=it;import{jsx as wa,jsxs as xl}from"react/jsx-runtime";var Fn="k-menu-item",wf=[i.hover,i.focus,i.active,i.selected,i.disabled],Rf={},Un={dir:"ltr",iconPosition:"before"},Z=e=>{let{hover:t,focus:o,active:a,selected:r,disabled:s,icon:l,text:p,first:b,last:x,showArrow:N,arrowIconName:k,iconPosition:m=Un.iconPosition,dir:L=Un.dir,children:C,popup:M,expanded:E,...A}=e,w=k;return w\|\|(w=L==="rtl"?"chevron-left":"chevron-right"),xl("li",{...A,className:n(e.className,Fn,"k-item",S(Fn,{focus:o,disabled:s}),{"k-first":b,"k-last":x}),role:"menuitem",...N&&{"aria-haspopup":"menu"},...N&&{"aria-expanded":E?"true":"false"},...s&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[xl("span",{className:n("k-link k-menu-link",S("k-menu-link",{hover:t,active:a,selected:r,disabled:s})),children:[l&&m==="before"&&wa(v,{className:"k-menu-link-icon",icon:l}),wa("span",{className:"k-menu-link-text",children:p}),l&&m==="after"&&wa(v,{className:"k-menu-link-icon",icon:l}),N&&wa("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:wa(v,{icon:w})})]}),C,M]})};Z.states=wf;Z.options=Rf;Z.className=Fn;Z.defaultOptions=Un;Z.moduleName=Ve;Z.folderName=it;import{jsx as Hf}from"react/jsx-runtime";var Nl="k-menu-scroll-wrapper",Kf=[],_f={},Df={},to=e=>{let{className:t,children:o,orientation:a,...r}=e;return Hf("div",{...r,className:n(t,Nl,{"k-menu-scroll-wrapper-vertical":a==="vertical"}),children:o})};to.states=Kf;to.options=_f;to.className=Nl;to.defaultOptions=Df;to.moduleName=Ve;to.folderName=it;var kl=to;import{Fragment as Gn,jsx as oo,jsxs as mr}from"react/jsx-runtime";var Vn="k-menu",zf=[],Ff={},ur={orientation:"horizontal",header:!0,scrollButtonsPosition:"around"},me=e=>{let{children:t,orientation:o=ur.orientation,header:a=ur.header,scrollable:r,scrollButtonsPosition:s=ur.scrollButtonsPosition,wrapperStyles:l,dir:p,popup:b,contextMenu:x,...N}=e,k={horizontal:{prev:p!=="rtl"?"left":"right",next:p!=="rtl"?"right":"left"},vertical:{prev:"up",next:"down"}},m=oo("ul",{dir:p,...N,className:n(e.className,"k-reset",Vn,{[`${Vn}-${o}`]:o,"k-header":a}),role:x?"menu":"menubar",...o==="vertical"&&{"aria-orientation":"vertical"},children:t});return mr(Gn,{children:[r?mr(kl,{orientation:o,style:l,dir:e.dir,children:[s==="start"&&mr(Gn,{children:[oo(d,{fillMode:"flat",icon:`chevron-${k[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),oo(d,{fillMode:"flat",icon:`chevron-${k[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),s==="around"&&oo(d,{fillMode:"flat",icon:`chevron-${k[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),m,s==="end"&&mr(Gn,{children:[oo(d,{fillMode:"flat",icon:`chevron-${k[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),oo(d,{fillMode:"flat",icon:`chevron-${k[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),s==="around"&&oo(d,{fillMode:"flat",icon:`chevron-${k[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}):m,b]})};me.states=zf;me.options=Ff;me.className=Vn;me.defaultOptions=ur;me.moduleName=Ve;me.folderName=it;me.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."}]};import{jsx as Uf}from"react/jsx-runtime";var $n="k-separator",gl={orientation:"horizontal"},Do=e=>{let{orientation:t=gl.orientation,...o}=e;return Uf("li",{...o,className:n(e.className,"k-item",$n,{[`${$n}-${t}`]:t}),role:"separator"})};Do.className=$n;Do.defaultOptions=gl;Do.moduleName=Ve;Do.folderName=it;import{Fragment as q_,jsx as W_}from"react/jsx-runtime";import{jsx as Xf}from"react/jsx-runtime";var Xn="k-menu-group",Gf=[],Vf={size:[c.undefined,c.small,c.medium,c.large]},$f={},ve=e=>{let{children:t,size:o,...a}=e;return Xf("ul",{...a,className:n(e.className,Xn,I(Xn,{size:o})),role:"menu",children:t})};ve.states=Gf;ve.options=Vf;ve.className=Xn;ve.defaultOptions=$f;ve.moduleName=Ve;ve.folderName=it;import{Fragment as qf,jsx as Ho,jsxs as Wf}from"react/jsx-runtime";var qn=e=>Ho(me,{children:Wf(qf,{children:[Ho(ge,{first:!0,text:"Item 1"}),Ho(ge,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 2"}),Ho(ge,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 3"}),Ho(ge,{text:"Item 4"}),Ho(ge,{last:!0,text:"Item 5"})]}),...e});import{Fragment as l0,jsx as i0,jsxs as s0}from"react/jsx-runtime";import{Fragment as u0,jsx as m0,jsxs as f0}from"react/jsx-runtime";import{Fragment as k0,jsx as N0,jsxs as g0}from"react/jsx-runtime";import{Fragment as S0,jsx as M0,jsxs as A0}from"react/jsx-runtime";import{jsx as ao,jsxs as jf}from"react/jsx-runtime";var Jf=me.options,Yf=me.states,vl={...me.defaultOptions,variant:"horizontal"},Qf=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],Zf=[{name:"scrollable",title:"Scrollable"},{name:"opened",title:"Opened"}],zo=e=>{let{variant:t,modifiers:o,...a}={...vl,...e},r={};return Object.keys(o\|\|{}).forEach(s=>{switch(s){case"scrollable":r.scrollable=!!o?.[s];break;case"opened":r.opened=!!o?.[s],r.popup=ao(U,{className:"k-menu-popup",children:jf(ve,{children:[ao(Z,{text:"Item 1"}),ao(Z,{text:"Item 2"}),ao(Do,{}),ao(Z,{text:"Item 3"})]})});break}}),t==="vertical"?ao(qn,{...a,...r,orientation:"vertical",style:{width:"200px"}}):ao(qn,{...a,...r})};zo.options=Jf;zo.states=Yf;zo.variants=Qf;zo.defaultOptions=vl;zo.modifiers=Zf;zo.className=me.className;import{Fragment as rD,jsx as oD,jsxs as aD}from"react/jsx-runtime";import{jsx as lD}from"react/jsx-runtime";import{Fragment as rb,jsx as kt,jsxs as Cl}from"react/jsx-runtime";var eb=d.states,Ll={...d.defaultOptions,variant:"text"},tb=d.options,ob=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],ab=[{name:"opened",title:"Opened"}],Fo=e=>{let{variant:t,modifiers:o,...a}={...Ll,...e},r={},s=kt(U,{className:"k-menu-popup",children:Cl(ve,{size:a.size,children:[kt(Z,{first:!0,text:"Menu Item"}),kt(Z,{text:"Menu Item"}),kt(Z,{last:!0,text:"Menu Item"})]})}),l;switch(t){case"icon-only":l=kt("div",{children:kt(X,{...a,...r,icon:"star"})});break;case"icon-and-text":l=kt("div",{children:kt(X,{...a,...r,icon:"star",children:"Dropdown Button"})});break;default:l=kt("div",{children:kt(X,{...a,...r,children:"Dropdown Button"})});break}return Cl(rb,{children:[l,o?.opened&&s]})};Fo.options=tb;Fo.states=eb;Fo.variants=ob;Fo.defaultOptions=Ll;Fo.modifiers=ab;Fo.className=X.className;var Wn="split-button",Ml=Wn;import{Fragment as sb,jsx as Jn,jsxs as Sl}from"react/jsx-runtime";var Yn="k-split-button",nb=[i.hover,i.focus,i.active,i.selected,i.disabled],ib={size:[c.undefined,c.small,c.medium,c.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[f.undefined,f.solid,f.flat,f.outline,f.clear,f.link],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary,h.success,h.warning,h.error,h.info,h.inverse]},Al={arrowIconName:"chevron-down"},_=e=>{let{size:t,rounded:o,fillMode:a,themeColor:r,hover:s,focus:l,active:p,selected:b,disabled:x,icon:N,text:k,arrowIconName:m=Al.arrowIconName,popup:L,opened:C,popupId:M,...E}=e;return Sl(sb,{children:[Sl("div",{...E,className:n(e.className,Yn,"k-button-group",I(Yn,{rounded:o})),children:[Jn(d,{text:k,icon:N,size:t,rounded:o,fillMode:a,themeColor:r,hover:s,focus:l,active:p,selected:b,disabled:x,...!k&&!e.children&&N&&{"aria-label":"Action"},children:e.children}),Jn(d,{className:"k-split-button-arrow",icon:m,size:t,rounded:o,fillMode:a,disabled:x,"aria-label":"Toggle dropdown","aria-expanded":C?"true":"false","aria-controls":C?M:void 0,tabIndex:-1,...x&&{"aria-disabled":"true"}})]}),C&&L&&Jn(U,{className:"k-menu-popup",children:L})]})};_.states=nb;_.options=ib;_.className=Yn;_.defaultOptions=Al;_.moduleName=Wn;_.folderName=Ml;_.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 Qn=_;import{jsx as db}from"react/jsx-runtime";var lb="k-toolbar-separator",pt=e=>db("div",{className:n(lb,e.className,"k-separator")});var St="toolbar",Ft=St;import{Fragment as Zn,jsx as H,jsxs as Uo}from"react/jsx-runtime";var At="k-toolbar",cb=[i.focus],pb={size:[c.undefined,c.small,c.medium,c.large],fillMode:[f.undefined,f.solid,f.outline,f.flat]},mb={scrollButtons:"around"},R=e=>{let{size:t,fillMode:o,focus:a,resizable:r,scrollable:s,scrollButtons:l,scrollingPosition:p,section:b,...x}=e,N=[],k=(m,L)=>{let C=[];if(m.type===d&&m.props.className&&m.props.className.includes("k-toolbar-overflow-button"))C.push(H(d,{...m.props,className:`${m.props.className?m.props.className:""}`},`${L}-${new Date().getTime()}`));else if(m.type===d)C.push(H(d,{...m.props,className:`k-toolbar-button ${m.props.className?m.props.className:""}`},`${L}-${new Date().getTime()}`));else if(m.type===F)C.push(H(F,{...m.props,className:`k-toolbar-button ${m.props.className?m.props.className:""}`},`${L}-${new Date().getTime()}`));else if(m.type===V)C.push(H(V,{...m.props,className:`k-toolbar-button ${m.props.className?m.props.className:""}`},`${L}-${new Date().getTime()}`));else if(m.type===X)C.push(H(X,{...m.props,className:`k-toolbar-menu-button ${m.props.className?m.props.className:""}`},`${L}-${new Date().getTime()}`));else if(m.type===Qn)C.push(H(Qn,{...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 M=[];(Array.isArray(m.props.children)?m.props.children:[m.props.children]).forEach((A,w)=>{M.push(H(d,{...A.props,className:`${A.props.className?A.props.className:""}`},`${w}-${new Date().getTime()}`))}),C.push(H(B,{...m.props,className:`k-toolbar-button-group ${m.props.className?m.props.className:""}`,children:M},`${L}-${new Date().getTime()}`))}else m.type===ke?C.push(H(ke,{...m.props,className:`k-toolbar-combobox ${m.props.className?m.props.className:""}`},`${L}-${new Date().getTime()}`)):m.type===ie?C.push(H(ie,{...m.props,className:`k-toolbar-dropdownlist ${m.props.className?m.props.className:""}`},`${L}-${new Date().getTime()}`)):m.type===Ue?C.push(H(Ue,{...m.props,className:`k-toolbar-colorpicker ${m.props.className?m.props.className:""}`},`${L}-${new Date().getTime()}`)):C.push(m);C.forEach(M=>{N.push(M)})};return e.children&&(Array.isArray(e.children)?e.children:[e.children]).forEach((L,C)=>{k(L,C)}),Uo("div",{...x,className:n(e.className,At,I(At,{size:t,fillMode:o}),S(At,{focus:a}),{[`${At}-resizable`]:r,[`${At}-scrollable`]:s,[`${At}-scrollable-overlay`]:s&&l==="hidden",[`${At}-scrollable-${p}`]:p&&p!=="both",[`${At}-section`]:b}),role:"toolbar","aria-label":"Toolbar",children:[!s&&N,s&&l==="hidden"&&H("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N}),s&&l==="start"&&Uo(Zn,{children:[Uo(B,{children:[H("span",{className:n("k-toolbar-prev","k-button",I("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:H(v,{className:"k-button-icon",icon:"chevron-left"})}),H("span",{className:n("k-toolbar-next","k-button",I("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:H(v,{className:"k-button-icon",icon:"chevron-right"})})]}),H(pt,{className:"k-toolbar-button-separator"}),H("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N})]}),s&&l==="end"&&Uo(Zn,{children:[H("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N}),H(pt,{className:"k-toolbar-button-separator"}),Uo(B,{children:[H("span",{className:n("k-toolbar-prev","k-button",I("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:H(v,{className:"k-button-icon",icon:"chevron-left"})}),H("span",{className:n("k-toolbar-next","k-button",I("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:H(v,{className:"k-button-icon",icon:"chevron-right"})})]})]}),s&&(l==="around"\|\|!l)&&Uo(Zn,{children:[H("span",{className:n("k-toolbar-prev","k-button",I("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:H(v,{className:"k-button-icon",icon:"chevron-left"})}),H(pt,{className:"k-toolbar-button-separator"}),H("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N}),H(pt,{className:"k-toolbar-button-separator"}),H("span",{className:n("k-toolbar-next","k-button",I("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:H(v,{className:"k-button-icon",icon:"chevron-right"})})]})]})};R.states=cb;R.options=pb;R.className=At;R.defaultOptions=mb;R.moduleName=St;R.folderName=Ft;R.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."}]};import{jsx as hb}from"react/jsx-runtime";var Il="k-floating-toolbar",ub=[],fb={},bb={},Go=e=>{let{...t}=e;return hb("div",{...t,className:n(e.className,Il),children:e.children})};Go.states=ub;Go.options=fb;Go.className=Il;Go.defaultOptions=bb;Go.moduleName=St;Go.folderName=Ft;import{jsx as gb}from"react/jsx-runtime";var jn="k-toolbar-item",xb=[i.focus],Nb={},kb={},Vo=e=>{let{focus:t,...o}=e;return gb("div",{...o,className:n(e.className,jn,S(jn,{focus:t})),children:e.children})};Vo.states=xb;Vo.options=Nb;Vo.className=jn;Vo.defaultOptions=kb;Vo.moduleName=St;Vo.folderName=Ft;import{jsx as Tl}from"react/jsx-runtime";var yl="k-toolbar-popup",vb=[],Cb={size:[c.undefined,c.small,c.medium,c.large],fillMode:[f.undefined,f.solid,f.outline,f.flat]},Lb={},ro=e=>{let{size:t,fillMode:o,section:a,...r}=e;return Tl(U,{...r,className:n(e.className,yl),children:a?Tl("span",{className:n("k-toolbar-items-list",I("k-toolbar-items-list",{size:t,fillMode:o})),role:"toolbar",children:e.children}):e.children})};ro.states=vb;ro.options=Cb;ro.className=yl;ro.defaultOptions=Lb;ro.moduleName=St;ro.folderName=Ft;var fr=ro;import{jsx as pH}from"react/jsx-runtime";import{jsx as bH}from"react/jsx-runtime";import{jsx as kH}from"react/jsx-runtime";import{jsx as SH,jsxs as AH}from"react/jsx-runtime";import{jsx as EH}from"react/jsx-runtime";import{jsx as It,jsxs as Tb}from"react/jsx-runtime";var Mb=_.states,El={..._.defaultOptions,variant:"text"},Sb=_.options,Ab=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Ib=[{name:"opened",title:"Opened"}],$o=e=>{let{variant:t,modifiers:o,...a}={...El,...e},r={},s=Tb(ve,{size:a.size,children:[It(Z,{first:!0,text:"Menu Item"}),It(Z,{text:"Menu Item"}),It(Z,{last:!0,text:"Menu Item"})]});switch(Object.keys(o\|\|{}).forEach(l=>{l==="opened"&&(r.opened=!!o?.[l],r.popup=o?.[l]?s:"")}),t){case"icon-only":return It("div",{children:It(_,{...a,...r,icon:"star"})});case"icon-and-text":return It("div",{children:It(_,{...a,...r,icon:"star",children:"Split Button"})});default:return It("div",{children:It(_,{...a,...r,children:"Split Button"})})}};$o.options=Sb;$o.states=Mb;$o.variants=Ab;$o.defaultOptions=El;$o.modifiers=Ib;$o.className=_.className;import{jsx as no,jsxs as yb}from"react/jsx-runtime";var Ol=e=>no(R,{children:[no(d,{children:"Button"},"toolbar-button"),no(X,{text:"Menu button"},"toolbar-menu-button"),no(_,{children:"Split button"},"toolbar-split-button"),yb(B,{children:[no(d,{className:"k-group-start",icon:"align-left",children:"Left"}),no(d,{icon:"align-center",children:"Center"}),no(d,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});import{jsx as n1,jsxs as i1}from"react/jsx-runtime";import{jsx as $e,jsxs as Bl}from"react/jsx-runtime";var Pl=e=>$e(R,{scrollable:!0,...e,children:[$e(d,{children:"Button"},"toolbar-button"),$e(X,{text:"Menu button"},"toolbar-menu-button"),$e(_,{children:"Split button"},"toolbar-split-button"),Bl(B,{children:[$e(d,{className:"k-group-start",icon:"align-left",children:"Left"}),$e(d,{icon:"align-center",children:"Center"}),$e(d,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),$e(d,{children:"Button"},"toolbar-button"),$e(X,{text:"Menu button"},"toolbar-menu-button"),$e(_,{children:"Split button"},"toolbar-split-button"),Bl(B,{children:[$e(d,{className:"k-group-start",icon:"align-left",children:"Left"}),$e(d,{icon:"align-center",children:"Center"}),$e(d,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});import{jsx as Xe,jsxs as wl}from"react/jsx-runtime";var Rl=({scrollingPosition:e="start",...t})=>Xe(R,{scrollable:!0,scrollButtons:"hidden",scrollingPosition:e,...t,children:[Xe(d,{children:"Button"},"toolbar-button"),Xe(X,{text:"Menu button"},"toolbar-menu-button"),Xe(_,{children:"Split button"},"toolbar-split-button"),wl(B,{children:[Xe(d,{className:"k-group-start",icon:"align-left",children:"Left"}),Xe(d,{icon:"align-center",children:"Center"}),Xe(d,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),Xe(d,{children:"Button"},"toolbar-button"),Xe(X,{text:"Menu button"},"toolbar-menu-button"),Xe(_,{children:"Split button"},"toolbar-split-button"),wl(B,{children:[Xe(d,{className:"k-group-start",icon:"align-left",children:"Left"}),Xe(d,{icon:"align-center",children:"Center"}),Xe(d,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...t});import{Fragment as Eb,jsx as He,jsxs as br}from"react/jsx-runtime";var Kl=({fillMode:e,size:t,...o})=>br(Eb,{children:[He(R,{section:!0,fillMode:e,size:t,children:[He(d,{fillMode:e,size:t,children:"Button"},"toolbar-button"),br(B,{fillMode:e,children:[He(d,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),He(d,{icon:"align-center",fillMode:e,size:t,children:"Center"}),He(d,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group"),He(pt,{className:"k-toolbar-button-separator"}),He(d,{icon:"more-horizontal",className:"k-toolbar-overflow-button",fillMode:"flat",size:t,rounded:"none","aria-label":"More options","aria-expanded":"false"})],...o}),br(fr,{size:t,fillMode:e,section:!0,...o,children:[He(_,{fillMode:e,size:t,children:"Split button"},"toolbar-split-button"),He(d,{fillMode:e,size:t,children:"Button"},"toolbar-button"),He(pt,{}),He(X,{text:"Menu button",fillMode:e,size:t},"toolbar-menu-button"),br(B,{fillMode:e,children:[He(d,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),He(d,{icon:"align-center",fillMode:e,size:t,children:"Center"}),He(d,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group")]})]});import{Fragment as H1,jsx as _1,jsxs as D1}from"react/jsx-runtime";import{Fragment as Y1,jsx as W1,jsxs as J1}from"react/jsx-runtime";import{jsx as Ut}from"react/jsx-runtime";var Ob=R.options,Bb=R.states,_l={...R.defaultOptions,variant:"default"},Pb=[{name:"default",title:"Default"},{name:"scrollable",title:"Scrollable"},{name:"overlay",title:"Overlay"},{name:"responsive",title:"Responsive"}],wb=[],Xo=e=>{let{variant:t,...o}={..._l,...e};switch(t){case"responsive":return Ut("div",{children:Ut(Kl,{style:{width:"583px"},...o})});case"overlay":return Ut("div",{children:Ut(Rl,{style:{width:"583px"},...o,scrollingPosition:"start",scrollButtons:"hidden"})});case"scrollable":return Ut("div",{children:Ut(Pl,{style:{width:"583px"},...o})});default:return Ut("div",{children:Ut(Ol,{style:{width:"583px"},...o})})}};Xo.options=Ob;Xo.states=Bb;Xo.variants=Pb;Xo.defaultOptions=_l;Xo.modifiers=wb;Xo.className=R.className;var ei="prompt",Dl=ei;import{Fragment as Db,jsx as Hl}from"react/jsx-runtime";var zl="k-prompt",Rb=[],Kb={},_b={},W=e=>{let{...t}=e;return Hl("div",{...t,className:n(e.className,zl),children:Hl(Db,{children:e.children})})};W.states=Rb;W.options=Kb;W.className=zl;W.defaultOptions=_b;W.moduleName=ei;W.folderName=Dl;W.ariaSpec={selector:".k-prompt",rules:[{selector:".k-input-prefix > .k-button",attribute:"role=button or nodeName=button",usage:"The buttons must have appropriate role."},{selector:".k-input-prefix > .k-button",attribute:"aria-label or title",usage:"The buttons must be properly labelled."},{selector:".k-input-suffix > .k-button",attribute:"role=button or nodeName=button",usage:"The buttons must have appropriate role."},{selector:".k-input-suffix > .k-button",attribute:"aria-label or title",usage:"The buttons must be properly labelled."},{selector:".k-input-suffix > .k-prompt-send.k-disabled",attribute:"disabled",usage:"Announces send action as disabled if necessary."},{selector:".k-prompt-expander .k-button",attribute:"aria-controls (when present)",usage:"Points to the controlled element based on the given id."},{selector:".k-prompt-expander .k-button",attribute:"aria-expanded",usage:"Indicates the expanded state of the prompt expander content."},{selector:".k-prompt-expander .k-suggestion-group",attribute:"role=group",usage:"Indicates that the suggestion container element is a group."},{selector:".k-prompt-expander .k-suggestion",attribute:"role=button",usage:"Indicates that the suggestion element is a button."},{selector:".k-prompt-expander .k-suggestion",attribute:"aria-label or title",usage:"The suggestion elements must be properly labelled."},{selector:".k-prompt-expander .k-suggestion",attribute:"tabindex=0",usage:"The suggestion element should be focusable."}]};import{jsx as zb}from"react/jsx-runtime";var Hb="k-prompt-header",mt=e=>{let{...t}=e;return zb("div",{...t,className:n(e.className,Hb),children:e.children})};import{Fragment as Ub,jsx as Fl}from"react/jsx-runtime";var Fb="k-prompt-content",qe=e=>{let{...t}=e;return Fl("div",{...t,className:n(e.className,Fb),children:Fl(Ub,{children:e.children})})};import{jsx as Vb}from"react/jsx-runtime";var Gb="k-prompt-view",We=e=>{let{...t}=e;return Vb("div",{...t,className:n(e.className,Gb),children:e.children})};import{jsx as Ul,jsxs as Xb}from"react/jsx-runtime";var $b="k-prompt-expander",hr=e=>{let{title:t,children:o,expanded:a,...r}=e,s=T("prompt-expander-content");return Xb("div",{...r,className:n(e.className,$b),children:[Ul(F,{fillMode:"flat",icon:a?"chevron-up":"chevron-down","aria-expanded":a?"true":"false","aria-controls":a?s:void 0,children:t}),a&&Ul("div",{className:"k-prompt-expander-content",id:s,children:o})]})};import{jsx as Wb}from"react/jsx-runtime";var qb="k-prompt-footer",io=e=>{let{...t}=e;return Wb("div",{...t,className:n(e.className,qb),children:e.children})};import{jsx as G2}from"react/jsx-runtime";import{jsx as Jb}from"react/jsx-runtime";var Gl="k-prompt-send",Vl={generating:!1},qo=e=>{let{generating:t=Vl.generating,...o}=e;return Jb(d,{...o,className:n(e.className,Gl,{"k-generating":t}),icon:t?"stop-sm":"paper-plane",active:t,fillMode:"flat","aria-label":t?"Stop generating":"Send prompt"})};qo.states=d.states;qo.options=d.options;qo.className=Gl;qo.defaultOptions=Vl;import{jsx as $l,jsxs as eh}from"react/jsx-runtime";var xr="k-fab",Zb=[i.hover,i.focus,i.active,i.selected,i.disabled],jb={size:[c.undefined,c.small,c.medium,c.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary]},Xl={type:"button"},ae=e=>{let{size:t,rounded:o,themeColor:a,text:r,icon:s,type:l=Xl.type,position:p,hover:b,focus:x,active:N,selected:k,disabled:m,...L}=e;return eh("button",{...L,type:l,className:n(e.className,xr,I(xr,{size:t,rounded:o,themeColor:a}),S(xr,{hover:b,focus:x,active:N,disabled:m,selected:k}),{[`!k-pos-absolute k-${p}`]:p}),...!r&&s&&!e["aria-label"]&&{"aria-label":"Action"},...m&&{"aria-disabled":"true"},disabled:m\|\|void 0,children:[s&&$l(v,{className:"k-fab-icon",icon:s}),r&&$l("span",{className:"k-fab-text",children:r})]})};ae.states=Zb;ae.options=jb;ae.className=xr;ae.defaultOptions=Xl;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."}]};import{jsx as oh}from"react/jsx-runtime";var th="k-fab-items",ql=e=>{let{position:t,...o}=e;return oh("ul",{...o,className:n(e.className,th,{[`k-fab-items-${t}`]:t}),children:e.children})};import{jsx as Jl,jsxs as rh}from"react/jsx-runtime";var Wl="k-fab-item",ah=[i.hover,i.focus,i.active,i.disabled],ti=e=>{let{text:t,icon:o,align:a,hover:r,focus:s,active:l,disabled:p,...b}=e;return rh("li",{...b,className:n(e.className,Wl,{[`k-text-${a}`]:a},S(Wl,{hover:r,focus:s,active:l,disabled:p})),children:[Jl("span",{className:"k-fab-item-text",children:t}),Jl(v,{className:"k-fab-item-icon",icon:o})]})};ti.states=ah;import{jsx as mz}from"react/jsx-runtime";import{jsx as hz}from"react/jsx-runtime";import{jsx as gz}from"react/jsx-runtime";import{jsx as Mz}from"react/jsx-runtime";import{jsx as Wo,jsxs as ch}from"react/jsx-runtime";var nh=ae.options,ih=ae.states,sh={...ae.defaultOptions,variant:"text"},lh=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],dh=[{name:"opened",title:"Opened"}],Jo=e=>{let{variant:t,modifiers:o,...a}=e,{opened:r}=o\|\|{},s=r?Wo("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:Wo(ql,{position:"bottom",children:Wo(ti,{text:"Item",icon:"pencil",align:"right"})})}):null,l;switch(t){case"icon-only":l=Wo(ae,{...a,icon:"star"});break;case"icon-and-text":l=Wo(ae,{...a,icon:"star",text:"Action"});break;default:l=Wo(ae,{...a,text:"Action"});break}return ch("span",{style:{position:"relative"},children:[l,s]})};Jo.options=nh;Jo.states=ih;Jo.variants=lh;Jo.defaultOptions=sh;Jo.modifiers=dh;Jo.className=ae.className;import{jsx as ph}from"react/jsx-runtime";var Yl="k-prompt-stop-fab",Ql={generating:!0},so=e=>{let{generating:t=Ql.generating,icon:o,...a}=e;return ph(ae,{...a,className:n(e.className,Yl,{"k-generating":t}),style:{bottom:"16px",right:"16px"},position:"bottom-end",icon:t?"stop-sm":o,active:t,"aria-label":t?"Stop generating":"Action"})};so.states=d.states;so.options=d.options;so.className=Yl;so.defaultOptions=Ql;var oi="speech-to-text-button",Zl=oi;import{jsx as mh}from"react/jsx-runtime";var jl="k-speech-to-text-button",ed={icon:"microphone-outline"},re=e=>{let{listening:t=!1,icon:o=ed.icon,...a}=e;return mh(d,{...a,icon:t?"stop-sm":o,className:n(e.className,jl,{"k-listening":t}),"aria-pressed":t?"true":"false","aria-label":t?"Stop listening":"Start listening"})};re.states=d.states;re.options=d.options;re.className=jl;re.defaultOptions=ed;re.moduleName=oi;re.folderName=Zl;re.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."}]};import{jsx as s3}from"react/jsx-runtime";import{jsx as p3}from"react/jsx-runtime";import{jsx as xh}from"react/jsx-runtime";var uh=d.states,td={...d.defaultOptions,variant:"normal"},fh={...d.options,fillMode:d.options.fillMode.filter(e=>e!=="clear"&&e!=="link")},bh=[],hh=[{name:"normal",title:"Normal"},{name:"listening",title:"Listening"}],Yo=e=>{let{variant:t,...o}={...td,...e},a={};return t==="listening"&&(a.listening=!0),xh(re,{...o,...a})};Yo.options=fh;Yo.states=uh;Yo.variants=hh;Yo.defaultOptions=td;Yo.modifiers=bh;Yo.className=re.className;var ai="textarea",od=ai;import{Fragment as ad,jsx as Ra,jsxs as ri}from"react/jsx-runtime";var rd="k-textarea",Nh=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled],kh={size:[c.undefined,c.small,c.medium,c.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[f.undefined,f.solid,f.flat,f.outline]},Qo={flow:"vertical",affixesOrientation:"horizontal",resize:"both",prefixSeparator:!0,suffixSeparator:!0},Y=e=>{let{size:t,rounded:o,fillMode:a,prefixSeparator:r=Qo.prefixSeparator,suffixSeparator:s=Qo.prefixSeparator,affixesOrientation:l=Qo.affixesOrientation,flow:p=Qo.flow,resize:b=Qo.resize,prefix:x,suffix:N,rows:k,value:m,placeholder:L,hover:C,focus:M,valid:E,invalid:A,required:w,disabled:J,id:ce,"aria-label":ue,"aria-describedby":fe,...Ce}=e;return ri(Q,{...Ce,size:t,rounded:o,fillMode:a,hover:C,focus:M,valid:E,invalid:A,required:w,disabled:J,className:n(e.className,rd,{"!k-flex-col":p==="vertical","!k-flex-row":p==="horizontal"}),children:[x&&ri(ad,{children:[Ra(_e,{className:n({"!k-align-items-start":p===l}),direction:l,children:x}),r&&Ra(Me,{direction:p==="horizontal"?"vertical":"horizontal"})]}),Ra(ka,{className:n("!k-overflow-auto",{"!k-flex-none":p==="vertical","k-resize-x":b==="x","k-resize-y":b==="y","k-resize":b==="both","k-resize-none":b==="none"}),value:m,placeholder:L,rows:k,disabled:J,id:ce,"aria-label":ue,"aria-describedby":fe,"aria-invalid":A?"true":void 0}),N&&ri(ad,{children:[s&&Ra(Me,{direction:p==="horizontal"?"vertical":"horizontal"}),Ra(De,{className:n({"!k-align-items-start":p===l}),direction:l,children:N})]})]})};Y.states=Nh;Y.options=kh;Y.className=rd;Y.defaultOptions=Qo;Y.moduleName=ai;Y.folderName=od;Y.ariaSpec={selector:".k-textarea",rules:[{selector:".k-textarea > .k-input-inner",attribute:"role=textbox or nodeName=textarea",usage:"Describes the role of the component."},{selector:".k-textarea > .k-input-inner",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"The textarea requires an accessible name (provided by consuming app)."},{selector:".k-textarea > .k-input-inner",attribute:"aria-multiline=true (when role=textbox)",usage:"Required on role=textbox to indicate multi-line behavior. Implicit on native <textarea>, so not needed there."},{selector:".k-textarea > .k-input-inner",attribute:"aria-invalid=true (when invalid)",usage:"Rendered only when the TextArea is in a form and announces the invalid state."},{selector:".k-textarea > .k-input-inner",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message for the textarea."},{selector:".k-textarea.k-disabled > .k-input-inner",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered only when the TextArea is disabled."}]};import{jsx as O3}from"react/jsx-runtime";import{Fragment as _3,jsx as K3}from"react/jsx-runtime";import{Fragment as G3,jsx as U3}from"react/jsx-runtime";import{jsx as q3}from"react/jsx-runtime";import{jsx as Nr}from"react/jsx-runtime";var gh=Y.options,vh=Y.states,nd={...Y.defaultOptions,variant:"vertical"},Ch=[{name:"vertical",title:"Flow vertical"},{name:"horizontal",title:"Flow horizontal"}],Lh=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"}],Zo=e=>{let{variant:t,modifiers:o,...a}={...nd,...e},r={resize:"y"};return Object.keys(o\|\|{}).forEach(s=>{switch(s){case"prefix":r.prefix=o?.[s]?Nr(v,{icon:"comment"}):void 0;break;case"suffix":r.suffix=o?.[s]?Nr(v,{icon:"volume-up"}):void 0;break;default:break}}),t==="horizontal"?Nr(Y,{flow:"horizontal",placeholder:"Enter text...",style:{width:300},...a,...r}):Nr(Y,{flow:"vertical",placeholder:"Enter text...",style:{width:300},...a,...r})};Zo.options=gh;Zo.states=vh;Zo.variants=Ch;Zo.defaultOptions=nd;Zo.modifiers=Lh;Zo.className=Y.className;import{Fragment as h5,jsx as f5,jsxs as b5}from"react/jsx-runtime";var ii="suggestion",id=ii;import{jsx as kr,jsxs as Ah}from"react/jsx-runtime";var gr="k-suggestion-group",Mh=[],Sh={},sd={layout:"scrollable",scrollingPosition:"start"},st=e=>{let{layout:t=sd.layout,scrollingPosition:o,...a}=e,r=kr("div",{...a,className:n(gr,{"k-suggestion-group-scrollable":t=="scrollable",[`${gr}-scrollable-start`]:o==="start"\|\|o==="both",[`${gr}-scrollable-end`]:o==="end"\|\|o==="both"},e.className),role:"group",children:t==="scrollable"\|\|t==="scrollButtons"?kr("div",{className:"k-suggestions-scroll",children:e.children}):e.children});return t=="scrollButtons"?Ah("div",{className:"k-suggestion-scrollwrap",children:[kr(d,{fillMode:"flat",icon:"chevron-left",size:"xsmall","aria-label":"Scroll left"}),r,kr(d,{fillMode:"flat",icon:"chevron-right",size:"xsmall","aria-label":"Scroll right"})]}):r};st.states=Mh;st.options=Sh;st.className=gr;st.defaultOptions=sd;st.moduleName=ii;st.folderName=id;import{jsx as Eh}from"react/jsx-runtime";var vr="k-suggestion",Ih=[i.active,i.hover,i.focus],Th={themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary]},yh={text:"Suggestion"},ut=e=>{let{themeColor:t,active:o,hover:a,focus:r,text:s,...l}=e;return Eh("span",{...l,className:n(e.className,vr,S(vr,{hover:a,active:o,focus:r}),I(vr,{themeColor:t})),role:"button",tabIndex:0,"aria-label":s,children:s})};ut.states=Ih;ut.options=Th;ut.className=vr;ut.item=yh;import{Fragment as E5,jsx as y5,jsxs as O5}from"react/jsx-runtime";import{Fragment as K5,jsx as R5,jsxs as _5}from"react/jsx-runtime";import{Fragment as U5,jsx as F5,jsxs as G5}from"react/jsx-runtime";import{Fragment as sF,jsx as nF,jsxs as iF}from"react/jsx-runtime";import{jsx as Cr}from"react/jsx-runtime";var Oh="k-chip-action";var Tt=e=>{let{type:t,...o}=e,a;switch(t){case"remove":a=Cr(v,{icon:"x-circle",size:"small"});break;case"more":a=Cr(v,{icon:"more-vertical",size:"small"});break;default:return Cr(v,{icon:t,size:"small"})}return Cr("span",{...o,className:n(e.className,Oh,`k-chip-${t}-action`),children:a})};var si="avatar",ld=si;import{jsx as dd}from"react/jsx-runtime";var Ka="k-avatar";var Bh=[i.hover,i.focus,i.active,i.selected,i.disabled],Ph={size:[c.undefined,c.small,c.medium,c.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[f.undefined,f.solid,f.outline],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary]},li={type:"text",border:!1},Ee=e=>{let{size:t,rounded:o,fillMode:a,themeColor:r,type:s=li.type,border:l=li.border,...p}=e;return dd("div",{...p,className:n(e.className,Ka,I(Ka,{size:t,rounded:o,fillMode:a,themeColor:r}),{[`${Ka}-bordered`]:l}),children:dd("span",{className:`${Ka}-${s}`,children:e.children})})};Ee.states=Bh;Ee.options=Ph;Ee.className=Ka;Ee.defaultOptions=li;Ee.moduleName=si;Ee.folderName=ld;Ee.ariaSpec={selector:".k-avatar",rules:[{selector:".k-avatar img",attribute:"alt",usage:"Images inside Avatar must have alt text for screen readers."}]};var lo=Ee;import{jsx as wh}from"react/jsx-runtime";var cd=e=>wh(lo,{type:"icon",...e});import{jsx as Rh}from"react/jsx-runtime";var pd=e=>Rh(lo,{type:"text",...e});import{jsx as Kh}from"react/jsx-runtime";var md=e=>Kh(lo,{type:"image",...e});import{jsx as yF}from"react/jsx-runtime";import{jsx as _a}from"react/jsx-runtime";var _h=Ee.options,Dh=Ee.states,Hh={...Ee.defaultOptions,variant:"image"},zh=[{name:"image",title:"Image"},{name:"icon",title:"Icon Avatar"},{name:"text",title:"Text Avatar"}],Fh=[],jo=e=>{let{variant:t,...o}=e;switch(t){case"icon":return _a(cd,{...o,children:_a(v,{icon:"star"})});case"text":return _a(pd,{...o,children:"JO"});default:return _a(md,{...o,children:_a("img",{src:"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg"})})}};jo.options=_h;jo.states=Dh;jo.variants=zh;jo.defaultOptions=Hh;jo.modifiers=Fh;jo.className=Ee.className;var Da="chip",Lr=Da;import{jsx as ea,jsxs as Vh}from"react/jsx-runtime";var Mr="k-chip",Uh=[i.hover,i.focus,i.active,i.selected,i.disabled],Gh={size:[c.undefined,c.small,c.medium,c.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[f.undefined,f.solid,f.outline],themeColor:[h.undefined,h.base,h.success,h.warning,h.error,h.info]},ud={avatarImage:"/packages/html/assets/avatar.jpg"},Oe=e=>{let{size:t,rounded:o,fillMode:a,themeColor:r,text:s,icon:l,actions:p,showAvatar:b,avatarImage:x=ud.avatarImage,hover:N,focus:k,active:m,selected:L,disabled:C,...M}=e;return Vh("div",{...M,className:n(e.className,Mr,I(Mr,{size:t,rounded:o,fillMode:a,themeColor:r}),S(Mr,{hover:N,focus:k,active:m,disabled:C,selected:L})),role:e.role\|\|"button","aria-pressed":e.role==="option"?void 0:L?"true":"false",...e.role==="option"&&L!==void 0&&{"aria-selected":L?"true":"false"},"aria-disabled":C?"true":void 0,children:[l&&ea(v,{className:"k-chip-icon",icon:l,size:"small"}),b&&ea(Ee,{className:"k-chip-avatar",type:"image",children:ea("img",{src:x,alt:""})}),ea("span",{className:"k-chip-content",children:e.children?e.children:s&&ea("span",{className:"k-chip-label",children:s})}),p&&ea("span",{className:"k-chip-actions",children:p})]})};Oe.states=Uh;Oe.options=Gh;Oe.className=Mr;Oe.defaultOptions=ud;Oe.moduleName=Da;Oe.folderName=Lr;Oe.ariaSpec={selector:".k-chip",rules:[{selector:":not(.k-chip-list) > .k-chip",attribute:"role=button",usage:"Announces that the chip acts as a button when standalone."},{selector:":not(.k-chip-list) > .k-chip.k-selected",attribute:"aria-pressed=true",usage:"Announces that the Chip has been selected."},{selector:"*:not(.k-chip-list) > .k-chip:not(.k-selected)",attribute:"aria-pressed=false",usage:"Announces that the Chip has not been selected."},{selector:".k-chip",attribute:"aria-disabled=true (when disabled)",usage:"Announces that the Chip is disabled."}]};var lt=Oe;import{jsx as Wh}from"react/jsx-runtime";var di="k-chip-list",$h=[],Xh={size:[c.undefined,c.small,c.medium,c.large]},qh={},xe=e=>{let{size:t,multiselectable:o,ariaLabel:a,...r}=e;return Wh("div",{...r,className:n(e.className,di,I(di,{size:t})),role:e.role\|\|"listbox","aria-label":e.role==="none"?void 0:a\|\|"chip list","aria-orientation":e.role==="none"?void 0:"horizontal","aria-multiselectable":o?"true":void 0,children:e.children})};xe.states=$h;xe.options=Xh;xe.className=di;xe.defaultOptions=qh;xe.moduleName=Da;xe.folderName=Lr;xe.ariaSpec={selector:".k-chip-list",rules:[{selector:".k-chip-list",attribute:"role=listbox",usage:"Announces the list role of the chip list."},{selector:".k-chip-list",attribute:"aria-label or aria-labelledby",usage:"Adds label to the ChipList element. ListBox element requires an accessible name."},{selector:".k-chip-list",attribute:"aria-orientation=horizontal",usage:"Specifies the horizontal orientation of the chiplist."},{selector:".k-chip-list",attribute:"aria-multiselectable=true (when multiple selection)",usage:"Announces the multiple selection ability of the chiplist."},{selector:".k-chip-list .k-chip",attribute:"role=option",usage:"Announces the chip is an option inner component of the chip list."},{selector:".k-chip-list .k-chip.k-selected",attribute:"aria-selected=true",usage:"Announces the chip is selected."},{selector:".k-chip-list .k-chip:not(.k-selected)",attribute:"aria-selected=false",usage:"Announces the chip is not selected."},{selector:".k-chip-list .k-chip:has(.k-i-x-circle), .k-chip-list .k-chip:has(.k-svg-i-x-circle)",attribute:"aria-keyshortcuts=Enter Delete",usage:"Announces the Delete action along with the default Enter key."}]};import{jsx as nU}from"react/jsx-runtime";import{jsx as dU}from"react/jsx-runtime";import{jsx as Jh}from"react/jsx-runtime";var Sr=e=>Jh(lt,{text:"text",...e});import{jsx as xU}from"react/jsx-runtime";import{jsx as vU}from"react/jsx-runtime";import{Fragment as IU,jsx as AU,jsxs as TU}from"react/jsx-runtime";import{jsx as PU,jsxs as wU}from"react/jsx-runtime";import{jsx as HU,jsxs as zU}from"react/jsx-runtime";import{jsx as XU,jsxs as qU}from"react/jsx-runtime";import{jsx as ta,jsxs as tx}from"react/jsx-runtime";var Yh={...lt.options,...xe.options},Qh=[],Zh=xe.states,jh={...lt.defaultOptions,...xe.defaultOptions},ex=[{name:"icon",title:"Icon",type:"boolean"},{name:"actions",title:"Actions",type:"boolean"},{name:"avatar",title:"Avatar",type:"boolean"}],oa=e=>{let{modifiers:t,className:o,...a}=e,r=t?.icon,s=t?.actions,l=t?.avatar;return tx(xe,{size:a.size,className:o,children:[ta(Sr,{...a,role:"option","aria-selected":"false","aria-pressed":void 0,icon:r?"star":void 0,actions:s?ta(Tt,{type:"remove"}):void 0,showAvatar:l,children:"Chip"}),ta(Sr,{...a,role:"option","aria-selected":"false","aria-pressed":void 0,icon:r?"star":void 0,actions:s?ta(Tt,{type:"remove"}):void 0,showAvatar:l,children:"Chip"}),ta(Sr,{...a,role:"option","aria-selected":"false","aria-pressed":void 0,icon:r?"star":void 0,actions:s?ta(Tt,{type:"remove"}):void 0,showAvatar:l,children:"Chip"})]})};oa.options=Yh;oa.states=Zh;oa.variants=Qh;oa.defaultOptions=jh;oa.modifiers=ex;oa.className=xe.className;import{jsx as ci}from"react/jsx-runtime";var ox=Oe.states,ax=Oe.defaultOptions,rx=Oe.options,nx=[],ix=[{name:"icon",title:"Icon"},{name:"avatar",title:"Avatar"},{name:"remove-icon",title:"`Remove` Icon"},{name:"more-options",title:"`More options` Icon"}],aa=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(r=>{switch(r){case"icon":a.icon=t?.[r]?"arrow-down":void 0;break;case"avatar":a.showAvatar=!!t?.[r],a.avatarImage=t?.[r]?"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg":void 0;break;case"more-options":a.actions\|\|(a.actions=[]),a.actions[0]=t?.[r]?ci(Tt,{type:"more"}):void 0;break;case"remove-icon":a.actions\|\|(a.actions=[]),a.actions[1]=t?.[r]?ci(Tt,{type:"remove"}):void 0;break;default:break}}),ci(Oe,{...o,...a,children:"Chip component"})};aa.options=rx;aa.states=ox;aa.variants=nx;aa.defaultOptions=ax;aa.modifiers=ix;aa.className=Oe.className;import{Fragment as wG,jsx as BG,jsxs as PG}from"react/jsx-runtime";import{jsx as lx}from"react/jsx-runtime";var sx="k-card-callout",fd=e=>{let{callout:t,...o}=e;return lx("span",{...o,className:n(e.className,sx,{[`k-callout-${Ci.calloutMap[t]\|\|t}`]:t})})};var Je="card",dt=Je;import{Fragment as mx,jsx as bd,jsxs as ux}from"react/jsx-runtime";var pi="k-card",dx=[i.hover,i.focus,i.selected,i.disabled],cx={},px={},j=e=>{let{orientation:t,callout:o,hover:a,focus:r,selected:s,disabled:l,...p}=e;return ux("div",{...p,className:n(e.className,pi,S(pi,{hover:a,focus:r,disabled:l,selected:s}),{[`k-card-${t}`]:t,"k-card-with-callout":o}),children:[o&&o!=="true"&&bd(fd,{callout:o}),bd(mx,{children:e.children})]})};j.states=dx;j.options=cx;j.className=pi;j.defaultOptions=px;j.moduleName=Je;j.folderName=dt;j.ariaSpec={selector:".k-card",rules:[{selector:".k-card-list .k-card",attribute:"role=listitem",usage:"When the card is located in a list, it should have the listitem role."},{selector:".k-card-list .k-card",attribute:"tabindex=0",usage:"The card component is focusable when navigatable."},{selector:".k-card-list .k-card",attribute:"aria-describedby=.k-card-title id",usage:"Associate the card to the title element."},{selector:".k-card-list .k-card",attribute:"aria-keyshortcuts=Enter",usage:"Announces the bound Enter key that enables navigation inside the card."}]};import{Fragment as xx,jsx as hd}from"react/jsx-runtime";var mi="k-card-list",fx=[],bx={},hx={},Gt=e=>{let{...t}=e;return hd("div",{...t,className:n(e.className,mi,S(mi,{})),role:"list",children:hd(xx,{children:e.children})})};Gt.states=fx;Gt.options=bx;Gt.className=mi;Gt.defaultOptions=hx;Gt.moduleName=Je;Gt.folderName=dt;Gt.ariaSpec={selector:".k-card-list",rules:[{selector:".k-card-list",attribute:"role=list",usage:"The card list container announces its list role."},{selector:".k-card-list .k-card",attribute:"role=listitem",usage:"Each card in the list has the listitem role."},{selector:".k-card-list .k-card",attribute:"tabindex=0",usage:"The card is focusable when navigatable."},{selector:".k-card-list .k-card",attribute:"aria-describedby=.k-card-title id",usage:"Associate the card to its title element."},{selector:".k-card-list .k-card",attribute:"aria-keyshortcuts=Enter",usage:"Announces the Enter key for navigation inside the card."}]};import{jsx as vx}from"react/jsx-runtime";var xd="k-card-group",Nx=[],kx={},gx={},ra=e=>{let{...t}=e;return vx("div",{...t,className:n(e.className,xd),children:e.children})};ra.states=Nx;ra.options=kx;ra.className=xd;ra.defaultOptions=gx;ra.moduleName=Je;ra.folderName=dt;import{jsx as Sx}from"react/jsx-runtime";var ui="k-card-wrap",Cx=[i.focus,i.selected],Lx={},Mx={},na=e=>{let{focus:t,selected:o,...a}=e;return Sx("div",{...a,className:n(e.className,ui,S(ui,{focus:t,selected:o})),children:e.children})};na.states=Cx;na.options=Lx;na.className=ui;na.defaultOptions=Mx;na.moduleName=Je;na.folderName=dt;import{jsx as Ix}from"react/jsx-runtime";var fi="k-card-title",Ax=[i.hover,i.focus],co=e=>{let{hover:t,focus:o,...a}=e;return Ix("div",{...a,className:n(e.className,fi,S(fi,{hover:t,focus:o})),children:e.children})};co.states=Ax;co.className=fi;import{jsx as yx}from"react/jsx-runtime";var Tx="k-card-subtitle",Ar=e=>{let{...t}=e;return yx("div",{...t,className:n(e.className,Tx),children:e.children})};import{Fragment as kd,jsx as Ir}from"react/jsx-runtime";var Nd="k-card-media",bi=e=>{let{src:t,...o}=e;return Ir(kd,{children:t?Ir("img",{...o,className:n(e.className,Nd),src:t}):Ir("span",{...o,className:n(e.className,Nd),children:Ir(kd,{children:e.children})})})};import{Fragment as Ox,jsx as Ha,jsxs as Bx}from"react/jsx-runtime";var Ex="k-card-header",yt=e=>{let{title:t,subtitle:o,details:a,...r}=e;return Bx("div",{...r,className:n(e.className,Ex),children:[t&&Ha(co,{children:t}),o&&Ha(Ar,{children:o}),Ha(Ox,{children:e.children}),a&&Ha("span",{className:"k-card-header-actions",children:Ha(d,{className:"k-card-details",icon:"more-vertical",fillMode:"flat","aria-label":"Card details"})})]})};import{jsx as wx}from"react/jsx-runtime";var Px="k-card-footer",hi=e=>{let{...t}=e;return wx("div",{...t,className:n(e.className,Px),children:e.children})};import{Fragment as Kx,jsx as za,jsxs as _x}from"react/jsx-runtime";var Rx="k-card-body",Ye=e=>{let{title:t,subtitle:o,details:a,...r}=e;return _x("div",{...r,className:n(e.className,Rx),children:[t&&za(co,{children:t}),o&&za(Ar,{children:o}),za(Kx,{children:e.children}),a&&za("span",{className:"k-card-header-actions",children:za(d,{className:"k-card-details",icon:"more-vertical",fillMode:"flat","aria-label":"Card details"})})]})};import{jsx as Fx}from"react/jsx-runtime";var gd="k-card-deck",Dx=[],Hx={},zx={},ia=e=>{let{...t}=e;return Fx("div",{...t,className:n(e.className,gd),children:e.children})};ia.states=Dx;ia.options=Hx;ia.className=gd;ia.defaultOptions=zx;ia.moduleName=Je;ia.folderName=dt;import{jsx as $x}from"react/jsx-runtime";var vd="k-card-deck-scrollwrap",Ux=[],Gx={},Vx={},sa=e=>{let{...t}=e;return $x("div",{...t,className:n(e.className,vd),children:e.children})};sa.states=Ux;sa.options=Gx;sa.className=vd;sa.defaultOptions=Vx;sa.moduleName=Je;sa.folderName=dt;import{Fragment as Xx,jsx as la,jsxs as Cd}from"react/jsx-runtime";var Ld=e=>la(j,{orientation:"vertical",children:Cd(Xx,{children:[la(yt,{children:"Card Header"}),la(Ye,{children:la("p",{children:"Some quick example text to build on the card title and make up the bulk of the card's content."})}),Cd(z,{className:"k-card-actions",children:[la(d,{fillMode:"flat",themeColor:"primary",children:"Action 1"}),la(d,{fillMode:"flat",themeColor:"primary",children:"Action 2"})]})]}),...e});import{Fragment as qx,jsx as Fa,jsxs as Md}from"react/jsx-runtime";var Sd=e=>Fa(j,{orientation:"horizontal",children:Md(qx,{children:[Fa(Ye,{title:"Card Title",children:Fa("p",{children:"Some quick example text to build on the card title and make up the bulk of the card's content."})}),Md(z,{orientation:"vertical",className:"k-card-actions",children:[Fa(d,{fillMode:"flat",themeColor:"primary",children:"Action 1"}),Fa(d,{fillMode:"flat",themeColor:"primary",children:"Action 2"})]})]}),...e});import{jsx as Y9,jsxs as Q9}from"react/jsx-runtime";import{jsx as Be,jsxs as Ua}from"react/jsx-runtime";var Wx=j.options,Jx=j.states,Ad={...j.defaultOptions,variant:"vertical"},Yx=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],Qx=[{name:"media",title:"Card with Media"},{name:"header",title:"Card with Header"},{name:"footer",title:"Card with Footer"}],da=e=>{let{variant:t,modifiers:o,...a}={...Ad,...e},r=!1,s=!1,l=!1;return Object.keys(o\|\|{}).forEach(p=>{switch(p){case"media":{r=!!o?.[p];break}case"header":{s=!!o?.[p];break}case"footer":{l=!!o?.[p];break}}}),t==="horizontal"?Ua(Sd,{style:{maxWidth:"420px"},...a,children:[r&&Be(bi,{src:"https://demos.telerik.com/kendo-ui/content/web/cards/rome.jpg"}),Ua("div",{children:[s&&Be(yt,{title:"Header Title",subtitle:"Header Subtitle"}),Be(Ye,{title:"Title",subtitle:"Subtitle",children:Be("p",{children:"Some quick example text to build on the card title and make up the bulk of the card's content."})}),l&&Be(hi,{children:"Card Footer"})]}),(s\|\|l)&&Be("span",{className:"k-separator k-separator-vertical"}),Ua(z,{orientation:"vertical",alignment:"stretched",className:"k-card-actions",children:[Be(d,{fillMode:"flat",themeColor:"primary",children:"Button"}),Be(d,{fillMode:"flat",themeColor:"primary",children:"Button"})]})]}):Ua(Ld,{style:{maxHeight:"450px",width:"300px"},...a,children:[s&&Be(yt,{title:"Header Title",subtitle:"Header Subtitle"}),r&&Be(bi,{src:"https://demos.telerik.com/kendo-ui/content/web/cards/rome.jpg"}),Be(Ye,{title:"Title",subtitle:"Subtitle",children:Be("p",{children:"Some quick example text to build on the card title and make up the bulk of the card's content."})}),l&&Be(hi,{children:"Card Footer"}),Ua(z,{className:"k-card-actions",children:[Be(d,{fillMode:"flat",themeColor:"primary",children:"Button"}),Be(d,{fillMode:"flat",themeColor:"primary",children:"Button"})]})]})};da.options=Wx;da.states=Jx;da.variants=Yx;da.defaultOptions=Ad;da.modifiers=Qx;da.className=j.className;import{jsx as R6,jsxs as K6}from"react/jsx-runtime";var xi="panelbar",Id=xi;import{jsx as tN}from"react/jsx-runtime";var Td="k-panelbar",Zx=[],jx={},eN={},Ne=e=>{let{activeDescendant:t,...o}=e;return tN("ul",{...o,className:n(e.className,Td),role:"tree","aria-activedescendant":t,children:e.children})};Ne.states=Zx;Ne.options=jx;Ne.className=Td;Ne.defaultOptions=eN;Ne.moduleName=xi;Ne.folderName=Id;Ne.ariaSpec={selector:".k-panelbar",rules:[{selector:".k-panelbar",attribute:"role=tree",usage:"The root element of the PanelBar has role tree."},{selector:".k-panelbar",attribute:"aria-activedescendant (when present)",usage:"Points to the currently focused item in the PanelBar."},{selector:".k-panelbar-group",attribute:"role=group",usage:"The ul element that wraps child nodes."},{selector:".k-panelbar-item:not(.k-expanded) > .k-panelbar-group",attribute:"aria-hidden=true",usage:"Hides the group element from assistive technologies when its parent is not expanded."},{selector:".k-panelbar-item",attribute:"role=treeitem",usage:"The li element rendered for a PanelBar item."},{selector:".k-panelbar-item",attribute:"aria-expanded=true/false",usage:"Announces the expanded state of the item (if expandable)."},{selector:".k-panelbar-item",attribute:"aria-selected=true/false",usage:"Announces the selected state of the item."}]};import Ni from"react";import{jsx as Tr,jsxs as yd}from"react/jsx-runtime";var Ed="k-panelbar-item",oN=[i.hover,i.focus,i.selected,i.disabled],aN={},yr={level:0,expanded:!1,text:"Item"},y=e=>{let{text:t=yr.text,level:o=yr.level,expanded:a=yr.expanded,header:r,hover:s,focus:l,selected:p,disabled:b,icon:x,iconClass:N,ariaSelected:k,children:m,...L}=e,C=!!m;return yd("li",{...L,className:n(e.className,Ed,{"k-panelbar-header":r,[`k-level-${o}`]:o\|\|o===0,"k-expanded":a}),role:"treeitem","aria-expanded":C?a?"true":"false":void 0,"aria-selected":k?"true":"false","aria-disabled":b?"true":void 0,children:[yd("span",{className:n("k-link",S("k-link",{hover:s,focus:l,disabled:b,selected:p})),children:[x&&Tr(v,{className:"k-panelbar-item-icon",icon:x}),N&&!x&&Tr("span",{className:`k-panelbar-item-icon ${N}`}),Tr("span",{className:"k-panelbar-item-text",children:t}),C&&Tr(v,{className:n("k-panelbar-toggle",a?"k-panelbar-collapse":"k-panelbar-expand"),icon:`chevron-${a?"up":"down"}`})]}),a&&m,!a&&m&&Ni.Children.map(m,M=>Ni.isValidElement(M)?Ni.cloneElement(M,{"aria-hidden":"true",style:{display:"none"}}):M)]})};y.states=oN;y.options=aN;y.className=Ed;y.defaultOptions=yr;import{jsx as sN}from"react/jsx-runtime";var Od="k-panelbar-group",rN=[],nN={},iN={},Pe=e=>{let{ariaHidden:t,...o}=e;return sN("ul",{...o,className:n(e.className,Od),role:"group","aria-hidden":t?"true":void 0,children:e.children})};Pe.states=rN;Pe.options=nN;Pe.className=Od;Pe.defaultOptions=iN;import{jsx as pN}from"react/jsx-runtime";var Bd="k-panelbar-content",lN=[],dN={},cN={},le=e=>{let{...t}=e;return pN("div",{...t,className:n(e.className,Bd),children:e.children})};le.states=lN;le.options=dN;le.className=Bd;le.defaultOptions=cN;import{Fragment as mN,jsx as Vt,jsxs as uN}from"react/jsx-runtime";var Ga=e=>{let t=T("pb-item"),o=T("pb-item"),a=T("pb-item"),r=T("pb-item");return Vt(Ne,{children:uN(mN,{children:[Vt(y,{header:!0,text:"Item 1",id:t,children:Vt(le,{children:"content"})}),Vt(y,{header:!0,text:"Item 2",id:o,children:Vt(le,{children:"content"})}),Vt(y,{header:!0,text:"Item 3",id:a,children:Vt(le,{children:"content"})}),Vt(y,{header:!0,text:"Item 4",id:r})]}),...e})};import{Fragment as l7,jsx as s7,jsxs as d7}from"react/jsx-runtime";import{Fragment as fN,jsx as we,jsxs as ki}from"react/jsx-runtime";var Pd=e=>{let t=T("pb-item"),o=T("pb-item"),a=T("pb-item"),r=T("pb-item"),s=T("pb-child"),l=T("pb-child"),p=T("pb-child"),b=T("pb-child"),x=T("pb-child"),N=T("pb-child"),k=T("pb-child");return we(Ne,{activeDescendant:o,children:ki(fN,{children:[we(y,{header:!0,text:"Item 1",id:t,children:we(le,{children:"content"})}),we(y,{header:!0,expanded:!0,text:"Item 2",id:o,ariaSelected:!0,focus:!0,children:ki(Pe,{children:[we(y,{level:1,text:"Child 1",id:s}),we(y,{level:1,expanded:!0,text:"Child 2",id:l,children:ki(Pe,{children:[we(y,{level:2,text:"Child 2.1",id:p}),we(y,{level:2,text:"Child 2.2",id:b})]})}),we(y,{level:1,text:"Child 3",id:x,children:we(Pe,{children:we(y,{level:2,text:"Child 3.1",id:N})})}),we(y,{level:1,text:"Child 4",id:k})]})}),we(y,{header:!0,text:"Item 3",id:a,children:we(le,{children:"content"})}),we(y,{header:!0,text:"Item 4",id:r})]}),...e})};import{Fragment as wd,jsx as ee,jsxs as Er}from"react/jsx-runtime";var bN=Ne.options,hN=Ne.states,Rd={...Ne.defaultOptions,variant:"normal"},xN=[{name:"normal",title:"Normal"},{name:"expand",title:"Expanded"}],NN=[{name:"icon",title:"Item icons"},{name:"disabled",title:"Disabled item"}],ca=e=>{let{variant:t,modifiers:o,...a}={...Rd,...e},r={},s={folder:"folder",gear:"gear",file:"file",image:"image"};return Object.keys(o\|\|{}).forEach(l=>{switch(l){case"icon":{r.icon=o?.[l]?s:void 0;break}case"disabled":r.disabled=!!o?.[l]}}),t==="expand"?ee(wd,{children:Er(Pd,{style:{width:"300px"},...a,children:[ee(y,{icon:r.icon?.gear,header:!0,text:"Item 1",children:ee(le,{children:"content"})}),ee(y,{icon:r.icon?.folder,selected:!0,header:!0,expanded:!0,text:"Item 2",children:Er(Pe,{children:[ee(y,{level:1,text:"Child 1"}),ee(y,{level:1,expanded:!0,text:"Child 2",children:Er(Pe,{children:[ee(y,{level:2,text:"Child 2.1"}),ee(y,{icon:r.icon?.image,level:2,text:"Child 2.2"})]})}),ee(y,{disabled:r.disabled,level:1,text:"Child 3",children:ee(le,{children:"content"})}),ee(y,{level:1,text:"Child 4"})]})}),ee(y,{icon:r.icon?.folder,disabled:r.disabled,header:!0,text:"Item 3",children:ee(le,{children:"content"})}),ee(y,{icon:r.icon?.file,header:!0,text:"Item 4"})]})}):ee(wd,{children:Er(Ga,{style:{width:"300px"},...a,children:[ee(y,{icon:r.icon?.gear,header:!0,text:"Item 1",children:ee(le,{children:"content"})}),ee(y,{icon:r.icon?.folder,header:!0,text:"Item 2",children:ee(le,{children:"content"})}),ee(y,{icon:r.icon?.folder,disabled:r.disabled,header:!0,text:"Item 3",children:ee(le,{children:"content"})}),ee(y,{icon:r.icon?.file,header:!0,text:"Item 4"})]})})};ca.options=bN;ca.states=hN;ca.variants=xN;ca.defaultOptions=Rd;ca.modifiers=NN;ca.className=Ne.className;import{jsx as _7,jsxs as D7}from"react/jsx-runtime";import{Fragment as J7,jsx as q7,jsxs as W7}from"react/jsx-runtime";import{Fragment as a4,jsx as o4,jsxs as r4}from"react/jsx-runtime";import{Fragment as Kd,jsx as g,jsxs as de}from"react/jsx-runtime";var kN=W.options,gN=W.states,vN={...W.defaultOptions,variant:"ask"},CN=[{name:"ask",title:"Ask AI"},{name:"output",title:"Output"},{name:"more",title:"More Actions"}],LN=[{name:"stt",title:"SpeechToText"},{name:"suggestions",title:"Suggestions"}],pa=e=>{let{variant:t,modifiers:o,...a}={...e},r=g(Kd,{children:de(st,{layout:"wrap",children:[g(ut,{text:"Post for work-life balance importance"}),g(ut,{text:"Out of office"})]})}),s={suggestions:r,stt:!0};switch(Object.keys(o\|\|{}).forEach(l=>{switch(l){case"suggestions":s.suggestions=!!o?.[l];break;case"stt":s.stt=!!o?.[l];break}}),t){case"more":return g(U,{className:"k-prompt-popup",children:de(W,{style:{width:"330px",height:"350px"},...a,children:[g(mt,{children:de(R,{className:"k-toolbar-flat",children:[g(F,{fillMode:"flat",themeColor:"primary",icon:"sparkles",rounded:"full",children:"Ask AI"}),g(F,{fillMode:"flat",themeColor:"primary",icon:"comment",rounded:"full",children:"Output"}),g(V,{fillMode:"flat",themeColor:"primary",icon:"more-horizontal",rounded:"full",selected:!0})]})}),g(qe,{children:g(We,{children:de(Ga,{children:[g(y,{header:!0,icon:"brush",text:"Change Formality",children:de(Pe,{children:[g(y,{level:1,text:"Casual"}),g(y,{level:1,text:"Neutral"}),g(y,{level:1,text:"Formal"})]})}),g(y,{header:!0,expanded:!0,icon:"edit-tools",text:"Translate",children:de(Pe,{children:[g(y,{level:1,text:"German"}),g(y,{level:1,text:"Spanish"})]})}),g(y,{header:!0,icon:"min-width",text:"Simplify"}),g(y,{header:!0,icon:"arrows-left-right",text:"Expand"})]})})})]})});case"output":return g(U,{className:"k-prompt-popup",children:de(W,{style:{width:"330px",height:"350px"},...a,children:[g(mt,{children:de(R,{className:"k-toolbar-flat",children:[g(F,{fillMode:"flat",themeColor:"primary",icon:"sparkles",rounded:"full",children:"Ask AI"}),g(F,{fillMode:"flat",themeColor:"primary",icon:"comment",rounded:"full",selected:!0,children:"Output"}),g(V,{fillMode:"flat",themeColor:"primary",icon:"more-horizontal",rounded:"full"})]})}),de(qe,{children:[g(so,{}),g(We,{children:de("div",{className:"k-card-list",children:[de(j,{children:[g(yt,{title:"Generated with AI",subtitle:"Linked in post for work/life balance importance"}),g(Ye,{children:de("p",{children:["\u{1F31F} Embracing Work/Life Balance for Success \u{1F31F}",g("br",{}),g("br",{}),"Hello LinkedIn network! \u{1F44B} Today, let's talk about a key to our well-being: work/life balance. \u{1F310}\u2696\uFE0F",g("br",{}),g("br",{}),"In our fast-paced world, balancing professional and personal life is not just a luxury, it's a necessity for health and productivity. \u{1F4C8}\u{1F33F}",g("br",{}),g("br",{}),"\u2728 Key Points \u2728",g("br",{}),g("br",{}),"Enhances Productivity: Less burnout, more motivation. \u{1F680}",g("br",{}),"Boosts Creativity: New experiences = fresh ideas. \u{1F4A1}",g("br",{}),"Improves Health: Mental and physical benefits. \u{1F9D8}\u200D\u2642\uFE0F",g("br",{}),"Strengthens Relationships: Quality time matters. \u{1F91D}",g("br",{}),"Let's champion a culture where success and well-being go hand in hand. Share your work/life balance tips below! \u{1F447}",g("br",{}),g("br",{}),"#WorkLifeBalance #Productivity #WellBeing"]})}),de(z,{className:"k-card-actions",alignment:"start",children:[g(F,{fillMode:"flat",themeColor:"primary",icon:"copy",children:"Copy"}),g(F,{fillMode:"flat",themeColor:"base",icon:"arrow-rotate-cw",children:"Retry"}),g("span",{className:"k-spacer"}),g(V,{fillMode:"flat",themeColor:"base",icon:"thumb-up-outline"}),g(V,{fillMode:"flat",themeColor:"base",icon:"thumb-down-outline"})]})]}),de(j,{children:[g(yt,{title:"Generated with AI",subtitle:"Out of Office"}),g(Ye,{children:de("p",{children:["Subject: Out of Office: [Your Name]",g("br",{}),g("br",{}),"Dear [Recipient's Name],",g("br",{}),g("br",{}),"I am currently out of the office until [Return Date] and won't have access to email. For urgent matters, please contact [Colleague's Name] at [Colleague's Email]. I'll respond to your email upon my return.",g("br",{}),g("br",{}),"Thank you,",g("br",{}),"[Your Name]"]})}),de(z,{className:"k-card-actions",alignment:"start",children:[g(F,{fillMode:"flat",themeColor:"primary",icon:"copy",children:"Copy"}),g(F,{fillMode:"flat",themeColor:"base",icon:"arrow-rotate-cw",children:"Retry"}),g("span",{className:"k-spacer"}),g(V,{fillMode:"flat",themeColor:"base",icon:"thumb-up-outline"}),g(V,{fillMode:"flat",themeColor:"base",icon:"thumb-down-outline"})]})]})]})})]})]})});default:return g(U,{className:"k-prompt-popup",children:de(W,{style:{width:"330px",height:"350px"},...a,children:[g(mt,{children:de(R,{className:"k-toolbar-flat",children:[g(F,{fillMode:"flat",themeColor:"primary",icon:"sparkles",rounded:"full",selected:!0,children:"Ask AI"}),g(F,{fillMode:"flat",themeColor:"primary",icon:"comment",rounded:"full",children:"Output"}),g(V,{fillMode:"flat",themeColor:"primary",icon:"more-horizontal",rounded:"full"})]})}),g(qe,{children:de(We,{children:[g(Y,{resize:"none",rows:2,placeholder:"Ask or generate content with AI",suffixSeparator:!1,suffix:g(Kd,{children:s.stt?g(re,{fillMode:"flat"}):null})}),g(hr,{expanded:s.suggestions,title:"Suggestions",children:r})]})}),g(io,{children:g(z,{className:"k-prompt-actions",alignment:"start",children:g(F,{icon:"sparkles",themeColor:"primary",rounded:"full",children:"Generate"})})})]})})}};pa.options=kN;pa.states=gN;pa.variants=CN;pa.defaultOptions=vN;pa.modifiers=LN;pa.className=W.className;import{Fragment as MN,jsx as Re,jsxs as _d}from"react/jsx-runtime";var Q4=e=>Re(U,{className:"k-prompt-popup",children:_d(W,{...e,children:[Re(mt,{children:_d(R,{fillMode:"flat",children:[Re(F,{fillMode:"flat",themeColor:"primary",icon:"sparkles",rounded:"full",selected:!0,children:"Ask AI"}),Re(F,{fillMode:"flat",themeColor:"primary",icon:"comment",rounded:"full",children:"Output"}),Re(V,{fillMode:"flat",themeColor:"primary",icon:"more-horizontal",rounded:"full","aria-label":"More actions"}),Re("span",{className:"k-spacer"}),Re(V,{fillMode:"flat",icon:"x",rounded:"full","aria-label":"Close"})]})}),Re(qe,{children:Re(We,{children:Re(Y,{resize:"y",rows:1,suffixSeparator:!1,placeholder:"Ask or generate content with AI","aria-label":"Ask or generate content with AI",suffix:Re(MN,{children:Re(re,{fillMode:"flat"})})})})}),Re(io,{children:Re(z,{className:"k-prompt-actions",alignment:"start",children:Re(F,{icon:"sparkles",themeColor:"primary",rounded:"full",children:"Generate"})})})]})});export{Q4 as PromptInPopup};
1	+ var n=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?n(...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 I=(e,t)=>n({[`${e}-xs`]:t.size==="xsmall",[`${e}-sm`]:t.size==="small",[`${e}-md`]:t.size==="medium",[`${e}-lg`]:t.size==="large",[`${e}-xl`]:t.size==="xlarge",[`${e}-xxl`]:t.size==="xxlarge",[`${e}-xxxl`]:t.size==="xxxlarge"},{[`${e}-${t.fillMode}`]:t.fillMode},{[`${e}-${t.themeColor}`]:t.themeColor},{"k-rounded-sm":t.rounded==="small","k-rounded-md":t.rounded==="medium","k-rounded-lg":t.rounded==="large","k-rounded-full":t.rounded==="full","k-rounded-none":t.rounded==="none"}),S=(e,t)=>{let{valid:o,invalid:a,hover:r,focus:s,checked:l,active:p,selected:b,disabled:x,indeterminate:N,loading:k,empty:m,readonly:L,highlighted:C,...M}=t;return n({"k-valid":o,"k-invalid":a,"k-hover":r,"k-focus":s,"k-checked":l,"k-active":p,"k-selected":b,"k-disabled":x,"k-indeterminate":N&&!l,"k-loading":k,"k-empty":m,"k-readonly":L,"k-highlighted":C},Object.keys(M).reduce((E,A)=>(A.startsWith("k-")?E[A]=M[A]:E[`k-${A}`]=M[A],E),{}))};function vi(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(a=>[`k-${a}`,!0]))}var c={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},u={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},f={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},h={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",inverse:"inverse"},i={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"},Ci={calloutMap:{top:"n",bottom:"s",left:"w",right:"e"},orientationMap:{vertical:"vstack",horizontal:"hstack"}};var wr={};function T(e){return wr[e]=(wr[e]\|\|0)+1,`k-${e}-${wr[e]}`}var Rr="action-buttons",Li=Rr;import{jsx as Fd}from"react/jsx-runtime";var $a="k-actions",Hd=[],zd={},Kr={alignment:"start",orientation:"horizontal"},z=e=>{let{alignment:t=Kr.alignment,orientation:o=Kr.orientation,...a}=e;return Fd("div",{...a,className:n($a,{[`${$a}-${t}`]:t,[`${$a}-${o}`]:o},e.className),children:e.children})};z.states=Hd;z.options=zd;z.className=$a;z.defaultOptions=Kr;z.moduleName=Rr;z.folderName=Li;import{Fragment as $d,jsx as Mi}from"react/jsx-runtime";var _r="k-font-icon",Ud=[],Gd={size:[c.undefined,c.xsmall,c.small,c.medium,c.large,c.xlarge,c.xxlarge,c.xxxlarge],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary,h.success,h.warning,h.error,h.info]},Vd={},ma=e=>{let{size:t,themeColor:o,icon:a,rotate:r,flip:s,...l}=e;return a?Mi("span",{...l,className:n(e.className,_r,I(_r,{size:t}),{[`k-i-${a}`]:a,[`k-color-${o}`]:o,[`k-rotate-${r}`]:r,"k-flip-h":s==="h"\|\|s==="both","k-flip-v":s==="v"\|\|s==="both"}),"aria-hidden":"true"}):Mi($d,{})};ma.states=Ud;ma.options=Gd;ma.className=_r;ma.defaultOptions=Vd;var Si=ma;import{Fragment as Wd,jsx as Xa}from"react/jsx-runtime";var Dr="k-svg-icon",Xd=[],qd={size:[c.undefined,c.xsmall,c.small,c.medium,c.large,c.xlarge,c.xxlarge,c.xxxlarge],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary,h.success,h.warning,h.error,h.info]},Ai={viewBox:"0 0 24 24"},ua=e=>{let{size:t,themeColor:o,rotate:a,flip:r,viewBox:s=Ai.viewBox,icon:l,...p}=e;if(!l)return Xa(Wd,{});if(l==="none")return Xa("span",{...p,className:n(e.className,Dr,I("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let b=typeof l=="object"&&l.name&&l.name;return Xa("span",{...p,className:n(e.className,Dr,I("k-icon",{size:t}),{[`k-svg-i-${b}`]:b,[`k-color-${o}`]:o,[`k-rotate-${a}`]:a,"k-flip-h":r==="h"\|\|r==="both","k-flip-v":r==="v"\|\|r==="both"}),"aria-hidden":"true",children:Xa("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof l=="object"?l.viewBox:s,dangerouslySetInnerHTML:typeof l=="object"?{__html:l.content}:void 0,children:l?void 0:e.children})})};ua.states=Xd;ua.options=qd;ua.className=Dr;ua.defaultOptions=Ai;var Hr=ua;importas zr from"@progress/kendo-svg-icons";var Ii="icon",Ti="icons";import{useContext as Yd}from"react";import{createContext as Jd}from"react";var yi=Jd({iconsType:"svg"});import{Fragment as Ei,jsx as fa}from"react/jsx-runtime";var qa="k-icon",Qd=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),Zd=[],jd={size:[c.undefined,c.xsmall,c.small,c.medium,c.large,c.xlarge,c.xxlarge,c.xxxlarge],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary,h.success,h.warning,h.error,h.info]},Fr={viewBox:"0 0 24 24",type:"svg"},v=e=>{let{iconsType:t}=Yd(yi),{size:o,themeColor:a,icon:r,type:s=t\|\|Fr.type,rotate:l,flip:p,viewBox:b=Fr.viewBox,...x}=e;if(!r)return fa(Ei,{});if((t\|\|s)==="svg"){if(r==="none")return fa(Hr,{...x,className:n(e.className,qa),icon:r,size:o});let k=zr[r]?r:Qd(`${r}-icon`);return zr[k]?fa(Hr,{...x,className:n(e.className,qa),icon:zr[k],size:o,themeColor:a,rotate:l,flip:p,viewBox:b}):fa(Ei,{})}return fa(Si,{...x,className:n(e.className,qa),icon:r,size:o,themeColor:a,rotate:l,flip:p})};v.states=Zd;v.options=jd;v.defaultOptions=Fr;v.className=qa;v.moduleName=Ii;v.folderName=Ti;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 Ur="button",Oi=Ur;import{Fragment as ac,jsx as ba,jsxs as Bi}from"react/jsx-runtime";var ha="k-button",ec=["icon-button"],tc=[i.hover,i.focus,i.active,i.selected,i.disabled,i.generating],oc={size:[c.undefined,c.xsmall,c.small,c.medium,c.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[f.undefined,f.solid,f.flat,f.outline,f.clear,f.link],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary,h.success,h.warning,h.error,h.info,h.inverse]},Gr={showArrow:!1,arrowIconName:"chevron-down"},d=e=>{let{as:t="button",size:o,rounded:a,fillMode:r,themeColor:s,showArrow:l=Gr.showArrow,arrowIconName:p=Gr.arrowIconName,variant:b,hover:x,focus:N,active:k,selected:m,disabled:L,togglable:C,ariaDisabled:M,icon:E,text:A,iconClassName:w,className:J,...ce}=e,ue=E!==void 0,fe=e.children!==void 0;return Bi(t,{className:n(J,ha,vi(ha,b),I(ha,{size:o,rounded:a,fillMode:r,themeColor:s}),S(ha,{hover:x,focus:N,active:k,disabled:L\|\|M,selected:m}),{"k-icon-button":!A&&!fe&&ue}),...ce,"aria-pressed":C?m?"true":"false":void 0,"aria-disabled":M?"true":void 0,disabled:L\|\|void 0,children:[E&&ba(v,{className:n(w,"k-button-icon"),icon:E}),A?Bi(ac,{children:[A&&ba("span",{className:"k-button-text",children:A}),e.children]}):e.children&&ba("span",{className:"k-button-text",children:e.children}),l&&ba("span",{className:"k-menu-button-arrow k-button-arrow",children:ba(v,{icon:p})})]})};d.states=tc;d.options=oc;d.variants=ec;d.className=ha;d.defaultOptions=Gr;d.moduleName=Ur;d.folderName=Oi;d.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."}]};import{jsx as rc}from"react/jsx-runtime";var V=e=>rc(d,{icon:"folder",...e,"aria-label":e["aria-label"]\|\|"Folder",children:void 0});import{jsx as nc}from"react/jsx-runtime";var F=e=>nc(d,{icon:"folder",children:"Button",...e});import{jsx as ic}from"react/jsx-runtime";var Xt=e=>ic(d,{children:"Button",...e});import{jsx as Vr}from"react/jsx-runtime";var sc=d.options,lc=d.states,dc={...d.defaultOptions,variant:"text"},cc=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],pc=[],po=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return Vr(V,{...o,icon:"star"});case"icon-and-text":return Vr(F,{...o,icon:"star",children:"Button"});default:return Vr(Xt,{...o,children:"Button"})}};po.options=sc;po.states=lc;po.variants=cc;po.defaultOptions=dc;po.modifiers=pc;po.className=d.className;var $r="button",Pi=$r;import{jsx as bc}from"react/jsx-runtime";var xa="k-button-group",mc=[i.disabled],uc={fillMode:[f.undefined,f.solid,f.flat,f.outline,f.clear,f.link]},fc={},B=e=>{let{fillMode:t,disabled:o,stretched:a,...r}=e;return bc("div",{role:"group",...r,className:n(e.className,xa,I(xa,{fillMode:t}),S(xa,{disabled:o}),{[`${xa}-stretched`]:a}),...o&&{"aria-disabled":"true"},children:e.children})};B.states=mc;B.options=uc;B.className=xa;B.defaultOptions=fc;B.moduleName=$r;B.folderName=Pi;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."}]};import{Fragment as Xk,jsx as $k,jsxs as qk}from"react/jsx-runtime";import{Fragment as jk,jsx as Zk,jsxs as eg}from"react/jsx-runtime";import{Fragment as ig,jsx as ng,jsxs as sg}from"react/jsx-runtime";import{Fragment as ug,jsx as mg,jsxs as fg}from"react/jsx-runtime";import{Fragment as gg,jsx as kg,jsxs as vg}from"react/jsx-runtime";import{Fragment as Ig,jsx as Ag,jsxs as Tg}from"react/jsx-runtime";import{jsx as gt,jsxs as Xr}from"react/jsx-runtime";var hc={...d.options,...B.options},xc=d.states,Nc={...d.defaultOptions,...B.defaultOptions,variant:"text-button"},kc=[{name:"icon-button",title:"Icon Only"},{name:"text-button",title:"Text"},{name:"icon-text-button",title:"Icon Text"}],gc=[],mo=e=>{let{variant:t,className:o,...a}=e;return t==="icon-button"?Xr(B,{fillMode:a.fillMode,className:o,children:[gt(d,{...a,icon:"star"}),gt(d,{...a,icon:"star"}),gt(d,{...a,icon:"star"})]}):t==="icon-text-button"?Xr(B,{fillMode:a.fillMode,className:o,children:[gt(d,{...a,icon:"star",children:"First"}),gt(d,{...a,icon:"star",children:"Middle"}),gt(d,{...a,icon:"star",children:"Last"})]}):Xr(B,{fillMode:a.fillMode,className:o,children:[gt(d,{...a,children:"First"}),gt(d,{...a,children:"Middle"}),gt(d,{...a,children:"Last"})]})};mo.options=hc;mo.states=xc;mo.variants=kc;mo.defaultOptions=Nc;mo.modifiers=gc;mo.className=B.className;var Na="input",Wa=Na;import{jsx as Mc}from"react/jsx-runtime";var Ja="k-input",vc=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],Cc={size:[c.undefined,c.small,c.medium,c.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[f.undefined,f.solid,f.flat,f.outline]},Lc={},Q=e=>{let{hover:t,focus:o,disabled:a,invalid:r,valid:s,loading:l,readonly:p,size:b,rounded:x,fillMode:N,...k}=e;return Mc("span",{...k,className:n(e.className,Ja,I(Ja,{size:b,rounded:x,fillMode:N}),S(Ja,{hover:t,focus:o,disabled:a,invalid:r,valid:s,loading:l,readonly:p}))})};Q.states=vc;Q.options=Cc;Q.className=Ja;Q.defaultOptions=Lc;Q.moduleName=Na;Q.folderName=Wa;import{jsx as Tc}from"react/jsx-runtime";var Ya="k-picker",Sc=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],Ac={size:[c.undefined,c.small,c.medium,c.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[f.undefined,f.solid,f.flat,f.outline]},Ic={},ft=e=>{let{hover:t,focus:o,disabled:a,invalid:r,valid:s,loading:l,readonly:p,size:b,rounded:x,fillMode:N,...k}=e;return Tc("span",{...k,className:n(e.className,Ya,I(Ya,{size:b,rounded:x,fillMode:N}),S(Ya,{hover:t,focus:o,disabled:a,invalid:r,valid:s,loading:l,readonly:p})),children:e.children})};ft.states=Sc;ft.options=Ac;ft.className=Ya;ft.defaultOptions=Ic;ft.moduleName=Na;ft.folderName=Wa;import{Fragment as Oc,jsx as qr}from"react/jsx-runtime";var wi="k-clear-value",yc=[i.disabled,i.loading,i.readonly],Ec={},ze=e=>{let{disabled:t,loading:o,readonly:a,value:r}=e;return t\|\|a\|\|o\|\|!r?qr(Oc,{}):qr("span",{className:n(e.className,wi),children:qr(v,{icon:"x"})})};ze.states=yc;ze.options=Ec;ze.className=wi;import{jsx as wc}from"react/jsx-runtime";var Wr="k-input-inner",Bc=[],Pc={},Qa={type:"text",autocomplete:"off",value:"",placeholder:""},Fe=e=>{let{value:t=Qa.value,type:o=Qa.type,placeholder:a=Qa.placeholder,autocomplete:r=Qa.autocomplete,disabled:s,readOnly:l,...p}=e;return wc("input",{...p,type:o,className:n(e.className,Wr,I(Wr,e)),placeholder:a,autoComplete:r,defaultValue:t,disabled:s\|\|void 0,readOnly:l\|\|void 0})};Fe.states=Bc;Fe.options=Pc;Fe.className=Wr;import{jsx as Ri,jsxs as _c}from"react/jsx-runtime";var Jr="k-input-inner",Rc=[],Kc={},qt=e=>{let{value:t,placeholder:o,showValue:a,valueIcon:r,valueIconName:s,...l}=e;return _c("span",{...l,className:n(e.className,Jr,I(Jr,e)),children:[r,!r&&s&&Ri(v,{className:"k-input-value-icon",icon:s}),a&&!t&&o,a&&t&&Ri("span",{className:"k-input-value-text",children:t})]})};qt.states=Rc;qt.options=Kc;qt.className=Jr;import{jsx as zc}from"react/jsx-runtime";var Yr="k-input-inner",Dc=[],Hc={},Ki={value:"",placeholder:""},ka=e=>{let{value:t=Ki.value,placeholder:o=Ki.placeholder,rows:a,disabled:r,...s}=e;return zc("textarea",{...s,className:n(e.className,Yr,I(Yr,e)),placeholder:o,rows:a,defaultValue:t,disabled:r\|\|void 0})};ka.states=Dc;ka.options=Hc;ka.className=Yr;import{Fragment as Uc,jsx as _i}from"react/jsx-runtime";var Di="k-input-loading-icon",Fc=[i.disabled,i.loading],Ke=e=>{let{disabled:t,loading:o}=e;return t\|\|!o?_i(Uc,{}):_i("span",{className:n(e.className,Di,"k-icon k-i-loading")})};Ke.states=Fc;Ke.className=Di;import{Fragment as $c,jsx as Hi}from"react/jsx-runtime";var zi="k-input-validation-icon",Gc=[i.valid,i.invalid,i.disabled,i.loading],Vc={},Le=e=>{let{valid:t,invalid:o,disabled:a,loading:r}=e,s=o?"warning-circle":"check-circle";return a\|\|r\|\|!!!(t\|\|o)?Hi($c,{}):Hi(v,{className:n(zi),icon:s})};Le.states=Gc;Le.options=Vc;Le.className=zi;import{Fragment as Wc,jsx as Fi}from"react/jsx-runtime";var Xc="k-input-prefix",qc={direction:"horizontal"},_e=e=>{let{direction:t=qc.direction,...o}=e;return e.children?Fi("span",{...o,className:n(Xc,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):Fi(Wc,{})};import{Fragment as Qc,jsx as Ui}from"react/jsx-runtime";var Jc="k-input-suffix",Yc={direction:"horizontal"},De=e=>{let{direction:t=Yc.direction,...o}=e;return e.children?Ui("span",{...o,className:n(Jc,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):Ui(Qc,{})};import{jsx as Tv}from"react/jsx-runtime";import{jsx as jc}from"react/jsx-runtime";var Zc="k-input-suffix-text",Qr=e=>{let{children:t,...o}=e;return jc("span",{...o,className:n(Zc,e.className),children:t})};import{jsx as tp}from"react/jsx-runtime";var Gi="k-input-separator",ep={direction:"vertical"},Me=e=>{let{direction:t=ep.direction,...o}=e;return tp("span",{...o,className:n(Gi,e.className,{[`${Gi}-${t}`]:t})})};import{Fragment as Vi,jsx as bt,jsxs as Zr}from"react/jsx-runtime";var op=Q.states,ap=Q.defaultOptions,rp=Q.options,np=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],ip=[],uo=e=>{let{modifiers:t,valid:o,invalid:a,loading:r,disabled:s,readonly:l,...p}=e,b=t?.prefix,x=t?.suffix,N=t?.["clear-button"],k=t?.["validation-icon"],m=t?.separators;return Zr(Q,{...p,valid:o,invalid:a,loading:r,disabled:s,readonly:l,style:{width:300},children:[b&&Zr(Vi,{children:[bt(_e,{children:bt(v,{icon:"lock"})}),m&&bt(Me,{})]}),bt(Fe,{placeholder:"Placeholder",value:"Value"}),k&&bt(Le,{valid:o,invalid:a,loading:r,disabled:s}),bt(Ke,{loading:r,disabled:s}),N&&bt(ze,{loading:r,disabled:s,readonly:l,value:"Value"}),x&&Zr(Vi,{children:[m&&bt(Me,{}),bt(De,{children:bt(Xt,{size:p.size,fillMode:"clear",children:"Send"})})]})]})};uo.options=rp;uo.states=op;uo.variants=ip;uo.defaultOptions=ap;uo.modifiers=np;uo.className=Q.className;import{jsx as $i,jsxs as dp}from"react/jsx-runtime";var Xi="k-color-preview",sp=[],lp={},Ot=e=>{let{color:t,iconName:o,...a}=e;return dp("span",{...a,className:n(e.className,Xi,{"k-icon-color-preview":o,"k-no-color":!t}),children:[o&&$i(v,{icon:o,className:"k-color-preview-icon"}),$i("span",{className:"k-color-preview-mask",style:{backgroundColor:t}})]})};Ot.states=sp;Ot.options=lp;Ot.className=Xi;var jr="popup",qi=jr;import{jsx as Wi}from"react/jsx-runtime";var Ji="k-animation-container",cp=[],pp={},Yi={positionMode:"absolute"},ht=e=>{let{positionMode:t=Yi.positionMode,animationStyle:o,offset:a,...r}=e;return Wi("div",{...r,style:{...a,...e.style},className:n(e.className,Ji,"k-animation-container-shown",{"k-animation-container-fixed":t==="fixed"}),children:Wi("div",{className:"k-child-animation-container",style:o,children:e.children})})};ht.states=cp;ht.options=pp;ht.className=Ji;ht.defaultOptions=Yi;ht.moduleName=jr;ht.folderName=qi;var en="popup",Qi=en;import{jsx as Zi}from"react/jsx-runtime";var ji="k-popup",mp=[],up={},es={positionMode:"absolute"},U=e=>{let{offset:t,positionMode:o=es.positionMode,animationStyle:a,containerClassName:r,containerRole:s,containerAriaLabel:l,...p}=e;return Zi(ht,{positionMode:o,offset:t,animationStyle:a,className:r,role:s,"aria-label":l,children:Zi("div",{...p,className:n(e.className,ji),children:e.children})})};U.states=mp;U.options=up;U.className=ji;U.defaultOptions=es;U.moduleName=en;U.folderName=Qi;U.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.'}]};import{jsx as bp}from"react/jsx-runtime";var fp="k-actionsheet-footer",ts={alignment:"stretched",orientation:"horizontal"},Bt=e=>{let{alignment:t=ts.alignment,orientation:o=ts.orientation,template:a,as:r=a?"div":z,...s}=e;return bp(r,{...s,...!a&&{alignment:t,orientation:o},className:n(e.className,fp),children:e.children})};var tn="searchbox",os=tn;import{jsx as ga,jsxs as Np}from"react/jsx-runtime";var as="k-searchbox",hp=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading],xp={size:[c.undefined,c.small,c.medium,c.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[f.undefined,f.solid,f.flat,f.outline]},on={showIcon:!0,icon:"search"},Qe=e=>{let{value:t,placeholder:o,size:a,rounded:r,fillMode:s,hover:l,focus:p,valid:b,invalid:x,required:N,loading:k,disabled:m,showIcon:L=on.showIcon,icon:C=on.icon,"aria-label":M,...E}=e;return Np(Q,{...E,size:a,rounded:r,fillMode:s,hover:l,focus:p,valid:b,invalid:x,required:N,loading:k,disabled:m,className:n(e.className,as),children:[L&&ga(v,{className:"k-input-icon",icon:C}),ga(Fe,{placeholder:o,value:t,"aria-label":M}),ga(Ke,{...e}),ga(Le,{...e}),ga(ze,{...e})]})};Qe.states=hp;Qe.options=xp;Qe.className=as;Qe.defaultOptions=on;Qe.moduleName=tn;Qe.folderName=os;import{jsx as XC}from"react/jsx-runtime";var an="textbox",rs=an;import{Fragment as ns,jsx as Pt,jsxs as rn}from"react/jsx-runtime";var is="k-textbox",kp=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],gp={size:[c.undefined,c.small,c.medium,c.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[f.undefined,f.solid,f.flat,f.outline]},Za={showClearButton:!0,showValidationIcon:!0,separators:!0},be=e=>{let{size:t,rounded:o,fillMode:a,separators:r=Za.separators,showClearButton:s=Za.showClearButton,showValidationIcon:l=Za.showValidationIcon,prefix:p,suffix:b,type:x,value:N,placeholder:k,hover:m,focus:L,valid:C,invalid:M,required:E,loading:A,disabled:w,readonly:J,id:ce,"aria-label":ue,"aria-describedby":fe,...Ce}=e;return rn(Q,{...Ce,size:t,rounded:o,fillMode:a,hover:m,focus:L,valid:C,invalid:M,required:E,loading:A,disabled:w,readonly:J,className:n(e.className,is),children:[p&&rn(ns,{children:[Pt(_e,{children:p}),r&&Pt(Me,{})]}),Pt(Fe,{id:ce,placeholder:k,value:N,type:x,disabled:w,"aria-label":ue,"aria-describedby":fe,"aria-invalid":M?"true":void 0}),l&&Pt(Le,{valid:C,invalid:M,loading:A,disabled:w}),Pt(Ke,{loading:A,disabled:w}),s&&Pt(ze,{loading:A,disabled:w,readonly:J,value:N}),b&&rn(ns,{children:[r&&Pt(Me,{}),Pt(De,{children:b})]})]})};be.states=kp;be.options=gp;be.className=is;be.defaultOptions=Za;be.moduleName=an;be.folderName=rs;be.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 va=be;import{jsx as vp}from"react/jsx-runtime";var ss=e=>vp(va,{...e});import{Fragment as cL,jsx as dL}from"react/jsx-runtime";import{Fragment as hL,jsx as bL}from"react/jsx-runtime";import{jsx as gL}from"react/jsx-runtime";import{jsx as nn}from"react/jsx-runtime";var Cp=be.states,Lp=be.defaultOptions,Mp=be.options,Sp=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],Ap=[],fo=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(r=>{switch(r){case"prefix":a.prefix=t?.[r]?nn(v,{icon:"lock"}):void 0;break;case"suffix":a.suffix=t?.[r]?nn(Xt,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":a.showClearButton=t?.[r];break;default:break}}),nn(ss,{value:"Value",style:{width:300},...o,...a})};fo.options=Mp;fo.states=Cp;fo.variants=Ap;fo.defaultOptions=Lp;fo.modifiers=Sp;fo.className=be.className;import{jsx as wt,jsxs as sn}from"react/jsx-runtime";var ls="k-actionsheet-titlebar",Ip={},Se=e=>{let{title:t,subtitle:o,actionsStart:a,actionsEnd:r,filter:s,input:l,inputValue:p,inputPlaceholder:b,adaptive:x,titleId:N,children:k,...m}=e;return sn("div",{...m,className:n(e.className,ls),children:[sn("div",{className:"k-actionsheet-titlebar-group",children:[a&&wt("div",{className:"k-actionsheet-actions",children:a}),!k&&sn("div",{className:"k-actionsheet-title",id:N,children:[t&&wt("div",{className:"k-text-center",children:t}),o&&wt("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),k&&wt("div",{className:"k-actionsheet-title",id:N,children:k}),r&&wt("div",{className:"k-actionsheet-actions",children:r})]}),(l\|\|s)&&wt("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:l?wt(be,{value:p,placeholder:b,size:x?"large":"medium","aria-label":t\|\|b\|\|"Input"}):wt(Qe,{placeholder:"Filter",size:x?"large":"medium","aria-label":"Filter options"})})]})};Se.className=ls;Se.defaultOptions=Ip;import{jsx as ln,jsxs as Op}from"react/jsx-runtime";var dn="k-actionsheet-view",Tp=[],yp={},Ep={},bo=e=>{let{adaptive:t,animated:o,children:a,header:r,footer:s,titleId:l,...p}=e,b=r?.type===Se&&ln(Se,{adaptive:t,titleId:l,...r?.props}),x=s?.type===Bt&&ln(Bt,{...s?.props});return Op("div",{...p,className:n(e.className,dn,{[`${dn}-animated`]:o}),children:[b,ln("div",{className:"k-actionsheet-content",children:a}),x]})};bo.states=Tp;bo.options=yp;bo.className=dn;bo.defaultOptions=Ep;var Ca="action-sheet",ja=Ca;var cn="overlay",ds=cn;import{jsx as Rp}from"react/jsx-runtime";var cs="k-overlay",Bp=[],Pp={},wp={},Rt=e=>{let{...t}=e;return Rp("div",{...t,className:n(e.className,cs),children:e.children})};Rt.states=Bp;Rt.options=Pp;Rt.className=cs;Rt.defaultOptions=wp;Rt.moduleName=cn;Rt.folderName=ds;import{jsx as er,jsxs as Dp}from"react/jsx-runtime";var ps="k-actionsheet",Kp=[],_p={},La={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},te=e=>{let{side:t=La.side,fullscreen:o=La.fullscreen,adaptive:a=La.adaptive,overlay:r=La.overlay,template:s,children:l,header:p,footer:b,id:x,...N}=e,k=x&&!s&&p?`${x}-title`:void 0;return Dp("div",{className:"k-actionsheet-container",children:[r&&er(Rt,{}),er(ht,{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:er("div",{...N,id:x,role:"dialog","aria-modal":r?"true":void 0,"aria-labelledby":k,className:n(e.className,ps,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":a}),children:s\|\|er(bo,{header:p,footer:b,adaptive:a,titleId:k,...e,children:l})})})]})};te.states=Kp;te.options=_p;te.className=ps;te.defaultOptions=La;te.moduleName=Ca;te.folderName=ja;te.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."}]};import{jsx as Up}from"react/jsx-runtime";var ms="k-actionsheet-container",Hp=[],zp={},Fp={},ho=e=>{let{children:t,...o}=e;return Up("div",{...o,className:ms,children:t})};ho.states=Hp;ho.options=zp;ho.className=ms;ho.defaultOptions=Fp;ho.moduleName=Ca;ho.folderName=ja;import{jsx as Gp}from"react/jsx-runtime";var pn=e=>{let{...t}=e;return Gp("div",{...t,className:n(e.className,"k-list-ul"),children:e.children})};import{Fragment as $p,jsx as Ma,jsxs as mn}from"react/jsx-runtime";var un="k-actionsheet-item",Vp=[i.hover,i.focus,i.selected,i.disabled],Kt=e=>{let{iconName:t,text:o,description:a,hover:r,focus:s,selected:l,disabled:p,...b}=e;return mn("span",{...b,className:n(e.className,un,S(un,{hover:r,focus:s,selected:l,disabled:p})),children:[!e.children&&Ma($p,{children:mn("span",{className:"k-actionsheet-action",children:[t&&Ma("span",{className:"k-icon-wrap",children:Ma(v,{className:"k-actionsheet-item-icon",icon:t})}),mn("span",{className:"k-actionsheet-item-text",children:[o&&Ma("span",{className:"k-actionsheet-item-title",children:o}),a&&Ma("span",{className:"k-actionsheet-item-description",children:a})]})]})}),e.children]})};Kt.states=Vp;Kt.className=un;import{jsx as kM,jsxs as gM}from"react/jsx-runtime";import{jsx as MM}from"react/jsx-runtime";import{jsx as TM}from"react/jsx-runtime";import{jsx as BM}from"react/jsx-runtime";import{jsx as he,jsxs as fn}from"react/jsx-runtime";var Xp=te.options,qp=te.states,fs={...te.defaultOptions,variant:"normal"},Wp=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],Jp=[{name:"actions",title:"Titlebar Actions",type:"boolean"},{name:"subtitle",title:"Subtitle",type:"boolean"},{name:"footer",title:"Footer",type:"boolean"}],xo=e=>{let{variant:t,modifiers:o,...a}={...fs,...e},r={},s=fn(pn,{children:[he(Kt,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),he(Kt,{text:"Add to Favorites",iconName:"heart"}),he(Kt,{text:"Upload New",iconName:"upload",disabled:!0}),he("hr",{className:"k-hr"}),he(Kt,{text:"Cancel",iconName:"cancel"})]}),l="Choose from the items below",p="Select Item";return t==="fullScreen"&&(r.fullScreen=!0),Object.keys(o\|\|{}).forEach(b=>{switch(b){case"actions":r.actionsStart=!!o?.[b],r.actionsEnd=!!o?.[b];break;case"subtitle":r.subtitle=o?.[b]?l:void 0;break;case"footer":r.footer=!!o?.[b];break;default:break}}),t==="adaptive"?he(te,{...a,adaptive:!0,fullscreen:r.fullScreen,header:he(Se,{actionsStart:r.actionsStart?he(d,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:r.actionsEnd?he(d,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:p,subtitle:r.subtitle}),footer:r.footer?fn(Bt,{alignment:"stretched",children:[he(d,{text:"Cancel",size:"large",themeColor:"base"}),he(d,{text:"Apply",size:"large",themeColor:"primary"})]}):void 0,children:s}):he(te,{...a,fullscreen:r.fullScreen,header:he(Se,{actionsStart:r.actionsStart?he(d,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:r.actionsEnd?he(d,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:r.subtitle}),footer:r.footer?fn(Bt,{alignment:"stretched",children:[he(d,{text:"Apply",themeColor:"primary"}),he(d,{text:"Cancel",themeColor:"base"})]}):void 0,children:s})};xo.options=Xp;xo.states=qp;xo.variants=Wp;xo.defaultOptions=fs;xo.modifiers=Jp;xo.className=te.className;var bn="slider",bs=bn;import{jsx as No,jsxs as hn}from"react/jsx-runtime";var Sa="k-slider",Yp=[i.hover,i.focus,i.active,i.disabled,i.readonly],Qp={},Ze={type:"single",orientation:"horizontal",gradientType:"1d",readonly:!1,disabled:!1,handlePosition:"end",showButtons:!0,showTicks:!0,value:50,min:0,max:100},q=e=>{let{type:t=Ze.type,orientation:o=Ze.orientation,gradientType:a=Ze.gradientType,readonly:r=Ze.readonly,disabled:s=Ze.disabled,handlePosition:l=Ze.handlePosition,showButtons:p=Ze.showButtons,showTicks:b=Ze.showTicks,value:x=Ze.value,min:N=Ze.min,max:k=Ze.max,startValue:m,endValue:L,hover:C,focus:M,active:E,trackStyle:A,dir:w,...J}=e,ue=(()=>{if(t==="gradient"&&a==="2d")return"undefined";if(o==="vertical")return"vertical"})(),fe,Ce;return o==="horizontal"?(fe=w==="rtl"?"chevron-left":"chevron-right",Ce=w==="rtl"?"chevron-right":"chevron-left"):o==="vertical"&&(fe="chevron-up",Ce="chevron-down"),hn("div",{...J,className:n(Sa,e.className,S(Sa,{readonly:r,disabled:s}),{[`k-slider-${o}`]:o,"k-colorgradient-slider":t==="gradient"}),dir:w,children:[p&&No(d,{className:"k-button-decrease",rounded:"full",icon:Ce,tabIndex:-1,title:"Decrease"}),hn("div",{className:"k-slider-track-wrap",children:[b&&No("ul",{className:"k-reset k-slider-items","aria-hidden":"true",children:e.children}),hn("div",{className:"k-slider-track",style:A,children:[No("div",{className:"k-slider-selection"}),t==="range"&&No("span",{className:n("k-draghandle","k-draghandle-start",S(Sa,{hover:C,focus:M,active:E})),role:"slider",tabIndex:s?void 0:0,"aria-valuenow":m??N,"aria-valuemin":N,"aria-valuemax":L??k,"aria-orientation":ue,"aria-disabled":s?"true":void 0,"aria-readonly":r?"true":void 0,"aria-label":J["aria-label"]?`${J["aria-label"]} start`:"Range start"}),No("span",{className:n("k-draghandle",`k-draghandle-${l}`,S(Sa,{hover:C,focus:M,active:E})),role:"slider",tabIndex:s?void 0:0,"aria-valuenow":t==="range"?L??k:x,"aria-valuemin":t==="range"?m??N:N,"aria-valuemax":k,"aria-orientation":ue,"aria-disabled":s?"true":void 0,"aria-readonly":r?"true":void 0,"aria-label":t==="range"?J["aria-label"]?`${J["aria-label"]} end`:"Range end":J["aria-label"]})]})]}),p&&No(d,{className:"k-button-increase",rounded:"full",icon:fe,tabIndex:-1,title:"Increase"})]})};q.states=Yp;q.options=Qp;q.className=Sa;q.defaultOptions=Ze;q.moduleName=bn;q.folderName=bs;q.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."}]};import{jsx as hs}from"react/jsx-runtime";var xs="k-tick",Zp=[],jp={},Ns={label:!1},O=e=>{let{style:t,label:o=Ns.label,orientation:a,large:r,text:s,...l}=e;return hs("li",{...l,role:"presentation",title:s\|\|"Tick",className:n(e.className,xs,{[`k-tick-${a}`]:a,"k-tick-large":r}),style:t,children:o&&hs("span",{className:"k-label",children:s})})};O.states=Zp;O.options=jp;O.className=xs;O.defaultOptions=Ns;import{Fragment as em,jsx as je,jsxs as tm}from"react/jsx-runtime";var ks=e=>je(q,{"aria-label":e["aria-label"]\|\|"Slider",children:tm(em,{children:[je(O,{className:"k-first",label:!0,large:!0,text:"0"}),je(O,{}),je(O,{}),je(O,{}),je(O,{}),je(O,{label:!0,large:!0,text:"5"}),je(O,{}),je(O,{}),je(O,{}),je(O,{}),je(O,{className:"k-last",label:!0,large:!0,text:"10"})]}),...e});import{Fragment as om,jsx as et,jsxs as am}from"react/jsx-runtime";var gs=e=>et(q,{children:am(om,{children:[et(O,{className:"k-first",label:!0,large:!0,text:"0"}),et(O,{}),et(O,{}),et(O,{}),et(O,{}),et(O,{label:!0,large:!0,text:"5"}),et(O,{}),et(O,{}),et(O,{}),et(O,{}),et(O,{className:"k-last",label:!0,large:!0,text:"10"})]}),"aria-label":e["aria-label"]\|\|"Vertical slider",...e,orientation:"vertical"});import{Fragment as gS,jsx as kS,jsxs as vS}from"react/jsx-runtime";import{Fragment as AS,jsx as SS,jsxs as IS}from"react/jsx-runtime";import{jsx as rm}from"react/jsx-runtime";var xn=e=>rm(q,{type:"gradient",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]\|\|"Color slider"});import{jsx as nm}from"react/jsx-runtime";var Nn=e=>nm(q,{type:"gradient",orientation:"vertical",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]\|\|"Color slider"});import{Fragment as DS,jsx as _S,jsxs as HS}from"react/jsx-runtime";import{Fragment as VS,jsx as GS,jsxs as $S}from"react/jsx-runtime";import{jsx as xt,jsxs as vs}from"react/jsx-runtime";var im=q.options,sm=q.states,Cs={...q.defaultOptions,variant:"horizontal",label:!0},lm=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],dm=[{name:"label",title:"Labels"},{name:"tick",title:"Ticks"},{name:"button",title:"Side Buttons"}],ko=e=>{let{variant:t,modifiers:o,...a}={...Cs,...e},r={};Object.keys(o\|\|{}).forEach(x=>{switch(x){case"button":{r.showButtons=!!o?.[x];break}case"label":{r.label=!!o?.[x];break}case"tick":{r.showTicks=!!o?.[x];break}}});let{label:s=!0,showButtons:l,showTicks:p}=r,b={"--kendo-slider-start":0,"--kendo-slider-end":60};return t==="vertical"?vs(gs,{showTicks:p,showButtons:l,style:{height:"300px",...b},...a,children:[xt(O,{label:s,large:!0,orientation:"vertical",text:"0",style:{position:"absolute",bottom:"0%"}}),xt(O,{label:s,large:!0,orientation:"vertical",text:"2",style:{position:"absolute",bottom:"25%"}}),xt(O,{label:s,large:!0,orientation:"vertical",text:"4",style:{position:"absolute",bottom:"50%"}}),xt(O,{label:s,large:!0,orientation:"vertical",text:"6",style:{position:"absolute",bottom:"75%"}}),xt(O,{label:s,large:!0,orientation:"vertical",text:"8",style:{position:"absolute",bottom:"100%"}})]}):vs(ks,{showTicks:p,showButtons:l,style:{width:"400px",...b},...a,children:[xt(O,{label:s,large:!0,orientation:"horizontal",text:"0",style:{position:"absolute",left:"0%"}}),xt(O,{label:s,large:!0,orientation:"horizontal",text:"2",style:{position:"absolute",left:"25%"}}),xt(O,{label:s,large:!0,orientation:"horizontal",text:"4",style:{position:"absolute",left:"50%"}}),xt(O,{label:s,large:!0,orientation:"horizontal",text:"6",style:{position:"absolute",left:"75%"}}),xt(O,{label:s,large:!0,orientation:"horizontal",text:"8",style:{position:"absolute",left:"100%"}})]})};ko.options=im;ko.states=sm;ko.variants=lm;ko.defaultOptions=Cs;ko.modifiers=dm;ko.className=q.className;import{jsx as Ls,jsxs as fm}from"react/jsx-runtime";var Ms="k-spin-button",mm=[],um={size:[c.undefined,c.small,c.medium,c.large],fillMode:[f.undefined,f.solid,f.flat,f.outline,f.clear,f.link]},kn={increaseLabel:"Increase value",decreaseLabel:"Decrease value"},_t=e=>{let{size:t,fillMode:o,disabled:a,increaseLabel:r=kn.increaseLabel,decreaseLabel:s=kn.decreaseLabel,...l}=e;return fm("span",{...l,className:n(Ms,e.className),children:[Ls(d,{className:"k-spinner-increase",icon:"chevron-up",size:t,fillMode:o,disabled:a,"aria-label":r}),Ls(d,{className:"k-spinner-decrease",icon:"chevron-down",size:t,fillMode:o,disabled:a,"aria-label":s})]})};_t.states=mm;_t.options=um;_t.className=Ms;_t.defaultOptions=kn;_t.moduleName=null;_t.folderName=null;var Ss="numeric-textbox",As="numerictextbox";import{Fragment as Is,jsx as vt,jsxs as gn}from"react/jsx-runtime";var Ts="k-numerictextbox",bm=[i.hover,i.focus,i.valid,i.invalid,i.loading,i.required,i.disabled,i.readonly],hm={size:[c.undefined,c.small,c.medium,c.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[f.undefined,f.solid,f.flat,f.outline]},tr={showSpinButton:!0,showClearButton:!0,separators:!0},G=e=>{let{size:t,rounded:o,fillMode:a,separators:r=tr.separators,showClearButton:s=tr.showClearButton,showSpinButton:l=tr.showSpinButton,prefix:p,suffix:b,value:x,placeholder:N,hover:k,focus:m,valid:L,invalid:C,required:M,loading:E,disabled:A,readonly:w,id:J,"aria-label":ce,"aria-describedby":ue,...fe}=e;return gn(Q,{...fe,size:t,rounded:o,fillMode:a,hover:k,focus:m,valid:L,invalid:C,required:M,loading:E,disabled:A,readonly:w,className:n(e.className,Ts),children:[p&&gn(Is,{children:[vt(_e,{children:p}),r&&vt(Me,{})]}),vt(Fe,{id:J,placeholder:N,value:x,role:"spinbutton",disabled:A,"aria-label":ce,"aria-describedby":ue,"aria-invalid":C?"true":void 0}),vt(Le,{valid:L,invalid:C,loading:E,disabled:A}),vt(Ke,{loading:E,disabled:A}),s&&vt(ze,{loading:E,disabled:A,readonly:w,value:x}),b&&gn(Is,{children:[r&&vt(Me,{}),vt(De,{children:b})]}),l&&vt(_t,{className:"k-input-spinner",size:t,fillMode:a,disabled:A})]})};G.states=bm;G.options=hm;G.className=Ts;G.defaultOptions=tr;G.moduleName=Ss;G.folderName=As;G.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 Aa=G;import{jsx as xm}from"react/jsx-runtime";var ys=e=>xm(Aa,{...e});import Cn from"react";import{jsx as Es}from"react/jsx-runtime";var Nm="k-list-group-sticky-header",vn=e=>Es("div",{className:n(Nm,e.className),children:Es("div",{className:"k-list-header-text",children:e.children})});import{jsx as gm}from"react/jsx-runtime";var km="k-no-data",or=e=>{let{live:t,...o}=e;return gm("span",{...o,className:n(km,e.className),"aria-live":t?"polite":void 0,children:e.children})};var Wt="list",go=Wt;import{jsx as Os,jsxs as Bs}from"react/jsx-runtime";var Ln="k-list",vm=[],Cm={size:[c.undefined,c.small,c.medium,c.large]},Lm={},D=e=>{let{size:t,virtualization:o,children:a,header:r,optionLabel:s,customValue:l,noData:p,screenReaders:b,...x}=e,k=Cn.Children.toArray(a)[0],m=k?.props?.children?Cn.Children.count(k.props.children):Cn.Children.count(a);return Bs("div",{...x,className:n(e.className,Ln,I(Ln,{size:t}),{"k-virtual-list":o}),children:[s,l,r&&Os(vn,{children:r}),a\|\|(p!==void 0?p:Os(or,{live:!0,children:"No data found."})),b&&a&&Bs(or,{className:"k-sr-only",live:!0,children:[m," items found."]})]})};D.states=vm;D.options=Cm;D.className=Ln;D.defaultOptions=Lm;D.moduleName=Wt;D.folderName=go;D.ariaSpec={selector:".k-list",rules:[{selector:".k-list .k-no-data",attribute:"aria-live=polite",usage:'Announces "No data found" to screen readers.'}]};import{jsx as Im}from"react/jsx-runtime";var Ps="k-list-container",Mm=[],Sm={},Am={},vo=e=>{let{...t}=e;return Im("div",{...t,className:n(e.className,Ps),children:e.children})};vo.states=Mm;vo.options=Sm;vo.className=Ps;vo.defaultOptions=Am;vo.moduleName=Wt;vo.folderName=go;var Jt="checkbox",Co=Jt;import{jsx as ws}from"react/jsx-runtime";var ar="k-checkbox",Tm=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.checked,i.indeterminate],ym={size:[c.undefined,c.small,c.medium,c.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full]},Em={},tt=e=>{let{id:t,checked:o,indeterminate:a,hover:r,focus:s,disabled:l,invalid:p,valid:b,required:x,size:N,rounded:k,wrapperRole:m,...L}=e;return ws("span",{className:"k-checkbox-wrap",role:m,children:ws("input",{...L,id:t,type:"checkbox",defaultChecked:o,required:x,disabled:l\|\|void 0,"aria-invalid":p?"true":void 0,className:n(e.className,ar,I(ar,{size:N,rounded:k}),S(ar,{hover:r,focus:s,disabled:l,invalid:p,valid:b,indeterminate:a,checked:o}))})})};tt.states=Tm;tt.options=ym;tt.className=ar;tt.defaultOptions=Em;tt.moduleName=Jt;tt.folderName=Co;tt.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 ct=tt;import{jsx as Pm}from"react/jsx-runtime";var Rs="k-checkbox-list",Om=[],Bm={},Ks={layout:"vertical"},Ae=e=>{let{layout:t=Ks.layout,...o}=e;return Pm("ul",{...o,className:n(e.className,Rs,{[`k-list-${t}`]:t}),children:e.children})};Ae.states=Om;Ae.options=Bm;Ae.className=Rs;Ae.defaultOptions=Ks;Ae.moduleName=Jt;Ae.folderName=Co;import{jsx as _m}from"react/jsx-runtime";var _s="k-checkbox-list-item",wm=[],Rm={},Km={},Ie=e=>{let{...t}=e;return _m("li",{...t,className:n(e.className,_s),children:e.children})};Ie.states=wm;Ie.options=Rm;Ie.className=_s;Ie.defaultOptions=Km;Ie.moduleName=Jt;Ie.folderName=Co;import{Fragment as Dm,jsx as Ds,jsxs as Hm}from"react/jsx-runtime";var Ct=({children:e="Label",id:t="cb-label-after",...o})=>Hm(Dm,{children:[Ds(ct,{id:t,...o}),Ds("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});import{Fragment as bI,jsx as fI,jsxs as hI}from"react/jsx-runtime";import{Fragment as vI,jsx as gI,jsxs as CI}from"react/jsx-runtime";import{Fragment as II,jsx as AI,jsxs as TI}from"react/jsx-runtime";import{jsx as BI}from"react/jsx-runtime";import{jsx as KI}from"react/jsx-runtime";import{jsx as zI}from"react/jsx-runtime";import{jsx as ot,jsxs as Hs}from"react/jsx-runtime";var zm=Ae.options,Fm=Ae.states,Um={...Ae.defaultOptions,variant:"vertical"},Gm=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],Vm=[],Lo=e=>{let{variant:t,...o}=e;return t==="horizontal"?Hs(Ae,{layout:"horizontal",...o,children:[ot(Ie,{children:ot(Ct,{id:T("cb"),defaultChecked:!0,children:"Label"})}),ot(Ie,{children:ot(Ct,{id:T("cb"),children:"Label"})}),ot(Ie,{children:ot(Ct,{id:T("cb"),children:"Label"})})]}):Hs(Ae,{...o,children:[ot(Ie,{children:ot(Ct,{id:T("cb"),defaultChecked:!0,children:"Label"})}),ot(Ie,{children:ot(Ct,{id:T("cb"),children:"Label"})}),ot(Ie,{children:ot(Ct,{id:T("cb"),children:"Label"})})]})};Lo.options=zm;Lo.states=Fm;Lo.variants=Gm;Lo.defaultOptions=Um;Lo.modifiers=Vm;Lo.className=Ae.className;import{jsx as Ym}from"react/jsx-runtime";var $m=ct.options,Xm=ct.states,qm=ct.defaultOptions,Wm=[],Jm=[],Mo=e=>Ym(Ct,{id:T("checkbox"),...e,defaultChecked:!0,children:"Label"});Mo.options=$m;Mo.states=Xm;Mo.variants=Wm;Mo.defaultOptions=qm;Mo.modifiers=Jm;Mo.className=ct.className;import{jsx as Yt,jsxs as eu}from"react/jsx-runtime";var Mn="k-list-item",Qm=[i.hover,i.focus,i.selected,i.disabled],Zm={},jm={},P=e=>{let{text:t,groupLabel:o,group:a,iconName:r,iconClassName:s,showCheckbox:l,checked:p,hover:b,focus:x,selected:N,disabled:k,actions:m,description:L,id:C,...M}=e,E=t\|\|e.children;return eu("li",{...M,id:C,role:a?"presentation":"option",tabIndex:a?void 0:x?0:-1,"aria-selected":!a&&N?"true":a?void 0:"false","aria-disabled":!a&&k?"true":void 0,className:n(e.className,a?"k-list-group-item":Mn,S(Mn,{hover:b,focus:x,disabled:k,selected:N})),children:[l&&Yt(tt,{checked:p}),r&&Yt("span",{className:"k-list-item-icon-wrapper",children:Yt(v,{icon:r,className:n("k-list-item-icon",s)})}),Yt("span",{className:"k-list-item-text",children:E}),m&&Yt("div",{className:"k-list-item-actions",children:m}),L&&Yt("span",{className:"k-list-item-description",children:L}),o&&o!==""&&Yt("div",{className:"k-list-item-group-label",children:o})]})};P.states=Qm;P.options=Zm;P.className=Mn;P.defaultOptions=jm;P.moduleName=Wt;P.folderName=go;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."}]};import{jsx as ou}from"react/jsx-runtime";var tu="k-list-ul",Lt=e=>{let{children:t,role:o,id:a,...r}=e;return ou("ul",{...r,id:a,role:o,className:n(tu,e.className),children:t})};Lt.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."}]};import{jsx as Sn,jsxs as ru}from"react/jsx-runtime";var au="k-list-content",$=e=>{let{virtualization:t,grouping:o,"aria-label":a,"aria-labelledby":r,listboxId:s,...l}=e;return ru("div",{...l,className:n(au,e.className),role:o?"listbox":void 0,id:o?s:void 0,"aria-label":o?a:void 0,"aria-labelledby":o?r:void 0,children:[o?e.children:Sn(Lt,{role:"listbox",id:s,"aria-label":a,"aria-labelledby":r,children:e.children}),t&&Sn("div",{className:"k-height-container",children:Sn("div",{})})]})};$.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."}]};import{Fragment as ET,jsx as yT,jsxs as OT}from"react/jsx-runtime";import{jsx as An,jsxs as iu}from"react/jsx-runtime";var nu="k-list-group-item",Qt=e=>{let{groupIconName:t,...o}=e;return iu("li",{...o,role:"presentation",className:n(nu,e.className),children:[t&&An("span",{className:"k-list-item-icon-wrapper",children:An(v,{icon:t,className:"k-list-item-icon"})}),An("span",{className:"k-list-item-text",children:e.children})]})};Qt.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."}]};import{jsx as cu}from"react/jsx-runtime";var In="k-list-optionlabel",su=[i.hover,i.focus,i.selected,i.disabled],lu={},du={},rr=e=>{let{text:t,hover:o,focus:a,selected:r,disabled:s,...l}=e;return cu("div",{...l,className:n(In,S(In,{hover:o,focus:a,selected:r,disabled:s})),children:t})};rr.states=su;rr.options=lu;rr.className=In;rr.defaultOptions=du;import{jsx as fu}from"react/jsx-runtime";var Tn="k-list-custom-value",pu=[i.hover,i.focus,i.selected,i.disabled],mu={},uu={},Dt=e=>{let{text:t,hover:o,focus:a,selected:r,disabled:s,...l}=e;return fu("div",{...l,className:n(Tn,S(Tn,{hover:o,focus:a,selected:r,disabled:s})),children:t})};Dt.states=pu;Dt.options=mu;Dt.className=Tn;Dt.defaultOptions=uu;import{Fragment as qT,jsx as XT,jsxs as WT}from"react/jsx-runtime";import{Fragment as ey,jsx as jT,jsxs as ty}from"react/jsx-runtime";import{Fragment as ly,jsx as iy,jsxs as sy}from"react/jsx-runtime";import{Fragment as by,jsx as uy,jsxs as fy}from"react/jsx-runtime";import{jsx as ky}from"react/jsx-runtime";import{Fragment as Sy,jsx as My,jsxs as Ay}from"react/jsx-runtime";var zs="dropdown-list",Fs="dropdownlist";import{Fragment as xu,jsx as Te,jsxs as yn}from"react/jsx-runtime";var Us="k-dropdownlist",bu=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],hu={size:[c.undefined,c.small,c.medium,c.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[f.undefined,f.solid,f.flat,f.outline]},En={showValue:!0,arrowIconName:"chevron-down"},ie=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:r=En.arrowIconName,showValue:s=En.showValue,valueIconName:l,prefix:p,suffix:b,value:x,placeholder:N,hover:k,focus:m,valid:L,invalid:C,required:M,loading:E,disabled:A,readonly:w,popup:J,opened:ce,adaptive:ue,adaptiveSettings:fe,adaptiveTitle:Ce,adaptiveSubtitle:$t,adaptiveFilter:Or,id:Et,activeDescendant:Va,"aria-label":Br,...Pr}=e,Dd=Et?`${Et}-listbox`:void 0,gi=Et?`${Et}-value`:void 0;return yn(xu,{children:[yn(ft,{...Pr,id:Et,size:t,rounded:o,fillMode:a,hover:k,focus:m,valid:L,invalid:C,required:M,loading:E,disabled:A,readonly:w,className:n(e.className,Us,{"k-icon-picker":!s&&l}),role:"combobox","aria-haspopup":"listbox","aria-expanded":ce?"true":"false","aria-controls":ce?Dd:void 0,"aria-activedescendant":ce&&Va?Va:void 0,"aria-describedby":ce?gi:void 0,"aria-disabled":A?"true":void 0,"aria-label":Br,tabIndex:0,children:[Te(_e,{children:p}),Te(qt,{placeholder:N,value:x,showValue:s,valueIconName:l,id:gi}),Te(Le,{valid:L,invalid:C,loading:E,disabled:A}),Te(Ke,{loading:E,disabled:A}),Te(De,{children:b}),Te(d,{className:"k-input-button",icon:r,size:e.size,fillMode:e.fillMode,"aria-label":N\|\|"Toggle dropdown",tabIndex:-1})]}),ce&&J&&Te(U,{className:"k-list-container k-dropdownlist-popup",containerRole:"region",containerAriaLabel:"Dropdown suggestions",children:J}),ue&&Te(te,{adaptive:!0,...fe,header:Te(Se,{actionsEnd:Te(d,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),filter:Or,inputValue:x,inputPlaceholder:N,title:Ce,subtitle:$t}),children:Te("div",{className:"k-list-container",children:Te(D,{size:"large",children:yn($,{"aria-label":"Options",children:[Te(P,{text:"List item"}),Te(P,{text:"List item"}),Te(P,{text:"List item"})]})})})})]})};ie.states=bu;ie.options=hu;ie.className=Us;ie.defaultOptions=En;ie.moduleName=zs;ie.folderName=Fs;ie.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."}]};import{jsx as nE}from"react/jsx-runtime";import{jsx as pE,jsxs as mE}from"react/jsx-runtime";import{Fragment as vE,jsx as kE,jsxs as gE}from"react/jsx-runtime";import{jsx as AE}from"react/jsx-runtime";import{jsx as BE,jsxs as PE}from"react/jsx-runtime";import{Fragment as UE,jsx as zE,jsxs as FE}from"react/jsx-runtime";import{jsx as qE}from"react/jsx-runtime";import{Fragment as Lu,jsx as Ht,jsxs as Gs}from"react/jsx-runtime";var Nu=ie.states,ku=ie.defaultOptions,gu=ie.options,vu=[{name:"opened",title:"Opened"}],Cu=[],Ao=e=>{let{modifiers:t,...o}=e,a={},r=Gs(Lu,{children:[Ht("div",{className:"k-list-filter",children:Ht(Qe,{})}),Ht(D,{style:{width:300},size:o.size,children:Gs($,{children:[Ht(P,{children:"List item"}),Ht(P,{children:"List item"}),Ht(P,{children:"List item"})]})})]});return Object.keys(t\|\|{}).forEach(s=>{s==="opened"&&(a.opened=!!t?.[s],a.popup=t?.[s]?r:void 0)}),Ht("div",{children:Ht(ie,{placeholder:"Value",style:{width:300},...o,...a})})};Ao.options=gu;Ao.states=Nu;Ao.variants=Cu;Ao.defaultOptions=ku;Ao.modifiers=vu;Ao.className=ie.className;import{Fragment as bO,jsx as fO}from"react/jsx-runtime";import{Fragment as vO,jsx as gO}from"react/jsx-runtime";import{jsx as SO}from"react/jsx-runtime";import{jsx as On}from"react/jsx-runtime";var Mu=G.states,Su=G.defaultOptions,Au=G.options,Iu=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"spin-button",title:"`Spin` Button"}],Tu=[],Io=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(r=>{switch(r){case"prefix":a.prefix=t?.[r]?On(ie,{size:o.size,fillMode:"flat",value:"mm"}):void 0;break;case"suffix":a.suffix=t?.[r]?On(Qr,{children:"mm"}):void 0;break;case"clear-button":a.showClearButton=t?.[r];break;case"spin-button":a.showSpinButton=t?.[r];break;default:break}}),On(ys,{value:"Value",style:{width:300},...o,...a})};Io.options=Au;Io.states=Mu;Io.variants=Tu;Io.defaultOptions=Su;Io.modifiers=Iu;Io.className=G.className;import{Fragment as Ia,jsx as K,jsxs as ne}from"react/jsx-runtime";var Vs="k-colorgradient-inputs",yu=[],Eu={size:[c.undefined,c.small,c.medium,c.large]},$s={mode:"rgba"},To=e=>{let{mode:t=$s.mode,size:o,...a}=e;return ne("div",{...a,className:n(Vs,"k-hstack"),children:[K("div",{className:"k-vstack",children:K(d,{fillMode:"flat",icon:"caret-alt-expand",className:"k-colorgradient-toggle-mode",size:o,"aria-label":"Toggle color input format"})}),t==="rgba"&&ne(Ia,{children:[ne("div",{className:"k-vstack",children:[K(G,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Red channel"}),K("label",{className:"k-colorgradient-input-label",children:"R"})]}),ne("div",{className:"k-vstack",children:[K(G,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Green channel"}),K("label",{className:"k-colorgradient-input-label",children:"G"})]}),ne("div",{className:"k-vstack",children:[K(G,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Blue channel"}),K("label",{className:"k-colorgradient-input-label",children:"B"})]}),ne("div",{className:"k-vstack",children:[K(G,{showSpinButton:!1,showClearButton:!1,value:"1.00",size:o,"aria-label":"Alpha channel"}),K("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="rgb"&&ne(Ia,{children:[ne("div",{className:"k-vstack",children:[K(G,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Red channel"}),K("label",{className:"k-colorgradient-input-label",children:"R"})]}),ne("div",{className:"k-vstack",children:[K(G,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Green channel"}),K("label",{className:"k-colorgradient-input-label",children:"G"})]}),ne("div",{className:"k-vstack",children:[K(G,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Blue channel"}),K("label",{className:"k-colorgradient-input-label",children:"B"})]})]}),t==="hsva"&&ne(Ia,{children:[ne("div",{className:"k-vstack",children:[K(G,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),K("label",{className:"k-colorgradient-input-label",children:"H"})]}),ne("div",{className:"k-vstack",children:[K(G,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),K("label",{className:"k-colorgradient-input-label",children:"S"})]}),ne("div",{className:"k-vstack",children:[K(G,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),K("label",{className:"k-colorgradient-input-label",children:"V"})]}),ne("div",{className:"k-vstack",children:[K(G,{showSpinButton:!1,showClearButton:!1,value:"1.00","aria-label":"Alpha channel"}),K("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="hsv"&&ne(Ia,{children:[ne("div",{className:"k-vstack",children:[K(G,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),K("label",{className:"k-colorgradient-input-label",children:"H"})]}),ne("div",{className:"k-vstack",children:[K(G,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),K("label",{className:"k-colorgradient-input-label",children:"S"})]}),ne("div",{className:"k-vstack",children:[K(G,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),K("label",{className:"k-colorgradient-input-label",children:"V"})]})]}),t==="hex"&&K(Ia,{children:ne("div",{className:"k-vstack k-flex-1",children:[K(be,{showClearButton:!1,value:"#b88484AA",className:"k-hex-value"}),K("label",{className:"k-colorgradient-input-label",children:"HEX"})]})})]})};To.states=yu;To.options=Eu;To.className=Vs;To.defaultOptions=$s;import{jsx as Zt,jsxs as jt}from"react/jsx-runtime";var Xs="k-colorgradient-color-contrast",Ou=[],Bu={},Pu={},yo=()=>jt("div",{className:n(Xs,"k-vbox"),children:[jt("div",{className:"k-contrast-ratio",children:[Zt("span",{className:"k-contrast-ratio-text",children:"Contrast ratio: 7.1"}),jt("span",{className:"k-contrast-validation !k-text-success",children:[Zt(v,{icon:"check"}),Zt(v,{icon:"check"})]})]}),jt("div",{children:[Zt("span",{children:"AA: 4.5"}),jt("span",{className:"k-contrast-validation !k-text-success",children:["Pass",Zt(v,{icon:"check"})]})]}),jt("div",{children:[Zt("span",{children:"AAA: 7.0"}),jt("span",{className:"k-contrast-validation !k-text-error",children:["Fail",Zt(v,{icon:"x"})]})]})]});yo.states=Ou;yo.options=Bu;yo.className=Xs;yo.defaultOptions=Pu;var qs="color-gradient",Ws="colorgradient";import{jsx as at,jsxs as Ta}from"react/jsx-runtime";var nr="k-colorgradient",wu=[i.hover,i.focus,i.readonly,i.disabled],Ru={size:[c.undefined,c.small,c.medium,c.large]},Nt={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"},pe=e=>{let{size:t,mode:o=Nt.mode,readonly:a=Nt.readonly,disabled:r=Nt.disabled,gradientStyle:s=Nt.gradientStyle,dragHandleStyle:l=Nt.dragHandleStyle,alphaStyle:p=Nt.alphaStyle,alphaStyleHorizontal:b=Nt.alphaStyleHorizontal,contrast:x=Nt.contrast,dir:N,hover:k,focus:m,hoverHandle:L,focusHandle:C,canvasOrientation:M=Nt.canvasOrientation,role:E,tabIndex:A,...w}=e;return Ta("div",{...w,role:E??"textbox","aria-label":E==="none"?void 0:"Color gradient",tabIndex:A??0,"aria-disabled":r?"true":void 0,className:n(e.className,nr,I(nr,{size:t}),S(nr,{hover:k,focus:m,readonly:a,disabled:r})),dir:N,children:[!M\|\|M==="horizontal"&&Ta("div",{className:"k-colorgradient-canvas k-hstack",children:[at("div",{className:"k-hsv-rectangle",style:s,children:at("div",{className:"k-hsv-gradient",children:at("div",{className:n("k-hsv-draghandle","k-draghandle",{"k-hover":L,"k-focus":C}),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})})}),Ta("div",{className:"k-hsv-controls k-hstack",children:[at(Nn,{className:"k-hue-slider",hover:L,focus:C}),o!=="rgb"&&o!=="hsv"&&at(Nn,{className:"k-alpha-slider",hover:L,focus:C,trackStyle:p})]})]}),M==="vertical"&&Ta("div",{className:"k-colorgradient-canvas k-vstack",children:[at("div",{className:"k-hsv-rectangle",style:s,children:at("div",{className:"k-hsv-gradient",children:at("div",{className:n("k-hsv-draghandle","k-draghandle",{"k-hover":L,"k-focus":C}),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})})}),Ta("div",{className:"k-hsv-controls k-vstack",children:[at(xn,{className:"k-hue-slider",hover:L,focus:C}),o!=="rgb"&&o!=="hsv"&&at(xn,{className:"k-alpha-slider",hover:L,focus:C,trackStyle:b})]})]}),at(To,{mode:e.mode,size:t}),x&&at(yo,{})]})};pe.states=wu;pe.options=Ru;pe.className=nr;pe.defaultOptions=Nt;pe.moduleName=qs;pe.folderName=Ws;pe.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)."}]};import{jsx as Ku}from"react/jsx-runtime";var ir=e=>Ku(pe,{...e});import{jsx as cB}from"react/jsx-runtime";import{jsx as fB}from"react/jsx-runtime";import{jsx as Bn}from"react/jsx-runtime";var _u=pe.options,Du=pe.states,Hu={...pe.defaultOptions,variant:"rgba"},zu=[{name:"rgba",title:"RGBA"},{name:"rgb",title:"RGB"},{name:"hex",title:"HEX"}],Fu=[],Eo=e=>{let{variant:t,...o}=e;switch(t){case"hex":return Bn(ir,{...o,mode:t});case"rgb":return Bn(ir,{...o,mode:t});default:return Bn(ir,{...o,mode:t})}};Eo.options=_u;Eo.states=Du;Eo.variants=zu;Eo.defaultOptions=Hu;Eo.modifiers=Fu;Eo.className=pe.className;import{jsx as Uu}from"react/jsx-runtime";var Pn=e=>Uu("tr",{role:"row",children:e.children});import{jsx as $u}from"react/jsx-runtime";var wn="k-colorpalette-tile",Gu=[i.hover,i.focus,i.selected],Vu={},Oo=e=>{let{color:t,tileSize:o,hover:a,focus:r,selected:s,...l}=e,p={backgroundColor:t,width:o?o+"px":"",height:o?o+"px":""};return $u("td",{...l,role:"gridcell","aria-label":t,"aria-selected":s?"true":void 0,className:n(e.className,wn,S(wn,{hover:a,focus:r,selected:s})),style:p})};Oo.states=Gu;Oo.options=Vu;Oo.className=wn;var Js="color-palette",Ys="colorpalette";import{jsx as ya}from"react/jsx-runtime";var sr="k-colorpalette",Xu=[i.disabled],qu={size:[c.undefined,c.small,c.medium,c.large]},Qs={columns:10},ye=e=>{let{size:t,palette:o,columns:a=Qs.columns,tileSize:r,disabled:s,...l}=e,p=[];if(o){let b=a\|\|o.columns,x=o.colors?o.colors:o;Array.isArray(x)&&Array.from({length:Math.ceil(x.length/b)},(N,k)=>{let m=[];x.slice(kb,(k+1)b).map((C,M)=>{m.push(ya(Oo,{color:C,tileSize:r},M))});let L=ya(Pn,{children:m},k);p.push(L)})}return ya("div",{...l,role:"grid","aria-label":"Color palette",tabIndex:0,"aria-disabled":s?"true":void 0,className:n(e.className,sr,S(sr,{disabled:s}),I(sr,{size:t})),children:ya("table",{className:"k-colorpalette-table",role:"none",children:ya("tbody",{children:p.length>0?p:e.children})})})};ye.states=Xu;ye.options=qu;ye.className=sr;ye.defaultOptions=Qs;ye.moduleName=Js;ye.folderName=Ys;ye.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 lr=ye;var Ea={basic:{colors:["#000000","#7f7f7f","#880015","#ed1c24","#ff7f27","#fff200","#22b14c","#00a2e8","#3f48cc","#a349a4","#ffffff","#c3c3c3","#b97a57","#ffaec9","#ffc90e","#efe4b0","#b5e61d","#99d9ea","#7092be","#c8bfe7"],columns:10},office:{colors:["#ffffff","#000000","#e6e6e6","#435569","#4371c4","#ed7e32","#a5a4a5","#febf04","#5a9bd5","#71ae48","#f2f2f3","#7f7f7f","#d1cece","#d5dde3","#dae1f4","#fce5d4","#deeded","#fff2cc","#deeaf6","#e1efd9","#d7d8d8","#585959","#aeabab","#adbaca","#b4c5e7","#f6caac","#dbdbdb","#ffe498","#bcd6ee","#c5e0b2","#bfbfc0","#3f3f3f","#767070","#8595b1","#8fabdb","#f5b183","#c9c8c9","#fed965","#9bc4e5","#a8d08d","#a5a5a6","#262625","#393939","#334050","#2e5496","#c45a11","#7b7b7a","#bf9000","#2f75b5","#548235","#7f7f7f","#0b0c0c","#161616","#222a34","#203764","#843d0b","#525252","#7f6000","#1d4d79","#375623"],columns:10},apex:{colors:["#ffffff","#000000","#c9c2d1","#69676d","#ceb966","#9cb084","#6bb1c9","#6585cf","#7e6bc9","#a379bb","#f2f2f2","#7f7f7f","#f4f2f5","#e0e0e2","#f5f1e0","#ebefe6","#e1eff4","#e0e6f5","#e5e1f4","#ece4f1","#d8d8d8","#595959","#e9e6ec","#c2c1c5","#ebe3c1","#d7dfcd","#c3dfe9","#c1ceeb","#cbc3e9","#dac9e3","#bfbfbf","#3f3f3f","#dedae3","#a4a3a8","#e1d5a3","#c3cfb5","#a6d0de","#a2b5e2","#b1a6de","#c7aed6","#a5a5a5","#262626","#9688a5","#4e4d51","#ae9638","#758c5a","#3d8da9","#365bb0","#533da9","#7d4d99","#7f7f7f","#0c0c0c","#635672","#343336","#746425","#4e5d3c","#295e70","#243c75","#372970","#533366"],columns:10},austin:{colors:["#ffffff","#000000","#caf278","#3e3d2d","#94c600","#71685a","#ff6700","#909465","#956b43","#fea022","#f2f2f2","#7f7f7f","#f4fce4","#dddcd0","#efffc0","#e3e1dc","#ffe0cb","#e8e9df","#ece1d6","#feecd2","#d8d8d8","#595959","#e9f9c9","#bbb9a1","#dfff82","#c8c3ba","#ffc299","#d2d4c0","#dac3ad","#fed9a6","#bfbfbf","#3f3f3f","#dff7ae","#ada598","#cfff43","#ada598","#ffa365","#bcbfa1","#c8a585","#fec67a","#a5a5a5","#262626","#a9ea25","#2e2d21","#6f9400","#544e43","#bf4d00","#6c6f4b","#6f5032","#d77b00","#7f7f7f","#0c0c0c","#74a50f","#1f1e16","#4a6300","#38342d","#7f3300","#484a32","#4a3521","#8f5200"],columns:10},clarity:{colors:["#ffffff","#292934","#f3f2dc","#d2533c","#93a299","#ad8f67","#726056","#4c5a6a","#808da0","#79463d","#f2f2f2","#e7e7ec","#e7e5b9","#f6dcd8","#e9ecea","#eee8e0","#e4dedb","#d8dde3","#e5e8ec","#e9d6d3","#d8d8d8","#c4c4d1","#d5d185","#edbab1","#d3d9d6","#ded2c2","#c9beb8","#b2bcc8","#ccd1d9","#d3aea7","#bfbfbf","#8a8aa3","#aca73b","#e4978a","#bec7c1","#cdbba3","#af9e94","#8c9bac","#b2bac6","#bd857c","#a5a5a5","#56566e","#56531d","#a43925","#6b7c72","#866b48","#554840","#39434f","#5c697b","#5a342d","#7f7f7f","#3b3b4b","#22210b","#6d2619","#47534c","#594730","#39302b","#262d35","#3d4652","#3c231e"],columns:10},slipstream:{colors:["#ffffff","#000000","#b4dcfa","#212745","#4e67c8","#5eccf3","#a7ea52","#5dceaf","#ff8021","#f14124","#f2f2f2","#7f7f7f","#8bc9f7","#c7cce4","#dbe0f4","#def4fc","#edfadc","#def5ef","#ffe5d2","#fcd9d3","#d8d8d8","#595959","#4facf3","#909aca","#b8c2e9","#beeafa","#dbf6b9","#beebdf","#ffcca6","#f9b3a7","#bfbfbf","#3f3f3f","#0d78c9","#5967af","#94a3de","#9ee0f7","#caf297","#9de1cf","#ffb279","#f68d7b","#a5a5a5","#262626","#063c64","#181d33","#31479f","#11b2eb","#81d319","#34ac8b","#d85c00","#c3260c","#7f7f7f","#0c0c0c","#021828","#101322","#202f6a","#0b769c","#568c11","#22725c","#903d00","#821908"],columns:10},metro:{colors:["#ffffff","#000000","#d6ecff","#4e5b6f","#7fd13b","#ea157a","#feb80a","#00addc","#738ac8","#1ab39f","#f2f2f2","#7f7f7f","#a7d6ff","#d9dde4","#e5f5d7","#fad0e4","#fef0cd","#c5f2ff","#e2e7f4","#c9f7f1","#d8d8d8","#595959","#60b5ff","#b3bcca","#cbecb0","#f6a1c9","#fee29c","#8be6ff","#c7d0e9","#94efe3","#bfbfbf","#3f3f3f","#007dea","#8d9baf","#b2e389","#f272af","#fed46b","#51d9ff","#aab8de","#5fe7d5","#a5a5a5","#262626","#003e75","#3a4453","#5ea226","#af0f5b","#c58c00","#0081a5","#425ea9","#138677","#7f7f7f","#0c0c0c","#00192e","#272d37","#3f6c19","#750a3d","#835d00","#00566e","#2c3f71","#0c594f"],columns:10},flow:{colors:["#ffffff","#000000","#dbf5f9","#04617b","#0f6fc6","#009dd9","#0bd0d9","#10cf9b","#7cca62","#a5c249","#f2f2f2","#7f7f7f","#b2e9f2","#b4ecfc","#c7e2fa","#c4eeff","#c9fafc","#c9faed","#e4f4df","#edf2da","#d8d8d8","#595959","#76d9e8","#6adafa","#90c6f6","#89deff","#93f5f9","#94f6db","#cae9c0","#dbe6b6","#bfbfbf","#3f3f3f","#21b2c8","#20c8f7","#59a9f2","#4fceff","#5df0f6","#5ff2ca","#b0dfa0","#c9da91","#a5a5a5","#262626","#105964","#02485c","#0b5394","#0075a2","#089ca2","#0b9b74","#54a838","#7e9532","#7f7f7f","#0c0c0c","#062328","#01303d","#073763","#004e6c","#05686c","#07674d","#387025","#546321"],columns:10},hardcover:{colors:["#ffffff","#000000","#ece9c6","#895d1d","#873624","#d6862d","#d0be40","#877f6c","#972109","#aeb795","#f2f2f2","#7f7f7f","#e1dca5","#f2e0c6","#f0d0c9","#f6e6d5","#f5f2d8","#e7e5e1","#fbc7bc","#eef0e9","#d8d8d8","#595959","#d0c974","#e6c28d","#e2a293","#eeceaa","#ece5b2","#cfccc3","#f78f7a","#dee2d4","#bfbfbf","#3f3f3f","#a29a36","#daa454","#d4735e","#e6b681","#e2d88c","#b7b2a5","#f35838","#ced3bf","#a5a5a5","#262626","#514d1b","#664515","#65281a","#a2641f","#a39428","#655f50","#711806","#879464","#7f7f7f","#0c0c0c","#201e0a","#442e0e","#431b11","#6c4315","#6d621a","#433f35","#4b1004","#5a6243"],columns:10},trek:{colors:["#ffffff","#000000","#fbeec9","#4e3b30","#f0a22e","#a5644e","#b58b80","#c3986d","#a19574","#c17529","#f2f2f2","#7f7f7f","#f7e09e","#e1d6cf","#fcecd5","#eddfda","#f0e7e5","#f3eae1","#ece9e3","#f5e3d1","#d8d8d8","#595959","#f3cc5f","#c4ad9f","#f9d9ab","#dcc0b6","#e1d0cc","#e7d5c4","#d9d4c7","#ebc7a3","#bfbfbf","#3f3f3f","#d29f0f","#a78470","#f6c781","#cba092","#d2b9b2","#dbc1a7","#c6bfab","#e1ac76","#a5a5a5","#262626","#694f07","#3a2c24","#c87d0e","#7b4b3a","#926255","#a17242","#7b7153","#90571e","#7f7f7f","#0c0c0c","#2a1f03","#271d18","#855309","#523226","#614138","#6b4c2c","#524b37","#603a14"],columns:10},verve:{colors:["#ffffff","#000000","#d2d2d2","#666666","#ff388c","#e40059","#9c007f","#68007f","#005bd3","#00349e","#f2f2f2","#7f7f7f","#bdbdbd","#e0e0e0","#ffd7e8","#ffc6dc","#ffb8f1","#f1b2ff","#c3dcff","#b8cfff","#d8d8d8","#595959","#9d9d9d","#c1c1c1","#ffafd1","#ff8eba","#ff71e4","#e365ff","#87baff","#72a0ff","#bfbfbf","#3f3f3f","#696969","#a3a3a3","#ff87ba","#ff5597","#ff2ad7","#d519ff","#4b98ff","#2b71ff","#a5a5a5","#262626","#343434","#4c4c4c","#e90062","#ab0042","#75005f","#4e005f","#00449e","#002676","#7f7f7f","#0c0c0c","#151515","#333333","#9b0041","#72002c","#4e003f","#34003f","#002d69","#00194f"],columns:10},monochrome:{colors:["#000000","#1a1a1a","#333333","#4d4d4d","#666666","#808080","#999999","#b3b3b3","#cccccc","#e6e6e6","#f2f2f2","#ffffff"],columns:12}};import{jsx as Wu}from"react/jsx-runtime";var Zs=e=>Wu(lr,{palette:Ea.basic,...e});import{jsx as JB}from"react/jsx-runtime";import{jsx as tP,jsxs as oP}from"react/jsx-runtime";import{jsx as tf}from"react/jsx-runtime";var Ju=ye.options,Yu=ye.states,Qu={...ye.defaultOptions,variant:"basic"},Zu=[{name:"basic",title:"Basic"},{name:"monochrome",title:"Monochrome"}],ju={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}},ef=[],Bo=e=>{let{variant:t="basic",...o}=e,a=ju[t];return tf(Zs,{columns:a.columns,palette:a,...o})};Bo.options=Ju;Bo.states=Yu;Bo.variants=Zu;Bo.defaultOptions=Qu;Bo.modifiers=ef;Bo.className=ye.className;var js="color-editor",el="coloreditor";import{jsx as rt,jsxs as Po}from"react/jsx-runtime";var dr="k-coloreditor",of=[i.focus],af={size:[c.undefined,c.small,c.medium,c.large]},Oa={view:"gradient",palette:Ea.office,actionButtons:!0,canvasOrientation:"horizontal"},oe=e=>{let{size:t,view:o=Oa.view,palette:a=Oa.palette,color:r,currentColor:s,focus:l,focusView:p,dir:b,group:x,actionButtons:N=Oa.actionButtons,canvasOrientation:k=Oa.canvasOrientation,...m}=e;return Po("div",{...m,role:"textbox","aria-label":"Color editor",tabIndex:0,className:n(e.className,"k-flatcolorpicker",dr,I(dr,{size:t}),S(dr,{focus:l})),dir:b,children:[Po("div",{className:"k-coloreditor-header k-hstack",children:[rt("div",{className:"k-coloreditor-header-actions k-hstack",children:x&&Po(B,{fillMode:"flat",children:[rt(d,{className:"k-group-start",size:t,fillMode:"flat",icon:"droplet-slider",selected:o==="gradient","aria-label":"Color gradient view"}),rt(d,{className:"k-group-end",size:t,fillMode:"flat",icon:"palette",selected:o==="palette","aria-label":"Color palette view"})]})}),rt("div",{className:"k-spacer"}),Po("div",{className:"k-coloreditor-header-actions k-hstack",children:[rt(d,{fillMode:"flat",icon:"droplet-slash",size:t,"aria-label":"Reset color"}),Po("div",{className:"k-coloreditor-preview k-vstack",children:[rt(Ot,{className:"k-coloreditor-preview-color",color:r}),rt(Ot,{className:"k-coloreditor-current-color",color:s})]})]})]}),rt("div",{className:"k-coloreditor-views k-vstack",children:o==="gradient"?rt(pe,{focus:p,size:t,canvasOrientation:k,role:"none",tabIndex:-1}):rt(ye,{palette:a,size:t})}),N&&Po(z,{className:"k-coloreditor-footer",alignment:"start",children:[rt(d,{themeColor:"primary",size:t,className:"k-coloreditor-apply",children:"Apply"}),rt(d,{className:"k-coloreditor-cancel",size:t,children:"Cancel"})]})]})};oe.states=of;oe.options=af;oe.className=dr;oe.defaultOptions=Oa;oe.moduleName=js;oe.folderName=el;oe.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 wo=oe;import{jsx as OP}from"react/jsx-runtime";import{jsx as RP}from"react/jsx-runtime";import{jsx as rf}from"react/jsx-runtime";var tl=e=>rf(wo,{group:!0,currentColor:"fuchsia",...e});import{jsx as nf}from"react/jsx-runtime";var ol=e=>nf(wo,{view:"palette",group:!0,currentColor:"fuchsia",...e});import{jsx as al}from"react/jsx-runtime";var sf=oe.options,lf=oe.states,df={...oe.defaultOptions,variant:"gradient"},cf=[{name:"gradient",title:"Gradient"},{name:"palette",title:"Palette"}],pf=[],Ro=e=>{let{variant:t,...o}=e;return t==="palette"?al(ol,{...o,color:"white"}):al(tl,{...o,color:"rgba(183, 118 , 118, 1.00)"})};Ro.options=sf;Ro.states=lf;Ro.variants=cf;Ro.defaultOptions=df;Ro.modifiers=pf;Ro.className=oe.className;var rl="color-picker",nl="colorpicker";import{Fragment as ff,jsx as nt,jsxs as Rn}from"react/jsx-runtime";var il="k-colorpicker",mf=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled],uf={size:[c.undefined,c.small,c.medium,c.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[f.undefined,f.solid,f.flat,f.outline]},sl={arrowIconName:"chevron-down"},Ue=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:r=sl.arrowIconName,prefix:s,suffix:l,value:p,placeholder:b,hover:x,focus:N,valid:k,invalid:m,required:L,disabled:C,valueIconName:M,popup:E,opened:A,adaptive:w,adaptiveSettings:J,adaptiveTitle:ce,adaptiveSubtitle:ue,...fe}=e,Ce="colorpicker-popup";return Rn(ff,{children:[Rn(ft,{...fe,size:t,rounded:o,fillMode:a,hover:x,focus:N,valid:k,invalid:m,required:L,disabled:C,role:"combobox","aria-haspopup":"dialog","aria-expanded":A?"true":"false","aria-controls":A\|\|w?Ce:void 0,"aria-label":"Color picker",tabIndex:0,"aria-disabled":C?"true":void 0,className:n(e.className,il,"k-icon-picker"),children:[nt(_e,{children:s}),nt(qt,{placeholder:b,value:p,showValue:!1,valueIcon:nt(Ot,{className:"k-value-icon",color:p,iconName:M}),valueIconName:M}),nt(De,{children:l}),nt(d,{className:"k-input-button",icon:r,size:t,fillMode:a,tabIndex:-1,"aria-label":"Open color picker",disabled:C})]}),A&&E&&nt(U,{id:Ce,className:"k-colorpicker-popup",children:E}),w&&nt(te,{adaptive:!0,id:Ce,...J,header:nt(Se,{actionsEnd:nt(d,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply"}),title:ce,subtitle:ue}),footer:Rn(Bt,{children:[nt(d,{text:"Cancel",size:"large"}),nt(d,{text:"Set",size:"large",themeColor:"primary"})]}),children:nt(oe,{canvasOrientation:"vertical",size:"large",actionButtons:!1,group:!0})})]})};Ue.states=mf;Ue.options=uf;Ue.className=il;Ue.defaultOptions=sl;Ue.moduleName=rl;Ue.folderName=nl;Ue.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 Mt=Ue;import{jsx as bf}from"react/jsx-runtime";var cr=e=>bf(Mt,{...e});import{jsx as Nw}from"react/jsx-runtime";import{jsx as Lw}from"react/jsx-runtime";import{jsx as Iw}from"react/jsx-runtime";import{jsx as Ow}from"react/jsx-runtime";import{jsx as Rw}from"react/jsx-runtime";import{jsx as Hw}from"react/jsx-runtime";import{jsx as eo}from"react/jsx-runtime";var hf=Mt.options,xf=Mt.states,ll={...Mt.defaultOptions,variant:"color"},Nf=[{name:"color",title:"Color",default:!0},{name:"no color",title:"No color"},{name:"icon",title:"Icon"}],kf=[{name:"opened",title:"Opened"}],Ko=e=>{let{variant:t,modifiers:o,...a}={...ll,...e},r={};Object.keys(o\|\|{}).forEach(l=>{l==="opened"&&(r.opened=!!o?.[l],r.popup=o?.[l]?eo(oe,{size:a.size,color:"rgba(183, 118 , 118, 1.00)",group:!0}):"")});let s=r.opened?{width:"272px",height:"390px"}:{};switch(t){case"no color":return eo("div",{style:s,children:eo(cr,{...a,...r})});case"icon":return eo("div",{style:s,children:eo(cr,{value:"rgba(183, 118 , 118, 1.00)",valueIconName:"edit-tools",...a,...r})});default:return eo("div",{style:s,children:eo(cr,{value:"rgba(183, 118 , 118, 1.00)",...a,...r})})}};Ko.options=hf;Ko.states=xf;Ko.variants=Nf;Ko.defaultOptions=ll;Ko.modifiers=kf;Ko.className=Mt.className;var Kn="combobox",dl=Kn;import{Fragment as _n,jsx as se,jsxs as Ba}from"react/jsx-runtime";var cl="k-combobox",gf=[i.hover,i.focus,i.valid,i.invalid,i.loading,i.required,i.disabled,i.readonly],vf={size:[c.undefined,c.small,c.medium,c.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[f.undefined,f.solid,f.flat,f.outline]},pl={separators:!0},ke=e=>{let{size:t,rounded:o,fillMode:a,separators:r=pl.separators,prefix:s,suffix:l,value:p,placeholder:b,hover:x,focus:N,valid:k,invalid:m,required:L,loading:C,disabled:M,popup:E,opened:A,readonly:w,adaptive:J,adaptiveSettings:ce,adaptiveTitle:ue,adaptiveSubtitle:fe,adaptiveCustomValue:Ce,id:$t,autocomplete:Or,activeDescendant:Et,"aria-label":Va,...Br}=e,Pr=$t?`${$t}-listbox`:void 0;return Ba(_n,{children:[Ba(Q,{...Br,size:t,rounded:o,fillMode:a,hover:x,focus:N,valid:k,invalid:m,required:L,loading:C,disabled:M,readonly:w,className:n(e.className,cl),children:[s&&Ba(_n,{children:[se(_e,{children:s}),r&&se(Me,{})]}),se(Fe,{id:$t,placeholder:b,value:p,role:"combobox","aria-haspopup":"listbox","aria-expanded":A?"true":"false","aria-controls":A?Pr:void 0,"aria-activedescendant":A&&Et?Et:void 0,"aria-autocomplete":Or,"aria-invalid":m?"true":void 0,"aria-busy":C?"true":void 0,"aria-label":Va,disabled:M,readOnly:w}),se(Le,{valid:k,invalid:m,loading:C,disabled:M}),se(Ke,{loading:C,disabled:M}),se(ze,{loading:C,disabled:M,readonly:w,value:p}),l&&Ba(_n,{children:[r&&se(Me,{}),se(De,{children:l})]}),se(d,{className:"k-input-button",icon:"chevron-down",size:t,fillMode:a,"aria-label":"Open popup",tabIndex:-1,disabled:M})]}),A&&E&&se(U,{className:"k-list-container k-combobox-popup",containerRole:"region",containerAriaLabel:"Combobox suggestions",children:E}),J&&se(te,{adaptive:!0,id:$t?`${$t}-adaptive`:void 0,...ce,header:se(Se,{actionsEnd:se(d,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),input:!0,inputValue:p,inputPlaceholder:b,title:ue,subtitle:fe}),children:se("div",{className:"k-list-container",children:se(D,{customValue:Ce?se(Dt,{text:`Use "${p}"`}):void 0,size:"large",children:Ba($,{"aria-label":ue\|\|"Options",children:[se(P,{text:"List item"}),se(P,{text:"List item"}),se(P,{text:"List item"})]})})})})]})};ke.states=gf;ke.options=vf;ke.className=cl;ke.defaultOptions=pl;ke.moduleName=Kn;ke.folderName=dl;ke.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 Ge=ke;import{jsx as Cf}from"react/jsx-runtime";var ml=e=>Cf(Ge,{...e});import{jsx as vR,jsxs as CR}from"react/jsx-runtime";import{jsx as TR,jsxs as yR}from"react/jsx-runtime";import{jsx as RR,jsxs as KR}from"react/jsx-runtime";import{Fragment as UR,jsx as FR}from"react/jsx-runtime";import{Fragment as WR,jsx as qR}from"react/jsx-runtime";import{jsx as eK,jsxs as tK}from"react/jsx-runtime";import{Fragment as dK,jsx as sK,jsxs as lK}from"react/jsx-runtime";import{jsx as uK}from"react/jsx-runtime";import{jsx as xK}from"react/jsx-runtime";import{jsx as LK,jsxs as MK}from"react/jsx-runtime";import{jsx as EK,jsxs as OK}from"react/jsx-runtime";import{jsx as zt,jsxs as Tf}from"react/jsx-runtime";var Lf=ke.states,Mf=ke.defaultOptions,Sf=ke.options,Af=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"opened",title:"Opened"}],If=[],_o=e=>{let{modifiers:t,...o}=e,a={},r=zt(D,{style:{width:300},size:o.size,children:Tf($,{children:[zt(P,{children:"List item"}),zt(P,{children:"List item"}),zt(P,{children:"List item"})]})});return Object.keys(t\|\|{}).forEach(s=>{switch(s){case"prefix":a.prefix=t?.[s]?zt(v,{icon:"map-marker-target"}):void 0;break;case"suffix":a.suffix=t?.[s]?zt(V,{size:o.size,icon:"copy",fillMode:"clear"}):void 0;break;case"opened":a.opened=!!t?.[s],a.popup=t?.[s]?r:void 0;break;default:break}}),zt("div",{children:zt(ml,{value:"Value",style:{width:300},...o,...a})})};_o.options=Sf;_o.states=Lf;_o.variants=If;_o.defaultOptions=Mf;_o.modifiers=Af;_o.className=ke.className;var Dn="menu-button",ul=Dn;import{jsx as Of}from"react/jsx-runtime";var fl="k-menu-button",yf=[i.hover,i.focus,i.active,i.selected,i.disabled],Ef={size:[c.undefined,c.xsmall,c.small,c.medium,c.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[f.undefined,f.solid,f.flat,f.outline,f.clear,f.link],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary,h.success,h.warning,h.error,h.info,h.inverse]},Hn={showArrow:!0,arrowIconName:"chevron-down"},X=e=>{let{size:t,rounded:o,fillMode:a,themeColor:r,hover:s,focus:l,active:p,selected:b,disabled:x,icon:N,text:k,showArrow:m=Hn.showArrow,arrowIconName:L=Hn.arrowIconName,expanded:C,...M}=e;return Of(d,{...M,className:n(e.className,fl),text:k,size:t,rounded:o,fillMode:a,themeColor:r,hover:s,focus:l,active:p,selected:b,disabled:x,icon:N,showArrow:m,arrowIconName:L,"aria-expanded":C?"true":"false",...!k&&N&&!e["aria-label"]&&{"aria-label":"Menu"},...x&&{"aria-disabled":"true"}})};X.states=yf;X.options=Ef;X.className=fl;X.defaultOptions=Hn;X.moduleName=Dn;X.folderName=ul;X.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."}]};import{jsx as c_}from"react/jsx-runtime";import{jsx as f_}from"react/jsx-runtime";import{jsx as N_}from"react/jsx-runtime";var Ve="menu",it=Ve;import{jsx as Pa,jsxs as bl}from"react/jsx-runtime";var zn="k-menu-item",Bf=[i.hover,i.focus,i.active,i.selected,i.disabled],Pf={},hl={iconPosition:"before"},ge=e=>{let{hover:t,focus:o,active:a,selected:r,disabled:s,icon:l,text:p,first:b,last:x,showArrow:N,arrowIconName:k,iconPosition:m=hl.iconPosition,dir:L,children:C,expanded:M,...E}=e,A=k;return A\|\|(A=L==="rtl"?"chevron-left":"chevron-right"),bl("li",{...E,className:n(e.className,zn,"k-item",S(zn,{focus:o,disabled:s,hover:t,active:a,selected:r}),{"k-first":b,"k-last":x}),role:"menuitem",...N&&{"aria-haspopup":"menu"},...N&&{"aria-expanded":M?"true":"false"},...s&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[bl("span",{className:n("k-link k-menu-link"),children:[l&&m==="before"&&Pa(v,{className:"k-menu-link-icon",icon:l}),Pa("span",{className:"k-menu-link-text",children:p}),l&&m==="after"&&Pa(v,{className:"k-menu-link-icon",icon:l}),N&&Pa("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:Pa(v,{icon:A})})]}),C]})};ge.states=Bf;ge.options=Pf;ge.className=zn;ge.defaultOptions=hl;ge.moduleName=Ve;ge.folderName=it;import{jsx as wa,jsxs as xl}from"react/jsx-runtime";var Fn="k-menu-item",wf=[i.hover,i.focus,i.active,i.selected,i.disabled],Rf={},Un={dir:"ltr",iconPosition:"before"},Z=e=>{let{hover:t,focus:o,active:a,selected:r,disabled:s,icon:l,text:p,first:b,last:x,showArrow:N,arrowIconName:k,iconPosition:m=Un.iconPosition,dir:L=Un.dir,children:C,popup:M,expanded:E,...A}=e,w=k;return w\|\|(w=L==="rtl"?"chevron-left":"chevron-right"),xl("li",{...A,className:n(e.className,Fn,"k-item",S(Fn,{focus:o,disabled:s}),{"k-first":b,"k-last":x}),role:"menuitem",...N&&{"aria-haspopup":"menu"},...N&&{"aria-expanded":E?"true":"false"},...s&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[xl("span",{className:n("k-link k-menu-link",S("k-menu-link",{hover:t,active:a,selected:r,disabled:s})),children:[l&&m==="before"&&wa(v,{className:"k-menu-link-icon",icon:l}),wa("span",{className:"k-menu-link-text",children:p}),l&&m==="after"&&wa(v,{className:"k-menu-link-icon",icon:l}),N&&wa("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:wa(v,{icon:w})})]}),C,M]})};Z.states=wf;Z.options=Rf;Z.className=Fn;Z.defaultOptions=Un;Z.moduleName=Ve;Z.folderName=it;import{jsx as Hf}from"react/jsx-runtime";var Nl="k-menu-scroll-wrapper",Kf=[],_f={},Df={},to=e=>{let{className:t,children:o,orientation:a,...r}=e;return Hf("div",{...r,className:n(t,Nl,{"k-menu-scroll-wrapper-vertical":a==="vertical"}),children:o})};to.states=Kf;to.options=_f;to.className=Nl;to.defaultOptions=Df;to.moduleName=Ve;to.folderName=it;var kl=to;import{Fragment as Gn,jsx as oo,jsxs as mr}from"react/jsx-runtime";var Vn="k-menu",zf=[],Ff={},ur={orientation:"horizontal",header:!0,scrollButtonsPosition:"around"},me=e=>{let{children:t,orientation:o=ur.orientation,header:a=ur.header,scrollable:r,scrollButtonsPosition:s=ur.scrollButtonsPosition,wrapperStyles:l,dir:p,popup:b,contextMenu:x,...N}=e,k={horizontal:{prev:p!=="rtl"?"left":"right",next:p!=="rtl"?"right":"left"},vertical:{prev:"up",next:"down"}},m=oo("ul",{dir:p,...N,className:n(e.className,"k-reset",Vn,{[`${Vn}-${o}`]:o,"k-header":a}),role:x?"menu":"menubar",...o==="vertical"&&{"aria-orientation":"vertical"},children:t});return mr(Gn,{children:[r?mr(kl,{orientation:o,style:l,dir:e.dir,children:[s==="start"&&mr(Gn,{children:[oo(d,{fillMode:"flat",icon:`chevron-${k[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),oo(d,{fillMode:"flat",icon:`chevron-${k[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),s==="around"&&oo(d,{fillMode:"flat",icon:`chevron-${k[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),m,s==="end"&&mr(Gn,{children:[oo(d,{fillMode:"flat",icon:`chevron-${k[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),oo(d,{fillMode:"flat",icon:`chevron-${k[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),s==="around"&&oo(d,{fillMode:"flat",icon:`chevron-${k[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}):m,b]})};me.states=zf;me.options=Ff;me.className=Vn;me.defaultOptions=ur;me.moduleName=Ve;me.folderName=it;me.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."}]};import{jsx as Uf}from"react/jsx-runtime";var $n="k-separator",gl={orientation:"horizontal"},Do=e=>{let{orientation:t=gl.orientation,...o}=e;return Uf("li",{...o,className:n(e.className,"k-item",$n,{[`${$n}-${t}`]:t}),role:"separator"})};Do.className=$n;Do.defaultOptions=gl;Do.moduleName=Ve;Do.folderName=it;import{Fragment as q_,jsx as W_}from"react/jsx-runtime";import{jsx as Xf}from"react/jsx-runtime";var Xn="k-menu-group",Gf=[],Vf={size:[c.undefined,c.small,c.medium,c.large]},$f={},ve=e=>{let{children:t,size:o,...a}=e;return Xf("ul",{...a,className:n(e.className,Xn,I(Xn,{size:o})),role:"menu",children:t})};ve.states=Gf;ve.options=Vf;ve.className=Xn;ve.defaultOptions=$f;ve.moduleName=Ve;ve.folderName=it;import{Fragment as qf,jsx as Ho,jsxs as Wf}from"react/jsx-runtime";var qn=e=>Ho(me,{children:Wf(qf,{children:[Ho(ge,{first:!0,text:"Item 1"}),Ho(ge,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 2"}),Ho(ge,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 3"}),Ho(ge,{text:"Item 4"}),Ho(ge,{last:!0,text:"Item 5"})]}),...e});import{Fragment as l0,jsx as i0,jsxs as s0}from"react/jsx-runtime";import{Fragment as u0,jsx as m0,jsxs as f0}from"react/jsx-runtime";import{Fragment as k0,jsx as N0,jsxs as g0}from"react/jsx-runtime";import{Fragment as S0,jsx as M0,jsxs as A0}from"react/jsx-runtime";import{jsx as ao,jsxs as jf}from"react/jsx-runtime";var Jf=me.options,Yf=me.states,vl={...me.defaultOptions,variant:"horizontal"},Qf=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],Zf=[{name:"scrollable",title:"Scrollable"},{name:"opened",title:"Opened"}],zo=e=>{let{variant:t,modifiers:o,...a}={...vl,...e},r={};return Object.keys(o\|\|{}).forEach(s=>{switch(s){case"scrollable":r.scrollable=!!o?.[s];break;case"opened":r.opened=!!o?.[s],r.popup=ao(U,{className:"k-menu-popup",children:jf(ve,{children:[ao(Z,{text:"Item 1"}),ao(Z,{text:"Item 2"}),ao(Do,{}),ao(Z,{text:"Item 3"})]})});break}}),t==="vertical"?ao(qn,{...a,...r,orientation:"vertical",style:{width:"200px"}}):ao(qn,{...a,...r})};zo.options=Jf;zo.states=Yf;zo.variants=Qf;zo.defaultOptions=vl;zo.modifiers=Zf;zo.className=me.className;import{Fragment as rD,jsx as oD,jsxs as aD}from"react/jsx-runtime";import{jsx as lD}from"react/jsx-runtime";import{Fragment as rb,jsx as kt,jsxs as Cl}from"react/jsx-runtime";var eb=d.states,Ll={...d.defaultOptions,variant:"text"},tb=d.options,ob=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],ab=[{name:"opened",title:"Opened"}],Fo=e=>{let{variant:t,modifiers:o,...a}={...Ll,...e},r={},s=kt(U,{className:"k-menu-popup",children:Cl(ve,{size:a.size,children:[kt(Z,{first:!0,text:"Menu Item"}),kt(Z,{text:"Menu Item"}),kt(Z,{last:!0,text:"Menu Item"})]})}),l;switch(t){case"icon-only":l=kt("div",{children:kt(X,{...a,...r,icon:"star"})});break;case"icon-and-text":l=kt("div",{children:kt(X,{...a,...r,icon:"star",children:"Dropdown Button"})});break;default:l=kt("div",{children:kt(X,{...a,...r,children:"Dropdown Button"})});break}return Cl(rb,{children:[l,o?.opened&&s]})};Fo.options=tb;Fo.states=eb;Fo.variants=ob;Fo.defaultOptions=Ll;Fo.modifiers=ab;Fo.className=X.className;var Wn="split-button",Ml=Wn;import{Fragment as sb,jsx as Jn,jsxs as Sl}from"react/jsx-runtime";var Yn="k-split-button",nb=[i.hover,i.focus,i.active,i.selected,i.disabled],ib={size:[c.undefined,c.small,c.medium,c.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[f.undefined,f.solid,f.flat,f.outline,f.clear,f.link],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary,h.success,h.warning,h.error,h.info,h.inverse]},Al={arrowIconName:"chevron-down"},_=e=>{let{size:t,rounded:o,fillMode:a,themeColor:r,hover:s,focus:l,active:p,selected:b,disabled:x,icon:N,text:k,arrowIconName:m=Al.arrowIconName,popup:L,opened:C,popupId:M,...E}=e;return Sl(sb,{children:[Sl("div",{...E,className:n(e.className,Yn,"k-button-group",I(Yn,{rounded:o})),children:[Jn(d,{text:k,icon:N,size:t,rounded:o,fillMode:a,themeColor:r,hover:s,focus:l,active:p,selected:b,disabled:x,...!k&&!e.children&&N&&{"aria-label":"Action"},children:e.children}),Jn(d,{className:"k-split-button-arrow",icon:m,size:t,rounded:o,fillMode:a,disabled:x,"aria-label":"Toggle dropdown","aria-expanded":C?"true":"false","aria-controls":C?M:void 0,tabIndex:-1,...x&&{"aria-disabled":"true"}})]}),C&&L&&Jn(U,{className:"k-menu-popup",children:L})]})};_.states=nb;_.options=ib;_.className=Yn;_.defaultOptions=Al;_.moduleName=Wn;_.folderName=Ml;_.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 Qn=_;import{jsx as db}from"react/jsx-runtime";var lb="k-toolbar-separator",pt=e=>db("div",{className:n(lb,e.className,"k-separator")});var St="toolbar",Ft=St;import{Fragment as Zn,jsx as H,jsxs as Uo}from"react/jsx-runtime";var At="k-toolbar",cb=[i.focus],pb={size:[c.undefined,c.small,c.medium,c.large],fillMode:[f.undefined,f.solid,f.outline,f.flat]},mb={scrollButtons:"around"},R=e=>{let{size:t,fillMode:o,focus:a,resizable:r,scrollable:s,scrollButtons:l,scrollingPosition:p,section:b,...x}=e,N=[],k=(m,L)=>{let C=[];if(m.type===d&&m.props.className&&m.props.className.includes("k-toolbar-overflow-button"))C.push(H(d,{...m.props,className:`${m.props.className?m.props.className:""}`},`${L}-${new Date().getTime()}`));else if(m.type===d)C.push(H(d,{...m.props,className:`k-toolbar-button ${m.props.className?m.props.className:""}`},`${L}-${new Date().getTime()}`));else if(m.type===F)C.push(H(F,{...m.props,className:`k-toolbar-button ${m.props.className?m.props.className:""}`},`${L}-${new Date().getTime()}`));else if(m.type===V)C.push(H(V,{...m.props,className:`k-toolbar-button ${m.props.className?m.props.className:""}`},`${L}-${new Date().getTime()}`));else if(m.type===X)C.push(H(X,{...m.props,className:`k-toolbar-menu-button ${m.props.className?m.props.className:""}`},`${L}-${new Date().getTime()}`));else if(m.type===Qn)C.push(H(Qn,{...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 M=[];(Array.isArray(m.props.children)?m.props.children:[m.props.children]).forEach((A,w)=>{M.push(H(d,{...A.props,className:`${A.props.className?A.props.className:""}`},`${w}-${new Date().getTime()}`))}),C.push(H(B,{...m.props,className:`k-toolbar-button-group ${m.props.className?m.props.className:""}`,children:M},`${L}-${new Date().getTime()}`))}else m.type===ke?C.push(H(ke,{...m.props,className:`k-toolbar-combobox ${m.props.className?m.props.className:""}`},`${L}-${new Date().getTime()}`)):m.type===ie?C.push(H(ie,{...m.props,className:`k-toolbar-dropdownlist ${m.props.className?m.props.className:""}`},`${L}-${new Date().getTime()}`)):m.type===Ue?C.push(H(Ue,{...m.props,className:`k-toolbar-colorpicker ${m.props.className?m.props.className:""}`},`${L}-${new Date().getTime()}`)):C.push(m);C.forEach(M=>{N.push(M)})};return e.children&&(Array.isArray(e.children)?e.children:[e.children]).forEach((L,C)=>{k(L,C)}),Uo("div",{...x,className:n(e.className,At,I(At,{size:t,fillMode:o}),S(At,{focus:a}),{[`${At}-resizable`]:r,[`${At}-scrollable`]:s,[`${At}-scrollable-overlay`]:s&&l==="hidden",[`${At}-scrollable-${p}`]:p&&p!=="both",[`${At}-section`]:b}),role:"toolbar","aria-label":"Toolbar",children:[!s&&N,s&&l==="hidden"&&H("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N}),s&&l==="start"&&Uo(Zn,{children:[Uo(B,{children:[H("span",{className:n("k-toolbar-prev","k-button",I("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:H(v,{className:"k-button-icon",icon:"chevron-left"})}),H("span",{className:n("k-toolbar-next","k-button",I("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:H(v,{className:"k-button-icon",icon:"chevron-right"})})]}),H(pt,{className:"k-toolbar-button-separator"}),H("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N})]}),s&&l==="end"&&Uo(Zn,{children:[H("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N}),H(pt,{className:"k-toolbar-button-separator"}),Uo(B,{children:[H("span",{className:n("k-toolbar-prev","k-button",I("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:H(v,{className:"k-button-icon",icon:"chevron-left"})}),H("span",{className:n("k-toolbar-next","k-button",I("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:H(v,{className:"k-button-icon",icon:"chevron-right"})})]})]}),s&&(l==="around"\|\|!l)&&Uo(Zn,{children:[H("span",{className:n("k-toolbar-prev","k-button",I("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:H(v,{className:"k-button-icon",icon:"chevron-left"})}),H(pt,{className:"k-toolbar-button-separator"}),H("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N}),H(pt,{className:"k-toolbar-button-separator"}),H("span",{className:n("k-toolbar-next","k-button",I("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:H(v,{className:"k-button-icon",icon:"chevron-right"})})]})]})};R.states=cb;R.options=pb;R.className=At;R.defaultOptions=mb;R.moduleName=St;R.folderName=Ft;R.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."}]};import{jsx as hb}from"react/jsx-runtime";var Il="k-floating-toolbar",ub=[],fb={},bb={},Go=e=>{let{...t}=e;return hb("div",{...t,className:n(e.className,Il),children:e.children})};Go.states=ub;Go.options=fb;Go.className=Il;Go.defaultOptions=bb;Go.moduleName=St;Go.folderName=Ft;import{jsx as gb}from"react/jsx-runtime";var jn="k-toolbar-item",xb=[i.focus],Nb={},kb={},Vo=e=>{let{focus:t,...o}=e;return gb("div",{...o,className:n(e.className,jn,S(jn,{focus:t})),children:e.children})};Vo.states=xb;Vo.options=Nb;Vo.className=jn;Vo.defaultOptions=kb;Vo.moduleName=St;Vo.folderName=Ft;import{jsx as Tl}from"react/jsx-runtime";var yl="k-toolbar-popup",vb=[],Cb={size:[c.undefined,c.small,c.medium,c.large],fillMode:[f.undefined,f.solid,f.outline,f.flat]},Lb={},ro=e=>{let{size:t,fillMode:o,section:a,...r}=e;return Tl(U,{...r,className:n(e.className,yl),children:a?Tl("span",{className:n("k-toolbar-items-list",I("k-toolbar-items-list",{size:t,fillMode:o})),role:"toolbar",children:e.children}):e.children})};ro.states=vb;ro.options=Cb;ro.className=yl;ro.defaultOptions=Lb;ro.moduleName=St;ro.folderName=Ft;var fr=ro;import{jsx as pH}from"react/jsx-runtime";import{jsx as bH}from"react/jsx-runtime";import{jsx as kH}from"react/jsx-runtime";import{jsx as SH,jsxs as AH}from"react/jsx-runtime";import{jsx as EH}from"react/jsx-runtime";import{jsx as It,jsxs as Tb}from"react/jsx-runtime";var Mb=_.states,El={..._.defaultOptions,variant:"text"},Sb=_.options,Ab=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Ib=[{name:"opened",title:"Opened"}],$o=e=>{let{variant:t,modifiers:o,...a}={...El,...e},r={},s=Tb(ve,{size:a.size,children:[It(Z,{first:!0,text:"Menu Item"}),It(Z,{text:"Menu Item"}),It(Z,{last:!0,text:"Menu Item"})]});switch(Object.keys(o\|\|{}).forEach(l=>{l==="opened"&&(r.opened=!!o?.[l],r.popup=o?.[l]?s:"")}),t){case"icon-only":return It("div",{children:It(_,{...a,...r,icon:"star"})});case"icon-and-text":return It("div",{children:It(_,{...a,...r,icon:"star",children:"Split Button"})});default:return It("div",{children:It(_,{...a,...r,children:"Split Button"})})}};$o.options=Sb;$o.states=Mb;$o.variants=Ab;$o.defaultOptions=El;$o.modifiers=Ib;$o.className=_.className;import{jsx as no,jsxs as yb}from"react/jsx-runtime";var Ol=e=>no(R,{children:[no(d,{children:"Button"},"toolbar-button"),no(X,{text:"Menu button"},"toolbar-menu-button"),no(_,{children:"Split button"},"toolbar-split-button"),yb(B,{children:[no(d,{className:"k-group-start",icon:"align-left",children:"Left"}),no(d,{icon:"align-center",children:"Center"}),no(d,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});import{jsx as n1,jsxs as i1}from"react/jsx-runtime";import{jsx as $e,jsxs as Bl}from"react/jsx-runtime";var Pl=e=>$e(R,{scrollable:!0,...e,children:[$e(d,{children:"Button"},"toolbar-button"),$e(X,{text:"Menu button"},"toolbar-menu-button"),$e(_,{children:"Split button"},"toolbar-split-button"),Bl(B,{children:[$e(d,{className:"k-group-start",icon:"align-left",children:"Left"}),$e(d,{icon:"align-center",children:"Center"}),$e(d,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),$e(d,{children:"Button"},"toolbar-button"),$e(X,{text:"Menu button"},"toolbar-menu-button"),$e(_,{children:"Split button"},"toolbar-split-button"),Bl(B,{children:[$e(d,{className:"k-group-start",icon:"align-left",children:"Left"}),$e(d,{icon:"align-center",children:"Center"}),$e(d,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});import{jsx as Xe,jsxs as wl}from"react/jsx-runtime";var Rl=({scrollingPosition:e="start",...t})=>Xe(R,{scrollable:!0,scrollButtons:"hidden",scrollingPosition:e,...t,children:[Xe(d,{children:"Button"},"toolbar-button"),Xe(X,{text:"Menu button"},"toolbar-menu-button"),Xe(_,{children:"Split button"},"toolbar-split-button"),wl(B,{children:[Xe(d,{className:"k-group-start",icon:"align-left",children:"Left"}),Xe(d,{icon:"align-center",children:"Center"}),Xe(d,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),Xe(d,{children:"Button"},"toolbar-button"),Xe(X,{text:"Menu button"},"toolbar-menu-button"),Xe(_,{children:"Split button"},"toolbar-split-button"),wl(B,{children:[Xe(d,{className:"k-group-start",icon:"align-left",children:"Left"}),Xe(d,{icon:"align-center",children:"Center"}),Xe(d,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...t});import{Fragment as Eb,jsx as He,jsxs as br}from"react/jsx-runtime";var Kl=({fillMode:e,size:t,...o})=>br(Eb,{children:[He(R,{section:!0,fillMode:e,size:t,children:[He(d,{fillMode:e,size:t,children:"Button"},"toolbar-button"),br(B,{fillMode:e,children:[He(d,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),He(d,{icon:"align-center",fillMode:e,size:t,children:"Center"}),He(d,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group"),He(pt,{className:"k-toolbar-button-separator"}),He(d,{icon:"more-horizontal",className:"k-toolbar-overflow-button",fillMode:"flat",size:t,rounded:"none","aria-label":"More options","aria-expanded":"false"})],...o}),br(fr,{size:t,fillMode:e,section:!0,...o,children:[He(_,{fillMode:e,size:t,children:"Split button"},"toolbar-split-button"),He(d,{fillMode:e,size:t,children:"Button"},"toolbar-button"),He(pt,{}),He(X,{text:"Menu button",fillMode:e,size:t},"toolbar-menu-button"),br(B,{fillMode:e,children:[He(d,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),He(d,{icon:"align-center",fillMode:e,size:t,children:"Center"}),He(d,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group")]})]});import{Fragment as H1,jsx as _1,jsxs as D1}from"react/jsx-runtime";import{Fragment as Y1,jsx as W1,jsxs as J1}from"react/jsx-runtime";import{jsx as Ut}from"react/jsx-runtime";var Ob=R.options,Bb=R.states,_l={...R.defaultOptions,variant:"default"},Pb=[{name:"default",title:"Default"},{name:"scrollable",title:"Scrollable"},{name:"overlay",title:"Overlay"},{name:"responsive",title:"Responsive"}],wb=[],Xo=e=>{let{variant:t,...o}={..._l,...e};switch(t){case"responsive":return Ut("div",{children:Ut(Kl,{style:{width:"583px"},...o})});case"overlay":return Ut("div",{children:Ut(Rl,{style:{width:"583px"},...o,scrollingPosition:"start",scrollButtons:"hidden"})});case"scrollable":return Ut("div",{children:Ut(Pl,{style:{width:"583px"},...o})});default:return Ut("div",{children:Ut(Ol,{style:{width:"583px"},...o})})}};Xo.options=Ob;Xo.states=Bb;Xo.variants=Pb;Xo.defaultOptions=_l;Xo.modifiers=wb;Xo.className=R.className;var ei="prompt",Dl=ei;import{Fragment as Db,jsx as Hl}from"react/jsx-runtime";var zl="k-prompt",Rb=[],Kb={},_b={},W=e=>{let{...t}=e;return Hl("div",{...t,className:n(e.className,zl),children:Hl(Db,{children:e.children})})};W.states=Rb;W.options=Kb;W.className=zl;W.defaultOptions=_b;W.moduleName=ei;W.folderName=Dl;W.ariaSpec={selector:".k-prompt",rules:[{selector:".k-input-prefix > .k-button",attribute:"role=button or nodeName=button",usage:"The buttons must have appropriate role."},{selector:".k-input-prefix > .k-button",attribute:"aria-label or title",usage:"The buttons must be properly labelled."},{selector:".k-input-suffix > .k-button",attribute:"role=button or nodeName=button",usage:"The buttons must have appropriate role."},{selector:".k-input-suffix > .k-button",attribute:"aria-label or title",usage:"The buttons must be properly labelled."},{selector:".k-input-suffix > .k-prompt-send.k-disabled",attribute:"disabled",usage:"Announces send action as disabled if necessary."},{selector:".k-prompt-expander .k-button",attribute:"aria-controls (when present)",usage:"Points to the controlled element based on the given id."},{selector:".k-prompt-expander .k-button",attribute:"aria-expanded",usage:"Indicates the expanded state of the prompt expander content."},{selector:".k-prompt-expander .k-suggestion-group",attribute:"role=group",usage:"Indicates that the suggestion container element is a group."},{selector:".k-prompt-expander .k-suggestion",attribute:"role=button",usage:"Indicates that the suggestion element is a button."},{selector:".k-prompt-expander .k-suggestion",attribute:"aria-label or title",usage:"The suggestion elements must be properly labelled."},{selector:".k-prompt-expander .k-suggestion",attribute:"tabindex=0",usage:"The suggestion element should be focusable."}]};import{jsx as zb}from"react/jsx-runtime";var Hb="k-prompt-header",mt=e=>{let{...t}=e;return zb("div",{...t,className:n(e.className,Hb),children:e.children})};import{Fragment as Ub,jsx as Fl}from"react/jsx-runtime";var Fb="k-prompt-content",qe=e=>{let{...t}=e;return Fl("div",{...t,className:n(e.className,Fb),children:Fl(Ub,{children:e.children})})};import{jsx as Vb}from"react/jsx-runtime";var Gb="k-prompt-view",We=e=>{let{...t}=e;return Vb("div",{...t,className:n(e.className,Gb),children:e.children})};import{jsx as Ul,jsxs as Xb}from"react/jsx-runtime";var $b="k-prompt-expander",hr=e=>{let{title:t,children:o,expanded:a,...r}=e,s=T("prompt-expander-content");return Xb("div",{...r,className:n(e.className,$b),children:[Ul(F,{fillMode:"flat",icon:a?"chevron-up":"chevron-down","aria-expanded":a?"true":"false","aria-controls":a?s:void 0,children:t}),a&&Ul("div",{className:"k-prompt-expander-content",id:s,children:o})]})};import{jsx as Wb}from"react/jsx-runtime";var qb="k-prompt-footer",io=e=>{let{...t}=e;return Wb("div",{...t,className:n(e.className,qb),children:e.children})};import{jsx as G2}from"react/jsx-runtime";import{jsx as Jb}from"react/jsx-runtime";var Gl="k-prompt-send",Vl={generating:!1},qo=e=>{let{generating:t=Vl.generating,...o}=e;return Jb(d,{...o,className:n(e.className,Gl,{"k-generating":t}),icon:t?"stop-sm":"paper-plane",active:t,fillMode:"flat","aria-label":t?"Stop generating":"Send prompt"})};qo.states=d.states;qo.options=d.options;qo.className=Gl;qo.defaultOptions=Vl;import{jsx as $l,jsxs as eh}from"react/jsx-runtime";var xr="k-fab",Zb=[i.hover,i.focus,i.active,i.selected,i.disabled],jb={size:[c.undefined,c.small,c.medium,c.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary]},Xl={type:"button"},ae=e=>{let{size:t,rounded:o,themeColor:a,text:r,icon:s,type:l=Xl.type,position:p,hover:b,focus:x,active:N,selected:k,disabled:m,...L}=e;return eh("button",{...L,type:l,className:n(e.className,xr,I(xr,{size:t,rounded:o,themeColor:a}),S(xr,{hover:b,focus:x,active:N,disabled:m,selected:k}),{[`!k-pos-absolute k-${p}`]:p}),...!r&&s&&!e["aria-label"]&&{"aria-label":"Action"},...m&&{"aria-disabled":"true"},disabled:m\|\|void 0,children:[s&&$l(v,{className:"k-fab-icon",icon:s}),r&&$l("span",{className:"k-fab-text",children:r})]})};ae.states=Zb;ae.options=jb;ae.className=xr;ae.defaultOptions=Xl;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."}]};import{jsx as oh}from"react/jsx-runtime";var th="k-fab-items",ql=e=>{let{position:t,...o}=e;return oh("ul",{...o,className:n(e.className,th,{[`k-fab-items-${t}`]:t}),children:e.children})};import{jsx as Jl,jsxs as rh}from"react/jsx-runtime";var Wl="k-fab-item",ah=[i.hover,i.focus,i.active,i.disabled],ti=e=>{let{text:t,icon:o,align:a,hover:r,focus:s,active:l,disabled:p,...b}=e;return rh("li",{...b,className:n(e.className,Wl,{[`k-text-${a}`]:a},S(Wl,{hover:r,focus:s,active:l,disabled:p})),children:[Jl("span",{className:"k-fab-item-text",children:t}),Jl(v,{className:"k-fab-item-icon",icon:o})]})};ti.states=ah;import{jsx as mz}from"react/jsx-runtime";import{jsx as hz}from"react/jsx-runtime";import{jsx as gz}from"react/jsx-runtime";import{jsx as Mz}from"react/jsx-runtime";import{jsx as Wo,jsxs as ch}from"react/jsx-runtime";var nh=ae.options,ih=ae.states,sh={...ae.defaultOptions,variant:"text"},lh=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],dh=[{name:"opened",title:"Opened"}],Jo=e=>{let{variant:t,modifiers:o,...a}=e,{opened:r}=o\|\|{},s=r?Wo("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:Wo(ql,{position:"bottom",children:Wo(ti,{text:"Item",icon:"pencil",align:"right"})})}):null,l;switch(t){case"icon-only":l=Wo(ae,{...a,icon:"star"});break;case"icon-and-text":l=Wo(ae,{...a,icon:"star",text:"Action"});break;default:l=Wo(ae,{...a,text:"Action"});break}return ch("span",{style:{position:"relative"},children:[l,s]})};Jo.options=nh;Jo.states=ih;Jo.variants=lh;Jo.defaultOptions=sh;Jo.modifiers=dh;Jo.className=ae.className;import{jsx as ph}from"react/jsx-runtime";var Yl="k-prompt-stop-fab",Ql={generating:!0},so=e=>{let{generating:t=Ql.generating,icon:o,...a}=e;return ph(ae,{...a,className:n(e.className,Yl,{"k-generating":t}),style:{bottom:"16px",right:"16px"},position:"bottom-end",icon:t?"stop-sm":o,active:t,"aria-label":t?"Stop generating":"Action"})};so.states=d.states;so.options=d.options;so.className=Yl;so.defaultOptions=Ql;var oi="speech-to-text-button",Zl=oi;import{jsx as mh}from"react/jsx-runtime";var jl="k-speech-to-text-button",ed={icon:"microphone"},re=e=>{let{listening:t=!1,icon:o=ed.icon,...a}=e;return mh(d,{...a,icon:t?"stop":o,className:n(e.className,jl,{"k-listening":t}),"aria-pressed":t?"true":"false","aria-label":t?"Stop listening":"Start listening"})};re.states=d.states;re.options=d.options;re.className=jl;re.defaultOptions=ed;re.moduleName=oi;re.folderName=Zl;re.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."}]};import{jsx as s3}from"react/jsx-runtime";import{jsx as p3}from"react/jsx-runtime";import{jsx as xh}from"react/jsx-runtime";var uh=d.states,td={...d.defaultOptions,variant:"normal"},fh={...d.options,fillMode:d.options.fillMode.filter(e=>e!=="clear"&&e!=="link")},bh=[],hh=[{name:"normal",title:"Normal"},{name:"listening",title:"Listening"}],Yo=e=>{let{variant:t,...o}={...td,...e},a={};return t==="listening"&&(a.listening=!0),xh(re,{...o,...a})};Yo.options=fh;Yo.states=uh;Yo.variants=hh;Yo.defaultOptions=td;Yo.modifiers=bh;Yo.className=re.className;var ai="textarea",od=ai;import{Fragment as ad,jsx as Ra,jsxs as ri}from"react/jsx-runtime";var rd="k-textarea",Nh=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled],kh={size:[c.undefined,c.small,c.medium,c.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[f.undefined,f.solid,f.flat,f.outline]},Qo={flow:"vertical",affixesOrientation:"horizontal",resize:"both",prefixSeparator:!0,suffixSeparator:!0},Y=e=>{let{size:t,rounded:o,fillMode:a,prefixSeparator:r=Qo.prefixSeparator,suffixSeparator:s=Qo.prefixSeparator,affixesOrientation:l=Qo.affixesOrientation,flow:p=Qo.flow,resize:b=Qo.resize,prefix:x,suffix:N,rows:k,value:m,placeholder:L,hover:C,focus:M,valid:E,invalid:A,required:w,disabled:J,id:ce,"aria-label":ue,"aria-describedby":fe,...Ce}=e;return ri(Q,{...Ce,size:t,rounded:o,fillMode:a,hover:C,focus:M,valid:E,invalid:A,required:w,disabled:J,className:n(e.className,rd,{"!k-flex-col":p==="vertical","!k-flex-row":p==="horizontal"}),children:[x&&ri(ad,{children:[Ra(_e,{className:n({"!k-align-items-start":p===l}),direction:l,children:x}),r&&Ra(Me,{direction:p==="horizontal"?"vertical":"horizontal"})]}),Ra(ka,{className:n("!k-overflow-auto",{"!k-flex-none":p==="vertical","k-resize-x":b==="x","k-resize-y":b==="y","k-resize":b==="both","k-resize-none":b==="none"}),value:m,placeholder:L,rows:k,disabled:J,id:ce,"aria-label":ue,"aria-describedby":fe,"aria-invalid":A?"true":void 0}),N&&ri(ad,{children:[s&&Ra(Me,{direction:p==="horizontal"?"vertical":"horizontal"}),Ra(De,{className:n({"!k-align-items-start":p===l}),direction:l,children:N})]})]})};Y.states=Nh;Y.options=kh;Y.className=rd;Y.defaultOptions=Qo;Y.moduleName=ai;Y.folderName=od;Y.ariaSpec={selector:".k-textarea",rules:[{selector:".k-textarea > .k-input-inner",attribute:"role=textbox or nodeName=textarea",usage:"Describes the role of the component."},{selector:".k-textarea > .k-input-inner",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"The textarea requires an accessible name (provided by consuming app)."},{selector:".k-textarea > .k-input-inner",attribute:"aria-multiline=true (when role=textbox)",usage:"Required on role=textbox to indicate multi-line behavior. Implicit on native <textarea>, so not needed there."},{selector:".k-textarea > .k-input-inner",attribute:"aria-invalid=true (when invalid)",usage:"Rendered only when the TextArea is in a form and announces the invalid state."},{selector:".k-textarea > .k-input-inner",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message for the textarea."},{selector:".k-textarea.k-disabled > .k-input-inner",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered only when the TextArea is disabled."}]};import{jsx as O3}from"react/jsx-runtime";import{Fragment as _3,jsx as K3}from"react/jsx-runtime";import{Fragment as G3,jsx as U3}from"react/jsx-runtime";import{jsx as q3}from"react/jsx-runtime";import{jsx as Nr}from"react/jsx-runtime";var gh=Y.options,vh=Y.states,nd={...Y.defaultOptions,variant:"vertical"},Ch=[{name:"vertical",title:"Flow vertical"},{name:"horizontal",title:"Flow horizontal"}],Lh=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"}],Zo=e=>{let{variant:t,modifiers:o,...a}={...nd,...e},r={resize:"y"};return Object.keys(o\|\|{}).forEach(s=>{switch(s){case"prefix":r.prefix=o?.[s]?Nr(v,{icon:"comment"}):void 0;break;case"suffix":r.suffix=o?.[s]?Nr(v,{icon:"volume-up"}):void 0;break;default:break}}),t==="horizontal"?Nr(Y,{flow:"horizontal",placeholder:"Enter text...",style:{width:300},...a,...r}):Nr(Y,{flow:"vertical",placeholder:"Enter text...",style:{width:300},...a,...r})};Zo.options=gh;Zo.states=vh;Zo.variants=Ch;Zo.defaultOptions=nd;Zo.modifiers=Lh;Zo.className=Y.className;import{Fragment as h5,jsx as f5,jsxs as b5}from"react/jsx-runtime";var ii="suggestion",id=ii;import{jsx as kr,jsxs as Ah}from"react/jsx-runtime";var gr="k-suggestion-group",Mh=[],Sh={},sd={layout:"scrollable",scrollingPosition:"start"},st=e=>{let{layout:t=sd.layout,scrollingPosition:o,...a}=e,r=kr("div",{...a,className:n(gr,{"k-suggestion-group-scrollable":t=="scrollable",[`${gr}-scrollable-start`]:o==="start"\|\|o==="both",[`${gr}-scrollable-end`]:o==="end"\|\|o==="both"},e.className),role:"group",children:t==="scrollable"\|\|t==="scrollButtons"?kr("div",{className:"k-suggestions-scroll",children:e.children}):e.children});return t=="scrollButtons"?Ah("div",{className:"k-suggestion-scrollwrap",children:[kr(d,{fillMode:"flat",icon:"chevron-left",size:"xsmall","aria-label":"Scroll left"}),r,kr(d,{fillMode:"flat",icon:"chevron-right",size:"xsmall","aria-label":"Scroll right"})]}):r};st.states=Mh;st.options=Sh;st.className=gr;st.defaultOptions=sd;st.moduleName=ii;st.folderName=id;import{jsx as Eh}from"react/jsx-runtime";var vr="k-suggestion",Ih=[i.active,i.hover,i.focus],Th={themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary]},yh={text:"Suggestion"},ut=e=>{let{themeColor:t,active:o,hover:a,focus:r,text:s,...l}=e;return Eh("span",{...l,className:n(e.className,vr,S(vr,{hover:a,active:o,focus:r}),I(vr,{themeColor:t})),role:"button",tabIndex:0,"aria-label":s,children:s})};ut.states=Ih;ut.options=Th;ut.className=vr;ut.item=yh;import{Fragment as E5,jsx as y5,jsxs as O5}from"react/jsx-runtime";import{Fragment as K5,jsx as R5,jsxs as _5}from"react/jsx-runtime";import{Fragment as U5,jsx as F5,jsxs as G5}from"react/jsx-runtime";import{Fragment as sF,jsx as nF,jsxs as iF}from"react/jsx-runtime";import{jsx as Cr}from"react/jsx-runtime";var Oh="k-chip-action";var Tt=e=>{let{type:t,...o}=e,a;switch(t){case"remove":a=Cr(v,{icon:"x-circle",size:"small"});break;case"more":a=Cr(v,{icon:"more-vertical",size:"small"});break;default:return Cr(v,{icon:t,size:"small"})}return Cr("span",{...o,className:n(e.className,Oh,`k-chip-${t}-action`),children:a})};var si="avatar",ld=si;import{jsx as dd}from"react/jsx-runtime";var Ka="k-avatar";var Bh=[i.hover,i.focus,i.active,i.selected,i.disabled],Ph={size:[c.undefined,c.small,c.medium,c.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[f.undefined,f.solid,f.outline],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary]},li={type:"text",border:!1},Ee=e=>{let{size:t,rounded:o,fillMode:a,themeColor:r,type:s=li.type,border:l=li.border,...p}=e;return dd("div",{...p,className:n(e.className,Ka,I(Ka,{size:t,rounded:o,fillMode:a,themeColor:r}),{[`${Ka}-bordered`]:l}),children:dd("span",{className:`${Ka}-${s}`,children:e.children})})};Ee.states=Bh;Ee.options=Ph;Ee.className=Ka;Ee.defaultOptions=li;Ee.moduleName=si;Ee.folderName=ld;Ee.ariaSpec={selector:".k-avatar",rules:[{selector:".k-avatar img",attribute:"alt",usage:"Images inside Avatar must have alt text for screen readers."}]};var lo=Ee;import{jsx as wh}from"react/jsx-runtime";var cd=e=>wh(lo,{type:"icon",...e});import{jsx as Rh}from"react/jsx-runtime";var pd=e=>Rh(lo,{type:"text",...e});import{jsx as Kh}from"react/jsx-runtime";var md=e=>Kh(lo,{type:"image",...e});import{jsx as yF}from"react/jsx-runtime";import{jsx as _a}from"react/jsx-runtime";var _h=Ee.options,Dh=Ee.states,Hh={...Ee.defaultOptions,variant:"image"},zh=[{name:"image",title:"Image"},{name:"icon",title:"Icon Avatar"},{name:"text",title:"Text Avatar"}],Fh=[],jo=e=>{let{variant:t,...o}=e;switch(t){case"icon":return _a(cd,{...o,children:_a(v,{icon:"star"})});case"text":return _a(pd,{...o,children:"JO"});default:return _a(md,{...o,children:_a("img",{src:"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg"})})}};jo.options=_h;jo.states=Dh;jo.variants=zh;jo.defaultOptions=Hh;jo.modifiers=Fh;jo.className=Ee.className;var Da="chip",Lr=Da;import{jsx as ea,jsxs as Vh}from"react/jsx-runtime";var Mr="k-chip",Uh=[i.hover,i.focus,i.active,i.selected,i.disabled],Gh={size:[c.undefined,c.small,c.medium,c.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[f.undefined,f.solid,f.outline],themeColor:[h.undefined,h.base,h.success,h.warning,h.error,h.info]},ud={avatarImage:"/packages/html/assets/avatar.jpg"},Oe=e=>{let{size:t,rounded:o,fillMode:a,themeColor:r,text:s,icon:l,actions:p,showAvatar:b,avatarImage:x=ud.avatarImage,hover:N,focus:k,active:m,selected:L,disabled:C,...M}=e;return Vh("div",{...M,className:n(e.className,Mr,I(Mr,{size:t,rounded:o,fillMode:a,themeColor:r}),S(Mr,{hover:N,focus:k,active:m,disabled:C,selected:L})),role:e.role\|\|"button","aria-pressed":e.role==="option"?void 0:L?"true":"false",...e.role==="option"&&L!==void 0&&{"aria-selected":L?"true":"false"},"aria-disabled":C?"true":void 0,children:[l&&ea(v,{className:"k-chip-icon",icon:l,size:"small"}),b&&ea(Ee,{className:"k-chip-avatar",type:"image",children:ea("img",{src:x,alt:""})}),ea("span",{className:"k-chip-content",children:e.children?e.children:s&&ea("span",{className:"k-chip-label",children:s})}),p&&ea("span",{className:"k-chip-actions",children:p})]})};Oe.states=Uh;Oe.options=Gh;Oe.className=Mr;Oe.defaultOptions=ud;Oe.moduleName=Da;Oe.folderName=Lr;Oe.ariaSpec={selector:".k-chip",rules:[{selector:":not(.k-chip-list) > .k-chip",attribute:"role=button",usage:"Announces that the chip acts as a button when standalone."},{selector:":not(.k-chip-list) > .k-chip.k-selected",attribute:"aria-pressed=true",usage:"Announces that the Chip has been selected."},{selector:"*:not(.k-chip-list) > .k-chip:not(.k-selected)",attribute:"aria-pressed=false",usage:"Announces that the Chip has not been selected."},{selector:".k-chip",attribute:"aria-disabled=true (when disabled)",usage:"Announces that the Chip is disabled."}]};var lt=Oe;import{jsx as Wh}from"react/jsx-runtime";var di="k-chip-list",$h=[],Xh={size:[c.undefined,c.small,c.medium,c.large]},qh={},xe=e=>{let{size:t,multiselectable:o,ariaLabel:a,...r}=e;return Wh("div",{...r,className:n(e.className,di,I(di,{size:t})),role:e.role\|\|"listbox","aria-label":e.role==="none"?void 0:a\|\|"chip list","aria-orientation":e.role==="none"?void 0:"horizontal","aria-multiselectable":o?"true":void 0,children:e.children})};xe.states=$h;xe.options=Xh;xe.className=di;xe.defaultOptions=qh;xe.moduleName=Da;xe.folderName=Lr;xe.ariaSpec={selector:".k-chip-list",rules:[{selector:".k-chip-list",attribute:"role=listbox",usage:"Announces the list role of the chip list."},{selector:".k-chip-list",attribute:"aria-label or aria-labelledby",usage:"Adds label to the ChipList element. ListBox element requires an accessible name."},{selector:".k-chip-list",attribute:"aria-orientation=horizontal",usage:"Specifies the horizontal orientation of the chiplist."},{selector:".k-chip-list",attribute:"aria-multiselectable=true (when multiple selection)",usage:"Announces the multiple selection ability of the chiplist."},{selector:".k-chip-list .k-chip",attribute:"role=option",usage:"Announces the chip is an option inner component of the chip list."},{selector:".k-chip-list .k-chip.k-selected",attribute:"aria-selected=true",usage:"Announces the chip is selected."},{selector:".k-chip-list .k-chip:not(.k-selected)",attribute:"aria-selected=false",usage:"Announces the chip is not selected."},{selector:".k-chip-list .k-chip:has(.k-i-x-circle), .k-chip-list .k-chip:has(.k-svg-i-x-circle)",attribute:"aria-keyshortcuts=Enter Delete",usage:"Announces the Delete action along with the default Enter key."}]};import{jsx as nU}from"react/jsx-runtime";import{jsx as dU}from"react/jsx-runtime";import{jsx as Jh}from"react/jsx-runtime";var Sr=e=>Jh(lt,{text:"text",...e});import{jsx as xU}from"react/jsx-runtime";import{jsx as vU}from"react/jsx-runtime";import{Fragment as IU,jsx as AU,jsxs as TU}from"react/jsx-runtime";import{jsx as PU,jsxs as wU}from"react/jsx-runtime";import{jsx as HU,jsxs as zU}from"react/jsx-runtime";import{jsx as XU,jsxs as qU}from"react/jsx-runtime";import{jsx as ta,jsxs as tx}from"react/jsx-runtime";var Yh={...lt.options,...xe.options},Qh=[],Zh=xe.states,jh={...lt.defaultOptions,...xe.defaultOptions},ex=[{name:"icon",title:"Icon",type:"boolean"},{name:"actions",title:"Actions",type:"boolean"},{name:"avatar",title:"Avatar",type:"boolean"}],oa=e=>{let{modifiers:t,className:o,...a}=e,r=t?.icon,s=t?.actions,l=t?.avatar;return tx(xe,{size:a.size,className:o,children:[ta(Sr,{...a,role:"option","aria-selected":"false","aria-pressed":void 0,icon:r?"star":void 0,actions:s?ta(Tt,{type:"remove"}):void 0,showAvatar:l,children:"Chip"}),ta(Sr,{...a,role:"option","aria-selected":"false","aria-pressed":void 0,icon:r?"star":void 0,actions:s?ta(Tt,{type:"remove"}):void 0,showAvatar:l,children:"Chip"}),ta(Sr,{...a,role:"option","aria-selected":"false","aria-pressed":void 0,icon:r?"star":void 0,actions:s?ta(Tt,{type:"remove"}):void 0,showAvatar:l,children:"Chip"})]})};oa.options=Yh;oa.states=Zh;oa.variants=Qh;oa.defaultOptions=jh;oa.modifiers=ex;oa.className=xe.className;import{jsx as ci}from"react/jsx-runtime";var ox=Oe.states,ax=Oe.defaultOptions,rx=Oe.options,nx=[],ix=[{name:"icon",title:"Icon"},{name:"avatar",title:"Avatar"},{name:"remove-icon",title:"`Remove` Icon"},{name:"more-options",title:"`More options` Icon"}],aa=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(r=>{switch(r){case"icon":a.icon=t?.[r]?"arrow-down":void 0;break;case"avatar":a.showAvatar=!!t?.[r],a.avatarImage=t?.[r]?"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg":void 0;break;case"more-options":a.actions\|\|(a.actions=[]),a.actions[0]=t?.[r]?ci(Tt,{type:"more"}):void 0;break;case"remove-icon":a.actions\|\|(a.actions=[]),a.actions[1]=t?.[r]?ci(Tt,{type:"remove"}):void 0;break;default:break}}),ci(Oe,{...o,...a,children:"Chip component"})};aa.options=rx;aa.states=ox;aa.variants=nx;aa.defaultOptions=ax;aa.modifiers=ix;aa.className=Oe.className;import{Fragment as wG,jsx as BG,jsxs as PG}from"react/jsx-runtime";import{jsx as lx}from"react/jsx-runtime";var sx="k-card-callout",fd=e=>{let{callout:t,...o}=e;return lx("span",{...o,className:n(e.className,sx,{[`k-callout-${Ci.calloutMap[t]\|\|t}`]:t})})};var Je="card",dt=Je;import{Fragment as mx,jsx as bd,jsxs as ux}from"react/jsx-runtime";var pi="k-card",dx=[i.hover,i.focus,i.selected,i.disabled],cx={},px={},j=e=>{let{orientation:t,callout:o,hover:a,focus:r,selected:s,disabled:l,...p}=e;return ux("div",{...p,className:n(e.className,pi,S(pi,{hover:a,focus:r,disabled:l,selected:s}),{[`k-card-${t}`]:t,"k-card-with-callout":o}),children:[o&&o!=="true"&&bd(fd,{callout:o}),bd(mx,{children:e.children})]})};j.states=dx;j.options=cx;j.className=pi;j.defaultOptions=px;j.moduleName=Je;j.folderName=dt;j.ariaSpec={selector:".k-card",rules:[{selector:".k-card-list .k-card",attribute:"role=listitem",usage:"When the card is located in a list, it should have the listitem role."},{selector:".k-card-list .k-card",attribute:"tabindex=0",usage:"The card component is focusable when navigatable."},{selector:".k-card-list .k-card",attribute:"aria-describedby=.k-card-title id",usage:"Associate the card to the title element."},{selector:".k-card-list .k-card",attribute:"aria-keyshortcuts=Enter",usage:"Announces the bound Enter key that enables navigation inside the card."}]};import{Fragment as xx,jsx as hd}from"react/jsx-runtime";var mi="k-card-list",fx=[],bx={},hx={},Gt=e=>{let{...t}=e;return hd("div",{...t,className:n(e.className,mi,S(mi,{})),role:"list",children:hd(xx,{children:e.children})})};Gt.states=fx;Gt.options=bx;Gt.className=mi;Gt.defaultOptions=hx;Gt.moduleName=Je;Gt.folderName=dt;Gt.ariaSpec={selector:".k-card-list",rules:[{selector:".k-card-list",attribute:"role=list",usage:"The card list container announces its list role."},{selector:".k-card-list .k-card",attribute:"role=listitem",usage:"Each card in the list has the listitem role."},{selector:".k-card-list .k-card",attribute:"tabindex=0",usage:"The card is focusable when navigatable."},{selector:".k-card-list .k-card",attribute:"aria-describedby=.k-card-title id",usage:"Associate the card to its title element."},{selector:".k-card-list .k-card",attribute:"aria-keyshortcuts=Enter",usage:"Announces the Enter key for navigation inside the card."}]};import{jsx as vx}from"react/jsx-runtime";var xd="k-card-group",Nx=[],kx={},gx={},ra=e=>{let{...t}=e;return vx("div",{...t,className:n(e.className,xd),children:e.children})};ra.states=Nx;ra.options=kx;ra.className=xd;ra.defaultOptions=gx;ra.moduleName=Je;ra.folderName=dt;import{jsx as Sx}from"react/jsx-runtime";var ui="k-card-wrap",Cx=[i.focus,i.selected],Lx={},Mx={},na=e=>{let{focus:t,selected:o,...a}=e;return Sx("div",{...a,className:n(e.className,ui,S(ui,{focus:t,selected:o})),children:e.children})};na.states=Cx;na.options=Lx;na.className=ui;na.defaultOptions=Mx;na.moduleName=Je;na.folderName=dt;import{jsx as Ix}from"react/jsx-runtime";var fi="k-card-title",Ax=[i.hover,i.focus],co=e=>{let{hover:t,focus:o,...a}=e;return Ix("div",{...a,className:n(e.className,fi,S(fi,{hover:t,focus:o})),children:e.children})};co.states=Ax;co.className=fi;import{jsx as yx}from"react/jsx-runtime";var Tx="k-card-subtitle",Ar=e=>{let{...t}=e;return yx("div",{...t,className:n(e.className,Tx),children:e.children})};import{Fragment as kd,jsx as Ir}from"react/jsx-runtime";var Nd="k-card-media",bi=e=>{let{src:t,...o}=e;return Ir(kd,{children:t?Ir("img",{...o,className:n(e.className,Nd),src:t}):Ir("span",{...o,className:n(e.className,Nd),children:Ir(kd,{children:e.children})})})};import{Fragment as Ox,jsx as Ha,jsxs as Bx}from"react/jsx-runtime";var Ex="k-card-header",yt=e=>{let{title:t,subtitle:o,details:a,...r}=e;return Bx("div",{...r,className:n(e.className,Ex),children:[t&&Ha(co,{children:t}),o&&Ha(Ar,{children:o}),Ha(Ox,{children:e.children}),a&&Ha("span",{className:"k-card-header-actions",children:Ha(d,{className:"k-card-details",icon:"more-vertical",fillMode:"flat","aria-label":"Card details"})})]})};import{jsx as wx}from"react/jsx-runtime";var Px="k-card-footer",hi=e=>{let{...t}=e;return wx("div",{...t,className:n(e.className,Px),children:e.children})};import{Fragment as Kx,jsx as za,jsxs as _x}from"react/jsx-runtime";var Rx="k-card-body",Ye=e=>{let{title:t,subtitle:o,details:a,...r}=e;return _x("div",{...r,className:n(e.className,Rx),children:[t&&za(co,{children:t}),o&&za(Ar,{children:o}),za(Kx,{children:e.children}),a&&za("span",{className:"k-card-header-actions",children:za(d,{className:"k-card-details",icon:"more-vertical",fillMode:"flat","aria-label":"Card details"})})]})};import{jsx as Fx}from"react/jsx-runtime";var gd="k-card-deck",Dx=[],Hx={},zx={},ia=e=>{let{...t}=e;return Fx("div",{...t,className:n(e.className,gd),children:e.children})};ia.states=Dx;ia.options=Hx;ia.className=gd;ia.defaultOptions=zx;ia.moduleName=Je;ia.folderName=dt;import{jsx as $x}from"react/jsx-runtime";var vd="k-card-deck-scrollwrap",Ux=[],Gx={},Vx={},sa=e=>{let{...t}=e;return $x("div",{...t,className:n(e.className,vd),children:e.children})};sa.states=Ux;sa.options=Gx;sa.className=vd;sa.defaultOptions=Vx;sa.moduleName=Je;sa.folderName=dt;import{Fragment as Xx,jsx as la,jsxs as Cd}from"react/jsx-runtime";var Ld=e=>la(j,{orientation:"vertical",children:Cd(Xx,{children:[la(yt,{children:"Card Header"}),la(Ye,{children:la("p",{children:"Some quick example text to build on the card title and make up the bulk of the card's content."})}),Cd(z,{className:"k-card-actions",children:[la(d,{fillMode:"flat",themeColor:"primary",children:"Action 1"}),la(d,{fillMode:"flat",themeColor:"primary",children:"Action 2"})]})]}),...e});import{Fragment as qx,jsx as Fa,jsxs as Md}from"react/jsx-runtime";var Sd=e=>Fa(j,{orientation:"horizontal",children:Md(qx,{children:[Fa(Ye,{title:"Card Title",children:Fa("p",{children:"Some quick example text to build on the card title and make up the bulk of the card's content."})}),Md(z,{orientation:"vertical",className:"k-card-actions",children:[Fa(d,{fillMode:"flat",themeColor:"primary",children:"Action 1"}),Fa(d,{fillMode:"flat",themeColor:"primary",children:"Action 2"})]})]}),...e});import{jsx as Y9,jsxs as Q9}from"react/jsx-runtime";import{jsx as Be,jsxs as Ua}from"react/jsx-runtime";var Wx=j.options,Jx=j.states,Ad={...j.defaultOptions,variant:"vertical"},Yx=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],Qx=[{name:"media",title:"Card with Media"},{name:"header",title:"Card with Header"},{name:"footer",title:"Card with Footer"}],da=e=>{let{variant:t,modifiers:o,...a}={...Ad,...e},r=!1,s=!1,l=!1;return Object.keys(o\|\|{}).forEach(p=>{switch(p){case"media":{r=!!o?.[p];break}case"header":{s=!!o?.[p];break}case"footer":{l=!!o?.[p];break}}}),t==="horizontal"?Ua(Sd,{style:{maxWidth:"420px"},...a,children:[r&&Be(bi,{src:"https://demos.telerik.com/kendo-ui/content/web/cards/rome.jpg"}),Ua("div",{children:[s&&Be(yt,{title:"Header Title",subtitle:"Header Subtitle"}),Be(Ye,{title:"Title",subtitle:"Subtitle",children:Be("p",{children:"Some quick example text to build on the card title and make up the bulk of the card's content."})}),l&&Be(hi,{children:"Card Footer"})]}),(s\|\|l)&&Be("span",{className:"k-separator k-separator-vertical"}),Ua(z,{orientation:"vertical",alignment:"stretched",className:"k-card-actions",children:[Be(d,{fillMode:"flat",themeColor:"primary",children:"Button"}),Be(d,{fillMode:"flat",themeColor:"primary",children:"Button"})]})]}):Ua(Ld,{style:{maxHeight:"450px",width:"300px"},...a,children:[s&&Be(yt,{title:"Header Title",subtitle:"Header Subtitle"}),r&&Be(bi,{src:"https://demos.telerik.com/kendo-ui/content/web/cards/rome.jpg"}),Be(Ye,{title:"Title",subtitle:"Subtitle",children:Be("p",{children:"Some quick example text to build on the card title and make up the bulk of the card's content."})}),l&&Be(hi,{children:"Card Footer"}),Ua(z,{className:"k-card-actions",children:[Be(d,{fillMode:"flat",themeColor:"primary",children:"Button"}),Be(d,{fillMode:"flat",themeColor:"primary",children:"Button"})]})]})};da.options=Wx;da.states=Jx;da.variants=Yx;da.defaultOptions=Ad;da.modifiers=Qx;da.className=j.className;import{jsx as R6,jsxs as K6}from"react/jsx-runtime";var xi="panelbar",Id=xi;import{jsx as tN}from"react/jsx-runtime";var Td="k-panelbar",Zx=[],jx={},eN={},Ne=e=>{let{activeDescendant:t,...o}=e;return tN("ul",{...o,className:n(e.className,Td),role:"tree","aria-activedescendant":t,children:e.children})};Ne.states=Zx;Ne.options=jx;Ne.className=Td;Ne.defaultOptions=eN;Ne.moduleName=xi;Ne.folderName=Id;Ne.ariaSpec={selector:".k-panelbar",rules:[{selector:".k-panelbar",attribute:"role=tree",usage:"The root element of the PanelBar has role tree."},{selector:".k-panelbar",attribute:"aria-activedescendant (when present)",usage:"Points to the currently focused item in the PanelBar."},{selector:".k-panelbar-group",attribute:"role=group",usage:"The ul element that wraps child nodes."},{selector:".k-panelbar-item:not(.k-expanded) > .k-panelbar-group",attribute:"aria-hidden=true",usage:"Hides the group element from assistive technologies when its parent is not expanded."},{selector:".k-panelbar-item",attribute:"role=treeitem",usage:"The li element rendered for a PanelBar item."},{selector:".k-panelbar-item",attribute:"aria-expanded=true/false",usage:"Announces the expanded state of the item (if expandable)."},{selector:".k-panelbar-item",attribute:"aria-selected=true/false",usage:"Announces the selected state of the item."}]};import Ni from"react";import{jsx as Tr,jsxs as yd}from"react/jsx-runtime";var Ed="k-panelbar-item",oN=[i.hover,i.focus,i.selected,i.disabled],aN={},yr={level:0,expanded:!1,text:"Item"},y=e=>{let{text:t=yr.text,level:o=yr.level,expanded:a=yr.expanded,header:r,hover:s,focus:l,selected:p,disabled:b,icon:x,iconClass:N,ariaSelected:k,children:m,...L}=e,C=!!m;return yd("li",{...L,className:n(e.className,Ed,{"k-panelbar-header":r,[`k-level-${o}`]:o\|\|o===0,"k-expanded":a}),role:"treeitem","aria-expanded":C?a?"true":"false":void 0,"aria-selected":k?"true":"false","aria-disabled":b?"true":void 0,children:[yd("span",{className:n("k-link",S("k-link",{hover:s,focus:l,disabled:b,selected:p})),children:[x&&Tr(v,{className:"k-panelbar-item-icon",icon:x}),N&&!x&&Tr("span",{className:`k-panelbar-item-icon ${N}`}),Tr("span",{className:"k-panelbar-item-text",children:t}),C&&Tr(v,{className:n("k-panelbar-toggle",a?"k-panelbar-collapse":"k-panelbar-expand"),icon:`chevron-${a?"up":"down"}`})]}),a&&m,!a&&m&&Ni.Children.map(m,M=>Ni.isValidElement(M)?Ni.cloneElement(M,{"aria-hidden":"true",style:{display:"none"}}):M)]})};y.states=oN;y.options=aN;y.className=Ed;y.defaultOptions=yr;import{jsx as sN}from"react/jsx-runtime";var Od="k-panelbar-group",rN=[],nN={},iN={},Pe=e=>{let{ariaHidden:t,...o}=e;return sN("ul",{...o,className:n(e.className,Od),role:"group","aria-hidden":t?"true":void 0,children:e.children})};Pe.states=rN;Pe.options=nN;Pe.className=Od;Pe.defaultOptions=iN;import{jsx as pN}from"react/jsx-runtime";var Bd="k-panelbar-content",lN=[],dN={},cN={},le=e=>{let{...t}=e;return pN("div",{...t,className:n(e.className,Bd),children:e.children})};le.states=lN;le.options=dN;le.className=Bd;le.defaultOptions=cN;import{Fragment as mN,jsx as Vt,jsxs as uN}from"react/jsx-runtime";var Ga=e=>{let t=T("pb-item"),o=T("pb-item"),a=T("pb-item"),r=T("pb-item");return Vt(Ne,{children:uN(mN,{children:[Vt(y,{header:!0,text:"Item 1",id:t,children:Vt(le,{children:"content"})}),Vt(y,{header:!0,text:"Item 2",id:o,children:Vt(le,{children:"content"})}),Vt(y,{header:!0,text:"Item 3",id:a,children:Vt(le,{children:"content"})}),Vt(y,{header:!0,text:"Item 4",id:r})]}),...e})};import{Fragment as l7,jsx as s7,jsxs as d7}from"react/jsx-runtime";import{Fragment as fN,jsx as we,jsxs as ki}from"react/jsx-runtime";var Pd=e=>{let t=T("pb-item"),o=T("pb-item"),a=T("pb-item"),r=T("pb-item"),s=T("pb-child"),l=T("pb-child"),p=T("pb-child"),b=T("pb-child"),x=T("pb-child"),N=T("pb-child"),k=T("pb-child");return we(Ne,{activeDescendant:o,children:ki(fN,{children:[we(y,{header:!0,text:"Item 1",id:t,children:we(le,{children:"content"})}),we(y,{header:!0,expanded:!0,text:"Item 2",id:o,ariaSelected:!0,focus:!0,children:ki(Pe,{children:[we(y,{level:1,text:"Child 1",id:s}),we(y,{level:1,expanded:!0,text:"Child 2",id:l,children:ki(Pe,{children:[we(y,{level:2,text:"Child 2.1",id:p}),we(y,{level:2,text:"Child 2.2",id:b})]})}),we(y,{level:1,text:"Child 3",id:x,children:we(Pe,{children:we(y,{level:2,text:"Child 3.1",id:N})})}),we(y,{level:1,text:"Child 4",id:k})]})}),we(y,{header:!0,text:"Item 3",id:a,children:we(le,{children:"content"})}),we(y,{header:!0,text:"Item 4",id:r})]}),...e})};import{Fragment as wd,jsx as ee,jsxs as Er}from"react/jsx-runtime";var bN=Ne.options,hN=Ne.states,Rd={...Ne.defaultOptions,variant:"normal"},xN=[{name:"normal",title:"Normal"},{name:"expand",title:"Expanded"}],NN=[{name:"icon",title:"Item icons"},{name:"disabled",title:"Disabled item"}],ca=e=>{let{variant:t,modifiers:o,...a}={...Rd,...e},r={},s={folder:"folder",gear:"gear",file:"file",image:"image"};return Object.keys(o\|\|{}).forEach(l=>{switch(l){case"icon":{r.icon=o?.[l]?s:void 0;break}case"disabled":r.disabled=!!o?.[l]}}),t==="expand"?ee(wd,{children:Er(Pd,{style:{width:"300px"},...a,children:[ee(y,{icon:r.icon?.gear,header:!0,text:"Item 1",children:ee(le,{children:"content"})}),ee(y,{icon:r.icon?.folder,selected:!0,header:!0,expanded:!0,text:"Item 2",children:Er(Pe,{children:[ee(y,{level:1,text:"Child 1"}),ee(y,{level:1,expanded:!0,text:"Child 2",children:Er(Pe,{children:[ee(y,{level:2,text:"Child 2.1"}),ee(y,{icon:r.icon?.image,level:2,text:"Child 2.2"})]})}),ee(y,{disabled:r.disabled,level:1,text:"Child 3",children:ee(le,{children:"content"})}),ee(y,{level:1,text:"Child 4"})]})}),ee(y,{icon:r.icon?.folder,disabled:r.disabled,header:!0,text:"Item 3",children:ee(le,{children:"content"})}),ee(y,{icon:r.icon?.file,header:!0,text:"Item 4"})]})}):ee(wd,{children:Er(Ga,{style:{width:"300px"},...a,children:[ee(y,{icon:r.icon?.gear,header:!0,text:"Item 1",children:ee(le,{children:"content"})}),ee(y,{icon:r.icon?.folder,header:!0,text:"Item 2",children:ee(le,{children:"content"})}),ee(y,{icon:r.icon?.folder,disabled:r.disabled,header:!0,text:"Item 3",children:ee(le,{children:"content"})}),ee(y,{icon:r.icon?.file,header:!0,text:"Item 4"})]})})};ca.options=bN;ca.states=hN;ca.variants=xN;ca.defaultOptions=Rd;ca.modifiers=NN;ca.className=Ne.className;import{jsx as _7,jsxs as D7}from"react/jsx-runtime";import{Fragment as J7,jsx as q7,jsxs as W7}from"react/jsx-runtime";import{Fragment as a4,jsx as o4,jsxs as r4}from"react/jsx-runtime";import{Fragment as Kd,jsx as g,jsxs as de}from"react/jsx-runtime";var kN=W.options,gN=W.states,vN={...W.defaultOptions,variant:"ask"},CN=[{name:"ask",title:"Ask AI"},{name:"output",title:"Output"},{name:"more",title:"More Actions"}],LN=[{name:"stt",title:"SpeechToText"},{name:"suggestions",title:"Suggestions"}],pa=e=>{let{variant:t,modifiers:o,...a}={...e},r=g(Kd,{children:de(st,{layout:"wrap",children:[g(ut,{text:"Post for work-life balance importance"}),g(ut,{text:"Out of office"})]})}),s={suggestions:r,stt:!0};switch(Object.keys(o\|\|{}).forEach(l=>{switch(l){case"suggestions":s.suggestions=!!o?.[l];break;case"stt":s.stt=!!o?.[l];break}}),t){case"more":return g(U,{className:"k-prompt-popup",children:de(W,{style:{width:"330px",height:"350px"},...a,children:[g(mt,{children:de(R,{className:"k-toolbar-flat",children:[g(F,{fillMode:"flat",themeColor:"primary",icon:"sparkles",rounded:"full",children:"Ask AI"}),g(F,{fillMode:"flat",themeColor:"primary",icon:"comment",rounded:"full",children:"Output"}),g(V,{fillMode:"flat",themeColor:"primary",icon:"more-horizontal",rounded:"full",selected:!0})]})}),g(qe,{children:g(We,{children:de(Ga,{children:[g(y,{header:!0,icon:"brush",text:"Change Formality",children:de(Pe,{children:[g(y,{level:1,text:"Casual"}),g(y,{level:1,text:"Neutral"}),g(y,{level:1,text:"Formal"})]})}),g(y,{header:!0,expanded:!0,icon:"edit-tools",text:"Translate",children:de(Pe,{children:[g(y,{level:1,text:"German"}),g(y,{level:1,text:"Spanish"})]})}),g(y,{header:!0,icon:"min-width",text:"Simplify"}),g(y,{header:!0,icon:"arrows-left-right",text:"Expand"})]})})})]})});case"output":return g(U,{className:"k-prompt-popup",children:de(W,{style:{width:"330px",height:"350px"},...a,children:[g(mt,{children:de(R,{className:"k-toolbar-flat",children:[g(F,{fillMode:"flat",themeColor:"primary",icon:"sparkles",rounded:"full",children:"Ask AI"}),g(F,{fillMode:"flat",themeColor:"primary",icon:"comment",rounded:"full",selected:!0,children:"Output"}),g(V,{fillMode:"flat",themeColor:"primary",icon:"more-horizontal",rounded:"full"})]})}),de(qe,{children:[g(so,{}),g(We,{children:de("div",{className:"k-card-list",children:[de(j,{children:[g(yt,{title:"Generated with AI",subtitle:"Linked in post for work/life balance importance"}),g(Ye,{children:de("p",{children:["\u{1F31F} Embracing Work/Life Balance for Success \u{1F31F}",g("br",{}),g("br",{}),"Hello LinkedIn network! \u{1F44B} Today, let's talk about a key to our well-being: work/life balance. \u{1F310}\u2696\uFE0F",g("br",{}),g("br",{}),"In our fast-paced world, balancing professional and personal life is not just a luxury, it's a necessity for health and productivity. \u{1F4C8}\u{1F33F}",g("br",{}),g("br",{}),"\u2728 Key Points \u2728",g("br",{}),g("br",{}),"Enhances Productivity: Less burnout, more motivation. \u{1F680}",g("br",{}),"Boosts Creativity: New experiences = fresh ideas. \u{1F4A1}",g("br",{}),"Improves Health: Mental and physical benefits. \u{1F9D8}\u200D\u2642\uFE0F",g("br",{}),"Strengthens Relationships: Quality time matters. \u{1F91D}",g("br",{}),"Let's champion a culture where success and well-being go hand in hand. Share your work/life balance tips below! \u{1F447}",g("br",{}),g("br",{}),"#WorkLifeBalance #Productivity #WellBeing"]})}),de(z,{className:"k-card-actions",alignment:"start",children:[g(F,{fillMode:"flat",themeColor:"primary",icon:"copy",children:"Copy"}),g(F,{fillMode:"flat",themeColor:"base",icon:"arrow-rotate-cw",children:"Retry"}),g("span",{className:"k-spacer"}),g(V,{fillMode:"flat",themeColor:"base",icon:"thumb-up"}),g(V,{fillMode:"flat",themeColor:"base",icon:"thumb-down"})]})]}),de(j,{children:[g(yt,{title:"Generated with AI",subtitle:"Out of Office"}),g(Ye,{children:de("p",{children:["Subject: Out of Office: [Your Name]",g("br",{}),g("br",{}),"Dear [Recipient's Name],",g("br",{}),g("br",{}),"I am currently out of the office until [Return Date] and won't have access to email. For urgent matters, please contact [Colleague's Name] at [Colleague's Email]. I'll respond to your email upon my return.",g("br",{}),g("br",{}),"Thank you,",g("br",{}),"[Your Name]"]})}),de(z,{className:"k-card-actions",alignment:"start",children:[g(F,{fillMode:"flat",themeColor:"primary",icon:"copy",children:"Copy"}),g(F,{fillMode:"flat",themeColor:"base",icon:"arrow-rotate-cw",children:"Retry"}),g("span",{className:"k-spacer"}),g(V,{fillMode:"flat",themeColor:"base",icon:"thumb-up"}),g(V,{fillMode:"flat",themeColor:"base",icon:"thumb-down"})]})]})]})})]})]})});default:return g(U,{className:"k-prompt-popup",children:de(W,{style:{width:"330px",height:"350px"},...a,children:[g(mt,{children:de(R,{className:"k-toolbar-flat",children:[g(F,{fillMode:"flat",themeColor:"primary",icon:"sparkles",rounded:"full",selected:!0,children:"Ask AI"}),g(F,{fillMode:"flat",themeColor:"primary",icon:"comment",rounded:"full",children:"Output"}),g(V,{fillMode:"flat",themeColor:"primary",icon:"more-horizontal",rounded:"full"})]})}),g(qe,{children:de(We,{children:[g(Y,{resize:"none",rows:2,placeholder:"Ask or generate content with AI",suffixSeparator:!1,suffix:g(Kd,{children:s.stt?g(re,{fillMode:"flat"}):null})}),g(hr,{expanded:s.suggestions,title:"Suggestions",children:r})]})}),g(io,{children:g(z,{className:"k-prompt-actions",alignment:"start",children:g(F,{icon:"sparkles",themeColor:"primary",rounded:"full",children:"Generate"})})})]})})}};pa.options=kN;pa.states=gN;pa.variants=CN;pa.defaultOptions=vN;pa.modifiers=LN;pa.className=W.className;import{Fragment as MN,jsx as Re,jsxs as _d}from"react/jsx-runtime";var Q4=e=>Re(U,{className:"k-prompt-popup",children:_d(W,{...e,children:[Re(mt,{children:_d(R,{fillMode:"flat",children:[Re(F,{fillMode:"flat",themeColor:"primary",icon:"sparkles",rounded:"full",selected:!0,children:"Ask AI"}),Re(F,{fillMode:"flat",themeColor:"primary",icon:"comment",rounded:"full",children:"Output"}),Re(V,{fillMode:"flat",themeColor:"primary",icon:"more-horizontal",rounded:"full","aria-label":"More actions"}),Re("span",{className:"k-spacer"}),Re(V,{fillMode:"flat",icon:"x",rounded:"full","aria-label":"Close"})]})}),Re(qe,{children:Re(We,{children:Re(Y,{resize:"y",rows:1,suffixSeparator:!1,placeholder:"Ask or generate content with AI","aria-label":"Ask or generate content with AI",suffix:Re(MN,{children:Re(re,{fillMode:"flat"})})})})}),Re(io,{children:Re(z,{className:"k-prompt-actions",alignment:"start",children:Re(F,{icon:"sparkles",themeColor:"primary",rounded:"full",children:"Generate"})})})]})});export{Q4 as PromptInPopup};