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

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

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

Files changed (153) hide show

package/dist/esm/prompt/templates/prompt-suggestions.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 Ci(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"},Li={calloutMap:{top:"n",bottom:"s",left:"w",right:"e"},orientationMap:{vertical:"vstack",horizontal:"hstack"}};var Rr={};function T(e){return Rr[e]=(Rr[e]\|\|0)+1,`k-${e}-${Rr[e]}`}var Kr="action-buttons",Mi=Kr;import{jsx as Fd}from"react/jsx-runtime";var Xa="k-actions",Hd=[],zd={},_r={alignment:"start",orientation:"horizontal"},z=e=>{let{alignment:t=_r.alignment,orientation:o=_r.orientation,...a}=e;return Fd("div",{...a,className:n(Xa,{[`${Xa}-${t}`]:t,[`${Xa}-${o}`]:o},e.className),children:e.children})};z.states=Hd;z.options=zd;z.className=Xa;z.defaultOptions=_r;z.moduleName=Kr;z.folderName=Mi;import{Fragment as $d,jsx as Si}from"react/jsx-runtime";var Dr="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?Si("span",{...l,className:n(e.className,Dr,I(Dr,{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"}):Si($d,{})};ma.states=Ud;ma.options=Gd;ma.className=Dr;ma.defaultOptions=Vd;var Ai=ma;import{Fragment as Wd,jsx as qa}from"react/jsx-runtime";var Hr="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]},Ii={viewBox:"0 0 24 24"},ua=e=>{let{size:t,themeColor:o,rotate:a,flip:r,viewBox:s=Ii.viewBox,icon:l,...p}=e;if(!l)return qa(Wd,{});if(l==="none")return qa("span",{...p,className:n(e.className,Hr,I("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let b=typeof l=="object"&&l.name&&l.name;return qa("span",{...p,className:n(e.className,Hr,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:qa("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=Hr;ua.defaultOptions=Ii;var zr=ua;importas Fr from"@progress/kendo-svg-icons";var Ti="icon",yi="icons";import{useContext as Yd}from"react";import{createContext as Jd}from"react";var Ei=Jd({iconsType:"svg"});import{Fragment as Oi,jsx as fa}from"react/jsx-runtime";var Wa="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]},Ur={viewBox:"0 0 24 24",type:"svg"},v=e=>{let{iconsType:t}=Yd(Ei),{size:o,themeColor:a,icon:r,type:s=t\|\|Ur.type,rotate:l,flip:p,viewBox:b=Ur.viewBox,...x}=e;if(!r)return fa(Oi,{});if((t\|\|s)==="svg"){if(r==="none")return fa(zr,{...x,className:n(e.className,Wa),icon:r,size:o});let k=Fr[r]?r:Qd(`${r}-icon`);return Fr[k]?fa(zr,{...x,className:n(e.className,Wa),icon:Fr[k],size:o,themeColor:a,rotate:l,flip:p,viewBox:b}):fa(Oi,{})}return fa(Ai,{...x,className:n(e.className,Wa),icon:r,size:o,themeColor:a,rotate:l,flip:p})};v.states=Zd;v.options=jd;v.defaultOptions=Ur;v.className=Wa;v.moduleName=Ti;v.folderName=yi;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 Gr="button",Bi=Gr;import{Fragment as ac,jsx as ba,jsxs as Pi}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]},Vr={showArrow:!1,arrowIconName:"chevron-down"},d=e=>{let{as:t="button",size:o,rounded:a,fillMode:r,themeColor:s,showArrow:l=Vr.showArrow,arrowIconName:p=Vr.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 Pi(t,{className:n(J,ha,Ci(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?Pi(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=Vr;d.moduleName=Gr;d.folderName=Bi;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 $r}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 $r(V,{...o,icon:"star"});case"icon-and-text":return $r(F,{...o,icon:"star",children:"Button"});default:return $r(Xt,{...o,children:"Button"})}};po.options=sc;po.states=lc;po.variants=cc;po.defaultOptions=dc;po.modifiers=pc;po.className=d.className;var Xr="button",wi=Xr;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=Xr;B.folderName=wi;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 qr}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"?qr(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"?qr(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"})]}):qr(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",Ja=Na;import{jsx as Mc}from"react/jsx-runtime";var Ya="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,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}))})};Q.states=vc;Q.options=Cc;Q.className=Ya;Q.defaultOptions=Lc;Q.moduleName=Na;Q.folderName=Ja;import{jsx as Tc}from"react/jsx-runtime";var Qa="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,Qa,I(Qa,{size:b,rounded:x,fillMode:N}),S(Qa,{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=Qa;ft.defaultOptions=Ic;ft.moduleName=Na;ft.folderName=Ja;import{Fragment as Oc,jsx as Wr}from"react/jsx-runtime";var Ri="k-clear-value",yc=[i.disabled,i.loading,i.readonly],Ec={},Fe=e=>{let{disabled:t,loading:o,readonly:a,value:r}=e;return t\|\|a\|\|o\|\|!r?Wr(Oc,{}):Wr("span",{className:n(e.className,Ri),children:Wr(v,{icon:"x"})})};Fe.states=yc;Fe.options=Ec;Fe.className=Ri;import{jsx as wc}from"react/jsx-runtime";var Jr="k-input-inner",Bc=[],Pc={},Za={type:"text",autocomplete:"off",value:"",placeholder:""},Ue=e=>{let{value:t=Za.value,type:o=Za.type,placeholder:a=Za.placeholder,autocomplete:r=Za.autocomplete,disabled:s,readOnly:l,...p}=e;return wc("input",{...p,type:o,className:n(e.className,Jr,I(Jr,e)),placeholder:a,autoComplete:r,defaultValue:t,disabled:s\|\|void 0,readOnly:l\|\|void 0})};Ue.states=Bc;Ue.options=Pc;Ue.className=Jr;import{jsx as Ki,jsxs as _c}from"react/jsx-runtime";var Yr="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,Yr,I(Yr,e)),children:[r,!r&&s&&Ki(v,{className:"k-input-value-icon",icon:s}),a&&!t&&o,a&&t&&Ki("span",{className:"k-input-value-text",children:t})]})};qt.states=Rc;qt.options=Kc;qt.className=Yr;import{jsx as zc}from"react/jsx-runtime";var Qr="k-input-inner",Dc=[],Hc={},_i={value:"",placeholder:""},ka=e=>{let{value:t=_i.value,placeholder:o=_i.placeholder,rows:a,disabled:r,...s}=e;return zc("textarea",{...s,className:n(e.className,Qr,I(Qr,e)),placeholder:o,rows:a,defaultValue:t,disabled:r\|\|void 0})};ka.states=Dc;ka.options=Hc;ka.className=Qr;import{Fragment as Uc,jsx as Di}from"react/jsx-runtime";var Hi="k-input-loading-icon",Fc=[i.disabled,i.loading],Ke=e=>{let{disabled:t,loading:o}=e;return t\|\|!o?Di(Uc,{}):Di("span",{className:n(e.className,Hi,"k-icon k-i-loading")})};Ke.states=Fc;Ke.className=Hi;import{Fragment as $c,jsx as zi}from"react/jsx-runtime";var Fi="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)?zi($c,{}):zi(v,{className:n(Fi),icon:s})};Le.states=Gc;Le.options=Vc;Le.className=Fi;import{Fragment as Wc,jsx as Ui}from"react/jsx-runtime";var Xc="k-input-prefix",qc={direction:"horizontal"},_e=e=>{let{direction:t=qc.direction,...o}=e;return e.children?Ui("span",{...o,className:n(Xc,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):Ui(Wc,{})};import{Fragment as Qc,jsx as Gi}from"react/jsx-runtime";var Jc="k-input-suffix",Yc={direction:"horizontal"},De=e=>{let{direction:t=Yc.direction,...o}=e;return e.children?Gi("span",{...o,className:n(Jc,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):Gi(Qc,{})};import{jsx as Tv}from"react/jsx-runtime";import{jsx as jc}from"react/jsx-runtime";var Zc="k-input-suffix-text",Zr=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 Vi="k-input-separator",ep={direction:"vertical"},Me=e=>{let{direction:t=ep.direction,...o}=e;return tp("span",{...o,className:n(Vi,e.className,{[`${Vi}-${t}`]:t})})};import{Fragment as $i,jsx as bt,jsxs as jr}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 jr(Q,{...p,valid:o,invalid:a,loading:r,disabled:s,readonly:l,style:{width:300},children:[b&&jr($i,{children:[bt(_e,{children:bt(v,{icon:"lock"})}),m&&bt(Me,{})]}),bt(Ue,{placeholder:"Placeholder",value:"Value"}),k&&bt(Le,{valid:o,invalid:a,loading:r,disabled:s}),bt(Ke,{loading:r,disabled:s}),N&&bt(Fe,{loading:r,disabled:s,readonly:l,value:"Value"}),x&&jr($i,{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 Xi,jsxs as dp}from"react/jsx-runtime";var qi="k-color-preview",sp=[],lp={},Ot=e=>{let{color:t,iconName:o,...a}=e;return dp("span",{...a,className:n(e.className,qi,{"k-icon-color-preview":o,"k-no-color":!t}),children:[o&&Xi(v,{icon:o,className:"k-color-preview-icon"}),Xi("span",{className:"k-color-preview-mask",style:{backgroundColor:t}})]})};Ot.states=sp;Ot.options=lp;Ot.className=qi;var en="popup",Wi=en;import{jsx as Ji}from"react/jsx-runtime";var Yi="k-animation-container",cp=[],pp={},Qi={positionMode:"absolute"},ht=e=>{let{positionMode:t=Qi.positionMode,animationStyle:o,offset:a,...r}=e;return Ji("div",{...r,style:{...a,...e.style},className:n(e.className,Yi,"k-animation-container-shown",{"k-animation-container-fixed":t==="fixed"}),children:Ji("div",{className:"k-child-animation-container",style:o,children:e.children})})};ht.states=cp;ht.options=pp;ht.className=Yi;ht.defaultOptions=Qi;ht.moduleName=en;ht.folderName=Wi;var tn="popup",Zi=tn;import{jsx as ji}from"react/jsx-runtime";var es="k-popup",mp=[],up={},ts={positionMode:"absolute"},U=e=>{let{offset:t,positionMode:o=ts.positionMode,animationStyle:a,containerClassName:r,containerRole:s,containerAriaLabel:l,...p}=e;return ji(ht,{positionMode:o,offset:t,animationStyle:a,className:r,role:s,"aria-label":l,children:ji("div",{...p,className:n(e.className,es),children:e.children})})};U.states=mp;U.options=up;U.className=es;U.defaultOptions=ts;U.moduleName=tn;U.folderName=Zi;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",os={alignment:"stretched",orientation:"horizontal"},Bt=e=>{let{alignment:t=os.alignment,orientation:o=os.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 on="searchbox",as=on;import{jsx as ga,jsxs as Np}from"react/jsx-runtime";var rs="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]},an={showIcon:!0,icon:"search"},je=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=an.showIcon,icon:C=an.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,rs),children:[L&&ga(v,{className:"k-input-icon",icon:C}),ga(Ue,{placeholder:o,value:t,"aria-label":M}),ga(Ke,{...e}),ga(Le,{...e}),ga(Fe,{...e})]})};je.states=hp;je.options=xp;je.className=rs;je.defaultOptions=an;je.moduleName=on;je.folderName=as;import{jsx as XC}from"react/jsx-runtime";var rn="textbox",ns=rn;import{Fragment as is,jsx as Pt,jsxs as nn}from"react/jsx-runtime";var ss="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]},ja={showClearButton:!0,showValidationIcon:!0,separators:!0},be=e=>{let{size:t,rounded:o,fillMode:a,separators:r=ja.separators,showClearButton:s=ja.showClearButton,showValidationIcon:l=ja.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 nn(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,ss),children:[p&&nn(is,{children:[Pt(_e,{children:p}),r&&Pt(Me,{})]}),Pt(Ue,{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(Fe,{loading:A,disabled:w,readonly:J,value:N}),b&&nn(is,{children:[r&&Pt(Me,{}),Pt(De,{children:b})]})]})};be.states=kp;be.options=gp;be.className=ss;be.defaultOptions=ja;be.moduleName=rn;be.folderName=ns;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 ls=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 sn}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]?sn(v,{icon:"lock"}):void 0;break;case"suffix":a.suffix=t?.[r]?sn(Xt,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":a.showClearButton=t?.[r];break;default:break}}),sn(ls,{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 ln}from"react/jsx-runtime";var ds="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 ln("div",{...m,className:n(e.className,ds),children:[ln("div",{className:"k-actionsheet-titlebar-group",children:[a&&wt("div",{className:"k-actionsheet-actions",children:a}),!k&&ln("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(je,{placeholder:"Filter",size:x?"large":"medium","aria-label":"Filter options"})})]})};Se.className=ds;Se.defaultOptions=Ip;import{jsx as dn,jsxs as Op}from"react/jsx-runtime";var cn="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&&dn(Se,{adaptive:t,titleId:l,...r?.props}),x=s?.type===Bt&&dn(Bt,{...s?.props});return Op("div",{...p,className:n(e.className,cn,{[`${cn}-animated`]:o}),children:[b,dn("div",{className:"k-actionsheet-content",children:a}),x]})};bo.states=Tp;bo.options=yp;bo.className=cn;bo.defaultOptions=Ep;var Ca="action-sheet",er=Ca;var pn="overlay",cs=pn;import{jsx as Rp}from"react/jsx-runtime";var ps="k-overlay",Bp=[],Pp={},wp={},Rt=e=>{let{...t}=e;return Rp("div",{...t,className:n(e.className,ps),children:e.children})};Rt.states=Bp;Rt.options=Pp;Rt.className=ps;Rt.defaultOptions=wp;Rt.moduleName=pn;Rt.folderName=cs;import{jsx as tr,jsxs as Dp}from"react/jsx-runtime";var ms="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&&tr(Rt,{}),tr(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:tr("div",{...N,id:x,role:"dialog","aria-modal":r?"true":void 0,"aria-labelledby":k,className:n(e.className,ms,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":a}),children:s\|\|tr(bo,{header:p,footer:b,adaptive:a,titleId:k,...e,children:l})})})]})};te.states=Kp;te.options=_p;te.className=ms;te.defaultOptions=La;te.moduleName=Ca;te.folderName=er;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 us="k-actionsheet-container",Hp=[],zp={},Fp={},ho=e=>{let{children:t,...o}=e;return Up("div",{...o,className:us,children:t})};ho.states=Hp;ho.options=zp;ho.className=us;ho.defaultOptions=Fp;ho.moduleName=Ca;ho.folderName=er;import{jsx as Gp}from"react/jsx-runtime";var mn=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 un}from"react/jsx-runtime";var fn="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 un("span",{...b,className:n(e.className,fn,S(fn,{hover:r,focus:s,selected:l,disabled:p})),children:[!e.children&&Ma($p,{children:un("span",{className:"k-actionsheet-action",children:[t&&Ma("span",{className:"k-icon-wrap",children:Ma(v,{className:"k-actionsheet-item-icon",icon:t})}),un("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=fn;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 bn}from"react/jsx-runtime";var Xp=te.options,qp=te.states,bs={...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}={...bs,...e},r={},s=bn(mn,{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?bn(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?bn(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=bs;xo.modifiers=Jp;xo.className=te.className;var hn="slider",hs=hn;import{jsx as No,jsxs as xn}from"react/jsx-runtime";var Sa="k-slider",Yp=[i.hover,i.focus,i.active,i.disabled,i.readonly],Qp={},et={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=et.type,orientation:o=et.orientation,gradientType:a=et.gradientType,readonly:r=et.readonly,disabled:s=et.disabled,handlePosition:l=et.handlePosition,showButtons:p=et.showButtons,showTicks:b=et.showTicks,value:x=et.value,min:N=et.min,max:k=et.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"),xn("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"}),xn("div",{className:"k-slider-track-wrap",children:[b&&No("ul",{className:"k-reset k-slider-items","aria-hidden":"true",children:e.children}),xn("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=et;q.moduleName=hn;q.folderName=hs;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 xs}from"react/jsx-runtime";var Ns="k-tick",Zp=[],jp={},ks={label:!1},O=e=>{let{style:t,label:o=ks.label,orientation:a,large:r,text:s,...l}=e;return xs("li",{...l,role:"presentation",title:s\|\|"Tick",className:n(e.className,Ns,{[`k-tick-${a}`]:a,"k-tick-large":r}),style:t,children:o&&xs("span",{className:"k-label",children:s})})};O.states=Zp;O.options=jp;O.className=Ns;O.defaultOptions=ks;import{Fragment as em,jsx as tt,jsxs as tm}from"react/jsx-runtime";var gs=e=>tt(q,{"aria-label":e["aria-label"]\|\|"Slider",children:tm(em,{children:[tt(O,{className:"k-first",label:!0,large:!0,text:"0"}),tt(O,{}),tt(O,{}),tt(O,{}),tt(O,{}),tt(O,{label:!0,large:!0,text:"5"}),tt(O,{}),tt(O,{}),tt(O,{}),tt(O,{}),tt(O,{className:"k-last",label:!0,large:!0,text:"10"})]}),...e});import{Fragment as om,jsx as ot,jsxs as am}from"react/jsx-runtime";var vs=e=>ot(q,{children:am(om,{children:[ot(O,{className:"k-first",label:!0,large:!0,text:"0"}),ot(O,{}),ot(O,{}),ot(O,{}),ot(O,{}),ot(O,{label:!0,large:!0,text:"5"}),ot(O,{}),ot(O,{}),ot(O,{}),ot(O,{}),ot(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 Nn=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 kn=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 Cs}from"react/jsx-runtime";var im=q.options,sm=q.states,Ls={...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}={...Ls,...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"?Cs(vs,{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%"}})]}):Cs(gs,{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=Ls;ko.modifiers=dm;ko.className=q.className;import{jsx as Ms,jsxs as fm}from"react/jsx-runtime";var Ss="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]},gn={increaseLabel:"Increase value",decreaseLabel:"Decrease value"},_t=e=>{let{size:t,fillMode:o,disabled:a,increaseLabel:r=gn.increaseLabel,decreaseLabel:s=gn.decreaseLabel,...l}=e;return fm("span",{...l,className:n(Ss,e.className),children:[Ms(d,{className:"k-spinner-increase",icon:"chevron-up",size:t,fillMode:o,disabled:a,"aria-label":r}),Ms(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=Ss;_t.defaultOptions=gn;_t.moduleName=null;_t.folderName=null;var As="numeric-textbox",Is="numerictextbox";import{Fragment as Ts,jsx as vt,jsxs as vn}from"react/jsx-runtime";var ys="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]},or={showSpinButton:!0,showClearButton:!0,separators:!0},G=e=>{let{size:t,rounded:o,fillMode:a,separators:r=or.separators,showClearButton:s=or.showClearButton,showSpinButton:l=or.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 vn(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,ys),children:[p&&vn(Ts,{children:[vt(_e,{children:p}),r&&vt(Me,{})]}),vt(Ue,{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(Fe,{loading:E,disabled:A,readonly:w,value:x}),b&&vn(Ts,{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=ys;G.defaultOptions=or;G.moduleName=As;G.folderName=Is;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 Es=e=>xm(Aa,{...e});import Ln from"react";import{jsx as Os}from"react/jsx-runtime";var Nm="k-list-group-sticky-header",Cn=e=>Os("div",{className:n(Nm,e.className),children:Os("div",{className:"k-list-header-text",children:e.children})});import{jsx as gm}from"react/jsx-runtime";var km="k-no-data",ar=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 Bs,jsxs as Ps}from"react/jsx-runtime";var Mn="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=Ln.Children.toArray(a)[0],m=k?.props?.children?Ln.Children.count(k.props.children):Ln.Children.count(a);return Ps("div",{...x,className:n(e.className,Mn,I(Mn,{size:t}),{"k-virtual-list":o}),children:[s,l,r&&Bs(Cn,{children:r}),a\|\|(p!==void 0?p:Bs(ar,{live:!0,children:"No data found."})),b&&a&&Ps(ar,{className:"k-sr-only",live:!0,children:[m," items found."]})]})};D.states=vm;D.options=Cm;D.className=Mn;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 ws="k-list-container",Mm=[],Sm={},Am={},vo=e=>{let{...t}=e;return Im("div",{...t,className:n(e.className,ws),children:e.children})};vo.states=Mm;vo.options=Sm;vo.className=ws;vo.defaultOptions=Am;vo.moduleName=Wt;vo.folderName=go;var Jt="checkbox",Co=Jt;import{jsx as Rs}from"react/jsx-runtime";var rr="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={},at=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 Rs("span",{className:"k-checkbox-wrap",role:m,children:Rs("input",{...L,id:t,type:"checkbox",defaultChecked:o,required:x,disabled:l\|\|void 0,"aria-invalid":p?"true":void 0,className:n(e.className,rr,I(rr,{size:N,rounded:k}),S(rr,{hover:r,focus:s,disabled:l,invalid:p,valid:b,indeterminate:a,checked:o}))})})};at.states=Tm;at.options=ym;at.className=rr;at.defaultOptions=Em;at.moduleName=Jt;at.folderName=Co;at.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 pt=at;import{jsx as Pm}from"react/jsx-runtime";var Ks="k-checkbox-list",Om=[],Bm={},_s={layout:"vertical"},Ae=e=>{let{layout:t=_s.layout,...o}=e;return Pm("ul",{...o,className:n(e.className,Ks,{[`k-list-${t}`]:t}),children:e.children})};Ae.states=Om;Ae.options=Bm;Ae.className=Ks;Ae.defaultOptions=_s;Ae.moduleName=Jt;Ae.folderName=Co;import{jsx as _m}from"react/jsx-runtime";var Ds="k-checkbox-list-item",wm=[],Rm={},Km={},Ie=e=>{let{...t}=e;return _m("li",{...t,className:n(e.className,Ds),children:e.children})};Ie.states=wm;Ie.options=Rm;Ie.className=Ds;Ie.defaultOptions=Km;Ie.moduleName=Jt;Ie.folderName=Co;import{Fragment as Dm,jsx as Hs,jsxs as Hm}from"react/jsx-runtime";var Ct=({children:e="Label",id:t="cb-label-after",...o})=>Hm(Dm,{children:[Hs(pt,{id:t,...o}),Hs("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 rt,jsxs as zs}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"?zs(Ae,{layout:"horizontal",...o,children:[rt(Ie,{children:rt(Ct,{id:T("cb"),defaultChecked:!0,children:"Label"})}),rt(Ie,{children:rt(Ct,{id:T("cb"),children:"Label"})}),rt(Ie,{children:rt(Ct,{id:T("cb"),children:"Label"})})]}):zs(Ae,{...o,children:[rt(Ie,{children:rt(Ct,{id:T("cb"),defaultChecked:!0,children:"Label"})}),rt(Ie,{children:rt(Ct,{id:T("cb"),children:"Label"})}),rt(Ie,{children:rt(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=pt.options,Xm=pt.states,qm=pt.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=pt.className;import{jsx as Yt,jsxs as eu}from"react/jsx-runtime";var Sn="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":Sn,S(Sn,{hover:b,focus:x,disabled:k,selected:N})),children:[l&&Yt(at,{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=Sn;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 An,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:An(Lt,{role:"listbox",id:s,"aria-label":a,"aria-labelledby":r,children:e.children}),t&&An("div",{className:"k-height-container",children:An("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 In,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&&In("span",{className:"k-list-item-icon-wrapper",children:In(v,{icon:t,className:"k-list-item-icon"})}),In("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 Tn="k-list-optionlabel",su=[i.hover,i.focus,i.selected,i.disabled],lu={},du={},nr=e=>{let{text:t,hover:o,focus:a,selected:r,disabled:s,...l}=e;return cu("div",{...l,className:n(Tn,S(Tn,{hover:o,focus:a,selected:r,disabled:s})),children:t})};nr.states=su;nr.options=lu;nr.className=Tn;nr.defaultOptions=du;import{jsx as fu}from"react/jsx-runtime";var yn="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(yn,S(yn,{hover:o,focus:a,selected:r,disabled:s})),children:t})};Dt.states=pu;Dt.options=mu;Dt.className=yn;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 Fs="dropdown-list",Us="dropdownlist";import{Fragment as xu,jsx as Te,jsxs as En}from"react/jsx-runtime";var Gs="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]},On={showValue:!0,arrowIconName:"chevron-down"},ie=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:r=On.arrowIconName,showValue:s=On.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:Br,id:Et,activeDescendant:$a,"aria-label":Pr,...wr}=e,Dd=Et?`${Et}-listbox`:void 0,vi=Et?`${Et}-value`:void 0;return En(xu,{children:[En(ft,{...wr,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,Gs,{"k-icon-picker":!s&&l}),role:"combobox","aria-haspopup":"listbox","aria-expanded":ce?"true":"false","aria-controls":ce?Dd:void 0,"aria-activedescendant":ce&&$a?$a:void 0,"aria-describedby":ce?vi:void 0,"aria-disabled":A?"true":void 0,"aria-label":Pr,tabIndex:0,children:[Te(_e,{children:p}),Te(qt,{placeholder:N,value:x,showValue:s,valueIconName:l,id:vi}),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:Br,inputValue:x,inputPlaceholder:N,title:Ce,subtitle:$t}),children:Te("div",{className:"k-list-container",children:Te(D,{size:"large",children:En($,{"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=Gs;ie.defaultOptions=On;ie.moduleName=Fs;ie.folderName=Us;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 Vs}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=Vs(Lu,{children:[Ht("div",{className:"k-list-filter",children:Ht(je,{})}),Ht(D,{style:{width:300},size:o.size,children:Vs($,{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 Bn}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]?Bn(ie,{size:o.size,fillMode:"flat",value:"mm"}):void 0;break;case"suffix":a.suffix=t?.[r]?Bn(Zr,{children:"mm"}):void 0;break;case"clear-button":a.showClearButton=t?.[r];break;case"spin-button":a.showSpinButton=t?.[r];break;default:break}}),Bn(Es,{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 $s="k-colorgradient-inputs",yu=[],Eu={size:[c.undefined,c.small,c.medium,c.large]},Xs={mode:"rgba"},To=e=>{let{mode:t=Xs.mode,size:o,...a}=e;return ne("div",{...a,className:n($s,"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=$s;To.defaultOptions=Xs;import{jsx as Zt,jsxs as jt}from"react/jsx-runtime";var qs="k-colorgradient-color-contrast",Ou=[],Bu={},Pu={},yo=()=>jt("div",{className:n(qs,"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=qs;yo.defaultOptions=Pu;var Ws="color-gradient",Js="colorgradient";import{jsx as nt,jsxs as Ta}from"react/jsx-runtime";var ir="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,ir,I(ir,{size:t}),S(ir,{hover:k,focus:m,readonly:a,disabled:r})),dir:N,children:[!M\|\|M==="horizontal"&&Ta("div",{className:"k-colorgradient-canvas k-hstack",children:[nt("div",{className:"k-hsv-rectangle",style:s,children:nt("div",{className:"k-hsv-gradient",children:nt("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:[nt(kn,{className:"k-hue-slider",hover:L,focus:C}),o!=="rgb"&&o!=="hsv"&&nt(kn,{className:"k-alpha-slider",hover:L,focus:C,trackStyle:p})]})]}),M==="vertical"&&Ta("div",{className:"k-colorgradient-canvas k-vstack",children:[nt("div",{className:"k-hsv-rectangle",style:s,children:nt("div",{className:"k-hsv-gradient",children:nt("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:[nt(Nn,{className:"k-hue-slider",hover:L,focus:C}),o!=="rgb"&&o!=="hsv"&&nt(Nn,{className:"k-alpha-slider",hover:L,focus:C,trackStyle:b})]})]}),nt(To,{mode:e.mode,size:t}),x&&nt(yo,{})]})};pe.states=wu;pe.options=Ru;pe.className=ir;pe.defaultOptions=Nt;pe.moduleName=Ws;pe.folderName=Js;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 sr=e=>Ku(pe,{...e});import{jsx as cB}from"react/jsx-runtime";import{jsx as fB}from"react/jsx-runtime";import{jsx as Pn}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 Pn(sr,{...o,mode:t});case"rgb":return Pn(sr,{...o,mode:t});default:return Pn(sr,{...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 wn=e=>Uu("tr",{role:"row",children:e.children});import{jsx as $u}from"react/jsx-runtime";var Rn="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,Rn,S(Rn,{hover:a,focus:r,selected:s})),style:p})};Oo.states=Gu;Oo.options=Vu;Oo.className=Rn;var Ys="color-palette",Qs="colorpalette";import{jsx as ya}from"react/jsx-runtime";var lr="k-colorpalette",Xu=[i.disabled],qu={size:[c.undefined,c.small,c.medium,c.large]},Zs={columns:10},ye=e=>{let{size:t,palette:o,columns:a=Zs.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(wn,{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,lr,S(lr,{disabled:s}),I(lr,{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=lr;ye.defaultOptions=Zs;ye.moduleName=Ys;ye.folderName=Qs;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 dr=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 js=e=>Wu(dr,{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(js,{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 el="color-editor",tl="coloreditor";import{jsx as it,jsxs as Po}from"react/jsx-runtime";var cr="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",cr,I(cr,{size:t}),S(cr,{focus:l})),dir:b,children:[Po("div",{className:"k-coloreditor-header k-hstack",children:[it("div",{className:"k-coloreditor-header-actions k-hstack",children:x&&Po(B,{fillMode:"flat",children:[it(d,{className:"k-group-start",size:t,fillMode:"flat",icon:"droplet-slider",selected:o==="gradient","aria-label":"Color gradient view"}),it(d,{className:"k-group-end",size:t,fillMode:"flat",icon:"palette",selected:o==="palette","aria-label":"Color palette view"})]})}),it("div",{className:"k-spacer"}),Po("div",{className:"k-coloreditor-header-actions k-hstack",children:[it(d,{fillMode:"flat",icon:"droplet-slash",size:t,"aria-label":"Reset color"}),Po("div",{className:"k-coloreditor-preview k-vstack",children:[it(Ot,{className:"k-coloreditor-preview-color",color:r}),it(Ot,{className:"k-coloreditor-current-color",color:s})]})]})]}),it("div",{className:"k-coloreditor-views k-vstack",children:o==="gradient"?it(pe,{focus:p,size:t,canvasOrientation:k,role:"none",tabIndex:-1}):it(ye,{palette:a,size:t})}),N&&Po(z,{className:"k-coloreditor-footer",alignment:"start",children:[it(d,{themeColor:"primary",size:t,className:"k-coloreditor-apply",children:"Apply"}),it(d,{className:"k-coloreditor-cancel",size:t,children:"Cancel"})]})]})};oe.states=of;oe.options=af;oe.className=cr;oe.defaultOptions=Oa;oe.moduleName=el;oe.folderName=tl;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 ol=e=>rf(wo,{group:!0,currentColor:"fuchsia",...e});import{jsx as nf}from"react/jsx-runtime";var al=e=>nf(wo,{view:"palette",group:!0,currentColor:"fuchsia",...e});import{jsx as rl}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"?rl(al,{...o,color:"white"}):rl(ol,{...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 nl="color-picker",il="colorpicker";import{Fragment as ff,jsx as st,jsxs as Kn}from"react/jsx-runtime";var sl="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]},ll={arrowIconName:"chevron-down"},Ge=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:r=ll.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 Kn(ff,{children:[Kn(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,sl,"k-icon-picker"),children:[st(_e,{children:s}),st(qt,{placeholder:b,value:p,showValue:!1,valueIcon:st(Ot,{className:"k-value-icon",color:p,iconName:M}),valueIconName:M}),st(De,{children:l}),st(d,{className:"k-input-button",icon:r,size:t,fillMode:a,tabIndex:-1,"aria-label":"Open color picker",disabled:C})]}),A&&E&&st(U,{id:Ce,className:"k-colorpicker-popup",children:E}),w&&st(te,{adaptive:!0,id:Ce,...J,header:st(Se,{actionsEnd:st(d,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply"}),title:ce,subtitle:ue}),footer:Kn(Bt,{children:[st(d,{text:"Cancel",size:"large"}),st(d,{text:"Set",size:"large",themeColor:"primary"})]}),children:st(oe,{canvasOrientation:"vertical",size:"large",actionButtons:!1,group:!0})})]})};Ge.states=mf;Ge.options=uf;Ge.className=sl;Ge.defaultOptions=ll;Ge.moduleName=nl;Ge.folderName=il;Ge.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=Ge;import{jsx as bf}from"react/jsx-runtime";var pr=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,dl={...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}={...dl,...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(pr,{...a,...r})});case"icon":return eo("div",{style:s,children:eo(pr,{value:"rgba(183, 118 , 118, 1.00)",valueIconName:"edit-tools",...a,...r})});default:return eo("div",{style:s,children:eo(pr,{value:"rgba(183, 118 , 118, 1.00)",...a,...r})})}};Ko.options=hf;Ko.states=xf;Ko.variants=Nf;Ko.defaultOptions=dl;Ko.modifiers=kf;Ko.className=Mt.className;var _n="combobox",cl=_n;import{Fragment as Dn,jsx as se,jsxs as Ba}from"react/jsx-runtime";var pl="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]},ml={separators:!0},ke=e=>{let{size:t,rounded:o,fillMode:a,separators:r=ml.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:Br,activeDescendant:Et,"aria-label":$a,...Pr}=e,wr=$t?`${$t}-listbox`:void 0;return Ba(Dn,{children:[Ba(Q,{...Pr,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,pl),children:[s&&Ba(Dn,{children:[se(_e,{children:s}),r&&se(Me,{})]}),se(Ue,{id:$t,placeholder:b,value:p,role:"combobox","aria-haspopup":"listbox","aria-expanded":A?"true":"false","aria-controls":A?wr:void 0,"aria-activedescendant":A&&Et?Et:void 0,"aria-autocomplete":Br,"aria-invalid":m?"true":void 0,"aria-busy":C?"true":void 0,"aria-label":$a,disabled:M,readOnly:w}),se(Le,{valid:k,invalid:m,loading:C,disabled:M}),se(Ke,{loading:C,disabled:M}),se(Fe,{loading:C,disabled:M,readonly:w,value:p}),l&&Ba(Dn,{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=pl;ke.defaultOptions=ml;ke.moduleName=_n;ke.folderName=cl;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 Ve=ke;import{jsx as Cf}from"react/jsx-runtime";var ul=e=>Cf(Ve,{...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(ul,{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 Hn="menu-button",fl=Hn;import{jsx as Of}from"react/jsx-runtime";var bl="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]},zn={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=zn.showArrow,arrowIconName:L=zn.arrowIconName,expanded:C,...M}=e;return Of(d,{...M,className:n(e.className,bl),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=bl;X.defaultOptions=zn;X.moduleName=Hn;X.folderName=fl;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 $e="menu",lt=$e;import{jsx as Pa,jsxs as hl}from"react/jsx-runtime";var Fn="k-menu-item",Bf=[i.hover,i.focus,i.active,i.selected,i.disabled],Pf={},xl={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=xl.iconPosition,dir:L,children:C,expanded:M,...E}=e,A=k;return A\|\|(A=L==="rtl"?"chevron-left":"chevron-right"),hl("li",{...E,className:n(e.className,Fn,"k-item",S(Fn,{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:[hl("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=Fn;ge.defaultOptions=xl;ge.moduleName=$e;ge.folderName=lt;import{jsx as wa,jsxs as Nl}from"react/jsx-runtime";var Un="k-menu-item",wf=[i.hover,i.focus,i.active,i.selected,i.disabled],Rf={},Gn={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=Gn.iconPosition,dir:L=Gn.dir,children:C,popup:M,expanded:E,...A}=e,w=k;return w\|\|(w=L==="rtl"?"chevron-left":"chevron-right"),Nl("li",{...A,className:n(e.className,Un,"k-item",S(Un,{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:[Nl("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=Un;Z.defaultOptions=Gn;Z.moduleName=$e;Z.folderName=lt;import{jsx as Hf}from"react/jsx-runtime";var kl="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,kl,{"k-menu-scroll-wrapper-vertical":a==="vertical"}),children:o})};to.states=Kf;to.options=_f;to.className=kl;to.defaultOptions=Df;to.moduleName=$e;to.folderName=lt;var gl=to;import{Fragment as Vn,jsx as oo,jsxs as ur}from"react/jsx-runtime";var $n="k-menu",zf=[],Ff={},fr={orientation:"horizontal",header:!0,scrollButtonsPosition:"around"},me=e=>{let{children:t,orientation:o=fr.orientation,header:a=fr.header,scrollable:r,scrollButtonsPosition:s=fr.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",$n,{[`${$n}-${o}`]:o,"k-header":a}),role:x?"menu":"menubar",...o==="vertical"&&{"aria-orientation":"vertical"},children:t});return ur(Vn,{children:[r?ur(gl,{orientation:o,style:l,dir:e.dir,children:[s==="start"&&ur(Vn,{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"&&ur(Vn,{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=$n;me.defaultOptions=fr;me.moduleName=$e;me.folderName=lt;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 Xn="k-separator",vl={orientation:"horizontal"},Do=e=>{let{orientation:t=vl.orientation,...o}=e;return Uf("li",{...o,className:n(e.className,"k-item",Xn,{[`${Xn}-${t}`]:t}),role:"separator"})};Do.className=Xn;Do.defaultOptions=vl;Do.moduleName=$e;Do.folderName=lt;import{Fragment as q_,jsx as W_}from"react/jsx-runtime";import{jsx as Xf}from"react/jsx-runtime";var qn="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,qn,I(qn,{size:o})),role:"menu",children:t})};ve.states=Gf;ve.options=Vf;ve.className=qn;ve.defaultOptions=$f;ve.moduleName=$e;ve.folderName=lt;import{Fragment as qf,jsx as Ho,jsxs as Wf}from"react/jsx-runtime";var Wn=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,Cl={...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}={...Cl,...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(Wn,{...a,...r,orientation:"vertical",style:{width:"200px"}}):ao(Wn,{...a,...r})};zo.options=Jf;zo.states=Yf;zo.variants=Qf;zo.defaultOptions=Cl;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 Ll}from"react/jsx-runtime";var eb=d.states,Ml={...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}={...Ml,...e},r={},s=kt(U,{className:"k-menu-popup",children:Ll(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 Ll(rb,{children:[l,o?.opened&&s]})};Fo.options=tb;Fo.states=eb;Fo.variants=ob;Fo.defaultOptions=Ml;Fo.modifiers=ab;Fo.className=X.className;var Jn="split-button",Sl=Jn;import{Fragment as sb,jsx as Yn,jsxs as Al}from"react/jsx-runtime";var Qn="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]},Il={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=Il.arrowIconName,popup:L,opened:C,popupId:M,...E}=e;return Al(sb,{children:[Al("div",{...E,className:n(e.className,Qn,"k-button-group",I(Qn,{rounded:o})),children:[Yn(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}),Yn(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&&Yn(U,{className:"k-menu-popup",children:L})]})};_.states=nb;_.options=ib;_.className=Qn;_.defaultOptions=Il;_.moduleName=Jn;_.folderName=Sl;_.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 Zn=_;import{jsx as db}from"react/jsx-runtime";var lb="k-toolbar-separator",mt=e=>db("div",{className:n(lb,e.className,"k-separator")});var St="toolbar",Ft=St;import{Fragment as jn,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===Zn)C.push(H(Zn,{...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===Ge?C.push(H(Ge,{...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(jn,{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(mt,{className:"k-toolbar-button-separator"}),H("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N})]}),s&&l==="end"&&Uo(jn,{children:[H("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N}),H(mt,{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(jn,{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(mt,{className:"k-toolbar-button-separator"}),H("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N}),H(mt,{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 Tl="k-floating-toolbar",ub=[],fb={},bb={},Go=e=>{let{...t}=e;return hb("div",{...t,className:n(e.className,Tl),children:e.children})};Go.states=ub;Go.options=fb;Go.className=Tl;Go.defaultOptions=bb;Go.moduleName=St;Go.folderName=Ft;import{jsx as gb}from"react/jsx-runtime";var ei="k-toolbar-item",xb=[i.focus],Nb={},kb={},Vo=e=>{let{focus:t,...o}=e;return gb("div",{...o,className:n(e.className,ei,S(ei,{focus:t})),children:e.children})};Vo.states=xb;Vo.options=Nb;Vo.className=ei;Vo.defaultOptions=kb;Vo.moduleName=St;Vo.folderName=Ft;import{jsx as yl}from"react/jsx-runtime";var El="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 yl(U,{...r,className:n(e.className,El),children:a?yl("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=El;ro.defaultOptions=Lb;ro.moduleName=St;ro.folderName=Ft;var br=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,Ol={..._.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}={...Ol,...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=Ol;$o.modifiers=Ib;$o.className=_.className;import{jsx as no,jsxs as yb}from"react/jsx-runtime";var Bl=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 Xe,jsxs as Pl}from"react/jsx-runtime";var wl=e=>Xe(R,{scrollable:!0,...e,children:[Xe(d,{children:"Button"},"toolbar-button"),Xe(X,{text:"Menu button"},"toolbar-menu-button"),Xe(_,{children:"Split button"},"toolbar-split-button"),Pl(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"),Pl(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")],...e});import{jsx as qe,jsxs as Rl}from"react/jsx-runtime";var Kl=({scrollingPosition:e="start",...t})=>qe(R,{scrollable:!0,scrollButtons:"hidden",scrollingPosition:e,...t,children:[qe(d,{children:"Button"},"toolbar-button"),qe(X,{text:"Menu button"},"toolbar-menu-button"),qe(_,{children:"Split button"},"toolbar-split-button"),Rl(B,{children:[qe(d,{className:"k-group-start",icon:"align-left",children:"Left"}),qe(d,{icon:"align-center",children:"Center"}),qe(d,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),qe(d,{children:"Button"},"toolbar-button"),qe(X,{text:"Menu button"},"toolbar-menu-button"),qe(_,{children:"Split button"},"toolbar-split-button"),Rl(B,{children:[qe(d,{className:"k-group-start",icon:"align-left",children:"Left"}),qe(d,{icon:"align-center",children:"Center"}),qe(d,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...t});import{Fragment as Eb,jsx as He,jsxs as hr}from"react/jsx-runtime";var _l=({fillMode:e,size:t,...o})=>hr(Eb,{children:[He(R,{section:!0,fillMode:e,size:t,children:[He(d,{fillMode:e,size:t,children:"Button"},"toolbar-button"),hr(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(mt,{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}),hr(br,{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(mt,{}),He(X,{text:"Menu button",fillMode:e,size:t},"toolbar-menu-button"),hr(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,Dl={...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}={...Dl,...e};switch(t){case"responsive":return Ut("div",{children:Ut(_l,{style:{width:"583px"},...o})});case"overlay":return Ut("div",{children:Ut(Kl,{style:{width:"583px"},...o,scrollingPosition:"start",scrollButtons:"hidden"})});case"scrollable":return Ut("div",{children:Ut(wl,{style:{width:"583px"},...o})});default:return Ut("div",{children:Ut(Bl,{style:{width:"583px"},...o})})}};Xo.options=Ob;Xo.states=Bb;Xo.variants=Pb;Xo.defaultOptions=Dl;Xo.modifiers=wb;Xo.className=R.className;var ti="prompt",Hl=ti;import{Fragment as Db,jsx as zl}from"react/jsx-runtime";var Fl="k-prompt",Rb=[],Kb={},_b={},W=e=>{let{...t}=e;return zl("div",{...t,className:n(e.className,Fl),children:zl(Db,{children:e.children})})};W.states=Rb;W.options=Kb;W.className=Fl;W.defaultOptions=_b;W.moduleName=ti;W.folderName=Hl;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",ut=e=>{let{...t}=e;return zb("div",{...t,className:n(e.className,Hb),children:e.children})};import{Fragment as Ub,jsx as Ul}from"react/jsx-runtime";var Fb="k-prompt-content",We=e=>{let{...t}=e;return Ul("div",{...t,className:n(e.className,Fb),children:Ul(Ub,{children:e.children})})};import{jsx as Vb}from"react/jsx-runtime";var Gb="k-prompt-view",Je=e=>{let{...t}=e;return Vb("div",{...t,className:n(e.className,Gb),children:e.children})};import{jsx as Gl,jsxs as Xb}from"react/jsx-runtime";var $b="k-prompt-expander",Ra=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:[Gl(F,{fillMode:"flat",icon:a?"chevron-up":"chevron-down","aria-expanded":a?"true":"false","aria-controls":a?s:void 0,children:t}),a&&Gl("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 Vl="k-prompt-send",$l={generating:!1},qo=e=>{let{generating:t=$l.generating,...o}=e;return Jb(d,{...o,className:n(e.className,Vl,{"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=Vl;qo.defaultOptions=$l;import{jsx as Xl,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]},ql={type:"button"},ae=e=>{let{size:t,rounded:o,themeColor:a,text:r,icon:s,type:l=ql.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&&Xl(v,{className:"k-fab-icon",icon:s}),r&&Xl("span",{className:"k-fab-text",children:r})]})};ae.states=Zb;ae.options=jb;ae.className=xr;ae.defaultOptions=ql;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",Wl=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 Yl,jsxs as rh}from"react/jsx-runtime";var Jl="k-fab-item",ah=[i.hover,i.focus,i.active,i.disabled],oi=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,Jl,{[`k-text-${a}`]:a},S(Jl,{hover:r,focus:s,active:l,disabled:p})),children:[Yl("span",{className:"k-fab-item-text",children:t}),Yl(v,{className:"k-fab-item-icon",icon:o})]})};oi.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(Wl,{position:"bottom",children:Wo(oi,{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 Ql="k-prompt-stop-fab",Zl={generating:!0},so=e=>{let{generating:t=Zl.generating,icon:o,...a}=e;return ph(ae,{...a,className:n(e.className,Ql,{"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=Ql;so.defaultOptions=Zl;var ai="speech-to-text-button",jl=ai;import{jsx as mh}from"react/jsx-runtime";var ed="k-speech-to-text-button",td={icon:"microphone-outline"},re=e=>{let{listening:t=!1,icon:o=td.icon,...a}=e;return mh(d,{...a,icon:t?"stop-sm":o,className:n(e.className,ed,{"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=ed;re.defaultOptions=td;re.moduleName=ai;re.folderName=jl;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,od={...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}={...od,...e},a={};return t==="listening"&&(a.listening=!0),xh(re,{...o,...a})};Yo.options=fh;Yo.states=uh;Yo.variants=hh;Yo.defaultOptions=od;Yo.modifiers=bh;Yo.className=re.className;var ri="textarea",ad=ri;import{Fragment as rd,jsx as Ka,jsxs as ni}from"react/jsx-runtime";var nd="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 ni(Q,{...Ce,size:t,rounded:o,fillMode:a,hover:C,focus:M,valid:E,invalid:A,required:w,disabled:J,className:n(e.className,nd,{"!k-flex-col":p==="vertical","!k-flex-row":p==="horizontal"}),children:[x&&ni(rd,{children:[Ka(_e,{className:n({"!k-align-items-start":p===l}),direction:l,children:x}),r&&Ka(Me,{direction:p==="horizontal"?"vertical":"horizontal"})]}),Ka(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&&ni(rd,{children:[s&&Ka(Me,{direction:p==="horizontal"?"vertical":"horizontal"}),Ka(De,{className:n({"!k-align-items-start":p===l}),direction:l,children:N})]})]})};Y.states=Nh;Y.options=kh;Y.className=nd;Y.defaultOptions=Qo;Y.moduleName=ri;Y.folderName=ad;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,id={...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}={...id,...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=id;Zo.modifiers=Lh;Zo.className=Y.className;import{Fragment as h5,jsx as f5,jsxs as b5}from"react/jsx-runtime";import{jsx as kr}from"react/jsx-runtime";var Mh="k-chip-action";var Tt=e=>{let{type:t,...o}=e,a;switch(t){case"remove":a=kr(v,{icon:"x-circle",size:"small"});break;case"more":a=kr(v,{icon:"more-vertical",size:"small"});break;default:return kr(v,{icon:t,size:"small"})}return kr("span",{...o,className:n(e.className,Mh,`k-chip-${t}-action`),children:a})};var si="avatar",sd=si;import{jsx as ld}from"react/jsx-runtime";var _a="k-avatar";var Sh=[i.hover,i.focus,i.active,i.selected,i.disabled],Ah={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 ld("div",{...p,className:n(e.className,_a,I(_a,{size:t,rounded:o,fillMode:a,themeColor:r}),{[`${_a}-bordered`]:l}),children:ld("span",{className:`${_a}-${s}`,children:e.children})})};Ee.states=Sh;Ee.options=Ah;Ee.className=_a;Ee.defaultOptions=li;Ee.moduleName=si;Ee.folderName=sd;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 Ih}from"react/jsx-runtime";var dd=e=>Ih(lo,{type:"icon",...e});import{jsx as Th}from"react/jsx-runtime";var cd=e=>Th(lo,{type:"text",...e});import{jsx as yh}from"react/jsx-runtime";var pd=e=>yh(lo,{type:"image",...e});import{jsx as D5}from"react/jsx-runtime";import{jsx as Da}from"react/jsx-runtime";var Eh=Ee.options,Oh=Ee.states,Bh={...Ee.defaultOptions,variant:"image"},Ph=[{name:"image",title:"Image"},{name:"icon",title:"Icon Avatar"},{name:"text",title:"Text Avatar"}],wh=[],jo=e=>{let{variant:t,...o}=e;switch(t){case"icon":return Da(dd,{...o,children:Da(v,{icon:"star"})});case"text":return Da(cd,{...o,children:"JO"});default:return Da(pd,{...o,children:Da("img",{src:"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg"})})}};jo.options=Eh;jo.states=Oh;jo.variants=Ph;jo.defaultOptions=Bh;jo.modifiers=wh;jo.className=Ee.className;var Ha="chip",gr=Ha;import{jsx as ea,jsxs as _h}from"react/jsx-runtime";var vr="k-chip",Rh=[i.hover,i.focus,i.active,i.selected,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.outline],themeColor:[h.undefined,h.base,h.success,h.warning,h.error,h.info]},md={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=md.avatarImage,hover:N,focus:k,active:m,selected:L,disabled:C,...M}=e;return _h("div",{...M,className:n(e.className,vr,I(vr,{size:t,rounded:o,fillMode:a,themeColor:r}),S(vr,{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=Rh;Oe.options=Kh;Oe.className=vr;Oe.defaultOptions=md;Oe.moduleName=Ha;Oe.folderName=gr;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 dt=Oe;import{jsx as Fh}from"react/jsx-runtime";var di="k-chip-list",Dh=[],Hh={size:[c.undefined,c.small,c.medium,c.large]},zh={},xe=e=>{let{size:t,multiselectable:o,ariaLabel:a,...r}=e;return Fh("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=Dh;xe.options=Hh;xe.className=di;xe.defaultOptions=zh;xe.moduleName=Ha;xe.folderName=gr;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 fF}from"react/jsx-runtime";import{jsx as NF}from"react/jsx-runtime";import{jsx as Uh}from"react/jsx-runtime";var Cr=e=>Uh(dt,{text:"text",...e});import{jsx as AF}from"react/jsx-runtime";import{jsx as EF}from"react/jsx-runtime";import{Fragment as KF,jsx as RF,jsxs as _F}from"react/jsx-runtime";import{jsx as UF,jsxs as GF}from"react/jsx-runtime";import{jsx as WF,jsxs as JF}from"react/jsx-runtime";import{jsx as tU,jsxs as oU}from"react/jsx-runtime";import{jsx as ta,jsxs as Wh}from"react/jsx-runtime";var Gh={...dt.options,...xe.options},Vh=[],$h=xe.states,Xh={...dt.defaultOptions,...xe.defaultOptions},qh=[{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 Wh(xe,{size:a.size,className:o,children:[ta(Cr,{...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(Cr,{...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(Cr,{...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=Gh;oa.states=$h;oa.variants=Vh;oa.defaultOptions=Xh;oa.modifiers=qh;oa.className=xe.className;import{jsx as ci}from"react/jsx-runtime";var Jh=Oe.states,Yh=Oe.defaultOptions,Qh=Oe.options,Zh=[],jh=[{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=Qh;aa.states=Jh;aa.variants=Zh;aa.defaultOptions=Yh;aa.modifiers=jh;aa.className=Oe.className;import{Fragment as GU,jsx as FU,jsxs as UU}from"react/jsx-runtime";import{jsx as tx}from"react/jsx-runtime";var ex="k-card-callout",ud=e=>{let{callout:t,...o}=e;return tx("span",{...o,className:n(e.className,ex,{[`k-callout-${Li.calloutMap[t]\|\|t}`]:t})})};var Ye="card",ct=Ye;import{Fragment as nx,jsx as fd,jsxs as ix}from"react/jsx-runtime";var pi="k-card",ox=[i.hover,i.focus,i.selected,i.disabled],ax={},rx={},j=e=>{let{orientation:t,callout:o,hover:a,focus:r,selected:s,disabled:l,...p}=e;return ix("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"&&fd(ud,{callout:o}),fd(nx,{children:e.children})]})};j.states=ox;j.options=ax;j.className=pi;j.defaultOptions=rx;j.moduleName=Ye;j.folderName=ct;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 cx,jsx as bd}from"react/jsx-runtime";var mi="k-card-list",sx=[],lx={},dx={},Gt=e=>{let{...t}=e;return bd("div",{...t,className:n(e.className,mi,S(mi,{})),role:"list",children:bd(cx,{children:e.children})})};Gt.states=sx;Gt.options=lx;Gt.className=mi;Gt.defaultOptions=dx;Gt.moduleName=Ye;Gt.folderName=ct;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 fx}from"react/jsx-runtime";var hd="k-card-group",px=[],mx={},ux={},ra=e=>{let{...t}=e;return fx("div",{...t,className:n(e.className,hd),children:e.children})};ra.states=px;ra.options=mx;ra.className=hd;ra.defaultOptions=ux;ra.moduleName=Ye;ra.folderName=ct;import{jsx as Nx}from"react/jsx-runtime";var ui="k-card-wrap",bx=[i.focus,i.selected],hx={},xx={},na=e=>{let{focus:t,selected:o,...a}=e;return Nx("div",{...a,className:n(e.className,ui,S(ui,{focus:t,selected:o})),children:e.children})};na.states=bx;na.options=hx;na.className=ui;na.defaultOptions=xx;na.moduleName=Ye;na.folderName=ct;import{jsx as gx}from"react/jsx-runtime";var fi="k-card-title",kx=[i.hover,i.focus],co=e=>{let{hover:t,focus:o,...a}=e;return gx("div",{...a,className:n(e.className,fi,S(fi,{hover:t,focus:o})),children:e.children})};co.states=kx;co.className=fi;import{jsx as Cx}from"react/jsx-runtime";var vx="k-card-subtitle",Lr=e=>{let{...t}=e;return Cx("div",{...t,className:n(e.className,vx),children:e.children})};import{Fragment as Nd,jsx as Mr}from"react/jsx-runtime";var xd="k-card-media",bi=e=>{let{src:t,...o}=e;return Mr(Nd,{children:t?Mr("img",{...o,className:n(e.className,xd),src:t}):Mr("span",{...o,className:n(e.className,xd),children:Mr(Nd,{children:e.children})})})};import{Fragment as Mx,jsx as za,jsxs as Sx}from"react/jsx-runtime";var Lx="k-card-header",yt=e=>{let{title:t,subtitle:o,details:a,...r}=e;return Sx("div",{...r,className:n(e.className,Lx),children:[t&&za(co,{children:t}),o&&za(Lr,{children:o}),za(Mx,{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 Ix}from"react/jsx-runtime";var Ax="k-card-footer",hi=e=>{let{...t}=e;return Ix("div",{...t,className:n(e.className,Ax),children:e.children})};import{Fragment as yx,jsx as Fa,jsxs as Ex}from"react/jsx-runtime";var Tx="k-card-body",Qe=e=>{let{title:t,subtitle:o,details:a,...r}=e;return Ex("div",{...r,className:n(e.className,Tx),children:[t&&Fa(co,{children:t}),o&&Fa(Lr,{children:o}),Fa(yx,{children:e.children}),a&&Fa("span",{className:"k-card-header-actions",children:Fa(d,{className:"k-card-details",icon:"more-vertical",fillMode:"flat","aria-label":"Card details"})})]})};import{jsx as wx}from"react/jsx-runtime";var kd="k-card-deck",Ox=[],Bx={},Px={},ia=e=>{let{...t}=e;return wx("div",{...t,className:n(e.className,kd),children:e.children})};ia.states=Ox;ia.options=Bx;ia.className=kd;ia.defaultOptions=Px;ia.moduleName=Ye;ia.folderName=ct;import{jsx as Dx}from"react/jsx-runtime";var gd="k-card-deck-scrollwrap",Rx=[],Kx={},_x={},sa=e=>{let{...t}=e;return Dx("div",{...t,className:n(e.className,gd),children:e.children})};sa.states=Rx;sa.options=Kx;sa.className=gd;sa.defaultOptions=_x;sa.moduleName=Ye;sa.folderName=ct;import{Fragment as Hx,jsx as la,jsxs as vd}from"react/jsx-runtime";var Cd=e=>la(j,{orientation:"vertical",children:vd(Hx,{children:[la(yt,{children:"Card Header"}),la(Qe,{children:la("p",{children:"Some quick example text to build on the card title and make up the bulk of the card's content."})}),vd(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 zx,jsx as Ua,jsxs as Ld}from"react/jsx-runtime";var Md=e=>Ua(j,{orientation:"horizontal",children:Ld(zx,{children:[Ua(Qe,{title:"Card Title",children:Ua("p",{children:"Some quick example text to build on the card title and make up the bulk of the card's content."})}),Ld(z,{orientation:"vertical",className:"k-card-actions",children:[Ua(d,{fillMode:"flat",themeColor:"primary",children:"Action 1"}),Ua(d,{fillMode:"flat",themeColor:"primary",children:"Action 2"})]})]}),...e});import{jsx as n9,jsxs as i9}from"react/jsx-runtime";import{jsx as Be,jsxs as Ga}from"react/jsx-runtime";var Fx=j.options,Ux=j.states,Sd={...j.defaultOptions,variant:"vertical"},Gx=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],Vx=[{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}={...Sd,...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"?Ga(Md,{style:{maxWidth:"420px"},...a,children:[r&&Be(bi,{src:"https://demos.telerik.com/kendo-ui/content/web/cards/rome.jpg"}),Ga("div",{children:[s&&Be(yt,{title:"Header Title",subtitle:"Header Subtitle"}),Be(Qe,{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"}),Ga(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"})]})]}):Ga(Cd,{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(Qe,{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"}),Ga(z,{className:"k-card-actions",children:[Be(d,{fillMode:"flat",themeColor:"primary",children:"Button"}),Be(d,{fillMode:"flat",themeColor:"primary",children:"Button"})]})]})};da.options=Fx;da.states=Ux;da.variants=Gx;da.defaultOptions=Sd;da.modifiers=Vx;da.className=j.className;import{jsx as V9,jsxs as $9}from"react/jsx-runtime";var xi="panelbar",Ad=xi;import{jsx as Wx}from"react/jsx-runtime";var Id="k-panelbar",$x=[],Xx={},qx={},Ne=e=>{let{activeDescendant:t,...o}=e;return Wx("ul",{...o,className:n(e.className,Id),role:"tree","aria-activedescendant":t,children:e.children})};Ne.states=$x;Ne.options=Xx;Ne.className=Id;Ne.defaultOptions=qx;Ne.moduleName=xi;Ne.folderName=Ad;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 Sr,jsxs as Td}from"react/jsx-runtime";var yd="k-panelbar-item",Jx=[i.hover,i.focus,i.selected,i.disabled],Yx={},Ar={level:0,expanded:!1,text:"Item"},y=e=>{let{text:t=Ar.text,level:o=Ar.level,expanded:a=Ar.expanded,header:r,hover:s,focus:l,selected:p,disabled:b,icon:x,iconClass:N,ariaSelected:k,children:m,...L}=e,C=!!m;return Td("li",{...L,className:n(e.className,yd,{"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:[Td("span",{className:n("k-link",S("k-link",{hover:s,focus:l,disabled:b,selected:p})),children:[x&&Sr(v,{className:"k-panelbar-item-icon",icon:x}),N&&!x&&Sr("span",{className:`k-panelbar-item-icon ${N}`}),Sr("span",{className:"k-panelbar-item-text",children:t}),C&&Sr(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=Jx;y.options=Yx;y.className=yd;y.defaultOptions=Ar;import{jsx as eN}from"react/jsx-runtime";var Ed="k-panelbar-group",Qx=[],Zx={},jx={},Pe=e=>{let{ariaHidden:t,...o}=e;return eN("ul",{...o,className:n(e.className,Ed),role:"group","aria-hidden":t?"true":void 0,children:e.children})};Pe.states=Qx;Pe.options=Zx;Pe.className=Ed;Pe.defaultOptions=jx;import{jsx as rN}from"react/jsx-runtime";var Od="k-panelbar-content",tN=[],oN={},aN={},le=e=>{let{...t}=e;return rN("div",{...t,className:n(e.className,Od),children:e.children})};le.states=tN;le.options=oN;le.className=Od;le.defaultOptions=aN;import{Fragment as nN,jsx as Vt,jsxs as iN}from"react/jsx-runtime";var Va=e=>{let t=T("pb-item"),o=T("pb-item"),a=T("pb-item"),r=T("pb-item");return Vt(Ne,{children:iN(nN,{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 x6,jsx as h6,jsxs as N6}from"react/jsx-runtime";import{Fragment as sN,jsx as we,jsxs as ki}from"react/jsx-runtime";var Bd=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(sN,{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 Pd,jsx as ee,jsxs as Ir}from"react/jsx-runtime";var lN=Ne.options,dN=Ne.states,wd={...Ne.defaultOptions,variant:"normal"},cN=[{name:"normal",title:"Normal"},{name:"expand",title:"Expanded"}],pN=[{name:"icon",title:"Item icons"},{name:"disabled",title:"Disabled item"}],ca=e=>{let{variant:t,modifiers:o,...a}={...wd,...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(Pd,{children:Ir(Bd,{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:Ir(Pe,{children:[ee(y,{level:1,text:"Child 1"}),ee(y,{level:1,expanded:!0,text:"Child 2",children:Ir(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(Pd,{children:Ir(Va,{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=lN;ca.states=dN;ca.variants=cN;ca.defaultOptions=wd;ca.modifiers=pN;ca.className=Ne.className;import{jsx as X6,jsxs as q6}from"react/jsx-runtime";import{Fragment as n7,jsx as a7,jsxs as r7}from"react/jsx-runtime";import{Fragment as h7,jsx as f7,jsxs as b7}from"react/jsx-runtime";import{Fragment as M7,jsx as L7,jsxs as S7}from"react/jsx-runtime";var gi="suggestion",Rd=gi;import{jsx as Tr,jsxs as fN}from"react/jsx-runtime";var yr="k-suggestion-group",mN=[],uN={},Kd={layout:"scrollable",scrollingPosition:"start"},Ze=e=>{let{layout:t=Kd.layout,scrollingPosition:o,...a}=e,r=Tr("div",{...a,className:n(yr,{"k-suggestion-group-scrollable":t=="scrollable",[`${yr}-scrollable-start`]:o==="start"\|\|o==="both",[`${yr}-scrollable-end`]:o==="end"\|\|o==="both"},e.className),role:"group",children:t==="scrollable"\|\|t==="scrollButtons"?Tr("div",{className:"k-suggestions-scroll",children:e.children}):e.children});return t=="scrollButtons"?fN("div",{className:"k-suggestion-scrollwrap",children:[Tr(d,{fillMode:"flat",icon:"chevron-left",size:"xsmall","aria-label":"Scroll left"}),r,Tr(d,{fillMode:"flat",icon:"chevron-right",size:"xsmall","aria-label":"Scroll right"})]}):r};Ze.states=mN;Ze.options=uN;Ze.className=yr;Ze.defaultOptions=Kd;Ze.moduleName=gi;Ze.folderName=Rd;import{jsx as NN}from"react/jsx-runtime";var Er="k-suggestion",bN=[i.active,i.hover,i.focus],hN={themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary]},xN={text:"Suggestion"},ze=e=>{let{themeColor:t,active:o,hover:a,focus:r,text:s,...l}=e;return NN("span",{...l,className:n(e.className,Er,S(Er,{hover:a,active:o,focus:r}),I(Er,{themeColor:t})),role:"button",tabIndex:0,"aria-label":s,children:s})};ze.states=bN;ze.options=hN;ze.className=Er;ze.item=xN;import{Fragment as H7,jsx as D7,jsxs as z7}from"react/jsx-runtime";import{Fragment as $7,jsx as V7,jsxs as X7}from"react/jsx-runtime";import{Fragment as Q7,jsx as Y7,jsxs as Z7}from"react/jsx-runtime";import{Fragment as _d,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(_d,{children:de(Ze,{layout:"wrap",children:[g(ze,{text:"Post for work-life balance importance"}),g(ze,{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(ut,{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(We,{children:g(Je,{children:de(Va,{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(ut,{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(We,{children:[g(so,{}),g(Je,{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(Qe,{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(Qe,{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(ut,{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(We,{children:de(Je,{children:[g(Y,{resize:"none",rows:2,placeholder:"Ask or generate content with AI",suffixSeparator:!1,suffix:g(_d,{children:s.stt?g(re,{fillMode:"flat"}):null})}),g(Ra,{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 Or}from"react/jsx-runtime";var Q4=e=>Or(W,{...e,children:[Re(ut,{children:Or(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(We,{children:Or(Je,{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(Ra,{expanded:!0,title:"Prompt Suggestions",children:Or(Ze,{layout:"wrap",children:[Re(ze,{text:"Suggestion 1"}),Re(ze,{text:"Suggestion 2"}),Re(ze,{text:"Reply with very very very very very very very long text"})]})})]})}),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 PromptSuggestions};
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 Ci(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"},Li={calloutMap:{top:"n",bottom:"s",left:"w",right:"e"},orientationMap:{vertical:"vstack",horizontal:"hstack"}};var Rr={};function T(e){return Rr[e]=(Rr[e]\|\|0)+1,`k-${e}-${Rr[e]}`}var Kr="action-buttons",Mi=Kr;import{jsx as Fd}from"react/jsx-runtime";var Xa="k-actions",Hd=[],zd={},_r={alignment:"start",orientation:"horizontal"},z=e=>{let{alignment:t=_r.alignment,orientation:o=_r.orientation,...a}=e;return Fd("div",{...a,className:n(Xa,{[`${Xa}-${t}`]:t,[`${Xa}-${o}`]:o},e.className),children:e.children})};z.states=Hd;z.options=zd;z.className=Xa;z.defaultOptions=_r;z.moduleName=Kr;z.folderName=Mi;import{Fragment as $d,jsx as Si}from"react/jsx-runtime";var Dr="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?Si("span",{...l,className:n(e.className,Dr,I(Dr,{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"}):Si($d,{})};ma.states=Ud;ma.options=Gd;ma.className=Dr;ma.defaultOptions=Vd;var Ai=ma;import{Fragment as Wd,jsx as qa}from"react/jsx-runtime";var Hr="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]},Ii={viewBox:"0 0 24 24"},ua=e=>{let{size:t,themeColor:o,rotate:a,flip:r,viewBox:s=Ii.viewBox,icon:l,...p}=e;if(!l)return qa(Wd,{});if(l==="none")return qa("span",{...p,className:n(e.className,Hr,I("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let b=typeof l=="object"&&l.name&&l.name;return qa("span",{...p,className:n(e.className,Hr,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:qa("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=Hr;ua.defaultOptions=Ii;var zr=ua;importas Fr from"@progress/kendo-svg-icons";var Ti="icon",yi="icons";import{useContext as Yd}from"react";import{createContext as Jd}from"react";var Ei=Jd({iconsType:"svg"});import{Fragment as Oi,jsx as fa}from"react/jsx-runtime";var Wa="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]},Ur={viewBox:"0 0 24 24",type:"svg"},v=e=>{let{iconsType:t}=Yd(Ei),{size:o,themeColor:a,icon:r,type:s=t\|\|Ur.type,rotate:l,flip:p,viewBox:b=Ur.viewBox,...x}=e;if(!r)return fa(Oi,{});if((t\|\|s)==="svg"){if(r==="none")return fa(zr,{...x,className:n(e.className,Wa),icon:r,size:o});let k=Fr[r]?r:Qd(`${r}-icon`);return Fr[k]?fa(zr,{...x,className:n(e.className,Wa),icon:Fr[k],size:o,themeColor:a,rotate:l,flip:p,viewBox:b}):fa(Oi,{})}return fa(Ai,{...x,className:n(e.className,Wa),icon:r,size:o,themeColor:a,rotate:l,flip:p})};v.states=Zd;v.options=jd;v.defaultOptions=Ur;v.className=Wa;v.moduleName=Ti;v.folderName=yi;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 Gr="button",Bi=Gr;import{Fragment as ac,jsx as ba,jsxs as Pi}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]},Vr={showArrow:!1,arrowIconName:"chevron-down"},d=e=>{let{as:t="button",size:o,rounded:a,fillMode:r,themeColor:s,showArrow:l=Vr.showArrow,arrowIconName:p=Vr.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 Pi(t,{className:n(J,ha,Ci(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?Pi(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=Vr;d.moduleName=Gr;d.folderName=Bi;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 $r}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 $r(V,{...o,icon:"star"});case"icon-and-text":return $r(F,{...o,icon:"star",children:"Button"});default:return $r(Xt,{...o,children:"Button"})}};po.options=sc;po.states=lc;po.variants=cc;po.defaultOptions=dc;po.modifiers=pc;po.className=d.className;var Xr="button",wi=Xr;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=Xr;B.folderName=wi;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 qr}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"?qr(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"?qr(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"})]}):qr(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",Ja=Na;import{jsx as Mc}from"react/jsx-runtime";var Ya="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,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}))})};Q.states=vc;Q.options=Cc;Q.className=Ya;Q.defaultOptions=Lc;Q.moduleName=Na;Q.folderName=Ja;import{jsx as Tc}from"react/jsx-runtime";var Qa="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,Qa,I(Qa,{size:b,rounded:x,fillMode:N}),S(Qa,{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=Qa;ft.defaultOptions=Ic;ft.moduleName=Na;ft.folderName=Ja;import{Fragment as Oc,jsx as Wr}from"react/jsx-runtime";var Ri="k-clear-value",yc=[i.disabled,i.loading,i.readonly],Ec={},Fe=e=>{let{disabled:t,loading:o,readonly:a,value:r}=e;return t\|\|a\|\|o\|\|!r?Wr(Oc,{}):Wr("span",{className:n(e.className,Ri),children:Wr(v,{icon:"x"})})};Fe.states=yc;Fe.options=Ec;Fe.className=Ri;import{jsx as wc}from"react/jsx-runtime";var Jr="k-input-inner",Bc=[],Pc={},Za={type:"text",autocomplete:"off",value:"",placeholder:""},Ue=e=>{let{value:t=Za.value,type:o=Za.type,placeholder:a=Za.placeholder,autocomplete:r=Za.autocomplete,disabled:s,readOnly:l,...p}=e;return wc("input",{...p,type:o,className:n(e.className,Jr,I(Jr,e)),placeholder:a,autoComplete:r,defaultValue:t,disabled:s\|\|void 0,readOnly:l\|\|void 0})};Ue.states=Bc;Ue.options=Pc;Ue.className=Jr;import{jsx as Ki,jsxs as _c}from"react/jsx-runtime";var Yr="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,Yr,I(Yr,e)),children:[r,!r&&s&&Ki(v,{className:"k-input-value-icon",icon:s}),a&&!t&&o,a&&t&&Ki("span",{className:"k-input-value-text",children:t})]})};qt.states=Rc;qt.options=Kc;qt.className=Yr;import{jsx as zc}from"react/jsx-runtime";var Qr="k-input-inner",Dc=[],Hc={},_i={value:"",placeholder:""},ka=e=>{let{value:t=_i.value,placeholder:o=_i.placeholder,rows:a,disabled:r,...s}=e;return zc("textarea",{...s,className:n(e.className,Qr,I(Qr,e)),placeholder:o,rows:a,defaultValue:t,disabled:r\|\|void 0})};ka.states=Dc;ka.options=Hc;ka.className=Qr;import{Fragment as Uc,jsx as Di}from"react/jsx-runtime";var Hi="k-input-loading-icon",Fc=[i.disabled,i.loading],Ke=e=>{let{disabled:t,loading:o}=e;return t\|\|!o?Di(Uc,{}):Di("span",{className:n(e.className,Hi,"k-icon k-i-loading")})};Ke.states=Fc;Ke.className=Hi;import{Fragment as $c,jsx as zi}from"react/jsx-runtime";var Fi="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)?zi($c,{}):zi(v,{className:n(Fi),icon:s})};Le.states=Gc;Le.options=Vc;Le.className=Fi;import{Fragment as Wc,jsx as Ui}from"react/jsx-runtime";var Xc="k-input-prefix",qc={direction:"horizontal"},_e=e=>{let{direction:t=qc.direction,...o}=e;return e.children?Ui("span",{...o,className:n(Xc,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):Ui(Wc,{})};import{Fragment as Qc,jsx as Gi}from"react/jsx-runtime";var Jc="k-input-suffix",Yc={direction:"horizontal"},De=e=>{let{direction:t=Yc.direction,...o}=e;return e.children?Gi("span",{...o,className:n(Jc,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):Gi(Qc,{})};import{jsx as Tv}from"react/jsx-runtime";import{jsx as jc}from"react/jsx-runtime";var Zc="k-input-suffix-text",Zr=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 Vi="k-input-separator",ep={direction:"vertical"},Me=e=>{let{direction:t=ep.direction,...o}=e;return tp("span",{...o,className:n(Vi,e.className,{[`${Vi}-${t}`]:t})})};import{Fragment as $i,jsx as bt,jsxs as jr}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 jr(Q,{...p,valid:o,invalid:a,loading:r,disabled:s,readonly:l,style:{width:300},children:[b&&jr($i,{children:[bt(_e,{children:bt(v,{icon:"lock"})}),m&&bt(Me,{})]}),bt(Ue,{placeholder:"Placeholder",value:"Value"}),k&&bt(Le,{valid:o,invalid:a,loading:r,disabled:s}),bt(Ke,{loading:r,disabled:s}),N&&bt(Fe,{loading:r,disabled:s,readonly:l,value:"Value"}),x&&jr($i,{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 Xi,jsxs as dp}from"react/jsx-runtime";var qi="k-color-preview",sp=[],lp={},Ot=e=>{let{color:t,iconName:o,...a}=e;return dp("span",{...a,className:n(e.className,qi,{"k-icon-color-preview":o,"k-no-color":!t}),children:[o&&Xi(v,{icon:o,className:"k-color-preview-icon"}),Xi("span",{className:"k-color-preview-mask",style:{backgroundColor:t}})]})};Ot.states=sp;Ot.options=lp;Ot.className=qi;var en="popup",Wi=en;import{jsx as Ji}from"react/jsx-runtime";var Yi="k-animation-container",cp=[],pp={},Qi={positionMode:"absolute"},ht=e=>{let{positionMode:t=Qi.positionMode,animationStyle:o,offset:a,...r}=e;return Ji("div",{...r,style:{...a,...e.style},className:n(e.className,Yi,"k-animation-container-shown",{"k-animation-container-fixed":t==="fixed"}),children:Ji("div",{className:"k-child-animation-container",style:o,children:e.children})})};ht.states=cp;ht.options=pp;ht.className=Yi;ht.defaultOptions=Qi;ht.moduleName=en;ht.folderName=Wi;var tn="popup",Zi=tn;import{jsx as ji}from"react/jsx-runtime";var es="k-popup",mp=[],up={},ts={positionMode:"absolute"},U=e=>{let{offset:t,positionMode:o=ts.positionMode,animationStyle:a,containerClassName:r,containerRole:s,containerAriaLabel:l,...p}=e;return ji(ht,{positionMode:o,offset:t,animationStyle:a,className:r,role:s,"aria-label":l,children:ji("div",{...p,className:n(e.className,es),children:e.children})})};U.states=mp;U.options=up;U.className=es;U.defaultOptions=ts;U.moduleName=tn;U.folderName=Zi;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",os={alignment:"stretched",orientation:"horizontal"},Bt=e=>{let{alignment:t=os.alignment,orientation:o=os.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 on="searchbox",as=on;import{jsx as ga,jsxs as Np}from"react/jsx-runtime";var rs="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]},an={showIcon:!0,icon:"search"},je=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=an.showIcon,icon:C=an.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,rs),children:[L&&ga(v,{className:"k-input-icon",icon:C}),ga(Ue,{placeholder:o,value:t,"aria-label":M}),ga(Ke,{...e}),ga(Le,{...e}),ga(Fe,{...e})]})};je.states=hp;je.options=xp;je.className=rs;je.defaultOptions=an;je.moduleName=on;je.folderName=as;import{jsx as XC}from"react/jsx-runtime";var rn="textbox",ns=rn;import{Fragment as is,jsx as Pt,jsxs as nn}from"react/jsx-runtime";var ss="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]},ja={showClearButton:!0,showValidationIcon:!0,separators:!0},be=e=>{let{size:t,rounded:o,fillMode:a,separators:r=ja.separators,showClearButton:s=ja.showClearButton,showValidationIcon:l=ja.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 nn(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,ss),children:[p&&nn(is,{children:[Pt(_e,{children:p}),r&&Pt(Me,{})]}),Pt(Ue,{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(Fe,{loading:A,disabled:w,readonly:J,value:N}),b&&nn(is,{children:[r&&Pt(Me,{}),Pt(De,{children:b})]})]})};be.states=kp;be.options=gp;be.className=ss;be.defaultOptions=ja;be.moduleName=rn;be.folderName=ns;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 ls=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 sn}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]?sn(v,{icon:"lock"}):void 0;break;case"suffix":a.suffix=t?.[r]?sn(Xt,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":a.showClearButton=t?.[r];break;default:break}}),sn(ls,{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 ln}from"react/jsx-runtime";var ds="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 ln("div",{...m,className:n(e.className,ds),children:[ln("div",{className:"k-actionsheet-titlebar-group",children:[a&&wt("div",{className:"k-actionsheet-actions",children:a}),!k&&ln("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(je,{placeholder:"Filter",size:x?"large":"medium","aria-label":"Filter options"})})]})};Se.className=ds;Se.defaultOptions=Ip;import{jsx as dn,jsxs as Op}from"react/jsx-runtime";var cn="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&&dn(Se,{adaptive:t,titleId:l,...r?.props}),x=s?.type===Bt&&dn(Bt,{...s?.props});return Op("div",{...p,className:n(e.className,cn,{[`${cn}-animated`]:o}),children:[b,dn("div",{className:"k-actionsheet-content",children:a}),x]})};bo.states=Tp;bo.options=yp;bo.className=cn;bo.defaultOptions=Ep;var Ca="action-sheet",er=Ca;var pn="overlay",cs=pn;import{jsx as Rp}from"react/jsx-runtime";var ps="k-overlay",Bp=[],Pp={},wp={},Rt=e=>{let{...t}=e;return Rp("div",{...t,className:n(e.className,ps),children:e.children})};Rt.states=Bp;Rt.options=Pp;Rt.className=ps;Rt.defaultOptions=wp;Rt.moduleName=pn;Rt.folderName=cs;import{jsx as tr,jsxs as Dp}from"react/jsx-runtime";var ms="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&&tr(Rt,{}),tr(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:tr("div",{...N,id:x,role:"dialog","aria-modal":r?"true":void 0,"aria-labelledby":k,className:n(e.className,ms,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":a}),children:s\|\|tr(bo,{header:p,footer:b,adaptive:a,titleId:k,...e,children:l})})})]})};te.states=Kp;te.options=_p;te.className=ms;te.defaultOptions=La;te.moduleName=Ca;te.folderName=er;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 us="k-actionsheet-container",Hp=[],zp={},Fp={},ho=e=>{let{children:t,...o}=e;return Up("div",{...o,className:us,children:t})};ho.states=Hp;ho.options=zp;ho.className=us;ho.defaultOptions=Fp;ho.moduleName=Ca;ho.folderName=er;import{jsx as Gp}from"react/jsx-runtime";var mn=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 un}from"react/jsx-runtime";var fn="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 un("span",{...b,className:n(e.className,fn,S(fn,{hover:r,focus:s,selected:l,disabled:p})),children:[!e.children&&Ma($p,{children:un("span",{className:"k-actionsheet-action",children:[t&&Ma("span",{className:"k-icon-wrap",children:Ma(v,{className:"k-actionsheet-item-icon",icon:t})}),un("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=fn;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 bn}from"react/jsx-runtime";var Xp=te.options,qp=te.states,bs={...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}={...bs,...e},r={},s=bn(mn,{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?bn(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?bn(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=bs;xo.modifiers=Jp;xo.className=te.className;var hn="slider",hs=hn;import{jsx as No,jsxs as xn}from"react/jsx-runtime";var Sa="k-slider",Yp=[i.hover,i.focus,i.active,i.disabled,i.readonly],Qp={},et={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=et.type,orientation:o=et.orientation,gradientType:a=et.gradientType,readonly:r=et.readonly,disabled:s=et.disabled,handlePosition:l=et.handlePosition,showButtons:p=et.showButtons,showTicks:b=et.showTicks,value:x=et.value,min:N=et.min,max:k=et.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"),xn("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"}),xn("div",{className:"k-slider-track-wrap",children:[b&&No("ul",{className:"k-reset k-slider-items","aria-hidden":"true",children:e.children}),xn("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=et;q.moduleName=hn;q.folderName=hs;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 xs}from"react/jsx-runtime";var Ns="k-tick",Zp=[],jp={},ks={label:!1},O=e=>{let{style:t,label:o=ks.label,orientation:a,large:r,text:s,...l}=e;return xs("li",{...l,role:"presentation",title:s\|\|"Tick",className:n(e.className,Ns,{[`k-tick-${a}`]:a,"k-tick-large":r}),style:t,children:o&&xs("span",{className:"k-label",children:s})})};O.states=Zp;O.options=jp;O.className=Ns;O.defaultOptions=ks;import{Fragment as em,jsx as tt,jsxs as tm}from"react/jsx-runtime";var gs=e=>tt(q,{"aria-label":e["aria-label"]\|\|"Slider",children:tm(em,{children:[tt(O,{className:"k-first",label:!0,large:!0,text:"0"}),tt(O,{}),tt(O,{}),tt(O,{}),tt(O,{}),tt(O,{label:!0,large:!0,text:"5"}),tt(O,{}),tt(O,{}),tt(O,{}),tt(O,{}),tt(O,{className:"k-last",label:!0,large:!0,text:"10"})]}),...e});import{Fragment as om,jsx as ot,jsxs as am}from"react/jsx-runtime";var vs=e=>ot(q,{children:am(om,{children:[ot(O,{className:"k-first",label:!0,large:!0,text:"0"}),ot(O,{}),ot(O,{}),ot(O,{}),ot(O,{}),ot(O,{label:!0,large:!0,text:"5"}),ot(O,{}),ot(O,{}),ot(O,{}),ot(O,{}),ot(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 Nn=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 kn=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 Cs}from"react/jsx-runtime";var im=q.options,sm=q.states,Ls={...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}={...Ls,...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"?Cs(vs,{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%"}})]}):Cs(gs,{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=Ls;ko.modifiers=dm;ko.className=q.className;import{jsx as Ms,jsxs as fm}from"react/jsx-runtime";var Ss="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]},gn={increaseLabel:"Increase value",decreaseLabel:"Decrease value"},_t=e=>{let{size:t,fillMode:o,disabled:a,increaseLabel:r=gn.increaseLabel,decreaseLabel:s=gn.decreaseLabel,...l}=e;return fm("span",{...l,className:n(Ss,e.className),children:[Ms(d,{className:"k-spinner-increase",icon:"chevron-up",size:t,fillMode:o,disabled:a,"aria-label":r}),Ms(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=Ss;_t.defaultOptions=gn;_t.moduleName=null;_t.folderName=null;var As="numeric-textbox",Is="numerictextbox";import{Fragment as Ts,jsx as vt,jsxs as vn}from"react/jsx-runtime";var ys="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]},or={showSpinButton:!0,showClearButton:!0,separators:!0},G=e=>{let{size:t,rounded:o,fillMode:a,separators:r=or.separators,showClearButton:s=or.showClearButton,showSpinButton:l=or.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 vn(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,ys),children:[p&&vn(Ts,{children:[vt(_e,{children:p}),r&&vt(Me,{})]}),vt(Ue,{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(Fe,{loading:E,disabled:A,readonly:w,value:x}),b&&vn(Ts,{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=ys;G.defaultOptions=or;G.moduleName=As;G.folderName=Is;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 Es=e=>xm(Aa,{...e});import Ln from"react";import{jsx as Os}from"react/jsx-runtime";var Nm="k-list-group-sticky-header",Cn=e=>Os("div",{className:n(Nm,e.className),children:Os("div",{className:"k-list-header-text",children:e.children})});import{jsx as gm}from"react/jsx-runtime";var km="k-no-data",ar=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 Bs,jsxs as Ps}from"react/jsx-runtime";var Mn="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=Ln.Children.toArray(a)[0],m=k?.props?.children?Ln.Children.count(k.props.children):Ln.Children.count(a);return Ps("div",{...x,className:n(e.className,Mn,I(Mn,{size:t}),{"k-virtual-list":o}),children:[s,l,r&&Bs(Cn,{children:r}),a\|\|(p!==void 0?p:Bs(ar,{live:!0,children:"No data found."})),b&&a&&Ps(ar,{className:"k-sr-only",live:!0,children:[m," items found."]})]})};D.states=vm;D.options=Cm;D.className=Mn;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 ws="k-list-container",Mm=[],Sm={},Am={},vo=e=>{let{...t}=e;return Im("div",{...t,className:n(e.className,ws),children:e.children})};vo.states=Mm;vo.options=Sm;vo.className=ws;vo.defaultOptions=Am;vo.moduleName=Wt;vo.folderName=go;var Jt="checkbox",Co=Jt;import{jsx as Rs}from"react/jsx-runtime";var rr="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={},at=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 Rs("span",{className:"k-checkbox-wrap",role:m,children:Rs("input",{...L,id:t,type:"checkbox",defaultChecked:o,required:x,disabled:l\|\|void 0,"aria-invalid":p?"true":void 0,className:n(e.className,rr,I(rr,{size:N,rounded:k}),S(rr,{hover:r,focus:s,disabled:l,invalid:p,valid:b,indeterminate:a,checked:o}))})})};at.states=Tm;at.options=ym;at.className=rr;at.defaultOptions=Em;at.moduleName=Jt;at.folderName=Co;at.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 pt=at;import{jsx as Pm}from"react/jsx-runtime";var Ks="k-checkbox-list",Om=[],Bm={},_s={layout:"vertical"},Ae=e=>{let{layout:t=_s.layout,...o}=e;return Pm("ul",{...o,className:n(e.className,Ks,{[`k-list-${t}`]:t}),children:e.children})};Ae.states=Om;Ae.options=Bm;Ae.className=Ks;Ae.defaultOptions=_s;Ae.moduleName=Jt;Ae.folderName=Co;import{jsx as _m}from"react/jsx-runtime";var Ds="k-checkbox-list-item",wm=[],Rm={},Km={},Ie=e=>{let{...t}=e;return _m("li",{...t,className:n(e.className,Ds),children:e.children})};Ie.states=wm;Ie.options=Rm;Ie.className=Ds;Ie.defaultOptions=Km;Ie.moduleName=Jt;Ie.folderName=Co;import{Fragment as Dm,jsx as Hs,jsxs as Hm}from"react/jsx-runtime";var Ct=({children:e="Label",id:t="cb-label-after",...o})=>Hm(Dm,{children:[Hs(pt,{id:t,...o}),Hs("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 rt,jsxs as zs}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"?zs(Ae,{layout:"horizontal",...o,children:[rt(Ie,{children:rt(Ct,{id:T("cb"),defaultChecked:!0,children:"Label"})}),rt(Ie,{children:rt(Ct,{id:T("cb"),children:"Label"})}),rt(Ie,{children:rt(Ct,{id:T("cb"),children:"Label"})})]}):zs(Ae,{...o,children:[rt(Ie,{children:rt(Ct,{id:T("cb"),defaultChecked:!0,children:"Label"})}),rt(Ie,{children:rt(Ct,{id:T("cb"),children:"Label"})}),rt(Ie,{children:rt(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=pt.options,Xm=pt.states,qm=pt.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=pt.className;import{jsx as Yt,jsxs as eu}from"react/jsx-runtime";var Sn="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":Sn,S(Sn,{hover:b,focus:x,disabled:k,selected:N})),children:[l&&Yt(at,{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=Sn;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 An,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:An(Lt,{role:"listbox",id:s,"aria-label":a,"aria-labelledby":r,children:e.children}),t&&An("div",{className:"k-height-container",children:An("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 In,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&&In("span",{className:"k-list-item-icon-wrapper",children:In(v,{icon:t,className:"k-list-item-icon"})}),In("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 Tn="k-list-optionlabel",su=[i.hover,i.focus,i.selected,i.disabled],lu={},du={},nr=e=>{let{text:t,hover:o,focus:a,selected:r,disabled:s,...l}=e;return cu("div",{...l,className:n(Tn,S(Tn,{hover:o,focus:a,selected:r,disabled:s})),children:t})};nr.states=su;nr.options=lu;nr.className=Tn;nr.defaultOptions=du;import{jsx as fu}from"react/jsx-runtime";var yn="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(yn,S(yn,{hover:o,focus:a,selected:r,disabled:s})),children:t})};Dt.states=pu;Dt.options=mu;Dt.className=yn;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 Fs="dropdown-list",Us="dropdownlist";import{Fragment as xu,jsx as Te,jsxs as En}from"react/jsx-runtime";var Gs="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]},On={showValue:!0,arrowIconName:"chevron-down"},ie=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:r=On.arrowIconName,showValue:s=On.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:Br,id:Et,activeDescendant:$a,"aria-label":Pr,...wr}=e,Dd=Et?`${Et}-listbox`:void 0,vi=Et?`${Et}-value`:void 0;return En(xu,{children:[En(ft,{...wr,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,Gs,{"k-icon-picker":!s&&l}),role:"combobox","aria-haspopup":"listbox","aria-expanded":ce?"true":"false","aria-controls":ce?Dd:void 0,"aria-activedescendant":ce&&$a?$a:void 0,"aria-describedby":ce?vi:void 0,"aria-disabled":A?"true":void 0,"aria-label":Pr,tabIndex:0,children:[Te(_e,{children:p}),Te(qt,{placeholder:N,value:x,showValue:s,valueIconName:l,id:vi}),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:Br,inputValue:x,inputPlaceholder:N,title:Ce,subtitle:$t}),children:Te("div",{className:"k-list-container",children:Te(D,{size:"large",children:En($,{"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=Gs;ie.defaultOptions=On;ie.moduleName=Fs;ie.folderName=Us;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 Vs}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=Vs(Lu,{children:[Ht("div",{className:"k-list-filter",children:Ht(je,{})}),Ht(D,{style:{width:300},size:o.size,children:Vs($,{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 Bn}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]?Bn(ie,{size:o.size,fillMode:"flat",value:"mm"}):void 0;break;case"suffix":a.suffix=t?.[r]?Bn(Zr,{children:"mm"}):void 0;break;case"clear-button":a.showClearButton=t?.[r];break;case"spin-button":a.showSpinButton=t?.[r];break;default:break}}),Bn(Es,{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 $s="k-colorgradient-inputs",yu=[],Eu={size:[c.undefined,c.small,c.medium,c.large]},Xs={mode:"rgba"},To=e=>{let{mode:t=Xs.mode,size:o,...a}=e;return ne("div",{...a,className:n($s,"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=$s;To.defaultOptions=Xs;import{jsx as Zt,jsxs as jt}from"react/jsx-runtime";var qs="k-colorgradient-color-contrast",Ou=[],Bu={},Pu={},yo=()=>jt("div",{className:n(qs,"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=qs;yo.defaultOptions=Pu;var Ws="color-gradient",Js="colorgradient";import{jsx as nt,jsxs as Ta}from"react/jsx-runtime";var ir="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,ir,I(ir,{size:t}),S(ir,{hover:k,focus:m,readonly:a,disabled:r})),dir:N,children:[!M\|\|M==="horizontal"&&Ta("div",{className:"k-colorgradient-canvas k-hstack",children:[nt("div",{className:"k-hsv-rectangle",style:s,children:nt("div",{className:"k-hsv-gradient",children:nt("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:[nt(kn,{className:"k-hue-slider",hover:L,focus:C}),o!=="rgb"&&o!=="hsv"&&nt(kn,{className:"k-alpha-slider",hover:L,focus:C,trackStyle:p})]})]}),M==="vertical"&&Ta("div",{className:"k-colorgradient-canvas k-vstack",children:[nt("div",{className:"k-hsv-rectangle",style:s,children:nt("div",{className:"k-hsv-gradient",children:nt("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:[nt(Nn,{className:"k-hue-slider",hover:L,focus:C}),o!=="rgb"&&o!=="hsv"&&nt(Nn,{className:"k-alpha-slider",hover:L,focus:C,trackStyle:b})]})]}),nt(To,{mode:e.mode,size:t}),x&&nt(yo,{})]})};pe.states=wu;pe.options=Ru;pe.className=ir;pe.defaultOptions=Nt;pe.moduleName=Ws;pe.folderName=Js;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 sr=e=>Ku(pe,{...e});import{jsx as cB}from"react/jsx-runtime";import{jsx as fB}from"react/jsx-runtime";import{jsx as Pn}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 Pn(sr,{...o,mode:t});case"rgb":return Pn(sr,{...o,mode:t});default:return Pn(sr,{...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 wn=e=>Uu("tr",{role:"row",children:e.children});import{jsx as $u}from"react/jsx-runtime";var Rn="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,Rn,S(Rn,{hover:a,focus:r,selected:s})),style:p})};Oo.states=Gu;Oo.options=Vu;Oo.className=Rn;var Ys="color-palette",Qs="colorpalette";import{jsx as ya}from"react/jsx-runtime";var lr="k-colorpalette",Xu=[i.disabled],qu={size:[c.undefined,c.small,c.medium,c.large]},Zs={columns:10},ye=e=>{let{size:t,palette:o,columns:a=Zs.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(wn,{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,lr,S(lr,{disabled:s}),I(lr,{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=lr;ye.defaultOptions=Zs;ye.moduleName=Ys;ye.folderName=Qs;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 dr=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 js=e=>Wu(dr,{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(js,{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 el="color-editor",tl="coloreditor";import{jsx as it,jsxs as Po}from"react/jsx-runtime";var cr="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",cr,I(cr,{size:t}),S(cr,{focus:l})),dir:b,children:[Po("div",{className:"k-coloreditor-header k-hstack",children:[it("div",{className:"k-coloreditor-header-actions k-hstack",children:x&&Po(B,{fillMode:"flat",children:[it(d,{className:"k-group-start",size:t,fillMode:"flat",icon:"droplet-slider",selected:o==="gradient","aria-label":"Color gradient view"}),it(d,{className:"k-group-end",size:t,fillMode:"flat",icon:"palette",selected:o==="palette","aria-label":"Color palette view"})]})}),it("div",{className:"k-spacer"}),Po("div",{className:"k-coloreditor-header-actions k-hstack",children:[it(d,{fillMode:"flat",icon:"droplet-slash",size:t,"aria-label":"Reset color"}),Po("div",{className:"k-coloreditor-preview k-vstack",children:[it(Ot,{className:"k-coloreditor-preview-color",color:r}),it(Ot,{className:"k-coloreditor-current-color",color:s})]})]})]}),it("div",{className:"k-coloreditor-views k-vstack",children:o==="gradient"?it(pe,{focus:p,size:t,canvasOrientation:k,role:"none",tabIndex:-1}):it(ye,{palette:a,size:t})}),N&&Po(z,{className:"k-coloreditor-footer",alignment:"start",children:[it(d,{themeColor:"primary",size:t,className:"k-coloreditor-apply",children:"Apply"}),it(d,{className:"k-coloreditor-cancel",size:t,children:"Cancel"})]})]})};oe.states=of;oe.options=af;oe.className=cr;oe.defaultOptions=Oa;oe.moduleName=el;oe.folderName=tl;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 ol=e=>rf(wo,{group:!0,currentColor:"fuchsia",...e});import{jsx as nf}from"react/jsx-runtime";var al=e=>nf(wo,{view:"palette",group:!0,currentColor:"fuchsia",...e});import{jsx as rl}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"?rl(al,{...o,color:"white"}):rl(ol,{...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 nl="color-picker",il="colorpicker";import{Fragment as ff,jsx as st,jsxs as Kn}from"react/jsx-runtime";var sl="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]},ll={arrowIconName:"chevron-down"},Ge=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:r=ll.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 Kn(ff,{children:[Kn(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,sl,"k-icon-picker"),children:[st(_e,{children:s}),st(qt,{placeholder:b,value:p,showValue:!1,valueIcon:st(Ot,{className:"k-value-icon",color:p,iconName:M}),valueIconName:M}),st(De,{children:l}),st(d,{className:"k-input-button",icon:r,size:t,fillMode:a,tabIndex:-1,"aria-label":"Open color picker",disabled:C})]}),A&&E&&st(U,{id:Ce,className:"k-colorpicker-popup",children:E}),w&&st(te,{adaptive:!0,id:Ce,...J,header:st(Se,{actionsEnd:st(d,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply"}),title:ce,subtitle:ue}),footer:Kn(Bt,{children:[st(d,{text:"Cancel",size:"large"}),st(d,{text:"Set",size:"large",themeColor:"primary"})]}),children:st(oe,{canvasOrientation:"vertical",size:"large",actionButtons:!1,group:!0})})]})};Ge.states=mf;Ge.options=uf;Ge.className=sl;Ge.defaultOptions=ll;Ge.moduleName=nl;Ge.folderName=il;Ge.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=Ge;import{jsx as bf}from"react/jsx-runtime";var pr=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,dl={...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}={...dl,...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(pr,{...a,...r})});case"icon":return eo("div",{style:s,children:eo(pr,{value:"rgba(183, 118 , 118, 1.00)",valueIconName:"edit-tools",...a,...r})});default:return eo("div",{style:s,children:eo(pr,{value:"rgba(183, 118 , 118, 1.00)",...a,...r})})}};Ko.options=hf;Ko.states=xf;Ko.variants=Nf;Ko.defaultOptions=dl;Ko.modifiers=kf;Ko.className=Mt.className;var _n="combobox",cl=_n;import{Fragment as Dn,jsx as se,jsxs as Ba}from"react/jsx-runtime";var pl="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]},ml={separators:!0},ke=e=>{let{size:t,rounded:o,fillMode:a,separators:r=ml.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:Br,activeDescendant:Et,"aria-label":$a,...Pr}=e,wr=$t?`${$t}-listbox`:void 0;return Ba(Dn,{children:[Ba(Q,{...Pr,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,pl),children:[s&&Ba(Dn,{children:[se(_e,{children:s}),r&&se(Me,{})]}),se(Ue,{id:$t,placeholder:b,value:p,role:"combobox","aria-haspopup":"listbox","aria-expanded":A?"true":"false","aria-controls":A?wr:void 0,"aria-activedescendant":A&&Et?Et:void 0,"aria-autocomplete":Br,"aria-invalid":m?"true":void 0,"aria-busy":C?"true":void 0,"aria-label":$a,disabled:M,readOnly:w}),se(Le,{valid:k,invalid:m,loading:C,disabled:M}),se(Ke,{loading:C,disabled:M}),se(Fe,{loading:C,disabled:M,readonly:w,value:p}),l&&Ba(Dn,{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=pl;ke.defaultOptions=ml;ke.moduleName=_n;ke.folderName=cl;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 Ve=ke;import{jsx as Cf}from"react/jsx-runtime";var ul=e=>Cf(Ve,{...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(ul,{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 Hn="menu-button",fl=Hn;import{jsx as Of}from"react/jsx-runtime";var bl="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]},zn={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=zn.showArrow,arrowIconName:L=zn.arrowIconName,expanded:C,...M}=e;return Of(d,{...M,className:n(e.className,bl),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=bl;X.defaultOptions=zn;X.moduleName=Hn;X.folderName=fl;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 $e="menu",lt=$e;import{jsx as Pa,jsxs as hl}from"react/jsx-runtime";var Fn="k-menu-item",Bf=[i.hover,i.focus,i.active,i.selected,i.disabled],Pf={},xl={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=xl.iconPosition,dir:L,children:C,expanded:M,...E}=e,A=k;return A\|\|(A=L==="rtl"?"chevron-left":"chevron-right"),hl("li",{...E,className:n(e.className,Fn,"k-item",S(Fn,{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:[hl("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=Fn;ge.defaultOptions=xl;ge.moduleName=$e;ge.folderName=lt;import{jsx as wa,jsxs as Nl}from"react/jsx-runtime";var Un="k-menu-item",wf=[i.hover,i.focus,i.active,i.selected,i.disabled],Rf={},Gn={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=Gn.iconPosition,dir:L=Gn.dir,children:C,popup:M,expanded:E,...A}=e,w=k;return w\|\|(w=L==="rtl"?"chevron-left":"chevron-right"),Nl("li",{...A,className:n(e.className,Un,"k-item",S(Un,{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:[Nl("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=Un;Z.defaultOptions=Gn;Z.moduleName=$e;Z.folderName=lt;import{jsx as Hf}from"react/jsx-runtime";var kl="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,kl,{"k-menu-scroll-wrapper-vertical":a==="vertical"}),children:o})};to.states=Kf;to.options=_f;to.className=kl;to.defaultOptions=Df;to.moduleName=$e;to.folderName=lt;var gl=to;import{Fragment as Vn,jsx as oo,jsxs as ur}from"react/jsx-runtime";var $n="k-menu",zf=[],Ff={},fr={orientation:"horizontal",header:!0,scrollButtonsPosition:"around"},me=e=>{let{children:t,orientation:o=fr.orientation,header:a=fr.header,scrollable:r,scrollButtonsPosition:s=fr.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",$n,{[`${$n}-${o}`]:o,"k-header":a}),role:x?"menu":"menubar",...o==="vertical"&&{"aria-orientation":"vertical"},children:t});return ur(Vn,{children:[r?ur(gl,{orientation:o,style:l,dir:e.dir,children:[s==="start"&&ur(Vn,{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"&&ur(Vn,{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=$n;me.defaultOptions=fr;me.moduleName=$e;me.folderName=lt;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 Xn="k-separator",vl={orientation:"horizontal"},Do=e=>{let{orientation:t=vl.orientation,...o}=e;return Uf("li",{...o,className:n(e.className,"k-item",Xn,{[`${Xn}-${t}`]:t}),role:"separator"})};Do.className=Xn;Do.defaultOptions=vl;Do.moduleName=$e;Do.folderName=lt;import{Fragment as q_,jsx as W_}from"react/jsx-runtime";import{jsx as Xf}from"react/jsx-runtime";var qn="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,qn,I(qn,{size:o})),role:"menu",children:t})};ve.states=Gf;ve.options=Vf;ve.className=qn;ve.defaultOptions=$f;ve.moduleName=$e;ve.folderName=lt;import{Fragment as qf,jsx as Ho,jsxs as Wf}from"react/jsx-runtime";var Wn=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,Cl={...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}={...Cl,...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(Wn,{...a,...r,orientation:"vertical",style:{width:"200px"}}):ao(Wn,{...a,...r})};zo.options=Jf;zo.states=Yf;zo.variants=Qf;zo.defaultOptions=Cl;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 Ll}from"react/jsx-runtime";var eb=d.states,Ml={...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}={...Ml,...e},r={},s=kt(U,{className:"k-menu-popup",children:Ll(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 Ll(rb,{children:[l,o?.opened&&s]})};Fo.options=tb;Fo.states=eb;Fo.variants=ob;Fo.defaultOptions=Ml;Fo.modifiers=ab;Fo.className=X.className;var Jn="split-button",Sl=Jn;import{Fragment as sb,jsx as Yn,jsxs as Al}from"react/jsx-runtime";var Qn="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]},Il={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=Il.arrowIconName,popup:L,opened:C,popupId:M,...E}=e;return Al(sb,{children:[Al("div",{...E,className:n(e.className,Qn,"k-button-group",I(Qn,{rounded:o})),children:[Yn(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}),Yn(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&&Yn(U,{className:"k-menu-popup",children:L})]})};_.states=nb;_.options=ib;_.className=Qn;_.defaultOptions=Il;_.moduleName=Jn;_.folderName=Sl;_.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 Zn=_;import{jsx as db}from"react/jsx-runtime";var lb="k-toolbar-separator",mt=e=>db("div",{className:n(lb,e.className,"k-separator")});var St="toolbar",Ft=St;import{Fragment as jn,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===Zn)C.push(H(Zn,{...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===Ge?C.push(H(Ge,{...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(jn,{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(mt,{className:"k-toolbar-button-separator"}),H("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N})]}),s&&l==="end"&&Uo(jn,{children:[H("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N}),H(mt,{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(jn,{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(mt,{className:"k-toolbar-button-separator"}),H("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N}),H(mt,{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 Tl="k-floating-toolbar",ub=[],fb={},bb={},Go=e=>{let{...t}=e;return hb("div",{...t,className:n(e.className,Tl),children:e.children})};Go.states=ub;Go.options=fb;Go.className=Tl;Go.defaultOptions=bb;Go.moduleName=St;Go.folderName=Ft;import{jsx as gb}from"react/jsx-runtime";var ei="k-toolbar-item",xb=[i.focus],Nb={},kb={},Vo=e=>{let{focus:t,...o}=e;return gb("div",{...o,className:n(e.className,ei,S(ei,{focus:t})),children:e.children})};Vo.states=xb;Vo.options=Nb;Vo.className=ei;Vo.defaultOptions=kb;Vo.moduleName=St;Vo.folderName=Ft;import{jsx as yl}from"react/jsx-runtime";var El="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 yl(U,{...r,className:n(e.className,El),children:a?yl("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=El;ro.defaultOptions=Lb;ro.moduleName=St;ro.folderName=Ft;var br=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,Ol={..._.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}={...Ol,...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=Ol;$o.modifiers=Ib;$o.className=_.className;import{jsx as no,jsxs as yb}from"react/jsx-runtime";var Bl=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 Xe,jsxs as Pl}from"react/jsx-runtime";var wl=e=>Xe(R,{scrollable:!0,...e,children:[Xe(d,{children:"Button"},"toolbar-button"),Xe(X,{text:"Menu button"},"toolbar-menu-button"),Xe(_,{children:"Split button"},"toolbar-split-button"),Pl(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"),Pl(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")],...e});import{jsx as qe,jsxs as Rl}from"react/jsx-runtime";var Kl=({scrollingPosition:e="start",...t})=>qe(R,{scrollable:!0,scrollButtons:"hidden",scrollingPosition:e,...t,children:[qe(d,{children:"Button"},"toolbar-button"),qe(X,{text:"Menu button"},"toolbar-menu-button"),qe(_,{children:"Split button"},"toolbar-split-button"),Rl(B,{children:[qe(d,{className:"k-group-start",icon:"align-left",children:"Left"}),qe(d,{icon:"align-center",children:"Center"}),qe(d,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),qe(d,{children:"Button"},"toolbar-button"),qe(X,{text:"Menu button"},"toolbar-menu-button"),qe(_,{children:"Split button"},"toolbar-split-button"),Rl(B,{children:[qe(d,{className:"k-group-start",icon:"align-left",children:"Left"}),qe(d,{icon:"align-center",children:"Center"}),qe(d,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...t});import{Fragment as Eb,jsx as He,jsxs as hr}from"react/jsx-runtime";var _l=({fillMode:e,size:t,...o})=>hr(Eb,{children:[He(R,{section:!0,fillMode:e,size:t,children:[He(d,{fillMode:e,size:t,children:"Button"},"toolbar-button"),hr(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(mt,{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}),hr(br,{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(mt,{}),He(X,{text:"Menu button",fillMode:e,size:t},"toolbar-menu-button"),hr(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,Dl={...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}={...Dl,...e};switch(t){case"responsive":return Ut("div",{children:Ut(_l,{style:{width:"583px"},...o})});case"overlay":return Ut("div",{children:Ut(Kl,{style:{width:"583px"},...o,scrollingPosition:"start",scrollButtons:"hidden"})});case"scrollable":return Ut("div",{children:Ut(wl,{style:{width:"583px"},...o})});default:return Ut("div",{children:Ut(Bl,{style:{width:"583px"},...o})})}};Xo.options=Ob;Xo.states=Bb;Xo.variants=Pb;Xo.defaultOptions=Dl;Xo.modifiers=wb;Xo.className=R.className;var ti="prompt",Hl=ti;import{Fragment as Db,jsx as zl}from"react/jsx-runtime";var Fl="k-prompt",Rb=[],Kb={},_b={},W=e=>{let{...t}=e;return zl("div",{...t,className:n(e.className,Fl),children:zl(Db,{children:e.children})})};W.states=Rb;W.options=Kb;W.className=Fl;W.defaultOptions=_b;W.moduleName=ti;W.folderName=Hl;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",ut=e=>{let{...t}=e;return zb("div",{...t,className:n(e.className,Hb),children:e.children})};import{Fragment as Ub,jsx as Ul}from"react/jsx-runtime";var Fb="k-prompt-content",We=e=>{let{...t}=e;return Ul("div",{...t,className:n(e.className,Fb),children:Ul(Ub,{children:e.children})})};import{jsx as Vb}from"react/jsx-runtime";var Gb="k-prompt-view",Je=e=>{let{...t}=e;return Vb("div",{...t,className:n(e.className,Gb),children:e.children})};import{jsx as Gl,jsxs as Xb}from"react/jsx-runtime";var $b="k-prompt-expander",Ra=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:[Gl(F,{fillMode:"flat",icon:a?"chevron-up":"chevron-down","aria-expanded":a?"true":"false","aria-controls":a?s:void 0,children:t}),a&&Gl("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 Vl="k-prompt-send",$l={generating:!1},qo=e=>{let{generating:t=$l.generating,...o}=e;return Jb(d,{...o,className:n(e.className,Vl,{"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=Vl;qo.defaultOptions=$l;import{jsx as Xl,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]},ql={type:"button"},ae=e=>{let{size:t,rounded:o,themeColor:a,text:r,icon:s,type:l=ql.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&&Xl(v,{className:"k-fab-icon",icon:s}),r&&Xl("span",{className:"k-fab-text",children:r})]})};ae.states=Zb;ae.options=jb;ae.className=xr;ae.defaultOptions=ql;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",Wl=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 Yl,jsxs as rh}from"react/jsx-runtime";var Jl="k-fab-item",ah=[i.hover,i.focus,i.active,i.disabled],oi=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,Jl,{[`k-text-${a}`]:a},S(Jl,{hover:r,focus:s,active:l,disabled:p})),children:[Yl("span",{className:"k-fab-item-text",children:t}),Yl(v,{className:"k-fab-item-icon",icon:o})]})};oi.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(Wl,{position:"bottom",children:Wo(oi,{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 Ql="k-prompt-stop-fab",Zl={generating:!0},so=e=>{let{generating:t=Zl.generating,icon:o,...a}=e;return ph(ae,{...a,className:n(e.className,Ql,{"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=Ql;so.defaultOptions=Zl;var ai="speech-to-text-button",jl=ai;import{jsx as mh}from"react/jsx-runtime";var ed="k-speech-to-text-button",td={icon:"microphone"},re=e=>{let{listening:t=!1,icon:o=td.icon,...a}=e;return mh(d,{...a,icon:t?"stop":o,className:n(e.className,ed,{"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=ed;re.defaultOptions=td;re.moduleName=ai;re.folderName=jl;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,od={...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}={...od,...e},a={};return t==="listening"&&(a.listening=!0),xh(re,{...o,...a})};Yo.options=fh;Yo.states=uh;Yo.variants=hh;Yo.defaultOptions=od;Yo.modifiers=bh;Yo.className=re.className;var ri="textarea",ad=ri;import{Fragment as rd,jsx as Ka,jsxs as ni}from"react/jsx-runtime";var nd="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 ni(Q,{...Ce,size:t,rounded:o,fillMode:a,hover:C,focus:M,valid:E,invalid:A,required:w,disabled:J,className:n(e.className,nd,{"!k-flex-col":p==="vertical","!k-flex-row":p==="horizontal"}),children:[x&&ni(rd,{children:[Ka(_e,{className:n({"!k-align-items-start":p===l}),direction:l,children:x}),r&&Ka(Me,{direction:p==="horizontal"?"vertical":"horizontal"})]}),Ka(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&&ni(rd,{children:[s&&Ka(Me,{direction:p==="horizontal"?"vertical":"horizontal"}),Ka(De,{className:n({"!k-align-items-start":p===l}),direction:l,children:N})]})]})};Y.states=Nh;Y.options=kh;Y.className=nd;Y.defaultOptions=Qo;Y.moduleName=ri;Y.folderName=ad;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,id={...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}={...id,...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=id;Zo.modifiers=Lh;Zo.className=Y.className;import{Fragment as h5,jsx as f5,jsxs as b5}from"react/jsx-runtime";import{jsx as kr}from"react/jsx-runtime";var Mh="k-chip-action";var Tt=e=>{let{type:t,...o}=e,a;switch(t){case"remove":a=kr(v,{icon:"x-circle",size:"small"});break;case"more":a=kr(v,{icon:"more-vertical",size:"small"});break;default:return kr(v,{icon:t,size:"small"})}return kr("span",{...o,className:n(e.className,Mh,`k-chip-${t}-action`),children:a})};var si="avatar",sd=si;import{jsx as ld}from"react/jsx-runtime";var _a="k-avatar";var Sh=[i.hover,i.focus,i.active,i.selected,i.disabled],Ah={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 ld("div",{...p,className:n(e.className,_a,I(_a,{size:t,rounded:o,fillMode:a,themeColor:r}),{[`${_a}-bordered`]:l}),children:ld("span",{className:`${_a}-${s}`,children:e.children})})};Ee.states=Sh;Ee.options=Ah;Ee.className=_a;Ee.defaultOptions=li;Ee.moduleName=si;Ee.folderName=sd;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 Ih}from"react/jsx-runtime";var dd=e=>Ih(lo,{type:"icon",...e});import{jsx as Th}from"react/jsx-runtime";var cd=e=>Th(lo,{type:"text",...e});import{jsx as yh}from"react/jsx-runtime";var pd=e=>yh(lo,{type:"image",...e});import{jsx as D5}from"react/jsx-runtime";import{jsx as Da}from"react/jsx-runtime";var Eh=Ee.options,Oh=Ee.states,Bh={...Ee.defaultOptions,variant:"image"},Ph=[{name:"image",title:"Image"},{name:"icon",title:"Icon Avatar"},{name:"text",title:"Text Avatar"}],wh=[],jo=e=>{let{variant:t,...o}=e;switch(t){case"icon":return Da(dd,{...o,children:Da(v,{icon:"star"})});case"text":return Da(cd,{...o,children:"JO"});default:return Da(pd,{...o,children:Da("img",{src:"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg"})})}};jo.options=Eh;jo.states=Oh;jo.variants=Ph;jo.defaultOptions=Bh;jo.modifiers=wh;jo.className=Ee.className;var Ha="chip",gr=Ha;import{jsx as ea,jsxs as _h}from"react/jsx-runtime";var vr="k-chip",Rh=[i.hover,i.focus,i.active,i.selected,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.outline],themeColor:[h.undefined,h.base,h.success,h.warning,h.error,h.info]},md={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=md.avatarImage,hover:N,focus:k,active:m,selected:L,disabled:C,...M}=e;return _h("div",{...M,className:n(e.className,vr,I(vr,{size:t,rounded:o,fillMode:a,themeColor:r}),S(vr,{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=Rh;Oe.options=Kh;Oe.className=vr;Oe.defaultOptions=md;Oe.moduleName=Ha;Oe.folderName=gr;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 dt=Oe;import{jsx as Fh}from"react/jsx-runtime";var di="k-chip-list",Dh=[],Hh={size:[c.undefined,c.small,c.medium,c.large]},zh={},xe=e=>{let{size:t,multiselectable:o,ariaLabel:a,...r}=e;return Fh("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=Dh;xe.options=Hh;xe.className=di;xe.defaultOptions=zh;xe.moduleName=Ha;xe.folderName=gr;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 fF}from"react/jsx-runtime";import{jsx as NF}from"react/jsx-runtime";import{jsx as Uh}from"react/jsx-runtime";var Cr=e=>Uh(dt,{text:"text",...e});import{jsx as AF}from"react/jsx-runtime";import{jsx as EF}from"react/jsx-runtime";import{Fragment as KF,jsx as RF,jsxs as _F}from"react/jsx-runtime";import{jsx as UF,jsxs as GF}from"react/jsx-runtime";import{jsx as WF,jsxs as JF}from"react/jsx-runtime";import{jsx as tU,jsxs as oU}from"react/jsx-runtime";import{jsx as ta,jsxs as Wh}from"react/jsx-runtime";var Gh={...dt.options,...xe.options},Vh=[],$h=xe.states,Xh={...dt.defaultOptions,...xe.defaultOptions},qh=[{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 Wh(xe,{size:a.size,className:o,children:[ta(Cr,{...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(Cr,{...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(Cr,{...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=Gh;oa.states=$h;oa.variants=Vh;oa.defaultOptions=Xh;oa.modifiers=qh;oa.className=xe.className;import{jsx as ci}from"react/jsx-runtime";var Jh=Oe.states,Yh=Oe.defaultOptions,Qh=Oe.options,Zh=[],jh=[{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=Qh;aa.states=Jh;aa.variants=Zh;aa.defaultOptions=Yh;aa.modifiers=jh;aa.className=Oe.className;import{Fragment as GU,jsx as FU,jsxs as UU}from"react/jsx-runtime";import{jsx as tx}from"react/jsx-runtime";var ex="k-card-callout",ud=e=>{let{callout:t,...o}=e;return tx("span",{...o,className:n(e.className,ex,{[`k-callout-${Li.calloutMap[t]\|\|t}`]:t})})};var Ye="card",ct=Ye;import{Fragment as nx,jsx as fd,jsxs as ix}from"react/jsx-runtime";var pi="k-card",ox=[i.hover,i.focus,i.selected,i.disabled],ax={},rx={},j=e=>{let{orientation:t,callout:o,hover:a,focus:r,selected:s,disabled:l,...p}=e;return ix("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"&&fd(ud,{callout:o}),fd(nx,{children:e.children})]})};j.states=ox;j.options=ax;j.className=pi;j.defaultOptions=rx;j.moduleName=Ye;j.folderName=ct;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 cx,jsx as bd}from"react/jsx-runtime";var mi="k-card-list",sx=[],lx={},dx={},Gt=e=>{let{...t}=e;return bd("div",{...t,className:n(e.className,mi,S(mi,{})),role:"list",children:bd(cx,{children:e.children})})};Gt.states=sx;Gt.options=lx;Gt.className=mi;Gt.defaultOptions=dx;Gt.moduleName=Ye;Gt.folderName=ct;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 fx}from"react/jsx-runtime";var hd="k-card-group",px=[],mx={},ux={},ra=e=>{let{...t}=e;return fx("div",{...t,className:n(e.className,hd),children:e.children})};ra.states=px;ra.options=mx;ra.className=hd;ra.defaultOptions=ux;ra.moduleName=Ye;ra.folderName=ct;import{jsx as Nx}from"react/jsx-runtime";var ui="k-card-wrap",bx=[i.focus,i.selected],hx={},xx={},na=e=>{let{focus:t,selected:o,...a}=e;return Nx("div",{...a,className:n(e.className,ui,S(ui,{focus:t,selected:o})),children:e.children})};na.states=bx;na.options=hx;na.className=ui;na.defaultOptions=xx;na.moduleName=Ye;na.folderName=ct;import{jsx as gx}from"react/jsx-runtime";var fi="k-card-title",kx=[i.hover,i.focus],co=e=>{let{hover:t,focus:o,...a}=e;return gx("div",{...a,className:n(e.className,fi,S(fi,{hover:t,focus:o})),children:e.children})};co.states=kx;co.className=fi;import{jsx as Cx}from"react/jsx-runtime";var vx="k-card-subtitle",Lr=e=>{let{...t}=e;return Cx("div",{...t,className:n(e.className,vx),children:e.children})};import{Fragment as Nd,jsx as Mr}from"react/jsx-runtime";var xd="k-card-media",bi=e=>{let{src:t,...o}=e;return Mr(Nd,{children:t?Mr("img",{...o,className:n(e.className,xd),src:t}):Mr("span",{...o,className:n(e.className,xd),children:Mr(Nd,{children:e.children})})})};import{Fragment as Mx,jsx as za,jsxs as Sx}from"react/jsx-runtime";var Lx="k-card-header",yt=e=>{let{title:t,subtitle:o,details:a,...r}=e;return Sx("div",{...r,className:n(e.className,Lx),children:[t&&za(co,{children:t}),o&&za(Lr,{children:o}),za(Mx,{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 Ix}from"react/jsx-runtime";var Ax="k-card-footer",hi=e=>{let{...t}=e;return Ix("div",{...t,className:n(e.className,Ax),children:e.children})};import{Fragment as yx,jsx as Fa,jsxs as Ex}from"react/jsx-runtime";var Tx="k-card-body",Qe=e=>{let{title:t,subtitle:o,details:a,...r}=e;return Ex("div",{...r,className:n(e.className,Tx),children:[t&&Fa(co,{children:t}),o&&Fa(Lr,{children:o}),Fa(yx,{children:e.children}),a&&Fa("span",{className:"k-card-header-actions",children:Fa(d,{className:"k-card-details",icon:"more-vertical",fillMode:"flat","aria-label":"Card details"})})]})};import{jsx as wx}from"react/jsx-runtime";var kd="k-card-deck",Ox=[],Bx={},Px={},ia=e=>{let{...t}=e;return wx("div",{...t,className:n(e.className,kd),children:e.children})};ia.states=Ox;ia.options=Bx;ia.className=kd;ia.defaultOptions=Px;ia.moduleName=Ye;ia.folderName=ct;import{jsx as Dx}from"react/jsx-runtime";var gd="k-card-deck-scrollwrap",Rx=[],Kx={},_x={},sa=e=>{let{...t}=e;return Dx("div",{...t,className:n(e.className,gd),children:e.children})};sa.states=Rx;sa.options=Kx;sa.className=gd;sa.defaultOptions=_x;sa.moduleName=Ye;sa.folderName=ct;import{Fragment as Hx,jsx as la,jsxs as vd}from"react/jsx-runtime";var Cd=e=>la(j,{orientation:"vertical",children:vd(Hx,{children:[la(yt,{children:"Card Header"}),la(Qe,{children:la("p",{children:"Some quick example text to build on the card title and make up the bulk of the card's content."})}),vd(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 zx,jsx as Ua,jsxs as Ld}from"react/jsx-runtime";var Md=e=>Ua(j,{orientation:"horizontal",children:Ld(zx,{children:[Ua(Qe,{title:"Card Title",children:Ua("p",{children:"Some quick example text to build on the card title and make up the bulk of the card's content."})}),Ld(z,{orientation:"vertical",className:"k-card-actions",children:[Ua(d,{fillMode:"flat",themeColor:"primary",children:"Action 1"}),Ua(d,{fillMode:"flat",themeColor:"primary",children:"Action 2"})]})]}),...e});import{jsx as n9,jsxs as i9}from"react/jsx-runtime";import{jsx as Be,jsxs as Ga}from"react/jsx-runtime";var Fx=j.options,Ux=j.states,Sd={...j.defaultOptions,variant:"vertical"},Gx=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],Vx=[{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}={...Sd,...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"?Ga(Md,{style:{maxWidth:"420px"},...a,children:[r&&Be(bi,{src:"https://demos.telerik.com/kendo-ui/content/web/cards/rome.jpg"}),Ga("div",{children:[s&&Be(yt,{title:"Header Title",subtitle:"Header Subtitle"}),Be(Qe,{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"}),Ga(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"})]})]}):Ga(Cd,{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(Qe,{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"}),Ga(z,{className:"k-card-actions",children:[Be(d,{fillMode:"flat",themeColor:"primary",children:"Button"}),Be(d,{fillMode:"flat",themeColor:"primary",children:"Button"})]})]})};da.options=Fx;da.states=Ux;da.variants=Gx;da.defaultOptions=Sd;da.modifiers=Vx;da.className=j.className;import{jsx as V9,jsxs as $9}from"react/jsx-runtime";var xi="panelbar",Ad=xi;import{jsx as Wx}from"react/jsx-runtime";var Id="k-panelbar",$x=[],Xx={},qx={},Ne=e=>{let{activeDescendant:t,...o}=e;return Wx("ul",{...o,className:n(e.className,Id),role:"tree","aria-activedescendant":t,children:e.children})};Ne.states=$x;Ne.options=Xx;Ne.className=Id;Ne.defaultOptions=qx;Ne.moduleName=xi;Ne.folderName=Ad;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 Sr,jsxs as Td}from"react/jsx-runtime";var yd="k-panelbar-item",Jx=[i.hover,i.focus,i.selected,i.disabled],Yx={},Ar={level:0,expanded:!1,text:"Item"},y=e=>{let{text:t=Ar.text,level:o=Ar.level,expanded:a=Ar.expanded,header:r,hover:s,focus:l,selected:p,disabled:b,icon:x,iconClass:N,ariaSelected:k,children:m,...L}=e,C=!!m;return Td("li",{...L,className:n(e.className,yd,{"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:[Td("span",{className:n("k-link",S("k-link",{hover:s,focus:l,disabled:b,selected:p})),children:[x&&Sr(v,{className:"k-panelbar-item-icon",icon:x}),N&&!x&&Sr("span",{className:`k-panelbar-item-icon ${N}`}),Sr("span",{className:"k-panelbar-item-text",children:t}),C&&Sr(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=Jx;y.options=Yx;y.className=yd;y.defaultOptions=Ar;import{jsx as eN}from"react/jsx-runtime";var Ed="k-panelbar-group",Qx=[],Zx={},jx={},Pe=e=>{let{ariaHidden:t,...o}=e;return eN("ul",{...o,className:n(e.className,Ed),role:"group","aria-hidden":t?"true":void 0,children:e.children})};Pe.states=Qx;Pe.options=Zx;Pe.className=Ed;Pe.defaultOptions=jx;import{jsx as rN}from"react/jsx-runtime";var Od="k-panelbar-content",tN=[],oN={},aN={},le=e=>{let{...t}=e;return rN("div",{...t,className:n(e.className,Od),children:e.children})};le.states=tN;le.options=oN;le.className=Od;le.defaultOptions=aN;import{Fragment as nN,jsx as Vt,jsxs as iN}from"react/jsx-runtime";var Va=e=>{let t=T("pb-item"),o=T("pb-item"),a=T("pb-item"),r=T("pb-item");return Vt(Ne,{children:iN(nN,{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 x6,jsx as h6,jsxs as N6}from"react/jsx-runtime";import{Fragment as sN,jsx as we,jsxs as ki}from"react/jsx-runtime";var Bd=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(sN,{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 Pd,jsx as ee,jsxs as Ir}from"react/jsx-runtime";var lN=Ne.options,dN=Ne.states,wd={...Ne.defaultOptions,variant:"normal"},cN=[{name:"normal",title:"Normal"},{name:"expand",title:"Expanded"}],pN=[{name:"icon",title:"Item icons"},{name:"disabled",title:"Disabled item"}],ca=e=>{let{variant:t,modifiers:o,...a}={...wd,...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(Pd,{children:Ir(Bd,{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:Ir(Pe,{children:[ee(y,{level:1,text:"Child 1"}),ee(y,{level:1,expanded:!0,text:"Child 2",children:Ir(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(Pd,{children:Ir(Va,{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=lN;ca.states=dN;ca.variants=cN;ca.defaultOptions=wd;ca.modifiers=pN;ca.className=Ne.className;import{jsx as X6,jsxs as q6}from"react/jsx-runtime";import{Fragment as n7,jsx as a7,jsxs as r7}from"react/jsx-runtime";import{Fragment as h7,jsx as f7,jsxs as b7}from"react/jsx-runtime";import{Fragment as M7,jsx as L7,jsxs as S7}from"react/jsx-runtime";var gi="suggestion",Rd=gi;import{jsx as Tr,jsxs as fN}from"react/jsx-runtime";var yr="k-suggestion-group",mN=[],uN={},Kd={layout:"scrollable",scrollingPosition:"start"},Ze=e=>{let{layout:t=Kd.layout,scrollingPosition:o,...a}=e,r=Tr("div",{...a,className:n(yr,{"k-suggestion-group-scrollable":t=="scrollable",[`${yr}-scrollable-start`]:o==="start"\|\|o==="both",[`${yr}-scrollable-end`]:o==="end"\|\|o==="both"},e.className),role:"group",children:t==="scrollable"\|\|t==="scrollButtons"?Tr("div",{className:"k-suggestions-scroll",children:e.children}):e.children});return t=="scrollButtons"?fN("div",{className:"k-suggestion-scrollwrap",children:[Tr(d,{fillMode:"flat",icon:"chevron-left",size:"xsmall","aria-label":"Scroll left"}),r,Tr(d,{fillMode:"flat",icon:"chevron-right",size:"xsmall","aria-label":"Scroll right"})]}):r};Ze.states=mN;Ze.options=uN;Ze.className=yr;Ze.defaultOptions=Kd;Ze.moduleName=gi;Ze.folderName=Rd;import{jsx as NN}from"react/jsx-runtime";var Er="k-suggestion",bN=[i.active,i.hover,i.focus],hN={themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary]},xN={text:"Suggestion"},ze=e=>{let{themeColor:t,active:o,hover:a,focus:r,text:s,...l}=e;return NN("span",{...l,className:n(e.className,Er,S(Er,{hover:a,active:o,focus:r}),I(Er,{themeColor:t})),role:"button",tabIndex:0,"aria-label":s,children:s})};ze.states=bN;ze.options=hN;ze.className=Er;ze.item=xN;import{Fragment as H7,jsx as D7,jsxs as z7}from"react/jsx-runtime";import{Fragment as $7,jsx as V7,jsxs as X7}from"react/jsx-runtime";import{Fragment as Q7,jsx as Y7,jsxs as Z7}from"react/jsx-runtime";import{Fragment as _d,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(_d,{children:de(Ze,{layout:"wrap",children:[g(ze,{text:"Post for work-life balance importance"}),g(ze,{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(ut,{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(We,{children:g(Je,{children:de(Va,{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(ut,{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(We,{children:[g(so,{}),g(Je,{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(Qe,{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(Qe,{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(ut,{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(We,{children:de(Je,{children:[g(Y,{resize:"none",rows:2,placeholder:"Ask or generate content with AI",suffixSeparator:!1,suffix:g(_d,{children:s.stt?g(re,{fillMode:"flat"}):null})}),g(Ra,{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 Or}from"react/jsx-runtime";var Q4=e=>Or(W,{...e,children:[Re(ut,{children:Or(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(We,{children:Or(Je,{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(Ra,{expanded:!0,title:"Prompt Suggestions",children:Or(Ze,{layout:"wrap",children:[Re(ze,{text:"Suggestion 1"}),Re(ze,{text:"Suggestion 2"}),Re(ze,{text:"Reply with very very very very very very very long text"})]})})]})}),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 PromptSuggestions};